@rotki/ui-library 0.2.4 → 0.4.0

package/dist/theme/index.es.js

@@ -48,7 +48,7 @@ const u = Object.fromEntries(
       }
     }
   ])
-), y = {
+), n = {
   text: {
     DEFAULT: "var(--rui-text-primary)",
     secondary: "var(--rui-text-secondary)",
@@ -100,7 +100,7 @@ const u = Object.fromEntries(
         "line-height": "2rem"
       },
       ".text-h6": {
-        "@apply text-xl": {},
+        "@apply text-xl font-medium": {},
         "line-height": "2rem"
       }
     }), p(
@@ -131,7 +131,7 @@ const u = Object.fromEntries(
               ...x.dark
             },
             ...v,
-            ...y
+            ...n
           }
         },
         boxShadow: {

package/dist/utils/helpers.d.ts

@@ -0,0 +1,24 @@
+interface CurrencyOptions {
+    currency?: string;
+    locale?: string;
+    style?: string;
+    fractionDigits?: number;
+}
+/**
+ * Format number value to specified currency format
+ * @param {number} amount
+ * @param {CurrencyOptions} options
+ */
+export declare const formatCurrency: (amount: number | string, { currency, style, fractionDigits, locale, }: CurrencyOptions) => string;
+/**
+ * Format number value
+ * @param {number} amount
+ * @param {CurrencyOptions} options
+ */
+export declare const formatNumber: (amount: number | string, { fractionDigits }: CurrencyOptions) => string;
+/**
+ * Format number value without fraction
+ * @param {number} amount
+ */
+export declare const formatInteger: (amount: number | string) => string;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "0.2.4",
+  "version": "0.4.0",
   "packageManager": "pnpm@8.6.9",
   "description": "A vue design system and component library for rotki",
   "type": "module",
@@ -68,59 +68,64 @@
     "@vueuse/shared": ">10.0.0",
     "vue": ">=3.3.4"
   },
+  "optionalDependencies": {
+    "vue-router": ">=3.6.5"
+  },
   "devDependencies": {
     "@babel/core": "7.22.9",
     "@babel/types": "7.22.5",
     "@commitlint/cli": "17.6.7",
     "@commitlint/config-conventional": "17.6.7",
-    "@fontsource/roboto": "5.0.5",
-    "@headlessui/vue": "1.7.14",
-    "@rotki/eslint-config": "1.1.0",
-    "@storybook/addon-essentials": "7.1.0",
-    "@storybook/addon-interactions": "7.1.0",
-    "@storybook/addon-links": "7.1.0",
-    "@storybook/addon-styling": "1.3.4",
-    "@storybook/addons": "7.1.0",
-    "@storybook/blocks": "7.1.0",
+    "@fontsource/roboto": "5.0.7",
+    "@headlessui/vue": "1.7.15",
+    "@popperjs/core": "2.11.8",
+    "@rotki/eslint-config": "1.1.1",
+    "@storybook/addon-essentials": "7.2.1",
+    "@storybook/addon-interactions": "7.2.1",
+    "@storybook/addon-links": "7.2.1",
+    "@storybook/addon-styling": "1.3.5",
+    "@storybook/addons": "7.2.1",
+    "@storybook/blocks": "7.2.1",
     "@storybook/testing-library": "0.2.0",
-    "@storybook/vue3": "7.1.0",
-    "@storybook/vue3-vite": "7.1.0",
+    "@storybook/vue3": "7.2.1",
+    "@storybook/vue3-vite": "7.2.1",
     "@types/node": "20.2.4",
     "@vitejs/plugin-vue": "4.2.3",
-    "@vitest/coverage-v8": "0.33.0",
-    "@vitest/ui": "0.33.0",
-    "@vue/test-utils": "2.4.0",
+    "@vitest/coverage-v8": "0.34.1",
+    "@vitest/ui": "0.34.1",
+    "@vue/test-utils": "2.4.1",
     "@vue/tsconfig": "0.4.0",
-    "@vueuse/core": "10.2.1",
-    "@vueuse/shared": "10.2.1",
+    "@vueuse/core": "10.3.0",
+    "@vueuse/shared": "10.3.0",
     "argparse": "2.0.1",
     "autoprefixer": "10.4.14",
     "babel-loader": "8.3.0",
     "bumpp": "9.1.1",
     "css-loader": "6.8.1",
-    "eslint": "8.45.0",
+    "eslint": "8.46.0",
     "fast-glob": "3.3.1",
-    "fast-xml-parser": "4.2.6",
+    "fast-xml-parser": "4.2.7",
     "fs-extra": "11.1.1",
     "husky": "8.0.3",
     "jsdom": "22.1.0",
     "lint-staged": "13.2.3",
-    "postcss": "8.4.26",
+    "postcss": "8.4.27",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "remixicon": "3.4.0",
-    "sass": "1.63.6",
+    "remixicon": "3.5.0",
+    "sass": "1.64.2",
     "scule": "1.0.0",
-    "storybook": "7.1.0",
+    "storybook": "7.2.1",
     "tailwindcss": "3.3.3",
     "tsc-alias": "1.8.7",
     "typescript": "5.1.6",
     "unplugin-auto-import": "0.16.6",
-    "vite": "4.4.4",
-    "vitest": "0.33.0",
+    "vite": "4.4.8",
+    "vitest": "0.34.1",
     "vue": "3.3.4",
     "vue-loader": "17.2.2",
-    "vue-tsc": "1.8.5"
+    "vue-router": "4.2.4",
+    "vue-tsc": "1.8.8"
   },
   "engines": {
     "pnpm": ">=8 <9"

package/dist/index-1f5d0d16.js

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