@useinsider/design-tokens 0.1.1 → 0.2.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.
Files changed (7) hide show
  1. package/README.md +43 -8
  2. package/dist/_compat.scss +14 -3
  3. package/dist/_tokens.scss +175 -1
  4. package/dist/tokens.css +440 -2
  5. package/dist/tokens.json +175 -1
  6. package/package.json +1 -1
  7. package/tokens/source.json +892 -105
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  * @useinsider/design-tokens: generated by scripts/build.mjs from tokens/source.json. Do not edit.
3
- * 125 tokens, 11 with a dark value (applied for prefers-color-scheme: dark).
3
+ * 299 tokens, 275 with a dark value (applied for prefers-color-scheme: dark).
4
4
  */
5
5
 
6
6
  [data-ins-editor][data-ins-rebrand="on"] {
@@ -46,6 +46,59 @@
46
46
  --background-surface-subtle: #fafafa;
47
47
  --background-surface-subtle-hover: #e5e5e5;
48
48
  --background-track: #d9d9d9;
49
+ --background-calendarpopover-compare-selected: #c42671;
50
+ --background-calendarpopover-compare-selected-hover: #d35789;
51
+ --background-calendarpopover-compare-subtle: #ffc5d7;
52
+ --background-calendarpopover-compare-subtle-hover: #f4a2bd;
53
+ --background-calendarpopover-primary-selected-hover: #8b7d8e;
54
+ --background-calendarpopover-primary-subtle: #ded5df;
55
+ --background-calendarpopover-primary-subtle-hover: #c1b7c3;
56
+ --background-chips-secondary-hover: #736d5d;
57
+ --background-chips-surface-error-hover: #fc8f8c;
58
+ --background-chips-surface-info-hover: #94b7fb;
59
+ --background-chips-surface-magenta-hover: #e481a4;
60
+ --background-chips-surface-orange-hover: #f1b06f;
61
+ --background-chips-surface-primary-hover: #a699a8;
62
+ --background-chips-surface-secondary-subtle-hover: #a7a191;
63
+ --background-chips-surface-smart-hover: #a184dd;
64
+ --background-chips-surface-success-hover: #8cc3a1;
65
+ --background-chips-surface-warning-hover: #fdd677;
66
+ --background-datatable-pagination-selected: #ece5ed;
67
+ --background-datatable-pagination-selected-hover: #ded5df;
68
+ --background-datatable-row-selected: #f2eef2;
69
+ --background-datatable-row-selected-hover: #ece5ed;
70
+ --background-magenta-hover: #d35789;
71
+ --background-magenta-subtle-hover: #ffc5d7;
72
+ --background-orange-hover: #eb9840;
73
+ --background-orange-subtle-hover: #ffe6ce;
74
+ --background-overlay: #00000066;
75
+ --background-primary-bold: #170d19;
76
+ --background-primary-bold-hover: #3f3042;
77
+ --background-ribbon-error: #ffd1ce;
78
+ --background-ribbon-info: #d8e5ff;
79
+ --background-ribbon-success: #d8efe0;
80
+ --background-ribbon-warning: #ffeebc;
81
+ --background-sidebar-item: #170d19;
82
+ --background-sidebar-item-hover: #261a28;
83
+ --background-sidebar-item-selected: #261a28;
84
+ --background-sidebar-oncolor-hover: #8b7d8e;
85
+ --background-sidebar-seconditem: #3f3042;
86
+ --background-sidebar-seconditem-hover: #58485b;
87
+ --background-sidebar-subitem: #261a28;
88
+ --background-sidebar-subitem-hover: #3f3042;
89
+ --background-sidebar-thirditem: #58485b;
90
+ --background-sidebar-thirditem-hover: #716174;
91
+ --background-smart-hover: #794ec2;
92
+ --background-smart-subtle-hover: #ddceff;
93
+ --background-state-disabled-onbg-filled: #999999;
94
+ --background-state-error-hover: #ec585c;
95
+ --background-state-info-hover: #6795f3;
96
+ --background-state-info-subtle-hover: #d8e5ff;
97
+ --background-state-success-hover: #449a67;
98
+ --background-state-success-subtle-hover: #d8efe0;
99
+ --background-state-warning-hover: #fbc846;
100
+ --background-state-warning-subtle-hover: #ffeebc;
101
+ --background-transparent: #ffffff00;
49
102
  --border-bold: #999999;
50
103
  --border-bolder: #333;
51
104
  --border-chips-error-subtle: #fc8f8c;
@@ -71,6 +124,14 @@
71
124
  --border-state-warning: #fcc535;
72
125
  --border-state-warning-hover: #fdd677;
73
126
  --border-subtle: #e5e5e5;
127
+ --border-chips-success-subtle: #8cc3a1;
128
+ --border-magenta: #c42671;
129
+ --border-magenta-hover: #e481a4;
130
+ --border-magenta-subtle: #ffd9e4;
131
+ --border-orange: #e48818;
132
+ --border-primary-subtlest: #ece5ed;
133
+ --border-smart-hover: #a184dd;
134
+ --border-state-info-hover: #94b7fb;
74
135
  --icon-button-secondary: #5a5546;
75
136
  --icon-default: #666;
76
137
  --icon-inverted: white;
@@ -78,6 +139,38 @@
78
139
  --icon-neutral-inverted: #333;
79
140
  --icon-primary: #261a28;
80
141
  --icon-state-disabled: #999999;
142
+ --icon-bold: #333333;
143
+ --icon-button-error-pressed: #ed4042;
144
+ --icon-button-error-selected: #a32226;
145
+ --icon-button-inverted-pressed: #fafafa;
146
+ --icon-button-inverted-selected: #eeeeee;
147
+ --icon-button-primary-pressed: #716174;
148
+ --icon-button-primary-selected: #3f3042;
149
+ --icon-button-secondary-pressed: #736d5d;
150
+ --icon-button-secondary-selected: #423d30;
151
+ --icon-button-smart-pressed: #5d23a4;
152
+ --icon-button-smart-selected: #411874;
153
+ --icon-button-warning-pressed: #bc9127;
154
+ --icon-button-warning-selected: #5c4713;
155
+ --icon-inverted-subtle: #cccccc;
156
+ --icon-magenta: #c42671;
157
+ --icon-magenta-oncolor: #68143a;
158
+ --icon-orange: #e48818;
159
+ --icon-orange-oncolor: #583306;
160
+ --icon-primary-subtle: #58485b;
161
+ --icon-smart: #5d23a4;
162
+ --icon-smart-oncolor: #511c90;
163
+ --icon-state-error: #ed4042;
164
+ --icon-state-error-oncolor: #c92f33;
165
+ --icon-state-info: #4078ef;
166
+ --icon-state-info-oncolor: #223b85;
167
+ --icon-state-success: #188b49;
168
+ --icon-state-success-oncolor: #0a4324;
169
+ --icon-state-warning: #fcc535;
170
+ --icon-state-warning-oncolor: #8d6c1e;
171
+ --icon-subtle: #cccccc;
172
+ --icon-subtle-hover: #666666;
173
+ --icon-tab-hover: #58485b;
81
174
  --text-button-secondary: #5a5546;
82
175
  --text-default: #333;
83
176
  --text-inverted: white;
@@ -98,6 +191,30 @@
98
191
  --text-state-warning: #8d6c1e;
99
192
  --text-subtle: #666;
100
193
  --text-tab-hover: #58485b;
194
+ --text-button-error-pressed: #ed4042;
195
+ --text-button-error-selected: #a32226;
196
+ --text-button-inverted-pressed: #fafafa;
197
+ --text-button-inverted-selected: #eeeeee;
198
+ --text-button-primary-pressed: #716174;
199
+ --text-button-primary-selected: #3f3042;
200
+ --text-button-secondary-pressed: #736d5d;
201
+ --text-button-secondary-selected: #423d30;
202
+ --text-button-smart-pressed: #5d23a4;
203
+ --text-button-smart-selected: #411874;
204
+ --text-button-warning-pressed: #bc9127;
205
+ --text-button-warning-selected: #5c4713;
206
+ --text-calendarpopover-days-label: #808080;
207
+ --text-inverted-subtle: #cccccc;
208
+ --text-inverted-subtler: #d9d9d9;
209
+ --text-link: #c93200;
210
+ --text-link-hover: #ff7a5a;
211
+ --text-link-oncolor: #333333;
212
+ --text-link-visited: #c42671;
213
+ --text-smart-subtle: #5d23a4;
214
+ --text-state-disabled-onbg: #333333;
215
+ --text-state-info-subtle: #4078ef;
216
+ --text-state-success-subtle: #188b49;
217
+ --text-state-warning-subtle: #fcc535;
101
218
  --visual-dataviz-blue-subtle: #94b7fb;
102
219
  --visual-dataviz-datapaint-blue: #4078ef;
103
220
  --visual-dataviz-datapaint-blue-bold: #2a4da8;
@@ -126,23 +243,344 @@
126
243
  --visual-illustration-yellow-05: #e2af2e;
127
244
  --visual-scrollbar-thumb: #ccc;
128
245
  --visual-indicator-primary: #261a28;
246
+ --visual-dataviz-datapaint-blue-subtle: #94b7fb;
247
+ --visual-dataviz-datapaint-eclipse: #3f3042;
248
+ --visual-dataviz-datapaint-eclipse-bold: #261a28;
249
+ --visual-dataviz-datapaint-eclipse-subtle: #716174;
250
+ --visual-dataviz-datapaint-gray: #808080;
251
+ --visual-dataviz-datapaint-gray-bold: #595959;
252
+ --visual-dataviz-datapaint-gray-subtle: #e5e5e5;
253
+ --visual-dataviz-datapaint-green: #188b49;
254
+ --visual-dataviz-datapaint-green-bold: #0a4324;
255
+ --visual-dataviz-datapaint-lunar: #8a453d;
256
+ --visual-dataviz-datapaint-lunar-bold: #54241f;
257
+ --visual-dataviz-datapaint-lunar-subtle: #d0c2c7;
258
+ --visual-dataviz-datapaint-magenta: #d35789;
259
+ --visual-dataviz-datapaint-magenta-bold: #ac2263;
260
+ --visual-dataviz-datapaint-magenta-subtle: #f4a2bd;
261
+ --visual-dataviz-datapaint-nova: #a7a191;
262
+ --visual-dataviz-datapaint-nova-bold: #8c8675;
263
+ --visual-dataviz-datapaint-nova-subtle: #e7e3da;
264
+ --visual-dataviz-datapaint-orange: #e48818;
265
+ --visual-dataviz-datapaint-orange-bold: #a35e01;
266
+ --visual-dataviz-datapaint-orange-subtle: #ffcd9b;
267
+ --visual-dataviz-datapaint-purple-bold: #5d23a4;
268
+ --visual-dataviz-datapaint-purple-subtle: #a184dd;
269
+ --visual-dataviz-datapaint-red-bold: #a32226;
270
+ --visual-dataviz-datapaint-red-subtle: #ec585c;
271
+ --visual-dataviz-datapaint-solar: #f4482b;
272
+ --visual-dataviz-datapaint-solar-bold: #a02200;
273
+ --visual-dataviz-datapaint-solar-subtler: #ffe5d9;
274
+ --visual-dataviz-datapaint-yellow: #fbc846;
275
+ --visual-dataviz-datapaint-yellow-bold: #e2af2e;
276
+ --visual-dataviz-datapaint-yellow-subtle: #ffe297;
277
+ --visual-dataviz-grid-bar: #999999cc;
278
+ --visual-dataviz-grid-line: #cccccc;
279
+ --visual-illustration-eclipse-01: #3f3042;
280
+ --visual-illustration-gray-03: #f8f8f8;
281
+ --visual-illustration-gray-06: #d9d9d9;
282
+ --visual-illustration-gray-07: #808080;
283
+ --visual-illustration-gray-09: #18181b;
284
+ --visual-illustration-red-04: #c92f33;
285
+ --visual-pagination-dot-active: #261a28;
286
+ --visual-pagination-dot-inactive: #cccccc;
287
+ --visual-pagination-dot-oncolor-active: #ffffff;
288
+ --visual-pagination-dot-oncolor-inactive: #ffffff;
289
+ --visual-scrollbar-charts-zoomarea: #99999966;
290
+ --visual-scrollbar-charts-zoomhandle: #595959;
291
+ --visual-scrollbar-datatable-pinspacer: #d9d9d9;
292
+ --visual-scrollbar-thumb-hover: #666666;
293
+ --visual-scrollbar-track: #ffffff;
129
294
  --shadow-elevation: 0px 4px 12px 0px oklch(0.51 0 0 / 16%);
130
295
  --shadow-primary: 0 0 0 3px oklch(0.43 0.037 321 / 32%);
131
- --shadow-inverted: 0 0 0 3px oklch(0.70 0.026 106 / 32%);
296
+ --shadow-inverted: 0 0 0 3px oklch(0.70 0.026 322 / 40%);
297
+ --shadow-create: 0 0 0 3px oklch(0.65 0.213 32 / 32%);
298
+ --shadow-error: 0 0 0 3px oklch(0.63 0.211 25 / 32%);
299
+ --shadow-info: 0 0 0 3px oklch(0.62 0.189 261 / 20%);
300
+ --shadow-magenta: 0 0 0 3px oklch(0.56 0.200 4 / 20%);
301
+ --shadow-orange: 0 0 0 3px oklch(0.70 0.156 60 / 32%);
302
+ --shadow-secondary: 0 0 0 3px oklch(0.54 0.025 90 / 32%);
303
+ --shadow-smart: 0 0 0 3px oklch(0.45 0.191 298 / 32%);
304
+ --shadow-success: 0 0 0 3px oklch(0.55 0.139 152 / 20%);
305
+ --shadow-warning: 0 0 0 3px oklch(0.84 0.160 82 / 40%);
132
306
  }
133
307
 
134
308
  @media (prefers-color-scheme: dark) {
135
309
  [data-ins-editor][data-ins-rebrand="on"] {
310
+ --background-accent: #ce2603;
311
+ --background-calendarpopover-primary-selected: #ddc8da;
312
+ --background-chips-secondary: #c7c0ae;
313
+ --background-codesnippet-sidebar: #4c4c4c;
314
+ --background-codesnippet-sidebar-disabled: #595959;
136
315
  --background-elevated: #262626;
316
+ --background-elevated-hover: #404040;
317
+ --background-elevated-inverted: #f8f8f8;
318
+ --background-elevated-selected: #594a57;
319
+ --background-elevated-selected-hover: #443842;
320
+ --background-magenta: #8d3157;
321
+ --background-magenta-subtle: #230a14;
322
+ --background-orange: #9c5a00;
323
+ --background-orange-subtle: #200f01;
137
324
  --background-page: #0d0d0d;
138
325
  --background-primary: #c3abc0;
326
+ --background-primary-hover: #ab92a8;
139
327
  --background-primary-subtle: #443842;
328
+ --background-primary-subtle-hover: #2f272e;
329
+ --background-secondary: #524e44;
330
+ --background-secondary-hover: #747062;
331
+ --background-segment-disabled-selected: #595959;
332
+ --background-smart: #552990;
333
+ --background-smart-subtle: #170d28;
334
+ --background-state-disabled: #4c4c4c;
335
+ --background-state-error: #cd1827;
336
+ --background-state-error-subtle: #3d0607;
337
+ --background-state-error-subtle-hover: #50060a;
338
+ --background-state-info: #113b98;
339
+ --background-state-info-subtle: #07122b;
340
+ --background-state-success: #2e834c;
341
+ --background-state-success-subtle: #072913;
342
+ --background-state-warning: #e3af14;
343
+ --background-state-warning-subtle: #2c1f00;
344
+ --background-surface: #262626;
345
+ --background-surface-hover: #333333;
140
346
  --background-surface-subtle: #333;
347
+ --background-surface-subtle-hover: #4c4c4c;
348
+ --background-track: #404040;
349
+ --background-calendarpopover-compare-selected: #f1becd;
350
+ --background-calendarpopover-compare-selected-hover: #ecaabf;
351
+ --background-calendarpopover-compare-subtle: #230a14;
352
+ --background-calendarpopover-compare-subtle-hover: #461529;
353
+ --background-calendarpopover-primary-selected-hover: #c3abc0;
354
+ --background-calendarpopover-primary-subtle: #1d161d;
355
+ --background-calendarpopover-primary-subtle-hover: #443842;
356
+ --background-chips-secondary-hover: #beb7a2;
357
+ --background-chips-surface-error-hover: #780812;
358
+ --background-chips-surface-info-hover: #174abd;
359
+ --background-chips-surface-magenta-hover: #b14370;
360
+ --background-chips-surface-orange-hover: #cb7600;
361
+ --background-chips-surface-primary-hover: #6e5d6c;
362
+ --background-chips-surface-secondary-subtle-hover: #999381;
363
+ --background-chips-surface-smart-hover: #6b35b5;
364
+ --background-chips-surface-success-hover: #42ab67;
365
+ --background-chips-surface-warning-hover: #8c6a00;
366
+ --background-datatable-pagination-selected: #ddc8da;
367
+ --background-datatable-pagination-selected-hover: #c3abc0;
368
+ --background-datatable-row-selected: #0c080c;
369
+ --background-datatable-row-selected-hover: #6e5d6c;
370
+ --background-magenta-hover: #692240;
371
+ --background-magenta-subtle-hover: #330f1d;
372
+ --background-orange-hover: #703f00;
373
+ --background-orange-subtle-hover: #331a00;
374
+ --background-primary-bold: #0c080c;
375
+ --background-primary-bold-hover: #2f272e;
376
+ --background-ribbon-error: #3d0607;
377
+ --background-ribbon-info: #07183e;
378
+ --background-ribbon-success: #072913;
379
+ --background-ribbon-warning: #2c1f00;
380
+ --background-sidebar-item: #2f272e;
381
+ --background-sidebar-item-hover: #443842;
382
+ --background-sidebar-item-selected: #443842;
383
+ --background-sidebar-oncolor-hover: #ab92a8;
384
+ --background-sidebar-seconditem: #6e5d6c;
385
+ --background-sidebar-seconditem-hover: #6e5d6c;
386
+ --background-sidebar-subitem: #594a57;
387
+ --background-sidebar-subitem-hover: #594a57;
388
+ --background-sidebar-thirditem: #937b90;
389
+ --background-sidebar-thirditem-hover: #937b90;
390
+ --background-smart-hover: #3f1f6d;
391
+ --background-smart-subtle-hover: #21113a;
392
+ --background-state-error-hover: #a20e1c;
393
+ --background-state-info-hover: #0c2c73;
394
+ --background-state-info-subtle-hover: #07183e;
395
+ --background-state-success-hover: #1c5d34;
396
+ --background-state-success-subtle-hover: #072913;
397
+ --background-state-warning-hover: #b78b00;
398
+ --background-state-warning-subtle-hover: #3e2d00;
399
+ --border-bold: #808080;
400
+ --border-bolder: #fafafa;
401
+ --border-chips-error-subtle: #780812;
402
+ --border-chips-info-subtle: #174abd;
403
+ --border-chips-magenta-subtle: #b14370;
404
+ --border-chips-orange-subtle: #cb7600;
405
+ --border-chips-smart-subtle: #6b35b5;
406
+ --border-chips-warning-subtle: #8c6a00;
141
407
  --border-default: #595959;
408
+ --border-inverted: #262626;
142
409
  --border-primary: #c3abc0;
410
+ --border-primary-hover: #6e5d6c;
411
+ --border-primary-subtle: #937b90;
412
+ --border-primary-subtler: #6e5d6c;
413
+ --border-secondary: #999381;
414
+ --border-smart: #552990;
415
+ --border-state-disabled: #666666;
416
+ --border-state-error: #f92333;
417
+ --border-state-error-hover: #a20e1c;
418
+ --border-state-formdisabled: #4c4c4c;
419
+ --border-state-info: #113b98;
420
+ --border-state-success: #2e834c;
421
+ --border-state-warning: #e3af14;
422
+ --border-state-warning-hover: #8c6a00;
423
+ --border-chips-success-subtle: #42ab67;
424
+ --border-magenta: #8d3157;
425
+ --border-magenta-hover: #d25f8c;
426
+ --border-magenta-subtle: #692240;
427
+ --border-orange: #9c5a00;
428
+ --border-primary-subtlest: #443842;
429
+ --border-smart-hover: #8242da;
430
+ --border-state-info-hover: #1d5ae3;
431
+ --icon-button-secondary: #beb7a2;
432
+ --icon-default: #aaaaaa;
433
+ --icon-inverted: #333333;
434
+ --icon-primary: #ead9e7;
435
+ --icon-state-disabled: #8c8c8c;
436
+ --icon-bold: #ffffff;
437
+ --icon-button-error-pressed: #ff7b74;
438
+ --icon-button-error-selected: #fc6661;
439
+ --icon-button-inverted-pressed: #ddc8da;
440
+ --icon-button-inverted-selected: #c3abc0;
441
+ --icon-button-primary-pressed: #ead9e7;
442
+ --icon-button-primary-selected: #ab92a8;
443
+ --icon-button-secondary-pressed: #999381;
444
+ --icon-button-secondary-selected: #c7c0ae;
445
+ --icon-button-smart-pressed: #b190f5;
446
+ --icon-button-smart-selected: #a078eb;
447
+ --icon-button-warning-pressed: #f2cf80;
448
+ --icon-button-warning-selected: #ecc468;
449
+ --icon-inverted-subtle: #4c4c4c;
450
+ --icon-magenta: #e693af;
451
+ --icon-magenta-oncolor: #f1becd;
452
+ --icon-orange: #fb9512;
453
+ --icon-orange-oncolor: #ffc38e;
454
+ --icon-primary-subtle: #ab92a8;
455
+ --icon-smart: #552990;
456
+ --icon-smart-oncolor: #c3a7ff;
457
+ --icon-state-error: #f92333;
458
+ --icon-state-error-oncolor: #ff9088;
459
+ --icon-state-info: #1d5ae3;
460
+ --icon-state-info-oncolor: #85aeff;
461
+ --icon-state-success: #59d482;
462
+ --icon-state-success-oncolor: #aeefbe;
463
+ --icon-state-warning: #e3af14;
464
+ --icon-state-warning-oncolor: #f7d996;
465
+ --icon-subtle: #8c8c8c;
466
+ --icon-subtle-hover: #cccccc;
467
+ --icon-tab-hover: #ddc8da;
468
+ --text-button-secondary: #e0dcd0;
143
469
  --text-default: white;
144
470
  --text-inverted: #18181b;
471
+ --text-magenta: #f1becd;
472
+ --text-magenta-subtle: #e693af;
473
+ --text-orange: #ffc38e;
145
474
  --text-primary: #ead9e7;
475
+ --text-primary-subtle: #ddc8da;
476
+ --text-smart: #c3a7ff;
477
+ --text-state-disabled: #8c8c8c;
478
+ --text-state-error: #ff9088;
479
+ --text-state-error-subtle: #f92333;
480
+ --text-state-info: #85aeff;
481
+ --text-state-success: #aeefbe;
482
+ --text-state-warning: #f7d996;
483
+ --text-subtle: #cccccc;
484
+ --text-tab-hover: #ddc8da;
485
+ --text-button-error-pressed: #ff7b74;
486
+ --text-button-error-selected: #fc6661;
487
+ --text-button-inverted-pressed: #ddc8da;
488
+ --text-button-inverted-selected: #c3abc0;
489
+ --text-button-primary-pressed: #ead9e7;
490
+ --text-button-primary-selected: #ab92a8;
491
+ --text-button-secondary-pressed: #999381;
492
+ --text-button-secondary-selected: #c7c0ae;
493
+ --text-button-smart-pressed: #b190f5;
494
+ --text-button-smart-selected: #a078eb;
495
+ --text-button-warning-pressed: #f2cf80;
496
+ --text-button-warning-selected: #ecc468;
497
+ --text-calendarpopover-days-label: #cccccc;
498
+ --text-link: #fb330b;
499
+ --text-link-hover: #fc6c52;
500
+ --text-link-oncolor: #ffffff;
501
+ --text-link-visited: #d25f8c;
502
+ --text-smart-subtle: #8242da;
503
+ --text-state-info-subtle: #1d5ae3;
504
+ --text-state-success-subtle: #59d482;
505
+ --text-state-warning-subtle: #e3af14;
506
+ --visual-dataviz-datapaint-blue: #3a71e8;
507
+ --visual-dataviz-datapaint-blue-bold: #6c9bf7;
508
+ --visual-dataviz-datapaint-green-subtle: #42ab67;
509
+ --visual-dataviz-datapaint-purple: #a078eb;
510
+ --visual-dataviz-datapaint-red: #f92333;
511
+ --visual-dataviz-datapaint-solar-subtle: #fb5539;
512
+ --visual-illustration-blue-01: #081f50;
513
+ --visual-illustration-blue-02: #5386ef;
514
+ --visual-illustration-gray-01: #666666;
515
+ --visual-illustration-gray-02: #737373;
516
+ --visual-illustration-gray-04: #aaaaaa;
517
+ --visual-illustration-gray-05: #18181b;
518
+ --visual-illustration-gray-08: #cccccc;
519
+ --visual-illustration-purple-01: #a078eb;
520
+ --visual-illustration-purple-02: #c3a7ff;
521
+ --visual-illustration-red-01: #290606;
522
+ --visual-illustration-red-02: #cd1827;
523
+ --visual-illustration-red-03: #fa4d4d;
524
+ --visual-illustration-yellow-01: #3e2d00;
525
+ --visual-illustration-yellow-02: #8c6a00;
526
+ --visual-illustration-yellow-03: #b78b00;
527
+ --visual-illustration-yellow-04: #e3af14;
528
+ --visual-illustration-yellow-05: #ecc468;
529
+ --visual-scrollbar-thumb: #737373;
530
+ --visual-dataviz-datapaint-blue-subtle: #174abd;
531
+ --visual-dataviz-datapaint-eclipse: #ddc8da;
532
+ --visual-dataviz-datapaint-eclipse-bold: #ead9e7;
533
+ --visual-dataviz-datapaint-eclipse-subtle: #c3abc0;
534
+ --visual-dataviz-datapaint-gray: #999999;
535
+ --visual-dataviz-datapaint-gray-bold: #cccccc;
536
+ --visual-dataviz-datapaint-gray-subtle: #4c4c4c;
537
+ --visual-dataviz-datapaint-green: #59d482;
538
+ --visual-dataviz-datapaint-green-bold: #9ce8b0;
539
+ --visual-dataviz-datapaint-lunar: #d1857b;
540
+ --visual-dataviz-datapaint-lunar-bold: #e09b92;
541
+ --visual-dataviz-datapaint-lunar-subtle: #9f584f;
542
+ --visual-dataviz-datapaint-magenta: #dd799d;
543
+ --visual-dataviz-datapaint-magenta-bold: #e693af;
544
+ --visual-dataviz-datapaint-magenta-subtle: #b14370;
545
+ --visual-dataviz-datapaint-nova: #999381;
546
+ --visual-dataviz-datapaint-nova-bold: #c7c0ae;
547
+ --visual-dataviz-datapaint-nova-subtle: #524e44;
548
+ --visual-dataviz-datapaint-orange: #cb7600;
549
+ --visual-dataviz-datapaint-orange-bold: #fba247;
550
+ --visual-dataviz-datapaint-orange-subtle: #9c5a00;
551
+ --visual-dataviz-datapaint-purple-bold: #b190f5;
552
+ --visual-dataviz-datapaint-purple-subtle: #8242da;
553
+ --visual-dataviz-datapaint-red-bold: #fc6661;
554
+ --visual-dataviz-datapaint-red-subtle: #a20e1c;
555
+ --visual-dataviz-datapaint-solar: #fe7f68;
556
+ --visual-dataviz-datapaint-solar-bold: #ff917c;
557
+ --visual-dataviz-datapaint-solar-subtler: #791100;
558
+ --visual-dataviz-datapaint-yellow: #e3af14;
559
+ --visual-dataviz-datapaint-yellow-bold: #f2cf80;
560
+ --visual-dataviz-datapaint-yellow-subtle: #b78b00;
561
+ --visual-dataviz-grid-bar: #666666cc;
562
+ --visual-dataviz-grid-line: #595959;
563
+ --visual-illustration-eclipse-01: #2f272e;
564
+ --visual-illustration-gray-03: #999999;
565
+ --visual-illustration-gray-06: #cccccc;
566
+ --visual-illustration-gray-07: #8c8c8c;
567
+ --visual-illustration-gray-09: #595959;
568
+ --visual-illustration-red-04: #ff9088;
569
+ --visual-pagination-dot-active: #c3abc0;
570
+ --visual-pagination-dot-inactive: #666666;
571
+ --visual-scrollbar-charts-zoomarea: #66666666;
572
+ --visual-scrollbar-charts-zoomhandle: #aaaaaa;
573
+ --visual-scrollbar-datatable-pinspacer: #4c4c4c;
574
+ --visual-scrollbar-thumb-hover: #999999;
575
+ --visual-scrollbar-track: #262626;
146
576
  --shadow-elevation: 0px 4px 12px 0px oklch(0.16 0 0 / 64%);
577
+ --shadow-primary: 0 0 0 3px oklch(0.43 0.037 321 / 96%);
578
+ --shadow-inverted: 0 0 0 3px oklch(0.70 0.026 322 / 48%);
579
+ --shadow-error: 0 0 0 3px oklch(0.63 0.211 25 / 28%);
580
+ --shadow-magenta: 0 0 0 3px oklch(0.56 0.200 4 / 24%);
581
+ --shadow-orange: 0 0 0 3px oklch(0.70 0.156 60 / 24%);
582
+ --shadow-secondary: 0 0 0 3px oklch(0.54 0.025 90 / 96%);
583
+ --shadow-smart: 0 0 0 3px oklch(0.45 0.191 298 / 36%);
584
+ --shadow-warning: 0 0 0 3px oklch(0.84 0.160 82 / 20%);
147
585
  }
148
586
  }