@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.
Files changed (124) 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-CRvqq4aP.js → breakpoint-OTAceaTK.js} +1 -1
  5. package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts +58 -0
  6. package/dist/components/accordions/accordions/RuiAccordions.vue.d.ts +36 -0
  7. package/dist/components/alerts/RuiAlert.vue.d.ts +69 -0
  8. package/dist/components/buttons/button/RuiButton.vue.d.ts +94 -0
  9. package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +70 -0
  10. package/dist/components/cards/RuiCard.vue.d.ts +61 -0
  11. package/dist/components/cards/RuiCardHeader.vue.d.ts +37 -0
  12. package/dist/components/chips/RuiChip.vue.d.ts +80 -0
  13. package/dist/components/color-picker/RuiColorBoard.vue.d.ts +26 -0
  14. package/dist/components/color-picker/RuiColorDisplay.vue.d.ts +15 -0
  15. package/dist/components/color-picker/RuiColorHue.vue.d.ts +18 -0
  16. package/dist/components/color-picker/RuiColorInput.vue.d.ts +19 -0
  17. package/dist/components/color-picker/RuiColorPicker.vue.d.ts +32 -0
  18. package/dist/components/color-picker/utils.d.ts +44 -0
  19. package/dist/components/divider/RuiDivider.vue.d.ts +28 -0
  20. package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts +78 -0
  21. package/dist/components/forms/radio-button/radio/RuiRadio.vue.d.ts +73 -0
  22. package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.d.ts +69 -0
  23. package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts +84 -0
  24. package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +160 -49
  25. package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts +42 -0
  26. package/dist/components/forms/slider/RuiSlider.vue.d.ts +101 -0
  27. package/dist/components/forms/switch/RuiSwitch.vue.d.ts +72 -0
  28. package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +124 -0
  29. package/dist/components/forms/text-field/RuiTextField.vue.d.ts +114 -0
  30. package/dist/components/helpers/RuiFormTextDetail.vue.d.ts +39 -0
  31. package/dist/components/icons/RuiIcon.vue.d.ts +35 -0
  32. package/dist/components/index.d.ts +43 -39
  33. package/dist/components/index.es.js +35 -31
  34. package/dist/components/loaders/RuiSkeletonBase.vue.d.ts +28 -0
  35. package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts +32 -0
  36. package/dist/components/logos/RuiLogo.vue.d.ts +52 -0
  37. package/dist/components/overlays/badge/RuiBadge.vue.d.ts +79 -0
  38. package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts +39 -0
  39. package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +68 -0
  40. package/dist/components/overlays/menu/RuiMenu.vue.d.ts +116 -0
  41. package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.d.ts +81 -0
  42. package/dist/components/overlays/notification/RuiNotification.vue.d.ts +45 -0
  43. package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts +63 -0
  44. package/dist/components/progress/RuiProgress.vue.d.ts +71 -0
  45. package/dist/components/steppers/RuiFooterStepper.vue.d.ts +45 -0
  46. package/dist/components/steppers/RuiStepper.vue.d.ts +64 -0
  47. package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +32 -0
  48. package/dist/components/steppers/RuiStepperIcon.vue.d.ts +32 -0
  49. package/dist/components/tables/RuiDataTable.vue.d.ts +512 -0
  50. package/dist/components/tables/RuiExpandButton.vue.d.ts +37 -0
  51. package/dist/components/tables/RuiTableHead.vue.d.ts +194 -0
  52. package/dist/components/tables/RuiTablePagination.vue.d.ts +47 -0
  53. package/dist/components/tabs/tab/RuiTab.vue.d.ts +90 -0
  54. package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts +48 -0
  55. package/dist/components/tabs/tab-items/RuiTabItems.vue.d.ts +28 -0
  56. package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +53 -0
  57. package/dist/composables/dropdown-menu.d.ts +18 -6
  58. package/dist/composables/index.es.js +2 -2
  59. package/dist/composables/popper.d.ts +2 -0
  60. package/dist/composables/theme.d.ts +1 -1
  61. package/dist/consts/typography.d.ts +1 -2
  62. package/dist/icons/icons_1.d.ts +44 -44
  63. package/dist/icons/icons_1.es.js +987 -987
  64. package/dist/icons/icons_2.d.ts +60 -60
  65. package/dist/icons/icons_2.es.js +1121 -1121
  66. package/dist/icons/icons_3.d.ts +76 -76
  67. package/dist/icons/icons_3.es.js +1149 -1149
  68. package/dist/icons/icons_4.d.ts +96 -96
  69. package/dist/icons/icons_4.es.js +1193 -1193
  70. package/dist/icons/icons_5.d.ts +132 -132
  71. package/dist/icons/icons_5.es.js +1267 -1267
  72. package/dist/icons/icons_6.d.ts +156 -0
  73. package/dist/icons/icons_6.es.js +1099 -475
  74. package/dist/icons/index.d.ts +1 -1
  75. package/dist/icons/index.es.js +2840 -2684
  76. package/dist/index-NNlkUY_M.js +161 -0
  77. package/dist/index.es.js +2921 -2761
  78. package/dist/style.css +1 -1
  79. package/dist/utils/helpers.d.ts +9 -0
  80. package/package.json +45 -48
  81. package/dist/Accordion-BFcz_iFc.js +0 -8386
  82. package/dist/components/accordions/accordion/Accordion.vue.d.ts +0 -71
  83. package/dist/components/accordions/accordions/Accordions.vue.d.ts +0 -31
  84. package/dist/components/alerts/Alert.vue.d.ts +0 -93
  85. package/dist/components/buttons/button/Button.vue.d.ts +0 -51
  86. package/dist/components/buttons/button-group/ButtonGroup.vue.d.ts +0 -36
  87. package/dist/components/cards/Card.vue.d.ts +0 -80
  88. package/dist/components/cards/CardHeader.vue.d.ts +0 -26
  89. package/dist/components/chips/Chip.vue.d.ts +0 -123
  90. package/dist/components/divider/Divider.vue.d.ts +0 -17
  91. package/dist/components/forms/auto-complete/AutoComplete.vue.d.ts +0 -71
  92. package/dist/components/forms/auto-complete/AutoCompleteSelection.vue.d.ts +0 -30
  93. package/dist/components/forms/checkbox/Checkbox.vue.d.ts +0 -121
  94. package/dist/components/forms/radio-button/radio/Radio.vue.d.ts +0 -118
  95. package/dist/components/forms/radio-button/radio-group/RadioGroup.vue.d.ts +0 -112
  96. package/dist/components/forms/revealable-text-field/RevealableTextField.vue.d.ts +0 -169
  97. package/dist/components/forms/select/SimpleSelect.vue.d.ts +0 -59
  98. package/dist/components/forms/slider/Slider.vue.d.ts +0 -192
  99. package/dist/components/forms/switch/Switch.vue.d.ts +0 -109
  100. package/dist/components/forms/text-area/TextArea.vue.d.ts +0 -233
  101. package/dist/components/forms/text-field/TextField.vue.d.ts +0 -199
  102. package/dist/components/helpers/FormTextDetail.vue.d.ts +0 -32
  103. package/dist/components/icons/Icon.vue.d.ts +0 -38
  104. package/dist/components/loaders/Skeleton.vue.d.ts +0 -27
  105. package/dist/components/loaders/SkeletonBase.vue.d.ts +0 -17
  106. package/dist/components/logos/Logo.vue.d.ts +0 -65
  107. package/dist/components/overlays/badge/Badge.vue.d.ts +0 -128
  108. package/dist/components/overlays/dialog/Dialog.vue.d.ts +0 -60
  109. package/dist/components/overlays/menu/Menu.vue.d.ts +0 -191
  110. package/dist/components/overlays/tooltip/Tooltip.vue.d.ts +0 -88
  111. package/dist/components/progress/Progress.vue.d.ts +0 -102
  112. package/dist/components/steppers/FooterStepper.vue.d.ts +0 -50
  113. package/dist/components/steppers/Stepper.vue.d.ts +0 -97
  114. package/dist/components/steppers/StepperCustomIcon.vue.d.ts +0 -23
  115. package/dist/components/steppers/StepperIcon.vue.d.ts +0 -23
  116. package/dist/components/tables/DataTable.vue.d.ts +0 -279
  117. package/dist/components/tables/ExpandButton.vue.d.ts +0 -34
  118. package/dist/components/tables/TableHead.vue.d.ts +0 -127
  119. package/dist/components/tables/TablePagination.vue.d.ts +0 -56
  120. package/dist/components/tabs/tab/Tab.vue.d.ts +0 -141
  121. package/dist/components/tabs/tab-item/TabItem.vue.d.ts +0 -54
  122. package/dist/components/tabs/tab-items/TabItems.vue.d.ts +0 -17
  123. package/dist/components/tabs/tabs/Tabs.vue.d.ts +0 -72
  124. 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;
@@ -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
- };