@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/src/tokens/build/json/tokens.json CHANGED
@@ -1868,6 +1868,47 @@
1868
1868
  "disabled"
1869
1869
  ]
1870
1870
  },
1871
+ "overlap": {
1872
+ "value": "#fff",
1873
+ "$type": "color",
1874
+ "comment": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
1875
+ "filePath": "src/tokens/background.tokens.json",
1876
+ "isSource": true,
1877
+ "original": {
1878
+ "value": {
1879
+ "default": "{color.neutral.0}",
1880
+ "dark": "{color.neutral.800}"
1881
+ },
1882
+ "$type": "color",
1883
+ "comment": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content."
1884
+ },
1885
+ "name": "BACKGROUND_COLOR_OVERLAP",
1886
+ "attributes": {},
1887
+ "path": [
1888
+ "background",
1889
+ "color",
1890
+ "overlap"
1891
+ ]
1892
+ },
1893
+ "section": {
1894
+ "value": "#fff",
1895
+ "$type": "color",
1896
+ "comment": "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.",
1897
+ "filePath": "src/tokens/background.tokens.json",
1898
+ "isSource": true,
1899
+ "original": {
1900
+ "value": "{background.color.overlap}",
1901
+ "$type": "color",
1902
+ "comment": "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."
1903
+ },
1904
+ "name": "BACKGROUND_COLOR_SECTION",
1905
+ "attributes": {},
1906
+ "path": [
1907
+ "background",
1908
+ "color",
1909
+ "section"
1910
+ ]
1911
+ },
1871
1912
  "overlay": {
1872
1913
  "value": "rgba(05, 05, 06, 0.24)",
1873
1914
  "$type": "color",
@@ -1960,6 +2001,28 @@
1960
2001
  "strong"
1961
2002
  ]
1962
2003
  },
2004
+ "section": {
2005
+ "value": "#dcdcde",
2006
+ "$type": "color",
2007
+ "comment": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
2008
+ "filePath": "src/tokens/border.tokens.json",
2009
+ "isSource": true,
2010
+ "original": {
2011
+ "value": {
2012
+ "default": "{border.color.default}",
2013
+ "dark": "{background.color.default}"
2014
+ },
2015
+ "$type": "color",
2016
+ "comment": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page."
2017
+ },
2018
+ "name": "BORDER_COLOR_SECTION",
2019
+ "attributes": {},
2020
+ "path": [
2021
+ "border",
2022
+ "color",
2023
+ "section"
2024
+ ]
2025
+ },
1963
2026
  "transparent": {
1964
2027
  "value": "transparent",
1965
2028
  "$type": "color",
@@ -9894,6 +9957,866 @@
9894
9957
  }
9895
9958
  }
9896
9959
  },
9960
+ "broadcast": {
9961
+ "banner": {
9962
+ "background": {
9963
+ "color": {
9964
+ "blue": {
9965
+ "value": "#235180",
9966
+ "$type": "color",
9967
+ "comment": "Used for the background for the blue banner type.",
9968
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
9969
+ "isSource": true,
9970
+ "original": {
9971
+ "value": "{color.theme-blue.700}",
9972
+ "$type": "color",
9973
+ "comment": "Used for the background for the blue banner type."
9974
+ },
9975
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_BLUE",
9976
+ "attributes": {},
9977
+ "path": [
9978
+ "broadcast",
9979
+ "banner",
9980
+ "background",
9981
+ "color",
9982
+ "blue"
9983
+ ]
9984
+ },
9985
+ "dark": {
9986
+ "value": "#737278",
9987
+ "$type": "color",
9988
+ "comment": "Used for the background for the dark banner type.",
9989
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
9990
+ "isSource": true,
9991
+ "original": {
9992
+ "value": "{color.neutral.500}",
9993
+ "$type": "color",
9994
+ "comment": "Used for the background for the dark banner type."
9995
+ },
9996
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_DARK",
9997
+ "attributes": {},
9998
+ "path": [
9999
+ "broadcast",
10000
+ "banner",
10001
+ "background",
10002
+ "color",
10003
+ "dark"
10004
+ ]
10005
+ },
10006
+ "green": {
10007
+ "value": "#1b653f",
10008
+ "$type": "color",
10009
+ "comment": "Used for the background for the green banner type.",
10010
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10011
+ "isSource": true,
10012
+ "original": {
10013
+ "value": "{color.theme-green.700}",
10014
+ "$type": "color",
10015
+ "comment": "Used for the background for the green banner type."
10016
+ },
10017
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_GREEN",
10018
+ "attributes": {},
10019
+ "path": [
10020
+ "broadcast",
10021
+ "banner",
10022
+ "background",
10023
+ "color",
10024
+ "green"
10025
+ ]
10026
+ },
10027
+ "indigo": {
10028
+ "value": "#41419f",
10029
+ "$type": "color",
10030
+ "comment": "Used for the background for the indigo banner type.",
10031
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10032
+ "isSource": true,
10033
+ "original": {
10034
+ "value": "{color.theme-indigo.700}",
10035
+ "$type": "color",
10036
+ "comment": "Used for the background for the indigo banner type."
10037
+ },
10038
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO",
10039
+ "attributes": {},
10040
+ "path": [
10041
+ "broadcast",
10042
+ "banner",
10043
+ "background",
10044
+ "color",
10045
+ "indigo"
10046
+ ]
10047
+ },
10048
+ "light": {
10049
+ "value": "#ececef",
10050
+ "$type": "color",
10051
+ "comment": "Used for the background for the light banner type.",
10052
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10053
+ "isSource": true,
10054
+ "original": {
10055
+ "value": "{color.neutral.50}",
10056
+ "$type": "color",
10057
+ "comment": "Used for the background for the light banner type."
10058
+ },
10059
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT",
10060
+ "attributes": {},
10061
+ "path": [
10062
+ "broadcast",
10063
+ "banner",
10064
+ "background",
10065
+ "color",
10066
+ "light"
10067
+ ]
10068
+ },
10069
+ "lightblue": {
10070
+ "value": "#4977a5",
10071
+ "$type": "color",
10072
+ "comment": "Used for the background for the lightblue banner type.",
10073
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10074
+ "isSource": true,
10075
+ "original": {
10076
+ "value": "{color.theme-blue.500}",
10077
+ "$type": "color",
10078
+ "comment": "Used for the background for the lightblue banner type."
10079
+ },
10080
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE",
10081
+ "attributes": {},
10082
+ "path": [
10083
+ "broadcast",
10084
+ "banner",
10085
+ "background",
10086
+ "color",
10087
+ "lightblue"
10088
+ ]
10089
+ },
10090
+ "lightgreen": {
10091
+ "value": "#308258",
10092
+ "$type": "color",
10093
+ "comment": "Used for the background for the lightgreen banner type.",
10094
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10095
+ "isSource": true,
10096
+ "original": {
10097
+ "value": "{color.theme-green.500}",
10098
+ "$type": "color",
10099
+ "comment": "Used for the background for the lightgreen banner type."
10100
+ },
10101
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN",
10102
+ "attributes": {},
10103
+ "path": [
10104
+ "broadcast",
10105
+ "banner",
10106
+ "background",
10107
+ "color",
10108
+ "lightgreen"
10109
+ ]
10110
+ },
10111
+ "lightindigo": {
10112
+ "value": "#6666c4",
10113
+ "$type": "color",
10114
+ "comment": "Used for the background for the lightindigo banner type.",
10115
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10116
+ "isSource": true,
10117
+ "original": {
10118
+ "value": "{color.theme-indigo.500}",
10119
+ "$type": "color",
10120
+ "comment": "Used for the background for the lightindigo banner type."
10121
+ },
10122
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO",
10123
+ "attributes": {},
10124
+ "path": [
10125
+ "broadcast",
10126
+ "banner",
10127
+ "background",
10128
+ "color",
10129
+ "lightindigo"
10130
+ ]
10131
+ },
10132
+ "lightred": {
10133
+ "value": "#ad4a3b",
10134
+ "$type": "color",
10135
+ "comment": "Used for the background for the lightred banner type.",
10136
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10137
+ "isSource": true,
10138
+ "original": {
10139
+ "value": "{color.theme-red.500}",
10140
+ "$type": "color",
10141
+ "comment": "Used for the background for the lightred banner type."
10142
+ },
10143
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED",
10144
+ "attributes": {},
10145
+ "path": [
10146
+ "broadcast",
10147
+ "banner",
10148
+ "background",
10149
+ "color",
10150
+ "lightred"
10151
+ ]
10152
+ },
10153
+ "red": {
10154
+ "value": "#8f2110",
10155
+ "$type": "color",
10156
+ "comment": "Used for the background for the red banner type.",
10157
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10158
+ "isSource": true,
10159
+ "original": {
10160
+ "value": "{color.theme-red.700}",
10161
+ "$type": "color",
10162
+ "comment": "Used for the background for the red banner type."
10163
+ },
10164
+ "name": "BROADCAST_BANNER_BACKGROUND_COLOR_RED",
10165
+ "attributes": {},
10166
+ "path": [
10167
+ "broadcast",
10168
+ "banner",
10169
+ "background",
10170
+ "color",
10171
+ "red"
10172
+ ]
10173
+ }
10174
+ }
10175
+ },
10176
+ "border": {
10177
+ "color": {
10178
+ "blue": {
10179
+ "value": "#0b2640",
10180
+ "$type": "color",
10181
+ "comment": "Used for the border for the blue banner type.",
10182
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10183
+ "isSource": true,
10184
+ "original": {
10185
+ "value": "{color.theme-blue.900}",
10186
+ "$type": "color",
10187
+ "comment": "Used for the border for the blue banner type."
10188
+ },
10189
+ "name": "BROADCAST_BANNER_BORDER_COLOR_BLUE",
10190
+ "attributes": {},
10191
+ "path": [
10192
+ "broadcast",
10193
+ "banner",
10194
+ "border",
10195
+ "color",
10196
+ "blue"
10197
+ ]
10198
+ },
10199
+ "dark": {
10200
+ "value": "#4c4b51",
10201
+ "$type": "color",
10202
+ "comment": "Used for the border for the dark banner type.",
10203
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10204
+ "isSource": true,
10205
+ "original": {
10206
+ "value": "{color.neutral.700}",
10207
+ "$type": "color",
10208
+ "comment": "Used for the border for the dark banner type."
10209
+ },
10210
+ "name": "BROADCAST_BANNER_BORDER_COLOR_DARK",
10211
+ "attributes": {},
10212
+ "path": [
10213
+ "broadcast",
10214
+ "banner",
10215
+ "border",
10216
+ "color",
10217
+ "dark"
10218
+ ]
10219
+ },
10220
+ "green": {
10221
+ "value": "#0e4328",
10222
+ "$type": "color",
10223
+ "comment": "Used for the border for the green banner type.",
10224
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10225
+ "isSource": true,
10226
+ "original": {
10227
+ "value": "{color.theme-green.900}",
10228
+ "$type": "color",
10229
+ "comment": "Used for the border for the green banner type."
10230
+ },
10231
+ "name": "BROADCAST_BANNER_BORDER_COLOR_GREEN",
10232
+ "attributes": {},
10233
+ "path": [
10234
+ "broadcast",
10235
+ "banner",
10236
+ "border",
10237
+ "color",
10238
+ "green"
10239
+ ]
10240
+ },
10241
+ "indigo": {
10242
+ "value": "#222261",
10243
+ "$type": "color",
10244
+ "comment": "Used for the border for the indigo banner type.",
10245
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10246
+ "isSource": true,
10247
+ "original": {
10248
+ "value": "{color.theme-indigo.900}",
10249
+ "$type": "color",
10250
+ "comment": "Used for the border for the indigo banner type."
10251
+ },
10252
+ "name": "BROADCAST_BANNER_BORDER_COLOR_INDIGO",
10253
+ "attributes": {},
10254
+ "path": [
10255
+ "broadcast",
10256
+ "banner",
10257
+ "border",
10258
+ "color",
10259
+ "indigo"
10260
+ ]
10261
+ },
10262
+ "light": {
10263
+ "value": "#dcdcde",
10264
+ "$type": "color",
10265
+ "comment": "Used for the border for the light banner type.",
10266
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10267
+ "isSource": true,
10268
+ "original": {
10269
+ "value": "{color.neutral.100}",
10270
+ "$type": "color",
10271
+ "comment": "Used for the border for the light banner type."
10272
+ },
10273
+ "name": "BROADCAST_BANNER_BORDER_COLOR_LIGHT",
10274
+ "attributes": {},
10275
+ "path": [
10276
+ "broadcast",
10277
+ "banner",
10278
+ "border",
10279
+ "color",
10280
+ "light"
10281
+ ]
10282
+ },
10283
+ "lightblue": {
10284
+ "value": "#235180",
10285
+ "$type": "color",
10286
+ "comment": "Used for the border for the lightblue banner type.",
10287
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10288
+ "isSource": true,
10289
+ "original": {
10290
+ "value": "{color.theme-blue.700}",
10291
+ "$type": "color",
10292
+ "comment": "Used for the border for the lightblue banner type."
10293
+ },
10294
+ "name": "BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE",
10295
+ "attributes": {},
10296
+ "path": [
10297
+ "broadcast",
10298
+ "banner",
10299
+ "border",
10300
+ "color",
10301
+ "lightblue"
10302
+ ]
10303
+ },
10304
+ "lightgreen": {
10305
+ "value": "#1b653f",
10306
+ "$type": "color",
10307
+ "comment": "Used for the border for the lightgreen banner type.",
10308
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10309
+ "isSource": true,
10310
+ "original": {
10311
+ "value": "{color.theme-green.700}",
10312
+ "$type": "color",
10313
+ "comment": "Used for the border for the lightgreen banner type."
10314
+ },
10315
+ "name": "BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN",
10316
+ "attributes": {},
10317
+ "path": [
10318
+ "broadcast",
10319
+ "banner",
10320
+ "border",
10321
+ "color",
10322
+ "lightgreen"
10323
+ ]
10324
+ },
10325
+ "lightindigo": {
10326
+ "value": "#41419f",
10327
+ "$type": "color",
10328
+ "comment": "Used for the border for the lightindigo banner type.",
10329
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10330
+ "isSource": true,
10331
+ "original": {
10332
+ "value": "{color.theme-indigo.700}",
10333
+ "$type": "color",
10334
+ "comment": "Used for the border for the lightindigo banner type."
10335
+ },
10336
+ "name": "BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO",
10337
+ "attributes": {},
10338
+ "path": [
10339
+ "broadcast",
10340
+ "banner",
10341
+ "border",
10342
+ "color",
10343
+ "lightindigo"
10344
+ ]
10345
+ },
10346
+ "lightred": {
10347
+ "value": "#8f2110",
10348
+ "$type": "color",
10349
+ "comment": "Used for the border for the lightred banner type.",
10350
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10351
+ "isSource": true,
10352
+ "original": {
10353
+ "value": "{color.theme-red.700}",
10354
+ "$type": "color",
10355
+ "comment": "Used for the border for the lightred banner type."
10356
+ },
10357
+ "name": "BROADCAST_BANNER_BORDER_COLOR_LIGHTRED",
10358
+ "attributes": {},
10359
+ "path": [
10360
+ "broadcast",
10361
+ "banner",
10362
+ "border",
10363
+ "color",
10364
+ "lightred"
10365
+ ]
10366
+ },
10367
+ "red": {
10368
+ "value": "#580d02",
10369
+ "$type": "color",
10370
+ "comment": "Used for the border for the red banner type.",
10371
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10372
+ "isSource": true,
10373
+ "original": {
10374
+ "value": "{color.theme-red.900}",
10375
+ "$type": "color",
10376
+ "comment": "Used for the border for the red banner type."
10377
+ },
10378
+ "name": "BROADCAST_BANNER_BORDER_COLOR_RED",
10379
+ "attributes": {},
10380
+ "path": [
10381
+ "broadcast",
10382
+ "banner",
10383
+ "border",
10384
+ "color",
10385
+ "red"
10386
+ ]
10387
+ }
10388
+ }
10389
+ },
10390
+ "icon": {
10391
+ "color": {
10392
+ "blue": {
10393
+ "value": "#fff",
10394
+ "$type": "color",
10395
+ "comment": "Used for the icon for the blue banner type.",
10396
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10397
+ "isSource": true,
10398
+ "original": {
10399
+ "value": "{color.neutral.0}",
10400
+ "$type": "color",
10401
+ "comment": "Used for the icon for the blue banner type."
10402
+ },
10403
+ "name": "BROADCAST_BANNER_ICON_COLOR_BLUE",
10404
+ "attributes": {},
10405
+ "path": [
10406
+ "broadcast",
10407
+ "banner",
10408
+ "icon",
10409
+ "color",
10410
+ "blue"
10411
+ ]
10412
+ },
10413
+ "dark": {
10414
+ "value": "#fff",
10415
+ "$type": "color",
10416
+ "comment": "Used for the icon for the dark banner type.",
10417
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10418
+ "isSource": true,
10419
+ "original": {
10420
+ "value": "{color.neutral.0}",
10421
+ "$type": "color",
10422
+ "comment": "Used for the icon for the dark banner type."
10423
+ },
10424
+ "name": "BROADCAST_BANNER_ICON_COLOR_DARK",
10425
+ "attributes": {},
10426
+ "path": [
10427
+ "broadcast",
10428
+ "banner",
10429
+ "icon",
10430
+ "color",
10431
+ "dark"
10432
+ ]
10433
+ },
10434
+ "green": {
10435
+ "value": "#fff",
10436
+ "$type": "color",
10437
+ "comment": "Used for the icon for the green banner type.",
10438
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10439
+ "isSource": true,
10440
+ "original": {
10441
+ "value": "{color.neutral.0}",
10442
+ "$type": "color",
10443
+ "comment": "Used for the icon for the green banner type."
10444
+ },
10445
+ "name": "BROADCAST_BANNER_ICON_COLOR_GREEN",
10446
+ "attributes": {},
10447
+ "path": [
10448
+ "broadcast",
10449
+ "banner",
10450
+ "icon",
10451
+ "color",
10452
+ "green"
10453
+ ]
10454
+ },
10455
+ "indigo": {
10456
+ "value": "#fff",
10457
+ "$type": "color",
10458
+ "comment": "Used for the icon for the indigo banner type.",
10459
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10460
+ "isSource": true,
10461
+ "original": {
10462
+ "value": "{color.neutral.0}",
10463
+ "$type": "color",
10464
+ "comment": "Used for the icon for the indigo banner type."
10465
+ },
10466
+ "name": "BROADCAST_BANNER_ICON_COLOR_INDIGO",
10467
+ "attributes": {},
10468
+ "path": [
10469
+ "broadcast",
10470
+ "banner",
10471
+ "icon",
10472
+ "color",
10473
+ "indigo"
10474
+ ]
10475
+ },
10476
+ "light": {
10477
+ "value": "#28272d",
10478
+ "$type": "color",
10479
+ "comment": "Used for the icon for the light banner type.",
10480
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10481
+ "isSource": true,
10482
+ "original": {
10483
+ "value": "{color.neutral.900}",
10484
+ "$type": "color",
10485
+ "comment": "Used for the icon for the light banner type."
10486
+ },
10487
+ "name": "BROADCAST_BANNER_ICON_COLOR_LIGHT",
10488
+ "attributes": {},
10489
+ "path": [
10490
+ "broadcast",
10491
+ "banner",
10492
+ "icon",
10493
+ "color",
10494
+ "light"
10495
+ ]
10496
+ },
10497
+ "lightblue": {
10498
+ "value": "#fff",
10499
+ "$type": "color",
10500
+ "comment": "Used for the icon for the lightblue banner type.",
10501
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10502
+ "isSource": true,
10503
+ "original": {
10504
+ "value": "{color.neutral.0}",
10505
+ "$type": "color",
10506
+ "comment": "Used for the icon for the lightblue banner type."
10507
+ },
10508
+ "name": "BROADCAST_BANNER_ICON_COLOR_LIGHTBLUE",
10509
+ "attributes": {},
10510
+ "path": [
10511
+ "broadcast",
10512
+ "banner",
10513
+ "icon",
10514
+ "color",
10515
+ "lightblue"
10516
+ ]
10517
+ },
10518
+ "lightgreen": {
10519
+ "value": "#fff",
10520
+ "$type": "color",
10521
+ "comment": "Used for the icon for the lightgreen banner type.",
10522
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10523
+ "isSource": true,
10524
+ "original": {
10525
+ "value": "{color.neutral.0}",
10526
+ "$type": "color",
10527
+ "comment": "Used for the icon for the lightgreen banner type."
10528
+ },
10529
+ "name": "BROADCAST_BANNER_ICON_COLOR_LIGHTGREEN",
10530
+ "attributes": {},
10531
+ "path": [
10532
+ "broadcast",
10533
+ "banner",
10534
+ "icon",
10535
+ "color",
10536
+ "lightgreen"
10537
+ ]
10538
+ },
10539
+ "lightindigo": {
10540
+ "value": "#fff",
10541
+ "$type": "color",
10542
+ "comment": "Used for the icon for the lightindigo banner type.",
10543
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10544
+ "isSource": true,
10545
+ "original": {
10546
+ "value": "{color.neutral.0}",
10547
+ "$type": "color",
10548
+ "comment": "Used for the icon for the lightindigo banner type."
10549
+ },
10550
+ "name": "BROADCAST_BANNER_ICON_COLOR_LIGHTINDIGO",
10551
+ "attributes": {},
10552
+ "path": [
10553
+ "broadcast",
10554
+ "banner",
10555
+ "icon",
10556
+ "color",
10557
+ "lightindigo"
10558
+ ]
10559
+ },
10560
+ "lightred": {
10561
+ "value": "#fff",
10562
+ "$type": "color",
10563
+ "comment": "Used for the icon for the lightred banner type.",
10564
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10565
+ "isSource": true,
10566
+ "original": {
10567
+ "value": "{color.neutral.0}",
10568
+ "$type": "color",
10569
+ "comment": "Used for the icon for the lightred banner type."
10570
+ },
10571
+ "name": "BROADCAST_BANNER_ICON_COLOR_LIGHTRED",
10572
+ "attributes": {},
10573
+ "path": [
10574
+ "broadcast",
10575
+ "banner",
10576
+ "icon",
10577
+ "color",
10578
+ "lightred"
10579
+ ]
10580
+ },
10581
+ "red": {
10582
+ "value": "#fff",
10583
+ "$type": "color",
10584
+ "comment": "Used for the icon for the red banner type.",
10585
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10586
+ "isSource": true,
10587
+ "original": {
10588
+ "value": "{color.neutral.0}",
10589
+ "$type": "color",
10590
+ "comment": "Used for the icon for the red banner type."
10591
+ },
10592
+ "name": "BROADCAST_BANNER_ICON_COLOR_RED",
10593
+ "attributes": {},
10594
+ "path": [
10595
+ "broadcast",
10596
+ "banner",
10597
+ "icon",
10598
+ "color",
10599
+ "red"
10600
+ ]
10601
+ }
10602
+ }
10603
+ },
10604
+ "text": {
10605
+ "color": {
10606
+ "blue": {
10607
+ "value": "#fff",
10608
+ "$type": "color",
10609
+ "comment": "Used for the text for the blue banner type.",
10610
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10611
+ "isSource": true,
10612
+ "original": {
10613
+ "value": "{color.neutral.0}",
10614
+ "$type": "color",
10615
+ "comment": "Used for the text for the blue banner type."
10616
+ },
10617
+ "name": "BROADCAST_BANNER_TEXT_COLOR_BLUE",
10618
+ "attributes": {},
10619
+ "path": [
10620
+ "broadcast",
10621
+ "banner",
10622
+ "text",
10623
+ "color",
10624
+ "blue"
10625
+ ]
10626
+ },
10627
+ "dark": {
10628
+ "value": "#fff",
10629
+ "$type": "color",
10630
+ "comment": "Used for the text for the dark banner type.",
10631
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10632
+ "isSource": true,
10633
+ "original": {
10634
+ "value": "{color.neutral.0}",
10635
+ "$type": "color",
10636
+ "comment": "Used for the text for the dark banner type."
10637
+ },
10638
+ "name": "BROADCAST_BANNER_TEXT_COLOR_DARK",
10639
+ "attributes": {},
10640
+ "path": [
10641
+ "broadcast",
10642
+ "banner",
10643
+ "text",
10644
+ "color",
10645
+ "dark"
10646
+ ]
10647
+ },
10648
+ "green": {
10649
+ "value": "#fff",
10650
+ "$type": "color",
10651
+ "comment": "Used for the text for the green banner type.",
10652
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10653
+ "isSource": true,
10654
+ "original": {
10655
+ "value": "{color.neutral.0}",
10656
+ "$type": "color",
10657
+ "comment": "Used for the text for the green banner type."
10658
+ },
10659
+ "name": "BROADCAST_BANNER_TEXT_COLOR_GREEN",
10660
+ "attributes": {},
10661
+ "path": [
10662
+ "broadcast",
10663
+ "banner",
10664
+ "text",
10665
+ "color",
10666
+ "green"
10667
+ ]
10668
+ },
10669
+ "indigo": {
10670
+ "value": "#fff",
10671
+ "$type": "color",
10672
+ "comment": "Used for the text for the indigo banner type.",
10673
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10674
+ "isSource": true,
10675
+ "original": {
10676
+ "value": "{color.neutral.0}",
10677
+ "$type": "color",
10678
+ "comment": "Used for the text for the indigo banner type."
10679
+ },
10680
+ "name": "BROADCAST_BANNER_TEXT_COLOR_INDIGO",
10681
+ "attributes": {},
10682
+ "path": [
10683
+ "broadcast",
10684
+ "banner",
10685
+ "text",
10686
+ "color",
10687
+ "indigo"
10688
+ ]
10689
+ },
10690
+ "light": {
10691
+ "value": "#28272d",
10692
+ "$type": "color",
10693
+ "comment": "Used for the text for the light banner type.",
10694
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10695
+ "isSource": true,
10696
+ "original": {
10697
+ "value": "{color.neutral.900}",
10698
+ "$type": "color",
10699
+ "comment": "Used for the text for the light banner type."
10700
+ },
10701
+ "name": "BROADCAST_BANNER_TEXT_COLOR_LIGHT",
10702
+ "attributes": {},
10703
+ "path": [
10704
+ "broadcast",
10705
+ "banner",
10706
+ "text",
10707
+ "color",
10708
+ "light"
10709
+ ]
10710
+ },
10711
+ "lightblue": {
10712
+ "value": "#fff",
10713
+ "$type": "color",
10714
+ "comment": "Used for the text for the lightblue banner type.",
10715
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10716
+ "isSource": true,
10717
+ "original": {
10718
+ "value": "{color.neutral.0}",
10719
+ "$type": "color",
10720
+ "comment": "Used for the text for the lightblue banner type."
10721
+ },
10722
+ "name": "BROADCAST_BANNER_TEXT_COLOR_LIGHTBLUE",
10723
+ "attributes": {},
10724
+ "path": [
10725
+ "broadcast",
10726
+ "banner",
10727
+ "text",
10728
+ "color",
10729
+ "lightblue"
10730
+ ]
10731
+ },
10732
+ "lightgreen": {
10733
+ "value": "#fff",
10734
+ "$type": "color",
10735
+ "comment": "Used for the text for the lightgreen banner type.",
10736
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10737
+ "isSource": true,
10738
+ "original": {
10739
+ "value": "{color.neutral.0}",
10740
+ "$type": "color",
10741
+ "comment": "Used for the text for the lightgreen banner type."
10742
+ },
10743
+ "name": "BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN",
10744
+ "attributes": {},
10745
+ "path": [
10746
+ "broadcast",
10747
+ "banner",
10748
+ "text",
10749
+ "color",
10750
+ "lightgreen"
10751
+ ]
10752
+ },
10753
+ "lightindigo": {
10754
+ "value": "#fff",
10755
+ "$type": "color",
10756
+ "comment": "Used for the text for the lightindigo banner type.",
10757
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10758
+ "isSource": true,
10759
+ "original": {
10760
+ "value": "{color.neutral.0}",
10761
+ "$type": "color",
10762
+ "comment": "Used for the text for the lightindigo banner type."
10763
+ },
10764
+ "name": "BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO",
10765
+ "attributes": {},
10766
+ "path": [
10767
+ "broadcast",
10768
+ "banner",
10769
+ "text",
10770
+ "color",
10771
+ "lightindigo"
10772
+ ]
10773
+ },
10774
+ "lightred": {
10775
+ "value": "#fff",
10776
+ "$type": "color",
10777
+ "comment": "Used for the text for the lightred banner type.",
10778
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10779
+ "isSource": true,
10780
+ "original": {
10781
+ "value": "{color.neutral.0}",
10782
+ "$type": "color",
10783
+ "comment": "Used for the text for the lightred banner type."
10784
+ },
10785
+ "name": "BROADCAST_BANNER_TEXT_COLOR_LIGHTRED",
10786
+ "attributes": {},
10787
+ "path": [
10788
+ "broadcast",
10789
+ "banner",
10790
+ "text",
10791
+ "color",
10792
+ "lightred"
10793
+ ]
10794
+ },
10795
+ "red": {
10796
+ "value": "#fff",
10797
+ "$type": "color",
10798
+ "comment": "Used for the text for the red banner type.",
10799
+ "filePath": "src/tokens/contextual/broadcast.tokens.json",
10800
+ "isSource": true,
10801
+ "original": {
10802
+ "value": "{color.neutral.0}",
10803
+ "$type": "color",
10804
+ "comment": "Used for the text for the red banner type."
10805
+ },
10806
+ "name": "BROADCAST_BANNER_TEXT_COLOR_RED",
10807
+ "attributes": {},
10808
+ "path": [
10809
+ "broadcast",
10810
+ "banner",
10811
+ "text",
10812
+ "color",
10813
+ "red"
10814
+ ]
10815
+ }
10816
+ }
10817
+ }
10818
+ }
10819
+ },
9897
10820
  "button": {
9898
10821
  "default": {
9899
10822
  "primary": {