@veracity/vui-poc 0.1.0
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/index.d.mts +584 -0
- package/dist/index.mjs +653 -0
- package/package.json +47 -0
- package/src/color-dark.css +185 -0
- package/src/color-light.css +185 -0
- package/src/color-primitives.css +318 -0
- package/src/default.css +184 -0
- package/src/styles.css +323 -0
|
@@ -0,0 +1,318 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-black: rgb(0 0 0);
|
|
3
|
+
--color-cyan-43: rgb(0 159 218);
|
|
4
|
+
--color-cyan-60: rgb(51 200 255);
|
|
5
|
+
--color-cyan-95: rgb(229 248 255);
|
|
6
|
+
--color-dark-blue-5: rgb(4 9 21);
|
|
7
|
+
--color-dark-blue-8: rgb(7 14 33);
|
|
8
|
+
--color-dark-blue-10: rgb(8 18 43);
|
|
9
|
+
--color-dark-blue-15: rgb(13 27 64);
|
|
10
|
+
--color-dark-blue-18: rgb(15 33 77);
|
|
11
|
+
--color-dark-blue-25: rgb(21 45 106);
|
|
12
|
+
--color-dark-blue-30: rgb(25 54 128);
|
|
13
|
+
--color-dark-blue-35: rgb(29 63 149);
|
|
14
|
+
--color-dark-blue-40: rgb(34 72 170);
|
|
15
|
+
--color-dark-blue-45: rgb(38 81 192);
|
|
16
|
+
--color-dark-blue-50: rgb(42 90 213);
|
|
17
|
+
--color-dark-blue-55: rgb(63 107 217);
|
|
18
|
+
--color-dark-blue-60: rgb(85 123 221);
|
|
19
|
+
--color-dark-blue-65: rgb(106 140 226);
|
|
20
|
+
--color-dark-blue-70: rgb(127 156 230);
|
|
21
|
+
--color-dark-blue-75: rgb(149 173 234);
|
|
22
|
+
--color-dark-blue-80: rgb(170 189 238);
|
|
23
|
+
--color-dark-blue-85: rgb(191 206 242);
|
|
24
|
+
--color-dark-blue-90: rgb(212 222 247);
|
|
25
|
+
--color-dark-blue-95: rgb(234 239 251);
|
|
26
|
+
--color-digi-green-5: rgb(0 26 8);
|
|
27
|
+
--color-digi-green-10: rgb(0 51 16);
|
|
28
|
+
--color-digi-green-15: rgb(0 77 24);
|
|
29
|
+
--color-digi-green-20: rgb(0 102 32);
|
|
30
|
+
--color-digi-green-25: rgb(0 128 40);
|
|
31
|
+
--color-digi-green-30: rgb(0 153 48);
|
|
32
|
+
--color-digi-green-35: rgb(0 178 57);
|
|
33
|
+
--color-digi-green-40: rgb(0 204 65);
|
|
34
|
+
--color-digi-green-45: rgb(0 229 73);
|
|
35
|
+
--color-digi-green-50: rgb(0 255 81);
|
|
36
|
+
--color-digi-green-55: rgb(26 255 98);
|
|
37
|
+
--color-digi-green-60: rgb(51 255 116);
|
|
38
|
+
--color-digi-green-65: rgb(77 255 133);
|
|
39
|
+
--color-digi-green-70: rgb(102 255 150);
|
|
40
|
+
--color-digi-green-78: rgb(143 255 178);
|
|
41
|
+
--color-digi-green-80: rgb(153 255 185);
|
|
42
|
+
--color-digi-green-85: rgb(179 255 203);
|
|
43
|
+
--color-digi-green-90: rgb(204 255 220);
|
|
44
|
+
--color-digi-green-95: rgb(229 255 238);
|
|
45
|
+
--color-earth-5: rgb(20 14 6);
|
|
46
|
+
--color-earth-10: rgb(39 28 12);
|
|
47
|
+
--color-earth-15: rgb(59 42 18);
|
|
48
|
+
--color-earth-20: rgb(78 56 24);
|
|
49
|
+
--color-earth-25: rgb(98 69 30);
|
|
50
|
+
--color-earth-30: rgb(117 83 36);
|
|
51
|
+
--color-earth-35: rgb(137 97 42);
|
|
52
|
+
--color-earth-40: rgb(156 111 48);
|
|
53
|
+
--color-earth-45: rgb(176 125 54);
|
|
54
|
+
--color-earth-50: rgb(195 139 60);
|
|
55
|
+
--color-earth-55: rgb(201 150 79);
|
|
56
|
+
--color-earth-60: rgb(207 162 99);
|
|
57
|
+
--color-earth-65: rgb(213 174 118);
|
|
58
|
+
--color-earth-70: rgb(219 185 138);
|
|
59
|
+
--color-earth-75: rgb(225 197 157);
|
|
60
|
+
--color-earth-80: rgb(231 209 177);
|
|
61
|
+
--color-earth-85: rgb(237 220 196);
|
|
62
|
+
--color-earth-89: rgb(242 229 212);
|
|
63
|
+
--color-earth-95: rgb(249 243 235);
|
|
64
|
+
--color-earth-97: rgb(251 248 243);
|
|
65
|
+
--color-energy-red-5: rgb(23 2 3);
|
|
66
|
+
--color-energy-red-10: rgb(47 4 6);
|
|
67
|
+
--color-energy-red-15: rgb(70 7 10);
|
|
68
|
+
--color-energy-red-20: rgb(93 9 13);
|
|
69
|
+
--color-energy-red-25: rgb(117 11 16);
|
|
70
|
+
--color-energy-red-30: rgb(140 13 19);
|
|
71
|
+
--color-energy-red-35: rgb(163 15 23);
|
|
72
|
+
--color-energy-red-40: rgb(187 17 26);
|
|
73
|
+
--color-energy-red-45: rgb(210 20 29);
|
|
74
|
+
--color-energy-red-50: rgb(233 22 32);
|
|
75
|
+
--color-energy-red-54: rgb(235 40 50);
|
|
76
|
+
--color-energy-red-60: rgb(238 68 77);
|
|
77
|
+
--color-energy-red-65: rgb(240 92 99);
|
|
78
|
+
--color-energy-red-70: rgb(242 115 121);
|
|
79
|
+
--color-energy-red-75: rgb(244 138 144);
|
|
80
|
+
--color-energy-red-80: rgb(246 162 166);
|
|
81
|
+
--color-energy-red-85: rgb(248 185 188);
|
|
82
|
+
--color-energy-red-90: rgb(251 208 210);
|
|
83
|
+
--color-energy-red-95: rgb(253 232 233);
|
|
84
|
+
--color-eucalyptus-5: rgb(3 23 22);
|
|
85
|
+
--color-eucalyptus-10: rgb(5 46 45);
|
|
86
|
+
--color-eucalyptus-15: rgb(8 69 67);
|
|
87
|
+
--color-eucalyptus-20: rgb(10 92 89);
|
|
88
|
+
--color-eucalyptus-25: rgb(13 115 111);
|
|
89
|
+
--color-eucalyptus-30: rgb(15 138 134);
|
|
90
|
+
--color-eucalyptus-35: rgb(18 161 156);
|
|
91
|
+
--color-eucalyptus-41: rgb(21 193 187);
|
|
92
|
+
--color-eucalyptus-45: rgb(23 207 200);
|
|
93
|
+
--color-eucalyptus-50: rgb(26 229 223);
|
|
94
|
+
--color-eucalyptus-55: rgb(48 232 226);
|
|
95
|
+
--color-eucalyptus-60: rgb(71 235 229);
|
|
96
|
+
--color-eucalyptus-65: rgb(94 237 232);
|
|
97
|
+
--color-eucalyptus-70: rgb(117 240 236);
|
|
98
|
+
--color-eucalyptus-75: rgb(140 242 239);
|
|
99
|
+
--color-eucalyptus-80: rgb(163 245 242);
|
|
100
|
+
--color-eucalyptus-85: rgb(186 247 245);
|
|
101
|
+
--color-eucalyptus-90: rgb(209 250 249);
|
|
102
|
+
--color-eucalyptus-95: rgb(232 253 252);
|
|
103
|
+
--color-land-green-5: rgb(8 19 7);
|
|
104
|
+
--color-land-green-10: rgb(16 38 13);
|
|
105
|
+
--color-land-green-15: rgb(23 57 20);
|
|
106
|
+
--color-land-green-20: rgb(31 76 26);
|
|
107
|
+
--color-land-green-25: rgb(39 95 33);
|
|
108
|
+
--color-land-green-30: rgb(47 114 39);
|
|
109
|
+
--color-land-green-35: rgb(54 133 46);
|
|
110
|
+
--color-land-green-41: rgb(64 156 53);
|
|
111
|
+
--color-land-green-45: rgb(70 171 59);
|
|
112
|
+
--color-land-green-50: rgb(78 190 65);
|
|
113
|
+
--color-land-green-55: rgb(95 196 84);
|
|
114
|
+
--color-land-green-60: rgb(113 203 103);
|
|
115
|
+
--color-land-green-65: rgb(131 209 122);
|
|
116
|
+
--color-land-green-70: rgb(149 216 141);
|
|
117
|
+
--color-land-green-75: rgb(166 222 160);
|
|
118
|
+
--color-land-green-80: rgb(184 229 179);
|
|
119
|
+
--color-land-green-85: rgb(202 235 198);
|
|
120
|
+
--color-land-green-90: rgb(220 242 217);
|
|
121
|
+
--color-land-green-95: rgb(237 248 236);
|
|
122
|
+
--color-lavender-5: rgb(5 7 20);
|
|
123
|
+
--color-lavender-10: rgb(11 15 40);
|
|
124
|
+
--color-lavender-15: rgb(16 22 60);
|
|
125
|
+
--color-lavender-20: rgb(21 29 81);
|
|
126
|
+
--color-lavender-25: rgb(27 37 101);
|
|
127
|
+
--color-lavender-30: rgb(32 44 121);
|
|
128
|
+
--color-lavender-35: rgb(37 51 141);
|
|
129
|
+
--color-lavender-40: rgb(43 59 161);
|
|
130
|
+
--color-lavender-45: rgb(48 66 181);
|
|
131
|
+
--color-lavender-50: rgb(54 73 201);
|
|
132
|
+
--color-lavender-55: rgb(74 91 207);
|
|
133
|
+
--color-lavender-60: rgb(94 110 212);
|
|
134
|
+
--color-lavender-65: rgb(114 128 218);
|
|
135
|
+
--color-lavender-70: rgb(134 146 223);
|
|
136
|
+
--color-lavender-77: rgb(162 171 230);
|
|
137
|
+
--color-lavender-80: rgb(174 182 234);
|
|
138
|
+
--color-lavender-85: rgb(195 200 239);
|
|
139
|
+
--color-lavender-90: rgb(215 219 244);
|
|
140
|
+
--color-lavender-95: rgb(235 237 250);
|
|
141
|
+
--color-opacity-dark-0: rgba(0, 0, 0, 0);
|
|
142
|
+
--color-opacity-dark-5: rgba(0, 0, 0, 0.05);
|
|
143
|
+
--color-opacity-dark-10: rgba(0, 0, 0, 0.1);
|
|
144
|
+
--color-opacity-dark-15: rgba(0, 0, 0, 0.15);
|
|
145
|
+
--color-opacity-dark-20: rgba(0, 0, 0, 0.2);
|
|
146
|
+
--color-opacity-dark-25: rgba(0, 0, 0, 0.25);
|
|
147
|
+
--color-opacity-dark-30: rgba(0, 0, 0, 0.3);
|
|
148
|
+
--color-opacity-dark-35: rgba(0, 0, 0, 0.35);
|
|
149
|
+
--color-opacity-dark-40: rgba(0, 0, 0, 0.4);
|
|
150
|
+
--color-opacity-dark-45: rgba(0, 0, 0, 0.45);
|
|
151
|
+
--color-opacity-dark-50: rgba(0, 0, 0, 0.5);
|
|
152
|
+
--color-opacity-dark-55: rgba(0, 0, 0, 0.55);
|
|
153
|
+
--color-opacity-dark-60: rgba(0, 0, 0, 0.6);
|
|
154
|
+
--color-opacity-dark-65: rgba(0, 0, 0, 0.65);
|
|
155
|
+
--color-opacity-dark-70: rgba(0, 0, 0, 0.7);
|
|
156
|
+
--color-opacity-dark-75: rgba(0, 0, 0, 0.75);
|
|
157
|
+
--color-opacity-dark-80: rgba(0, 0, 0, 0.8);
|
|
158
|
+
--color-opacity-dark-85: rgba(0, 0, 0, 0.85);
|
|
159
|
+
--color-opacity-dark-90: rgba(0, 0, 0, 0.9);
|
|
160
|
+
--color-opacity-dark-95: rgba(0, 0, 0, 0.95);
|
|
161
|
+
--color-opacity-light-0: rgba(255, 255, 255, 0);
|
|
162
|
+
--color-opacity-light-5: rgba(255, 255, 255, 0.05);
|
|
163
|
+
--color-opacity-light-10: rgba(255, 255, 255, 0.1);
|
|
164
|
+
--color-opacity-light-15: rgba(255, 255, 255, 0.15);
|
|
165
|
+
--color-opacity-light-20: rgba(255, 255, 255, 0.2);
|
|
166
|
+
--color-opacity-light-25: rgba(255, 255, 255, 0.25);
|
|
167
|
+
--color-opacity-light-30: rgba(255, 255, 255, 0.3);
|
|
168
|
+
--color-opacity-light-35: rgba(255, 255, 255, 0.35);
|
|
169
|
+
--color-opacity-light-40: rgba(255, 255, 255, 0.4);
|
|
170
|
+
--color-opacity-light-45: rgba(255, 255, 255, 0.45);
|
|
171
|
+
--color-opacity-light-50: rgba(255, 255, 255, 0.5);
|
|
172
|
+
--color-opacity-light-55: rgba(255, 255, 255, 0.55);
|
|
173
|
+
--color-opacity-light-60: rgba(255, 255, 255, 0.6);
|
|
174
|
+
--color-opacity-light-65: rgba(255, 255, 255, 0.65);
|
|
175
|
+
--color-opacity-light-70: rgba(255, 255, 255, 0.7);
|
|
176
|
+
--color-opacity-light-75: rgba(255, 255, 255, 0.75);
|
|
177
|
+
--color-opacity-light-80: rgba(255, 255, 255, 0.8);
|
|
178
|
+
--color-opacity-light-85: rgba(255, 255, 255, 0.85);
|
|
179
|
+
--color-opacity-light-90: rgba(255, 255, 255, 0.9);
|
|
180
|
+
--color-opacity-light-95: rgba(255, 255, 255, 0.95);
|
|
181
|
+
--color-opacity-none: rgba(0, 0, 0, 0);
|
|
182
|
+
--color-pine-5: rgb(7 16 19);
|
|
183
|
+
--color-pine-10: rgb(14 31 37);
|
|
184
|
+
--color-pine-15: rgb(21 47 56);
|
|
185
|
+
--color-pine-20: rgb(28 63 74);
|
|
186
|
+
--color-pine-25: rgb(34 78 93);
|
|
187
|
+
--color-pine-31: rgb(43 97 115);
|
|
188
|
+
--color-pine-35: rgb(48 110 130);
|
|
189
|
+
--color-pine-40: rgb(55 125 149);
|
|
190
|
+
--color-pine-45: rgb(62 141 168);
|
|
191
|
+
--color-pine-50: rgb(69 157 186);
|
|
192
|
+
--color-pine-55: rgb(87 167 193);
|
|
193
|
+
--color-pine-60: rgb(106 176 200);
|
|
194
|
+
--color-pine-65: rgb(125 186 207);
|
|
195
|
+
--color-pine-70: rgb(143 196 214);
|
|
196
|
+
--color-pine-75: rgb(162 206 221);
|
|
197
|
+
--color-pine-80: rgb(181 216 227);
|
|
198
|
+
--color-pine-85: rgb(199 226 234);
|
|
199
|
+
--color-pine-90: rgb(218 235 241);
|
|
200
|
+
--color-pine-95: rgb(236 245 248);
|
|
201
|
+
--color-sandstone-5: rgb(13 13 12);
|
|
202
|
+
--color-sandstone-10: rgb(26 26 25);
|
|
203
|
+
--color-sandstone-12: rgb(33 33 32);
|
|
204
|
+
--color-sandstone-15: rgb(39 39 37);
|
|
205
|
+
--color-sandstone-20: rgb(53 52 49);
|
|
206
|
+
--color-sandstone-25: rgb(66 64 62);
|
|
207
|
+
--color-sandstone-30: rgb(79 77 74);
|
|
208
|
+
--color-sandstone-35: rgb(92 90 87);
|
|
209
|
+
--color-sandstone-40: rgb(105 103 99);
|
|
210
|
+
--color-sandstone-45: rgb(118 116 111);
|
|
211
|
+
--color-sandstone-50: rgb(131 129 124);
|
|
212
|
+
--color-sandstone-55: rgb(144 141 137);
|
|
213
|
+
--color-sandstone-60: rgb(156 154 150);
|
|
214
|
+
--color-sandstone-65: rgb(168 167 163);
|
|
215
|
+
--color-sandstone-70: rgb(181 179 176);
|
|
216
|
+
--color-sandstone-75: rgb(193 192 189);
|
|
217
|
+
--color-sandstone-79: rgb(203 202 200);
|
|
218
|
+
--color-sandstone-85: rgb(218 217 216);
|
|
219
|
+
--color-sandstone-90: rgb(230 230 229);
|
|
220
|
+
--color-sandstone-95: rgb(243 242 242);
|
|
221
|
+
--color-sandstone-97: rgb(248 247 247);
|
|
222
|
+
--color-sea-blue-5: rgb(0 9 26);
|
|
223
|
+
--color-sea-blue-10: rgb(0 19 51);
|
|
224
|
+
--color-sea-blue-15: rgb(0 28 77);
|
|
225
|
+
--color-sea-blue-20: rgb(0 37 102);
|
|
226
|
+
--color-sea-blue-25: rgb(0 47 128);
|
|
227
|
+
--color-sea-blue-28: rgb(0 52 143);
|
|
228
|
+
--color-sea-blue-35: rgb(0 65 178);
|
|
229
|
+
--color-sea-blue-40: rgb(0 75 204);
|
|
230
|
+
--color-sea-blue-45: rgb(0 84 229);
|
|
231
|
+
--color-sea-blue-50: rgb(0 94 255);
|
|
232
|
+
--color-sea-blue-55: rgb(26 110 255);
|
|
233
|
+
--color-sea-blue-60: rgb(51 126 255);
|
|
234
|
+
--color-sea-blue-65: rgb(77 142 255);
|
|
235
|
+
--color-sea-blue-70: rgb(102 158 255);
|
|
236
|
+
--color-sea-blue-75: rgb(128 174 255);
|
|
237
|
+
--color-sea-blue-80: rgb(153 190 255);
|
|
238
|
+
--color-sea-blue-85: rgb(178 207 255);
|
|
239
|
+
--color-sea-blue-90: rgb(204 223 255);
|
|
240
|
+
--color-sea-blue-95: rgb(229 239 255);
|
|
241
|
+
--color-sky-blue-5: rgb(3 17 22);
|
|
242
|
+
--color-sky-blue-10: rgb(7 34 44);
|
|
243
|
+
--color-sky-blue-15: rgb(10 51 67);
|
|
244
|
+
--color-sky-blue-20: rgb(13 69 89);
|
|
245
|
+
--color-sky-blue-25: rgb(17 86 111);
|
|
246
|
+
--color-sky-blue-30: rgb(20 103 133);
|
|
247
|
+
--color-sky-blue-35: rgb(23 120 155);
|
|
248
|
+
--color-sky-blue-40: rgb(27 137 177);
|
|
249
|
+
--color-sky-blue-45: rgb(30 154 200);
|
|
250
|
+
--color-sky-blue-50: rgb(33 172 222);
|
|
251
|
+
--color-sky-blue-55: rgb(55 180 225);
|
|
252
|
+
--color-sky-blue-60: rgb(78 188 228);
|
|
253
|
+
--color-sky-blue-65: rgb(100 197 232);
|
|
254
|
+
--color-sky-blue-77: rgb(153 217 240);
|
|
255
|
+
--color-sky-blue-80: rgb(166 222 242);
|
|
256
|
+
--color-sky-blue-85: rgb(188 230 245);
|
|
257
|
+
--color-sky-blue-90: rgb(211 238 248);
|
|
258
|
+
--color-sky-blue-95: rgb(233 247 252);
|
|
259
|
+
--color-sky-blue-97: rgb(242 250 253);
|
|
260
|
+
--color-sunflower-5: rgb(26 23 0);
|
|
261
|
+
--color-sunflower-10: rgb(51 47 0);
|
|
262
|
+
--color-sunflower-15: rgb(77 70 0);
|
|
263
|
+
--color-sunflower-20: rgb(102 94 0);
|
|
264
|
+
--color-sunflower-25: rgb(128 117 0);
|
|
265
|
+
--color-sunflower-30: rgb(153 139 0);
|
|
266
|
+
--color-sunflower-35: rgb(178 164 0);
|
|
267
|
+
--color-sunflower-40: rgb(204 187 0);
|
|
268
|
+
--color-sunflower-45: rgb(229 210 0);
|
|
269
|
+
--color-sunflower-50: rgb(255 234 0);
|
|
270
|
+
--color-sunflower-55: rgb(255 236 26);
|
|
271
|
+
--color-sunflower-60: rgb(255 238 51);
|
|
272
|
+
--color-sunflower-65: rgb(255 240 77);
|
|
273
|
+
--color-sunflower-70: rgb(255 241 102);
|
|
274
|
+
--color-sunflower-73: rgb(255 244 117);
|
|
275
|
+
--color-sunflower-80: rgb(255 246 153);
|
|
276
|
+
--color-sunflower-85: rgb(255 249 178);
|
|
277
|
+
--color-sunflower-90: rgb(255 251 204);
|
|
278
|
+
--color-sunflower-95: rgb(255 253 230);
|
|
279
|
+
--color-terracotta-5: rgb(26 14 0);
|
|
280
|
+
--color-terracotta-10: rgb(51 29 0);
|
|
281
|
+
--color-terracotta-15: rgb(77 43 0);
|
|
282
|
+
--color-terracotta-20: rgb(102 58 0);
|
|
283
|
+
--color-terracotta-25: rgb(128 72 0);
|
|
284
|
+
--color-terracotta-30: rgb(153 87 0);
|
|
285
|
+
--color-terracotta-35: rgb(178 101 0);
|
|
286
|
+
--color-terracotta-40: rgb(204 116 0);
|
|
287
|
+
--color-terracotta-45: rgb(229 130 0);
|
|
288
|
+
--color-terracotta-50: rgb(255 145 0);
|
|
289
|
+
--color-terracotta-55: rgb(255 156 26);
|
|
290
|
+
--color-terracotta-60: rgb(255 167 51);
|
|
291
|
+
--color-terracotta-65: rgb(255 178 77);
|
|
292
|
+
--color-terracotta-70: rgb(255 189 102);
|
|
293
|
+
--color-terracotta-75: rgb(255 200 128);
|
|
294
|
+
--color-terracotta-80: rgb(255 211 153);
|
|
295
|
+
--color-terracotta-85: rgb(255 222 179);
|
|
296
|
+
--color-terracotta-90: rgb(255 233 204);
|
|
297
|
+
--color-terracotta-95: rgb(255 244 229);
|
|
298
|
+
--color-warm-grey-5: rgb(14 13 12);
|
|
299
|
+
--color-warm-grey-10: rgb(28 26 23);
|
|
300
|
+
--color-warm-grey-15: rgb(41 38 35);
|
|
301
|
+
--color-warm-grey-20: rgb(55 51 47);
|
|
302
|
+
--color-warm-grey-25: rgb(69 64 59);
|
|
303
|
+
--color-warm-grey-30: rgb(83 77 70);
|
|
304
|
+
--color-warm-grey-35: rgb(96 89 82);
|
|
305
|
+
--color-warm-grey-40: rgb(110 102 94);
|
|
306
|
+
--color-warm-grey-45: rgb(124 115 106);
|
|
307
|
+
--color-warm-grey-50: rgb(138 128 117);
|
|
308
|
+
--color-warm-grey-56: rgb(152 143 134);
|
|
309
|
+
--color-warm-grey-60: rgb(161 153 145);
|
|
310
|
+
--color-warm-grey-65: rgb(173 166 159);
|
|
311
|
+
--color-warm-grey-70: rgb(185 178 172);
|
|
312
|
+
--color-warm-grey-75: rgb(196 191 186);
|
|
313
|
+
--color-warm-grey-80: rgb(208 204 200);
|
|
314
|
+
--color-warm-grey-85: rgb(220 217 214);
|
|
315
|
+
--color-warm-grey-90: rgb(232 229 227);
|
|
316
|
+
--color-warm-grey-95: rgb(243 242 241);
|
|
317
|
+
--color-white: rgb(255 255 255);
|
|
318
|
+
}
|
package/src/default.css
ADDED
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
@theme inline {
|
|
2
|
+
--color-action-ai-solid: var(--vui-action-ai-solid);
|
|
3
|
+
--color-action-ai-solid-hover: var(--vui-action-ai-solid-hover);
|
|
4
|
+
--color-action-ai-solid-inverse: var(--vui-action-ai-solid-inverse);
|
|
5
|
+
--color-action-ai-solid-pressed: var(--vui-action-ai-solid-pressed);
|
|
6
|
+
--color-action-ai-sublte: var(--vui-action-ai-sublte);
|
|
7
|
+
--color-action-ai-subtle-hover: var(--vui-action-ai-subtle-hover);
|
|
8
|
+
--color-action-ai-subtle-inverse: var(--vui-action-ai-subtle-inverse);
|
|
9
|
+
--color-action-ai-subtle-pressed: var(--vui-action-ai-subtle-pressed);
|
|
10
|
+
--color-action-blue-solid: var(--vui-action-blue-solid);
|
|
11
|
+
--color-action-blue-solid-hover: var(--vui-action-blue-solid-hover);
|
|
12
|
+
--color-action-blue-solid-inverse: var(--vui-action-blue-solid-inverse);
|
|
13
|
+
--color-action-blue-solid-pressed: var(--vui-action-blue-solid-pressed);
|
|
14
|
+
--color-action-blue-subtle: var(--vui-action-blue-subtle);
|
|
15
|
+
--color-action-blue-subtle-hover: var(--vui-action-blue-subtle-hover);
|
|
16
|
+
--color-action-blue-subtle-inverse: var(--vui-action-blue-subtle-inverse);
|
|
17
|
+
--color-action-blue-subtle-pressed: var(--vui-action-blue-subtle-pressed);
|
|
18
|
+
--color-action-brand-solid: var(--vui-action-brand-solid);
|
|
19
|
+
--color-action-brand-solid-hover: var(--vui-action-brand-solid-hover);
|
|
20
|
+
--color-action-brand-solid-inverse: var(--vui-action-brand-solid-inverse);
|
|
21
|
+
--color-action-brand-solid-pressed: var(--vui-action-brand-solid-pressed);
|
|
22
|
+
--color-action-brand-subtle: var(--vui-action-brand-subtle);
|
|
23
|
+
--color-action-brand-subtle-hover: var(--vui-action-brand-subtle-hover);
|
|
24
|
+
--color-action-brand-subtle-inverse: var(--vui-action-brand-subtle-inverse);
|
|
25
|
+
--color-action-brand-subtle-pressed: var(--vui-action-brand-subtle-pressed);
|
|
26
|
+
--color-action-contrast-solid: var(--vui-action-contrast-solid);
|
|
27
|
+
--color-action-contrast-solid-hover: var(--vui-action-contrast-solid-hover);
|
|
28
|
+
--color-action-contrast-solid-inverse: var(--vui-action-contrast-solid-inverse);
|
|
29
|
+
--color-action-contrast-solid-pressed: var(--vui-action-contrast-solid-pressed);
|
|
30
|
+
--color-action-contrast-subtle: var(--vui-action-contrast-subtle);
|
|
31
|
+
--color-action-contrast-subtle-hover: var(--vui-action-contrast-subtle-hover);
|
|
32
|
+
--color-action-contrast-subtle-inverse: var(--vui-action-contrast-subtle-inverse);
|
|
33
|
+
--color-action-contrast-subtle-pressed: var(--vui-action-contrast-subtle-pressed);
|
|
34
|
+
--color-action-danger-solid: var(--vui-action-danger-solid);
|
|
35
|
+
--color-action-danger-solid-hover: var(--vui-action-danger-solid-hover);
|
|
36
|
+
--color-action-danger-solid-inverse: var(--vui-action-danger-solid-inverse);
|
|
37
|
+
--color-action-danger-solid-pressed: var(--vui-action-danger-solid-pressed);
|
|
38
|
+
--color-action-danger-subtle: var(--vui-action-danger-subtle);
|
|
39
|
+
--color-action-danger-subtle-hover: var(--vui-action-danger-subtle-hover);
|
|
40
|
+
--color-action-danger-subtle-inverse: var(--vui-action-danger-subtle-inverse);
|
|
41
|
+
--color-action-danger-subtle-pressed: var(--vui-action-danger-subtle-pressed);
|
|
42
|
+
--color-action-disabled-background: var(--vui-action-disabled-background);
|
|
43
|
+
--color-action-disabled-foreground: var(--vui-action-disabled-foreground);
|
|
44
|
+
--color-action-eucalyptus-solid: var(--vui-action-eucalyptus-solid);
|
|
45
|
+
--color-action-eucalyptus-solid-hover: var(--vui-action-eucalyptus-solid-hover);
|
|
46
|
+
--color-action-eucalyptus-solid-inverse: var(--vui-action-eucalyptus-solid-inverse);
|
|
47
|
+
--color-action-eucalyptus-solid-pressed: var(--vui-action-eucalyptus-solid-pressed);
|
|
48
|
+
--color-action-eucalyptus-subtle: var(--vui-action-eucalyptus-subtle);
|
|
49
|
+
--color-action-eucalyptus-subtle-hover: var(--vui-action-eucalyptus-subtle-hover);
|
|
50
|
+
--color-action-eucalyptus-subtle-inverse: var(--vui-action-eucalyptus-subtle-inverse);
|
|
51
|
+
--color-action-eucalyptus-subtle-pressed: var(--vui-action-eucalyptus-subtle-pressed);
|
|
52
|
+
--color-action-generic-hover: var(--vui-action-generic-hover);
|
|
53
|
+
--color-action-generic-pressed: var(--vui-action-generic-pressed);
|
|
54
|
+
--color-action-grey-solid: var(--vui-action-grey-solid);
|
|
55
|
+
--color-action-grey-solid-hover: var(--vui-action-grey-solid-hover);
|
|
56
|
+
--color-action-grey-solid-inverse: var(--vui-action-grey-solid-inverse);
|
|
57
|
+
--color-action-grey-solid-pressed: var(--vui-action-grey-solid-pressed);
|
|
58
|
+
--color-action-grey-subtle: var(--vui-action-grey-subtle);
|
|
59
|
+
--color-action-grey-subtle-hover: var(--vui-action-grey-subtle-hover);
|
|
60
|
+
--color-action-grey-subtle-inverse: var(--vui-action-grey-subtle-inverse);
|
|
61
|
+
--color-action-grey-subtle-pressed: var(--vui-action-grey-subtle-pressed);
|
|
62
|
+
--color-action-lavender-solid: var(--vui-action-lavender-solid);
|
|
63
|
+
--color-action-lavender-solid-hover: var(--vui-action-lavender-solid-hover);
|
|
64
|
+
--color-action-lavender-solid-inverse: var(--vui-action-lavender-solid-inverse);
|
|
65
|
+
--color-action-lavender-solid-pressed: var(--vui-action-lavender-solid-pressed);
|
|
66
|
+
--color-action-lavender-subtle: var(--vui-action-lavender-subtle);
|
|
67
|
+
--color-action-lavender-subtle-hover: var(--vui-action-lavender-subtle-hover);
|
|
68
|
+
--color-action-lavender-subtle-inverse: var(--vui-action-lavender-subtle-inverse);
|
|
69
|
+
--color-action-lavender-subtle-pressed: var(--vui-action-lavender-subtle-pressed);
|
|
70
|
+
--color-action-success-solid: var(--vui-action-success-solid);
|
|
71
|
+
--color-action-success-solid-hover: var(--vui-action-success-solid-hover);
|
|
72
|
+
--color-action-success-solid-inverse: var(--vui-action-success-solid-inverse);
|
|
73
|
+
--color-action-success-solid-pressed: var(--vui-action-success-solid-pressed);
|
|
74
|
+
--color-action-success-subtle: var(--vui-action-success-subtle);
|
|
75
|
+
--color-action-success-subtle-hover: var(--vui-action-success-subtle-hover);
|
|
76
|
+
--color-action-success-subtle-inverse: var(--vui-action-success-subtle-inverse);
|
|
77
|
+
--color-action-success-subtle-pressed: var(--vui-action-success-subtle-pressed);
|
|
78
|
+
--color-action-terracotta-solid: var(--vui-action-terracotta-solid);
|
|
79
|
+
--color-action-terracotta-solid-hover: var(--vui-action-terracotta-solid-hover);
|
|
80
|
+
--color-action-terracotta-solid-inverse: var(--vui-action-terracotta-solid-inverse);
|
|
81
|
+
--color-action-terracotta-solid-pressed: var(--vui-action-terracotta-solid-pressed);
|
|
82
|
+
--color-action-terracotta-subtle: var(--vui-action-terracotta-subtle);
|
|
83
|
+
--color-action-terracotta-subtle-hover: var(--vui-action-terracotta-subtle-hover);
|
|
84
|
+
--color-action-terracotta-subtle-inverse: var(--vui-action-terracotta-subtle-inverse);
|
|
85
|
+
--color-action-terracotta-subtle-pressed: var(--vui-action-terracotta-subtle-pressed);
|
|
86
|
+
--color-action-yellow-solid: var(--vui-action-yellow-solid);
|
|
87
|
+
--color-action-yellow-solid-hover: var(--vui-action-yellow-solid-hover);
|
|
88
|
+
--color-action-yellow-solid-inverse: var(--vui-action-yellow-solid-inverse);
|
|
89
|
+
--color-action-yellow-solid-pressed: var(--vui-action-yellow-solid-pressed);
|
|
90
|
+
--color-action-yellow-sublte-inverse: var(--vui-action-yellow-sublte-inverse);
|
|
91
|
+
--color-action-yellow-subtle: var(--vui-action-yellow-subtle);
|
|
92
|
+
--color-action-yellow-subtle-hover: var(--vui-action-yellow-subtle-hover);
|
|
93
|
+
--color-action-yellow-subtle-pressed: var(--vui-action-yellow-subtle-pressed);
|
|
94
|
+
--color-background-cold: var(--vui-background-cold);
|
|
95
|
+
--color-background-contrast: var(--vui-background-contrast);
|
|
96
|
+
--color-background-default: var(--vui-background-default);
|
|
97
|
+
--color-background-elevated: var(--vui-background-elevated);
|
|
98
|
+
--color-background-muted: var(--vui-background-muted);
|
|
99
|
+
--color-background-subtle: var(--vui-background-subtle);
|
|
100
|
+
--color-background-warm: var(--vui-background-warm);
|
|
101
|
+
--color-control-background-default: var(--vui-control-background-default);
|
|
102
|
+
--color-control-background-disabled: var(--vui-control-background-disabled);
|
|
103
|
+
--color-control-background-off: var(--vui-control-background-off);
|
|
104
|
+
--color-control-background-on: var(--vui-control-background-on);
|
|
105
|
+
--color-control-border-default: var(--vui-control-border-default);
|
|
106
|
+
--color-control-border-hover: var(--vui-control-border-hover);
|
|
107
|
+
--color-control-foreground-default: var(--vui-control-foreground-default);
|
|
108
|
+
--color-control-foreground-disabled: var(--vui-control-foreground-disabled);
|
|
109
|
+
--color-control-foreground-off: var(--vui-control-foreground-off);
|
|
110
|
+
--color-control-foreground-on: var(--vui-control-foreground-on);
|
|
111
|
+
--color-control-helper: var(--vui-control-helper);
|
|
112
|
+
--color-control-label: var(--vui-control-label);
|
|
113
|
+
--color-control-placeholder: var(--vui-control-placeholder);
|
|
114
|
+
--color-data-black: var(--vui-data-black);
|
|
115
|
+
--color-data-cyan: var(--vui-data-cyan);
|
|
116
|
+
--color-data-darkblue: var(--vui-data-darkblue);
|
|
117
|
+
--color-data-earth: var(--vui-data-earth);
|
|
118
|
+
--color-data-eucalyptus: var(--vui-data-eucalyptus);
|
|
119
|
+
--color-data-landgreen: var(--vui-data-landgreen);
|
|
120
|
+
--color-data-lavender: var(--vui-data-lavender);
|
|
121
|
+
--color-data-orange: var(--vui-data-orange);
|
|
122
|
+
--color-data-pine: var(--vui-data-pine);
|
|
123
|
+
--color-data-red: var(--vui-data-red);
|
|
124
|
+
--color-data-skyblue: var(--vui-data-skyblue);
|
|
125
|
+
--color-data-sunflower: var(--vui-data-sunflower);
|
|
126
|
+
--color-data-terracotta: var(--vui-data-terracotta);
|
|
127
|
+
--color-data-warmgrey: var(--vui-data-warmgrey);
|
|
128
|
+
--color-data-white: var(--vui-data-white);
|
|
129
|
+
--color-feedback-danger-solid: var(--vui-feedback-danger-solid);
|
|
130
|
+
--color-feedback-danger-subtle: var(--vui-feedback-danger-subtle);
|
|
131
|
+
--color-feedback-info-solid: var(--vui-feedback-info-solid);
|
|
132
|
+
--color-feedback-info-subtle: var(--vui-feedback-info-subtle);
|
|
133
|
+
--color-feedback-neutral-solid: var(--vui-feedback-neutral-solid);
|
|
134
|
+
--color-feedback-neutral-subtle: var(--vui-feedback-neutral-subtle);
|
|
135
|
+
--color-feedback-success-solid: var(--vui-feedback-success-solid);
|
|
136
|
+
--color-feedback-success-subtle: var(--vui-feedback-success-subtle);
|
|
137
|
+
--color-feedback-warning-solid: var(--vui-feedback-warning-solid);
|
|
138
|
+
--color-feedback-warning-subtle: var(--vui-feedback-warning-subtle);
|
|
139
|
+
--color-foreground-brand-primary: var(--vui-foreground-brand-primary);
|
|
140
|
+
--color-foreground-brand-secondary: var(--vui-foreground-brand-secondary);
|
|
141
|
+
--color-foreground-contrast: var(--vui-foreground-contrast);
|
|
142
|
+
--color-foreground-default: var(--vui-foreground-default);
|
|
143
|
+
--color-foreground-inverse: var(--vui-foreground-inverse);
|
|
144
|
+
--color-foreground-muted: var(--vui-foreground-muted);
|
|
145
|
+
--color-gradient-ai-1: var(--vui-gradient-ai-1);
|
|
146
|
+
--color-gradient-ai-2: var(--vui-gradient-ai-2);
|
|
147
|
+
--color-gradient-brand-1: var(--vui-gradient-brand-1);
|
|
148
|
+
--color-gradient-brand-2: var(--vui-gradient-brand-2);
|
|
149
|
+
--color-gradient-brand-3: var(--vui-gradient-brand-3);
|
|
150
|
+
--color-gradient-motion-1: var(--vui-gradient-motion-1);
|
|
151
|
+
--color-gradient-motion-2: var(--vui-gradient-motion-2);
|
|
152
|
+
--color-gradient-motion-3: var(--vui-gradient-motion-3);
|
|
153
|
+
--color-gradient-motion-4: var(--vui-gradient-motion-4);
|
|
154
|
+
--color-navigation-background-active: var(--vui-navigation-background-active);
|
|
155
|
+
--color-navigation-background-default: var(--vui-navigation-background-default);
|
|
156
|
+
--color-navigation-background-disabled: var(--vui-navigation-background-disabled);
|
|
157
|
+
--color-navigation-background-hover: var(--vui-navigation-background-hover);
|
|
158
|
+
--color-navigation-background-pressed: var(--vui-navigation-background-pressed);
|
|
159
|
+
--color-navigation-border-active: var(--vui-navigation-border-active);
|
|
160
|
+
--color-navigation-border-default: var(--vui-navigation-border-default);
|
|
161
|
+
--color-navigation-border-disabled: var(--vui-navigation-border-disabled);
|
|
162
|
+
--color-navigation-border-hover: var(--vui-navigation-border-hover);
|
|
163
|
+
--color-navigation-border-pressed: var(--vui-navigation-border-pressed);
|
|
164
|
+
--color-navigation-foreground-active: var(--vui-navigation-foreground-active);
|
|
165
|
+
--color-navigation-foreground-default: var(--vui-navigation-foreground-default);
|
|
166
|
+
--color-navigation-foreground-disabled: var(--vui-navigation-foreground-disabled);
|
|
167
|
+
--color-navigation-foreground-hover: var(--vui-navigation-foreground-hover);
|
|
168
|
+
--color-navigation-foreground-pressed: var(--vui-navigation-foreground-pressed);
|
|
169
|
+
--color-utility-border-brand: var(--vui-utility-border-brand);
|
|
170
|
+
--color-utility-border-default: var(--vui-utility-border-default);
|
|
171
|
+
--color-utility-border-inverse: var(--vui-utility-border-inverse);
|
|
172
|
+
--color-utility-border-subtle: var(--vui-utility-border-subtle);
|
|
173
|
+
--color-utility-focus: var(--vui-utility-focus);
|
|
174
|
+
--color-utility-indicator: var(--vui-utility-indicator);
|
|
175
|
+
--color-utility-loading-brand: var(--vui-utility-loading-brand);
|
|
176
|
+
--color-utility-loading-danger: var(--vui-utility-loading-danger);
|
|
177
|
+
--color-utility-loading-inverse: var(--vui-utility-loading-inverse);
|
|
178
|
+
--color-utility-loading-skeleton: var(--vui-utility-loading-skeleton);
|
|
179
|
+
--color-utility-loading-success: var(--vui-utility-loading-success);
|
|
180
|
+
--color-utility-opacity-none: var(--vui-utility-opacity-none);
|
|
181
|
+
--color-utility-overlay: var(--vui-utility-overlay);
|
|
182
|
+
--color-utility-tooltip-background: var(--vui-utility-tooltip-background);
|
|
183
|
+
--color-utility-tooltip-foreground: var(--vui-utility-tooltip-foreground);
|
|
184
|
+
}
|