@rotki/ui-library 0.15.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-CRvqq4aP.js → breakpoint-OTAceaTK.js} +1 -1
- package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts +58 -0
- package/dist/components/accordions/accordions/RuiAccordions.vue.d.ts +36 -0
- package/dist/components/alerts/RuiAlert.vue.d.ts +69 -0
- package/dist/components/buttons/button/RuiButton.vue.d.ts +94 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +70 -0
- package/dist/components/cards/RuiCard.vue.d.ts +61 -0
- package/dist/components/cards/RuiCardHeader.vue.d.ts +37 -0
- package/dist/components/chips/RuiChip.vue.d.ts +80 -0
- package/dist/components/color-picker/RuiColorBoard.vue.d.ts +26 -0
- package/dist/components/color-picker/RuiColorDisplay.vue.d.ts +15 -0
- package/dist/components/color-picker/RuiColorHue.vue.d.ts +18 -0
- package/dist/components/color-picker/RuiColorInput.vue.d.ts +19 -0
- package/dist/components/color-picker/RuiColorPicker.vue.d.ts +32 -0
- package/dist/components/color-picker/utils.d.ts +44 -0
- package/dist/components/divider/RuiDivider.vue.d.ts +28 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts +78 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue.d.ts +73 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.d.ts +69 -0
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts +84 -0
- package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +160 -49
- package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts +42 -0
- package/dist/components/forms/slider/RuiSlider.vue.d.ts +101 -0
- package/dist/components/forms/switch/RuiSwitch.vue.d.ts +72 -0
- package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +124 -0
- package/dist/components/forms/text-field/RuiTextField.vue.d.ts +114 -0
- package/dist/components/helpers/RuiFormTextDetail.vue.d.ts +39 -0
- package/dist/components/icons/RuiIcon.vue.d.ts +35 -0
- package/dist/components/index.d.ts +43 -39
- package/dist/components/index.es.js +35 -31
- package/dist/components/loaders/RuiSkeletonBase.vue.d.ts +28 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts +32 -0
- package/dist/components/logos/RuiLogo.vue.d.ts +52 -0
- package/dist/components/overlays/badge/RuiBadge.vue.d.ts +79 -0
- package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts +39 -0
- package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +68 -0
- package/dist/components/overlays/menu/RuiMenu.vue.d.ts +116 -0
- 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 +63 -0
- package/dist/components/progress/RuiProgress.vue.d.ts +71 -0
- package/dist/components/steppers/RuiFooterStepper.vue.d.ts +45 -0
- package/dist/components/steppers/RuiStepper.vue.d.ts +64 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +32 -0
- package/dist/components/steppers/RuiStepperIcon.vue.d.ts +32 -0
- package/dist/components/tables/RuiDataTable.vue.d.ts +512 -0
- package/dist/components/tables/RuiExpandButton.vue.d.ts +37 -0
- package/dist/components/tables/RuiTableHead.vue.d.ts +194 -0
- package/dist/components/tables/RuiTablePagination.vue.d.ts +47 -0
- package/dist/components/tabs/tab/RuiTab.vue.d.ts +90 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts +48 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue.d.ts +28 -0
- package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +53 -0
- 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/consts/typography.d.ts +1 -2
- 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 +2921 -2761
- package/dist/style.css +1 -1
- package/dist/utils/helpers.d.ts +9 -0
- package/package.json +45 -48
- package/dist/Accordion-BFcz_iFc.js +0 -8386
- package/dist/components/accordions/accordion/Accordion.vue.d.ts +0 -71
- package/dist/components/accordions/accordions/Accordions.vue.d.ts +0 -31
- package/dist/components/alerts/Alert.vue.d.ts +0 -93
- package/dist/components/buttons/button/Button.vue.d.ts +0 -51
- package/dist/components/buttons/button-group/ButtonGroup.vue.d.ts +0 -36
- package/dist/components/cards/Card.vue.d.ts +0 -80
- package/dist/components/cards/CardHeader.vue.d.ts +0 -26
- package/dist/components/chips/Chip.vue.d.ts +0 -123
- package/dist/components/divider/Divider.vue.d.ts +0 -17
- package/dist/components/forms/auto-complete/AutoComplete.vue.d.ts +0 -71
- package/dist/components/forms/auto-complete/AutoCompleteSelection.vue.d.ts +0 -30
- package/dist/components/forms/checkbox/Checkbox.vue.d.ts +0 -121
- package/dist/components/forms/radio-button/radio/Radio.vue.d.ts +0 -118
- package/dist/components/forms/radio-button/radio-group/RadioGroup.vue.d.ts +0 -112
- package/dist/components/forms/revealable-text-field/RevealableTextField.vue.d.ts +0 -169
- package/dist/components/forms/select/SimpleSelect.vue.d.ts +0 -59
- package/dist/components/forms/slider/Slider.vue.d.ts +0 -192
- package/dist/components/forms/switch/Switch.vue.d.ts +0 -109
- package/dist/components/forms/text-area/TextArea.vue.d.ts +0 -233
- package/dist/components/forms/text-field/TextField.vue.d.ts +0 -199
- package/dist/components/helpers/FormTextDetail.vue.d.ts +0 -32
- package/dist/components/icons/Icon.vue.d.ts +0 -38
- package/dist/components/loaders/Skeleton.vue.d.ts +0 -27
- package/dist/components/loaders/SkeletonBase.vue.d.ts +0 -17
- package/dist/components/logos/Logo.vue.d.ts +0 -65
- package/dist/components/overlays/badge/Badge.vue.d.ts +0 -128
- package/dist/components/overlays/dialog/Dialog.vue.d.ts +0 -60
- package/dist/components/overlays/menu/Menu.vue.d.ts +0 -191
- package/dist/components/overlays/tooltip/Tooltip.vue.d.ts +0 -88
- package/dist/components/progress/Progress.vue.d.ts +0 -102
- package/dist/components/steppers/FooterStepper.vue.d.ts +0 -50
- package/dist/components/steppers/Stepper.vue.d.ts +0 -97
- package/dist/components/steppers/StepperCustomIcon.vue.d.ts +0 -23
- package/dist/components/steppers/StepperIcon.vue.d.ts +0 -23
- package/dist/components/tables/DataTable.vue.d.ts +0 -279
- package/dist/components/tables/ExpandButton.vue.d.ts +0 -34
- package/dist/components/tables/TableHead.vue.d.ts +0 -127
- package/dist/components/tables/TablePagination.vue.d.ts +0 -56
- package/dist/components/tabs/tab/Tab.vue.d.ts +0 -141
- package/dist/components/tabs/tab-item/TabItem.vue.d.ts +0 -54
- package/dist/components/tabs/tab-items/TabItems.vue.d.ts +0 -17
- package/dist/components/tabs/tabs/Tabs.vue.d.ts +0 -72
- package/dist/index-x2urm9HD.js +0 -176
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export interface Props {
|
|
2
|
-
modelValue?: number | string;
|
|
3
|
-
}
|
|
4
|
-
declare const _default: import("vue").DefineComponent<{
|
|
5
|
-
modelValue: {
|
|
6
|
-
type: globalThis.PropType<string | number>;
|
|
7
|
-
default: undefined;
|
|
8
|
-
};
|
|
9
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
10
|
-
modelValue: {
|
|
11
|
-
type: globalThis.PropType<string | number>;
|
|
12
|
-
default: undefined;
|
|
13
|
-
};
|
|
14
|
-
}>>, {
|
|
15
|
-
modelValue: string | number;
|
|
16
|
-
}, {}>;
|
|
17
|
-
export default _default;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import type { ContextColorsType } from '../../../consts/colors';
|
|
2
|
-
export interface Props {
|
|
3
|
-
color?: ContextColorsType;
|
|
4
|
-
vertical?: boolean;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
grow?: boolean;
|
|
7
|
-
modelValue?: number | string;
|
|
8
|
-
align?: 'start' | 'center' | 'end';
|
|
9
|
-
}
|
|
10
|
-
declare const _default: import("vue").DefineComponent<{
|
|
11
|
-
vertical: {
|
|
12
|
-
type: globalThis.PropType<boolean>;
|
|
13
|
-
default: boolean;
|
|
14
|
-
};
|
|
15
|
-
color: {
|
|
16
|
-
type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
|
|
17
|
-
default: undefined;
|
|
18
|
-
};
|
|
19
|
-
disabled: {
|
|
20
|
-
type: globalThis.PropType<boolean>;
|
|
21
|
-
default: boolean;
|
|
22
|
-
};
|
|
23
|
-
modelValue: {
|
|
24
|
-
type: globalThis.PropType<string | number>;
|
|
25
|
-
default: undefined;
|
|
26
|
-
};
|
|
27
|
-
align: {
|
|
28
|
-
type: globalThis.PropType<"end" | "center" | "start">;
|
|
29
|
-
default: string;
|
|
30
|
-
};
|
|
31
|
-
grow: {
|
|
32
|
-
type: globalThis.PropType<boolean>;
|
|
33
|
-
default: boolean;
|
|
34
|
-
};
|
|
35
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
36
|
-
"update:modelValue": (modelValue: string | number) => void;
|
|
37
|
-
}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
38
|
-
vertical: {
|
|
39
|
-
type: globalThis.PropType<boolean>;
|
|
40
|
-
default: boolean;
|
|
41
|
-
};
|
|
42
|
-
color: {
|
|
43
|
-
type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
|
|
44
|
-
default: undefined;
|
|
45
|
-
};
|
|
46
|
-
disabled: {
|
|
47
|
-
type: globalThis.PropType<boolean>;
|
|
48
|
-
default: boolean;
|
|
49
|
-
};
|
|
50
|
-
modelValue: {
|
|
51
|
-
type: globalThis.PropType<string | number>;
|
|
52
|
-
default: undefined;
|
|
53
|
-
};
|
|
54
|
-
align: {
|
|
55
|
-
type: globalThis.PropType<"end" | "center" | "start">;
|
|
56
|
-
default: string;
|
|
57
|
-
};
|
|
58
|
-
grow: {
|
|
59
|
-
type: globalThis.PropType<boolean>;
|
|
60
|
-
default: boolean;
|
|
61
|
-
};
|
|
62
|
-
}>> & {
|
|
63
|
-
"onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
|
|
64
|
-
}, {
|
|
65
|
-
vertical: boolean;
|
|
66
|
-
color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
|
|
67
|
-
disabled: boolean;
|
|
68
|
-
modelValue: string | number;
|
|
69
|
-
align: "end" | "center" | "start";
|
|
70
|
-
grow: boolean;
|
|
71
|
-
}, {}>;
|
|
72
|
-
export default _default;
|
package/dist/index-x2urm9HD.js
DELETED
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
import { RiArrowDownLine as T, RiArrowDropDownFill as $, RiArrowLeftDoubleLine as v, RiArrowLeftLine as D, RiArrowLeftSLine as I, RiArrowRightDoubleLine as S, RiArrowRightLine as U, RiArrowRightSLine as B } from "./icons/icons_1.es.js";
|
|
2
|
-
import { RiDatabase2Line as M } from "./icons/icons_2.es.js";
|
|
3
|
-
import { RiAlertFill as _, RiAlertLine as j, RiCheckLine as O, RiCheckboxBlankCircleFill as P, RiCheckboxBlankCircleLine as V, RiCheckboxBlankLine as W, RiCheckboxCircleFill as q, RiCheckboxCircleLine as z, RiCheckboxFill as G, RiCheckboxIndeterminateFill as H, RiCloseCircleLine as N, RiCloseFill as J, RiCloseLine as K, RiErrorWarningFill as Q, RiErrorWarningLine as X, RiEyeLine as Y, RiEyeOffLine as Z, RiInformationFill as ee, RiInformationLine as ie, RiRadioButtonLine as re, RiMoreFill as te } from "./icons/icons_5.es.js";
|
|
4
|
-
import { createGlobalState as oe, useColorMode as ne } from "@vueuse/core";
|
|
5
|
-
import { ref as b, computed as R, watch as ae } from "vue";
|
|
6
|
-
import { set as g, get as t } from "@vueuse/shared";
|
|
7
|
-
import { c as se } from "./colors-D563Ic3q.js";
|
|
8
|
-
const we = oe(() => {
|
|
9
|
-
const e = [
|
|
10
|
-
_,
|
|
11
|
-
j,
|
|
12
|
-
T,
|
|
13
|
-
$,
|
|
14
|
-
v,
|
|
15
|
-
D,
|
|
16
|
-
I,
|
|
17
|
-
S,
|
|
18
|
-
U,
|
|
19
|
-
B,
|
|
20
|
-
O,
|
|
21
|
-
P,
|
|
22
|
-
V,
|
|
23
|
-
W,
|
|
24
|
-
q,
|
|
25
|
-
z,
|
|
26
|
-
G,
|
|
27
|
-
H,
|
|
28
|
-
N,
|
|
29
|
-
J,
|
|
30
|
-
K,
|
|
31
|
-
M,
|
|
32
|
-
Q,
|
|
33
|
-
X,
|
|
34
|
-
Y,
|
|
35
|
-
Z,
|
|
36
|
-
ee,
|
|
37
|
-
ie,
|
|
38
|
-
re,
|
|
39
|
-
te
|
|
40
|
-
], i = b({});
|
|
41
|
-
return { registeredIcons: i, registerIcons: (o) => {
|
|
42
|
-
g(i, {
|
|
43
|
-
...t(i),
|
|
44
|
-
...Object.fromEntries(
|
|
45
|
-
[...e, ...o].map(({ name: r, path: a }) => [r, a])
|
|
46
|
-
)
|
|
47
|
-
});
|
|
48
|
-
} };
|
|
49
|
-
}), n = {
|
|
50
|
-
auto: "auto",
|
|
51
|
-
dark: "dark",
|
|
52
|
-
light: "light"
|
|
53
|
-
};
|
|
54
|
-
function k(e) {
|
|
55
|
-
return Object.fromEntries(
|
|
56
|
-
se.map((i) => [
|
|
57
|
-
i,
|
|
58
|
-
{
|
|
59
|
-
darker: `var(--rui-${e}-${i}-darker)`,
|
|
60
|
-
DEFAULT: `var(--rui-${e}-${i}-main)`,
|
|
61
|
-
lighter: `var(--rui-${e}-${i}-lighter)`
|
|
62
|
-
}
|
|
63
|
-
])
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
const w = {
|
|
67
|
-
dark: k("dark"),
|
|
68
|
-
light: k("light")
|
|
69
|
-
}, p = b({ ...w });
|
|
70
|
-
function Ae() {
|
|
71
|
-
const { state: e, store: i, system: l } = ne(), o = R(
|
|
72
|
-
() => t(i) === n.auto
|
|
73
|
-
), r = R(
|
|
74
|
-
() => t(o) && t(l) === n.light || t(e) === n.light
|
|
75
|
-
), a = R(
|
|
76
|
-
() => t(o) && t(l) === n.dark || t(e) === n.dark
|
|
77
|
-
), h = R(() => t(r) ? t(p).light : t(p).dark), s = (m) => {
|
|
78
|
-
g(i, m || n.auto);
|
|
79
|
-
}, d = () => {
|
|
80
|
-
t(o) ? s(n.light) : t(r) ? s(n.dark) : t(a) && s(n.auto);
|
|
81
|
-
}, c = (m) => {
|
|
82
|
-
g(p, m);
|
|
83
|
-
};
|
|
84
|
-
return {
|
|
85
|
-
config: p,
|
|
86
|
-
init: (m) => {
|
|
87
|
-
s(m.mode ?? n.auto), c(m.config ?? { ...w }), typeof window < "u" && ae(
|
|
88
|
-
[r, h],
|
|
89
|
-
([y, x]) => {
|
|
90
|
-
const F = Object.entries(x).map(([u, f]) => ({
|
|
91
|
-
[`--rui-${u}-darker`]: f.darker,
|
|
92
|
-
[`--rui-${u}-lighter`]: f.lighter,
|
|
93
|
-
[`--rui-${u}-main`]: f.DEFAULT
|
|
94
|
-
})).reduce((u, f) => ({ ...u, ...f }), {}), C = y ? n.light : n.dark, E = {
|
|
95
|
-
"--rui-text-disabled": `var(--rui-${C}-text-disabled)`,
|
|
96
|
-
"--rui-text-primary": `var(--rui-${C}-text-primary)`,
|
|
97
|
-
"--rui-text-secondary": `var(--rui-${C}-text-secondary)`
|
|
98
|
-
};
|
|
99
|
-
Object.entries({
|
|
100
|
-
...F,
|
|
101
|
-
...E
|
|
102
|
-
}).forEach(([u, f]) => {
|
|
103
|
-
document.documentElement.style.setProperty(u, f);
|
|
104
|
-
});
|
|
105
|
-
},
|
|
106
|
-
{ immediate: !0 }
|
|
107
|
-
);
|
|
108
|
-
},
|
|
109
|
-
isAutoControlled: o,
|
|
110
|
-
isDark: a,
|
|
111
|
-
isLight: r,
|
|
112
|
-
setThemeConfig: c,
|
|
113
|
-
state: e,
|
|
114
|
-
store: i,
|
|
115
|
-
switchThemeScheme: s,
|
|
116
|
-
theme: h,
|
|
117
|
-
toggleThemeMode: d
|
|
118
|
-
};
|
|
119
|
-
}
|
|
120
|
-
const le = /\d/, ce = ["-", "_", "/", "."];
|
|
121
|
-
function ue(e = "") {
|
|
122
|
-
if (!le.test(e))
|
|
123
|
-
return e !== e.toLowerCase();
|
|
124
|
-
}
|
|
125
|
-
function A(e, i) {
|
|
126
|
-
const l = i ?? ce, o = [];
|
|
127
|
-
if (!e || typeof e != "string")
|
|
128
|
-
return o;
|
|
129
|
-
let r = "", a, h;
|
|
130
|
-
for (const s of e) {
|
|
131
|
-
const d = l.includes(s);
|
|
132
|
-
if (d === !0) {
|
|
133
|
-
o.push(r), r = "", a = void 0;
|
|
134
|
-
continue;
|
|
135
|
-
}
|
|
136
|
-
const c = ue(s);
|
|
137
|
-
if (h === !1) {
|
|
138
|
-
if (a === !1 && c === !0) {
|
|
139
|
-
o.push(r), r = s, a = c;
|
|
140
|
-
continue;
|
|
141
|
-
}
|
|
142
|
-
if (a === !0 && c === !1 && r.length > 1) {
|
|
143
|
-
const L = r.at(-1);
|
|
144
|
-
o.push(r.slice(0, Math.max(0, r.length - 1))), r = L + s, a = c;
|
|
145
|
-
continue;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
r += s, a = c, h = d;
|
|
149
|
-
}
|
|
150
|
-
return o.push(r), o;
|
|
151
|
-
}
|
|
152
|
-
function fe(e) {
|
|
153
|
-
return e ? e[0].toUpperCase() + e.slice(1) : "";
|
|
154
|
-
}
|
|
155
|
-
function me(e) {
|
|
156
|
-
return e ? e[0].toLowerCase() + e.slice(1) : "";
|
|
157
|
-
}
|
|
158
|
-
function he(e, i) {
|
|
159
|
-
return e ? (Array.isArray(e) ? e : A(e)).map((l) => fe(i != null && i.normalize ? l.toLowerCase() : l)).join("") : "";
|
|
160
|
-
}
|
|
161
|
-
function ye(e, i) {
|
|
162
|
-
return me(he(e || "", i));
|
|
163
|
-
}
|
|
164
|
-
function de(e, i) {
|
|
165
|
-
return e ? (Array.isArray(e) ? e : A(e)).map((l) => l.toLowerCase()).join(i ?? "-") : "";
|
|
166
|
-
}
|
|
167
|
-
function xe(e) {
|
|
168
|
-
return de(e || "", "_");
|
|
169
|
-
}
|
|
170
|
-
export {
|
|
171
|
-
n as T,
|
|
172
|
-
Ae as a,
|
|
173
|
-
ye as c,
|
|
174
|
-
xe as s,
|
|
175
|
-
we as u
|
|
176
|
-
};
|