@gitlab/ui 127.1.1 → 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 (59) 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/components/base/form/form_group/form_group.js +3 -0
  4. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +95 -20
  5. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +1 -1
  6. package/dist/components/base/new_dropdowns/listbox/listbox.js +47 -10
  7. package/dist/index.css +1 -1
  8. package/dist/index.css.map +1 -1
  9. package/dist/tailwind.css +1 -1
  10. package/dist/tailwind.css.map +1 -1
  11. package/dist/tokens/build/js/tokens.dark.js +127 -127
  12. package/dist/tokens/build/js/tokens.js +110 -110
  13. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
  14. package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +1 -2
  15. package/package.json +1 -1
  16. package/src/components/base/form/form_checkbox/form_checkbox.vue +0 -3
  17. package/src/components/base/form/form_checkbox/form_checkbox_group.vue +148 -21
  18. package/src/components/base/form/form_group/form_group.vue +3 -0
  19. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +101 -22
  20. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue +3 -2
  21. package/src/components/base/new_dropdowns/listbox/listbox.vue +52 -9
  22. package/src/scss/bootstrap_vue.scss +0 -1
  23. package/src/tokens/build/css/tokens.css +24 -24
  24. package/src/tokens/build/css/tokens.dark.css +26 -26
  25. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +82 -82
  26. package/src/tokens/build/docs/tokens-tailwind-docs.json +81 -81
  27. package/src/tokens/build/figma/constants.tokens.json +2245 -226
  28. package/src/tokens/build/figma/contextual.tokens.json +753 -77
  29. package/src/tokens/build/figma/deprecated.tokens.json +4151 -420
  30. package/src/tokens/build/figma/semantic.tokens.json +171 -19
  31. package/src/tokens/build/js/tokens.dark.js +130 -127
  32. package/src/tokens/build/js/tokens.js +113 -110
  33. package/src/tokens/build/json/tokens.dark.json +161 -161
  34. package/src/tokens/build/json/tokens.json +142 -142
  35. package/src/tokens/build/scss/_tokens.dark.scss +26 -26
  36. package/src/tokens/build/scss/_tokens.scss +24 -24
  37. package/src/tokens/constant/color.alpha.tokens.json +135 -15
  38. package/src/tokens/constant/color.tokens.json +2110 -211
  39. package/src/tokens/contextual/avatar.tokens.json +54 -6
  40. package/src/tokens/contextual/button.tokens.json +90 -10
  41. package/src/tokens/contextual/chart.tokens.json +9 -1
  42. package/src/tokens/contextual/illustration.tokens.json +600 -60
  43. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +1100 -110
  44. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +1440 -144
  45. package/src/tokens/deprecated/deprecated.color.tokens.json +1490 -149
  46. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +147 -43
  47. package/src/tokens/semantic/action.tokens.json +162 -18
  48. package/src/tokens/semantic/background.tokens.json +9 -1
  49. package/src/vendor/bootstrap-vue/src/constants/components.js +0 -2
  50. package/src/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +1 -2
  51. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -37
  52. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -134
  53. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -2
  54. package/src/vendor/bootstrap-vue/src/components/form-checkbox/_form-checkbox-group.scss +0 -1
  55. package/src/vendor/bootstrap-vue/src/components/form-checkbox/_form-checkbox.scss +0 -125
  56. package/src/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -42
  57. package/src/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -132
  58. package/src/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -4
  59. package/src/vendor/bootstrap-vue/src/components/form-checkbox/index.scss +0 -2
package/dist/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
- const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
5
+ const GL_BORDER_COLOR_TRANSPARENT = 'rgba(0, 0, 0, 0)';
6
6
  const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
7
7
  const GL_BORDER_COLOR_SUBTLE = '#3a383f';
8
8
  const GL_BORDER_COLOR_STRONG = '#626168';
@@ -17,14 +17,14 @@ const GL_BORDER_RADIUS_2XL = '1rem';
17
17
  const GL_BORDER_RADIUS_3XL = '1.5rem';
18
18
  const GL_BORDER_RADIUS_FULL = '9999px';
19
19
  const GL_BORDER_RADIUS_DEFAULT = '0.25rem';
20
- const GL_COLOR_ALPHA_0 = 'transparent';
21
- const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
22
- const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
23
- const GL_COLOR_ALPHA_DARK_6 = 'rgba(05, 05, 06, 0.06)';
24
- const GL_COLOR_ALPHA_DARK_8 = 'rgba(05, 05, 06, 0.08)';
25
- const GL_COLOR_ALPHA_DARK_16 = 'rgba(05, 05, 06, 0.16)';
26
- const GL_COLOR_ALPHA_DARK_24 = 'rgba(05, 05, 06, 0.24)';
27
- const GL_COLOR_ALPHA_DARK_40 = 'rgba(05, 05, 06, 0.4)';
20
+ const GL_COLOR_ALPHA_0 = 'rgba(0, 0, 0, 0)';
21
+ const GL_COLOR_ALPHA_DARK_2 = 'rgba(5, 5, 6, 0.02)';
22
+ const GL_COLOR_ALPHA_DARK_4 = 'rgba(5, 5, 6, 0.04)';
23
+ const GL_COLOR_ALPHA_DARK_6 = 'rgba(5, 5, 6, 0.06)';
24
+ const GL_COLOR_ALPHA_DARK_8 = 'rgba(5, 5, 6, 0.08)';
25
+ const GL_COLOR_ALPHA_DARK_16 = 'rgba(5, 5, 6, 0.16)';
26
+ const GL_COLOR_ALPHA_DARK_24 = 'rgba(5, 5, 6, 0.24)';
27
+ const GL_COLOR_ALPHA_DARK_40 = 'rgba(5, 5, 6, 0.4)';
28
28
  const GL_COLOR_ALPHA_LIGHT_2 = 'rgba(255, 255, 255, 0.02)';
29
29
  const GL_COLOR_ALPHA_LIGHT_4 = 'rgba(255, 255, 255, 0.04)';
30
30
  const GL_COLOR_ALPHA_LIGHT_6 = 'rgba(255, 255, 255, 0.06)';
@@ -297,57 +297,57 @@ const GL_OPACITY_8 = '.8';
297
297
  const GL_OPACITY_9 = '.9';
298
298
  const GL_OPACITY_10 = '1';
299
299
  const GL_SHADOW_SM = [{
300
- color: 'rgba(05, 05, 06, 0.4)',
300
+ color: 'rgba(5, 5, 6, 0.4)',
301
301
  offsetX: 0,
302
302
  offsetY: 0,
303
303
  blur: '2px',
304
304
  spread: 0
305
305
  }, {
306
- color: 'rgba(05, 05, 06, 0.4)',
306
+ color: 'rgba(5, 5, 6, 0.4)',
307
307
  offsetX: 0,
308
308
  offsetY: '1px',
309
309
  blur: '4px',
310
310
  spread: 0
311
311
  }];
312
312
  const GL_SHADOW_MD = [{
313
- color: 'rgba(05, 05, 06, 0.4)',
313
+ color: 'rgba(5, 5, 6, 0.4)',
314
314
  offsetX: 0,
315
315
  offsetY: 0,
316
316
  blur: '1px',
317
317
  spread: 0
318
318
  }, {
319
- color: 'rgba(05, 05, 06, 0.4)',
319
+ color: 'rgba(5, 5, 6, 0.4)',
320
320
  offsetX: 0,
321
321
  offsetY: 0,
322
322
  blur: '2px',
323
323
  spread: 0
324
324
  }, {
325
- color: 'rgba(05, 05, 06, 0.4)',
325
+ color: 'rgba(5, 5, 6, 0.4)',
326
326
  offsetX: 0,
327
327
  offsetY: '2px',
328
328
  blur: '8px',
329
329
  spread: 0
330
330
  }];
331
331
  const GL_SHADOW_LG = [{
332
- color: 'rgba(05, 05, 06, 0.4)',
332
+ color: 'rgba(5, 5, 6, 0.4)',
333
333
  offsetX: 0,
334
334
  offsetY: 0,
335
335
  blur: '2px',
336
336
  spread: 0
337
337
  }, {
338
- color: 'rgba(05, 05, 06, 0.4)',
338
+ color: 'rgba(5, 5, 6, 0.4)',
339
339
  offsetX: 0,
340
340
  offsetY: 0,
341
341
  blur: '2px',
342
342
  spread: 0
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: '4px',
347
347
  blur: '12px',
348
348
  spread: 0
349
349
  }];
350
- const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
350
+ const GL_SHADOW_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.4)';
351
351
  const GL_SPACING_SCALE_0 = '0';
352
352
  const GL_SPACING_SCALE_1 = '0.125rem';
353
353
  const GL_SPACING_SCALE_2 = '0.25rem';
@@ -391,23 +391,23 @@ const GL_ALERT_BORDER_RADIUS = '0.5rem';
391
391
  const GL_ALERT_NEUTRAL_TITLE_COLOR = '#fff';
392
392
  const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
393
393
  const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#89888d';
394
- const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'transparent';
394
+ const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
395
395
  const GL_ALERT_INFO_TITLE_COLOR = '#63a6e9';
396
396
  const GL_ALERT_INFO_BACKGROUND_COLOR = '#28272d';
397
397
  const GL_ALERT_INFO_BORDER_TOP_COLOR = '#428fdc';
398
- const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'transparent';
398
+ const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
399
399
  const GL_ALERT_SUCCESS_TITLE_COLOR = '#52b87a';
400
400
  const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#28272d';
401
401
  const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = '#2da160';
402
- const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'transparent';
402
+ const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
403
403
  const GL_ALERT_WARNING_TITLE_COLOR = '#d99530';
404
404
  const GL_ALERT_WARNING_BACKGROUND_COLOR = '#28272d';
405
405
  const GL_ALERT_WARNING_BORDER_TOP_COLOR = '#c17d10';
406
- const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'transparent';
406
+ const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
407
407
  const GL_ALERT_DANGER_TITLE_COLOR = '#f6806d';
408
408
  const GL_ALERT_DANGER_BACKGROUND_COLOR = '#28272d';
409
409
  const GL_ALERT_DANGER_BORDER_TOP_COLOR = '#ec5941';
410
- const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'transparent';
410
+ const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
411
411
  const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(255, 255, 255, 0.08)';
412
412
  const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(255, 255, 255, 0.24)';
413
413
  const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#fcb5aa';
@@ -416,20 +416,20 @@ const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#9dc7f1';
416
416
  const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#91d4a8';
417
417
  const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#e9be74';
418
418
  const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#bfbfc3';
419
- const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcb5aa3d';
420
- const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#cbbbf23d';
421
- const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d';
422
- const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d';
423
- const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d';
424
- const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d';
419
+ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(252, 181, 170, 0.23921568627450981)';
420
+ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = 'rgba(203, 187, 242, 0.23921568627450981)';
421
+ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = 'rgba(157, 199, 241, 0.23921568627450981)';
422
+ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = 'rgba(145, 212, 168, 0.23921568627450981)';
423
+ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = 'rgba(233, 190, 116, 0.23921568627450981)';
424
+ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = 'rgba(191, 191, 195, 0.23921568627450981)';
425
425
  const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#89888d';
426
426
  const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#89888d';
427
427
  const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#89888d';
428
428
  const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a4a3a8';
429
- const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent';
429
+ const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
430
430
  const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a4a3a8';
431
- const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent';
432
- const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent';
431
+ const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
432
+ const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
433
433
  const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#18171d';
434
434
  const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#18171d';
435
435
  const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#18171d';
@@ -442,10 +442,10 @@ const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a4a3a8';
442
442
  const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a4a3a8';
443
443
  const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a4a3a8';
444
444
  const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
445
- const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
445
+ const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
446
446
  const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3';
447
- const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
448
- const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
447
+ const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
448
+ const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
449
449
  const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#18171d';
450
450
  const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#18171d';
451
451
  const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#18171d';
@@ -458,10 +458,10 @@ const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
458
458
  const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#63a6e9';
459
459
  const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#63a6e9';
460
460
  const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1';
461
- const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent';
461
+ const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
462
462
  const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1';
463
- const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent';
464
- const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent';
463
+ const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
464
+ const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
465
465
  const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#1d283e';
466
466
  const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#1d283e';
467
467
  const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#1d283e';
@@ -474,10 +474,10 @@ const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a';
474
474
  const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a';
475
475
  const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a';
476
476
  const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8';
477
- const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent';
477
+ const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
478
478
  const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8';
479
- const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent';
480
- const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent';
479
+ const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
480
+ const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
481
481
  const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#17291c';
482
482
  const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#17291c';
483
483
  const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#17291c';
@@ -490,10 +490,10 @@ const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530';
490
490
  const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530';
491
491
  const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530';
492
492
  const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74';
493
- const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent';
493
+ const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
494
494
  const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74';
495
- const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent';
496
- const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent';
495
+ const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
496
+ const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
497
497
  const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#382315';
498
498
  const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#382315';
499
499
  const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#382315';
@@ -506,10 +506,10 @@ const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f6806d';
506
506
  const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f6806d';
507
507
  const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f6806d';
508
508
  const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa';
509
- const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
509
+ const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
510
510
  const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa';
511
- const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent';
512
- const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
511
+ const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
512
+ const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
513
513
  const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#3e1a14';
514
514
  const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#3e1a14';
515
515
  const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#3e1a14';
@@ -522,10 +522,10 @@ const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6';
522
522
  const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6';
523
523
  const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6';
524
524
  const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2';
525
- const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent';
525
+ const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
526
526
  const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2';
527
- const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent';
528
- const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent';
527
+ const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
528
+ const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
529
529
  const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#27243e';
530
530
  const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#27243e';
531
531
  const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#27243e';
@@ -588,22 +588,22 @@ const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141,
588
588
  const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)';
589
589
  const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)';
590
590
  const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.32)';
591
- const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent';
592
- const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'transparent';
593
- const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'transparent';
594
- const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent';
591
+ const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
592
+ const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
593
+ const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
594
+ const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
595
595
  const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
596
596
  const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ececef';
597
597
  const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ececef';
598
598
  const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#ececef';
599
- const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.0)';
599
+ const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
600
600
  const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
601
601
  const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
602
602
  const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
603
- const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
604
- const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
605
- const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
606
- const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
603
+ const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
604
+ const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
605
+ const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
606
+ const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
607
607
  const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
608
608
  const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
609
609
  const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
@@ -612,10 +612,10 @@ const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
612
612
  const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#9dc7f1';
613
613
  const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
614
614
  const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#428fdc';
615
- const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent';
616
- const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'transparent';
617
- const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'transparent';
618
- const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent';
615
+ const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
616
+ const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
617
+ const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
618
+ const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
619
619
  const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#cbe2f9';
620
620
  const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#cbe2f9';
621
621
  const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
@@ -624,22 +624,22 @@ const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220,
624
624
  const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.64)';
625
625
  const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.64)';
626
626
  const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.32)';
627
- const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent';
628
- const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'transparent';
629
- const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'transparent';
630
- const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent';
627
+ const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
628
+ const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
629
+ const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
630
+ const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
631
631
  const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
632
632
  const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#cbe2f9';
633
633
  const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
634
634
  const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
635
- const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)';
635
+ const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0)';
636
636
  const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
637
637
  const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
638
638
  const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
639
- const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
640
- const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
641
- const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
642
- const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
639
+ const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
640
+ const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
641
+ const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
642
+ const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
643
643
  const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
644
644
  const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
645
645
  const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
@@ -648,34 +648,34 @@ const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#f6806d';
648
648
  const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#fcb5aa';
649
649
  const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fcb5aa';
650
650
  const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#ec5941';
651
- const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent';
652
- const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'transparent';
653
- const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'transparent';
654
- const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent';
651
+ const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
652
+ const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
653
+ const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
654
+ const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
655
655
  const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#fdd4cd';
656
656
  const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#fcf1ef';
657
657
  const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fcf1ef';
658
658
  const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fcf1ef';
659
- const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.40)';
659
+ const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.4)';
660
660
  const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.64)';
661
661
  const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.64)';
662
662
  const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.32)';
663
- const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent';
664
- const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'transparent';
665
- const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'transparent';
666
- const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent';
663
+ const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
664
+ const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
665
+ const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
666
+ const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
667
667
  const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
668
668
  const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#fdd4cd';
669
669
  const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
670
670
  const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
671
- const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)';
671
+ const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0)';
672
672
  const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
673
673
  const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
674
674
  const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
675
- const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
676
- const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
677
- const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
678
- const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
675
+ const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
676
+ const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
677
+ const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
678
+ const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
679
679
  const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
680
680
  const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
681
681
  const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
@@ -693,19 +693,19 @@ const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#a4a3a8';
693
693
  const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#bfbfc3';
694
694
  const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#bfbfc3';
695
695
  const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#89888d';
696
- const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = 'transparent';
697
- const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = 'transparent';
698
- const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = 'transparent';
699
- const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = 'transparent';
696
+ const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
697
+ const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
698
+ const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
699
+ const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
700
700
  const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d';
701
701
  const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)';
702
- const GL_BUTTON_DISABLED_BORDER_COLOR = 'transparent';
702
+ const GL_BUTTON_DISABLED_BORDER_COLOR = 'rgba(0, 0, 0, 0)';
703
703
  const GL_BUTTON_COUNT_BACKGROUND_COLOR = 'rgba(255, 255, 255, 0.16)';
704
704
  const GL_CARD_BORDER_RADIUS = '0.5rem';
705
705
  const GL_CHART_AXIS_POINTER_COLOR = '#bfbfc3';
706
706
  const GL_CHART_AXIS_LINE_COLOR = '#4c4b51';
707
707
  const GL_CHART_AXIS_TEXT_COLOR = '#bfbfc3';
708
- const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221,43,14,0.1)';
708
+ const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221, 43, 14, 0.1)';
709
709
  const GL_CHART_THRESHOLD_LINE_COLOR = '#c02f12';
710
710
  const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(255, 255, 255, 0.16)';
711
711
  const GL_CHART_ZOOM_HANDLE_COLOR = '#bfbfc3';
@@ -725,7 +725,7 @@ const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#63a6e9';
725
725
  const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#9dc7f1';
726
726
  const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#9dc7f1';
727
727
  const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#9dc7f1';
728
- const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(137, 136, 141, 0.0)';
728
+ const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(137, 136, 141, 0)';
729
729
  const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(137, 136, 141, 0.4)';
730
730
  const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(137, 136, 141, 0.4)';
731
731
  const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(137, 136, 141, 0.16)';
@@ -733,7 +733,7 @@ const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
733
733
  const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#4c4b51';
734
734
  const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#4c4b51';
735
735
  const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#28272d';
736
- const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(05, 05, 06, 0.16)';
736
+ const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(5, 5, 6, 0.16)';
737
737
  const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#28272d';
738
738
  const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
739
739
  const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
@@ -773,11 +773,11 @@ const GL_ILLUSTRATION_ISOMETRIC_BASE_TOP_FILL_COLOR = '#32303c';
773
773
  const GL_ILLUSTRATION_ISOMETRIC_BASE_FRONT_FILL_COLOR = '#2b2932';
774
774
  const GL_ILLUSTRATION_ISOMETRIC_BASE_SIDE_FILL_COLOR = '#23222b';
775
775
  const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
776
- const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
776
+ const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
777
777
  const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
778
778
  const GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT = '#18171d';
779
779
  const GL_LABEL_DARK_TEXT_COLOR = '#fff';
780
- const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
780
+ const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
781
781
  const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER = '#fff';
782
782
  const GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT = '#fff';
783
783
  const GL_LABEL_SCOPED_TEXT_COLOR = '#fff';
@@ -1023,12 +1023,12 @@ const BRAND_GRAY_02 = '#a2a1a6';
1023
1023
  const BRAND_GRAY_03 = '#74717a';
1024
1024
  const BRAND_GRAY_04 = '#45424d';
1025
1025
  const BRAND_GRAY_05 = '#2b2838';
1026
- const T_GRAY_A_16 = 'rgba(05, 05, 06, 0.16)';
1027
- const T_GRAY_A_24 = 'rgba(05, 05, 06, 0.24)';
1028
- const T_GRAY_A_02 = 'rgba(05, 05, 06, 0.02)';
1029
- const T_GRAY_A_04 = 'rgba(05, 05, 06, 0.04)';
1030
- const T_GRAY_A_06 = 'rgba(05, 05, 06, 0.06)';
1031
- const T_GRAY_A_08 = 'rgba(05, 05, 06, 0.08)';
1026
+ const T_GRAY_A_16 = 'rgba(5, 5, 6, 0.16)';
1027
+ const T_GRAY_A_24 = 'rgba(5, 5, 6, 0.24)';
1028
+ const T_GRAY_A_02 = 'rgba(5, 5, 6, 0.02)';
1029
+ const T_GRAY_A_04 = 'rgba(5, 5, 6, 0.04)';
1030
+ const T_GRAY_A_06 = 'rgba(5, 5, 6, 0.06)';
1031
+ const T_GRAY_A_08 = 'rgba(5, 5, 6, 0.08)';
1032
1032
  const T_WHITE_A_16 = 'rgba(255, 255, 255, 0.16)';
1033
1033
  const T_WHITE_A_24 = 'rgba(255, 255, 255, 0.24)';
1034
1034
  const T_WHITE_A_36 = 'rgba(255, 255, 255, 0.36)';
@@ -1056,38 +1056,38 @@ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
1056
1056
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef';
1057
1057
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef';
1058
1058
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef';
1059
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.0)';
1059
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
1060
1060
  const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
1061
1061
  const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
1062
1062
  const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
1063
- const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
1064
- const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
1065
- const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
1066
- const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
1063
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1064
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1065
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1066
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1067
1067
  const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
1068
1068
  const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9';
1069
1069
  const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
1070
1070
  const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
1071
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)';
1071
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0)';
1072
1072
  const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
1073
1073
  const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
1074
1074
  const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
1075
- const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
1076
- const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
1077
- const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
1078
- const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
1075
+ const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1076
+ const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1077
+ const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1078
+ const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1079
1079
  const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
1080
1080
  const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd';
1081
1081
  const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
1082
1082
  const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
1083
- const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)';
1083
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0)';
1084
1084
  const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
1085
1085
  const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
1086
1086
  const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
1087
- const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
1088
- const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
1089
- const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
1090
- const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
1087
+ const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1088
+ const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1089
+ const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1090
+ const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1091
1091
  const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
1092
1092
  const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1';
1093
1093
  const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
@@ -1096,10 +1096,10 @@ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d';
1096
1096
  const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
1097
1097
  const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
1098
1098
  const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#18171d';
1099
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
1100
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
1101
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
1102
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
1099
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1100
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1101
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1102
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1103
1103
  const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#4c4b51';
1104
1104
  const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168';
1105
1105
  const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168';
@@ -1108,18 +1108,18 @@ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
1108
1108
  const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
1109
1109
  const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
1110
1110
  const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
1111
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
1112
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
1113
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
1114
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
1111
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1112
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1113
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1114
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1115
1115
  const GL_BACKGROUND_COLOR_DEFAULT = '#18171d';
1116
1116
  const GL_BACKGROUND_COLOR_SUBTLE = '#28272d';
1117
1117
  const GL_BACKGROUND_COLOR_STRONG = '#3a383f';
1118
1118
  const GL_BACKGROUND_COLOR_DISABLED = '#28272d';
1119
1119
  const GL_BACKGROUND_COLOR_OVERLAP = '#28272d';
1120
1120
  const GL_BACKGROUND_COLOR_SECTION = '#3a383f';
1121
- const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0,0,0,0.64)';
1122
- const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
1121
+ const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0, 0, 0, 0.64)';
1122
+ const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.4)';
1123
1123
  const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
1124
1124
  const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
1125
1125
  const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(255, 255, 255, 0.08)';