@gitlab/ui 86.14.4 → 86.15.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.
@@ -3,103 +3,45 @@
3
3
  * Do not edit directly
4
4
  */
5
5
 
6
- export const GL_ACTION_BACKGROUND_COLOR_DISABLED = '#ececef'; // Used for the background of a disabled action.
7
- export const GL_ACTION_BORDER_COLOR_DISABLED = '#dcdcde'; // Used for the border of a disabled action.
8
- export const GL_ACTION_TEXT_COLOR_DISABLED = '#737278'; // Used for the text of a disabled action.
9
- export const GL_ACTION_ICON_COLOR_DISABLED = '#89888d'; // Used for the icon of a disabled action.
10
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined neutral action in the default state.
11
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = '#ececef'; // Used for the background of an outlined neutral action in the hover state.
12
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#ececef'; // Used for the background of an outlined neutral action in the focus state.
13
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#dcdcde'; // Used for the background of an outlined neutral action in the active state.
14
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT = 'transparent'; // Used for the background of a borderless, subtle neutral action in the default state.
15
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER = '#ececef'; // Used for the background of a borderless, subtle neutral action in the hover state.
16
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS = '#ececef'; // Used for the background of a borderless, subtle neutral action in the focus state.
17
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE = '#dcdcde'; // Used for the background of a borderless, subtle neutral action in the active state.
18
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT = '#737278'; // Used for the background of a solid, strong neutral action in the default state.
19
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER = '#626168'; // Used for the background of a solid, strong neutral action in the hover state.
20
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS = '#626168'; // Used for the background of a solid, strong neutral action in the focus state.
21
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE = '#4c4b51'; // Used for the background of a solid, strong neutral action in the active state.
22
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = '#bfbfc3'; // Used for the border of an outlined neutral action in the default state.
23
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = '#89888d'; // Used for the border of an outlined neutral action in the hover state.
24
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = '#89888d'; // Used for the border of an outlined neutral action in the focus state.
25
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = '#626168'; // Used for the border of an outlined neutral action in the active state.
26
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_SELECTED = '#a4a3a8'; // Used for the border of a outlined neutral action when in a selected or current state.
27
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT = '#626168'; // Used for the border of a solid, strong neutral action in the default state.
28
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER = '#3a383f'; // Used for the border of a solid, strong neutral action in the hover state.
29
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS = '#3a383f'; // Used for the border of a solid, strong neutral action in the focus state.
30
- export const GL_ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE = '#28272d'; // Used for the border of a solid, strong neutral action in the active state.
31
- export const GL_ACTION_NEUTRAL_TEXT_COLOR_DEFAULT = '#28272d'; // Used for the text of outlined and borderless neutral actions.
32
- export const GL_ACTION_NEUTRAL_TEXT_COLOR_HOVER = '#28272d'; // Used for the text of a neutral action in the hover state.
33
- export const GL_ACTION_NEUTRAL_TEXT_COLOR_FOCUS = '#28272d'; // Used for the text of a neutral action in the focus state.
34
- export const GL_ACTION_NEUTRAL_TEXT_COLOR_ACTIVE = '#28272d'; // Used for the text of a neutral action in the active state.
35
- export const GL_ACTION_NEUTRAL_TEXT_COLOR_STRONG = '#fff'; // Used for the text on a solid, strong neutral action background.
36
- export const GL_ACTION_NEUTRAL_ICON_COLOR_DEFAULT = '#737278'; // Used for the icon of outlined and borderless neutral actions.
37
- export const GL_ACTION_NEUTRAL_ICON_COLOR_HOVER = '#4c4b51'; // Used for the icon of outlined and borderless neutral actions in the hover state.
38
- export const GL_ACTION_NEUTRAL_ICON_COLOR_FOCUS = '#4c4b51'; // Used for the icon of outlined and borderless neutral actions in the focus state.
39
- export const GL_ACTION_NEUTRAL_ICON_COLOR_ACTIVE = '#28272d'; // Used for the icon of outlined and borderless neutral actions in the active state.
40
- export const GL_ACTION_NEUTRAL_ICON_COLOR_STRONG = '#fff'; // Used for the icon on a solid, strong neutral action background.
41
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined confirm (positive) action in the default state.
42
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = '#e9f3fc'; // Used for the background of an outlined confirm (positive) action in the hover state.
43
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = '#e9f3fc'; // Used for the background of an outlined confirm (positive) action in the focus state.
44
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the background of an outlined confirm (positive) action in the active state.
45
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT = 'transparent'; // Used for the background of a borderless, subtle confirm (positive) action in the default state.
46
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER = '#e9f3fc'; // Used for the background of a borderless, subtle confirm (positive) action in the hover state.
47
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS = '#e9f3fc'; // Used for the background of a borderless, subtle confirm (positive) action in the focus state.
48
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE = '#cbe2f9'; // Used for the background of a borderless, subtle confirm (positive) action in the active state.
49
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT = '#1f75cb'; // Used for the background of a solid, strong confirm (positive) action in the default state.
50
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER = '#1068bf'; // Used for the background of a solid, strong confirm (positive) action in the hover state.
51
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS = '#1068bf'; // Used for the background of a solid, strong confirm (positive) action in the focus state.
52
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE = '#0b5cad'; // Used for the background of a solid, strong confirm (positive) action in the active state.
53
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED = '#1f75cb'; // Used for the background of a solid, strong confirm (positive) action when in a selected or current state.
54
- export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = '#1f75cb'; // Used for the border of an outlined confirm (positive) action in the default state.
55
- export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = '#0b5cad'; // Used for the border of an outlined confirm (positive) action in the hover state.
56
- export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = '#0b5cad'; // Used for the border of an outlined confirm (positive) action in the focus state.
57
- export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = '#033464'; // Used for the border of an outlined confirm (positive) action in the active state.
58
- export const GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT = '#1068bf'; // Used for the border of a solid, strong confirm (positive) action in the default state.
59
- export const GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER = '#064787'; // Used for the border of a solid, strong confirm (positive) action in the hover state.
60
- export const GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS = '#064787'; // Used for the border of a solid, strong confirm (positive) action in the focus state.
61
- export const GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE = '#033464'; // Used for the border of a solid, strong confirm (positive) action in the active state.
62
- export const GL_ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED = '#1068bf'; // Used for the border of a solid, strong confirm (positive) action when in a selected or current state.
63
- export const GL_ACTION_CONFIRM_TEXT_COLOR_DEFAULT = '#1f75cb'; // Used for the text of a confirm (positive) action in the default state.
64
- export const GL_ACTION_CONFIRM_TEXT_COLOR_HOVER = '#0b5cad'; // Used for the text of a confirm (positive) action in the hover state.
65
- export const GL_ACTION_CONFIRM_TEXT_COLOR_FOCUS = '#0b5cad'; // Used for the text of a confirm (positive) action in the focus state.
66
- export const GL_ACTION_CONFIRM_TEXT_COLOR_ACTIVE = '#033464'; // Used for the text of a confirm (positive) action in the active state.
67
- export const GL_ACTION_CONFIRM_TEXT_COLOR_STRONG = '#fff'; // Used for the text on a solid, strong confirm (positive) action background.
68
- export const GL_ACTION_CONFIRM_ICON_COLOR_DEFAULT = '#1f75cb'; // Used for the icon of a confirm (positive) action in the default state.
69
- export const GL_ACTION_CONFIRM_ICON_COLOR_HOVER = '#0b5cad'; // Used for the icon of a confirm (positive) action in the hover state.
70
- export const GL_ACTION_CONFIRM_ICON_COLOR_FOCUS = '#0b5cad'; // Used for the icon of a confirm (positive) action in the focus state.
71
- export const GL_ACTION_CONFIRM_ICON_COLOR_ACTIVE = '#033464'; // Used for the icon of a confirm (positive) action in the active state.
72
- export const GL_ACTION_CONFIRM_ICON_COLOR_STRONG = '#fff'; // Used for the icon on a solid, strong confirm (positive) action background.
73
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the background of an outlined danger (destructive) action in the default state.
74
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = '#fcf1ef'; // Used for the background of an outlined danger (destructive) action in the hover state.
75
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = '#fcf1ef'; // Used for the background of an outlined danger (destructive) action in the focus state.
76
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the background of an outlined danger (destructive) action in the active state.
77
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT = 'transparent'; // Used for the background of a borderless, subtle danger (destructive) action in the default state.
78
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER = '#fcf1ef'; // Used for the background of a borderless, subtle danger (destructive) action in the hover state.
79
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS = '#fcf1ef'; // Used for the background of a borderless, subtle danger (destructive) action in the focus state.
80
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE = '#fdd4cd'; // Used for the background of a borderless, subtle danger (destructive) action in the active state.
81
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT = '#dd2b0e'; // Used for the background of a solid, strong danger (destructive) action in the default state.
82
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER = '#c91c00'; // Used for the background of a solid, strong danger (destructive) action in the hover state.
83
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS = '#c91c00'; // Used for the background of a solid, strong danger (destructive) action in the focus state.
84
- export const GL_ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE = '#8d1300'; // Used for the background of a solid, strong danger (destructive) action in the active state.
85
- export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = '#dd2b0e'; // Used for the border of an outlined danger (destructive) action in the default state.
86
- export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = '#ae1800'; // Used for the border of an outlined danger (destructive) action in the hover state.
87
- export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = '#ae1800'; // Used for the border of an outlined danger (destructive) action in the focus state.
88
- export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = '#660e00'; // Used for the border of an outlined danger (destructive) action in the active state.
89
- export const GL_ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT = '#c91c00'; // Used for the border of a solid, strong danger (destructive) action in the default state.
90
- export const GL_ACTION_DANGER_BORDER_COLOR_STRONG_HOVER = '#8d1300'; // Used for the border of a solid, strong danger (destructive) action in the hover state.
91
- export const GL_ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS = '#8d1300'; // Used for the border of a solid, strong danger (destructive) action in the focus state.
92
- export const GL_ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE = '#660e00'; // Used for the border of a solid, strong danger (destructive) action in the active state.
93
- export const GL_ACTION_DANGER_TEXT_COLOR_DEFAULT = '#dd2b0e'; // Used for the text of a danger (destructive) action in the default state.
94
- export const GL_ACTION_DANGER_TEXT_COLOR_HOVER = '#ae1800'; // Used for the text of a danger (destructive) action in the hover state.
95
- export const GL_ACTION_DANGER_TEXT_COLOR_FOCUS = '#ae1800'; // Used for the text of a danger (destructive) action in the focus state.
96
- export const GL_ACTION_DANGER_TEXT_COLOR_ACTIVE = '#660e00'; // Used for the text of a danger (destructive) action in the active state.
97
- export const GL_ACTION_DANGER_TEXT_COLOR_STRONG = '#fff'; // Used for the text on a solid, strong danger (destructive) action background.
98
- export const GL_ACTION_DANGER_ICON_COLOR_DEFAULT = '#dd2b0e'; // Used for the icon of a danger (destructive) action in the default state.
99
- export const GL_ACTION_DANGER_ICON_COLOR_HOVER = '#ae1800'; // Used for the icon of a danger (destructive) action in the hover state.
100
- export const GL_ACTION_DANGER_ICON_COLOR_FOCUS = '#ae1800'; // Used for the icon of a danger (destructive) action in the focus state.
101
- export const GL_ACTION_DANGER_ICON_COLOR_ACTIVE = '#660e00'; // Used for the icon of a danger (destructive) action in the active state.
102
- export const GL_ACTION_DANGER_ICON_COLOR_STRONG = '#fff'; // Used for the icon on a solid, strong danger (destructive) action background.
6
+ export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled action.
7
+ export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef'; // Used for the background of a disabled action.
8
+ export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled action.
9
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of outlined and borderless neutral actions.
10
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a neutral action in the hover state.
11
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a neutral action in the focus state.
12
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a neutral action in the active state.
13
+ 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.
14
+ 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.
15
+ 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.
16
+ 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.
17
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral action in the default state.
18
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a neutral action in the hover state.
19
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral action in the focus state.
20
+ export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral action in the active state.
21
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb'; // Used for the foreground of a confirm (positive) action in the default state.
22
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#0b5cad'; // Used for the foreground of a confirm (positive) action in the hover state.
23
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#0b5cad'; // Used for the foreground of a confirm (positive) action in the focus state.
24
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#033464'; // Used for the foreground of a confirm (positive) action in the active state.
25
+ 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.
26
+ 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.
27
+ 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.
28
+ 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.
29
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a confirm action in the default state.
30
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm action in the hover state.
31
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm action in the focus state.
32
+ export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm action in the active state.
33
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e'; // Used for the foreground of a danger (destructive) action in the default state.
34
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#ae1800'; // Used for the foreground of a danger (destructive) action in the hover state.
35
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#ae1800'; // Used for the foreground of a danger (destructive) action in the focus state.
36
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#660e00'; // Used for the foreground of a danger (destructive) action in the active state.
37
+ 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.
38
+ 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.
39
+ 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.
40
+ 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.
41
+ export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger action in the default state.
42
+ export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger action in the hover state.
43
+ export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger action in the focus state.
44
+ export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger action in the active state.
103
45
  export const GL_BACKGROUND_COLOR_DEFAULT = '#fff'; // Used for the default background color.
104
46
  export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd'; // Used to slightly differentiate the background from the default.
105
47
  export const GL_BACKGROUND_COLOR_STRONG = '#ececef'; // Used to make the background easily stand out from the default.