@finmars/ui 1.0.17 → 1.0.21
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/finmars-ui.css +1 -1
- package/dist/finmars-ui.es.js +7667 -3193
- package/dist/finmars-ui.umd.js +2 -2
- package/dist/themes.css +211 -0
- package/package.json +25 -19
package/dist/themes.css
ADDED
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--spacing-4: 4px;
|
|
3
|
+
--spacing-8: 8px;
|
|
4
|
+
--spacing-16: 16px;
|
|
5
|
+
--spacing-24: 24px;
|
|
6
|
+
--spacing-32: 32px;
|
|
7
|
+
--spacing-48: 48px;
|
|
8
|
+
|
|
9
|
+
--display-large-font: 57px/64px 400;
|
|
10
|
+
--display-medium-font: 45px/52px 400;
|
|
11
|
+
--display-small-font: 36px/44px 400;
|
|
12
|
+
--headline-large-font: 32px/40px 400;
|
|
13
|
+
--headline-medium-font: 28px/36px 400;
|
|
14
|
+
--headline-small-font: 24px/32px 400;
|
|
15
|
+
--title-large-font: 22px/28px 400;
|
|
16
|
+
--title-medium-font: 16px/24px 500;
|
|
17
|
+
--title-small-font: 14px/20px 500;
|
|
18
|
+
--label-large-pro-font: 14px/20px 600;
|
|
19
|
+
--label-large-font: 14px/20px 500;
|
|
20
|
+
--label-medium-pro-font: 12px/16px 600;
|
|
21
|
+
--label-medium-font: 12px/16px 500;
|
|
22
|
+
--label-small-font: 11px/16px 500;
|
|
23
|
+
--body-large-pro-font: 16px/24px 600;
|
|
24
|
+
--body-large-font: 16px/24px 400;
|
|
25
|
+
--body-medium-pro-font: 14px/20px 600;
|
|
26
|
+
--body-medium-font: 14px/20px 400;
|
|
27
|
+
--body-small-font: 12px/16px 400;
|
|
28
|
+
--number-large-pro-font: 16px/24px 600;
|
|
29
|
+
--number-large-font: 16px/24px 400;
|
|
30
|
+
--number-medium-pro-font: 14px/20px 600;
|
|
31
|
+
--number-medium-font: 14px/20px 400;
|
|
32
|
+
--number-small-font: 12px/16px 400;
|
|
33
|
+
|
|
34
|
+
--white: #fff;
|
|
35
|
+
--black: #000;
|
|
36
|
+
--p-0: #000;
|
|
37
|
+
--p-10: #390b00;
|
|
38
|
+
--p-20: #5d1800;
|
|
39
|
+
--p-30: #842500;
|
|
40
|
+
--p-40: #ad3400;
|
|
41
|
+
--p-50: #d54509;
|
|
42
|
+
--p-60: #f85e26;
|
|
43
|
+
--p-70: #ff8b65;
|
|
44
|
+
--p-80: #ffb59d;
|
|
45
|
+
--p-90: #ffdbd0;
|
|
46
|
+
--p-95: #ffede8;
|
|
47
|
+
--p-99: #ffdbfc;
|
|
48
|
+
--p-100: #fff;
|
|
49
|
+
--s-0: #000;
|
|
50
|
+
--s-10: #331106;
|
|
51
|
+
--s-20: #4d2518;
|
|
52
|
+
--s-30: #683b2c;
|
|
53
|
+
--s-40: #845242;
|
|
54
|
+
--s-50: #a06a58;
|
|
55
|
+
--s-60: #bd8370;
|
|
56
|
+
--s-70: #da9d89;
|
|
57
|
+
--s-80: #f8b7a3;
|
|
58
|
+
--s-90: #ffdbd0;
|
|
59
|
+
--s-95: #ffede8;
|
|
60
|
+
--s-99: #fffbfc;
|
|
61
|
+
--s-100: #fff;
|
|
62
|
+
--t-0: #000;
|
|
63
|
+
--t-10: #221b00;
|
|
64
|
+
--t-20: #3b3000;
|
|
65
|
+
--t-30: #554600;
|
|
66
|
+
--t-40: #705d00;
|
|
67
|
+
--t-50: #8b761e;
|
|
68
|
+
--t-60: #a68f36;
|
|
69
|
+
--t-70: #c2aa4e;
|
|
70
|
+
--t-80: #dfc566;
|
|
71
|
+
--t-90: #fce17f;
|
|
72
|
+
--t-95: #fff0c4;
|
|
73
|
+
--t-99: #fffbe9;
|
|
74
|
+
--t-100: #fff;
|
|
75
|
+
--e-0: #000;
|
|
76
|
+
--e-10: #410002;
|
|
77
|
+
--e-20: #690005;
|
|
78
|
+
--e-30: #93000a;
|
|
79
|
+
--e-40: #ba1a1a;
|
|
80
|
+
--e-50: #de3730;
|
|
81
|
+
--e-60: #ff5449;
|
|
82
|
+
--e-70: #ff897d;
|
|
83
|
+
--e-80: #ffb4ab;
|
|
84
|
+
--e-90: #ffdad6;
|
|
85
|
+
--e-95: #ffedea;
|
|
86
|
+
--e-99: #fffbff;
|
|
87
|
+
--e-100: #fff;
|
|
88
|
+
--n-0: #000;
|
|
89
|
+
--n-4: #140c0a;
|
|
90
|
+
--n-6: #1a110f;
|
|
91
|
+
--n-10: #201a18;
|
|
92
|
+
--n-12: #271d1b;
|
|
93
|
+
--n-17: #322825;
|
|
94
|
+
--n-20: #362f2d;
|
|
95
|
+
--n-22: #3d322f;
|
|
96
|
+
--n-30: #4d4543;
|
|
97
|
+
--n-40: #655c5a;
|
|
98
|
+
--n-50: #7f7572;
|
|
99
|
+
--n-60: #998e8b;
|
|
100
|
+
--n-70: #b4a9a6;
|
|
101
|
+
--n-80: #d0c4c1;
|
|
102
|
+
--n-90: #ede0dc;
|
|
103
|
+
--n-92: #f7e4df;
|
|
104
|
+
--n-94: #fceae5;
|
|
105
|
+
--n-95: #fbeeea;
|
|
106
|
+
--n-96: #fff1ed;
|
|
107
|
+
--n-98: #fff8f6;
|
|
108
|
+
--n-99: #fffbfc;
|
|
109
|
+
--n-100: #fff;
|
|
110
|
+
--nv-0: #000;
|
|
111
|
+
--nv-10: #251915;
|
|
112
|
+
--nv-20: #3b2d29;
|
|
113
|
+
--nv-30: #53433f;
|
|
114
|
+
--nv-40: #6b5b56;
|
|
115
|
+
--nv-50: #85736e;
|
|
116
|
+
--nv-60: #a08d87;
|
|
117
|
+
--nv-70: #bca7a1;
|
|
118
|
+
--nv-80: #d8c2bc;
|
|
119
|
+
--nv-90: #f5ded7;
|
|
120
|
+
--nv-95: #ffede8;
|
|
121
|
+
--nv-99: #fffbfc;
|
|
122
|
+
--nv-100: #fff;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.light-theme {
|
|
126
|
+
--primary: var(--p-40);
|
|
127
|
+
--secondary: var(--s-40);
|
|
128
|
+
--tertiary: var(--t-40);
|
|
129
|
+
--error: var(--e-40);
|
|
130
|
+
--on-primary: var(--p-100);
|
|
131
|
+
--on-secondary: var(--s-100);
|
|
132
|
+
--on-tertiary: var(--t-100);
|
|
133
|
+
--on-error: var(--e-100);
|
|
134
|
+
--primary-container: var(--p-90);
|
|
135
|
+
--secondary-container: var(--s-90);
|
|
136
|
+
--tertiary-container: var(--t-90);
|
|
137
|
+
--error-container: var(--e-90);
|
|
138
|
+
--on-primary-container: var(--p-10);
|
|
139
|
+
--on-secondary-container: var(--s-10);
|
|
140
|
+
--on-tertiary-container: var(--t-10);
|
|
141
|
+
--on-error-container: var(--e-10);
|
|
142
|
+
--surface-dim: var(--n-98);
|
|
143
|
+
--surface: var(--n-99);
|
|
144
|
+
--surface-bright: var(--n-100);
|
|
145
|
+
--inverse-surface: var(--n-20);
|
|
146
|
+
--inverse-on-surface: var(--n-95);
|
|
147
|
+
--inverse-primary: var(--p-80);
|
|
148
|
+
--surface-container-lowest: var(--n-100);
|
|
149
|
+
--surface-container-low: var(--n-96);
|
|
150
|
+
--surface-container: var(--n-94);
|
|
151
|
+
--surface-container-high: var(--n-92);
|
|
152
|
+
--surface-container-highest: var(--n-90);
|
|
153
|
+
--on-surface: var(--n-10);
|
|
154
|
+
--on-surface-variant: var(--nv-30);
|
|
155
|
+
--outline: var(--nv-50);
|
|
156
|
+
--outline-variant: var(--nv-80);
|
|
157
|
+
--scrim: var(--n-0);
|
|
158
|
+
--shadow: var(--n-0);
|
|
159
|
+
--dataviz1: var(--p-80);
|
|
160
|
+
--dataviz2: var(--p-70);
|
|
161
|
+
--dataviz3: var(--p-60);
|
|
162
|
+
--dataviz4: var(--p-50);
|
|
163
|
+
--dataviz5: var(--p-40);
|
|
164
|
+
--dataviz6: var(--p-30);
|
|
165
|
+
--dataviz7: var(--p-20);
|
|
166
|
+
--dataviz8: var(--t-40);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.dark-theme {
|
|
170
|
+
--primary: var(--p-80);
|
|
171
|
+
--secondary: var(--s-80);
|
|
172
|
+
--tertiary: var(--t-80);
|
|
173
|
+
--error: var(--e-80);
|
|
174
|
+
--on-primary: var(--p-20);
|
|
175
|
+
--on-secondary: var(--s-20);
|
|
176
|
+
--on-tertiary: var(--t-20);
|
|
177
|
+
--on-error: var(--e-20);
|
|
178
|
+
--primary-container: var(--p-30);
|
|
179
|
+
--secondary-container: var(--s-30);
|
|
180
|
+
--tertiary-container: var(--t-30);
|
|
181
|
+
--error-container: var(--e-30);
|
|
182
|
+
--on-primary-container: var(--p-90);
|
|
183
|
+
--on-secondary-container: var(--s-90);
|
|
184
|
+
--on-tertiary-container: var(--t-90);
|
|
185
|
+
--on-error-container: var(--e-90);
|
|
186
|
+
--surface-dim: var(--n-6);
|
|
187
|
+
--surface: var(--n-6);
|
|
188
|
+
--surface-bright: var(--n-20);
|
|
189
|
+
--inverse-surface: var(--n-90);
|
|
190
|
+
--inverse-on-surface: var(--n-20);
|
|
191
|
+
--inverse-primary: var(--p-40);
|
|
192
|
+
--surface-container-lowest: var(--n-4);
|
|
193
|
+
--surface-container-low: var(--n-10);
|
|
194
|
+
--surface-container: var(--n-12);
|
|
195
|
+
--surface-container-high: var(--n-17);
|
|
196
|
+
--surface-container-highest: var(--n-22);
|
|
197
|
+
--on-surface: var(--n-90);
|
|
198
|
+
--on-surface-variant: var(--nv-80);
|
|
199
|
+
--outline: var(--nv-60);
|
|
200
|
+
--outline-variant: var(--nv-30);
|
|
201
|
+
--scrim: var(--n-0);
|
|
202
|
+
--shadow: var(--n-0);
|
|
203
|
+
--dataviz1: var(--p-20);
|
|
204
|
+
--dataviz2: var(--p-30);
|
|
205
|
+
--dataviz3: var(--p-40);
|
|
206
|
+
--dataviz4: var(--p-50);
|
|
207
|
+
--dataviz5: var(--p-60);
|
|
208
|
+
--dataviz6: var(--p-70);
|
|
209
|
+
--dataviz7: var(--p-80);
|
|
210
|
+
--dataviz8: var(--t-60);
|
|
211
|
+
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@finmars/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite dev --config vite.config.dev.js",
|
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
8
8
|
"storybook": "storybook dev -p 6006",
|
|
9
9
|
"build-storybook": "storybook build",
|
|
10
|
-
"
|
|
10
|
+
"clean": "rimraf ./dist",
|
|
11
|
+
"copy:css": "cp ./src/assets/css/themes.css ./dist",
|
|
12
|
+
"build": "npm run clean && vite build && npm run copy:css"
|
|
11
13
|
},
|
|
12
14
|
"files": [
|
|
13
15
|
"dist/",
|
|
@@ -22,23 +24,24 @@
|
|
|
22
24
|
"require": "./dist/finmars-ui.umd.js",
|
|
23
25
|
"import": "./dist/finmars-ui.es.js"
|
|
24
26
|
},
|
|
25
|
-
"./dist/finmars-ui.css": "./dist/finmars-ui.css"
|
|
27
|
+
"./dist/finmars-ui.css": "./dist/finmars-ui.css",
|
|
28
|
+
"./dist/themes.css": "./dist/themes.css"
|
|
26
29
|
},
|
|
27
30
|
"keywords": [],
|
|
28
31
|
"author": "Sergei Zhitenev",
|
|
29
32
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
30
33
|
"devDependencies": {
|
|
31
34
|
"@chromatic-com/storybook": "^1.5.0",
|
|
32
|
-
"@storybook/addon-essentials": "^8.
|
|
33
|
-
"@storybook/addon-interactions": "^8.
|
|
34
|
-
"@storybook/addon-links": "^8.
|
|
35
|
-
"@storybook/addon-toolbars": "^8.
|
|
36
|
-
"@storybook/blocks": "^8.
|
|
37
|
-
"@storybook/manager-api": "^8.
|
|
38
|
-
"@storybook/test": "^8.
|
|
39
|
-
"@storybook/theming": "^8.
|
|
40
|
-
"@storybook/vue3": "^8.
|
|
41
|
-
"@storybook/vue3-vite": "^8.
|
|
35
|
+
"@storybook/addon-essentials": "^8.3.6",
|
|
36
|
+
"@storybook/addon-interactions": "^8.3.6",
|
|
37
|
+
"@storybook/addon-links": "^8.3.6",
|
|
38
|
+
"@storybook/addon-toolbars": "^8.3.6",
|
|
39
|
+
"@storybook/blocks": "^8.3.6",
|
|
40
|
+
"@storybook/manager-api": "^8.3.6",
|
|
41
|
+
"@storybook/test": "^8.3.6",
|
|
42
|
+
"@storybook/theming": "^8.3.6",
|
|
43
|
+
"@storybook/vue3": "^8.3.6",
|
|
44
|
+
"@storybook/vue3-vite": "^8.3.6",
|
|
42
45
|
"autoprefixer": "^10.4.19",
|
|
43
46
|
"eslint": "^8.24.0",
|
|
44
47
|
"eslint-config-prettier": "^9.1.0",
|
|
@@ -49,17 +52,20 @@
|
|
|
49
52
|
"postcss-import": "^16.1.0",
|
|
50
53
|
"postcss-mixins": "^10.0.1",
|
|
51
54
|
"prettier": "^3.3.3",
|
|
52
|
-
"
|
|
55
|
+
"rimraf": "^6.0.1",
|
|
56
|
+
"sass-embedded": "^1.80.4",
|
|
57
|
+
"storybook": "^8.3.6",
|
|
53
58
|
"tailwindcss": "^3.4.11",
|
|
54
|
-
"vite": "^5.4.
|
|
59
|
+
"vite": "^5.4.10"
|
|
55
60
|
},
|
|
56
61
|
"dependencies": {
|
|
57
62
|
"@mdi/font": "^7.4.47",
|
|
58
|
-
"@vitejs/plugin-vue": "^5.
|
|
59
|
-
"dayjs": "^1.11.
|
|
63
|
+
"@vitejs/plugin-vue": "^5.1.4",
|
|
64
|
+
"dayjs": "^1.11.13",
|
|
65
|
+
"maska": "^3.0.3",
|
|
60
66
|
"vite-plugin-vuetify": "^2.0.4",
|
|
61
67
|
"vite-svg-loader": "^5.1.0",
|
|
62
|
-
"vue": "^3.5.
|
|
63
|
-
"vuetify": "^3.7.
|
|
68
|
+
"vue": "^3.5.12",
|
|
69
|
+
"vuetify": "^3.7.3"
|
|
64
70
|
}
|
|
65
71
|
}
|