@gitlab/ui 112.3.0 → 112.3.2

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 +15 -0
  2. package/dist/components/base/new_dropdowns/listbox/listbox.js +3 -4
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tailwind.css +1 -1
  6. package/dist/tailwind.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +611 -611
  8. package/dist/tokens/build/js/tokens.js +611 -611
  9. package/dist/tokens/css/tokens.dark.css +1 -1
  10. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +32018 -0
  11. package/dist/tokens/docs/tokens-tailwind-docs.json +32018 -0
  12. package/dist/tokens/figma/constants.tokens.json +998 -0
  13. package/dist/tokens/figma/contextual.tokens.json +3496 -0
  14. package/dist/tokens/figma/deprecated.tokens.json +2243 -0
  15. package/dist/tokens/figma/semantic.tokens.json +1423 -0
  16. package/dist/tokens/js/tokens.dark.js +611 -611
  17. package/dist/tokens/js/tokens.js +611 -611
  18. package/dist/tokens/tokens_tailwind_table.js +278 -0
  19. package/package.json +2 -2
  20. package/src/components/base/new_dropdowns/listbox/listbox.vue +3 -3
  21. package/src/tokens/build/css/tokens.dark.css +1 -1
  22. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +32018 -0
  23. package/src/tokens/build/docs/tokens-tailwind-docs.json +32018 -0
  24. package/src/tokens/build/js/tokens.dark.js +611 -611
  25. package/src/tokens/build/js/tokens.js +611 -611
  26. package/src/tokens/tokens_tailwind_table.vue +360 -0
package/dist/tokens/js/tokens.js CHANGED
@@ -238,425 +238,425 @@ export const GL_LINE_HEIGHT_36 = '2.25rem';
238
238
  export const GL_LINE_HEIGHT_42 = '2.625rem';
239
239
  export const GL_LINE_HEIGHT_44 = '2.75rem';
240
240
  export const GL_LINE_HEIGHT_52 = '3.25rem';
241
- export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d';
242
- export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef';
243
- export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent';
244
- export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'transparent';
245
- export const GL_ALERT_INFO_TITLE_COLOR = '#18171d';
246
- export const GL_ALERT_INFO_BACKGROUND_COLOR = '#e9f3fc';
247
- export const GL_ALERT_INFO_BORDER_TOP_COLOR = 'transparent';
248
- export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'transparent';
249
- export const GL_ALERT_SUCCESS_TITLE_COLOR = '#18171d';
250
- export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#ecf4ee';
251
- export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = 'transparent';
252
- export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'transparent';
253
- export const GL_ALERT_WARNING_TITLE_COLOR = '#18171d';
254
- export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#fdf1dd';
255
- export const GL_ALERT_WARNING_BORDER_TOP_COLOR = 'transparent';
256
- export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'transparent';
257
- export const GL_ALERT_DANGER_TITLE_COLOR = '#18171d';
258
- export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#fcf1ef';
259
- export const GL_ALERT_DANGER_BORDER_TOP_COLOR = 'transparent';
260
- export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'transparent';
261
- export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.08)';
262
- export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(05, 05, 06, 0.24)';
263
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#812713';
264
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#493c83';
265
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#284779';
266
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#225131';
267
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#693c14';
268
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#3a383f';
269
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcb5aa3d';
270
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#cbbbf23d';
271
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d';
272
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d';
273
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d';
274
- export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d';
275
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
276
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#ececef';
277
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#ececef';
278
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
279
- export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent';
280
- export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#bfbfc3';
281
- export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent';
282
- export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent';
283
- export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#626168';
284
- export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#4c4b51';
285
- export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#4c4b51';
286
- export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#3a383f';
287
- export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#737278';
288
- export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#626168';
289
- export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#626168';
290
- export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#4c4b51';
291
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
292
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#dcdcde';
293
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#dcdcde';
294
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
295
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
296
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3';
297
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
298
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
299
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#4c4b51';
300
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#3a383f';
301
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#3a383f';
302
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#28272d';
303
- export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#737278';
304
- export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#626168';
305
- export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#626168';
306
- export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#4c4b51';
307
- export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#cbe2f9';
308
- export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#cbe2f9';
309
- export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#cbe2f9';
310
- export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1';
311
- export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent';
312
- export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1';
313
- export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent';
314
- export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent';
315
- export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#2f5ca0';
316
- export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#284779';
317
- export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#284779';
318
- export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#213454';
319
- export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1f75cb';
320
- export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#2f68b4';
321
- export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#2f68b4';
322
- export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#2f5ca0';
323
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#c3e6cd';
324
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#c3e6cd';
325
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#c3e6cd';
326
- export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8';
327
- export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent';
328
- export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8';
329
- export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent';
330
- export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent';
331
- export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#306440';
332
- export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#225131';
333
- export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#225131';
334
- export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#1e3e28';
335
- export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#108548';
336
- export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#2f7549';
337
- export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#2f7549';
338
- export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#306440';
339
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#f5d9a8';
340
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#f5d9a8';
341
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#f5d9a8';
342
- export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74';
343
- export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent';
344
- export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74';
345
- export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent';
346
- export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent';
347
- export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#894b16';
348
- export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#693c14';
349
- export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#693c14';
350
- export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#532e16';
351
- export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#ab6100';
352
- export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#995715';
353
- export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#995715';
354
- export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#894b16';
355
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#fdd4cd';
356
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#fdd4cd';
357
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#fdd4cd';
358
- export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa';
359
- export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
360
- export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa';
361
- export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent';
362
- export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
363
- export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#a32c12';
364
- export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#812713';
365
- export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#812713';
366
- export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#582014';
367
- export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#a32c12';
368
- export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#812713';
369
- export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#812713';
370
- export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#582014';
371
- export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1d8f9';
372
- export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9';
373
- export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9';
374
- export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2';
375
- export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent';
376
- export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2';
377
- export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent';
378
- export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent';
379
- export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5c47a6';
380
- export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#493c83';
381
- export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#493c83';
382
- export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#342d59';
383
- export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5c47a6';
384
- export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#493c83';
385
- export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#493c83';
386
- export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#342d59';
387
- export const GL_BANNER_INTRO_BORDER_COLOR = '#9dc7f1';
388
- export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0ff';
389
- export const GL_BANNER_PROMO_BORDER_COLOR = '#cbbbf2';
390
- export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d';
391
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180';
392
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278';
393
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f';
394
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f';
395
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef';
396
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5';
397
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258';
398
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4';
399
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b';
400
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110';
401
- export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640';
402
- export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51';
403
- export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328';
404
- export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261';
405
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde';
406
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180';
407
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f';
408
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f';
409
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110';
410
- export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02';
411
- export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff';
412
- export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff';
413
- export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff';
414
- export const GL_BROADCAST_BANNER_ICON_COLOR_INDIGO = '#fff';
415
- export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHT = '#28272d';
416
- export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTBLUE = '#fff';
417
- export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTGREEN = '#fff';
418
- export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTINDIGO = '#fff';
419
- export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTRED = '#fff';
420
- export const GL_BROADCAST_BANNER_ICON_COLOR_RED = '#fff';
421
- export const GL_BROADCAST_BANNER_TEXT_COLOR_BLUE = '#fff';
422
- export const GL_BROADCAST_BANNER_TEXT_COLOR_DARK = '#fff';
423
- export const GL_BROADCAST_BANNER_TEXT_COLOR_GREEN = '#fff';
424
- export const GL_BROADCAST_BANNER_TEXT_COLOR_INDIGO = '#fff';
425
- export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHT = '#28272d';
426
- export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTBLUE = '#fff';
427
- export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff';
428
- export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff';
429
- export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff';
430
- export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff';
431
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
432
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f';
433
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f';
434
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#3a383f';
435
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#fff';
436
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#ececef';
437
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ececef';
438
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
439
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#bfbfc3';
440
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#89888d';
441
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#89888d';
442
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#626168';
443
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#28272d';
444
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#28272d';
445
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#28272d';
446
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#28272d';
447
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)';
448
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
449
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
450
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
451
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
452
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
453
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
454
- export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
455
- export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff';
456
- export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff';
457
- export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff';
458
- export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff';
459
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
460
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#2f68b4';
461
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#2f68b4';
462
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#2f5ca0';
463
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '#2f68b4';
464
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '#284779';
465
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '#284779';
466
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '#213454';
467
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
468
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#2f5ca0';
469
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#2f5ca0';
470
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#213454';
471
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff';
472
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#e9f3fc';
473
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#e9f3fc';
474
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#cbe2f9';
475
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#1f75cb';
476
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#2f5ca0';
477
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#2f5ca0';
478
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#213454';
479
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
480
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#2f5ca0';
481
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#2f5ca0';
482
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#213454';
483
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)';
484
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)';
485
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)';
486
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)';
487
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
488
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
489
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
490
- export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
491
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff';
492
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff';
493
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff';
494
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff';
495
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#dd2b0e';
496
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#c02f12';
497
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#c02f12';
498
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#812713';
499
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#c02f12';
500
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#812713';
501
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#812713';
502
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#582014';
503
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
504
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#a32c12';
505
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#a32c12';
506
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#582014';
507
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff';
508
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#fcf1ef';
509
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#fcf1ef';
510
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#fdd4cd';
511
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#dd2b0e';
512
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#a32c12';
513
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#a32c12';
514
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#582014';
515
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
516
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#a32c12';
517
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#a32c12';
518
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#582014';
519
- export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)';
520
- export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
521
- export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
522
- export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)';
523
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent';
524
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'transparent';
525
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'transparent';
526
- export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent';
527
- export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
528
- export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
529
- export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
530
- export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#626168';
531
- export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#2f5ca0';
532
- export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#2f5ca0';
533
- export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#2f5ca0';
534
- export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#2f5ca0';
535
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383f';
536
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383f';
537
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383f';
538
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#3a383f';
539
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
540
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#ececef';
541
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#ececef';
542
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
543
- export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#a4a3a8';
544
- export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#89888d';
545
- export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#89888d';
546
- export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168';
547
- export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278';
548
- export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd';
549
- export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde';
550
- export const GL_CHART_AXIS_POINTER_COLOR = '#626168';
551
- export const GL_CHART_AXIS_LINE_COLOR = '#bfbfc3';
552
- export const GL_CHART_AXIS_TEXT_COLOR = '#626168';
553
- export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221,43,14,0.1)';
554
- export const GL_CHART_THRESHOLD_LINE_COLOR = '#dd2b0e';
555
- export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(05, 05, 06, 0.08)';
556
- export const GL_CHART_ZOOM_HANDLE_COLOR = '#626168';
557
- export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff';
558
- export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#fff';
559
- export const GL_DROPDOWN_BACKGROUND_COLOR = '#fff';
560
- export const GL_DROPDOWN_BORDER_COLOR = '#bfbfc3';
561
- export const GL_DROPDOWN_DIVIDER_COLOR = '#dcdcde';
562
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#28272d';
563
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#28272d';
564
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#28272d';
565
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#28272d';
566
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#89888d';
567
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#1f75cb';
568
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#2f5ca0';
569
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#2f5ca0';
570
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#2f5ca0';
571
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(164, 163, 168, 0.0)';
572
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(164, 163, 168, 0.16)';
573
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(164, 163, 168, 0.16)';
574
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(83, 81, 88, 0.24)';
575
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef';
576
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#dcdcde';
577
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#dcdcde';
578
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#bfbfc3';
579
- export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(05, 05, 06, 0.02)';
580
- export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#ececef';
581
- export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde';
582
- export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
583
- export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
584
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
585
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
586
- export const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#171321';
587
- export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '2';
588
- export const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#fff';
589
- export const GL_ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL = '#aea5d6';
590
- export const GL_ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS = '#6fdac9';
591
- export const GL_ILLUSTRATION_STATUS_FILL_COLOR_WARNING = '#fca326';
592
- export const GL_ILLUSTRATION_STATUS_FILL_COLOR_DANGER = '#ff9d73';
593
- export const GL_ILLUSTRATION_ACCENT_STROKE_COLOR_ORANGE = '#ff9d73';
594
- export const GL_ILLUSTRATION_ACCENT_STROKE_COLOR_TEAL = '#6fdac9';
595
- export const GL_ILLUSTRATION_ACCENT_STROKE_COLOR_STRONG = '#aea5d6';
596
- export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_SUBTLE = '#d0c5e2';
597
- export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_STRONG = '#aea5d6';
598
- export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE = '#ff9d73';
599
- export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_TEAL = '#6fdac9';
600
- export const GL_ILLUSTRATION_BASE_FILL_COLOR = '#e7e4f2';
601
- export const GL_ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT = '#171321';
602
- export const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '2';
603
- export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR = '#c5f4ec';
604
- export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR = '#fff';
605
- export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR = '#6fdac9';
606
- export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SHADOW_FILL_COLOR = '#10b1b1';
607
- export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_TOP_FILL_COLOR = '#ff9d73';
608
- export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_FRONT_FILL_COLOR = '#ffc2a8';
609
- export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_SIDE_FILL_COLOR = '#ff7b42';
610
- export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_HIGHLIGHT_FILL_COLOR = '#fff';
611
- export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_SHADOW_FILL_COLOR = '#e24329';
612
- export const GL_ILLUSTRATION_ISOMETRIC_ACCENT_TOP_FILL_COLOR = '#45424d';
613
- export const GL_ILLUSTRATION_ISOMETRIC_ACCENT_FRONT_FILL_COLOR = '#74717a';
614
- export const GL_ILLUSTRATION_ISOMETRIC_ACCENT_SIDE_FILL_COLOR = '#2b2838';
615
- export const GL_ILLUSTRATION_ISOMETRIC_BASE_TOP_FILL_COLOR = '#e7e4f2';
616
- export const GL_ILLUSTRATION_ISOMETRIC_BASE_FRONT_FILL_COLOR = '#d5d0e8';
617
- export const GL_ILLUSTRATION_ISOMETRIC_BASE_SIDE_FILL_COLOR = '#aea5d6';
618
- export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
619
- export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
620
- export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
621
- export const GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT = '#18171d';
622
- export const GL_LABEL_DARK_TEXT_COLOR = '#fff';
623
- export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
624
- export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER = '#fff';
625
- export const GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT = '#fff';
626
- export const GL_LABEL_SCOPED_TEXT_COLOR = '#18171d';
627
- export const GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
628
- export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT = '#18171d';
629
- export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER = '#fff';
630
- export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#284779';
631
- export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#693c14';
632
- export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#cbe2f9';
633
- export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#f5d9a8';
634
- export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb';
635
- export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548';
636
- export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100';
637
- export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#dd2b0e';
638
- export const GL_PROGRESS_BAR_TRACK_COLOR = '#bfbfc3';
639
- export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#dcdcde';
640
- export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#ececef';
641
- export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdcde';
642
- export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383f';
643
- export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4c4b51';
644
- export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3';
645
- export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#fbfafd';
646
- export const GL_TABLE_SORTING_ICON_COLOR = '#18171d';
647
- export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#1f75cb';
648
- export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#626168';
649
- export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#4c4b51';
650
- export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#4c4b51';
651
- export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#3a383f';
652
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#1f75cb';
653
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#2f68b4';
654
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#2f68b4';
655
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#2f5ca0';
656
- export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#ececef';
657
- export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#a4a3a8';
658
- export const GL_TOKEN_FOREGROUND_COLOR = '#3a383f';
659
- export const GL_TOKEN_BACKGROUND_COLOR = '#dcdcde';
241
+ export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d'; // Used for the title color of a neutral alert.
242
+ export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef'; // Used for the background color of a neutral alert.
243
+ export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent'; // Used for the border center color of a neutral alert.
244
+ export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a neutral alert.
245
+ export const GL_ALERT_INFO_TITLE_COLOR = '#18171d'; // Used for the title color of an info alert.
246
+ export const GL_ALERT_INFO_BACKGROUND_COLOR = '#e9f3fc'; // Used for the background color of an info alert.
247
+ export const GL_ALERT_INFO_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of an info alert.
248
+ export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of an info alert.
249
+ export const GL_ALERT_SUCCESS_TITLE_COLOR = '#18171d'; // Used for the title color of a success alert.
250
+ export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#ecf4ee'; // Used for the background color of a success alert.
251
+ export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of a success alert.
252
+ export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a success alert.
253
+ export const GL_ALERT_WARNING_TITLE_COLOR = '#18171d'; // Used for the title color of a warning alert.
254
+ export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#fdf1dd'; // Used for the background color of a warning alert.
255
+ export const GL_ALERT_WARNING_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of a warning alert.
256
+ export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a warning alert.
257
+ export const GL_ALERT_DANGER_TITLE_COLOR = '#18171d'; // Used for the title color of a danger alert.
258
+ export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#fcf1ef'; // Used for the background color of a danger alert.
259
+ export const GL_ALERT_DANGER_BORDER_TOP_COLOR = 'transparent'; // Used for the border color of a danger alert.
260
+ export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'transparent'; // Used for the border bottom color of a danger alert.
261
+ export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.08)'; // Used to define the edge of an avatar.
262
+ export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(05, 05, 06, 0.24)'; // Used to increase the edge definition of an avatar in the hover state.
263
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#812713'; // Red text color for avatar fallback with no particular meaning.
264
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#493c83'; // Purple text color for avatar fallback with no particular meaning.
265
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#284779'; // Blue text color for avatar fallback with no particular meaning.
266
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#225131'; // Green text color for avatar fallback with no particular meaning.
267
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#693c14'; // Orange text color for avatar fallback with no particular meaning.
268
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#3a383f'; // Neutral text color for avatar fallback with no particular meaning.
269
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = '#fcb5aa3d'; // Red background for avatar fallback with no particular meaning.
270
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE = '#cbbbf23d'; // Purple background for avatar fallback with no particular meaning.
271
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d'; // Blue background for avatar fallback with no particular meaning.
272
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d'; // Green background for avatar fallback with no particular meaning.
273
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d'; // Orange background for avatar fallback with no particular meaning.
274
+ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d'; // Neutral background for avatar fallback with no particular meaning.
275
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the background of a muted badge when static or the default state when linked.
276
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of a muted badge in the hover state.
277
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of a muted badge in the focus state.
278
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of a muted badge in the active state.
279
+ 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.
280
+ export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a muted badge in the hover state.
281
+ export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a muted badge in the focus state.
282
+ export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a muted badge in the active state.
283
+ export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#626168'; // Used for the text of a muted badge when static or the default state when linked.
284
+ export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#4c4b51'; // Used for the text of a muted badge in the hover state.
285
+ export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#4c4b51'; // Used for the text of a muted badge in the focus state.
286
+ export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#3a383f'; // Used for the text of a muted badge in the active state.
287
+ export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#737278'; // Used for the icon of a muted badge when static or the default state when linked.
288
+ export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#626168'; // Used for the icon of a muted badge in the hover state.
289
+ export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#626168'; // Used for the icon of a muted badge in the focus state.
290
+ export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#4c4b51'; // Used for the icon of a muted badge in the active state.
291
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#dcdcde'; // Used for the background of a neutral badge when static or the default state when linked.
292
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#dcdcde'; // Used for the background of a neutral badge in the hover state.
293
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#dcdcde'; // Used for the background of a neutral badge in the focus state.
294
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3'; // Used for the background of a neutral badge in the active state.
295
+ 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.
296
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a neutral badge in the hover state.
297
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral badge in the focus state.
298
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral badge in the active state.
299
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#4c4b51'; // Used for the text of a neutral badge when static or the default state when linked.
300
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#3a383f'; // Used for the text of a neutral badge in the hover state.
301
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#3a383f'; // Used for the text of a neutral badge in the focus state.
302
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#28272d'; // Used for the text of a neutral badge in the active state.
303
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#737278'; // Used for the icon of a neutral badge when static or the default state when linked.
304
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#626168'; // Used for the icon of a neutral badge in the hover state.
305
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#626168'; // Used for the icon of a neutral badge in the focus state.
306
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#4c4b51'; // Used for the icon of a neutral badge in the active state.
307
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#cbe2f9'; // Used for the background of an informational badge when static or the default state when linked.
308
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the background of an informational badge in the hover state.
309
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the background of an informational badge in the focus state.
310
+ export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of an informational badge in the active state.
311
+ 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.
312
+ export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1'; // Used for the border of an informational badge in the hover state.
313
+ export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an informational badge in the focus state.
314
+ export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an informational badge in the active state.
315
+ export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#2f5ca0'; // Used for the text of an informational badge when static or the default state when linked.
316
+ export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#284779'; // Used for the text of an informational badge in the hover state.
317
+ export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#284779'; // Used for the text of an informational badge in the focus state.
318
+ export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#213454'; // Used for the text of an informational badge in the active state.
319
+ export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1f75cb'; // Used for the icon of an informational badge when static or the default state when linked.
320
+ export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#2f68b4'; // Used for the icon of an informational badge in the hover state.
321
+ export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#2f68b4'; // Used for the icon of an informational badge in the focus state.
322
+ export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#2f5ca0'; // Used for the icon of an informational badge in the active state.
323
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#c3e6cd'; // Used for the background of a success badge when static or the default state when linked.
324
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#c3e6cd'; // Used for the background of a success badge in the hover state.
325
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#c3e6cd'; // Used for the background of a success badge in the focus state.
326
+ export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8'; // Used for the background of a success badge in the active state.
327
+ 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.
328
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8'; // Used for the border of a success badge in the hover state.
329
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a success badge in the focus state.
330
+ export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a success badge in the active state.
331
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#306440'; // Used for the text of a success badge when static or the default state when linked.
332
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#225131'; // Used for the text of a success badge in the hover state.
333
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#225131'; // Used for the text of a success badge in the focus state.
334
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#1e3e28'; // Used for the text of a success badge in the active state.
335
+ export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#108548'; // Used for the icon of a success badge when static or the default state when linked.
336
+ export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#2f7549'; // Used for the icon of a success badge in the hover state.
337
+ export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#2f7549'; // Used for the icon of a success badge in the focus state.
338
+ export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#306440'; // Used for the icon of a success badge in the active state.
339
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#f5d9a8'; // Used for the background of a warning badge when static or the default state when linked.
340
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#f5d9a8'; // Used for the background of a warning badge in the hover state.
341
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#f5d9a8'; // Used for the background of a warning badge in the focus state.
342
+ export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74'; // Used for the background of a warning badge in the active state.
343
+ 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.
344
+ export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74'; // Used for the border of a warning badge in the hover state.
345
+ export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a warning badge in the focus state.
346
+ export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a warning badge in the active state.
347
+ export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#894b16'; // Used for the text of a warning badge when static or the default state when linked.
348
+ export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#693c14'; // Used for the text of a warning badge in the hover state.
349
+ export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#693c14'; // Used for the text of a warning badge in the focus state.
350
+ export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#532e16'; // Used for the text of a warning badge in the active state.
351
+ export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#ab6100'; // Used for the icon of a warning badge when static or the default state when linked.
352
+ export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#995715'; // Used for the icon of a warning badge in the hover state.
353
+ export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#995715'; // Used for the icon of a warning badge in the focus state.
354
+ export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#894b16'; // Used for the icon of a warning badge in the active state.
355
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#fdd4cd'; // Used for the background of a danger badge when static or the default state when linked.
356
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#fdd4cd'; // Used for the background of a danger badge in the hover state.
357
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#fdd4cd'; // Used for the background of a danger badge in the focus state.
358
+ export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa'; // Used for the background of a danger badge in the active state.
359
+ 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.
360
+ export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa'; // Used for the border of a danger badge in the hover state.
361
+ export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger badge in the focus state.
362
+ export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger badge in the active state.
363
+ export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#a32c12'; // Used for the text of a danger badge when static or the default state when linked.
364
+ export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#812713'; // Used for the text of a danger badge in the hover state.
365
+ export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#812713'; // Used for the text of a danger badge in the focus state.
366
+ export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#582014'; // Used for the text of a danger badge in the active state.
367
+ export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#a32c12'; // Used for the icon of a danger badge when static or the default state when linked.
368
+ export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#812713'; // Used for the icon of a danger badge in the hover state.
369
+ export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#812713'; // Used for the icon of a danger badge in the focus state.
370
+ export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#582014'; // Used for the icon of a danger badge in the active state.
371
+ 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.
372
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9'; // Used for the background of a tier related badge in the hover state.
373
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9'; // Used for the background of a tier related badge in the focus state.
374
+ export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2'; // Used for the background of a tier related badge in the active state.
375
+ 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.
376
+ export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2'; // Used for the border of a tier related badge in the hover state.
377
+ export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a tier related badge in the focus state.
378
+ export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a tier related badge in the active state.
379
+ export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5c47a6'; // Used for the text of a tier related badge when static or the default state when linked.
380
+ export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#493c83'; // Used for the text of a tier related badge in the hover state.
381
+ export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#493c83'; // Used for the text of a tier related badge in the focus state.
382
+ export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#342d59'; // Used for the text of a tier related badge in the active state.
383
+ export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5c47a6'; // Used for the icon of a tier related badge when static or the default state when linked.
384
+ export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#493c83'; // Used for the icon of a tier related badge in the hover state.
385
+ export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#493c83'; // Used for the icon of a tier related badge in the focus state.
386
+ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#342d59'; // Used for the icon of a tier related badge in the active state.
387
+ export const GL_BANNER_INTRO_BORDER_COLOR = '#9dc7f1'; // Used for the border of an info banner.
388
+ export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0ff'; // Used for the background of a promo banner.
389
+ export const GL_BANNER_PROMO_BORDER_COLOR = '#cbbbf2'; // Used for the border of a promo banner.
390
+ export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
391
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180'; // Used for the background for the blue banner type.
392
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278'; // Used for the background for the dark banner type.
393
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f'; // Used for the background for the green banner type.
394
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f'; // Used for the background for the indigo banner type.
395
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef'; // Used for the background for the light banner type.
396
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5'; // Used for the background for the lightblue banner type.
397
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258'; // Used for the background for the lightgreen banner type.
398
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4'; // Used for the background for the lightindigo banner type.
399
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b'; // Used for the background for the lightred banner type.
400
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110'; // Used for the background for the red banner type.
401
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640'; // Used for the border for the blue banner type.
402
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51'; // Used for the border for the dark banner type.
403
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328'; // Used for the border for the green banner type.
404
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261'; // Used for the border for the indigo banner type.
405
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde'; // Used for the border for the light banner type.
406
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180'; // Used for the border for the lightblue banner type.
407
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f'; // Used for the border for the lightgreen banner type.
408
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f'; // Used for the border for the lightindigo banner type.
409
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110'; // Used for the border for the lightred banner type.
410
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02'; // Used for the border for the red banner type.
411
+ export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff'; // Used for the icon for the blue banner type.
412
+ export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff'; // Used for the icon for the dark banner type.
413
+ export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff'; // Used for the icon for the green banner type.
414
+ export const GL_BROADCAST_BANNER_ICON_COLOR_INDIGO = '#fff'; // Used for the icon for the indigo banner type.
415
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHT = '#28272d'; // Used for the icon for the light banner type.
416
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTBLUE = '#fff'; // Used for the icon for the lightblue banner type.
417
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTGREEN = '#fff'; // Used for the icon for the lightgreen banner type.
418
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTINDIGO = '#fff'; // Used for the icon for the lightindigo banner type.
419
+ export const GL_BROADCAST_BANNER_ICON_COLOR_LIGHTRED = '#fff'; // Used for the icon for the lightred banner type.
420
+ export const GL_BROADCAST_BANNER_ICON_COLOR_RED = '#fff'; // Used for the icon for the red banner type.
421
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_BLUE = '#fff'; // Used for the text for the blue banner type.
422
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_DARK = '#fff'; // Used for the text for the dark banner type.
423
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_GREEN = '#fff'; // Used for the text for the green banner type.
424
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_INDIGO = '#fff'; // Used for the text for the indigo banner type.
425
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHT = '#28272d'; // Used for the text for the light banner type.
426
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTBLUE = '#fff'; // Used for the text for the lightblue banner type.
427
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff'; // Used for the text for the lightgreen banner type.
428
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff'; // Used for the text for the lightindigo banner type.
429
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff'; // Used for the text for the lightred banner type.
430
+ export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff'; // Used for the text for the red banner type.
431
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a default primary button in the default state.
432
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a default primary button in the hover state.
433
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a default primary button in the focus state.
434
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the foreground of a default primary button in the active state.
435
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an default primary button in the default state.
436
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of an default primary button in the hover state.
437
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of an default primary button in the focus state.
438
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of an default primary button in the active state.
439
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#bfbfc3'; // Used for the border of an default primary button in the default state.
440
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of an default primary button in the hover state.
441
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of an default primary button in the focus state.
442
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of an default primary button in the active state.
443
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the default state.
444
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the hover state.
445
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the focus state.
446
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the active state.
447
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)'; // Used for the background of a default borderless, tertiary button in the default state.
448
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a default borderless, tertiary button in the hover state.
449
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a default borderless, tertiary button in the focus state.
450
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)'; // Used for the background of a default borderless, tertiary button in the active state.
451
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a default borderless, tertiary button in the default state.
452
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a default borderless, tertiary button in the hover state.
453
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a default borderless, tertiary button in the focus state.
454
+ export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a default borderless, tertiary button in the active state.
455
+ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a confirm (positive) primary button in the default state.
456
+ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a confirm (positive) primary button in the hover state.
457
+ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a confirm (positive) primary button in the focus state.
458
+ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a confirm (positive) primary button in the active state.
459
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a confirm (positive) primary button in the default state.
460
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#2f68b4'; // Used for the background of a confirm (positive) primary button in the hover state.
461
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#2f68b4'; // Used for the background of a confirm (positive) primary button in the focus state.
462
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#2f5ca0'; // Used for the background of a confirm (positive) primary button in the active state.
463
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '#2f68b4'; // Used for the border of a confirm (positive) primary button in the default state.
464
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '#284779'; // Used for the border of a confirm (positive) primary button in the hover state.
465
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '#284779'; // Used for the border of a confirm (positive) primary button in the focus state.
466
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '#213454'; // Used for the border of a confirm (positive) primary button in the active state.
467
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a confirm (positive) button in the default state.
468
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#2f5ca0'; // Used for the foreground of a confirm (positive) button in the hover state.
469
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#2f5ca0'; // Used for the foreground of a confirm (positive) button in the focus state.
470
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#213454'; // Used for the foreground of a confirm (positive) button in the active state.
471
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined confirm (positive) button in the default state.
472
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#e9f3fc'; // Used for the background of an outlined confirm (positive) button in the hover state.
473
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#e9f3fc'; // Used for the background of an outlined confirm (positive) button in the focus state.
474
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the background of an outlined confirm (positive) button in the active state.
475
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#1f75cb'; // Used for the border of an outlined confirm (positive) button in the default state.
476
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#2f5ca0'; // Used for the border of an outlined confirm (positive) button in the hover state.
477
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#2f5ca0'; // Used for the border of an outlined confirm (positive) button in the focus state.
478
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#213454'; // Used for the border of an outlined confirm (positive) button in the active state.
479
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.
480
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#2f5ca0'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.
481
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#2f5ca0'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.
482
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#213454'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.
483
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)'; // Used for the background of a borderless, tertiary confirm (positive) button in the default state.
484
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a borderless, tertiary confirm (positive) button in the hover state.
485
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a borderless, tertiary confirm (positive) button in the focus state.
486
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)'; // Used for the background of a borderless, tertiary confirm (positive) button in the active state.
487
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the default state.
488
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the hover state.
489
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the focus state.
490
+ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the active state.
491
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a danger (destructive) primary button in the default state.
492
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a danger (destructive) primary button in the hover state.
493
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a danger (destructive) primary button in the focus state.
494
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a danger (destructive) primary button in the active state.
495
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the background of a danger (destructive) primary button in the default state.
496
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#c02f12'; // Used for the background of a danger (destructive) primary button in the hover state.
497
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#c02f12'; // Used for the background of a danger (destructive) primary button in the focus state.
498
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#812713'; // Used for the background of a danger (destructive) primary button in the active state.
499
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#c02f12'; // Used for the border of a danger (destructive) primary button in the default state.
500
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#812713'; // Used for the border of a danger (destructive) primary button in the hover state.
501
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#812713'; // Used for the border of a danger (destructive) primary button in the focus state.
502
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#582014'; // Used for the border of a danger (destructive) primary button in the active state.
503
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a danger (destructive) button in the default state.
504
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#a32c12'; // Used for the foreground of a danger (destructive) button in the hover state.
505
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#a32c12'; // Used for the foreground of a danger (destructive) button in the focus state.
506
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#582014'; // Used for the foreground of a danger (destructive) button in the active state.
507
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined danger (destructive) button in the default state.
508
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#fcf1ef'; // Used for the background of an outlined danger (destructive) button in the hover state.
509
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#fcf1ef'; // Used for the background of an outlined danger (destructive) button in the focus state.
510
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the background of an outlined danger (destructive) button in the active state.
511
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#dd2b0e'; // Used for the border of an outlined danger (destructive) button in the default state.
512
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#a32c12'; // Used for the border of an outlined danger (destructive) button in the hover state.
513
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#a32c12'; // Used for the border of an outlined danger (destructive) button in the focus state.
514
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#582014'; // Used for the border of an outlined danger (destructive) button in the active state.
515
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.
516
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#a32c12'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.
517
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#a32c12'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.
518
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#582014'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.
519
+ export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)'; // Used for the background of a borderless, tertiary danger (destructive) button in the default state.
520
+ export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a borderless, tertiary danger (destructive) button in the hover state.
521
+ export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a borderless, tertiary danger (destructive) button in the focus state.
522
+ export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)'; // Used for the background of a borderless, tertiary danger (destructive) button in the active state.
523
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the default state.
524
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the hover state.
525
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the focus state.
526
+ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a borderless, tertiary danger (destructive) button in the active state.
527
+ export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d'; // Used for the border of a dashed button in the default state.
528
+ export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of a dashed button in the hover state.
529
+ export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of a dashed button in the focus state.
530
+ export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of a dashed button in the active state.
531
+ export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#2f5ca0'; // Used for the text of a link button in the default state.
532
+ export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#2f5ca0'; // Used for the text of a link button in the hover state.
533
+ export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#2f5ca0'; // Used for the text of a link button in the focus state.
534
+ export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#2f5ca0'; // Used for the text of a link button in the active state.
535
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a selected button in the default state.
536
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a selected button in the hover state.
537
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a selected button in the focus state.
538
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the foreground of a selected button in the active state.
539
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the background of a selected button in the default state.
540
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of a selected button in the hover state.
541
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of a selected button in the focus state.
542
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of a selected button in the active state.
543
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#a4a3a8'; // Used for the border of a selected button in the default state.
544
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of a selected button in the hover state.
545
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of a selected button in the focus state.
546
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of a selected button in the active state.
547
+ export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled button.
548
+ export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd'; // Used for the background of a disabled button.
549
+ export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled button.
550
+ export const GL_CHART_AXIS_POINTER_COLOR = '#626168'; // Used in charts for the color of the reference line and axis value under mouse pointer.
551
+ export const GL_CHART_AXIS_LINE_COLOR = '#bfbfc3'; // Used in charts for axis line color.
552
+ export const GL_CHART_AXIS_TEXT_COLOR = '#626168'; // Used in charts for the text color of axis titles and labels.
553
+ export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221,43,14,0.1)'; // Used in charts to delineate a threshold area in a chart.
554
+ export const GL_CHART_THRESHOLD_LINE_COLOR = '#dd2b0e'; // Used in charts to divide a threshold area in a chart from other data.
555
+ export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(05, 05, 06, 0.08)'; // Used in charts for the overlay color when zooming in on a specific area of data.
556
+ export const GL_CHART_ZOOM_HANDLE_COLOR = '#626168'; // Used in charts for the handle color when zooming in on a specific area of data.
557
+ export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff'; // Used for the background color of datepicker.
558
+ export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#fff'; // Used for the datepicker date text color state indicators.
559
+ export const GL_DROPDOWN_BACKGROUND_COLOR = '#fff'; // Used for the background of a dropdown.
560
+ export const GL_DROPDOWN_BORDER_COLOR = '#bfbfc3'; // Used for the border of a dropdown.
561
+ export const GL_DROPDOWN_DIVIDER_COLOR = '#dcdcde'; // Used for the divider of a dropdown.
562
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#28272d'; // Used for the text of a dropdown option in the default state.
563
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#28272d'; // Used for the text of a dropdown option in the hover state.
564
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#28272d'; // Used for the text of a dropdown option in the focus state.
565
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#28272d'; // Used for the text of a dropdown option in the active state.
566
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#89888d'; // Used for the text of a dropdown option in the disabled state.
567
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for the dropdown selected option indicator in the default state.
568
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#2f5ca0'; // Used for the dropdown selected option indicator in the hover state.
569
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#2f5ca0'; // Used for the dropdown selected option indicator in the focus state.
570
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#2f5ca0'; // Used for the dropdown selected option indicator in the active state.
571
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(164, 163, 168, 0.0)'; // Used for the background of an unselected dropdown option in the default state.
572
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(164, 163, 168, 0.16)'; // Used for the background of an unselected dropdown option in the hover state.
573
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(164, 163, 168, 0.16)'; // Used for the background of an unselected dropdown option in the focus state.
574
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(83, 81, 88, 0.24)'; // Used for the background of an unselected dropdown option in the active state.
575
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef'; // Used for the background of a selected dropdown option in the default state.
576
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#dcdcde'; // Used for the background of a selected dropdown option in the hover state.
577
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#dcdcde'; // Used for the background of a selected dropdown option in the focus state.
578
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#bfbfc3'; // Used for the background of a selected dropdown option in the active state.
579
+ export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(05, 05, 06, 0.02)'; // Used for the background of a search input in a dropdown listbox.
580
+ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the filtered search type token background color in the default state.
581
+ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde'; // Used for the filtered search type token background color in the hover state.
582
+ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde'; // Used for the filtered search data background color in the default state.
583
+ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3'; // Used for the filtered search data token background color in the hover state.
584
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef'; // Used for the filtered search operator background color in the default state.
585
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde'; // Used for the filtered search operator token background color in the hover state.
586
+ export const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#171321'; // Default stroke color to define shape and provide essential detail.
587
+ export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '2'; // Default stroke width to define shape and provide essential detail.
588
+ export const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#fff'; // Default fill color for an element where specific meaning or emphasis is not required.
589
+ export const GL_ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL = '#aea5d6'; // Used as a fill to convey a concept which is neither positive or negative.
590
+ export const GL_ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS = '#6fdac9'; // Used as a fill to convey a success or active concept, has a positive connotation.
591
+ export const GL_ILLUSTRATION_STATUS_FILL_COLOR_WARNING = '#fca326'; // Used as a fill to convey a caution or warning concept, has a slightly negative connotation.
592
+ export const GL_ILLUSTRATION_STATUS_FILL_COLOR_DANGER = '#ff9d73'; // Used as a fill to convey a critical or danger concept, has a negative connotation.
593
+ export const GL_ILLUSTRATION_ACCENT_STROKE_COLOR_ORANGE = '#ff9d73'; // Used for orange accent stroke detail on an object or attention-drawing element.
594
+ export const GL_ILLUSTRATION_ACCENT_STROKE_COLOR_TEAL = '#6fdac9'; // Used for teal accent stroke detail on an object or attention-drawing element.
595
+ export const GL_ILLUSTRATION_ACCENT_STROKE_COLOR_STRONG = '#aea5d6'; // Used for dark accent stroke detail on an object or attention-drawing element.
596
+ export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_SUBTLE = '#d0c5e2'; // Used to add depth to a secondary element and supporting surface.
597
+ export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_STRONG = '#aea5d6'; // Used for an element requiring visual emphasis without competing with primary content or status indicators.
598
+ export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE = '#ff9d73'; // Used to add orange to a secondary element and supporting surface.
599
+ export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_TEAL = '#6fdac9'; // Used to add teal to a secondary element and supporting surface.
600
+ export const GL_ILLUSTRATION_BASE_FILL_COLOR = '#e7e4f2'; // Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion.
601
+ export const GL_ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT = '#171321'; // Default stroke color to define shape and provide essential detail in isometric illustration.
602
+ export const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '2'; // Default stroke width to define shape and provide essential detail in isometric illustration.
603
+ export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR = '#c5f4ec'; // Used for the top face of isometric text and number elements.
604
+ export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR = '#fff'; // Used for the front face of isometric text and number elements.
605
+ export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR = '#6fdac9'; // Used for the side face of isometric text and number elements.
606
+ export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SHADOW_FILL_COLOR = '#10b1b1'; // Used for the shadow of isometric text and number elements.
607
+ export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_TOP_FILL_COLOR = '#ff9d73'; // Used for the top face of an isometric object or symbol.
608
+ export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_FRONT_FILL_COLOR = '#ffc2a8'; // Used for the front face of an isometric object or symbol.
609
+ export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_SIDE_FILL_COLOR = '#ff7b42'; // Used for the side face of an isometric object or symbol.
610
+ export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_HIGHLIGHT_FILL_COLOR = '#fff'; // Used for the face of an isometric object or symbol that requires maximum distinction from other elements.
611
+ export const GL_ILLUSTRATION_ISOMETRIC_OBJECT_SHADOW_FILL_COLOR = '#e24329'; // Used for the shadow of an isometric object or symbol.
612
+ export const GL_ILLUSTRATION_ISOMETRIC_ACCENT_TOP_FILL_COLOR = '#45424d'; // Used for the top face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.
613
+ export const GL_ILLUSTRATION_ISOMETRIC_ACCENT_FRONT_FILL_COLOR = '#74717a'; // Used for the front face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.
614
+ export const GL_ILLUSTRATION_ISOMETRIC_ACCENT_SIDE_FILL_COLOR = '#2b2838'; // Used for the side face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.
615
+ export const GL_ILLUSTRATION_ISOMETRIC_BASE_TOP_FILL_COLOR = '#e7e4f2'; // Used for the top surface of an isometric base platform.
616
+ export const GL_ILLUSTRATION_ISOMETRIC_BASE_FRONT_FILL_COLOR = '#d5d0e8'; // Used for the front face of an isometric base platform.
617
+ export const GL_ILLUSTRATION_ISOMETRIC_BASE_SIDE_FILL_COLOR = '#aea5d6'; // Used for the side face of an isometric base platform.
618
+ export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d'; // Used for the label text color on a light background color.
619
+ export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent'; // Used for the label remove button background on a light background color in the default state.
620
+ export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d'; // Used for the label remove button background on a light background color in the hover state.
621
+ export const GL_LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT = '#18171d'; // Used for the label remove button icon on a light background color in the default state.
622
+ export const GL_LABEL_DARK_TEXT_COLOR = '#fff'; // Used for the label text color on a dark background color.
623
+ export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent'; // Used for the label remove button background on a dark background color in the default state.
624
+ export const GL_LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER = '#fff'; // Used for the label remove button background on a dark background color in the hover state.
625
+ export const GL_LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT = '#fff'; // Used for the label remove button icon on a dark background color in the default state.
626
+ export const GL_LABEL_SCOPED_TEXT_COLOR = '#18171d'; // Used for the scoped label text color.
627
+ export const GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d'; // Used for the scoped label remove button background in the hover state.
628
+ export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT = '#18171d'; // Used for the scoped label remove button icon in the default state.
629
+ export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER = '#fff'; // Used for the scoped label remove button icon in the hover state.
630
+ export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#284779'; // Used for the mention link text color.
631
+ export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#693c14'; // Used for the mention link text color when referencing the current user.
632
+ export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#cbe2f9'; // Used for the mention link default background.
633
+ export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#f5d9a8'; // Used for the mention link background when referencing the current user.
634
+ export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb'; // Used for the indicator color for the primary progress-bar variant.
635
+ export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548'; // Used for the indicator color for the success progress-bar variant.
636
+ export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100'; // Used for the indicator color for the warning progress-bar variant.
637
+ export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#dd2b0e'; // Used for the indicator color for the danger progress-bar variant.
638
+ export const GL_PROGRESS_BAR_TRACK_COLOR = '#bfbfc3'; // Used for the track color for all progress-bar variants.
639
+ export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#dcdcde'; // Used for the skeleton loader background color.
640
+ export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#ececef'; // Used for the animated shimmer effect in a skeleton loader.
641
+ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdcde'; // Used for the static track (background) of a loading spinner.
642
+ export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383f'; // Used for the static track (background) of a loading spinner on a dark background.
643
+ export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4c4b51'; // Used for the animated segment of a loading spinner.
644
+ export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3'; // Used for the animated segment of a loading spinner on a dark background.
645
+ export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#fbfafd'; // Used for the background of a table row in hover state.
646
+ export const GL_TABLE_SORTING_ICON_COLOR = '#18171d'; // Used for the color of the sorting icons in the column headers.
647
+ export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#1f75cb'; // Used for the selected indicator of a tab.
648
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#626168'; // Used for the icon color of an unchecked toggle switch in the default state.
649
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#4c4b51'; // Used for the icon color of an unchecked toggle switch in the hover state.
650
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#4c4b51'; // Used for the icon color of an unchecked toggle switch in the focus state.
651
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#3a383f'; // Used for the icon color of an unchecked toggle switch in the active state.
652
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#1f75cb'; // Used for the icon color of a checked toggle switch in the default state.
653
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#2f68b4'; // Used for the icon color of a checked toggle switch in the hover state.
654
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#2f68b4'; // Used for the icon color of a checked toggle switch in the focus state.
655
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#2f5ca0'; // Used for the icon color of a checked toggle switch in the active state.
656
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#ececef'; // Used for the icon color of a disabled toggle switch.
657
+ export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#a4a3a8'; // Used for the background color of a token in a token-selector when it's token-container is in the focus state.
658
+ export const GL_TOKEN_FOREGROUND_COLOR = '#3a383f'; // Used for the token foreground color.
659
+ export const GL_TOKEN_BACKGROUND_COLOR = '#dcdcde'; // Used for the token background color.
660
660
  export const DATA_VIZ_GREEN_50 = '#ddfab7';
661
661
  export const DATA_VIZ_GREEN_100 = '#c6ed94';
662
662
  export const DATA_VIZ_GREEN_200 = '#b0d97b';
@@ -853,195 +853,195 @@ export const RED_700 = '#a32c12';
853
853
  export const RED_800 = '#812713';
854
854
  export const RED_900 = '#582014';
855
855
  export const RED_950 = '#3e1a14';
856
- export const BRAND_CHARCOAL = '#171321';
857
- export const BRAND_ORANGE_01 = '#fca326';
858
- export const BRAND_ORANGE_02 = '#fc6d26';
859
- export const BRAND_ORANGE_03 = '#e24329';
860
- export const BRAND_PURPLE_01 = '#a989f5';
861
- export const BRAND_PURPLE_02 = '#7759c2';
862
- export const BRAND_GRAY_01 = '#d1d0d3';
863
- export const BRAND_GRAY_02 = '#a2a1a6';
864
- export const BRAND_GRAY_03 = '#74717a';
865
- export const BRAND_GRAY_04 = '#45424d';
866
- export const BRAND_GRAY_05 = '#2b2838';
867
- export const T_GRAY_A_16 = 'rgba(05, 05, 06, 0.16)';
868
- export const T_GRAY_A_24 = 'rgba(05, 05, 06, 0.24)';
869
- export const T_GRAY_A_02 = 'rgba(05, 05, 06, 0.02)';
870
- export const T_GRAY_A_04 = 'rgba(05, 05, 06, 0.04)';
871
- export const T_GRAY_A_06 = 'rgba(05, 05, 06, 0.06)';
872
- export const T_GRAY_A_08 = 'rgba(05, 05, 06, 0.08)';
873
- export const T_WHITE_A_16 = 'rgba(255, 255, 255, 0.16)';
874
- export const T_WHITE_A_24 = 'rgba(255, 255, 255, 0.24)';
875
- export const T_WHITE_A_36 = 'rgba(255, 255, 255, 0.36)';
876
- export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
877
- export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
878
- export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
879
- export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
880
- export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d';
881
- export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef';
882
- export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde';
883
- export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff';
884
- export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff';
885
- export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff';
886
- export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff';
887
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
888
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#2f5ca0';
889
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#2f5ca0';
890
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#284779';
891
- export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#1f75cb';
892
- export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#2f5ca0';
893
- export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#2f5ca0';
894
- export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#284779';
895
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d';
896
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d';
897
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d';
898
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d';
899
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)';
900
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
901
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
902
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
903
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
904
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
905
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
906
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
907
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
908
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#2f5ca0';
909
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#2f5ca0';
910
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#213454';
911
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)';
912
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)';
913
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)';
914
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)';
915
- export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
916
- export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
917
- export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
918
- export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
919
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
920
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#a32c12';
921
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#a32c12';
922
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#582014';
923
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)';
924
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
925
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
926
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)';
927
- export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
928
- export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
929
- export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
930
- export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
931
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
932
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#2f68b4';
933
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#2f68b4';
934
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#2f5ca0';
935
- export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#fff';
936
- export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#fff';
937
- export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fff';
938
- export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff';
939
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
940
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
941
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
942
- export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
943
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#626168';
944
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4c4b51';
945
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4c4b51';
946
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383f';
947
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#fff';
948
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
949
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
950
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
951
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
952
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
953
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
954
- export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
955
- export const GL_BACKGROUND_COLOR_DEFAULT = '#fff';
956
- export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd';
957
- export const GL_BACKGROUND_COLOR_STRONG = '#ececef';
958
- export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
959
- export const GL_BACKGROUND_COLOR_OVERLAP = '#fff';
960
- export const GL_BACKGROUND_COLOR_SECTION = '#fff';
961
- export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)';
962
- export const GL_BORDER_COLOR_DEFAULT = '#dcdcde';
963
- export const GL_BORDER_COLOR_SUBTLE = '#ececef';
964
- export const GL_BORDER_COLOR_STRONG = '#bfbfc3';
965
- export const GL_BORDER_COLOR_SECTION = '#dcdcde';
966
- export const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
967
- export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff';
968
- export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
969
- export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd';
970
- export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(05, 05, 06, 0.02)';
971
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb';
972
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#2f5ca0';
973
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#2f5ca0';
974
- export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d';
975
- export const GL_CONTROL_BORDER_COLOR_HOVER = '#626168';
976
- export const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d';
977
- export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde';
978
- export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
979
- export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb';
980
- export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#2f5ca0';
981
- export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#2f5ca0';
982
- export const GL_CONTROL_TEXT_COLOR_ERROR = '#c02f12';
983
- export const GL_CONTROL_TEXT_COLOR_VALID = '#2f7549';
984
- export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
985
- export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff';
986
- export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278';
987
- export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f';
988
- export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
989
- export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
990
- export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9';
991
- export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#ececef';
992
- export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#4c4b51';
993
- export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#626168';
994
- export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#e9f3fc';
995
- export const GL_FEEDBACK_INFO_TEXT_COLOR = '#2f5ca0';
996
- export const GL_FEEDBACK_INFO_ICON_COLOR = '#2f68b4';
997
- export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#ecf4ee';
998
- export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#306440';
999
- export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#2f7549';
1000
- export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#fdf1dd';
1001
- export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#894b16';
1002
- export const GL_FEEDBACK_WARNING_ICON_COLOR = '#995715';
1003
- export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#fcf1ef';
1004
- export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#a32c12';
1005
- export const GL_FEEDBACK_DANGER_ICON_COLOR = '#c02f12';
1006
- export const GL_FOCUS_RING_OUTER_COLOR = '#1f75cb';
1007
- export const GL_FOCUS_RING_INNER_COLOR = '#fff';
1008
- export const GL_ICON_COLOR_DEFAULT = '#3a383f';
1009
- export const GL_ICON_COLOR_SUBTLE = '#626168';
1010
- export const GL_ICON_COLOR_STRONG = '#18171d';
1011
- export const GL_ICON_COLOR_DISABLED = '#89888d';
1012
- export const GL_ICON_COLOR_LINK = '#2f5ca0';
1013
- export const GL_ICON_COLOR_INFO = '#2f5ca0';
1014
- export const GL_ICON_COLOR_WARNING = '#995715';
1015
- export const GL_ICON_COLOR_DANGER = '#c02f12';
1016
- export const GL_ICON_COLOR_SUCCESS = '#2f7549';
1017
- export const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.16)';
1018
- export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdcde';
1019
- export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4c4b51';
1020
- export const GL_STATUS_NEUTRAL_ICON_COLOR = '#737278';
1021
- export const GL_STATUS_INFO_BACKGROUND_COLOR = '#cbe2f9';
1022
- export const GL_STATUS_INFO_TEXT_COLOR = '#2f5ca0';
1023
- export const GL_STATUS_INFO_ICON_COLOR = '#1f75cb';
1024
- export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#c3e6cd';
1025
- export const GL_STATUS_SUCCESS_TEXT_COLOR = '#306440';
1026
- export const GL_STATUS_SUCCESS_ICON_COLOR = '#108548';
1027
- export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#f5d9a8';
1028
- export const GL_STATUS_WARNING_TEXT_COLOR = '#894b16';
1029
- export const GL_STATUS_WARNING_ICON_COLOR = '#ab6100';
1030
- export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#fdd4cd';
1031
- export const GL_STATUS_DANGER_TEXT_COLOR = '#a32c12';
1032
- export const GL_STATUS_DANGER_ICON_COLOR = '#dd2b0e';
1033
- export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#e1d8f9';
1034
- export const GL_STATUS_BRAND_TEXT_COLOR = '#5c47a6';
1035
- export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf';
1036
- export const GL_TEXT_PRIMARY = '#28272d';
1037
- export const GL_TEXT_SECONDARY = '#737278';
1038
- export const GL_TEXT_TERTIARY = '#89888d';
1039
- export const GL_TEXT_COLOR_DEFAULT = '#3a383f';
1040
- export const GL_TEXT_COLOR_SUBTLE = '#626168';
1041
- export const GL_TEXT_COLOR_STRONG = '#18171d';
1042
- export const GL_TEXT_COLOR_HEADING = '#18171d';
1043
- export const GL_TEXT_COLOR_LINK = '#2f5ca0';
1044
- export const GL_TEXT_COLOR_WARNING = '#995715';
1045
- export const GL_TEXT_COLOR_DANGER = '#c02f12';
1046
- export const GL_TEXT_COLOR_SUCCESS = '#2f7549';
1047
- export const GL_TEXT_COLOR_DISABLED = '#89888d';
856
+ export const BRAND_CHARCOAL = '#171321'; // Use color.brand-charcoal instead.
857
+ export const BRAND_ORANGE_01 = '#fca326'; // Use color.brand-orange.01p instead.
858
+ export const BRAND_ORANGE_02 = '#fc6d26'; // Use color.brand-orange.02p instead.
859
+ export const BRAND_ORANGE_03 = '#e24329'; // Use color.brand-orange.03p instead.
860
+ export const BRAND_PURPLE_01 = '#a989f5'; // Use color.purple.01p instead.
861
+ export const BRAND_PURPLE_02 = '#7759c2'; // Use color.purple.02p instead.
862
+ export const BRAND_GRAY_01 = '#d1d0d3'; // Use color.brand-gray.01 instead.
863
+ export const BRAND_GRAY_02 = '#a2a1a6'; // Use color.brand-gray.02 instead.
864
+ export const BRAND_GRAY_03 = '#74717a'; // Use color.brand-gray.03 instead.
865
+ export const BRAND_GRAY_04 = '#45424d'; // Use color.brand-gray.04 instead.
866
+ export const BRAND_GRAY_05 = '#2b2838'; // Use color.brand-gray.05 instead.
867
+ export const T_GRAY_A_16 = 'rgba(05, 05, 06, 0.16)'; // Use color.alpha.dark.16 instead.
868
+ export const T_GRAY_A_24 = 'rgba(05, 05, 06, 0.24)'; // Use color.alpha.dark.24 instead.
869
+ export const T_GRAY_A_02 = 'rgba(05, 05, 06, 0.02)'; // Use color.alpha.dark.2 instead.
870
+ export const T_GRAY_A_04 = 'rgba(05, 05, 06, 0.04)'; // Use color.alpha.dark.4 instead.
871
+ export const T_GRAY_A_06 = 'rgba(05, 05, 06, 0.06)'; // Use color.alpha.dark.6 instead.
872
+ export const T_GRAY_A_08 = 'rgba(05, 05, 06, 0.08)'; // Use color.alpha.dark.8 instead.
873
+ export const T_WHITE_A_16 = 'rgba(255, 255, 255, 0.16)'; // Use color.alpha.light.16 instead.
874
+ export const T_WHITE_A_24 = 'rgba(255, 255, 255, 0.24)'; // Use color.alpha.light.24 instead.
875
+ export const T_WHITE_A_36 = 'rgba(255, 255, 255, 0.36)'; // Use color.alpha.light.36 instead.
876
+ export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)'; // Use color.alpha.light.2 instead.
877
+ export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)'; // Use color.alpha.light.4 instead.
878
+ export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)'; // Use color.alpha.light.6 instead.
879
+ export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)'; // Use color.alpha.light.8 instead.
880
+ export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled action.
881
+ export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef'; // Used for the background of a disabled action.
882
+ export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled action.
883
+ export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a selected action in the default state.
884
+ export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a selected action in the hover state.
885
+ export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a selected action in the focus state.
886
+ export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a selected action in the active state.
887
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a selected action in the default state.
888
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#2f5ca0'; // Used for the background of a selected action in the hover state.
889
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#2f5ca0'; // Used for the background of a selected action in the focus state.
890
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#284779'; // Used for the background of a selected action in the active state.
891
+ export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#1f75cb'; // Used for the border of a selected action in the default state.
892
+ export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#2f5ca0'; // Used for the border of a selected action in the hover state.
893
+ export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#2f5ca0'; // Used for the border of a selected action in the focus state.
894
+ export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#284779'; // Used for the border of a selected action in the active state.
895
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a neutral action in the default state.
896
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a neutral action in the hover state.
897
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a neutral action in the focus state.
898
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a neutral action in the active state.
899
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)'; // Used for the background of a neutral action in the default state.
900
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a neutral action in the hover state.
901
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)'; // Used for the background of a neutral action in the focus state.
902
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)'; // Used for the background of a neutral action in the active state.
903
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral action in the default state.
904
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a neutral action in the hover state.
905
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral action in the focus state.
906
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral action in the active state.
907
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a confirm (positive) action in the default state.
908
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#2f5ca0'; // Used for the foreground of a confirm (positive) action in the hover state.
909
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#2f5ca0'; // Used for the foreground of a confirm (positive) action in the focus state.
910
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#213454'; // Used for the foreground of a confirm (positive) action in the active state.
911
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)'; // Used for the background of a confirm (positive) action in the default state.
912
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a confirm (positive) action in the hover state.
913
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)'; // Used for the background of a confirm (positive) action in the focus state.
914
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)'; // Used for the background of a confirm (positive) action in the active state.
915
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a confirm action in the default state.
916
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm action in the hover state.
917
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm action in the focus state.
918
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm action in the active state.
919
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a danger (destructive) action in the default state.
920
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#a32c12'; // Used for the foreground of a danger (destructive) action in the hover state.
921
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#a32c12'; // Used for the foreground of a danger (destructive) action in the focus state.
922
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#582014'; // Used for the foreground of a danger (destructive) action in the active state.
923
+ export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)'; // Used for the background of a danger (destructive) action in the default state.
924
+ export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a danger (destructive) action in the hover state.
925
+ export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)'; // Used for the background of a danger (destructive) action in the focus state.
926
+ export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)'; // Used for the background of a danger (destructive) action in the active state.
927
+ export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger action in the default state.
928
+ export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger action in the hover state.
929
+ export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger action in the focus state.
930
+ export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger action in the active state.
931
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a strong confirm action in the default state.
932
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#2f68b4'; // Used for the background of a strong confirm action in the hover state.
933
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#2f68b4'; // Used for the background of a strong confirm action in the focus state.
934
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#2f5ca0'; // Used for the background of a strong confirm action in the active state.
935
+ export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a strong confirm action in the default state.
936
+ export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a strong confirm action in the hover state.
937
+ export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a strong confirm action in the focus state.
938
+ export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a strong confirm action in the active state.
939
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a strong confirm action in the default state.
940
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a strong confirm action in the hover state.
941
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a strong confirm action in the focus state.
942
+ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a strong confirm action in the active state.
943
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#626168'; // Used for the background of a strong neutral action in the default state.
944
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4c4b51'; // Used for the background of a strong neutral action in the hover state.
945
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4c4b51'; // Used for the background of a strong neutral action in the focus state.
946
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the background of a strong neutral action in the active state.
947
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a strong neutral action in the default state.
948
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a strong neutral action in the hover state.
949
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a strong neutral action in the focus state.
950
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a strong neutral action in the active state.
951
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a strong neutral action in the default state.
952
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a strong neutral action in the hover state.
953
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a strong neutral action in the focus state.
954
+ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a strong neutral action in the active state.
955
+ export const GL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the default background color.
956
+ export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd'; // Used to slightly differentiate the background from the default.
957
+ export const GL_BACKGROUND_COLOR_STRONG = '#ececef'; // Used to make the background easily stand out from the default.
958
+ export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used to identify a disabled section.
959
+ export const GL_BACKGROUND_COLOR_OVERLAP = '#fff'; // Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.
960
+ 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.
961
+ export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)'; // Used for an overlay that covers other content.
962
+ export const GL_BORDER_COLOR_DEFAULT = '#dcdcde'; // Used for the default border color.
963
+ export const GL_BORDER_COLOR_SUBTLE = '#ececef'; // Used for a subtle border in combination with the default background.
964
+ export const GL_BORDER_COLOR_STRONG = '#bfbfc3'; // Used for a distinct border that emphasizes an edge or boundaries.
965
+ 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.
966
+ export const GL_BORDER_COLOR_TRANSPARENT = 'transparent'; // Used when a border needs to be present, but not visibly perceived.
967
+ export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for form control (input, radio button, checkbox, textarea) default background.
968
+ export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd'; // Used for disabled form control (checkbox, input, radio button, textarea) background.
969
+ export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd'; // Used for the background of static content that prepends or appends a text input.
970
+ export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(05, 05, 06, 0.02)'; // Used for the background of static content that prepends or appends a text input.
971
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background.
972
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#2f5ca0'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
973
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#2f5ca0'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.
974
+ export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d'; // Used for form control (input, radio button, checkbox, textarea) default border.
975
+ export const GL_CONTROL_BORDER_COLOR_HOVER = '#626168'; // Used for form control (input, radio button, checkbox, textarea) border on hover.
976
+ export const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d'; // Used for form control (input, radio button, checkbox, textarea) border on focus.
977
+ export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde'; // Used for disabled form control (input, radio button, checkbox, textarea) border.
978
+ export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e'; // Used for invalid form control (input, textarea) border.
979
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border.
980
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#2f5ca0'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.
981
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#2f5ca0'; // Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.
982
+ export const GL_CONTROL_TEXT_COLOR_ERROR = '#c02f12'; // Used for the helper text when the input is invalid.
983
+ export const GL_CONTROL_TEXT_COLOR_VALID = '#2f7549'; // Used for the helper text when the input is valid.
984
+ export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d'; // Used for placeholder text within inputs.
985
+ export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff'; // Used for checkbox and radio button state indicators.
986
+ export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278'; // Used for disabled checkbox and radio button state indicators.
987
+ export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f'; // Used for a background associated with strong feedback like a tooltip or toast message.
988
+ export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff'; // Used for text on a strong feedback background.
989
+ export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff'; // Used for an icon on a strong feedback background.
990
+ export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9'; // Used for a link on a strong feedback background.
991
+ export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#ececef'; // Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.
992
+ export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#4c4b51'; // Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.
993
+ export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#626168'; // Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.
994
+ export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#e9f3fc'; // Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
995
+ export const GL_FEEDBACK_INFO_TEXT_COLOR = '#2f5ca0'; // Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
996
+ export const GL_FEEDBACK_INFO_ICON_COLOR = '#2f68b4'; // Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
997
+ export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#ecf4ee'; // Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.
998
+ export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#306440'; // Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.
999
+ export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#2f7549'; // Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.
1000
+ export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#fdf1dd'; // Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.
1001
+ export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#894b16'; // Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.
1002
+ export const GL_FEEDBACK_WARNING_ICON_COLOR = '#995715'; // Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.
1003
+ export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#fcf1ef'; // Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
1004
+ export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#a32c12'; // Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
1005
+ export const GL_FEEDBACK_DANGER_ICON_COLOR = '#c02f12'; // Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
1006
+ export const GL_FOCUS_RING_OUTER_COLOR = '#1f75cb'; // Used for the outer color portion of the focus ring.
1007
+ export const GL_FOCUS_RING_INNER_COLOR = '#fff'; // Used for the inner neutral portion of the focus ring.
1008
+ export const GL_ICON_COLOR_DEFAULT = '#3a383f'; // Used for the default icon color. Can be paired with default text.
1009
+ export const GL_ICON_COLOR_SUBTLE = '#626168'; // Used for a static or decorational icon. Can be paired with subtle text.
1010
+ export const GL_ICON_COLOR_STRONG = '#18171d'; // Used for an icon with the highest contrast.
1011
+ export const GL_ICON_COLOR_DISABLED = '#89888d'; // Used for an icon within a disabled section.
1012
+ export const GL_ICON_COLOR_LINK = '#2f5ca0'; // Used for an icon within a link.
1013
+ export const GL_ICON_COLOR_INFO = '#2f5ca0'; // Used for an icon associated with information or help.
1014
+ export const GL_ICON_COLOR_WARNING = '#995715'; // Used for an icon associated with a warning.
1015
+ export const GL_ICON_COLOR_DANGER = '#c02f12'; // Used for an icon associated with an error or danger.
1016
+ export const GL_ICON_COLOR_SUCCESS = '#2f7549'; // Used for an icon associated with success or validity.
1017
+ export const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.16)'; // Used for the default shadow color.
1018
+ export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdcde'; // Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
1019
+ export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4c4b51'; // Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
1020
+ export const GL_STATUS_NEUTRAL_ICON_COLOR = '#737278'; // Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
1021
+ export const GL_STATUS_INFO_BACKGROUND_COLOR = '#cbe2f9'; // Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
1022
+ export const GL_STATUS_INFO_TEXT_COLOR = '#2f5ca0'; // Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
1023
+ export const GL_STATUS_INFO_ICON_COLOR = '#1f75cb'; // Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
1024
+ export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#c3e6cd'; // Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
1025
+ export const GL_STATUS_SUCCESS_TEXT_COLOR = '#306440'; // Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
1026
+ export const GL_STATUS_SUCCESS_ICON_COLOR = '#108548'; // Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
1027
+ export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#f5d9a8'; // Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
1028
+ export const GL_STATUS_WARNING_TEXT_COLOR = '#894b16'; // Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
1029
+ export const GL_STATUS_WARNING_ICON_COLOR = '#ab6100'; // Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
1030
+ export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#fdd4cd'; // Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
1031
+ export const GL_STATUS_DANGER_TEXT_COLOR = '#a32c12'; // Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
1032
+ export const GL_STATUS_DANGER_ICON_COLOR = '#dd2b0e'; // Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
1033
+ export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#e1d8f9'; // Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
1034
+ export const GL_STATUS_BRAND_TEXT_COLOR = '#5c47a6'; // Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
1035
+ export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf'; // Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
1036
+ export const GL_TEXT_PRIMARY = '#28272d'; // Use text.color.default instead.
1037
+ export const GL_TEXT_SECONDARY = '#737278'; // Use text.color.subtle instead.
1038
+ export const GL_TEXT_TERTIARY = '#89888d'; // Use text.color.disabled instead.
1039
+ export const GL_TEXT_COLOR_DEFAULT = '#3a383f'; // Used for the default text color.
1040
+ export const GL_TEXT_COLOR_SUBTLE = '#626168'; // Used for supplemental text that doesn't need to be as prominent as other text.
1041
+ export const GL_TEXT_COLOR_STRONG = '#18171d'; // Used for text with the highest contrast.
1042
+ export const GL_TEXT_COLOR_HEADING = '#18171d'; // Used for headings level 1-6.
1043
+ export const GL_TEXT_COLOR_LINK = '#2f5ca0'; // Used for default text links.
1044
+ export const GL_TEXT_COLOR_WARNING = '#995715'; // Used for text that requires caution or careful attention.
1045
+ export const GL_TEXT_COLOR_DANGER = '#c02f12'; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
1046
+ export const GL_TEXT_COLOR_SUCCESS = '#2f7549'; // Used for text indicating success, completion, approval, addition, or validity.
1047
+ export const GL_TEXT_COLOR_DISABLED = '#89888d'; // Used for disabled text.