@gitlab/ui 88.0.0 → 88.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +120 -1
- package/dist/tokens/build/js/tokens.js +120 -1
- package/dist/tokens/css/tokens.css +119 -0
- package/dist/tokens/css/tokens.dark.css +119 -0
- package/dist/tokens/js/tokens.dark.js +119 -0
- package/dist/tokens/js/tokens.js +119 -0
- package/dist/tokens/json/tokens.dark.json +2878 -0
- package/dist/tokens/json/tokens.json +2878 -0
- package/dist/tokens/scss/_tokens.dark.scss +119 -0
- package/dist/tokens/scss/_tokens.scss +119 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +119 -0
- package/package.json +2 -2
- package/src/components/base/button/button.scss +273 -258
- package/src/components/base/keyset_pagination/keyset_pagination.scss +0 -7
- package/src/components/base/search_box_by_click/search_box_by_click.scss +2 -3
- package/src/tokens/build/css/tokens.css +119 -0
- package/src/tokens/build/css/tokens.dark.css +119 -0
- package/src/tokens/build/js/tokens.dark.js +119 -0
- package/src/tokens/build/js/tokens.js +119 -0
- package/src/tokens/build/json/tokens.dark.json +2878 -0
- package/src/tokens/build/json/tokens.json +2878 -0
- package/src/tokens/build/scss/_tokens.dark.scss +119 -0
- package/src/tokens/build/scss/_tokens.scss +119 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +119 -0
- package/src/tokens/contextual/button.tokens.json +883 -0
package/dist/tokens/js/tokens.js
CHANGED
|
@@ -364,6 +364,125 @@ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#5943b6'; // Used for the icon o
|
|
|
364
364
|
export const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
|
|
365
365
|
export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
|
|
366
366
|
export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.
|
|
367
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a default primary button in the default state.
|
|
368
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a default primary button in the hover state.
|
|
369
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a default primary button in the focus state.
|
|
370
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the foreground of a default primary button in the active state.
|
|
371
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an default primary button in the default state.
|
|
372
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of an default primary button in the hover state.
|
|
373
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of an default primary button in the focus state.
|
|
374
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of an default primary button in the active state.
|
|
375
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#bfbfc3'; // Used for the border of an default primary button in the default state.
|
|
376
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of an default primary button in the hover state.
|
|
377
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of an default primary button in the focus state.
|
|
378
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of an default primary button in the active state.
|
|
379
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the default state.
|
|
380
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the hover state.
|
|
381
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the focus state.
|
|
382
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a default borderless, tertiary button in the active state.
|
|
383
|
+
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.
|
|
384
|
+
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.
|
|
385
|
+
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.
|
|
386
|
+
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.
|
|
387
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a default borderless, tertiary button in the default state.
|
|
388
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a default borderless, tertiary button in the hover state.
|
|
389
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a default borderless, tertiary button in the focus state.
|
|
390
|
+
export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a default borderless, tertiary button in the active state.
|
|
391
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a confirm (positive) primary button in the default state.
|
|
392
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a confirm (positive) primary button in the hover state.
|
|
393
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a confirm (positive) primary button in the focus state.
|
|
394
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a confirm (positive) primary button in the active state.
|
|
395
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the background of a confirm (positive) primary button in the default state.
|
|
396
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#1068bf'; // Used for the background of a confirm (positive) primary button in the hover state.
|
|
397
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#1068bf'; // Used for the background of a confirm (positive) primary button in the focus state.
|
|
398
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#0b5cad'; // Used for the background of a confirm (positive) primary button in the active state.
|
|
399
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '#1068bf'; // Used for the border of a confirm (positive) primary button in the default state.
|
|
400
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '#064787'; // Used for the border of a confirm (positive) primary button in the hover state.
|
|
401
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '#064787'; // Used for the border of a confirm (positive) primary button in the focus state.
|
|
402
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '#033464'; // Used for the border of a confirm (positive) primary button in the active state.
|
|
403
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a confirm (positive) button in the default state.
|
|
404
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#0b5cad'; // Used for the foreground of a confirm (positive) button in the hover state.
|
|
405
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the foreground of a confirm (positive) button in the focus state.
|
|
406
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#033464'; // Used for the foreground of a confirm (positive) button in the active state.
|
|
407
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined confirm (positive) button in the default state.
|
|
408
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#e9f3fc'; // Used for the background of an outlined confirm (positive) button in the hover state.
|
|
409
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#e9f3fc'; // Used for the background of an outlined confirm (positive) button in the focus state.
|
|
410
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the background of an outlined confirm (positive) button in the active state.
|
|
411
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#1f75cb'; // Used for the border of an outlined confirm (positive) button in the default state.
|
|
412
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#0b5cad'; // Used for the border of an outlined confirm (positive) button in the hover state.
|
|
413
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#0b5cad'; // Used for the border of an outlined confirm (positive) button in the focus state.
|
|
414
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#033464'; // Used for the border of an outlined confirm (positive) button in the active state.
|
|
415
|
+
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.
|
|
416
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#0b5cad'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.
|
|
417
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.
|
|
418
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#033464'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.
|
|
419
|
+
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.
|
|
420
|
+
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.
|
|
421
|
+
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.
|
|
422
|
+
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.
|
|
423
|
+
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.
|
|
424
|
+
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.
|
|
425
|
+
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.
|
|
426
|
+
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.
|
|
427
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a danger (destructive) primary button in the default state.
|
|
428
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a danger (destructive) primary button in the hover state.
|
|
429
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a danger (destructive) primary button in the focus state.
|
|
430
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a danger (destructive) primary button in the active state.
|
|
431
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the background of a danger (destructive) primary button in the default state.
|
|
432
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#c91c00'; // Used for the background of a danger (destructive) primary button in the hover state.
|
|
433
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#c91c00'; // Used for the background of a danger (destructive) primary button in the focus state.
|
|
434
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#8d1300'; // Used for the background of a danger (destructive) primary button in the active state.
|
|
435
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#c91c00'; // Used for the border of a danger (destructive) primary button in the default state.
|
|
436
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#8d1300'; // Used for the border of a danger (destructive) primary button in the hover state.
|
|
437
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#8d1300'; // Used for the border of a danger (destructive) primary button in the focus state.
|
|
438
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#660e00'; // Used for the border of a danger (destructive) primary button in the active state.
|
|
439
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a danger (destructive) button in the default state.
|
|
440
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#ae1800'; // Used for the foreground of a danger (destructive) button in the hover state.
|
|
441
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#ae1800'; // Used for the foreground of a danger (destructive) button in the focus state.
|
|
442
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#660e00'; // Used for the foreground of a danger (destructive) button in the active state.
|
|
443
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined danger (destructive) button in the default state.
|
|
444
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#fcf1ef'; // Used for the background of an outlined danger (destructive) button in the hover state.
|
|
445
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#fcf1ef'; // Used for the background of an outlined danger (destructive) button in the focus state.
|
|
446
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the background of an outlined danger (destructive) button in the active state.
|
|
447
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#dd2b0e'; // Used for the border of an outlined danger (destructive) button in the default state.
|
|
448
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#ae1800'; // Used for the border of an outlined danger (destructive) button in the hover state.
|
|
449
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#ae1800'; // Used for the border of an outlined danger (destructive) button in the focus state.
|
|
450
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#660e00'; // Used for the border of an outlined danger (destructive) button in the active state.
|
|
451
|
+
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.
|
|
452
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#ae1800'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.
|
|
453
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ae1800'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.
|
|
454
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#660e00'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.
|
|
455
|
+
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.
|
|
456
|
+
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.
|
|
457
|
+
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.
|
|
458
|
+
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.
|
|
459
|
+
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.
|
|
460
|
+
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.
|
|
461
|
+
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.
|
|
462
|
+
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.
|
|
463
|
+
export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d'; // Used for the border of a dashed button in the default state.
|
|
464
|
+
export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of a dashed button in the hover state.
|
|
465
|
+
export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of a dashed button in the focus state.
|
|
466
|
+
export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of a dashed button in the active state.
|
|
467
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#0b5cad'; // Used for the text of a link button in the default state.
|
|
468
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#0b5cad'; // Used for the text of a link button in the hover state.
|
|
469
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#0b5cad'; // Used for the text of a link button in the focus state.
|
|
470
|
+
export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#0b5cad'; // Used for the text of a link button in the active state.
|
|
471
|
+
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the foreground of a selected button in the default state.
|
|
472
|
+
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383f'; // Used for the foreground of a selected button in the hover state.
|
|
473
|
+
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383f'; // Used for the foreground of a selected button in the focus state.
|
|
474
|
+
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the foreground of a selected button in the active state.
|
|
475
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of a selected button in the default state.
|
|
476
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of a selected button in the hover state.
|
|
477
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of a selected button in the focus state.
|
|
478
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of a selected button in the active state.
|
|
479
|
+
export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#a4a3a8'; // Used for the border of a selected button in the default state.
|
|
480
|
+
export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of a selected button in the hover state.
|
|
481
|
+
export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of a selected button in the focus state.
|
|
482
|
+
export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of a selected button in the active state.
|
|
483
|
+
export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled button.
|
|
484
|
+
export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd'; // Used for the background of a disabled button.
|
|
485
|
+
export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled button.
|
|
367
486
|
export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d'; // Used for the label text color on a light background color.
|
|
368
487
|
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.
|
|
369
488
|
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.
|