@rotki/ui-library 2.7.0 → 2.8.1

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.7.0",
+  "version": "2.8.1",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -42,7 +42,7 @@
               "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -97,7 +97,7 @@
           "js": {
             "events": [
               {
-                "name": "close",
+                "name": "action",
                 "arguments": [
                   {
                     "name": "argument",
@@ -106,7 +106,7 @@
                 ]
               },
               {
-                "name": "action",
+                "name": "close",
                 "arguments": [
                   {
                     "name": "argument",
@@ -408,20 +408,20 @@
           "js": {
             "events": [
               {
-                "name": "select",
+                "name": "update:modelValue",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[MonthYearSelection]"
+                    "type": "[value: boolean | undefined]"
                   }
                 ]
               },
               {
-                "name": "update:modelValue",
+                "name": "select",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: boolean | undefined]"
+                    "type": "[MonthYearSelection]"
                   }
                 ]
               }
@@ -644,7 +644,7 @@
               "default": "'grey'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | 'grey' | undefined"
+                "type": "ContextColorsType | 'grey' | undefined"
               }
             },
             {
@@ -699,20 +699,20 @@
           "js": {
             "events": [
               {
-                "name": "click",
+                "name": "click:close",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[e: any]"
+                    "type": "[]"
                   }
                 ]
               },
               {
-                "name": "click:close",
+                "name": "click",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[]"
+                    "type": "[e: any]"
                   }
                 ]
               }
@@ -1383,7 +1383,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             }
           ],
@@ -1555,7 +1555,7 @@
               "default": "'inherit'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | 'inherit' | undefined"
+                "type": "ContextColorsType | 'inherit' | undefined"
               }
             },
             {
@@ -1637,7 +1637,7 @@
               "default": "'numeric'",
               "value": {
                 "kind": "expression",
-                "type": "'progress' | 'numeric' | 'bullet' | 'pill' | undefined"
+                "type": "'numeric' | 'bullet' | 'progress' | 'pill' | undefined"
               }
             },
             {
@@ -2929,7 +2929,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -3009,7 +3009,7 @@
               "default": "'button'",
               "value": {
                 "kind": "expression",
-                "type": "'submit' | 'button' | undefined"
+                "type": "'button' | 'submit' | undefined"
               }
             },
             {
@@ -3021,6 +3021,16 @@
                 "kind": "expression",
                 "type": "unknown"
               }
+            },
+            {
+              "name": "hide-focus-indicator",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
@@ -3072,7 +3082,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -3082,7 +3092,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -3707,7 +3717,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -3857,7 +3867,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -3867,7 +3877,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -4571,7 +4581,7 @@
               "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -4694,7 +4704,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -4835,7 +4845,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -4845,7 +4855,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -5087,7 +5097,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -5097,7 +5107,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -5211,25 +5221,25 @@
           "js": {
             "events": [
               {
-                "name": "blur",
+                "name": "update:modelValue",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[event: Event]"
+                    "type": "[value: string]"
                   }
                 ]
               },
               {
-                "name": "update:modelValue",
+                "name": "focus-input",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: string]"
+                    "type": "[event: Event]"
                   }
                 ]
               },
               {
-                "name": "focus-input",
+                "name": "blur",
                 "arguments": [
                   {
                     "name": "argument",
@@ -5376,7 +5386,7 @@
               "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "'default' | 'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "'default' | ContextColorsType | undefined"
               }
             }
           ],
@@ -5766,6 +5776,16 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
+            },
+            {
+              "name": "disable-auto-focus",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
@@ -6146,7 +6166,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -6412,7 +6432,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -6528,7 +6548,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {
@@ -6708,7 +6728,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "ContextColorsType | undefined"
               }
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "2.7.0",
+  "version": "2.8.1",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [
@@ -70,72 +70,71 @@
   },
   "web-types": "dist/web-types.json",
   "devDependencies": {
-    "@babel/core": "7.28.3",
-    "@babel/types": "7.28.2",
-    "@commitlint/cli": "19.8.1",
-    "@commitlint/config-conventional": "19.8.1",
-    "@fontsource/roboto": "5.2.6",
+    "@babel/core": "7.28.5",
+    "@babel/types": "7.28.5",
+    "@commitlint/cli": "20.1.0",
+    "@commitlint/config-conventional": "20.0.0",
+    "@fontsource/roboto": "5.2.8",
     "@popperjs/core": "2.11.8",
     "@rotki/eslint-config": "4.5.0",
     "@rotki/eslint-plugin": "1.2.0",
-    "@storybook/addon-docs": "9.1.3",
-    "@storybook/addon-links": "9.1.3",
-    "@storybook/addon-themes": "9.1.3",
-    "@storybook/vue3-vite": "9.1.3",
-    "@types/node": "22.17.2",
+    "@storybook/addon-docs": "10.0.2",
+    "@storybook/addon-links": "10.0.2",
+    "@storybook/addon-themes": "10.0.2",
+    "@storybook/vue3-vite": "10.0.2",
+    "@tsconfig/node22": "22.0.2",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "22.18.13",
     "@types/tinycolor2": "1.4.6",
     "@vitejs/plugin-vue": "6.0.1",
-    "@vitest/coverage-v8": "3.2.4",
-    "@vitest/ui": "3.2.4",
+    "@vitest/coverage-v8": "4.0.5",
+    "@vitest/ui": "4.0.5",
     "@vue/test-utils": "2.4.6",
-    "@vue/tsconfig": "0.7.0",
-    "@vueuse/core": "13.7.0",
-    "@vueuse/math": "13.7.0",
-    "@vueuse/shared": "13.7.0",
+    "@vue/tsconfig": "0.8.1",
+    "@vueuse/core": "14.0.0",
+    "@vueuse/math": "14.0.0",
+    "@vueuse/shared": "14.0.0",
     "argparse": "2.0.1",
     "autoprefixer": "10.4.21",
     "babel-loader": "10.0.0",
-    "bumpp": "10.2.3",
+    "bumpp": "10.3.1",
     "cac": "6.7.14",
     "consola": "3.4.2",
     "css-loader": "7.1.2",
-    "eslint": "9.33.0",
-    "eslint-plugin-cypress": "5.1.1",
-    "eslint-plugin-storybook": "9.1.3",
+    "eslint": "9.38.0",
+    "eslint-plugin-cypress": "5.2.0",
+    "eslint-plugin-storybook": "10.0.2",
     "fast-glob": "3.3.3",
-    "fast-xml-parser": "5.2.5",
-    "fs-extra": "11.3.1",
+    "fast-xml-parser": "5.3.0",
+    "fs-extra": "11.3.2",
     "husky": "9.1.7",
     "jsdom": "26.1.0",
-    "lint-staged": "16.1.5",
+    "lint-staged": "16.2.6",
     "lucide": "0.541.0",
-    "msw": "2.10.5",
+    "msw": "2.11.6",
     "postcss": "8.5.6",
-    "sass": "1.90.0",
+    "sass": "1.93.2",
     "scule": "1.3.0",
-    "storybook": "9.1.3",
-    "tailwindcss": "3.4.17",
+    "storybook": "10.0.2",
+    "tailwindcss": "3.4.18",
     "tinycolor2": "1.6.0",
     "tsc-alias": "1.8.16",
-    "tsx": "4.20.4",
-    "typescript": "5.9.2",
-    "unplugin-auto-import": "20.0.0",
-    "vite": "7.1.3",
-    "vite-plugin-vue-devtools": "8.0.0",
-    "vitest": "3.2.4",
-    "vue": "3.5.19",
-    "vue-component-meta": "3.0.6",
+    "tsx": "4.20.6",
+    "typescript": "5.9.3",
+    "unplugin-auto-import": "20.2.0",
+    "vite": "7.1.12",
+    "vite-plugin-vue-devtools": "8.0.3",
+    "vitest": "4.0.5",
+    "vue": "3.5.22",
+    "vue-component-meta": "3.1.2",
     "vue-loader": "17.4.2",
-    "vue-router": "4.5.1",
-    "vue-tsc": "3.0.6"
+    "vue-router": "4.6.3",
+    "vue-tsc": "3.1.2"
   },
   "engines": {
     "node": ">=22 <23",
     "pnpm": ">=10 <11"
   },
-  "lint-staged": {
-    "*.{js,cjs,ts,vue,yml,json,md}": "eslint"
-  },
   "scripts": {
     "build:prod": "tsx scripts/dist-build.mjs",
     "build": "pnpm run generate-icons && vite build",
@@ -146,19 +145,13 @@
     "generate-icons": "tsx scripts/generate-icons.mjs",
     "resolve:alias": "tsc-alias --replacer ./scripts/tsc-alias-replacer.cjs -p tsconfig.build.json --dir dist",
     "dev": "vite",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
     "storybook": "storybook dev -p 6006",
     "test": "vitest --ui",
     "test:run": "vitest run",
     "test:ci": "vitest run",
-    "test:e2e": "pnpm --filter {example} test:e2e",
-    "test:e2e:dev": "pnpm --filter {example} test:e2e:dev",
-    "test:all": "pnpm test:run && pnpm test:e2e",
     "coverage": "vitest run --coverage",
     "coverage:preview": "npx vite preview --open --outDir tests/coverage",
-    "typecheck": "vue-tsc --noEmit",
-    "release": "bumpp -r --no-push",
+    "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json",
     "new": "tsx scripts/new-story.ts"
   }
 }