@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.
- package/README.md +3 -3
- package/dist/RuiNavigationDrawer-By3iqC3V.js +7822 -0
- package/dist/__test__/options.d.ts +5 -0
- package/dist/{breakpoint-DAvEs_TA.js → breakpoint-OTAceaTK.js} +1 -1
- package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts +32 -45
- package/dist/components/accordions/accordions/RuiAccordions.vue.d.ts +25 -20
- package/dist/components/alerts/RuiAlert.vue.d.ts +37 -61
- package/dist/components/buttons/button/RuiButton.vue.d.ts +52 -9
- package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +43 -9
- package/dist/components/cards/RuiCard.vue.d.ts +33 -52
- package/dist/components/cards/RuiCardHeader.vue.d.ts +22 -11
- package/dist/components/chips/RuiChip.vue.d.ts +43 -86
- package/dist/components/color-picker/RuiColorBoard.vue.d.ts +15 -12
- package/dist/components/color-picker/RuiColorDisplay.vue.d.ts +13 -10
- package/dist/components/color-picker/RuiColorHue.vue.d.ts +16 -10
- package/dist/components/color-picker/RuiColorInput.vue.d.ts +16 -10
- package/dist/components/color-picker/RuiColorPicker.vue.d.ts +23 -12
- package/dist/components/divider/RuiDivider.vue.d.ts +22 -11
- package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts +42 -85
- package/dist/components/forms/radio-button/radio/RuiRadio.vue.d.ts +40 -85
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.d.ts +43 -86
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts +59 -144
- package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +159 -46
- package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts +27 -44
- package/dist/components/forms/slider/RuiSlider.vue.d.ts +61 -152
- package/dist/components/forms/switch/RuiSwitch.vue.d.ts +40 -77
- package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +67 -176
- package/dist/components/forms/text-field/RuiTextField.vue.d.ts +60 -145
- package/dist/components/helpers/RuiFormTextDetail.vue.d.ts +34 -27
- package/dist/components/icons/RuiIcon.vue.d.ts +24 -27
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.es.js +25 -23
- package/dist/components/loaders/RuiSkeletonBase.vue.d.ts +23 -12
- package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts +26 -21
- package/dist/components/logos/RuiLogo.vue.d.ts +30 -43
- package/dist/components/overlays/badge/RuiBadge.vue.d.ts +45 -94
- package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts +24 -31
- package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +34 -53
- package/dist/components/overlays/menu/RuiMenu.vue.d.ts +67 -142
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.d.ts +81 -0
- package/dist/components/overlays/notification/RuiNotification.vue.d.ts +45 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts +35 -60
- package/dist/components/progress/RuiProgress.vue.d.ts +37 -68
- package/dist/components/steppers/RuiFooterStepper.vue.d.ts +30 -45
- package/dist/components/steppers/RuiStepper.vue.d.ts +36 -69
- package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +28 -19
- package/dist/components/steppers/RuiStepperIcon.vue.d.ts +28 -19
- package/dist/components/tables/RuiDataTable.vue.d.ts +253 -21
- package/dist/components/tables/RuiExpandButton.vue.d.ts +22 -19
- package/dist/components/tables/RuiTableHead.vue.d.ts +88 -21
- package/dist/components/tables/RuiTablePagination.vue.d.ts +27 -36
- package/dist/components/tabs/tab/RuiTab.vue.d.ts +55 -106
- package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts +30 -36
- package/dist/components/tabs/tab-items/RuiTabItems.vue.d.ts +22 -11
- package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +36 -55
- package/dist/composables/dropdown-menu.d.ts +18 -6
- package/dist/composables/index.es.js +2 -2
- package/dist/composables/popper.d.ts +2 -0
- package/dist/composables/theme.d.ts +1 -1
- package/dist/icons/icons_1.d.ts +44 -44
- package/dist/icons/icons_1.es.js +987 -987
- package/dist/icons/icons_2.d.ts +60 -60
- package/dist/icons/icons_2.es.js +1121 -1121
- package/dist/icons/icons_3.d.ts +76 -76
- package/dist/icons/icons_3.es.js +1149 -1149
- package/dist/icons/icons_4.d.ts +96 -96
- package/dist/icons/icons_4.es.js +1193 -1193
- package/dist/icons/icons_5.d.ts +132 -132
- package/dist/icons/icons_5.es.js +1267 -1267
- package/dist/icons/icons_6.d.ts +156 -0
- package/dist/icons/icons_6.es.js +1099 -475
- package/dist/icons/index.d.ts +1 -1
- package/dist/icons/index.es.js +2840 -2684
- package/dist/index-NNlkUY_M.js +161 -0
- package/dist/index.es.js +2917 -2759
- package/dist/style.css +1 -1
- package/dist/utils/helpers.d.ts +9 -0
- package/package.json +31 -32
- package/dist/RuiColorPicker.vue_vue_type_script_setup_true_lang-ByCIjyQ_.js +0 -8945
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts +0 -71
- package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.vue.d.ts +0 -30
- 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;
|
package/dist/index-RsNqSz2V.js
DELETED
|
@@ -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
|
-
};
|