@rotki/ui-library 0.1.2 → 0.2.1

package/dist/components/index.d.ts

@@ -0,0 +1,16 @@
+import { default as RuiAlert } from '../components/alerts/Alert.vue';
+import { default as RuiAutoComplete } from '../components/forms/auto-complete/AutoComplete.vue';
+import { default as RuiButton } from '../components/buttons/button/Button.vue';
+import { default as RuiButtonGroup } from '../components/buttons/button-group/ButtonGroup.vue';
+import { default as RuiIcon } from '../components/icons/Icon.vue';
+import { default as RuiCheckbox } from '../components/forms/checkbox/Checkbox.vue';
+import { default as RuiChip } from '../components/chips/Chip.vue';
+import { default as RuiStepper } from '../components/steppers/Stepper.vue';
+import { default as RuiTextField } from '../components/forms/text-field/TextField.vue';
+import { default as RuiFooterStepper } from '../components/steppers/FooterStepper.vue';
+import { default as RuiProgress } from '../components/progress/Progress.vue';
+import { default as RuiRadioGroup } from '../components/forms/radio-button/radio-group/RadioGroup.vue';
+import { default as RuiRadio } from '../components/forms/radio-button/radio/Radio.vue';
+import { default as RuiRevealableTextField } from '../components/forms/revealable-text-field/RevealableTextField.vue';
+import { default as RuiLogo } from '../components/logos/Logo.vue';
+export { RuiAlert, RuiAutoComplete, RuiButton, RuiButtonGroup, RuiCheckbox, RuiChip, RuiFooterStepper, RuiIcon, RuiLogo, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiStepper, RuiTextField, };

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-9a66dcb6.mjs";
+import "vue";
+import "@vueuse/shared";
+import "../index-7ca30db6.mjs";
+import "../all-icons.es.js";
+import "@vueuse/core";
+import "../colors-01d79c7b.mjs";
+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/components/steppers/FooterStepper.vue.d.ts

@@ -2,6 +2,7 @@ export interface Props {
     pages: number;
     modelValue?: number;
     variant?: 'numeric' | 'bullet' | 'progress' | 'pill';
+    arrowButtons?: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
     variant: {
@@ -16,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<number>;
         required: true;
     };
+    arrowButtons: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -31,10 +36,15 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<number>;
         required: true;
     };
+    arrowButtons: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
 }, {
     variant: "progress" | "numeric" | "bullet" | "pill";
     modelValue: number;
+    arrowButtons: boolean;
 }, {}>;
 export default _default;

package/dist/components/steppers/Stepper.vue.d.ts

@@ -1,5 +1,6 @@
 import { StepperOrientation, StepperState, type StepperStep } from '../../types/stepper';
 export interface Props {
+    step?: number;
     steps: StepperStep[];
     iconTop?: boolean;
     custom?: boolean;
@@ -12,6 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<StepperOrientation>;
         default: "horizontal";
     };
+    step: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
     steps: {
         type: globalThis.PropType<StepperStep[]>;
         required: true;
@@ -37,6 +42,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<StepperOrientation>;
         default: "horizontal";
     };
+    step: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
     steps: {
         type: globalThis.PropType<StepperStep[]>;
         required: true;
@@ -59,13 +68,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     orientation: StepperOrientation;
+    step: number;
     iconTop: boolean;
     custom: boolean;
     titleClass: string;
     subtitleClass: string;
 }, {}>, {
     icon?(_: {
-        state: StepperState;
+        state: StepperState | undefined;
         index: number;
     }): any;
 }>;

package/dist/components/steppers/StepperCustomIcon.vue.d.ts

@@ -2,7 +2,7 @@ import { StepperState } from '../../types/stepper';
 declare const _default: import("vue").DefineComponent<{
     state: {
         type: globalThis.PropType<StepperState>;
-        required: true;
+        default: "inactive";
     };
     index: {
         type: globalThis.PropType<number>;
@@ -11,11 +11,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     state: {
         type: globalThis.PropType<StepperState>;
-        required: true;
+        default: "inactive";
     };
     index: {
         type: globalThis.PropType<number>;
         required: true;
     };
-}>>, {}, {}>;
+}>>, {
+    state: StepperState;
+}, {}>;
 export default _default;

package/dist/components/steppers/StepperIcon.vue.d.ts

@@ -2,7 +2,7 @@ import { StepperState } from '../../types/stepper';
 declare const _default: import("vue").DefineComponent<{
     state: {
         type: globalThis.PropType<StepperState>;
-        required: true;
+        default: "inactive";
     };
     index: {
         type: globalThis.PropType<number>;
@@ -11,11 +11,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     state: {
         type: globalThis.PropType<StepperState>;
-        required: true;
+        default: "inactive";
     };
     index: {
         type: globalThis.PropType<number>;
         required: true;
     };
-}>>, {}, {}>;
+}>>, {
+    state: StepperState;
+}, {}>;
 export default _default;

package/dist/composables/index.d.ts

@@ -0,0 +1,2 @@
+export { useIcons } from '../composables/icons';
+export { useRotkiTheme } from '../composables/theme';

package/dist/composables/index.es.js

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

package/dist/index-7ca30db6.mjs

@@ -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.mjs";
+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
+};