@gitlab/ui 91.11.0 → 91.12.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 +7 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +41 -1
  5. package/dist/tokens/build/js/tokens.js +41 -1
  6. package/dist/tokens/css/tokens.css +40 -0
  7. package/dist/tokens/css/tokens.dark.css +40 -0
  8. package/dist/tokens/js/tokens.dark.js +40 -0
  9. package/dist/tokens/js/tokens.js +40 -0
  10. package/dist/tokens/json/tokens.dark.json +860 -0
  11. package/dist/tokens/json/tokens.json +860 -0
  12. package/dist/tokens/scss/_tokens.dark.scss +40 -0
  13. package/dist/tokens/scss/_tokens.scss +40 -0
  14. package/dist/tokens/scss/_tokens_custom_properties.scss +40 -0
  15. package/package.json +3 -3
  16. package/src/components/base/broadcast_message/broadcast_message.scss +45 -24
  17. package/src/tokens/build/css/tokens.css +40 -0
  18. package/src/tokens/build/css/tokens.dark.css +40 -0
  19. package/src/tokens/build/js/tokens.dark.js +40 -0
  20. package/src/tokens/build/js/tokens.js +40 -0
  21. package/src/tokens/build/json/tokens.dark.json +860 -0
  22. package/src/tokens/build/json/tokens.json +860 -0
  23. package/src/tokens/build/scss/_tokens.dark.scss +40 -0
  24. package/src/tokens/build/scss/_tokens.scss +40 -0
  25. package/src/tokens/build/scss/_tokens_custom_properties.scss +40 -0
  26. package/src/tokens/contextual/broadcast.tokens.json +222 -0
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -570,6 +570,46 @@ $gl-button-default-primary-background-color-active: $gl-color-neutral-800; // Us
570
570
  $gl-button-default-primary-background-color-hover: $gl-color-neutral-900; // Used for the background of an default primary button in the hover state.
571
571
  $gl-button-default-primary-background-color-default: $gl-color-neutral-900; // Used for the background of an default primary button in the default state.
572
572
  $gl-button-default-primary-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of a default primary button in the default state.
573
+ $gl-broadcast-banner-text-color-red: $gl-color-neutral-0; // Used for the text for the red banner type.
574
+ $gl-broadcast-banner-text-color-lightred: $gl-color-neutral-0; // Used for the text for the lightred banner type.
575
+ $gl-broadcast-banner-text-color-lightindigo: $gl-color-neutral-0; // Used for the text for the lightindigo banner type.
576
+ $gl-broadcast-banner-text-color-lightgreen: $gl-color-neutral-0; // Used for the text for the lightgreen banner type.
577
+ $gl-broadcast-banner-text-color-lightblue: $gl-color-neutral-0; // Used for the text for the lightblue banner type.
578
+ $gl-broadcast-banner-text-color-light: $gl-color-neutral-900; // Used for the text for the light banner type.
579
+ $gl-broadcast-banner-text-color-indigo: $gl-color-neutral-0; // Used for the text for the indigo banner type.
580
+ $gl-broadcast-banner-text-color-green: $gl-color-neutral-0; // Used for the text for the green banner type.
581
+ $gl-broadcast-banner-text-color-dark: $gl-color-neutral-0; // Used for the text for the dark banner type.
582
+ $gl-broadcast-banner-text-color-blue: $gl-color-neutral-0; // Used for the text for the blue banner type.
583
+ $gl-broadcast-banner-icon-color-red: $gl-color-neutral-0; // Used for the icon for the red banner type.
584
+ $gl-broadcast-banner-icon-color-lightred: $gl-color-neutral-0; // Used for the icon for the lightred banner type.
585
+ $gl-broadcast-banner-icon-color-lightindigo: $gl-color-neutral-0; // Used for the icon for the lightindigo banner type.
586
+ $gl-broadcast-banner-icon-color-lightgreen: $gl-color-neutral-0; // Used for the icon for the lightgreen banner type.
587
+ $gl-broadcast-banner-icon-color-lightblue: $gl-color-neutral-0; // Used for the icon for the lightblue banner type.
588
+ $gl-broadcast-banner-icon-color-light: $gl-color-neutral-900; // Used for the icon for the light banner type.
589
+ $gl-broadcast-banner-icon-color-indigo: $gl-color-neutral-0; // Used for the icon for the indigo banner type.
590
+ $gl-broadcast-banner-icon-color-green: $gl-color-neutral-0; // Used for the icon for the green banner type.
591
+ $gl-broadcast-banner-icon-color-dark: $gl-color-neutral-0; // Used for the icon for the dark banner type.
592
+ $gl-broadcast-banner-icon-color-blue: $gl-color-neutral-0; // Used for the icon for the blue banner type.
593
+ $gl-broadcast-banner-border-color-red: $gl-color-theme-red-900; // Used for the border for the red banner type.
594
+ $gl-broadcast-banner-border-color-lightred: $gl-color-theme-red-700; // Used for the border for the lightred banner type.
595
+ $gl-broadcast-banner-border-color-lightindigo: $gl-color-theme-indigo-700; // Used for the border for the lightindigo banner type.
596
+ $gl-broadcast-banner-border-color-lightgreen: $gl-color-theme-green-700; // Used for the border for the lightgreen banner type.
597
+ $gl-broadcast-banner-border-color-lightblue: $gl-color-theme-blue-700; // Used for the border for the lightblue banner type.
598
+ $gl-broadcast-banner-border-color-light: $gl-color-neutral-100; // Used for the border for the light banner type.
599
+ $gl-broadcast-banner-border-color-indigo: $gl-color-theme-indigo-900; // Used for the border for the indigo banner type.
600
+ $gl-broadcast-banner-border-color-green: $gl-color-theme-green-900; // Used for the border for the green banner type.
601
+ $gl-broadcast-banner-border-color-dark: $gl-color-neutral-700; // Used for the border for the dark banner type.
602
+ $gl-broadcast-banner-border-color-blue: $gl-color-theme-blue-900; // Used for the border for the blue banner type.
603
+ $gl-broadcast-banner-background-color-red: $gl-color-theme-red-700; // Used for the background for the red banner type.
604
+ $gl-broadcast-banner-background-color-lightred: $gl-color-theme-red-500; // Used for the background for the lightred banner type.
605
+ $gl-broadcast-banner-background-color-lightindigo: $gl-color-theme-indigo-500; // Used for the background for the lightindigo banner type.
606
+ $gl-broadcast-banner-background-color-lightgreen: $gl-color-theme-green-500; // Used for the background for the lightgreen banner type.
607
+ $gl-broadcast-banner-background-color-lightblue: $gl-color-theme-blue-500; // Used for the background for the lightblue banner type.
608
+ $gl-broadcast-banner-background-color-light: $gl-color-neutral-50; // Used for the background for the light banner type.
609
+ $gl-broadcast-banner-background-color-indigo: $gl-color-theme-indigo-700; // Used for the background for the indigo banner type.
610
+ $gl-broadcast-banner-background-color-green: $gl-color-theme-green-700; // Used for the background for the green banner type.
611
+ $gl-broadcast-banner-background-color-dark: $gl-color-neutral-500; // Used for the background for the dark banner type.
612
+ $gl-broadcast-banner-background-color-blue: $gl-color-theme-blue-700; // Used for the background for the blue banner type.
573
613
  $gl-breadcrumb-separator-color: $gl-color-neutral-400; // Used for the breadcrumb level separator.
574
614
  $gl-banner-promo-border-color: $gl-color-purple-800; // Used for the border of a promo banner.
575
615
  $gl-banner-promo-background-color: $gl-color-purple-950; // Used for the background of a promo banner.
package/src/tokens/build/scss/_tokens.scss CHANGED
@@ -570,6 +570,46 @@ $gl-button-default-primary-background-color-active: $gl-color-neutral-100; // Us
570
570
  $gl-button-default-primary-background-color-hover: $gl-color-neutral-50; // Used for the background of an default primary button in the hover state.
571
571
  $gl-button-default-primary-background-color-default: $gl-color-neutral-0; // Used for the background of an default primary button in the default state.
572
572
  $gl-button-default-primary-foreground-color-default: $gl-color-neutral-800; // Used for the foreground of a default primary button in the default state.
573
+ $gl-broadcast-banner-text-color-red: $gl-color-neutral-0; // Used for the text for the red banner type.
574
+ $gl-broadcast-banner-text-color-lightred: $gl-color-neutral-0; // Used for the text for the lightred banner type.
575
+ $gl-broadcast-banner-text-color-lightindigo: $gl-color-neutral-0; // Used for the text for the lightindigo banner type.
576
+ $gl-broadcast-banner-text-color-lightgreen: $gl-color-neutral-0; // Used for the text for the lightgreen banner type.
577
+ $gl-broadcast-banner-text-color-lightblue: $gl-color-neutral-0; // Used for the text for the lightblue banner type.
578
+ $gl-broadcast-banner-text-color-light: $gl-color-neutral-900; // Used for the text for the light banner type.
579
+ $gl-broadcast-banner-text-color-indigo: $gl-color-neutral-0; // Used for the text for the indigo banner type.
580
+ $gl-broadcast-banner-text-color-green: $gl-color-neutral-0; // Used for the text for the green banner type.
581
+ $gl-broadcast-banner-text-color-dark: $gl-color-neutral-0; // Used for the text for the dark banner type.
582
+ $gl-broadcast-banner-text-color-blue: $gl-color-neutral-0; // Used for the text for the blue banner type.
583
+ $gl-broadcast-banner-icon-color-red: $gl-color-neutral-0; // Used for the icon for the red banner type.
584
+ $gl-broadcast-banner-icon-color-lightred: $gl-color-neutral-0; // Used for the icon for the lightred banner type.
585
+ $gl-broadcast-banner-icon-color-lightindigo: $gl-color-neutral-0; // Used for the icon for the lightindigo banner type.
586
+ $gl-broadcast-banner-icon-color-lightgreen: $gl-color-neutral-0; // Used for the icon for the lightgreen banner type.
587
+ $gl-broadcast-banner-icon-color-lightblue: $gl-color-neutral-0; // Used for the icon for the lightblue banner type.
588
+ $gl-broadcast-banner-icon-color-light: $gl-color-neutral-900; // Used for the icon for the light banner type.
589
+ $gl-broadcast-banner-icon-color-indigo: $gl-color-neutral-0; // Used for the icon for the indigo banner type.
590
+ $gl-broadcast-banner-icon-color-green: $gl-color-neutral-0; // Used for the icon for the green banner type.
591
+ $gl-broadcast-banner-icon-color-dark: $gl-color-neutral-0; // Used for the icon for the dark banner type.
592
+ $gl-broadcast-banner-icon-color-blue: $gl-color-neutral-0; // Used for the icon for the blue banner type.
593
+ $gl-broadcast-banner-border-color-red: $gl-color-theme-red-900; // Used for the border for the red banner type.
594
+ $gl-broadcast-banner-border-color-lightred: $gl-color-theme-red-700; // Used for the border for the lightred banner type.
595
+ $gl-broadcast-banner-border-color-lightindigo: $gl-color-theme-indigo-700; // Used for the border for the lightindigo banner type.
596
+ $gl-broadcast-banner-border-color-lightgreen: $gl-color-theme-green-700; // Used for the border for the lightgreen banner type.
597
+ $gl-broadcast-banner-border-color-lightblue: $gl-color-theme-blue-700; // Used for the border for the lightblue banner type.
598
+ $gl-broadcast-banner-border-color-light: $gl-color-neutral-100; // Used for the border for the light banner type.
599
+ $gl-broadcast-banner-border-color-indigo: $gl-color-theme-indigo-900; // Used for the border for the indigo banner type.
600
+ $gl-broadcast-banner-border-color-green: $gl-color-theme-green-900; // Used for the border for the green banner type.
601
+ $gl-broadcast-banner-border-color-dark: $gl-color-neutral-700; // Used for the border for the dark banner type.
602
+ $gl-broadcast-banner-border-color-blue: $gl-color-theme-blue-900; // Used for the border for the blue banner type.
603
+ $gl-broadcast-banner-background-color-red: $gl-color-theme-red-700; // Used for the background for the red banner type.
604
+ $gl-broadcast-banner-background-color-lightred: $gl-color-theme-red-500; // Used for the background for the lightred banner type.
605
+ $gl-broadcast-banner-background-color-lightindigo: $gl-color-theme-indigo-500; // Used for the background for the lightindigo banner type.
606
+ $gl-broadcast-banner-background-color-lightgreen: $gl-color-theme-green-500; // Used for the background for the lightgreen banner type.
607
+ $gl-broadcast-banner-background-color-lightblue: $gl-color-theme-blue-500; // Used for the background for the lightblue banner type.
608
+ $gl-broadcast-banner-background-color-light: $gl-color-neutral-50; // Used for the background for the light banner type.
609
+ $gl-broadcast-banner-background-color-indigo: $gl-color-theme-indigo-700; // Used for the background for the indigo banner type.
610
+ $gl-broadcast-banner-background-color-green: $gl-color-theme-green-700; // Used for the background for the green banner type.
611
+ $gl-broadcast-banner-background-color-dark: $gl-color-neutral-500; // Used for the background for the dark banner type.
612
+ $gl-broadcast-banner-background-color-blue: $gl-color-theme-blue-700; // Used for the background for the blue banner type.
573
613
  $gl-breadcrumb-separator-color: $gl-color-neutral-400; // Used for the breadcrumb level separator.
574
614
  $gl-banner-promo-border-color: $gl-color-purple-100; // Used for the border of a promo banner.
575
615
  $gl-banner-promo-background-color: $gl-color-purple-50; // Used for the background of a promo banner.
package/src/tokens/build/scss/_tokens_custom_properties.scss CHANGED
@@ -463,6 +463,46 @@ $gl-banner-intro-border-color: var(--gl-banner-intro-border-color);
463
463
  $gl-banner-promo-background-color: var(--gl-banner-promo-background-color);
464
464
  $gl-banner-promo-border-color: var(--gl-banner-promo-border-color);
465
465
  $gl-breadcrumb-separator-color: var(--gl-breadcrumb-separator-color);
466
+ $gl-broadcast-banner-background-color-blue: var(--gl-broadcast-banner-background-color-blue);
467
+ $gl-broadcast-banner-background-color-dark: var(--gl-broadcast-banner-background-color-dark);
468
+ $gl-broadcast-banner-background-color-green: var(--gl-broadcast-banner-background-color-green);
469
+ $gl-broadcast-banner-background-color-indigo: var(--gl-broadcast-banner-background-color-indigo);
470
+ $gl-broadcast-banner-background-color-light: var(--gl-broadcast-banner-background-color-light);
471
+ $gl-broadcast-banner-background-color-lightblue: var(--gl-broadcast-banner-background-color-lightblue);
472
+ $gl-broadcast-banner-background-color-lightgreen: var(--gl-broadcast-banner-background-color-lightgreen);
473
+ $gl-broadcast-banner-background-color-lightindigo: var(--gl-broadcast-banner-background-color-lightindigo);
474
+ $gl-broadcast-banner-background-color-lightred: var(--gl-broadcast-banner-background-color-lightred);
475
+ $gl-broadcast-banner-background-color-red: var(--gl-broadcast-banner-background-color-red);
476
+ $gl-broadcast-banner-border-color-blue: var(--gl-broadcast-banner-border-color-blue);
477
+ $gl-broadcast-banner-border-color-dark: var(--gl-broadcast-banner-border-color-dark);
478
+ $gl-broadcast-banner-border-color-green: var(--gl-broadcast-banner-border-color-green);
479
+ $gl-broadcast-banner-border-color-indigo: var(--gl-broadcast-banner-border-color-indigo);
480
+ $gl-broadcast-banner-border-color-light: var(--gl-broadcast-banner-border-color-light);
481
+ $gl-broadcast-banner-border-color-lightblue: var(--gl-broadcast-banner-border-color-lightblue);
482
+ $gl-broadcast-banner-border-color-lightgreen: var(--gl-broadcast-banner-border-color-lightgreen);
483
+ $gl-broadcast-banner-border-color-lightindigo: var(--gl-broadcast-banner-border-color-lightindigo);
484
+ $gl-broadcast-banner-border-color-lightred: var(--gl-broadcast-banner-border-color-lightred);
485
+ $gl-broadcast-banner-border-color-red: var(--gl-broadcast-banner-border-color-red);
486
+ $gl-broadcast-banner-icon-color-blue: var(--gl-broadcast-banner-icon-color-blue);
487
+ $gl-broadcast-banner-icon-color-dark: var(--gl-broadcast-banner-icon-color-dark);
488
+ $gl-broadcast-banner-icon-color-green: var(--gl-broadcast-banner-icon-color-green);
489
+ $gl-broadcast-banner-icon-color-indigo: var(--gl-broadcast-banner-icon-color-indigo);
490
+ $gl-broadcast-banner-icon-color-light: var(--gl-broadcast-banner-icon-color-light);
491
+ $gl-broadcast-banner-icon-color-lightblue: var(--gl-broadcast-banner-icon-color-lightblue);
492
+ $gl-broadcast-banner-icon-color-lightgreen: var(--gl-broadcast-banner-icon-color-lightgreen);
493
+ $gl-broadcast-banner-icon-color-lightindigo: var(--gl-broadcast-banner-icon-color-lightindigo);
494
+ $gl-broadcast-banner-icon-color-lightred: var(--gl-broadcast-banner-icon-color-lightred);
495
+ $gl-broadcast-banner-icon-color-red: var(--gl-broadcast-banner-icon-color-red);
496
+ $gl-broadcast-banner-text-color-blue: var(--gl-broadcast-banner-text-color-blue);
497
+ $gl-broadcast-banner-text-color-dark: var(--gl-broadcast-banner-text-color-dark);
498
+ $gl-broadcast-banner-text-color-green: var(--gl-broadcast-banner-text-color-green);
499
+ $gl-broadcast-banner-text-color-indigo: var(--gl-broadcast-banner-text-color-indigo);
500
+ $gl-broadcast-banner-text-color-light: var(--gl-broadcast-banner-text-color-light);
501
+ $gl-broadcast-banner-text-color-lightblue: var(--gl-broadcast-banner-text-color-lightblue);
502
+ $gl-broadcast-banner-text-color-lightgreen: var(--gl-broadcast-banner-text-color-lightgreen);
503
+ $gl-broadcast-banner-text-color-lightindigo: var(--gl-broadcast-banner-text-color-lightindigo);
504
+ $gl-broadcast-banner-text-color-lightred: var(--gl-broadcast-banner-text-color-lightred);
505
+ $gl-broadcast-banner-text-color-red: var(--gl-broadcast-banner-text-color-red);
466
506
  $gl-button-default-primary-foreground-color-default: var(--gl-button-default-primary-foreground-color-default);
467
507
  $gl-button-default-primary-foreground-color-hover: var(--gl-button-default-primary-foreground-color-hover);
468
508
  $gl-button-default-primary-foreground-color-focus: var(--gl-button-default-primary-foreground-color-focus);
package/src/tokens/contextual/broadcast.tokens.json ADDED
@@ -0,0 +1,222 @@
1
+ {
2
+ "broadcast": {
3
+ "banner": {
4
+ "background": {
5
+ "color": {
6
+ "blue": {
7
+ "$value": "{color.theme-blue.700}",
8
+ "$type": "color",
9
+ "$description": "Used for the background for the blue banner type."
10
+ },
11
+ "dark": {
12
+ "$value": "{color.neutral.500}",
13
+ "$type": "color",
14
+ "$description": "Used for the background for the dark banner type."
15
+ },
16
+ "green": {
17
+ "$value": "{color.theme-green.700}",
18
+ "$type": "color",
19
+ "$description": "Used for the background for the green banner type."
20
+ },
21
+ "indigo": {
22
+ "$value": "{color.theme-indigo.700}",
23
+ "$type": "color",
24
+ "$description": "Used for the background for the indigo banner type."
25
+ },
26
+ "light": {
27
+ "$value": "{color.neutral.50}",
28
+ "$type": "color",
29
+ "$description": "Used for the background for the light banner type."
30
+ },
31
+ "lightblue": {
32
+ "$value": "{color.theme-blue.500}",
33
+ "$type": "color",
34
+ "$description": "Used for the background for the lightblue banner type."
35
+ },
36
+ "lightgreen": {
37
+ "$value": "{color.theme-green.500}",
38
+ "$type": "color",
39
+ "$description": "Used for the background for the lightgreen banner type."
40
+ },
41
+ "lightindigo": {
42
+ "$value": "{color.theme-indigo.500}",
43
+ "$type": "color",
44
+ "$description": "Used for the background for the lightindigo banner type."
45
+ },
46
+ "lightred": {
47
+ "$value": "{color.theme-red.500}",
48
+ "$type": "color",
49
+ "$description": "Used for the background for the lightred banner type."
50
+ },
51
+ "red": {
52
+ "$value": "{color.theme-red.700}",
53
+ "$type": "color",
54
+ "$description": "Used for the background for the red banner type."
55
+ }
56
+ }
57
+ },
58
+ "border": {
59
+ "color": {
60
+ "blue": {
61
+ "$value": "{color.theme-blue.900}",
62
+ "$type": "color",
63
+ "$description": "Used for the border for the blue banner type."
64
+ },
65
+ "dark": {
66
+ "$value": "{color.neutral.700}",
67
+ "$type": "color",
68
+ "$description": "Used for the border for the dark banner type."
69
+ },
70
+ "green": {
71
+ "$value": "{color.theme-green.900}",
72
+ "$type": "color",
73
+ "$description": "Used for the border for the green banner type."
74
+ },
75
+ "indigo": {
76
+ "$value": "{color.theme-indigo.900}",
77
+ "$type": "color",
78
+ "$description": "Used for the border for the indigo banner type."
79
+ },
80
+ "light": {
81
+ "$value": "{color.neutral.100}",
82
+ "$type": "color",
83
+ "$description": "Used for the border for the light banner type."
84
+ },
85
+ "lightblue": {
86
+ "$value": "{color.theme-blue.700}",
87
+ "$type": "color",
88
+ "$description": "Used for the border for the lightblue banner type."
89
+ },
90
+ "lightgreen": {
91
+ "$value": "{color.theme-green.700}",
92
+ "$type": "color",
93
+ "$description": "Used for the border for the lightgreen banner type."
94
+ },
95
+ "lightindigo": {
96
+ "$value": "{color.theme-indigo.700}",
97
+ "$type": "color",
98
+ "$description": "Used for the border for the lightindigo banner type."
99
+ },
100
+ "lightred": {
101
+ "$value": "{color.theme-red.700}",
102
+ "$type": "color",
103
+ "$description": "Used for the border for the lightred banner type."
104
+ },
105
+ "red": {
106
+ "$value": "{color.theme-red.900}",
107
+ "$type": "color",
108
+ "$description": "Used for the border for the red banner type."
109
+ }
110
+ }
111
+ },
112
+ "icon": {
113
+ "color": {
114
+ "blue": {
115
+ "$value": "{color.neutral.0}",
116
+ "$type": "color",
117
+ "$description": "Used for the icon for the blue banner type."
118
+ },
119
+ "dark": {
120
+ "$value": "{color.neutral.0}",
121
+ "$type": "color",
122
+ "$description": "Used for the icon for the dark banner type."
123
+ },
124
+ "green": {
125
+ "$value": "{color.neutral.0}",
126
+ "$type": "color",
127
+ "$description": "Used for the icon for the green banner type."
128
+ },
129
+ "indigo": {
130
+ "$value": "{color.neutral.0}",
131
+ "$type": "color",
132
+ "$description": "Used for the icon for the indigo banner type."
133
+ },
134
+ "light": {
135
+ "$value": "{color.neutral.900}",
136
+ "$type": "color",
137
+ "$description": "Used for the icon for the light banner type."
138
+ },
139
+ "lightblue": {
140
+ "$value": "{color.neutral.0}",
141
+ "$type": "color",
142
+ "$description": "Used for the icon for the lightblue banner type."
143
+ },
144
+ "lightgreen": {
145
+ "$value": "{color.neutral.0}",
146
+ "$type": "color",
147
+ "$description": "Used for the icon for the lightgreen banner type."
148
+ },
149
+ "lightindigo": {
150
+ "$value": "{color.neutral.0}",
151
+ "$type": "color",
152
+ "$description": "Used for the icon for the lightindigo banner type."
153
+ },
154
+ "lightred": {
155
+ "$value": "{color.neutral.0}",
156
+ "$type": "color",
157
+ "$description": "Used for the icon for the lightred banner type."
158
+ },
159
+ "red": {
160
+ "$value": "{color.neutral.0}",
161
+ "$type": "color",
162
+ "$description": "Used for the icon for the red banner type."
163
+ }
164
+ }
165
+ },
166
+ "text": {
167
+ "color": {
168
+ "blue": {
169
+ "$value": "{color.neutral.0}",
170
+ "$type": "color",
171
+ "$description": "Used for the text for the blue banner type."
172
+ },
173
+ "dark": {
174
+ "$value": "{color.neutral.0}",
175
+ "$type": "color",
176
+ "$description": "Used for the text for the dark banner type."
177
+ },
178
+ "green": {
179
+ "$value": "{color.neutral.0}",
180
+ "$type": "color",
181
+ "$description": "Used for the text for the green banner type."
182
+ },
183
+ "indigo": {
184
+ "$value": "{color.neutral.0}",
185
+ "$type": "color",
186
+ "$description": "Used for the text for the indigo banner type."
187
+ },
188
+ "light": {
189
+ "$value": "{color.neutral.900}",
190
+ "$type": "color",
191
+ "$description": "Used for the text for the light banner type."
192
+ },
193
+ "lightblue": {
194
+ "$value": "{color.neutral.0}",
195
+ "$type": "color",
196
+ "$description": "Used for the text for the lightblue banner type."
197
+ },
198
+ "lightgreen": {
199
+ "$value": "{color.neutral.0}",
200
+ "$type": "color",
201
+ "$description": "Used for the text for the lightgreen banner type."
202
+ },
203
+ "lightindigo": {
204
+ "$value": "{color.neutral.0}",
205
+ "$type": "color",
206
+ "$description": "Used for the text for the lightindigo banner type."
207
+ },
208
+ "lightred": {
209
+ "$value": "{color.neutral.0}",
210
+ "$type": "color",
211
+ "$description": "Used for the text for the lightred banner type."
212
+ },
213
+ "red": {
214
+ "$value": "{color.neutral.0}",
215
+ "$type": "color",
216
+ "$description": "Used for the text for the red banner type."
217
+ }
218
+ }
219
+ }
220
+ }
221
+ }
222
+ }