@rotki/ui-library 0.9.0 → 0.10.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/dist/components/chips/Chip.vue.d.ts +3 -0
- package/dist/components/forms/text-field/TextField.vue.d.ts +1 -1
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.es.js +36 -34
- package/dist/components/tables/DataTable.vue.d.ts +107 -65
- package/dist/components/tables/TableHead.vue.d.ts +115 -0
- package/dist/composables/breakpoint.d.ts +1 -0
- package/dist/composables/defaults/table.d.ts +1 -0
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.es.js +84 -7
- package/dist/composables/sticky-header.d.ts +1 -1
- package/dist/icons/icons_1.d.ts +501 -0
- package/dist/icons/icons_1.es.js +2003 -0
- package/dist/icons/icons_2.d.ts +501 -0
- package/dist/icons/icons_2.es.js +2003 -0
- package/dist/icons/icons_3.d.ts +501 -0
- package/dist/icons/icons_3.es.js +2003 -0
- package/dist/icons/icons_4.d.ts +501 -0
- package/dist/icons/icons_4.es.js +2003 -0
- package/dist/icons/icons_5.d.ts +501 -0
- package/dist/icons/icons_5.es.js +2003 -0
- package/dist/icons/icons_6.d.ts +239 -0
- package/dist/icons/icons_6.es.js +955 -0
- package/dist/icons/index.d.ts +7 -0
- package/dist/icons/index.es.js +2746 -0
- package/dist/index-qKuRALnN.js +7202 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +2761 -2614
- package/dist/style.css +1 -1
- package/dist/{index-W2poXQa4.js → theme-V5yenaDk.js} +20 -18
- package/package.json +43 -43
- package/dist/all-icons.d.ts +0 -2600
- package/dist/all-icons.es.js +0 -10395
- package/dist/index-XP-zcLsF.js +0 -6344
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RiArrowDownLine as $, RiArrowDropDownFill as y, RiArrowLeftDoubleLine as D, RiArrowLeftLine as E, RiArrowLeftSLine as T, RiArrowRightDoubleLine as I, RiArrowRightLine as v, RiArrowRightSLine as B } from "./icons/icons_1.es.js";
|
|
2
|
+
import { RiDatabase2Line as M } from "./icons/icons_2.es.js";
|
|
3
|
+
import { RiAlertFill as S, RiAlertLine as O, RiCheckLine as j, RiCheckboxBlankCircleFill as U, RiCheckboxBlankCircleLine as V, RiCheckboxBlankLine as W, RiCheckboxCircleFill as q, RiCheckboxCircleLine as G, RiCheckboxFill as P, RiCheckboxIndeterminateFill as z, RiCloseCircleLine as H, RiCloseFill as J, RiCloseLine as K, RiErrorWarningFill as N, RiErrorWarningLine as Q, RiEyeLine as X, RiEyeOffLine as Y, RiInformationFill as Z, RiInformationLine as _, RiRadioButtonLine as ee, RiMoreFill as ie } from "./icons/icons_5.es.js";
|
|
2
4
|
import { createGlobalState as re, useColorMode as te } from "@vueuse/core";
|
|
3
|
-
import { ref as C, computed as
|
|
5
|
+
import { ref as C, computed as u, watch as oe } from "vue";
|
|
4
6
|
import { set as f, get as e } from "@vueuse/shared";
|
|
5
7
|
import { c as ne } from "./colors-ikihApJv.js";
|
|
6
|
-
const
|
|
8
|
+
const Re = re(() => {
|
|
7
9
|
const t = [
|
|
10
|
+
S,
|
|
11
|
+
O,
|
|
8
12
|
$,
|
|
9
13
|
y,
|
|
10
14
|
D,
|
|
@@ -13,9 +17,6 @@ const me = re(() => {
|
|
|
13
17
|
I,
|
|
14
18
|
v,
|
|
15
19
|
B,
|
|
16
|
-
M,
|
|
17
|
-
S,
|
|
18
|
-
O,
|
|
19
20
|
j,
|
|
20
21
|
U,
|
|
21
22
|
V,
|
|
@@ -27,6 +28,7 @@ const me = re(() => {
|
|
|
27
28
|
H,
|
|
28
29
|
J,
|
|
29
30
|
K,
|
|
31
|
+
M,
|
|
30
32
|
N,
|
|
31
33
|
Q,
|
|
32
34
|
X,
|
|
@@ -40,7 +42,7 @@ const me = re(() => {
|
|
|
40
42
|
f(i, {
|
|
41
43
|
...e(i),
|
|
42
44
|
...Object.fromEntries(
|
|
43
|
-
[...t, ...a].map(({ name: s, path:
|
|
45
|
+
[...t, ...a].map(({ name: s, path: m }) => [s, m])
|
|
44
46
|
)
|
|
45
47
|
});
|
|
46
48
|
} };
|
|
@@ -60,25 +62,25 @@ const me = re(() => {
|
|
|
60
62
|
), b = {
|
|
61
63
|
light: L("light"),
|
|
62
64
|
dark: L("dark")
|
|
63
|
-
},
|
|
64
|
-
const { store: t, state: i, system: h } = te(), a =
|
|
65
|
+
}, d = C({ ...b }), fe = () => {
|
|
66
|
+
const { store: t, state: i, system: h } = te(), a = u(
|
|
65
67
|
() => e(t) === r.auto
|
|
66
|
-
), s =
|
|
68
|
+
), s = u(
|
|
67
69
|
() => e(a) && e(h) === r.light || e(i) === r.light
|
|
68
|
-
),
|
|
70
|
+
), m = u(
|
|
69
71
|
() => e(a) && e(h) === r.dark || e(i) === r.dark
|
|
70
|
-
), g =
|
|
72
|
+
), g = u(() => e(s) ? e(d).light : e(d).dark), c = (l) => {
|
|
71
73
|
f(t, l || r.auto);
|
|
72
74
|
}, p = () => {
|
|
73
|
-
e(a) ? c(r.light) : e(s) ? c(r.dark) : e(
|
|
75
|
+
e(a) ? c(r.light) : e(s) ? c(r.dark) : e(m) && c(r.auto);
|
|
74
76
|
}, k = (l) => {
|
|
75
|
-
f(
|
|
77
|
+
f(d, l);
|
|
76
78
|
};
|
|
77
79
|
return {
|
|
78
80
|
isAutoControlled: a,
|
|
79
81
|
isLight: s,
|
|
80
|
-
isDark:
|
|
81
|
-
config:
|
|
82
|
+
isDark: m,
|
|
83
|
+
config: d,
|
|
82
84
|
theme: g,
|
|
83
85
|
store: t,
|
|
84
86
|
state: i,
|
|
@@ -112,6 +114,6 @@ const me = re(() => {
|
|
|
112
114
|
};
|
|
113
115
|
export {
|
|
114
116
|
r as T,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
+
fe as a,
|
|
118
|
+
Re as u
|
|
117
119
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rotki/ui-library",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"packageManager": "pnpm@8.
|
|
3
|
+
"version": "0.10.1",
|
|
4
|
+
"packageManager": "pnpm@8.14.1",
|
|
5
5
|
"description": "A vue design system and component library for rotki",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"keywords": [
|
|
@@ -72,61 +72,61 @@
|
|
|
72
72
|
"vue-router": ">=4.0.0"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
|
-
"@babel/core": "7.23.
|
|
76
|
-
"@babel/types": "7.23.
|
|
77
|
-
"@commitlint/cli": "18.4.
|
|
78
|
-
"@commitlint/config-conventional": "18.4.
|
|
75
|
+
"@babel/core": "7.23.7",
|
|
76
|
+
"@babel/types": "7.23.6",
|
|
77
|
+
"@commitlint/cli": "18.4.4",
|
|
78
|
+
"@commitlint/config-conventional": "18.4.4",
|
|
79
79
|
"@fontsource/roboto": "5.0.8",
|
|
80
|
-
"@headlessui/vue": "1.7.
|
|
80
|
+
"@headlessui/vue": "1.7.17",
|
|
81
81
|
"@popperjs/core": "2.11.8",
|
|
82
82
|
"@rotki/eslint-config": "1.1.2",
|
|
83
|
-
"@storybook/addon-docs": "7.6.
|
|
84
|
-
"@storybook/addon-essentials": "7.6.
|
|
85
|
-
"@storybook/addon-interactions": "7.6.
|
|
86
|
-
"@storybook/addon-links": "7.6.
|
|
87
|
-
"@storybook/addon-themes": "7.6.
|
|
88
|
-
"@storybook/addons": "7.6.
|
|
89
|
-
"@storybook/blocks": "7.6.
|
|
83
|
+
"@storybook/addon-docs": "7.6.8",
|
|
84
|
+
"@storybook/addon-essentials": "7.6.8",
|
|
85
|
+
"@storybook/addon-interactions": "7.6.8",
|
|
86
|
+
"@storybook/addon-links": "7.6.8",
|
|
87
|
+
"@storybook/addon-themes": "7.6.8",
|
|
88
|
+
"@storybook/addons": "7.6.8",
|
|
89
|
+
"@storybook/blocks": "7.6.8",
|
|
90
90
|
"@storybook/testing-library": "0.2.2",
|
|
91
|
-
"@storybook/vue3": "7.6.
|
|
92
|
-
"@storybook/vue3-vite": "7.6.
|
|
93
|
-
"@types/node": "20.
|
|
94
|
-
"@vitejs/plugin-vue": "
|
|
95
|
-
"@vitest/coverage-v8": "1.0
|
|
96
|
-
"@vitest/ui": "1.0
|
|
91
|
+
"@storybook/vue3": "7.6.8",
|
|
92
|
+
"@storybook/vue3-vite": "7.6.8",
|
|
93
|
+
"@types/node": "20.11.1",
|
|
94
|
+
"@vitejs/plugin-vue": "5.0.3",
|
|
95
|
+
"@vitest/coverage-v8": "1.2.0",
|
|
96
|
+
"@vitest/ui": "1.2.0",
|
|
97
97
|
"@vue/test-utils": "2.4.3",
|
|
98
|
-
"@vue/tsconfig": "0.
|
|
99
|
-
"@vueuse/core": "10.7.
|
|
100
|
-
"@vueuse/math": "10.7.
|
|
101
|
-
"@vueuse/shared": "10.7.
|
|
98
|
+
"@vue/tsconfig": "0.5.1",
|
|
99
|
+
"@vueuse/core": "10.7.2",
|
|
100
|
+
"@vueuse/math": "10.7.2",
|
|
101
|
+
"@vueuse/shared": "10.7.2",
|
|
102
102
|
"argparse": "2.0.1",
|
|
103
103
|
"autoprefixer": "10.4.16",
|
|
104
|
-
"babel-loader": "
|
|
105
|
-
"bumpp": "9.2.
|
|
106
|
-
"css-loader": "6.
|
|
107
|
-
"eslint": "8.
|
|
104
|
+
"babel-loader": "9.1.3",
|
|
105
|
+
"bumpp": "9.2.1",
|
|
106
|
+
"css-loader": "6.9.0",
|
|
107
|
+
"eslint": "8.56.0",
|
|
108
108
|
"eslint-plugin-storybook": "0.6.15",
|
|
109
109
|
"fast-glob": "3.3.2",
|
|
110
|
-
"fast-xml-parser": "4.3.
|
|
110
|
+
"fast-xml-parser": "4.3.3",
|
|
111
111
|
"fs-extra": "11.2.0",
|
|
112
112
|
"husky": "8.0.3",
|
|
113
|
-
"jsdom": "23.0
|
|
113
|
+
"jsdom": "23.2.0",
|
|
114
114
|
"lint-staged": "15.2.0",
|
|
115
|
-
"postcss": "8.4.
|
|
115
|
+
"postcss": "8.4.33",
|
|
116
116
|
"react": "18.2.0",
|
|
117
117
|
"react-dom": "18.2.0",
|
|
118
|
-
"remixicon": "
|
|
119
|
-
"sass": "1.69.
|
|
120
|
-
"scule": "1.
|
|
121
|
-
"storybook": "7.6.
|
|
122
|
-
"tailwindcss": "3.
|
|
118
|
+
"remixicon": "4.1.0",
|
|
119
|
+
"sass": "1.69.7",
|
|
120
|
+
"scule": "1.2.0",
|
|
121
|
+
"storybook": "7.6.8",
|
|
122
|
+
"tailwindcss": "3.4.1",
|
|
123
123
|
"tsc-alias": "1.8.8",
|
|
124
|
-
"typescript": "5.3.
|
|
125
|
-
"unplugin-auto-import": "0.17.
|
|
126
|
-
"vite": "5.0.
|
|
127
|
-
"vitest": "1.0
|
|
128
|
-
"vue": "3.3.
|
|
129
|
-
"vue-loader": "17.
|
|
124
|
+
"typescript": "5.3.3",
|
|
125
|
+
"unplugin-auto-import": "0.17.3",
|
|
126
|
+
"vite": "5.0.11",
|
|
127
|
+
"vitest": "1.2.0",
|
|
128
|
+
"vue": "3.3.13",
|
|
129
|
+
"vue-loader": "17.4.2",
|
|
130
130
|
"vue-router": "4.2.4",
|
|
131
131
|
"vue-tsc": "1.8.11"
|
|
132
132
|
},
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
},
|
|
139
139
|
"scripts": {
|
|
140
140
|
"build:prod": "node scripts/dist-build.cjs",
|
|
141
|
-
"build": "vite build",
|
|
141
|
+
"build": "pnpm run generate-icons && vite build",
|
|
142
142
|
"build:storybook": "STORYBOOK=true storybook build",
|
|
143
143
|
"build:tailwind": "tailwindcss -o dist/style.css --minify",
|
|
144
144
|
"build:types": "vue-tsc -p tsconfig.build.json",
|