@rotki/ui-library 0.2.0 → 0.2.2

package/dist/components/index.es.js

@@ -0,0 +1,24 @@
+import { A as r, a as p, R as m, B as l, C as d, b as x, F as C, c as F, _ as b, d as c, e as g, f as h, g as n, h as A, i as B } from "../index-b9d540d9.js";
+import "vue";
+import "@vueuse/shared";
+import "../index-1f5d0d16.js";
+import "../all-icons.es.js";
+import "@vueuse/core";
+import "../colors-01d79c7b.js";
+export {
+  r as RuiAlert,
+  p as RuiAutoComplete,
+  m as RuiButton,
+  l as RuiButtonGroup,
+  d as RuiCheckbox,
+  x as RuiChip,
+  C as RuiFooterStepper,
+  F as RuiIcon,
+  b as RuiLogo,
+  c as RuiProgress,
+  g as RuiRadio,
+  h as RuiRadioGroup,
+  n as RuiRevealableTextField,
+  A as RuiStepper,
+  B as RuiTextField
+};

package/dist/composables/index.es.js

@@ -0,0 +1,10 @@
+import { u as s, a } from "../index-1f5d0d16.js";
+import "../all-icons.es.js";
+import "@vueuse/core";
+import "vue";
+import "@vueuse/shared";
+import "../colors-01d79c7b.js";
+export {
+  s as useIcons,
+  a as useRotkiTheme
+};

package/dist/index-1f5d0d16.js

@@ -0,0 +1,110 @@
+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
+};