@gitlab/ui 98.0.0 → 98.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 +7 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +84 -84
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +47 -47
- package/dist/tokens/js/tokens.dark.js +84 -84
- package/dist/tokens/json/tokens.dark.json +148 -133
- package/dist/tokens/json/tokens.json +64 -49
- package/dist/tokens/scss/_tokens.dark.scss +47 -47
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/package.json +1 -1
- package/src/tokens/action.tokens.json +21 -12
- package/src/tokens/build/css/tokens.css +1 -1
- package/src/tokens/build/css/tokens.dark.css +47 -47
- package/src/tokens/build/js/tokens.dark.js +84 -84
- package/src/tokens/build/json/tokens.dark.json +148 -133
- package/src/tokens/build/json/tokens.json +64 -49
- package/src/tokens/build/scss/_tokens.dark.scss +47 -47
- package/src/tokens/build/scss/_tokens.scss +1 -1
- package/src/tokens/contextual/button.tokens.json +43 -37
|
@@ -30,10 +30,10 @@ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for
|
|
|
30
30
|
export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a neutral action in the hover state.
|
|
31
31
|
export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral action in the focus state.
|
|
32
32
|
export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral action in the active state.
|
|
33
|
-
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#
|
|
34
|
-
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#
|
|
35
|
-
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#
|
|
36
|
-
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#
|
|
33
|
+
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1'; // Used for the foreground of a confirm (positive) action in the default state.
|
|
34
|
+
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the foreground of a confirm (positive) action in the hover state.
|
|
35
|
+
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the foreground of a confirm (positive) action in the focus state.
|
|
36
|
+
export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the foreground of a confirm (positive) action in the active state.
|
|
37
37
|
export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)'; // Used for the background of a confirm (positive) action in the default state.
|
|
38
38
|
export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a confirm (positive) action in the hover state.
|
|
39
39
|
export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a confirm (positive) action in the focus state.
|
|
@@ -42,10 +42,10 @@ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for
|
|
|
42
42
|
export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm action in the hover state.
|
|
43
43
|
export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm action in the focus state.
|
|
44
44
|
export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm action in the active state.
|
|
45
|
-
export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#
|
|
46
|
-
export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#
|
|
47
|
-
export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#
|
|
48
|
-
export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#
|
|
45
|
+
export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa'; // Used for the foreground of a danger (destructive) action in the default state.
|
|
46
|
+
export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd'; // Used for the foreground of a danger (destructive) action in the hover state.
|
|
47
|
+
export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd'; // Used for the foreground of a danger (destructive) action in the focus state.
|
|
48
|
+
export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the foreground of a danger (destructive) action in the active state.
|
|
49
49
|
export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)'; // Used for the background of a danger (destructive) action in the default state.
|
|
50
50
|
export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a danger (destructive) action in the hover state.
|
|
51
51
|
export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a danger (destructive) action in the focus state.
|
|
@@ -54,10 +54,10 @@ export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for
|
|
|
54
54
|
export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger action in the hover state.
|
|
55
55
|
export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger action in the focus state.
|
|
56
56
|
export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger action in the active state.
|
|
57
|
-
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#
|
|
58
|
-
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#
|
|
59
|
-
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#
|
|
60
|
-
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#
|
|
57
|
+
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of a strong confirm action in the default state.
|
|
58
|
+
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the background of a strong confirm action in the hover state.
|
|
59
|
+
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the background of a strong confirm action in the focus state.
|
|
60
|
+
export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#428fdc'; // Used for the background of a strong confirm action in the active state.
|
|
61
61
|
export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d'; // Used for the foreground of a strong confirm action in the default state.
|
|
62
62
|
export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d'; // Used for the foreground of a strong confirm action in the hover state.
|
|
63
63
|
export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d'; // Used for the foreground of a strong confirm action in the focus state.
|
|
@@ -71,9 +71,9 @@ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168'; // Use
|
|
|
71
71
|
export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168'; // Used for the background of a strong neutral action in the focus state.
|
|
72
72
|
export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#737278'; // Used for the background of a strong neutral action in the active state.
|
|
73
73
|
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a strong neutral action in the default state.
|
|
74
|
-
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#
|
|
75
|
-
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#
|
|
76
|
-
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#
|
|
74
|
+
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a strong neutral action in the hover state.
|
|
75
|
+
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a strong neutral action in the focus state.
|
|
76
|
+
export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a strong neutral action in the active state.
|
|
77
77
|
export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a strong neutral action in the default state.
|
|
78
78
|
export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a strong neutral action in the hover state.
|
|
79
79
|
export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a strong neutral action in the focus state.
|
|
@@ -510,14 +510,14 @@ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#ececef'; //
|
|
|
510
510
|
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a default primary button in the hover state.
|
|
511
511
|
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a default primary button in the focus state.
|
|
512
512
|
export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a default primary button in the active state.
|
|
513
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '
|
|
514
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '
|
|
515
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '
|
|
516
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '
|
|
517
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '
|
|
518
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '
|
|
519
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '
|
|
520
|
-
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '
|
|
513
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.4)'; // Used for the background of an default primary button in the default state.
|
|
514
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)'; // Used for the background of an default primary button in the hover state.
|
|
515
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)'; // Used for the background of an default primary button in the focus state.
|
|
516
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.32)'; // Used for the background of an default primary button in the active state.
|
|
517
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an default primary button in the default state.
|
|
518
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of an default primary button in the hover state.
|
|
519
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an default primary button in the focus state.
|
|
520
|
+
export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an default primary button in the active state.
|
|
521
521
|
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a default borderless, tertiary button in the default state.
|
|
522
522
|
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a default borderless, tertiary button in the hover state.
|
|
523
523
|
export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a default borderless, tertiary button in the focus state.
|
|
@@ -534,30 +534,30 @@ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d'; //
|
|
|
534
534
|
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d'; // Used for the foreground of a confirm (positive) primary button in the hover state.
|
|
535
535
|
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d'; // Used for the foreground of a confirm (positive) primary button in the focus state.
|
|
536
536
|
export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d'; // Used for the foreground of a confirm (positive) primary button in the active state.
|
|
537
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#
|
|
538
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#
|
|
539
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#
|
|
540
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#
|
|
541
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '
|
|
542
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '
|
|
543
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '
|
|
544
|
-
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '
|
|
545
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#
|
|
546
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#
|
|
547
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#
|
|
548
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#
|
|
549
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '
|
|
550
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '
|
|
551
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '
|
|
552
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '
|
|
553
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '
|
|
554
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '
|
|
555
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '
|
|
556
|
-
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '
|
|
557
|
-
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#
|
|
558
|
-
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#
|
|
559
|
-
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#
|
|
560
|
-
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#
|
|
537
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of a confirm (positive) primary button in the default state.
|
|
538
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the background of a confirm (positive) primary button in the hover state.
|
|
539
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the background of a confirm (positive) primary button in the focus state.
|
|
540
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#428fdc'; // Used for the background of a confirm (positive) primary button in the active state.
|
|
541
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a confirm (positive) primary button in the default state.
|
|
542
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm (positive) primary button in the hover state.
|
|
543
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm (positive) primary button in the focus state.
|
|
544
|
+
export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm (positive) primary button in the active state.
|
|
545
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the default state.
|
|
546
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the hover state.
|
|
547
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the focus state.
|
|
548
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the active state.
|
|
549
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.4)'; // Used for the background of an outlined confirm (positive) button in the default state.
|
|
550
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.64)'; // Used for the background of an outlined confirm (positive) button in the hover state.
|
|
551
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.64)'; // Used for the background of an outlined confirm (positive) button in the focus state.
|
|
552
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.32)'; // Used for the background of an outlined confirm (positive) button in the active state.
|
|
553
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an outlined confirm (positive) button in the default state.
|
|
554
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of an outlined confirm (positive) button in the hover state.
|
|
555
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an outlined confirm (positive) button in the focus state.
|
|
556
|
+
export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an outlined confirm (positive) button in the active state.
|
|
557
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#9dc7f1'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.
|
|
558
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.
|
|
559
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.
|
|
560
|
+
export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.
|
|
561
561
|
export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)'; // Used for the background of a borderless, tertiary confirm (positive) button in the default state.
|
|
562
562
|
export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a borderless, tertiary confirm (positive) button in the hover state.
|
|
563
563
|
export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a borderless, tertiary confirm (positive) button in the focus state.
|
|
@@ -566,34 +566,34 @@ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; //
|
|
|
566
566
|
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.
|
|
567
567
|
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.
|
|
568
568
|
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.
|
|
569
|
-
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#
|
|
570
|
-
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#
|
|
571
|
-
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#
|
|
572
|
-
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#
|
|
573
|
-
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#
|
|
574
|
-
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#
|
|
575
|
-
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#
|
|
576
|
-
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#
|
|
577
|
-
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '
|
|
578
|
-
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '
|
|
579
|
-
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '
|
|
580
|
-
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '
|
|
581
|
-
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#
|
|
582
|
-
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#
|
|
583
|
-
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#
|
|
569
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the default state.
|
|
570
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the hover state.
|
|
571
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the focus state.
|
|
572
|
+
export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the active state.
|
|
573
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#f57f6c'; // Used for the background of a danger (destructive) primary button in the default state.
|
|
574
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#fcb5aa'; // Used for the background of a danger (destructive) primary button in the hover state.
|
|
575
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fcb5aa'; // Used for the background of a danger (destructive) primary button in the focus state.
|
|
576
|
+
export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#ec5941'; // Used for the background of a danger (destructive) primary button in the active state.
|
|
577
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger (destructive) primary button in the default state.
|
|
578
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger (destructive) primary button in the hover state.
|
|
579
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger (destructive) primary button in the focus state.
|
|
580
|
+
export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger (destructive) primary button in the active state.
|
|
581
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#fdd4cd'; // Used for the foreground of a danger (destructive) button in the default state.
|
|
582
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#fcf1ef'; // Used for the foreground of a danger (destructive) button in the hover state.
|
|
583
|
+
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fcf1ef'; // Used for the foreground of a danger (destructive) button in the focus state.
|
|
584
584
|
export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fcf1ef'; // Used for the foreground of a danger (destructive) button in the active state.
|
|
585
|
-
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '
|
|
586
|
-
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '
|
|
587
|
-
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '
|
|
588
|
-
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '
|
|
589
|
-
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '
|
|
590
|
-
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '
|
|
591
|
-
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '
|
|
592
|
-
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '
|
|
593
|
-
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#
|
|
594
|
-
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#
|
|
595
|
-
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#
|
|
596
|
-
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#
|
|
585
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.40)'; // Used for the background of an outlined danger (destructive) button in the default state.
|
|
586
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.64)'; // Used for the background of an outlined danger (destructive) button in the hover state.
|
|
587
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.64)'; // Used for the background of an outlined danger (destructive) button in the focus state.
|
|
588
|
+
export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.32)'; // Used for the background of an outlined danger (destructive) button in the active state.
|
|
589
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an outlined danger (destructive) button in the default state.
|
|
590
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of an outlined danger (destructive) button in the hover state.
|
|
591
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an outlined danger (destructive) button in the focus state.
|
|
592
|
+
export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an outlined danger (destructive) button in the active state.
|
|
593
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#fcb5aa'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.
|
|
594
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#fdd4cd'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.
|
|
595
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fdd4cd'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.
|
|
596
|
+
export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.
|
|
597
597
|
export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)'; // Used for the background of a borderless, tertiary danger (destructive) button in the default state.
|
|
598
598
|
export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a borderless, tertiary danger (destructive) button in the hover state.
|
|
599
599
|
export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a borderless, tertiary danger (destructive) button in the focus state.
|
|
@@ -614,17 +614,17 @@ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used fo
|
|
|
614
614
|
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a selected button in the hover state.
|
|
615
615
|
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a selected button in the focus state.
|
|
616
616
|
export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a selected button in the active state.
|
|
617
|
-
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '
|
|
618
|
-
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '
|
|
619
|
-
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '
|
|
620
|
-
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '
|
|
617
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.4)'; // Used for the background of a selected button in the default state.
|
|
618
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)'; // Used for the background of a selected button in the hover state.
|
|
619
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)'; // Used for the background of a selected button in the focus state.
|
|
620
|
+
export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.32)'; // Used for the background of a selected button in the active state.
|
|
621
621
|
export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#626168'; // Used for the border of a selected button in the default state.
|
|
622
622
|
export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#737278'; // Used for the border of a selected button in the hover state.
|
|
623
623
|
export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#737278'; // Used for the border of a selected button in the focus state.
|
|
624
624
|
export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#a4a3a8'; // Used for the border of a selected button in the active state.
|
|
625
625
|
export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled button.
|
|
626
|
-
export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '
|
|
627
|
-
export const GL_BUTTON_DISABLED_BORDER_COLOR = '
|
|
626
|
+
export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)'; // Used for the background of a disabled button.
|
|
627
|
+
export const GL_BUTTON_DISABLED_BORDER_COLOR = 'transparent'; // Used for the border of a disabled button.
|
|
628
628
|
export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d'; // Used for the background color of datepicker.
|
|
629
629
|
export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#18171d'; // Used for the datepicker date text color state indicators.
|
|
630
630
|
export const GL_DROPDOWN_BACKGROUND_COLOR = '#28272d'; // Used for the background of a dropdown.
|
|
@@ -686,10 +686,10 @@ export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#4c4b51'; // Used
|
|
|
686
686
|
export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#626168'; // Used for the icon color of an unchecked toggle switch in the hover state.
|
|
687
687
|
export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#626168'; // Used for the icon color of an unchecked toggle switch in the focus state.
|
|
688
688
|
export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#737278'; // Used for the icon color of an unchecked toggle switch in the active state.
|
|
689
|
-
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#
|
|
690
|
-
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#
|
|
691
|
-
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#
|
|
692
|
-
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#
|
|
689
|
+
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#63a6e9'; // Used for the icon color of a checked toggle switch in the default state.
|
|
690
|
+
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#9dc7f1'; // Used for the icon color of a checked toggle switch in the hover state.
|
|
691
|
+
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#9dc7f1'; // Used for the icon color of a checked toggle switch in the focus state.
|
|
692
|
+
export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#428fdc'; // Used for the icon color of a checked toggle switch in the active state.
|
|
693
693
|
export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#28272d'; // Used for the icon color of a disabled toggle switch.
|
|
694
694
|
export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#626168'; // Used for the background color of a token in a token-selector when it's token-container is in the focus state.
|
|
695
695
|
export const GL_TOKEN_FOREGROUND_COLOR = '#ececef'; // Used for the token foreground color.
|