update dependencies

package.json

@@ -19,8 +19,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "engines": {
     "node": ">=18",
@@ -30,13 +30,14 @@
     "commitizen": "^4.3.0",
     "cz-conventional-changelog": "^3.3.0",
     "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
-    "sass": "^1.69.5",
-    "typescript": "^5.3.3"
+    "lint-staged": "^15.2.7",
+    "sass": "^1.77.8",
+    "typescript": "^5.5.3"
   },
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
-  }
+  },
+  "packageManager": "[email protected]+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903"
 }

packages/ui-react/.storybook/main.ts

@@ -6,7 +6,6 @@ const config: StorybookConfig = {
     '@storybook/addon-essentials',
     '@storybook/addon-actions',
     '@storybook/addon-docs',
-    '@storybook/addon-mdx-gfm',
   ],
   framework: {
     name: '@storybook/react-vite',

packages/ui-react/lib/Button/Button.module.scss

@@ -1,4 +1,5 @@
 @use '../variables' as *;
+
 .base {
   background-color: $primary-color;
   color: $white-color;
@@ -10,58 +11,73 @@
   font-weight: 400;
   transition: all 0.15s ease-in-out;
   @include shadow;
+
   &:hover {
     backdrop-filter: brightness(0.85);
   }
+
   &:active {
     transform: scale(0.98);
   }
+
   &.primary {
     background-color: $primary-color;
   }
+
   &.secondary {
     background-color: $white-color;
     color: $primary-color;
     border: 1px solid $primary-color;
   }
+
   &.border {
     border: solid 1px $border-white-color;
     background-color: $white-color;
     color: $black-color;
     font-weight: 500;
   }
+
   &.ghost {
+    background-color: transparent;
+    color: $primary-color;
+    font-weight: 600;
+
     &:hover:not(.disabled) {
       filter: brightness(1);
       backdrop-filter: brightness(0.97);
     }
-    background-color: transparent;
-    color: $primary-color;
-    font-weight: 600;
   }
+
   &.danger {
     background-color: $danger-color;
   }
+
   &.disabled {
     cursor: not-allowed;
+
     &:hover {
       backdrop-filter: none;
     }
+
     &:active {
       transform: none;
     }
   }
+
   &.disabledShadow {
     filter: grayscale(1);
   }
+
   &.small {
     padding: 6px 7px;
     font-size: 12px;
   }
+
   &.medium {
     padding: 8px 10px;
     font-size: 16px;
   }
+
   &.large {
     padding: 15px 18px;
     font-size: 20px;

packages/ui-react/lib/global.scss

@@ -25,7 +25,6 @@
   --small-font-size: 12px;
   --medium-font-size: 16px;
   --large-font-size: 20px;
-  // font-family: sans-serif;
   --background-blue: #ecf2ff;
   --border-white: #f1f1f1;
   --pale-white: #fcfcfc;
@@ -35,6 +34,7 @@
   all: unset;
   width: 4px;
 }
+
 ::-webkit-scrollbar-thumb {
   background: var(--shadow-color);
   border-radius: 2px;

packages/ui-react/package.json

@@ -43,55 +43,54 @@
     "format": "prettier . --write --ignore-unknown"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^8.0.2",
-    "@storybook/addon-essentials": "^8.0.2",
-    "@storybook/addon-mdx-gfm": "8.0.2",
-    "@storybook/blocks": "^8.0.2",
-    "@storybook/react": "^8.0.2",
-    "@storybook/react-vite": "^8.0.2",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/node": "^20.10.4",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
+    "@storybook/addon-actions": "^8.2.2",
+    "@storybook/addon-essentials": "^8.2.2",
+    "@storybook/blocks": "^8.2.2",
+    "@storybook/react": "^8.2.2",
+    "@storybook/react-vite": "^8.2.2",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^14.3.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^20.14.10",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-table": "^7.7.20",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "@vitest/coverage-v8": "^1.0.4",
-    "@vitest/ui": "^1.0.4",
-    "autoprefixer": "^10.4.16",
-    "clsx": "^2.0.0",
-    "eslint": "^8.55.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "@vitest/coverage-v8": "^1.6.0",
+    "@vitest/ui": "^1.6.0",
+    "autoprefixer": "^10.4.19",
+    "clsx": "^2.1.1",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jest-dom": "^5.1.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-jest-dom": "^5.4.0",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.8",
     "eslint-plugin-storybook": "^0.8.0",
-    "jsdom": "^23.0.1",
-    "prettier": "^3.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "jsdom": "^23.2.0",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-table": "^7.8.0",
-    "storybook": "^8.0.2",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^3.6.4",
+    "storybook": "^8.2.2",
+    "vite": "^5.3.3",
+    "vite-plugin-dts": "^3.9.1",
     "vite-plugin-libcss": "^1.1.1",
-    "vitest": "^1.0.4"
+    "vitest": "^1.6.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@storybook/addon-docs": "^8.0.2",
-    "@tanstack/react-table": "^8.16.0",
+    "@storybook/addon-docs": "^8.2.2",
+    "@tanstack/react-table": "^8.19.2",
     "@types/react-transition-group": "^4.4.10",
     "classnames": "^2.5.1",
-    "framer-motion": "^11.0.24",
+    "framer-motion": "^11.3.2",
     "lucide-react": "^0.368.0",
-    "zustand": "^4.4.7"
+    "zustand": "^4.5.4"
   }
 }