@gitlab/ui 128.0.0 → 128.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.
Files changed (40) hide show
  1. package/dist/components/base/form/form_checkbox/form_checkbox.js +0 -3
  2. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +132 -3
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tailwind.css +1 -1
  6. package/dist/tailwind.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +127 -127
  8. package/dist/tokens/build/js/tokens.js +110 -110
  9. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
  10. package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +1 -2
  11. package/package.json +1 -1
  12. package/src/tokens/build/css/tokens.css +24 -24
  13. package/src/tokens/build/css/tokens.dark.css +26 -26
  14. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +82 -82
  15. package/src/tokens/build/docs/tokens-tailwind-docs.json +81 -81
  16. package/src/tokens/build/figma/constants.tokens.json +2245 -226
  17. package/src/tokens/build/figma/contextual.tokens.json +753 -77
  18. package/src/tokens/build/figma/deprecated.tokens.json +4151 -420
  19. package/src/tokens/build/figma/semantic.tokens.json +171 -19
  20. package/src/tokens/build/js/tokens.dark.js +130 -127
  21. package/src/tokens/build/js/tokens.js +113 -110
  22. package/src/tokens/build/json/tokens.dark.json +161 -161
  23. package/src/tokens/build/json/tokens.json +142 -142
  24. package/src/tokens/build/scss/_tokens.dark.scss +26 -26
  25. package/src/tokens/build/scss/_tokens.scss +24 -24
  26. package/src/tokens/constant/color.alpha.tokens.json +135 -15
  27. package/src/tokens/constant/color.tokens.json +2110 -211
  28. package/src/tokens/contextual/avatar.tokens.json +54 -6
  29. package/src/tokens/contextual/button.tokens.json +90 -10
  30. package/src/tokens/contextual/chart.tokens.json +9 -1
  31. package/src/tokens/contextual/illustration.tokens.json +600 -60
  32. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +1100 -110
  33. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +1440 -144
  34. package/src/tokens/deprecated/deprecated.color.tokens.json +1490 -149
  35. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +147 -43
  36. package/src/tokens/semantic/action.tokens.json +162 -18
  37. package/src/tokens/semantic/background.tokens.json +9 -1
  38. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -37
  39. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -134
  40. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -2
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
5
+ export const GL_BORDER_COLOR_TRANSPARENT = 'rgba(0, 0, 0, 0)';
6
6
  export const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
7
7
  export const GL_BORDER_COLOR_SUBTLE = '#3a383f';
8
8
  export const GL_BORDER_COLOR_STRONG = '#626168';
@@ -17,14 +17,14 @@ export const GL_BORDER_RADIUS_2XL = '1rem';
17
17
  export const GL_BORDER_RADIUS_3XL = '1.5rem';
18
18
  export const GL_BORDER_RADIUS_FULL = '9999px';
19
19
  export const GL_BORDER_RADIUS_DEFAULT = '0.25rem';
20
- export const GL_COLOR_ALPHA_0 = 'transparent';
21
- export const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
22
- export const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
23
- export const GL_COLOR_ALPHA_DARK_6 = 'rgba(05, 05, 06, 0.06)';
24
- export const GL_COLOR_ALPHA_DARK_8 = 'rgba(05, 05, 06, 0.08)';
25
- export const GL_COLOR_ALPHA_DARK_16 = 'rgba(05, 05, 06, 0.16)';
26
- export const GL_COLOR_ALPHA_DARK_24 = 'rgba(05, 05, 06, 0.24)';
27
- export const GL_COLOR_ALPHA_DARK_40 = 'rgba(05, 05, 06, 0.4)';
20
+ export const GL_COLOR_ALPHA_0 = 'rgba(0, 0, 0, 0)';
21
+ export const GL_COLOR_ALPHA_DARK_2 = 'rgba(5, 5, 6, 0.02)';
22
+ export const GL_COLOR_ALPHA_DARK_4 = 'rgba(5, 5, 6, 0.04)';
23
+ export const GL_COLOR_ALPHA_DARK_6 = 'rgba(5, 5, 6, 0.06)';
24
+ export const GL_COLOR_ALPHA_DARK_8 = 'rgba(5, 5, 6, 0.08)';
25
+ export const GL_COLOR_ALPHA_DARK_16 = 'rgba(5, 5, 6, 0.16)';
26
+ export const GL_COLOR_ALPHA_DARK_24 = 'rgba(5, 5, 6, 0.24)';
27
+ export const GL_COLOR_ALPHA_DARK_40 = 'rgba(5, 5, 6, 0.4)';
28
28
  export const GL_COLOR_ALPHA_LIGHT_2 = 'rgba(255, 255, 255, 0.02)';
29
29
  export const GL_COLOR_ALPHA_LIGHT_4 = 'rgba(255, 255, 255, 0.04)';
30
30
  export const GL_COLOR_ALPHA_LIGHT_6 = 'rgba(255, 255, 255, 0.06)';
@@ -325,14 +325,14 @@ export const GL_OPACITY_9 = '.9';
325
325
  export const GL_OPACITY_10 = '1';
326
326
  export const GL_SHADOW_SM = [
327
327
  {
328
- color: 'rgba(05, 05, 06, 0.4)',
328
+ color: 'rgba(5, 5, 6, 0.4)',
329
329
  offsetX: 0,
330
330
  offsetY: 0,
331
331
  blur: '2px',
332
332
  spread: 0,
333
333
  },
334
334
  {
335
- color: 'rgba(05, 05, 06, 0.4)',
335
+ color: 'rgba(5, 5, 6, 0.4)',
336
336
  offsetX: 0,
337
337
  offsetY: '1px',
338
338
  blur: '4px',
@@ -341,21 +341,21 @@ export const GL_SHADOW_SM = [
341
341
  ];
342
342
  export const GL_SHADOW_MD = [
343
343
  {
344
- color: 'rgba(05, 05, 06, 0.4)',
344
+ color: 'rgba(5, 5, 6, 0.4)',
345
345
  offsetX: 0,
346
346
  offsetY: 0,
347
347
  blur: '1px',
348
348
  spread: 0,
349
349
  },
350
350
  {
351
- color: 'rgba(05, 05, 06, 0.4)',
351
+ color: 'rgba(5, 5, 6, 0.4)',
352
352
  offsetX: 0,
353
353
  offsetY: 0,
354
354
  blur: '2px',
355
355
  spread: 0,
356
356
  },
357
357
  {
358
- color: 'rgba(05, 05, 06, 0.4)',
358
+ color: 'rgba(5, 5, 6, 0.4)',
359
359
  offsetX: 0,
360
360
  offsetY: '2px',
361
361
  blur: '8px',
@@ -364,28 +364,28 @@ export const GL_SHADOW_MD = [
364
364
  ];
365
365
  export const GL_SHADOW_LG = [
366
366
  {
367
- color: 'rgba(05, 05, 06, 0.4)',
367
+ color: 'rgba(5, 5, 6, 0.4)',
368
368
  offsetX: 0,
369
369
  offsetY: 0,
370
370
  blur: '2px',
371
371
  spread: 0,
372
372
  },
373
373
  {
374
- color: 'rgba(05, 05, 06, 0.4)',
374
+ color: 'rgba(5, 5, 6, 0.4)',
375
375
  offsetX: 0,
376
376
  offsetY: 0,
377
377
  blur: '2px',
378
378
  spread: 0,
379
379
  },
380
380
  {
381
- color: 'rgba(05, 05, 06, 0.4)',
381
+ color: 'rgba(5, 5, 6, 0.4)',
382
382
  offsetX: 0,
383
383
  offsetY: '4px',
384
384
  blur: '12px',
385
385
  spread: 0,
386
386
  },
387
387
  ];
388
- export const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
388
+ export const GL_SHADOW_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.4)';
389
389
  export const GL_SPACING_SCALE_0 = '0';
390
390
  export const GL_SPACING_SCALE_1 = '0.125rem';
391
391
  export const GL_SPACING_SCALE_2 = '0.25rem';
@@ -429,23 +429,23 @@ export const GL_ALERT_BORDER_RADIUS = '0.5rem';
429
429
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#fff';
430
430
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
431
431
  export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#89888d';
432
- export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'transparent';
432
+ export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
433
433
  export const GL_ALERT_INFO_TITLE_COLOR = '#63a6e9';
434
434
  export const GL_ALERT_INFO_BACKGROUND_COLOR = '#28272d';
435
435
  export const GL_ALERT_INFO_BORDER_TOP_COLOR = '#428fdc';
436
- export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'transparent';
436
+ export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
437
437
  export const GL_ALERT_SUCCESS_TITLE_COLOR = '#52b87a';
438
438
  export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#28272d';
439
439
  export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = '#2da160';
440
- export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'transparent';
440
+ export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
441
441
  export const GL_ALERT_WARNING_TITLE_COLOR = '#d99530';
442
442
  export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#28272d';
443
443
  export const GL_ALERT_WARNING_BORDER_TOP_COLOR = '#c17d10';
444
- export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'transparent';
444
+ export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
445
445
  export const GL_ALERT_DANGER_TITLE_COLOR = '#f6806d';
446
446
  export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#28272d';
447
447
  export const GL_ALERT_DANGER_BORDER_TOP_COLOR = '#ec5941';
448
- export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'transparent';
448
+ export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
449
449
  export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(255, 255, 255, 0.08)';
450
450
  export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(255, 255, 255, 0.24)';
451
451
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#fcb5aa';
@@ -454,20 +454,23 @@ export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#9dc7f1';
454
454
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#91d4a8';
455
455
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#e9be74';
456
456
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#bfbfc3';
457
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcb5aa3d';
458
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#cbbbf23d';
459
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d';
460
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d';
461
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d';
462
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d';
457
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(252, 181, 170, 0.23921568627450981)';
458
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE =
459
+ 'rgba(203, 187, 242, 0.23921568627450981)';
460
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = 'rgba(157, 199, 241, 0.23921568627450981)';
461
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = 'rgba(145, 212, 168, 0.23921568627450981)';
462
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE =
463
+ 'rgba(233, 190, 116, 0.23921568627450981)';
464
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL =
465
+ 'rgba(191, 191, 195, 0.23921568627450981)';
463
466
  export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#89888d';
464
467
  export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#89888d';
465
468
  export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#89888d';
466
469
  export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a4a3a8';
467
- export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent';
470
+ export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
468
471
  export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a4a3a8';
469
- export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent';
470
- export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent';
472
+ export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
473
+ export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
471
474
  export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#18171d';
472
475
  export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#18171d';
473
476
  export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#18171d';
@@ -480,10 +483,10 @@ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a4a3a8';
480
483
  export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a4a3a8';
481
484
  export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a4a3a8';
482
485
  export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
483
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
486
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
484
487
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3';
485
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
486
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
488
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
489
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
487
490
  export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#18171d';
488
491
  export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#18171d';
489
492
  export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#18171d';
@@ -496,10 +499,10 @@ export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
496
499
  export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#63a6e9';
497
500
  export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#63a6e9';
498
501
  export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1';
499
- export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent';
502
+ export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
500
503
  export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1';
501
- export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent';
502
- export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent';
504
+ export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
505
+ export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
503
506
  export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#1d283e';
504
507
  export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#1d283e';
505
508
  export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#1d283e';
@@ -512,10 +515,10 @@ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a';
512
515
  export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a';
513
516
  export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a';
514
517
  export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8';
515
- export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent';
518
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
516
519
  export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8';
517
- export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent';
518
- export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent';
520
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
521
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
519
522
  export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#17291c';
520
523
  export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#17291c';
521
524
  export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#17291c';
@@ -528,10 +531,10 @@ export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530';
528
531
  export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530';
529
532
  export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530';
530
533
  export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74';
531
- export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent';
534
+ export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
532
535
  export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74';
533
- export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent';
534
- export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent';
536
+ export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
537
+ export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
535
538
  export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#382315';
536
539
  export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#382315';
537
540
  export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#382315';
@@ -544,10 +547,10 @@ export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f6806d';
544
547
  export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f6806d';
545
548
  export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f6806d';
546
549
  export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa';
547
- export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
550
+ export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
548
551
  export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa';
549
- export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent';
550
- export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
552
+ export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
553
+ export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
551
554
  export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#3e1a14';
552
555
  export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#3e1a14';
553
556
  export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#3e1a14';
@@ -560,10 +563,10 @@ export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6';
560
563
  export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6';
561
564
  export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6';
562
565
  export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2';
563
- export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent';
566
+ export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
564
567
  export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2';
565
- export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent';
566
- export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent';
568
+ export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
569
+ export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
567
570
  export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#27243e';
568
571
  export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#27243e';
569
572
  export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#27243e';
@@ -626,22 +629,22 @@ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136
626
629
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)';
627
630
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)';
628
631
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.32)';
629
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent';
630
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'transparent';
631
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'transparent';
632
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent';
632
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
633
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
634
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
635
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
633
636
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
634
637
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ececef';
635
638
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ececef';
636
639
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#ececef';
637
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.0)';
640
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
638
641
  export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
639
642
  export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
640
643
  export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
641
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
642
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
643
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
644
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
644
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
645
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
646
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
647
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
645
648
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
646
649
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
647
650
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
@@ -650,10 +653,10 @@ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
650
653
  export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#9dc7f1';
651
654
  export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
652
655
  export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#428fdc';
653
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent';
654
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'transparent';
655
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'transparent';
656
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent';
656
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
657
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
658
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
659
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
657
660
  export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#cbe2f9';
658
661
  export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#cbe2f9';
659
662
  export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
@@ -662,22 +665,22 @@ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 14
662
665
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.64)';
663
666
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.64)';
664
667
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.32)';
665
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent';
666
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'transparent';
667
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'transparent';
668
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent';
668
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
669
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
670
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
671
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
669
672
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
670
673
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#cbe2f9';
671
674
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
672
675
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
673
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)';
676
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0)';
674
677
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
675
678
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
676
679
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
677
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
678
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
679
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
680
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
680
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
681
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
682
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
683
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
681
684
  export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
682
685
  export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
683
686
  export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
@@ -686,34 +689,34 @@ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#f6806d';
686
689
  export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#fcb5aa';
687
690
  export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fcb5aa';
688
691
  export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#ec5941';
689
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent';
690
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'transparent';
691
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'transparent';
692
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent';
692
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
693
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
694
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
695
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
693
696
  export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#fdd4cd';
694
697
  export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#fcf1ef';
695
698
  export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fcf1ef';
696
699
  export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fcf1ef';
697
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.40)';
700
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.4)';
698
701
  export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.64)';
699
702
  export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.64)';
700
703
  export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.32)';
701
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent';
702
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'transparent';
703
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'transparent';
704
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent';
704
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
705
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
706
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
707
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
705
708
  export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
706
709
  export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#fdd4cd';
707
710
  export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
708
711
  export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
709
- export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)';
712
+ export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0)';
710
713
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
711
714
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
712
715
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
713
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
714
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
715
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
716
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
716
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
717
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
718
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
719
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
717
720
  export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
718
721
  export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
719
722
  export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
@@ -731,19 +734,19 @@ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#a4a3a8';
731
734
  export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#bfbfc3';
732
735
  export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#bfbfc3';
733
736
  export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#89888d';
734
- export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = 'transparent';
735
- export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = 'transparent';
736
- export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = 'transparent';
737
- export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = 'transparent';
737
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
738
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
739
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
740
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
738
741
  export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d';
739
742
  export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)';
740
- export const GL_BUTTON_DISABLED_BORDER_COLOR = 'transparent';
743
+ export const GL_BUTTON_DISABLED_BORDER_COLOR = 'rgba(0, 0, 0, 0)';
741
744
  export const GL_BUTTON_COUNT_BACKGROUND_COLOR = 'rgba(255, 255, 255, 0.16)';
742
745
  export const GL_CARD_BORDER_RADIUS = '0.5rem';
743
746
  export const GL_CHART_AXIS_POINTER_COLOR = '#bfbfc3';
744
747
  export const GL_CHART_AXIS_LINE_COLOR = '#4c4b51';
745
748
  export const GL_CHART_AXIS_TEXT_COLOR = '#bfbfc3';
746
- export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221,43,14,0.1)';
749
+ export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221, 43, 14, 0.1)';
747
750
  export const GL_CHART_THRESHOLD_LINE_COLOR = '#c02f12';
748
751
  export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(255, 255, 255, 0.16)';
749
752
  export const GL_CHART_ZOOM_HANDLE_COLOR = '#bfbfc3';
@@ -763,7 +766,7 @@ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#63a6e9';
763
766
  export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#9dc7f1';
764
767
  export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#9dc7f1';
765
768
  export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#9dc7f1';
766
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(137, 136, 141, 0.0)';
769
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(137, 136, 141, 0)';
767
770
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(137, 136, 141, 0.4)';
768
771
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(137, 136, 141, 0.4)';
769
772
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(137, 136, 141, 0.16)';
@@ -771,7 +774,7 @@ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
771
774
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#4c4b51';
772
775
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#4c4b51';
773
776
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#28272d';
774
- export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(05, 05, 06, 0.16)';
777
+ export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(5, 5, 6, 0.16)';
775
778
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#28272d';
776
779
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
777
780
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
@@ -811,11 +814,11 @@ export const GL_ILLUSTRATION_ISOMETRIC_BASE_TOP_FILL_COLOR = '#32303c';
811
814
  export const GL_ILLUSTRATION_ISOMETRIC_BASE_FRONT_FILL_COLOR = '#2b2932';
812
815
  export const GL_ILLUSTRATION_ISOMETRIC_BASE_SIDE_FILL_COLOR = '#23222b';
813
816
  export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
814
- export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
817
+ export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
815
818
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
816
819
  export const GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT = '#18171d';
817
820
  export const GL_LABEL_DARK_TEXT_COLOR = '#fff';
818
- export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
821
+ export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
819
822
  export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER = '#fff';
820
823
  export const GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT = '#fff';
821
824
  export const GL_LABEL_SCOPED_TEXT_COLOR = '#fff';
@@ -1061,12 +1064,12 @@ export const BRAND_GRAY_02 = '#a2a1a6';
1061
1064
  export const BRAND_GRAY_03 = '#74717a';
1062
1065
  export const BRAND_GRAY_04 = '#45424d';
1063
1066
  export const BRAND_GRAY_05 = '#2b2838';
1064
- export const T_GRAY_A_16 = 'rgba(05, 05, 06, 0.16)';
1065
- export const T_GRAY_A_24 = 'rgba(05, 05, 06, 0.24)';
1066
- export const T_GRAY_A_02 = 'rgba(05, 05, 06, 0.02)';
1067
- export const T_GRAY_A_04 = 'rgba(05, 05, 06, 0.04)';
1068
- export const T_GRAY_A_06 = 'rgba(05, 05, 06, 0.06)';
1069
- export const T_GRAY_A_08 = 'rgba(05, 05, 06, 0.08)';
1067
+ export const T_GRAY_A_16 = 'rgba(5, 5, 6, 0.16)';
1068
+ export const T_GRAY_A_24 = 'rgba(5, 5, 6, 0.24)';
1069
+ export const T_GRAY_A_02 = 'rgba(5, 5, 6, 0.02)';
1070
+ export const T_GRAY_A_04 = 'rgba(5, 5, 6, 0.04)';
1071
+ export const T_GRAY_A_06 = 'rgba(5, 5, 6, 0.06)';
1072
+ export const T_GRAY_A_08 = 'rgba(5, 5, 6, 0.08)';
1070
1073
  export const T_WHITE_A_16 = 'rgba(255, 255, 255, 0.16)';
1071
1074
  export const T_WHITE_A_24 = 'rgba(255, 255, 255, 0.24)';
1072
1075
  export const T_WHITE_A_36 = 'rgba(255, 255, 255, 0.36)';
@@ -1094,38 +1097,38 @@ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
1094
1097
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef';
1095
1098
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef';
1096
1099
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef';
1097
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.0)';
1100
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
1098
1101
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
1099
1102
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
1100
1103
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
1101
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
1102
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
1103
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
1104
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
1104
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1105
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1106
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1107
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1105
1108
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
1106
1109
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9';
1107
1110
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
1108
1111
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
1109
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)';
1112
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0)';
1110
1113
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
1111
1114
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
1112
1115
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
1113
- export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
1114
- export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
1115
- export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
1116
- export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
1116
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1117
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1118
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1119
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1117
1120
  export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
1118
1121
  export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd';
1119
1122
  export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
1120
1123
  export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
1121
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)';
1124
+ export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0)';
1122
1125
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
1123
1126
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
1124
1127
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
1125
- export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
1126
- export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
1127
- export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
1128
- export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
1128
+ export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1129
+ export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1130
+ export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1131
+ export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1129
1132
  export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
1130
1133
  export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1';
1131
1134
  export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
@@ -1134,10 +1137,10 @@ export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d';
1134
1137
  export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
1135
1138
  export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
1136
1139
  export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#18171d';
1137
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
1138
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
1139
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
1140
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
1140
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1141
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1142
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1143
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1141
1144
  export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#4c4b51';
1142
1145
  export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168';
1143
1146
  export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168';
@@ -1146,18 +1149,18 @@ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
1146
1149
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
1147
1150
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
1148
1151
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
1149
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
1150
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
1151
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
1152
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
1152
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1153
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1154
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1155
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1153
1156
  export const GL_BACKGROUND_COLOR_DEFAULT = '#18171d';
1154
1157
  export const GL_BACKGROUND_COLOR_SUBTLE = '#28272d';
1155
1158
  export const GL_BACKGROUND_COLOR_STRONG = '#3a383f';
1156
1159
  export const GL_BACKGROUND_COLOR_DISABLED = '#28272d';
1157
1160
  export const GL_BACKGROUND_COLOR_OVERLAP = '#28272d';
1158
1161
  export const GL_BACKGROUND_COLOR_SECTION = '#3a383f';
1159
- export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0,0,0,0.64)';
1160
- export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
1162
+ export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0, 0, 0, 0.64)';
1163
+ export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.4)';
1161
1164
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
1162
1165
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
1163
1166
  export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(255, 255, 255, 0.08)';