@rotki/ui-library 1.1.1 → 1.2.0

package/dist/theme/index.d.ts

@@ -1,5 +1,5 @@
 declare const themePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config>;
 };
 export default themePlugin;

package/dist/utils/helpers.d.ts

@@ -2,7 +2,7 @@ import type { SetupContext } from 'vue';
 interface CurrencyOptions {
     currency?: string;
     locale?: string;
-    style?: string;
+    style?: Intl.NumberFormatOptionsStyle;
     fractionDigits?: number;
 }
 type SetupContextAttrs = SetupContext['attrs'];

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -1799,7 +1799,7 @@
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "{ key: never; direction?: 'asc' | 'desc' | undefined; }"
+                    "type": "{ key: never; direction?: 'desc' | 'asc' | undefined; }"
                   }
                 ]
               }
@@ -4602,6 +4602,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "z-index",
+              "description": "",
+              "required": false,
+              "default": "9999",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
             {
               "name": "max-width",
               "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [
@@ -69,81 +69,82 @@
   },
   "web-types": "dist/web-types.json",
   "devDependencies": {
-    "@babel/core": "7.24.9",
-    "@babel/types": "7.24.9",
-    "@commitlint/cli": "19.3.0",
-    "@commitlint/config-conventional": "19.2.2",
-    "@fontsource/roboto": "5.0.13",
+    "@babel/core": "7.25.2",
+    "@babel/types": "7.25.6",
+    "@commitlint/cli": "19.4.1",
+    "@commitlint/config-conventional": "19.4.1",
+    "@fontsource/roboto": "5.0.14",
     "@popperjs/core": "2.11.8",
-    "@rotki/eslint-config": "2.9.1",
-    "@storybook/addon-docs": "8.2.6",
-    "@storybook/addon-essentials": "8.2.6",
-    "@storybook/addon-interactions": "8.2.6",
-    "@storybook/addon-links": "8.2.6",
-    "@storybook/addon-themes": "8.2.6",
-    "@storybook/blocks": "8.2.6",
-    "@storybook/preview-api": "8.2.6",
-    "@storybook/test": "8.2.6",
-    "@storybook/vue3": "8.2.6",
-    "@storybook/vue3-vite": "8.2.6",
-    "@types/node": "20.14.12",
+    "@rotki/eslint-config": "3.0.0",
+    "@storybook/addon-docs": "8.2.9",
+    "@storybook/addon-essentials": "8.2.9",
+    "@storybook/addon-interactions": "8.2.9",
+    "@storybook/addon-links": "8.2.9",
+    "@storybook/addon-themes": "8.2.9",
+    "@storybook/blocks": "8.2.9",
+    "@storybook/preview-api": "8.2.9",
+    "@storybook/test": "8.2.9",
+    "@storybook/vue3": "8.2.9",
+    "@storybook/vue3-vite": "8.2.9",
+    "@types/node": "20.16.2",
     "@types/tinycolor2": "1.4.6",
-    "@vitejs/plugin-vue": "5.1.0",
-    "@vitest/coverage-v8": "2.0.4",
-    "@vitest/ui": "2.0.4",
+    "@vitejs/plugin-vue": "5.1.3",
+    "@vitest/coverage-v8": "2.0.5",
+    "@vitest/ui": "2.0.5",
     "@vue/test-utils": "2.4.6",
     "@vue/tsconfig": "0.5.1",
-    "@vueuse/core": "10.11.0",
-    "@vueuse/math": "10.11.0",
-    "@vueuse/shared": "10.11.0",
+    "@vueuse/core": "11.0.3",
+    "@vueuse/math": "11.0.3",
+    "@vueuse/shared": "11.0.3",
     "argparse": "2.0.1",
-    "autoprefixer": "10.4.19",
+    "autoprefixer": "10.4.20",
     "babel-loader": "9.1.3",
-    "bumpp": "9.4.1",
+    "bumpp": "9.5.2",
     "consola": "3.2.3",
     "css-loader": "7.1.2",
-    "eslint": "9.7.0",
-    "eslint-plugin-cypress": "3.4.0",
+    "eslint": "9.9.1",
+    "eslint-plugin-cypress": "3.5.0",
     "eslint-plugin-storybook": "0.8.0",
     "fast-glob": "3.3.2",
-    "fast-xml-parser": "4.4.0",
+    "fast-xml-parser": "4.4.1",
     "fs-extra": "11.2.0",
-    "husky": "9.1.2",
-    "jsdom": "24.1.1",
-    "lint-staged": "15.2.7",
-    "postcss": "8.4.40",
+    "husky": "9.1.5",
+    "jsdom": "25.0.0",
+    "lint-staged": "15.2.9",
+    "postcss": "8.4.41",
     "remixicon": "4.3.0",
     "sass": "1.77.8",
     "scule": "1.3.0",
-    "storybook": "8.2.6",
-    "tailwindcss": "3.4.6",
+    "storybook": "8.2.9",
+    "tailwindcss": "3.4.10",
     "tinycolor2": "1.6.0",
-    "ts-node": "10.9.2",
     "tsc-alias": "1.8.10",
-    "typescript": "5.4.5",
+    "tsx": "4.19.0",
+    "typescript": "5.5.4",
     "unplugin-auto-import": "0.18.2",
-    "vite": "5.3.5",
-    "vitest": "2.0.4",
-    "vue": "3.4.31",
-    "vue-component-meta": "2.0.26",
+    "vite": "5.4.2",
+    "vitest": "2.0.5",
+    "vue": "3.4.38",
+    "vue-component-meta": "2.1.2",
     "vue-loader": "17.4.2",
-    "vue-router": "4.4.0",
-    "vue-tsc": "2.0.26"
+    "vue-router": "4.4.3",
+    "vue-tsc": "2.0.29"
   },
   "engines": {
+    "node": ">=20 <21",
     "pnpm": ">=9 <10"
   },
   "lint-staged": {
     "*.{js,cjs,ts,vue,yml,json,md}": "eslint"
   },
   "scripts": {
-    "build:prod": "node scripts/dist-build.mjs",
+    "build:prod": "tsx scripts/dist-build.mjs",
     "build": "pnpm run generate-icons && vite build",
     "build:storybook": "STORYBOOK=true storybook build",
     "build:tailwind": "tailwindcss -o dist/style.css --minify",
     "build:types": "vue-tsc -p tsconfig.build.json",
-    "build:web-types": "node scripts/build-web-types.mjs",
-    "generate-icons": "node scripts/generate-icons.mjs",
+    "build:web-types": "tsx scripts/build-web-types.mjs",
+    "generate-icons": "tsx scripts/generate-icons.mjs",
     "resolve:alias": "tsc-alias --replacer ./scripts/tsc-alias-replacer.cjs -p tsconfig.build.json",
     "dev": "vite",
     "lint": "eslint .",
@@ -159,6 +160,6 @@
     "coverage:preview": "npx vite preview --open --outDir tests/coverage",
     "typecheck": "vue-tsc --noEmit",
     "release": "bumpp -r --no-push",
-    "new": "node --experimental-specifier-resolution=node --loader ts-node/esm scripts/new-story.ts"
+    "new": "tsx scripts/new-story.ts"
   }
 }

package/dist/index-NNlkUY_M.js

@@ -1,161 +0,0 @@
-import { RiArrowDownLine as x, RiArrowDropDownFill as T, RiArrowLeftDoubleLine as $, RiArrowLeftLine as D, RiArrowLeftSLine as S, RiArrowRightDoubleLine as v, RiArrowRightLine as I, RiArrowRightSLine as U, RiExpandUpDownLine as M } from "./icons/icons_1.es.js";
-import { RiDatabase2Line as B } from "./icons/icons_2.es.js";
-import { RiAlertFill as _, RiAlertLine as j, RiCheckLine as O, RiCheckboxBlankCircleFill as P, RiCheckboxBlankCircleLine as W, RiCheckboxBlankLine as q, RiCheckboxCircleFill as z, RiCheckboxCircleLine as G, RiCheckboxFill as H, RiCheckboxIndeterminateFill as N, RiCloseCircleLine as V, RiCloseFill as J, RiCloseLine as K, RiErrorWarningFill as Q, RiErrorWarningLine as X, RiEyeLine as Y, RiEyeOffLine as Z, RiInformationFill as ee, RiInformationLine as ie } from "./icons/icons_5.es.js";
-import { RiRadioButtonLine as re, RiMoreFill as te } from "./icons/icons_6.es.js";
-import { createGlobalState as oe, createSharedComposable as ne, useColorMode as ae } from "@vueuse/core";
-import { ref as w, computed as p, watch as se } from "vue";
-import { set as g, get as s } from "@vueuse/shared";
-import { c as le } from "./colors-D563Ic3q.js";
-const ye = oe(() => {
-  const e = [
-    _,
-    j,
-    x,
-    T,
-    $,
-    D,
-    S,
-    v,
-    I,
-    U,
-    O,
-    P,
-    W,
-    q,
-    z,
-    G,
-    H,
-    N,
-    V,
-    J,
-    K,
-    B,
-    Q,
-    X,
-    Y,
-    Z,
-    ee,
-    ie,
-    re,
-    te,
-    M
-  ], i = w({});
-  return { registeredIcons: i, registerIcons: (t) => {
-    g(i, {
-      ...s(i),
-      ...Object.fromEntries(
-        [...e, ...t].map(({ name: r, path: o }) => [r, o])
-      )
-    });
-  } };
-}), a = {
-  auto: "auto",
-  dark: "dark",
-  light: "light"
-};
-function k(e) {
-  return Object.fromEntries(
-    le.map((i) => [
-      i,
-      {
-        darker: `var(--rui-${e}-${i}-darker)`,
-        DEFAULT: `var(--rui-${e}-${i}-main)`,
-        lighter: `var(--rui-${e}-${i}-lighter)`
-      }
-    ])
-  );
-}
-const b = {
-  dark: k("dark"),
-  light: k("light")
-}, C = w({ ...b }), Ee = ne(() => {
-  const { state: e, store: i } = ae(), n = p(() => s(i) === a.auto), t = p(() => s(e) === a.light), r = p(() => s(e) === a.dark), o = p(() => s(t) ? s(C).light : s(C).dark), l = (c) => {
-    g(i, c || a.auto);
-  }, u = () => {
-    s(n) ? l(a.light) : s(t) ? l(a.dark) : s(r) && l(a.auto);
-  }, h = (c) => {
-    g(C, c);
-  };
-  return {
-    config: C,
-    init: (c) => {
-      l(c.mode ?? a.auto), h(c.config ?? { ...b }), typeof window < "u" && se([t, o], ([y, E]) => {
-        const f = /* @__PURE__ */ new Map();
-        Object.entries(E).forEach(([d, R]) => {
-          f.set(`--rui-${d}-darker`, R.darker), f.set(`--rui-${d}-lighter`, R.lighter), f.set(`--rui-${d}-main`, R.DEFAULT);
-        });
-        const L = y ? a.light : a.dark;
-        f.set("--rui-text-disabled", `var(--rui-${L}-text-disabled)`), f.set("--rui-text-primary", `var(--rui-${L}-text-primary)`), f.set("--rui-text-secondary", `var(--rui-${L}-text-secondary)`);
-        const F = document.documentElement.style;
-        f.forEach((d, R) => {
-          F.setProperty(R, d);
-        });
-      }, { immediate: !0 });
-    },
-    isAutoControlled: n,
-    isDark: r,
-    isLight: t,
-    setThemeConfig: h,
-    state: e,
-    store: i,
-    switchThemeScheme: l,
-    theme: o,
-    toggleThemeMode: u
-  };
-}), ce = /\d/, ue = ["-", "_", "/", "."];
-function fe(e = "") {
-  if (!ce.test(e))
-    return e !== e.toLowerCase();
-}
-function A(e, i) {
-  const n = i ?? ue, t = [];
-  if (!e || typeof e != "string")
-    return t;
-  let r = "", o, l;
-  for (const u of e) {
-    const h = n.includes(u);
-    if (h === !0) {
-      t.push(r), r = "", o = void 0;
-      continue;
-    }
-    const m = fe(u);
-    if (l === !1) {
-      if (o === !1 && m === !0) {
-        t.push(r), r = u, o = m;
-        continue;
-      }
-      if (o === !0 && m === !1 && r.length > 1) {
-        const c = r.at(-1);
-        t.push(r.slice(0, Math.max(0, r.length - 1))), r = c + u, o = m;
-        continue;
-      }
-    }
-    r += u, o = m, l = h;
-  }
-  return t.push(r), t;
-}
-function me(e) {
-  return e ? e[0].toUpperCase() + e.slice(1) : "";
-}
-function he(e) {
-  return e ? e[0].toLowerCase() + e.slice(1) : "";
-}
-function de(e, i) {
-  return e ? (Array.isArray(e) ? e : A(e)).map((n) => me(i != null && i.normalize ? n.toLowerCase() : n)).join("") : "";
-}
-function Fe(e, i) {
-  return he(de(e || "", i));
-}
-function Re(e, i) {
-  return e ? (Array.isArray(e) ? e : A(e)).map((n) => n.toLowerCase()).join(i ?? "-") : "";
-}
-function xe(e) {
-  return Re(e || "", "_");
-}
-export {
-  a as T,
-  Ee as a,
-  Fe as c,
-  xe as s,
-  ye as u
-};