@gitlab/ui 89.2.0 → 89.3.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 (26) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +91 -91
  5. package/dist/tokens/build/js/tokens.js +8 -8
  6. package/dist/tokens/css/tokens.css +6 -6
  7. package/dist/tokens/css/tokens.dark.css +63 -63
  8. package/dist/tokens/js/tokens.dark.js +91 -91
  9. package/dist/tokens/js/tokens.js +8 -8
  10. package/dist/tokens/json/tokens.dark.json +160 -160
  11. package/dist/tokens/json/tokens.json +77 -77
  12. package/dist/tokens/scss/_tokens.dark.scss +63 -63
  13. package/dist/tokens/scss/_tokens.scss +6 -6
  14. package/package.json +1 -1
  15. package/src/components/base/badge/badge.scss +65 -32
  16. package/src/components/base/datepicker/datepicker.scss +5 -0
  17. package/src/components/base/toggle/toggle.scss +8 -5
  18. package/src/tokens/build/css/tokens.css +6 -6
  19. package/src/tokens/build/css/tokens.dark.css +63 -63
  20. package/src/tokens/build/js/tokens.dark.js +91 -91
  21. package/src/tokens/build/js/tokens.js +8 -8
  22. package/src/tokens/build/json/tokens.dark.json +160 -160
  23. package/src/tokens/build/json/tokens.json +77 -77
  24. package/src/tokens/build/scss/_tokens.dark.scss +63 -63
  25. package/src/tokens/build/scss/_tokens.scss +6 -6
  26. package/src/tokens/contextual/badge.tokens.json +69 -69
package/src/tokens/build/css/tokens.dark.css CHANGED
@@ -574,90 +574,90 @@
574
574
  --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /* Used for the breadcrumb level separator. */
575
575
  --gl-banner-promo-background-color: var(--gl-color-neutral-900); /* Used as background for the default banner type. */
576
576
  --gl-banner-intro-border-color: var(--gl-color-blue-600); /* Used to compliment the info banner. */
577
- --gl-badge-tier-icon-color-active: var(--gl-color-purple-300); /* Used for the icon of a tier related badge in the active state. */
578
- --gl-badge-tier-icon-color-hover: var(--gl-color-purple-400); /* Used for the icon of a tier related badge in the hover state. */
579
- --gl-badge-tier-icon-color-default: var(--gl-color-purple-500); /* Used for the icon of a tier related badge when static or the default state when linked. */
580
- --gl-badge-tier-text-color-active: var(--gl-color-purple-100); /* Used for the text of a tier related badge in the active state. */
581
- --gl-badge-tier-text-color-hover: var(--gl-color-purple-200); /* Used for the text of a tier related badge in the hover state. */
582
- --gl-badge-tier-text-color-default: var(--gl-color-purple-300); /* Used for the text of a tier related badge when static or the default state when linked. */
577
+ --gl-badge-tier-icon-color-active: var(--gl-color-purple-950); /* Used for the icon of a tier related badge in the active state. */
578
+ --gl-badge-tier-icon-color-hover: var(--gl-color-purple-950); /* Used for the icon of a tier related badge in the hover state. */
579
+ --gl-badge-tier-icon-color-default: var(--gl-color-purple-950); /* Used for the icon of a tier related badge when static or the default state when linked. */
580
+ --gl-badge-tier-text-color-active: var(--gl-color-purple-950); /* Used for the text of a tier related badge in the active state. */
581
+ --gl-badge-tier-text-color-hover: var(--gl-color-purple-950); /* Used for the text of a tier related badge in the hover state. */
582
+ --gl-badge-tier-text-color-default: var(--gl-color-purple-950); /* Used for the text of a tier related badge when static or the default state when linked. */
583
583
  --gl-badge-tier-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a tier related badge in the active state. */
584
584
  --gl-badge-tier-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a tier related badge in the focus state. */
585
- --gl-badge-tier-border-color-hover: var(--gl-color-purple-800); /* Used for the border of a tier related badge in the hover state. */
585
+ --gl-badge-tier-border-color-hover: var(--gl-color-purple-200); /* Used for the border of a tier related badge in the hover state. */
586
586
  --gl-badge-tier-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a tier related badge when static or the default state when linked. */
587
- --gl-badge-tier-background-color-active: var(--gl-color-purple-800); /* Used for the background of a tier related badge in the active state. */
588
- --gl-badge-tier-background-color-default: var(--gl-color-purple-900); /* Used for the background of a tier related badge when static or the default state when linked. */
589
- --gl-badge-danger-icon-color-active: var(--gl-color-red-200); /* Used for the icon of a danger badge in the active state. */
590
- --gl-badge-danger-icon-color-hover: var(--gl-color-red-300); /* Used for the icon of a danger badge in the hover state. */
591
- --gl-badge-danger-icon-color-default: var(--gl-color-red-400); /* Used for the icon of a danger badge when static or the default state when linked. */
592
- --gl-badge-danger-text-color-active: var(--gl-color-red-50); /* Used for the text of a danger badge in the active state. */
593
- --gl-badge-danger-text-color-hover: var(--gl-color-red-100); /* Used for the text of a danger badge in the hover state. */
594
- --gl-badge-danger-text-color-default: var(--gl-color-red-200); /* Used for the text of a danger badge when static or the default state when linked. */
587
+ --gl-badge-tier-background-color-active: var(--gl-color-purple-200); /* Used for the background of a tier related badge in the active state. */
588
+ --gl-badge-tier-background-color-default: var(--gl-color-purple-300); /* Used for the background of a tier related badge when static or the default state when linked. */
589
+ --gl-badge-danger-icon-color-active: var(--gl-color-red-950); /* Used for the icon of a danger badge in the active state. */
590
+ --gl-badge-danger-icon-color-hover: var(--gl-color-red-950); /* Used for the icon of a danger badge in the hover state. */
591
+ --gl-badge-danger-icon-color-default: var(--gl-color-red-950); /* Used for the icon of a danger badge when static or the default state when linked. */
592
+ --gl-badge-danger-text-color-active: var(--gl-color-red-950); /* Used for the text of a danger badge in the active state. */
593
+ --gl-badge-danger-text-color-hover: var(--gl-color-red-950); /* Used for the text of a danger badge in the hover state. */
594
+ --gl-badge-danger-text-color-default: var(--gl-color-red-950); /* Used for the text of a danger badge when static or the default state when linked. */
595
595
  --gl-badge-danger-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a danger badge in the active state. */
596
596
  --gl-badge-danger-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a danger badge in the focus state. */
597
- --gl-badge-danger-border-color-hover: var(--gl-color-red-700); /* Used for the border of a danger badge in the hover state. */
597
+ --gl-badge-danger-border-color-hover: var(--gl-color-red-200); /* Used for the border of a danger badge in the hover state. */
598
598
  --gl-badge-danger-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a danger badge when static or the default state when linked. */
599
- --gl-badge-danger-background-color-active: var(--gl-color-red-700); /* Used for the background of a danger badge in the active state. */
600
- --gl-badge-danger-background-color-default: var(--gl-color-red-800); /* Used for the background of a danger badge when static or the default state when linked. */
601
- --gl-badge-warning-icon-color-active: var(--gl-color-orange-200); /* Used for the icon of a warning badge in the active state. */
602
- --gl-badge-warning-icon-color-hover: var(--gl-color-orange-300); /* Used for the icon of a warning badge in the hover state. */
603
- --gl-badge-warning-icon-color-default: var(--gl-color-orange-400); /* Used for the icon of a warning badge when static or the default state when linked. */
604
- --gl-badge-warning-text-color-active: var(--gl-color-orange-50); /* Used for the text of a warning badge in the active state. */
605
- --gl-badge-warning-text-color-hover: var(--gl-color-orange-100); /* Used for the text of a warning badge in the hover state. */
606
- --gl-badge-warning-text-color-default: var(--gl-color-orange-200); /* Used for the text of a warning badge when static or the default state when linked. */
599
+ --gl-badge-danger-background-color-active: var(--gl-color-red-200); /* Used for the background of a danger badge in the active state. */
600
+ --gl-badge-danger-background-color-default: var(--gl-color-red-300); /* Used for the background of a danger badge when static or the default state when linked. */
601
+ --gl-badge-warning-icon-color-active: var(--gl-color-orange-950); /* Used for the icon of a warning badge in the active state. */
602
+ --gl-badge-warning-icon-color-hover: var(--gl-color-orange-950); /* Used for the icon of a warning badge in the hover state. */
603
+ --gl-badge-warning-icon-color-default: var(--gl-color-orange-950); /* Used for the icon of a warning badge when static or the default state when linked. */
604
+ --gl-badge-warning-text-color-active: var(--gl-color-orange-950); /* Used for the text of a warning badge in the active state. */
605
+ --gl-badge-warning-text-color-hover: var(--gl-color-orange-950); /* Used for the text of a warning badge in the hover state. */
606
+ --gl-badge-warning-text-color-default: var(--gl-color-orange-950); /* Used for the text of a warning badge when static or the default state when linked. */
607
607
  --gl-badge-warning-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a warning badge in the active state. */
608
608
  --gl-badge-warning-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a warning badge in the focus state. */
609
- --gl-badge-warning-border-color-hover: var(--gl-color-orange-700); /* Used for the border of a warning badge in the hover state. */
609
+ --gl-badge-warning-border-color-hover: var(--gl-color-orange-200); /* Used for the border of a warning badge in the hover state. */
610
610
  --gl-badge-warning-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a warning badge when static or the default state when linked. */
611
- --gl-badge-warning-background-color-active: var(--gl-color-orange-700); /* Used for the background of a warning badge in the active state. */
612
- --gl-badge-warning-background-color-default: var(--gl-color-orange-800); /* Used for the background of a warning badge when static or the default state when linked. */
613
- --gl-badge-success-icon-color-active: var(--gl-color-green-200); /* Used for the icon of a success badge in the active state. */
614
- --gl-badge-success-icon-color-hover: var(--gl-color-green-300); /* Used for the icon of a success badge in the hover state. */
615
- --gl-badge-success-icon-color-default: var(--gl-color-green-400); /* Used for the icon of a success badge when static or the default state when linked. */
616
- --gl-badge-success-text-color-active: var(--gl-color-green-50); /* Used for the text of a success badge in the active state. */
617
- --gl-badge-success-text-color-hover: var(--gl-color-green-100); /* Used for the text of a success badge in the hover state. */
618
- --gl-badge-success-text-color-default: var(--gl-color-green-200); /* Used for the text of a success badge when static or the default state when linked. */
611
+ --gl-badge-warning-background-color-active: var(--gl-color-orange-200); /* Used for the background of a warning badge in the active state. */
612
+ --gl-badge-warning-background-color-default: var(--gl-color-orange-300); /* Used for the background of a warning badge when static or the default state when linked. */
613
+ --gl-badge-success-icon-color-active: var(--gl-color-green-950); /* Used for the icon of a success badge in the active state. */
614
+ --gl-badge-success-icon-color-hover: var(--gl-color-green-950); /* Used for the icon of a success badge in the hover state. */
615
+ --gl-badge-success-icon-color-default: var(--gl-color-green-950); /* Used for the icon of a success badge when static or the default state when linked. */
616
+ --gl-badge-success-text-color-active: var(--gl-color-green-950); /* Used for the text of a success badge in the active state. */
617
+ --gl-badge-success-text-color-hover: var(--gl-color-green-950); /* Used for the text of a success badge in the hover state. */
618
+ --gl-badge-success-text-color-default: var(--gl-color-green-950); /* Used for the text of a success badge when static or the default state when linked. */
619
619
  --gl-badge-success-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a success badge in the active state. */
620
620
  --gl-badge-success-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a success badge in the focus state. */
621
- --gl-badge-success-border-color-hover: var(--gl-color-green-700); /* Used for the border of a success badge in the hover state. */
621
+ --gl-badge-success-border-color-hover: var(--gl-color-green-200); /* Used for the border of a success badge in the hover state. */
622
622
  --gl-badge-success-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a success badge when static or the default state when linked. */
623
- --gl-badge-success-background-color-active: var(--gl-color-green-700); /* Used for the background of a success badge in the active state. */
624
- --gl-badge-success-background-color-default: var(--gl-color-green-800); /* Used for the background of a success badge when static or the default state when linked. */
625
- --gl-badge-info-icon-color-active: var(--gl-color-blue-200); /* Used for the icon of an informational badge in the active state. */
626
- --gl-badge-info-icon-color-hover: var(--gl-color-blue-300); /* Used for the icon of an informational badge in the hover state. */
627
- --gl-badge-info-icon-color-default: var(--gl-color-blue-400); /* Used for the icon of an informational badge when static or the default state when linked. */
628
- --gl-badge-info-text-color-active: var(--gl-color-blue-50); /* Used for the text of an informational badge in the active state. */
629
- --gl-badge-info-text-color-hover: var(--gl-color-blue-100); /* Used for the text of an informational badge in the hover state. */
630
- --gl-badge-info-text-color-default: var(--gl-color-blue-200); /* Used for the text of an informational badge when static or the default state when linked. */
623
+ --gl-badge-success-background-color-active: var(--gl-color-green-200); /* Used for the background of a success badge in the active state. */
624
+ --gl-badge-success-background-color-default: var(--gl-color-green-300); /* Used for the background of a success badge when static or the default state when linked. */
625
+ --gl-badge-info-icon-color-active: var(--gl-color-blue-950); /* Used for the icon of an informational badge in the active state. */
626
+ --gl-badge-info-icon-color-hover: var(--gl-color-blue-950); /* Used for the icon of an informational badge in the hover state. */
627
+ --gl-badge-info-icon-color-default: var(--gl-color-blue-950); /* Used for the icon of an informational badge when static or the default state when linked. */
628
+ --gl-badge-info-text-color-active: var(--gl-color-blue-950); /* Used for the text of an informational badge in the active state. */
629
+ --gl-badge-info-text-color-hover: var(--gl-color-blue-950); /* Used for the text of an informational badge in the hover state. */
630
+ --gl-badge-info-text-color-default: var(--gl-color-blue-950); /* Used for the text of an informational badge when static or the default state when linked. */
631
631
  --gl-badge-info-border-color-active: var(--gl-color-alpha-0); /* Used for the border of an informational badge in the active state. */
632
632
  --gl-badge-info-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of an informational badge in the focus state. */
633
- --gl-badge-info-border-color-hover: var(--gl-color-blue-700); /* Used for the border of an informational badge in the hover state. */
633
+ --gl-badge-info-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an informational badge in the hover state. */
634
634
  --gl-badge-info-border-color-default: var(--gl-color-alpha-0); /* Used for the border of an informational badge when static or the default state when linked. */
635
- --gl-badge-info-background-color-active: var(--gl-color-blue-700); /* Used for the background of an informational badge in the active state. */
636
- --gl-badge-info-background-color-default: var(--gl-color-blue-800); /* Used for the background of an informational badge when static or the default state when linked. */
637
- --gl-badge-neutral-icon-color-active: var(--gl-color-neutral-200); /* Used for the icon of a neutral badge in the active state. */
638
- --gl-badge-neutral-icon-color-hover: var(--gl-color-neutral-300); /* Used for the icon of a neutral badge in the hover state. */
639
- --gl-badge-neutral-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of a neutral badge when static or the default state when linked. */
640
- --gl-badge-neutral-text-color-active: var(--gl-color-neutral-50); /* Used for the text of a neutral badge in the active state. */
641
- --gl-badge-neutral-text-color-hover: var(--gl-color-neutral-100); /* Used for the text of a neutral badge in the hover state. */
642
- --gl-badge-neutral-text-color-default: var(--gl-color-neutral-200); /* Used for the text of a neutral badge when static or the default state when linked. */
635
+ --gl-badge-info-background-color-active: var(--gl-color-blue-200); /* Used for the background of an informational badge in the active state. */
636
+ --gl-badge-info-background-color-default: var(--gl-color-blue-300); /* Used for the background of an informational badge when static or the default state when linked. */
637
+ --gl-badge-neutral-icon-color-active: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge in the active state. */
638
+ --gl-badge-neutral-icon-color-hover: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge in the hover state. */
639
+ --gl-badge-neutral-icon-color-default: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge when static or the default state when linked. */
640
+ --gl-badge-neutral-text-color-active: var(--gl-color-neutral-950); /* Used for the text of a neutral badge in the active state. */
641
+ --gl-badge-neutral-text-color-hover: var(--gl-color-neutral-950); /* Used for the text of a neutral badge in the hover state. */
642
+ --gl-badge-neutral-text-color-default: var(--gl-color-neutral-950); /* Used for the text of a neutral badge when static or the default state when linked. */
643
643
  --gl-badge-neutral-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a neutral badge in the active state. */
644
644
  --gl-badge-neutral-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a neutral badge in the focus state. */
645
- --gl-badge-neutral-border-color-hover: var(--gl-color-neutral-700); /* Used for the border of a neutral badge in the hover state. */
645
+ --gl-badge-neutral-border-color-hover: var(--gl-color-neutral-200); /* Used for the border of a neutral badge in the hover state. */
646
646
  --gl-badge-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral badge when static or the default state when linked. */
647
- --gl-badge-neutral-background-color-active: var(--gl-color-neutral-700); /* Used for the background of a neutral badge in the active state. */
648
- --gl-badge-neutral-background-color-default: var(--gl-color-neutral-800); /* Used for the background of a neutral badge when static or the default state when linked. */
649
- --gl-badge-muted-icon-color-active: var(--gl-color-neutral-200); /* Used for the icon of a muted badge in the active state. */
650
- --gl-badge-muted-icon-color-hover: var(--gl-color-neutral-300); /* Used for the icon of a muted badge in the hover state. */
651
- --gl-badge-muted-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of a muted badge when static or the default state when linked. */
652
- --gl-badge-muted-text-color-active: var(--gl-color-neutral-100); /* Used for the text of a muted badge in the active state. */
653
- --gl-badge-muted-text-color-hover: var(--gl-color-neutral-200); /* Used for the text of a muted badge in the hover state. */
654
- --gl-badge-muted-text-color-default: var(--gl-color-neutral-300); /* Used for the text of a muted badge when static or the default state when linked. */
647
+ --gl-badge-neutral-background-color-active: var(--gl-color-neutral-200); /* Used for the background of a neutral badge in the active state. */
648
+ --gl-badge-neutral-background-color-default: var(--gl-color-neutral-300); /* Used for the background of a neutral badge when static or the default state when linked. */
649
+ --gl-badge-muted-icon-color-active: var(--gl-color-neutral-950); /* Used for the icon of a muted badge in the active state. */
650
+ --gl-badge-muted-icon-color-hover: var(--gl-color-neutral-950); /* Used for the icon of a muted badge in the hover state. */
651
+ --gl-badge-muted-icon-color-default: var(--gl-color-neutral-950); /* Used for the icon of a muted badge when static or the default state when linked. */
652
+ --gl-badge-muted-text-color-active: var(--gl-color-neutral-950); /* Used for the text of a muted badge in the active state. */
653
+ --gl-badge-muted-text-color-hover: var(--gl-color-neutral-950); /* Used for the text of a muted badge in the hover state. */
654
+ --gl-badge-muted-text-color-default: var(--gl-color-neutral-950); /* Used for the text of a muted badge when static or the default state when linked. */
655
655
  --gl-badge-muted-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a muted badge in the active state. */
656
656
  --gl-badge-muted-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a muted badge in the focus state. */
657
- --gl-badge-muted-border-color-hover: var(--gl-color-neutral-700); /* Used for the border of a muted badge in the hover state. */
657
+ --gl-badge-muted-border-color-hover: var(--gl-color-neutral-300); /* Used for the border of a muted badge in the hover state. */
658
658
  --gl-badge-muted-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a muted badge when static or the default state when linked. */
659
- --gl-badge-muted-background-color-active: var(--gl-color-neutral-800); /* Used for the background of a muted badge in the active state. */
660
- --gl-badge-muted-background-color-default: var(--gl-color-neutral-900); /* Used for the background of a muted badge when static or the default state when linked. */
659
+ --gl-badge-muted-background-color-active: var(--gl-color-neutral-300); /* Used for the background of a muted badge in the active state. */
660
+ --gl-badge-muted-background-color-default: var(--gl-color-neutral-400); /* Used for the background of a muted badge when static or the default state when linked. */
661
661
  --gl-avatar-fallback-text-color-neutral: var(--gl-color-neutral-200); /* Neutral text color for avatar fallback with no particular meaning. */
662
662
  --gl-avatar-fallback-text-color-orange: var(--gl-color-orange-200); /* Orange text color for avatar fallback with no particular meaning. */
663
663
  --gl-avatar-fallback-text-color-green: var(--gl-color-green-200); /* Green text color for avatar fallback with no particular meaning. */
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -291,118 +291,118 @@ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d'; // Blue bac
291
291
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d'; // Green background for avatar fallback with no particular meaning.
292
292
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d'; // Orange background for avatar fallback with no particular meaning.
293
293
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d'; // Neutral background for avatar fallback with no particular meaning.
294
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#28272d'; // Used for the background of a muted badge when static or the default state when linked.
295
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#28272d'; // Used for the background of a muted badge in the hover state.
296
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#28272d'; // Used for the background of a muted badge in the focus state.
297
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the background of a muted badge in the active state.
294
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#89888d'; // Used for the background of a muted badge when static or the default state when linked.
295
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#89888d'; // Used for the background of a muted badge in the hover state.
296
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#89888d'; // Used for the background of a muted badge in the focus state.
297
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a4a3a8'; // Used for the background of a muted badge in the active state.
298
298
  export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a muted badge when static or the default state when linked.
299
- export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#4c4b51'; // Used for the border of a muted badge in the hover state.
299
+ export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a4a3a8'; // Used for the border of a muted badge in the hover state.
300
300
  export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a muted badge in the focus state.
301
301
  export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a muted badge in the active state.
302
- export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#a4a3a8'; // Used for the text of a muted badge when static or the default state when linked.
303
- export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#bfbfc3'; // Used for the text of a muted badge in the hover state.
304
- export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#bfbfc3'; // Used for the text of a muted badge in the focus state.
305
- export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#dcdcde'; // Used for the text of a muted badge in the active state.
306
- export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#89888d'; // Used for the icon of a muted badge when static or the default state when linked.
307
- export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#a4a3a8'; // Used for the icon of a muted badge in the hover state.
308
- export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#a4a3a8'; // Used for the icon of a muted badge in the focus state.
309
- export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#bfbfc3'; // Used for the icon of a muted badge in the active state.
310
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the background of a neutral badge when static or the default state when linked.
311
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#3a383f'; // Used for the background of a neutral badge in the hover state.
312
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#3a383f'; // Used for the background of a neutral badge in the focus state.
313
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#4c4b51'; // Used for the background of a neutral badge in the active state.
302
+ export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#18171d'; // Used for the text of a muted badge when static or the default state when linked.
303
+ export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#18171d'; // Used for the text of a muted badge in the hover state.
304
+ export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#18171d'; // Used for the text of a muted badge in the focus state.
305
+ export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#18171d'; // Used for the text of a muted badge in the active state.
306
+ export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#18171d'; // Used for the icon of a muted badge when static or the default state when linked.
307
+ export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#18171d'; // Used for the icon of a muted badge in the hover state.
308
+ export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#18171d'; // Used for the icon of a muted badge in the focus state.
309
+ export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#18171d'; // Used for the icon of a muted badge in the active state.
310
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a4a3a8'; // Used for the background of a neutral badge when static or the default state when linked.
311
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a4a3a8'; // Used for the background of a neutral badge in the hover state.
312
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a4a3a8'; // Used for the background of a neutral badge in the focus state.
313
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3'; // Used for the background of a neutral badge in the active state.
314
314
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral badge when static or the default state when linked.
315
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#4c4b51'; // Used for the border of a neutral badge in the hover state.
315
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a neutral badge in the hover state.
316
316
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral badge in the focus state.
317
317
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral badge in the active state.
318
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#bfbfc3'; // Used for the text of a neutral badge when static or the default state when linked.
319
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#dcdcde'; // Used for the text of a neutral badge in the hover state.
320
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#dcdcde'; // Used for the text of a neutral badge in the focus state.
321
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#ececef'; // Used for the text of a neutral badge in the active state.
322
- export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#89888d'; // Used for the icon of a neutral badge when static or the default state when linked.
323
- export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#a4a3a8'; // Used for the icon of a neutral badge in the hover state.
324
- export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#a4a3a8'; // Used for the icon of a neutral badge in the focus state.
325
- export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#bfbfc3'; // Used for the icon of a neutral badge in the active state.
326
- export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#064787'; // Used for the background of an informational badge when static or the default state when linked.
327
- export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#064787'; // Used for the background of an informational badge in the hover state.
328
- export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#064787'; // Used for the background of an informational badge in the focus state.
329
- export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#0b5cad'; // Used for the background of an informational badge in the active state.
318
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#18171d'; // Used for the text of a neutral badge when static or the default state when linked.
319
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#18171d'; // Used for the text of a neutral badge in the hover state.
320
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#18171d'; // Used for the text of a neutral badge in the focus state.
321
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#18171d'; // Used for the text of a neutral badge in the active state.
322
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#18171d'; // Used for the icon of a neutral badge when static or the default state when linked.
323
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#18171d'; // Used for the icon of a neutral badge in the hover state.
324
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#18171d'; // Used for the icon of a neutral badge in the focus state.
325
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#18171d'; // Used for the icon of a neutral badge in the active state.
326
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of an informational badge when static or the default state when linked.
327
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#63a6e9'; // Used for the background of an informational badge in the hover state.
328
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#63a6e9'; // Used for the background of an informational badge in the focus state.
329
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of an informational badge in the active state.
330
330
  export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an informational badge when static or the default state when linked.
331
- export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#0b5cad'; // Used for the border of an informational badge in the hover state.
331
+ export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1'; // Used for the border of an informational badge in the hover state.
332
332
  export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an informational badge in the focus state.
333
333
  export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an informational badge in the active state.
334
- export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#9dc7f1'; // Used for the text of an informational badge when static or the default state when linked.
335
- export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#cbe2f9'; // Used for the text of an informational badge in the hover state.
336
- export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#cbe2f9'; // Used for the text of an informational badge in the focus state.
337
- export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#e9f3fc'; // Used for the text of an informational badge in the active state.
338
- export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#428fdc'; // Used for the icon of an informational badge when static or the default state when linked.
339
- export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#63a6e9'; // Used for the icon of an informational badge in the hover state.
340
- export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#63a6e9'; // Used for the icon of an informational badge in the focus state.
341
- export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#9dc7f1'; // Used for the icon of an informational badge in the active state.
342
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#0d532a'; // Used for the background of a success badge when static or the default state when linked.
343
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#0d532a'; // Used for the background of a success badge in the hover state.
344
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#0d532a'; // Used for the background of a success badge in the focus state.
345
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#24663b'; // Used for the background of a success badge in the active state.
334
+ export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#002850'; // Used for the text of an informational badge when static or the default state when linked.
335
+ export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#002850'; // Used for the text of an informational badge in the hover state.
336
+ export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#002850'; // Used for the text of an informational badge in the focus state.
337
+ export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#002850'; // Used for the text of an informational badge in the active state.
338
+ export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#002850'; // Used for the icon of an informational badge when static or the default state when linked.
339
+ export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#002850'; // Used for the icon of an informational badge in the hover state.
340
+ export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#002850'; // Used for the icon of an informational badge in the focus state.
341
+ export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#002850'; // Used for the icon of an informational badge in the active state.
342
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a'; // Used for the background of a success badge when static or the default state when linked.
343
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a'; // Used for the background of a success badge in the hover state.
344
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a'; // Used for the background of a success badge in the focus state.
345
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8'; // Used for the background of a success badge in the active state.
346
346
  export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a success badge when static or the default state when linked.
347
- export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#24663b'; // Used for the border of a success badge in the hover state.
347
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8'; // Used for the border of a success badge in the hover state.
348
348
  export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a success badge in the focus state.
349
349
  export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a success badge in the active state.
350
- export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#91d4a8'; // Used for the text of a success badge when static or the default state when linked.
351
- export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#c3e6cd'; // Used for the text of a success badge in the hover state.
352
- export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#c3e6cd'; // Used for the text of a success badge in the focus state.
353
- export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#ecf4ee'; // Used for the text of a success badge in the active state.
354
- export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#2da160'; // Used for the icon of a success badge when static or the default state when linked.
355
- export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#52b87a'; // Used for the icon of a success badge in the hover state.
356
- export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#52b87a'; // Used for the icon of a success badge in the focus state.
357
- export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#91d4a8'; // Used for the icon of a success badge in the active state.
358
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#703800'; // Used for the background of a warning badge when static or the default state when linked.
359
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#703800'; // Used for the background of a warning badge in the hover state.
360
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#703800'; // Used for the background of a warning badge in the focus state.
361
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#8f4700'; // Used for the background of a warning badge in the active state.
350
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#072b15'; // Used for the text of a success badge when static or the default state when linked.
351
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#072b15'; // Used for the text of a success badge in the hover state.
352
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#072b15'; // Used for the text of a success badge in the focus state.
353
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#072b15'; // Used for the text of a success badge in the active state.
354
+ export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#072b15'; // Used for the icon of a success badge when static or the default state when linked.
355
+ export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#072b15'; // Used for the icon of a success badge in the hover state.
356
+ export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#072b15'; // Used for the icon of a success badge in the focus state.
357
+ export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#072b15'; // Used for the icon of a success badge in the active state.
358
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530'; // Used for the background of a warning badge when static or the default state when linked.
359
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530'; // Used for the background of a warning badge in the hover state.
360
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530'; // Used for the background of a warning badge in the focus state.
361
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74'; // Used for the background of a warning badge in the active state.
362
362
  export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a warning badge when static or the default state when linked.
363
- export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#8f4700'; // Used for the border of a warning badge in the hover state.
363
+ export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74'; // Used for the border of a warning badge in the hover state.
364
364
  export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a warning badge in the focus state.
365
365
  export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a warning badge in the active state.
366
- export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#e9be74'; // Used for the text of a warning badge when static or the default state when linked.
367
- export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#f5d9a8'; // Used for the text of a warning badge in the hover state.
368
- export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#f5d9a8'; // Used for the text of a warning badge in the focus state.
369
- export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#fdf1dd'; // Used for the text of a warning badge in the active state.
370
- export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#c17d10'; // Used for the icon of a warning badge when static or the default state when linked.
371
- export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#d99530'; // Used for the icon of a warning badge in the hover state.
372
- export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#d99530'; // Used for the icon of a warning badge in the focus state.
373
- export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#e9be74'; // Used for the icon of a warning badge in the active state.
374
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#8d1300'; // Used for the background of a danger badge when static or the default state when linked.
375
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#8d1300'; // Used for the background of a danger badge in the hover state.
376
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#8d1300'; // Used for the background of a danger badge in the focus state.
377
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#ae1800'; // Used for the background of a danger badge in the active state.
366
+ export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#421f00'; // Used for the text of a warning badge when static or the default state when linked.
367
+ export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#421f00'; // Used for the text of a warning badge in the hover state.
368
+ export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#421f00'; // Used for the text of a warning badge in the focus state.
369
+ export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#421f00'; // Used for the text of a warning badge in the active state.
370
+ export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#421f00'; // Used for the icon of a warning badge when static or the default state when linked.
371
+ export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#421f00'; // Used for the icon of a warning badge in the hover state.
372
+ export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#421f00'; // Used for the icon of a warning badge in the focus state.
373
+ export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#421f00'; // Used for the icon of a warning badge in the active state.
374
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f57f6c'; // Used for the background of a danger badge when static or the default state when linked.
375
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f57f6c'; // Used for the background of a danger badge in the hover state.
376
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f57f6c'; // Used for the background of a danger badge in the focus state.
377
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa'; // Used for the background of a danger badge in the active state.
378
378
  export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger badge when static or the default state when linked.
379
- export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#ae1800'; // Used for the border of a danger badge in the hover state.
379
+ export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa'; // Used for the border of a danger badge in the hover state.
380
380
  export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger badge in the focus state.
381
381
  export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger badge in the active state.
382
- export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#fcb5aa'; // Used for the text of a danger badge when static or the default state when linked.
383
- export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#fdd4cd'; // Used for the text of a danger badge in the hover state.
384
- export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#fdd4cd'; // Used for the text of a danger badge in the focus state.
385
- export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#fcf1ef'; // Used for the text of a danger badge in the active state.
386
- export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ec5941'; // Used for the icon of a danger badge when static or the default state when linked.
387
- export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#f57f6c'; // Used for the icon of a danger badge in the hover state.
388
- export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#f57f6c'; // Used for the icon of a danger badge in the focus state.
389
- export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#fcb5aa'; // Used for the icon of a danger badge in the active state.
390
- export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#2f2a6b'; // Used for the background of a tier related badge when static or the default state when linked.
391
- export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#2f2a6b'; // Used for the background of a tier related badge in the hover state.
392
- export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#2f2a6b'; // Used for the background of a tier related badge in the focus state.
393
- export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#453894'; // Used for the background of a tier related badge in the active state.
382
+ export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#4d0a00'; // Used for the text of a danger badge when static or the default state when linked.
383
+ export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#4d0a00'; // Used for the text of a danger badge in the hover state.
384
+ export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#4d0a00'; // Used for the text of a danger badge in the focus state.
385
+ export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#4d0a00'; // Used for the text of a danger badge in the active state.
386
+ export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#4d0a00'; // Used for the icon of a danger badge when static or the default state when linked.
387
+ export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#4d0a00'; // Used for the icon of a danger badge in the hover state.
388
+ export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#4d0a00'; // Used for the icon of a danger badge in the focus state.
389
+ export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#4d0a00'; // Used for the icon of a danger badge in the active state.
390
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6'; // Used for the background of a tier related badge when static or the default state when linked.
391
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6'; // Used for the background of a tier related badge in the hover state.
392
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6'; // Used for the background of a tier related badge in the focus state.
393
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2'; // Used for the background of a tier related badge in the active state.
394
394
  export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a tier related badge when static or the default state when linked.
395
- export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#453894'; // Used for the border of a tier related badge in the hover state.
395
+ export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2'; // Used for the border of a tier related badge in the hover state.
396
396
  export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a tier related badge in the focus state.
397
397
  export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a tier related badge in the active state.
398
- export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#ac93e6'; // Used for the text of a tier related badge when static or the default state when linked.
399
- export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#cbbbf2'; // Used for the text of a tier related badge in the hover state.
400
- export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#cbbbf2'; // Used for the text of a tier related badge in the focus state.
401
- export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#e1d8f9'; // Used for the text of a tier related badge in the active state.
402
- export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#7b58cf'; // Used for the icon of a tier related badge when static or the default state when linked.
403
- export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#9475db'; // Used for the icon of a tier related badge in the hover state.
404
- export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#9475db'; // Used for the icon of a tier related badge in the focus state.
405
- export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#ac93e6'; // Used for the icon of a tier related badge in the active state.
398
+ export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#232150'; // Used for the text of a tier related badge when static or the default state when linked.
399
+ export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#232150'; // Used for the text of a tier related badge in the hover state.
400
+ export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#232150'; // Used for the text of a tier related badge in the focus state.
401
+ export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#232150'; // Used for the text of a tier related badge in the active state.
402
+ export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#232150'; // Used for the icon of a tier related badge when static or the default state when linked.
403
+ export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#232150'; // Used for the icon of a tier related badge in the hover state.
404
+ export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#232150'; // Used for the icon of a tier related badge in the focus state.
405
+ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#232150'; // Used for the icon of a tier related badge in the active state.
406
406
  export const GL_BANNER_INTRO_BORDER_COLOR = '#1068bf'; // Used to compliment the info banner.
407
407
  export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#28272d'; // Used as background for the default banner type.
408
408
  export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
package/src/tokens/build/js/tokens.js CHANGED
@@ -383,10 +383,10 @@ export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#ae1800'; // Used for the tex
383
383
  export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#8d1300'; // Used for the text of a danger badge in the hover state.
384
384
  export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#8d1300'; // Used for the text of a danger badge in the focus state.
385
385
  export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#660e00'; // Used for the text of a danger badge in the active state.
386
- export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#dd2b0e'; // Used for the icon of a danger badge when static or the default state when linked.
387
- export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#c91c00'; // Used for the icon of a danger badge in the hover state.
388
- export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#c91c00'; // Used for the icon of a danger badge in the focus state.
389
- export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#ae1800'; // Used for the icon of a danger badge in the active state.
386
+ export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ae1800'; // Used for the icon of a danger badge when static or the default state when linked.
387
+ export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#8d1300'; // Used for the icon of a danger badge in the hover state.
388
+ export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#8d1300'; // Used for the icon of a danger badge in the focus state.
389
+ export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#660e00'; // Used for the icon of a danger badge in the active state.
390
390
  export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1d8f9'; // Used for the background of a tier related badge when static or the default state when linked.
391
391
  export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9'; // Used for the background of a tier related badge in the hover state.
392
392
  export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9'; // Used for the background of a tier related badge in the focus state.
@@ -399,10 +399,10 @@ export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5943b6'; // Used for the text
399
399
  export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#453894'; // Used for the text of a tier related badge in the hover state.
400
400
  export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#453894'; // Used for the text of a tier related badge in the focus state.
401
401
  export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#2f2a6b'; // Used for the text of a tier related badge in the active state.
402
- export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#7b58cf'; // Used for the icon of a tier related badge when static or the default state when linked.
403
- export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#694cc0'; // Used for the icon of a tier related badge in the hover state.
404
- export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#694cc0'; // Used for the icon of a tier related badge in the focus state.
405
- export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#5943b6'; // Used for the icon of a tier related badge in the active state.
402
+ export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5943b6'; // Used for the icon of a tier related badge when static or the default state when linked.
403
+ export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#453894'; // Used for the icon of a tier related badge in the hover state.
404
+ export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#453894'; // Used for the icon of a tier related badge in the focus state.
405
+ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#2f2a6b'; // Used for the icon of a tier related badge in the active state.
406
406
  export const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
407
407
  export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
408
408
  export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.