@gitlab/ui 91.11.0 → 91.13.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 (33) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tailwind.css +1 -1
  5. package/dist/tailwind.css.map +1 -1
  6. package/dist/tokens/build/js/tokens.dark.js +44 -1
  7. package/dist/tokens/build/js/tokens.js +44 -1
  8. package/dist/tokens/css/tokens.css +43 -0
  9. package/dist/tokens/css/tokens.dark.css +43 -0
  10. package/dist/tokens/js/tokens.dark.js +43 -0
  11. package/dist/tokens/js/tokens.js +43 -0
  12. package/dist/tokens/json/tokens.dark.json +923 -0
  13. package/dist/tokens/json/tokens.json +923 -0
  14. package/dist/tokens/scss/_tokens.dark.scss +43 -0
  15. package/dist/tokens/scss/_tokens.scss +43 -0
  16. package/dist/tokens/scss/_tokens_custom_properties.scss +43 -0
  17. package/dist/tokens/tailwind/tokens.cjs +3 -0
  18. package/package.json +3 -3
  19. package/src/components/base/broadcast_message/broadcast_message.scss +45 -24
  20. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.scss +2 -2
  21. package/src/tokens/background.tokens.json +13 -0
  22. package/src/tokens/border.tokens.json +8 -0
  23. package/src/tokens/build/css/tokens.css +43 -0
  24. package/src/tokens/build/css/tokens.dark.css +43 -0
  25. package/src/tokens/build/js/tokens.dark.js +43 -0
  26. package/src/tokens/build/js/tokens.js +43 -0
  27. package/src/tokens/build/json/tokens.dark.json +923 -0
  28. package/src/tokens/build/json/tokens.json +923 -0
  29. package/src/tokens/build/scss/_tokens.dark.scss +43 -0
  30. package/src/tokens/build/scss/_tokens.scss +43 -0
  31. package/src/tokens/build/scss/_tokens_custom_properties.scss +43 -0
  32. package/src/tokens/build/tailwind/tokens.cjs +3 -0
  33. package/src/tokens/contextual/broadcast.tokens.json +222 -0
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -572,6 +572,46 @@
572
572
  --gl-button-default-primary-background-color-hover: var(--gl-color-neutral-900); /* Used for the background of an default primary button in the hover state. */
573
573
  --gl-button-default-primary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an default primary button in the default state. */
574
574
  --gl-button-default-primary-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a default primary button in the default state. */
575
+ --gl-broadcast-banner-text-color-red: var(--gl-color-neutral-0); /* Used for the text for the red banner type. */
576
+ --gl-broadcast-banner-text-color-lightred: var(--gl-color-neutral-0); /* Used for the text for the lightred banner type. */
577
+ --gl-broadcast-banner-text-color-lightindigo: var(--gl-color-neutral-0); /* Used for the text for the lightindigo banner type. */
578
+ --gl-broadcast-banner-text-color-lightgreen: var(--gl-color-neutral-0); /* Used for the text for the lightgreen banner type. */
579
+ --gl-broadcast-banner-text-color-lightblue: var(--gl-color-neutral-0); /* Used for the text for the lightblue banner type. */
580
+ --gl-broadcast-banner-text-color-light: var(--gl-color-neutral-900); /* Used for the text for the light banner type. */
581
+ --gl-broadcast-banner-text-color-indigo: var(--gl-color-neutral-0); /* Used for the text for the indigo banner type. */
582
+ --gl-broadcast-banner-text-color-green: var(--gl-color-neutral-0); /* Used for the text for the green banner type. */
583
+ --gl-broadcast-banner-text-color-dark: var(--gl-color-neutral-0); /* Used for the text for the dark banner type. */
584
+ --gl-broadcast-banner-text-color-blue: var(--gl-color-neutral-0); /* Used for the text for the blue banner type. */
585
+ --gl-broadcast-banner-icon-color-red: var(--gl-color-neutral-0); /* Used for the icon for the red banner type. */
586
+ --gl-broadcast-banner-icon-color-lightred: var(--gl-color-neutral-0); /* Used for the icon for the lightred banner type. */
587
+ --gl-broadcast-banner-icon-color-lightindigo: var(--gl-color-neutral-0); /* Used for the icon for the lightindigo banner type. */
588
+ --gl-broadcast-banner-icon-color-lightgreen: var(--gl-color-neutral-0); /* Used for the icon for the lightgreen banner type. */
589
+ --gl-broadcast-banner-icon-color-lightblue: var(--gl-color-neutral-0); /* Used for the icon for the lightblue banner type. */
590
+ --gl-broadcast-banner-icon-color-light: var(--gl-color-neutral-900); /* Used for the icon for the light banner type. */
591
+ --gl-broadcast-banner-icon-color-indigo: var(--gl-color-neutral-0); /* Used for the icon for the indigo banner type. */
592
+ --gl-broadcast-banner-icon-color-green: var(--gl-color-neutral-0); /* Used for the icon for the green banner type. */
593
+ --gl-broadcast-banner-icon-color-dark: var(--gl-color-neutral-0); /* Used for the icon for the dark banner type. */
594
+ --gl-broadcast-banner-icon-color-blue: var(--gl-color-neutral-0); /* Used for the icon for the blue banner type. */
595
+ --gl-broadcast-banner-border-color-red: var(--gl-color-theme-red-900); /* Used for the border for the red banner type. */
596
+ --gl-broadcast-banner-border-color-lightred: var(--gl-color-theme-red-700); /* Used for the border for the lightred banner type. */
597
+ --gl-broadcast-banner-border-color-lightindigo: var(--gl-color-theme-indigo-700); /* Used for the border for the lightindigo banner type. */
598
+ --gl-broadcast-banner-border-color-lightgreen: var(--gl-color-theme-green-700); /* Used for the border for the lightgreen banner type. */
599
+ --gl-broadcast-banner-border-color-lightblue: var(--gl-color-theme-blue-700); /* Used for the border for the lightblue banner type. */
600
+ --gl-broadcast-banner-border-color-light: var(--gl-color-neutral-100); /* Used for the border for the light banner type. */
601
+ --gl-broadcast-banner-border-color-indigo: var(--gl-color-theme-indigo-900); /* Used for the border for the indigo banner type. */
602
+ --gl-broadcast-banner-border-color-green: var(--gl-color-theme-green-900); /* Used for the border for the green banner type. */
603
+ --gl-broadcast-banner-border-color-dark: var(--gl-color-neutral-700); /* Used for the border for the dark banner type. */
604
+ --gl-broadcast-banner-border-color-blue: var(--gl-color-theme-blue-900); /* Used for the border for the blue banner type. */
605
+ --gl-broadcast-banner-background-color-red: var(--gl-color-theme-red-700); /* Used for the background for the red banner type. */
606
+ --gl-broadcast-banner-background-color-lightred: var(--gl-color-theme-red-500); /* Used for the background for the lightred banner type. */
607
+ --gl-broadcast-banner-background-color-lightindigo: var(--gl-color-theme-indigo-500); /* Used for the background for the lightindigo banner type. */
608
+ --gl-broadcast-banner-background-color-lightgreen: var(--gl-color-theme-green-500); /* Used for the background for the lightgreen banner type. */
609
+ --gl-broadcast-banner-background-color-lightblue: var(--gl-color-theme-blue-500); /* Used for the background for the lightblue banner type. */
610
+ --gl-broadcast-banner-background-color-light: var(--gl-color-neutral-50); /* Used for the background for the light banner type. */
611
+ --gl-broadcast-banner-background-color-indigo: var(--gl-color-theme-indigo-700); /* Used for the background for the indigo banner type. */
612
+ --gl-broadcast-banner-background-color-green: var(--gl-color-theme-green-700); /* Used for the background for the green banner type. */
613
+ --gl-broadcast-banner-background-color-dark: var(--gl-color-neutral-500); /* Used for the background for the dark banner type. */
614
+ --gl-broadcast-banner-background-color-blue: var(--gl-color-theme-blue-700); /* Used for the background for the blue banner type. */
575
615
  --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /* Used for the breadcrumb level separator. */
576
616
  --gl-banner-promo-border-color: var(--gl-color-purple-800); /* Used for the border of a promo banner. */
577
617
  --gl-banner-promo-background-color: var(--gl-color-purple-950); /* Used for the background of a promo banner. */
@@ -683,6 +723,7 @@
683
723
  --gl-border-color-subtle: var(--gl-color-neutral-900); /* Used for a subtle border in combination with the default background. */
684
724
  --gl-border-color-default: var(--gl-color-neutral-800); /* Used for the default border color. */
685
725
  --gl-background-color-overlay: rgba(0,0,0,0.64); /* Used for an overlay that covers other content. */
726
+ --gl-background-color-overlap: var(--gl-color-neutral-800); /* Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content. */
686
727
  --gl-background-color-disabled: var(--gl-color-neutral-900); /* Used to identify a disabled section. */
687
728
  --gl-background-color-strong: var(--gl-color-neutral-800); /* Used to make the background easily stand out from the default. */
688
729
  --gl-background-color-subtle: var(--gl-color-neutral-900); /* Used to slightly differentiate the background from the default. */
@@ -796,6 +837,8 @@
796
837
  --gl-alert-info-title-color: var(--gl-color-blue-300); /* Used for the title color of an info alert. */
797
838
  --gl-alert-neutral-background-color: var(--gl-feedback-neutral-background-color); /* Used for the background color of a neutral alert. */
798
839
  --gl-alert-neutral-title-color: var(--gl-text-color-heading); /* Used for the title color of a neutral alert. */
840
+ --gl-border-color-section: var(--gl-background-color-default); /* Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page. */
841
+ --gl-background-color-section: var(--gl-background-color-overlap); /* Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes. */
799
842
  --gl-action-strong-neutral-border-color-hover: var(--gl-action-strong-neutral-border-color-default); /* Used for the border of a strong neutral action in the hover state. */
800
843
  --gl-action-strong-neutral-foreground-color-hover: var(--gl-action-strong-neutral-foreground-color-default); /* Used for the foreground of a strong neutral action in the hover state. */
801
844
  --gl-action-strong-neutral-background-color-focus: var(--gl-action-strong-neutral-background-color-hover); /* Used for the background of a strong neutral action in the focus state. */
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -82,10 +82,13 @@ export const GL_BACKGROUND_COLOR_DEFAULT = '#18171d'; // Used for the default ba
82
82
  export const GL_BACKGROUND_COLOR_SUBTLE = '#28272d'; // Used to slightly differentiate the background from the default.
83
83
  export const GL_BACKGROUND_COLOR_STRONG = '#3a383f'; // Used to make the background easily stand out from the default.
84
84
  export const GL_BACKGROUND_COLOR_DISABLED = '#28272d'; // Used to identify a disabled section.
85
+ export const GL_BACKGROUND_COLOR_OVERLAP = '#3a383f'; // Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.
86
+ export const GL_BACKGROUND_COLOR_SECTION = '#3a383f'; // Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.
85
87
  export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0,0,0,0.64)'; // Used for an overlay that covers other content.
86
88
  export const GL_BORDER_COLOR_DEFAULT = '#3a383f'; // Used for the default border color.
87
89
  export const GL_BORDER_COLOR_SUBTLE = '#28272d'; // Used for a subtle border in combination with the default background.
88
90
  export const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
91
+ export const GL_BORDER_COLOR_SECTION = '#18171d'; // Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.
89
92
  export const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
90
93
  export const GL_COLOR_ALPHA_0 = 'transparent';
91
94
  export const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
@@ -463,6 +466,46 @@ export const GL_BANNER_INTRO_BORDER_COLOR = '#064787'; // Used for the border of
463
466
  export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#232150'; // Used for the background of a promo banner.
464
467
  export const GL_BANNER_PROMO_BORDER_COLOR = '#453894'; // Used for the border of a promo banner.
465
468
  export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
469
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180'; // Used for the background for the blue banner type.
470
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278'; // Used for the background for the dark banner type.
471
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f'; // Used for the background for the green banner type.
472
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f'; // Used for the background for the indigo banner type.
473
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef'; // Used for the background for the light banner type.
474
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5'; // Used for the background for the lightblue banner type.
475
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258'; // Used for the background for the lightgreen banner type.
476
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4'; // Used for the background for the lightindigo banner type.
477
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b'; // Used for the background for the lightred banner type.
478
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110'; // Used for the background for the red banner type.
479
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640'; // Used for the border for the blue banner type.
480
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51'; // Used for the border for the dark banner type.
481
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328'; // Used for the border for the green banner type.
482
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261'; // Used for the border for the indigo banner type.
483
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde'; // Used for the border for the light banner type.
484
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180'; // Used for the border for the lightblue banner type.
485
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f'; // Used for the border for the lightgreen banner type.
486
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f'; // Used for the border for the lightindigo banner type.
487
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110'; // Used for the border for the lightred banner type.
488
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02'; // Used for the border for the red banner type.
489
+ export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff'; // Used for the icon for the blue banner type.
490
+ export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff'; // Used for the icon for the dark banner type.
491
+ export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff'; // Used for the icon for the green banner type.
492
+ export const GL_BROADCAST_BANNER_ICON_COLOR_INDIGO = '#fff'; // Used for the icon for the indigo banner type.
493
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHT = '#28272d'; // Used for the icon for the light banner type.
494
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTBLUE = '#fff'; // Used for the icon for the lightblue banner type.
495
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTGREEN = '#fff'; // Used for the icon for the lightgreen banner type.
496
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTINDIGO = '#fff'; // Used for the icon for the lightindigo banner type.
497
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTRED = '#fff'; // Used for the icon for the lightred banner type.
498
+ export const GL_BROADCAST_BANNER_ICON_COLOR_RED = '#fff'; // Used for the icon for the red banner type.
499
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_BLUE = '#fff'; // Used for the text for the blue banner type.
500
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_DARK = '#fff'; // Used for the text for the dark banner type.
501
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_GREEN = '#fff'; // Used for the text for the green banner type.
502
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_INDIGO = '#fff'; // Used for the text for the indigo banner type.
503
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHT = '#28272d'; // Used for the text for the light banner type.
504
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTBLUE = '#fff'; // Used for the text for the lightblue banner type.
505
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff'; // Used for the text for the lightgreen banner type.
506
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff'; // Used for the text for the lightindigo banner type.
507
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff'; // Used for the text for the lightred banner type.
508
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff'; // Used for the text for the red banner type.
466
509
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a default primary button in the default state.
467
510
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a default primary button in the hover state.
468
511
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a default primary button in the focus state.
package/dist/tokens/js/tokens.js CHANGED
@@ -82,10 +82,13 @@ export const GL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the default backg
82
82
  export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd'; // Used to slightly differentiate the background from the default.
83
83
  export const GL_BACKGROUND_COLOR_STRONG = '#ececef'; // Used to make the background easily stand out from the default.
84
84
  export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used to identify a disabled section.
85
+ export const GL_BACKGROUND_COLOR_OVERLAP = '#fff'; // Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.
86
+ export const GL_BACKGROUND_COLOR_SECTION = '#fff'; // Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.
85
87
  export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)'; // Used for an overlay that covers other content.
86
88
  export const GL_BORDER_COLOR_DEFAULT = '#dcdcde'; // Used for the default border color.
87
89
  export const GL_BORDER_COLOR_SUBTLE = '#ececef'; // Used for a subtle border in combination with the default background.
88
90
  export const GL_BORDER_COLOR_STRONG = '#89888d'; // Used for a distinct border that emphasizes an edge or boundaries.
91
+ export const GL_BORDER_COLOR_SECTION = '#dcdcde'; // Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.
89
92
  export const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
90
93
  export const GL_COLOR_ALPHA_0 = 'transparent';
91
94
  export const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
@@ -463,6 +466,46 @@ export const GL_BANNER_INTRO_BORDER_COLOR = '#cbe2f9'; // Used for the border of
463
466
  export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0ff'; // Used for the background of a promo banner.
464
467
  export const GL_BANNER_PROMO_BORDER_COLOR = '#e1d8f9'; // Used for the border of a promo banner.
465
468
  export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
469
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180'; // Used for the background for the blue banner type.
470
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278'; // Used for the background for the dark banner type.
471
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f'; // Used for the background for the green banner type.
472
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f'; // Used for the background for the indigo banner type.
473
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef'; // Used for the background for the light banner type.
474
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5'; // Used for the background for the lightblue banner type.
475
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258'; // Used for the background for the lightgreen banner type.
476
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4'; // Used for the background for the lightindigo banner type.
477
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b'; // Used for the background for the lightred banner type.
478
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110'; // Used for the background for the red banner type.
479
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640'; // Used for the border for the blue banner type.
480
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51'; // Used for the border for the dark banner type.
481
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328'; // Used for the border for the green banner type.
482
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261'; // Used for the border for the indigo banner type.
483
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde'; // Used for the border for the light banner type.
484
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180'; // Used for the border for the lightblue banner type.
485
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f'; // Used for the border for the lightgreen banner type.
486
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f'; // Used for the border for the lightindigo banner type.
487
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110'; // Used for the border for the lightred banner type.
488
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02'; // Used for the border for the red banner type.
489
+ export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff'; // Used for the icon for the blue banner type.
490
+ export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff'; // Used for the icon for the dark banner type.
491
+ export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff'; // Used for the icon for the green banner type.
492
+ export const GL_BROADCAST_BANNER_ICON_COLOR_INDIGO = '#fff'; // Used for the icon for the indigo banner type.
493
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHT = '#28272d'; // Used for the icon for the light banner type.
494
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTBLUE = '#fff'; // Used for the icon for the lightblue banner type.
495
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTGREEN = '#fff'; // Used for the icon for the lightgreen banner type.
496
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTINDIGO = '#fff'; // Used for the icon for the lightindigo banner type.
497
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTRED = '#fff'; // Used for the icon for the lightred banner type.
498
+ export const GL_BROADCAST_BANNER_ICON_COLOR_RED = '#fff'; // Used for the icon for the red banner type.
499
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_BLUE = '#fff'; // Used for the text for the blue banner type.
500
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_DARK = '#fff'; // Used for the text for the dark banner type.
501
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_GREEN = '#fff'; // Used for the text for the green banner type.
502
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_INDIGO = '#fff'; // Used for the text for the indigo banner type.
503
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHT = '#28272d'; // Used for the text for the light banner type.
504
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTBLUE = '#fff'; // Used for the text for the lightblue banner type.
505
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff'; // Used for the text for the lightgreen banner type.
506
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff'; // Used for the text for the lightindigo banner type.
507
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff'; // Used for the text for the lightred banner type.
508
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff'; // Used for the text for the red banner type.
466
509
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a default primary button in the default state.
467
510
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a default primary button in the hover state.
468
511
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a default primary button in the focus state.