@rotki/ui-library 1.2.8 → 1.4.0

package/dist/utils/generate-id.d.ts

@@ -1,5 +1,5 @@
 export declare const useGlobalId: () => {
-    count: globalThis.Ref<number>;
+    count: globalThis.Ref<number, number>;
     nextId: () => number;
 };
 export declare function generateId(prefix?: string): string;

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "1.2.8",
+  "version": "1.4.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -42,7 +42,7 @@
               "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -97,7 +97,7 @@
           "js": {
             "events": [
               {
-                "name": "action",
+                "name": "close",
                 "arguments": [
                   {
                     "name": "argument",
@@ -106,7 +106,7 @@
                 ]
               },
               {
-                "name": "close",
+                "name": "action",
                 "arguments": [
                   {
                     "name": "argument",
@@ -319,7 +319,7 @@
               "default": "'grey'",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | 'grey' | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | 'grey' | undefined"
               }
             },
             {
@@ -364,20 +364,20 @@
           "js": {
             "events": [
               {
-                "name": "click:close",
+                "name": "click",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[]"
+                    "type": "[e: any]"
                   }
                 ]
               },
               {
-                "name": "click",
+                "name": "click:close",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[e: any]"
+                    "type": "[]"
                   }
                 ]
               }
@@ -633,7 +633,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -804,7 +804,7 @@
               "default": "'inherit'",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | 'inherit' | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | 'inherit' | undefined"
               }
             },
             {
@@ -877,7 +877,7 @@
               "default": "'numeric'",
               "value": {
                 "kind": "expression",
-                "type": "'numeric' | 'bullet' | 'progress' | 'pill' | undefined"
+                "type": "'progress' | 'numeric' | 'bullet' | 'pill' | undefined"
               }
             },
             {
@@ -1284,9 +1284,19 @@
                 "type": "{ label?: string | undefined; description?: string | undefined; } | undefined"
               }
             },
+            {
+              "name": "hide-default-header",
+              "description": "should hide the header navigation",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "hide-default-footer",
-              "description": "should hide the footer",
+              "description": "should hide the footer navigation",
               "required": false,
               "default": "false",
               "value": {
@@ -2031,7 +2041,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -2111,7 +2121,7 @@
               "default": "'button'",
               "value": {
                 "kind": "expression",
-                "type": "'button' | 'submit' | undefined"
+                "type": "'submit' | 'button' | undefined"
               }
             },
             {
@@ -2174,7 +2184,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -2184,7 +2194,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -2788,7 +2798,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -2948,7 +2958,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -2958,7 +2968,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -3060,6 +3070,15 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "slots": [
@@ -3071,7 +3090,21 @@
             }
           ],
           "js": {
-            "events": []
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[modelValue: string]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
           }
         },
         {
@@ -3559,7 +3592,7 @@
               "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -3772,7 +3805,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -3913,7 +3946,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -3923,7 +3956,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -4165,7 +4198,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -4175,7 +4208,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -4299,34 +4332,34 @@
           "js": {
             "events": [
               {
-                "name": "update:modelValue",
+                "name": "blur",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[modelValue: string]"
+                    "type": "[event: Event]"
                   }
                 ]
               },
               {
-                "name": "clear",
+                "name": "update:modelValue",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[]"
+                    "type": "[modelValue: string]"
                   }
                 ]
               },
               {
-                "name": "focus-input",
+                "name": "clear",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[event: Event]"
+                    "type": "[]"
                   }
                 ]
               },
               {
-                "name": "blur",
+                "name": "focus-input",
                 "arguments": [
                   {
                     "name": "argument",
@@ -4394,7 +4427,7 @@
               "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "'default' | ContextColorsType | undefined"
+                "type": "'default' | 'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -4869,7 +4902,7 @@
               "vue-properties": [
                 {
                   "name": "width",
-                  "type": "any"
+                  "type": "number"
                 }
               ]
             }
@@ -5051,7 +5084,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'light' | 'dark' | undefined"
+                "type": "'dark' | 'light' | undefined"
               }
             },
             {
@@ -5209,16 +5242,6 @@
             "symbol": "RuiTab"
           },
           "attributes": [
-            {
-              "name": "link",
-              "description": "",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "disabled",
               "description": "",
@@ -5236,7 +5259,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -5269,6 +5292,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "link",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "align",
               "description": "",
@@ -5482,7 +5515,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -5587,7 +5620,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
@@ -5767,7 +5800,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "ContextColorsType | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "1.2.8",
+  "version": "1.4.0",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [
@@ -63,34 +63,34 @@
     }
   },
   "peerDependencies": {
-    "@vueuse/core": ">10.0.0",
-    "@vueuse/shared": ">10.0.0",
-    "vue": ">=3.4.0"
+    "@vueuse/core": ">11.0.0",
+    "@vueuse/shared": ">11.0.0",
+    "vue": ">=3.5.0"
   },
   "web-types": "dist/web-types.json",
   "devDependencies": {
-    "@babel/core": "7.25.2",
-    "@babel/types": "7.25.6",
+    "@babel/core": "7.25.7",
+    "@babel/types": "7.25.7",
     "@commitlint/cli": "19.5.0",
     "@commitlint/config-conventional": "19.5.0",
     "@fontsource/roboto": "5.1.0",
     "@popperjs/core": "2.11.8",
-    "@rotki/eslint-config": "3.1.0",
-    "@storybook/addon-docs": "8.3.2",
-    "@storybook/addon-essentials": "8.3.2",
-    "@storybook/addon-interactions": "8.3.2",
-    "@storybook/addon-links": "8.3.2",
-    "@storybook/addon-themes": "8.3.2",
-    "@storybook/blocks": "8.3.2",
-    "@storybook/preview-api": "8.3.2",
-    "@storybook/test": "8.3.2",
-    "@storybook/vue3": "8.3.2",
-    "@storybook/vue3-vite": "8.3.2",
-    "@types/node": "20.16.5",
+    "@rotki/eslint-config": "3.2.1",
+    "@storybook/addon-docs": "8.3.5",
+    "@storybook/addon-essentials": "8.3.5",
+    "@storybook/addon-interactions": "8.3.5",
+    "@storybook/addon-links": "8.3.5",
+    "@storybook/addon-themes": "8.3.5",
+    "@storybook/blocks": "8.3.5",
+    "@storybook/preview-api": "8.3.5",
+    "@storybook/test": "8.3.5",
+    "@storybook/vue3": "8.3.5",
+    "@storybook/vue3-vite": "8.3.5",
+    "@types/node": "20.16.11",
     "@types/tinycolor2": "1.4.6",
     "@vitejs/plugin-vue": "5.1.4",
-    "@vitest/coverage-v8": "2.1.1",
-    "@vitest/ui": "2.1.1",
+    "@vitest/coverage-v8": "2.1.2",
+    "@vitest/ui": "2.1.2",
     "@vue/test-utils": "2.4.6",
     "@vue/tsconfig": "0.5.1",
     "@vueuse/core": "11.1.0",
@@ -99,12 +99,12 @@
     "argparse": "2.0.1",
     "autoprefixer": "10.4.20",
     "babel-loader": "9.2.1",
-    "bumpp": "9.5.2",
+    "bumpp": "9.6.1",
     "consola": "3.2.3",
     "css-loader": "7.1.2",
-    "eslint": "9.11.0",
+    "eslint": "9.12.0",
     "eslint-plugin-cypress": "3.5.0",
-    "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-storybook": "0.9.0",
     "fast-glob": "3.3.2",
     "fast-xml-parser": "4.5.0",
     "fs-extra": "11.2.0",
@@ -113,22 +113,22 @@
     "lint-staged": "15.2.10",
     "postcss": "8.4.47",
     "remixicon": "4.3.0",
-    "sass": "1.79.3",
+    "sass": "1.79.4",
     "scule": "1.3.0",
-    "storybook": "8.3.2",
-    "tailwindcss": "3.4.12",
+    "storybook": "8.3.5",
+    "tailwindcss": "3.4.13",
     "tinycolor2": "1.6.0",
     "tsc-alias": "1.8.10",
     "tsx": "4.19.1",
-    "typescript": "5.5.4",
+    "typescript": "5.6.2",
     "unplugin-auto-import": "0.18.3",
-    "vite": "5.4.7",
-    "vitest": "2.1.1",
-    "vue": "3.4.38",
-    "vue-component-meta": "2.0.29",
+    "vite": "5.4.8",
+    "vitest": "2.1.2",
+    "vue": "3.5.11",
+    "vue-component-meta": "2.1.6",
     "vue-loader": "17.4.2",
-    "vue-router": "4.4.3",
-    "vue-tsc": "2.0.29"
+    "vue-router": "4.4.5",
+    "vue-tsc": "2.1.6"
   },
   "engines": {
     "node": ">=20 <21",