@rotki/ui-library 0.14.0 → 0.15.0

package/dist/theme/index.es.js

@@ -1,5 +1,5 @@
 import o from "tailwindcss/plugin";
-import { b as d, a as h, c as t } from "../colors-ikihApJv.js";
+import { b as d, a as h, c as t } from "../colors-D563Ic3q.js";
 const u = Object.fromEntries(
   d.map((r) => [
     r,

package/dist/utils/assert.d.ts

@@ -0,0 +1 @@
+export declare function assert(condition: any, msg?: string): asserts condition;

package/dist/utils/helpers.d.ts

@@ -48,4 +48,11 @@ export declare function getRootAttrs(data: SetupContextAttrs, include?: SetupCon
 export declare function getNonRootAttrs(data: SetupContextAttrs, exclude?: SetupContextAttrsKeys): Omit<{
     [x: string]: unknown;
 }, string>;
+/**
+ * Transforms the keys of an object to either camelCase or snake_case
+ * @param {T} item
+ * @param {"camelCase" | "snake_case"} to
+ * @returns {Record<string, any>}
+ */
+export declare function transformCase<T extends object>(item: T, to: 'camelCase' | 'snake_case'): Record<string, any>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "packageManager": "pnpm@8.15.3",
   "description": "A vue design system and component library for rotki",
   "type": "module",
@@ -69,65 +69,63 @@
     "vue": ">=3.4.0"
   },
   "optionalDependencies": {
-    "vue-router": ">=4.2.5"
+    "vue-router": ">=4.3.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.9",
-    "@babel/types": "7.23.9",
-    "@commitlint/cli": "18.6.1",
-    "@commitlint/config-conventional": "18.6.2",
-    "@fontsource/roboto": "5.0.8",
+    "@babel/core": "7.24.4",
+    "@babel/types": "7.24.0",
+    "@commitlint/cli": "19.2.1",
+    "@commitlint/config-conventional": "19.1.0",
+    "@fontsource/roboto": "5.0.12",
     "@headlessui/vue": "1.7.19",
     "@popperjs/core": "2.11.8",
-    "@rotki/eslint-config": "2.4.5",
-    "@storybook/addon-docs": "7.6.16",
-    "@storybook/addon-essentials": "7.6.16",
-    "@storybook/addon-interactions": "7.6.16",
-    "@storybook/addon-links": "7.6.16",
-    "@storybook/addon-themes": "7.6.16",
-    "@storybook/addons": "7.6.16",
-    "@storybook/blocks": "7.6.16",
-    "@storybook/testing-library": "0.2.2",
-    "@storybook/vue3": "7.6.16",
-    "@storybook/vue3-vite": "7.6.16",
-    "@types/node": "20.11.19",
+    "@rotki/eslint-config": "2.7.0",
+    "@storybook/addon-docs": "8.0.6",
+    "@storybook/addon-essentials": "8.0.6",
+    "@storybook/addon-interactions": "8.0.6",
+    "@storybook/addon-links": "8.0.6",
+    "@storybook/addon-themes": "8.0.6",
+    "@storybook/blocks": "8.0.6",
+    "@storybook/preview-api": "8.0.6",
+    "@storybook/test": "8.0.6",
+    "@storybook/vue3": "8.0.6",
+    "@storybook/vue3-vite": "8.0.6",
+    "@types/node": "20.12.4",
     "@vitejs/plugin-vue": "5.0.4",
-    "@vitest/coverage-v8": "1.2.2",
-    "@vitest/ui": "1.2.2",
-    "@vue/test-utils": "2.4.4",
+    "@vitest/coverage-v8": "1.5.0",
+    "@vitest/ui": "1.5.0",
+    "@vue/test-utils": "2.4.5",
     "@vue/tsconfig": "0.5.1",
-    "@vueuse/core": "10.7.2",
-    "@vueuse/math": "10.7.2",
-    "@vueuse/shared": "10.7.2",
+    "@vueuse/core": "10.9.0",
+    "@vueuse/math": "10.9.0",
+    "@vueuse/shared": "10.9.0",
     "argparse": "2.0.1",
-    "autoprefixer": "10.4.17",
+    "autoprefixer": "10.4.19",
     "babel-loader": "9.1.3",
-    "bumpp": "9.3.0",
-    "css-loader": "6.10.0",
-    "eslint": "8.56.0",
+    "bumpp": "9.4.0",
+    "css-loader": "7.0.0",
+    "eslint": "8.57.0",
     "eslint-plugin-cypress": "2.15.1",
-    "eslint-plugin-storybook": "0.6.15",
+    "eslint-plugin-storybook": "0.8.0",
     "fast-glob": "3.3.2",
-    "fast-xml-parser": "4.3.4",
+    "fast-xml-parser": "4.3.6",
     "fs-extra": "11.2.0",
     "husky": "9.0.11",
     "jsdom": "24.0.0",
     "lint-staged": "15.2.2",
-    "postcss": "8.4.35",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "postcss": "8.4.38",
     "remixicon": "4.1.0",
-    "sass": "1.71.0",
+    "sass": "1.74.1",
     "scule": "1.3.0",
-    "storybook": "7.6.16",
-    "tailwindcss": "3.4.1",
+    "storybook": "8.0.6",
+    "tailwindcss": "3.4.3",
     "ts-node": "10.9.2",
     "tsc-alias": "1.8.8",
-    "typescript": "5.3.3",
+    "typescript": "5.4.4",
     "unplugin-auto-import": "0.17.5",
-    "vite": "5.1.3",
-    "vitest": "1.2.2",
-    "vue": "3.4.19",
+    "vite": "5.2.8",
+    "vitest": "1.5.0",
+    "vue": "3.4.21",
     "vue-loader": "17.4.2",
     "vue-router": "4.2.5",
     "vue-tsc": "1.8.11"

package/dist/components/forms/select/MenuSelect.vue.d.ts

@@ -1,62 +0,0 @@
-import { type Props as MenuProps } from '../../../components/overlays/menu/Menu.vue';
-export interface Props<T, K extends keyof T = keyof T> {
-    options: T[];
-    keyAttr: K;
-    textAttr: K;
-    modelValue?: T | null;
-    disabled?: boolean;
-    dense?: boolean;
-    outlined?: boolean;
-    label?: string;
-    menuOptions?: MenuProps;
-    labelClass?: string;
-    menuClass?: string;
-}
-declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_props: Props<T, K> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
-    props: Props<T, K>;
-    expose(exposed: {}): void;
-    attrs: any;
-    slots: {
-        activator?(_: {
-            disabled: boolean;
-            value: T | null | undefined;
-            outlined: boolean;
-            on: any;
-            open: any;
-        }): any;
-    };
-    emit: (e: 'update:model-value', value?: T | null | undefined) => void;
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
-    props: Props<T, K>;
-    expose(exposed: {}): void;
-    attrs: any;
-    slots: {
-        activator?(_: {
-            disabled: boolean;
-            value: T | null | undefined;
-            outlined: boolean;
-            on: any;
-            open: any;
-        }): any;
-    };
-    emit: (e: 'update:model-value', value?: T | null | undefined) => void;
-}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: {
-        props: Props<T, K>;
-        expose(exposed: {}): void;
-        attrs: any;
-        slots: {
-            activator?(_: {
-                disabled: boolean;
-                value: T | null | undefined;
-                outlined: boolean;
-                on: any;
-                open: any;
-            }): any;
-        };
-        emit: (e: 'update:model-value', value?: T | null | undefined) => void;
-    } | undefined;
-};
-export default _default;

package/dist/theme-DT8UjYf9.js

@@ -1,124 +0,0 @@
-import { RiArrowDownLine as $, RiArrowDropDownFill as y, RiArrowLeftDoubleLine as D, RiArrowLeftLine as E, RiArrowLeftSLine as T, RiArrowRightDoubleLine as I, RiArrowRightLine as v, RiArrowRightSLine as B } from "./icons/icons_1.es.js";
-import { RiDatabase2Line as M } from "./icons/icons_2.es.js";
-import { RiAlertFill as S, RiAlertLine as O, RiCheckLine as j, RiCheckboxBlankCircleFill as U, RiCheckboxBlankCircleLine as V, RiCheckboxBlankLine as W, RiCheckboxCircleFill as q, RiCheckboxCircleLine as G, RiCheckboxFill as P, RiCheckboxIndeterminateFill as z, RiCloseCircleLine as H, RiCloseFill as J, RiCloseLine as K, RiErrorWarningFill as N, RiErrorWarningLine as Q, RiEyeLine as X, RiEyeOffLine as Y, RiInformationFill as Z, RiInformationLine as _, RiRadioButtonLine as ee, RiMoreFill as ie } from "./icons/icons_5.es.js";
-import { createGlobalState as re, useColorMode as te } from "@vueuse/core";
-import { ref as C, computed as m, watch as oe } from "vue";
-import { set as f, get as e } from "@vueuse/shared";
-import { c as ne } from "./colors-ikihApJv.js";
-const Re = re(() => {
-  const t = [
-    S,
-    O,
-    $,
-    y,
-    D,
-    E,
-    T,
-    I,
-    v,
-    B,
-    j,
-    U,
-    V,
-    W,
-    q,
-    G,
-    P,
-    z,
-    H,
-    J,
-    K,
-    M,
-    N,
-    Q,
-    X,
-    Y,
-    Z,
-    _,
-    ee,
-    ie
-  ], i = C({});
-  return { registeredIcons: i, registerIcons: (a) => {
-    f(i, {
-      ...e(i),
-      ...Object.fromEntries(
-        [...t, ...a].map(({ name: s, path: u }) => [s, u])
-      )
-    });
-  } };
-}), r = {
-  auto: "auto",
-  dark: "dark",
-  light: "light"
-};
-function L(t) {
-  return Object.fromEntries(
-    ne.map((i) => [
-      i,
-      {
-        darker: `var(--rui-${t}-${i}-darker)`,
-        DEFAULT: `var(--rui-${t}-${i}-main)`,
-        lighter: `var(--rui-${t}-${i}-lighter)`
-      }
-    ])
-  );
-}
-const b = {
-  dark: L("dark"),
-  light: L("light")
-}, d = C({ ...b });
-function fe() {
-  const { state: t, store: i, system: h } = te(), a = m(
-    () => e(i) === r.auto
-  ), s = m(
-    () => e(a) && e(h) === r.light || e(t) === r.light
-  ), u = m(
-    () => e(a) && e(h) === r.dark || e(t) === r.dark
-  ), g = m(() => e(s) ? e(d).light : e(d).dark), c = (l) => {
-    f(i, l || r.auto);
-  }, p = () => {
-    e(a) ? c(r.light) : e(s) ? c(r.dark) : e(u) && c(r.auto);
-  }, k = (l) => {
-    f(d, l);
-  };
-  return {
-    config: d,
-    init: (l) => {
-      c(l.mode ?? r.auto), k(l.config ?? { ...b }), typeof window < "u" && oe(
-        [s, g],
-        ([w, x]) => {
-          const A = Object.entries(x).map(([o, n]) => ({
-            [`--rui-${o}-darker`]: n.darker,
-            [`--rui-${o}-lighter`]: n.lighter,
-            [`--rui-${o}-main`]: n.DEFAULT
-          })).reduce((o, n) => ({ ...o, ...n }), {}), R = w ? r.light : r.dark, F = {
-            "--rui-text-disabled": `var(--rui-${R}-text-disabled)`,
-            "--rui-text-primary": `var(--rui-${R}-text-primary)`,
-            "--rui-text-secondary": `var(--rui-${R}-text-secondary)`
-          };
-          Object.entries({
-            ...A,
-            ...F
-          }).forEach(([o, n]) => {
-            document.documentElement.style.setProperty(o, n);
-          });
-        },
-        { immediate: !0 }
-      );
-    },
-    isAutoControlled: a,
-    isDark: u,
-    isLight: s,
-    setThemeConfig: k,
-    state: t,
-    store: i,
-    switchThemeScheme: c,
-    theme: g,
-    toggleThemeMode: p
-  };
-}
-export {
-  r as T,
-  fe as a,
-  Re as u
-};