@rotki/ui-library 0.16.0 → 1.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/README.md +3 -3
  2. package/dist/RuiNavigationDrawer-By3iqC3V.js +7822 -0
  3. package/dist/__test__/options.d.ts +5 -0
  4. package/dist/{breakpoint-DAvEs_TA.js → breakpoint-OTAceaTK.js} +1 -1
  5. package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts +32 -45
  6. package/dist/components/accordions/accordions/RuiAccordions.vue.d.ts +25 -20
  7. package/dist/components/alerts/RuiAlert.vue.d.ts +37 -61
  8. package/dist/components/buttons/button/RuiButton.vue.d.ts +52 -9
  9. package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +43 -9
  10. package/dist/components/cards/RuiCard.vue.d.ts +33 -52
  11. package/dist/components/cards/RuiCardHeader.vue.d.ts +22 -11
  12. package/dist/components/chips/RuiChip.vue.d.ts +43 -86
  13. package/dist/components/color-picker/RuiColorBoard.vue.d.ts +15 -12
  14. package/dist/components/color-picker/RuiColorDisplay.vue.d.ts +13 -10
  15. package/dist/components/color-picker/RuiColorHue.vue.d.ts +16 -10
  16. package/dist/components/color-picker/RuiColorInput.vue.d.ts +16 -10
  17. package/dist/components/color-picker/RuiColorPicker.vue.d.ts +23 -12
  18. package/dist/components/divider/RuiDivider.vue.d.ts +22 -11
  19. package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts +42 -85
  20. package/dist/components/forms/radio-button/radio/RuiRadio.vue.d.ts +40 -85
  21. package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.d.ts +43 -86
  22. package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts +59 -144
  23. package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +159 -46
  24. package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts +27 -44
  25. package/dist/components/forms/slider/RuiSlider.vue.d.ts +61 -152
  26. package/dist/components/forms/switch/RuiSwitch.vue.d.ts +40 -77
  27. package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +67 -176
  28. package/dist/components/forms/text-field/RuiTextField.vue.d.ts +60 -145
  29. package/dist/components/helpers/RuiFormTextDetail.vue.d.ts +34 -27
  30. package/dist/components/icons/RuiIcon.vue.d.ts +24 -27
  31. package/dist/components/index.d.ts +4 -2
  32. package/dist/components/index.es.js +25 -23
  33. package/dist/components/loaders/RuiSkeletonBase.vue.d.ts +23 -12
  34. package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts +26 -21
  35. package/dist/components/logos/RuiLogo.vue.d.ts +30 -43
  36. package/dist/components/overlays/badge/RuiBadge.vue.d.ts +45 -94
  37. package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts +24 -31
  38. package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +34 -53
  39. package/dist/components/overlays/menu/RuiMenu.vue.d.ts +67 -142
  40. package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.d.ts +81 -0
  41. package/dist/components/overlays/notification/RuiNotification.vue.d.ts +45 -0
  42. package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts +35 -60
  43. package/dist/components/progress/RuiProgress.vue.d.ts +37 -68
  44. package/dist/components/steppers/RuiFooterStepper.vue.d.ts +30 -45
  45. package/dist/components/steppers/RuiStepper.vue.d.ts +36 -69
  46. package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +28 -19
  47. package/dist/components/steppers/RuiStepperIcon.vue.d.ts +28 -19
  48. package/dist/components/tables/RuiDataTable.vue.d.ts +253 -21
  49. package/dist/components/tables/RuiExpandButton.vue.d.ts +22 -19
  50. package/dist/components/tables/RuiTableHead.vue.d.ts +88 -21
  51. package/dist/components/tables/RuiTablePagination.vue.d.ts +27 -36
  52. package/dist/components/tabs/tab/RuiTab.vue.d.ts +55 -106
  53. package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts +30 -36
  54. package/dist/components/tabs/tab-items/RuiTabItems.vue.d.ts +22 -11
  55. package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +36 -55
  56. package/dist/composables/dropdown-menu.d.ts +18 -6
  57. package/dist/composables/index.es.js +2 -2
  58. package/dist/composables/popper.d.ts +2 -0
  59. package/dist/composables/theme.d.ts +1 -1
  60. package/dist/icons/icons_1.d.ts +44 -44
  61. package/dist/icons/icons_1.es.js +987 -987
  62. package/dist/icons/icons_2.d.ts +60 -60
  63. package/dist/icons/icons_2.es.js +1121 -1121
  64. package/dist/icons/icons_3.d.ts +76 -76
  65. package/dist/icons/icons_3.es.js +1149 -1149
  66. package/dist/icons/icons_4.d.ts +96 -96
  67. package/dist/icons/icons_4.es.js +1193 -1193
  68. package/dist/icons/icons_5.d.ts +132 -132
  69. package/dist/icons/icons_5.es.js +1267 -1267
  70. package/dist/icons/icons_6.d.ts +156 -0
  71. package/dist/icons/icons_6.es.js +1099 -475
  72. package/dist/icons/index.d.ts +1 -1
  73. package/dist/icons/index.es.js +2840 -2684
  74. package/dist/index-NNlkUY_M.js +161 -0
  75. package/dist/index.es.js +2917 -2759
  76. package/dist/style.css +1 -1
  77. package/dist/utils/helpers.d.ts +9 -0
  78. package/package.json +31 -32
  79. package/dist/RuiColorPicker.vue_vue_type_script_setup_true_lang-ByCIjyQ_.js +0 -8945
  80. package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts +0 -71
  81. package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.vue.d.ts +0 -30
  82. package/dist/index-RsNqSz2V.js +0 -177
@@ -1,71 +0,0 @@
1
- import type { ContextColorsType } from '../../../consts/colors';
2
- export type ModelValue<T> = T | null | T[];
3
- export interface Props<T extends object> {
4
- data: T[];
5
- modelValue: ModelValue<T>;
6
- nullable?: boolean;
7
- disabled?: boolean;
8
- searchQuery?: string;
9
- searchProp?: Extract<keyof T, string>;
10
- placeholder?: string;
11
- label?: string;
12
- keyProp?: Extract<keyof T, string>;
13
- textProp?: Extract<keyof T, string>;
14
- itemDisabledProp?: Extract<keyof T, string>;
15
- variant?: 'default' | 'filled' | 'outlined';
16
- color?: ContextColorsType;
17
- dense?: boolean;
18
- hint?: string;
19
- errorMessages?: string[];
20
- }
21
- declare const _default: <T extends object>(__VLS_props: Props<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
22
- props: Props<T>;
23
- expose(exposed: {}): void;
24
- attrs: any;
25
- slots: {
26
- "no-data"?(_: {}): any;
27
- prefix?(_: {
28
- class: string;
29
- item: T;
30
- }): any;
31
- default?(_: {
32
- item: T;
33
- }): any;
34
- };
35
- emit: (e: 'update:modelValue', modelValue: ModelValue<T>) => void;
36
- }, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
37
- props: Props<T>;
38
- expose(exposed: {}): void;
39
- attrs: any;
40
- slots: {
41
- "no-data"?(_: {}): any;
42
- prefix?(_: {
43
- class: string;
44
- item: T;
45
- }): any;
46
- default?(_: {
47
- item: T;
48
- }): any;
49
- };
50
- emit: (e: 'update:modelValue', modelValue: ModelValue<T>) => void;
51
- }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
52
- [key: string]: any;
53
- }> & {
54
- __ctx?: {
55
- props: Props<T>;
56
- expose(exposed: {}): void;
57
- attrs: any;
58
- slots: {
59
- "no-data"?(_: {}): any;
60
- prefix?(_: {
61
- class: string;
62
- item: T;
63
- }): any;
64
- default?(_: {
65
- item: T;
66
- }): any;
67
- };
68
- emit: (e: 'update:modelValue', modelValue: ModelValue<T>) => void;
69
- } | undefined;
70
- };
71
- export default _default;
@@ -1,30 +0,0 @@
1
- import type { Props as AutoCompleteProps, ModelValue } from '../../../components/forms/auto-complete/RuiAutoComplete.vue';
2
- export interface Props<T extends object> extends Pick<AutoCompleteProps<T>, 'textProp' | 'keyProp' | 'dense' | 'itemDisabledProp' | 'variant'> {
3
- data: ModelValue<T>;
4
- hasValue: boolean;
5
- wrapperWidth: number;
6
- }
7
- declare const _default: <T extends object>(__VLS_props: Props<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
8
- props: Props<T>;
9
- expose(exposed: {}): void;
10
- attrs: any;
11
- slots: {};
12
- emit: (e: 'remove', option: T) => void;
13
- }, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
14
- props: Props<T>;
15
- expose(exposed: {}): void;
16
- attrs: any;
17
- slots: {};
18
- emit: (e: 'remove', option: T) => void;
19
- }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
20
- [key: string]: any;
21
- }> & {
22
- __ctx?: {
23
- props: Props<T>;
24
- expose(exposed: {}): void;
25
- attrs: any;
26
- slots: {};
27
- emit: (e: 'remove', option: T) => void;
28
- } | undefined;
29
- };
30
- export default _default;
@@ -1,177 +0,0 @@
1
- import { RiArrowDownLine as T, RiArrowDropDownFill as $, RiArrowLeftDoubleLine as D, RiArrowLeftLine as v, RiArrowLeftSLine as I, RiArrowRightDoubleLine as S, RiArrowRightLine as U, RiArrowRightSLine as B, RiExpandUpDownLine as M } from "./icons/icons_1.es.js";
2
- import { RiDatabase2Line as _ } from "./icons/icons_2.es.js";
3
- import { RiAlertFill as j, RiAlertLine as O, RiCheckLine as P, RiCheckboxBlankCircleFill as V, RiCheckboxBlankCircleLine as W, RiCheckboxBlankLine as q, RiCheckboxCircleFill as z, RiCheckboxCircleLine as G, RiCheckboxFill as H, RiCheckboxIndeterminateFill as N, RiCloseCircleLine as J, RiCloseFill as K, RiCloseLine as Q, RiErrorWarningFill as X, RiErrorWarningLine as Y, RiEyeLine as Z, RiEyeOffLine as ee, RiInformationFill as ie, RiInformationLine as re, RiRadioButtonLine as te, RiMoreFill as ne } from "./icons/icons_5.es.js";
4
- import { createGlobalState as oe, useColorMode as ae } from "@vueuse/core";
5
- import { ref as b, computed as R, watch as se } from "vue";
6
- import { set as L, get as t } from "@vueuse/shared";
7
- import { c as le } from "./colors-D563Ic3q.js";
8
- const Ae = oe(() => {
9
- const e = [
10
- j,
11
- O,
12
- T,
13
- $,
14
- D,
15
- v,
16
- I,
17
- S,
18
- U,
19
- B,
20
- P,
21
- V,
22
- W,
23
- q,
24
- z,
25
- G,
26
- H,
27
- N,
28
- J,
29
- K,
30
- Q,
31
- _,
32
- X,
33
- Y,
34
- Z,
35
- ee,
36
- ie,
37
- re,
38
- te,
39
- ne,
40
- M
41
- ], i = b({});
42
- return { registeredIcons: i, registerIcons: (n) => {
43
- L(i, {
44
- ...t(i),
45
- ...Object.fromEntries(
46
- [...e, ...n].map(({ name: r, path: a }) => [r, a])
47
- )
48
- });
49
- } };
50
- }), o = {
51
- auto: "auto",
52
- dark: "dark",
53
- light: "light"
54
- };
55
- function k(e) {
56
- return Object.fromEntries(
57
- le.map((i) => [
58
- i,
59
- {
60
- darker: `var(--rui-${e}-${i}-darker)`,
61
- DEFAULT: `var(--rui-${e}-${i}-main)`,
62
- lighter: `var(--rui-${e}-${i}-lighter)`
63
- }
64
- ])
65
- );
66
- }
67
- const w = {
68
- dark: k("dark"),
69
- light: k("light")
70
- }, p = b({ ...w });
71
- function ye() {
72
- const { state: e, store: i, system: l } = ae(), n = R(
73
- () => t(i) === o.auto
74
- ), r = R(
75
- () => t(n) && t(l) === o.light || t(e) === o.light
76
- ), a = R(
77
- () => t(n) && t(l) === o.dark || t(e) === o.dark
78
- ), d = R(() => t(r) ? t(p).light : t(p).dark), s = (m) => {
79
- L(i, m || o.auto);
80
- }, h = () => {
81
- t(n) ? s(o.light) : t(r) ? s(o.dark) : t(a) && s(o.auto);
82
- }, c = (m) => {
83
- L(p, m);
84
- };
85
- return {
86
- config: p,
87
- init: (m) => {
88
- s(m.mode ?? o.auto), c(m.config ?? { ...w }), typeof window < "u" && se(
89
- [r, d],
90
- ([y, x]) => {
91
- const E = Object.entries(x).map(([u, f]) => ({
92
- [`--rui-${u}-darker`]: f.darker,
93
- [`--rui-${u}-lighter`]: f.lighter,
94
- [`--rui-${u}-main`]: f.DEFAULT
95
- })).reduce((u, f) => ({ ...u, ...f }), {}), C = y ? o.light : o.dark, F = {
96
- "--rui-text-disabled": `var(--rui-${C}-text-disabled)`,
97
- "--rui-text-primary": `var(--rui-${C}-text-primary)`,
98
- "--rui-text-secondary": `var(--rui-${C}-text-secondary)`
99
- };
100
- Object.entries({
101
- ...E,
102
- ...F
103
- }).forEach(([u, f]) => {
104
- document.documentElement.style.setProperty(u, f);
105
- });
106
- },
107
- { immediate: !0 }
108
- );
109
- },
110
- isAutoControlled: n,
111
- isDark: a,
112
- isLight: r,
113
- setThemeConfig: c,
114
- state: e,
115
- store: i,
116
- switchThemeScheme: s,
117
- theme: d,
118
- toggleThemeMode: h
119
- };
120
- }
121
- const ce = /\d/, ue = ["-", "_", "/", "."];
122
- function fe(e = "") {
123
- if (!ce.test(e))
124
- return e !== e.toLowerCase();
125
- }
126
- function A(e, i) {
127
- const l = i ?? ue, n = [];
128
- if (!e || typeof e != "string")
129
- return n;
130
- let r = "", a, d;
131
- for (const s of e) {
132
- const h = l.includes(s);
133
- if (h === !0) {
134
- n.push(r), r = "", a = void 0;
135
- continue;
136
- }
137
- const c = fe(s);
138
- if (d === !1) {
139
- if (a === !1 && c === !0) {
140
- n.push(r), r = s, a = c;
141
- continue;
142
- }
143
- if (a === !0 && c === !1 && r.length > 1) {
144
- const g = r.at(-1);
145
- n.push(r.slice(0, Math.max(0, r.length - 1))), r = g + s, a = c;
146
- continue;
147
- }
148
- }
149
- r += s, a = c, d = h;
150
- }
151
- return n.push(r), n;
152
- }
153
- function me(e) {
154
- return e ? e[0].toUpperCase() + e.slice(1) : "";
155
- }
156
- function de(e) {
157
- return e ? e[0].toLowerCase() + e.slice(1) : "";
158
- }
159
- function he(e, i) {
160
- return e ? (Array.isArray(e) ? e : A(e)).map((l) => me(i != null && i.normalize ? l.toLowerCase() : l)).join("") : "";
161
- }
162
- function xe(e, i) {
163
- return de(he(e || "", i));
164
- }
165
- function Re(e, i) {
166
- return e ? (Array.isArray(e) ? e : A(e)).map((l) => l.toLowerCase()).join(i ?? "-") : "";
167
- }
168
- function Ee(e) {
169
- return Re(e || "", "_");
170
- }
171
- export {
172
- o as T,
173
- ye as a,
174
- xe as c,
175
- Ee as s,
176
- Ae as u
177
- };