Update documentation

.storybook/main.js

@@ -1,13 +1,3 @@
-import { join, dirname } from 'path'
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-function getAbsolutePath(value) {
-  return dirname(require.resolve(join(value, 'package.json')))
-}
-
 /** @type { import('@storybook/html-vite').StorybookConfig } */
 const config = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
@@ -19,21 +9,18 @@ const config = {
         preserveCSSVars: true,
       },
     },
-    getAbsolutePath('@storybook/addon-docs'),
+    '@storybook/addon-docs',
   ],
 
+  framework: '@storybook/html-vite',
+
   staticDirs: [
     {
       from: './assets',
       to: '/public',
     },
   ],
 
-  framework: {
-    name: getAbsolutePath('@storybook/html-vite'),
-    options: {},
-  },
-
   core: {
     disableTelemetry: true, // 👈 Disables telemetry
   },

build_token_json.js

@@ -108,16 +108,17 @@ function addToJson(keys, data, value) {
 }
 
 try {
-  const arguments = {}
+  const parsedArgs = {}
+
   process.argv.forEach((argument) => {
     const values = argument.slice(2).split('=')
     if (values.length === 2) {
-      arguments[values[0]] = values[1]
+      parsedArgs[values[0]] = values[1]
     }
   })
 
-  const source = arguments['source'] || 'src/core/tokens'
-  const output = arguments['output'] || './dist/tokens'
+  const source = parsedArgs['source'] || 'src/core/tokens'
+  const output = parsedArgs['output'] || './dist/tokens'
   const outputPath = path.dirname(output)
   const outputFile = path.basename(output)
 

package.json

@@ -46,28 +46,28 @@
     "modern-css-reset": "^1.4.0"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.28.3",
-    "@eslint/js": "^9.34.0",
-    "@storybook/addon-docs": "^9.1.4",
-    "@storybook/html-vite": "^9.1.4",
-    "cssnano": "^7.1.1",
-    "eslint": "^9.34.0",
+    "@babel/preset-env": "^7.28.5",
+    "@eslint/js": "^9.39.2",
+    "@storybook/addon-docs": "^10.1.8",
+    "@storybook/html-vite": "^10.1.8",
+    "cssnano": "^7.1.2",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "^9.1.4",
+    "eslint-plugin-storybook": "^10.1.8",
     "generate-template-files": "^3.2.1",
-    "globals": "^16.3.0",
+    "globals": "^16.5.0",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
-    "prettier": "^3.6.2",
-    "storybook": "^9.1.4",
-    "storybook-design-token": "^4.1.0",
+    "prettier": "^3.7.4",
+    "storybook": "^10.1.8",
+    "storybook-design-token": "^5.0.0",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.23.1",
+    "stylelint": "^16.26.1",
     "stylelint-config-idiomatic-order": "^10.0.0",
     "stylelint-prettier": "^5.0.3",
     "stylelint-use-logical": "^2.1.2",
-    "vite": "^7.1.4"
+    "vite": "^7.2.7"
   },
   "peerDependencies": {
     "tom-select": "^2.0.0"

src/stories/Components/Breadcrumbs/Breadcrumbs.js

@@ -39,7 +39,7 @@ export const createBreadcrumbs = ({ size = '', separator = 'arrow_right' }) => {
   }
 
   element.innerHTML += `
-  ${links.map((item, index) => createLink(item, index).outerHTML).join('\n  ')}
+  ${links.map((item, _index) => createLink(item).outerHTML).join('\n  ')}
 `
 
   return element