@gitlab/ui 86.2.0 → 86.3.1

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 (21) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +1 -1
  5. package/dist/tokens/css/tokens.css +1 -1
  6. package/dist/tokens/css/tokens.dark.css +1 -1
  7. package/dist/tokens/js/tokens.dark.js +1 -1
  8. package/dist/tokens/json/tokens.dark.json +5 -2
  9. package/dist/tokens/json/tokens.json +4 -1
  10. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  11. package/dist/tokens/scss/_tokens.scss +1 -1
  12. package/package.json +5 -4
  13. package/src/components/base/drawer/drawer.scss +14 -8
  14. package/src/tokens/action.tokens.json +4 -1
  15. package/src/tokens/build/css/tokens.css +1 -1
  16. package/src/tokens/build/css/tokens.dark.css +1 -1
  17. package/src/tokens/build/js/tokens.dark.js +1 -1
  18. package/src/tokens/build/json/tokens.dark.json +5 -2
  19. package/src/tokens/build/json/tokens.json +4 -1
  20. package/src/tokens/build/scss/_tokens.dark.scss +1 -1
  21. package/src/tokens/build/scss/_tokens.scss +1 -1
package/dist/tokens/build/js/tokens.dark.js CHANGED
@@ -7,7 +7,7 @@ const GL_ACTION_BACKGROUND_COLOR_DISABLED = '#333238'; // Used for the backgroun
7
7
  const GL_ACTION_BORDER_COLOR_DISABLED = '#434248'; // Used for the border of a disabled action.
8
8
  const GL_ACTION_TEXT_COLOR_DISABLED = '#89888d'; // Used for the text of a disabled action.
9
9
  const GL_ACTION_ICON_COLOR_DISABLED = '#737278'; // Used for the icon of a disabled action.
10
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#1f1e24'; // Used for the background of an outlined neutral action in the default state.
10
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#333238'; // Used for the background of an outlined neutral action in the default state.
11
11
  const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = '#333238'; // Used for the background of an outlined neutral action in the hover state.
12
12
  const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#333238'; // Used for the background of an outlined neutral action in the focus state.
13
13
  const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#434248'; // Used for the background of an outlined neutral action in the active state.
package/dist/tokens/css/tokens.css CHANGED
@@ -650,10 +650,10 @@
650
650
  --gl-action-neutral-background-color-active: var(--gl-color-neutral-100); /* Used for the background of an outlined neutral action in the active state. */
651
651
  --gl-action-neutral-background-color-focus: var(--gl-color-neutral-50); /* Used for the background of an outlined neutral action in the focus state. */
652
652
  --gl-action-neutral-background-color-hover: var(--gl-color-neutral-50); /* Used for the background of an outlined neutral action in the hover state. */
653
+ --gl-action-neutral-background-color-default: var(--gl-color-neutral-0); /* Used for the background of an outlined neutral action in the default state. */
653
654
  --gl-action-icon-color-disabled: var(--gl-color-neutral-400); /* Used for the icon of a disabled action. */
654
655
  --gl-action-text-color-disabled: var(--gl-color-neutral-500); /* Used for the text of a disabled action. */
655
656
  --gl-action-border-color-disabled: var(--gl-color-neutral-100); /* Used for the border of a disabled action. */
656
657
  --gl-action-background-color-disabled: var(--gl-color-neutral-50); /* Used for the background of a disabled action. */
657
658
  --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
658
- --gl-action-neutral-background-color-default: var(--gl-background-color-default); /* Used for the background of an outlined neutral action in the default state. */
659
659
  }
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -650,10 +650,10 @@
650
650
  --gl-action-neutral-background-color-active: var(--gl-color-neutral-800); /* Used for the background of an outlined neutral action in the active state. */
651
651
  --gl-action-neutral-background-color-focus: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the focus state. */
652
652
  --gl-action-neutral-background-color-hover: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the hover state. */
653
+ --gl-action-neutral-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the default state. */
653
654
  --gl-action-icon-color-disabled: var(--gl-color-neutral-500); /* Used for the icon of a disabled action. */
654
655
  --gl-action-text-color-disabled: var(--gl-color-neutral-400); /* Used for the text of a disabled action. */
655
656
  --gl-action-border-color-disabled: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
656
657
  --gl-action-background-color-disabled: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
657
658
  --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
658
- --gl-action-neutral-background-color-default: var(--gl-background-color-default); /* Used for the background of an outlined neutral action in the default state. */
659
659
  }
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -7,7 +7,7 @@ export const GL_ACTION_BACKGROUND_COLOR_DISABLED = '#333238'; // Used for the ba
7
7
  export const GL_ACTION_BORDER_COLOR_DISABLED = '#434248'; // Used for the border of a disabled action.
8
8
  export const GL_ACTION_TEXT_COLOR_DISABLED = '#89888d'; // Used for the text of a disabled action.
9
9
  export const GL_ACTION_ICON_COLOR_DISABLED = '#737278'; // Used for the icon of a disabled action.
10
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#1f1e24'; // Used for the background of an outlined neutral action in the default state.
10
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#333238'; // Used for the background of an outlined neutral action in the default state.
11
11
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = '#333238'; // Used for the background of an outlined neutral action in the hover state.
12
12
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#333238'; // Used for the background of an outlined neutral action in the focus state.
13
13
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#434248'; // Used for the background of an outlined neutral action in the active state.
package/dist/tokens/json/tokens.dark.json CHANGED
@@ -112,13 +112,16 @@
112
112
  "background": {
113
113
  "color": {
114
114
  "default": {
115
- "value": "#1f1e24",
115
+ "value": "#333238",
116
116
  "$type": "color",
117
117
  "comment": "Used for the background of an outlined neutral action in the default state.",
118
118
  "filePath": "src/tokens/action.tokens.json",
119
119
  "isSource": true,
120
120
  "original": {
121
- "value": "{background.color.default}",
121
+ "value": {
122
+ "default": "{color.neutral.0}",
123
+ "dark": "{color.neutral.900}"
124
+ },
122
125
  "$type": "color",
123
126
  "comment": "Used for the background of an outlined neutral action in the default state."
124
127
  },
package/dist/tokens/json/tokens.json CHANGED
@@ -118,7 +118,10 @@
118
118
  "filePath": "src/tokens/action.tokens.json",
119
119
  "isSource": true,
120
120
  "original": {
121
- "value": "{background.color.default}",
121
+ "value": {
122
+ "default": "{color.neutral.0}",
123
+ "dark": "{color.neutral.900}"
124
+ },
122
125
  "$type": "color",
123
126
  "comment": "Used for the background of an outlined neutral action in the default state."
124
127
  },
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -648,9 +648,9 @@ $gl-action-neutral-background-color-subtle-default: $gl-color-alpha-0; // Used f
648
648
  $gl-action-neutral-background-color-active: $gl-color-neutral-800; // Used for the background of an outlined neutral action in the active state.
649
649
  $gl-action-neutral-background-color-focus: $gl-color-neutral-900; // Used for the background of an outlined neutral action in the focus state.
650
650
  $gl-action-neutral-background-color-hover: $gl-color-neutral-900; // Used for the background of an outlined neutral action in the hover state.
651
+ $gl-action-neutral-background-color-default: $gl-color-neutral-900; // Used for the background of an outlined neutral action in the default state.
651
652
  $gl-action-icon-color-disabled: $gl-color-neutral-500; // Used for the icon of a disabled action.
652
653
  $gl-action-text-color-disabled: $gl-color-neutral-400; // Used for the text of a disabled action.
653
654
  $gl-action-border-color-disabled: $gl-color-neutral-800; // Used for the border of a disabled action.
654
655
  $gl-action-background-color-disabled: $gl-color-neutral-900; // Used for the background of a disabled action.
655
656
  $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner neutral portion of the focus ring.
656
- $gl-action-neutral-background-color-default: $gl-background-color-default; // Used for the background of an outlined neutral action in the default state.
package/dist/tokens/scss/_tokens.scss CHANGED
@@ -648,9 +648,9 @@ $gl-action-neutral-background-color-subtle-default: $gl-color-alpha-0; // Used f
648
648
  $gl-action-neutral-background-color-active: $gl-color-neutral-100; // Used for the background of an outlined neutral action in the active state.
649
649
  $gl-action-neutral-background-color-focus: $gl-color-neutral-50; // Used for the background of an outlined neutral action in the focus state.
650
650
  $gl-action-neutral-background-color-hover: $gl-color-neutral-50; // Used for the background of an outlined neutral action in the hover state.
651
+ $gl-action-neutral-background-color-default: $gl-color-neutral-0; // Used for the background of an outlined neutral action in the default state.
651
652
  $gl-action-icon-color-disabled: $gl-color-neutral-400; // Used for the icon of a disabled action.
652
653
  $gl-action-text-color-disabled: $gl-color-neutral-500; // Used for the text of a disabled action.
653
654
  $gl-action-border-color-disabled: $gl-color-neutral-100; // Used for the border of a disabled action.
654
655
  $gl-action-background-color-disabled: $gl-color-neutral-50; // Used for the background of a disabled action.
655
656
  $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner neutral portion of the focus ring.
656
- $gl-action-neutral-background-color-default: $gl-background-color-default; // Used for the background of an outlined neutral action in the default state.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "86.2.0",
3
+ "version": "86.3.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -74,7 +74,8 @@
74
74
  "lint:fix": "run-s eslint:fix prettier:fix stylelint:fix markdownlint:fix",
75
75
  "generate:component": "plop",
76
76
  "translations:collect": "make translations.js",
77
- "tailwind-config-viewer": "tailwind-config-viewer -o"
77
+ "tailwind-config-viewer:start": "tailwind-config-viewer -o",
78
+ "tailwind-config-viewer:export": "tailwind-config-viewer export ./tailwind-config-viewer-static"
78
79
  },
79
80
  "dependencies": {
80
81
  "@floating-ui/dom": "1.4.3",
@@ -170,8 +171,8 @@
170
171
  "module-alias": "^2.2.2",
171
172
  "npm-run-all": "^4.1.5",
172
173
  "pikaday": "^1.8.0",
173
- "playwright": "^1.45.0",
174
- "playwright-core": "^1.45.0",
174
+ "playwright": "^1.45.1",
175
+ "playwright-core": "^1.45.1",
175
176
  "plop": "^2.5.4",
176
177
  "postcss": "8.4.28",
177
178
  "postcss-loader": "^7.0.2",
package/src/components/base/drawer/drawer.scss CHANGED
@@ -1,8 +1,13 @@
1
1
  $gl-drawer-width: 400px;
2
2
  $gl-sidebar-width: 290px;
3
- $gl-drawer-scrim-gradient: linear-gradient(to bottom, $transparent-rgba, $white);
3
+ $gl-drawer-scrim-gradient: linear-gradient(
4
+ to bottom,
5
+ $transparent-rgba,
6
+ var(--drawer-variant-bg-color)
7
+ );
4
8
 
5
9
  .gl-drawer {
10
+ background-color: var(--drawer-variant-bg-color);
6
11
  right: 0;
7
12
  @include gl-transition-medium;
8
13
  position: fixed;
@@ -16,14 +21,14 @@ $gl-drawer-scrim-gradient: linear-gradient(to bottom, $transparent-rgba, $white)
16
21
  @include gl-flex-direction-column;
17
22
 
18
23
  .gl-drawer-header-sticky {
19
- @include gl-bg-white;
24
+ background-color: var(--drawer-variant-bg-color);
20
25
  top: 0;
21
26
  position: sticky;
22
27
  }
23
28
  }
24
29
 
25
30
  .gl-drawer-default {
26
- @include gl-bg-white;
31
+ --drawer-variant-bg-color: var(--gl-background-color-default);
27
32
  @include media-breakpoint-up(md) {
28
33
  width: $gl-drawer-width;
29
34
  }
@@ -35,7 +40,7 @@ $gl-drawer-scrim-gradient: linear-gradient(to bottom, $transparent-rgba, $white)
35
40
  }
36
41
 
37
42
  .gl-drawer-sidebar {
38
- @include gl-bg-gray-10;
43
+ --drawer-variant-bg-color: var(--gl-background-color-subtle);
39
44
  @include media-breakpoint-up(md) {
40
45
  width: $gl-sidebar-width;
41
46
  }
@@ -56,7 +61,7 @@ $gl-drawer-scrim-gradient: linear-gradient(to bottom, $transparent-rgba, $white)
56
61
 
57
62
  .gl-drawer-footer {
58
63
  @include gl-border-t-solid;
59
- @include gl-border-t-gray-100;
64
+ border-top-color: var(--gl-border-color-default);
60
65
  @include gl-border-t-1;
61
66
  @include gl-p-5;
62
67
  }
@@ -76,18 +81,19 @@ $gl-drawer-scrim-gradient: linear-gradient(to bottom, $transparent-rgba, $white)
76
81
  }
77
82
 
78
83
  .gl-drawer-footer-sticky {
79
- @include gl-bg-white;
84
+ background-color: var(--drawer-variant-bg-color);
80
85
  bottom: 0;
81
86
  position: sticky;
82
87
  }
83
88
 
84
89
  .gl-drawer-header {
85
90
  @include gl-border-b-solid;
86
- @include gl-border-b-gray-100;
91
+ border-bottom-color: var(--gl-border-color-default);
87
92
  @include gl-border-b-1;
88
93
  }
89
94
 
90
95
  .gl-drawer-title {
96
+ color: var(--gl-text-color-heading);
91
97
  @include gl-display-flex;
92
98
  @include gl-align-items-center;
93
99
  @include gl-justify-content-space-between;
@@ -127,7 +133,7 @@ $gl-drawer-scrim-gradient: linear-gradient(to bottom, $transparent-rgba, $white)
127
133
 
128
134
  .gl-drawer-body > * {
129
135
  @include gl-border-b-solid;
130
- @include gl-border-b-gray-100;
136
+ border-bottom-color: var(--gl-border-color-default);
131
137
  @include gl-border-b-1;
132
138
 
133
139
  &:last-child {
package/src/tokens/action.tokens.json CHANGED
@@ -52,7 +52,10 @@
52
52
  "background": {
53
53
  "color": {
54
54
  "default": {
55
- "$value": "{background.color.default}",
55
+ "$value": {
56
+ "default": "{color.neutral.0}",
57
+ "dark": "{color.neutral.900}"
58
+ },
56
59
  "$type": "color",
57
60
  "$description": "Used for the background of an outlined neutral action in the default state."
58
61
  },
package/src/tokens/build/css/tokens.css CHANGED
@@ -650,10 +650,10 @@
650
650
  --gl-action-neutral-background-color-active: var(--gl-color-neutral-100); /* Used for the background of an outlined neutral action in the active state. */
651
651
  --gl-action-neutral-background-color-focus: var(--gl-color-neutral-50); /* Used for the background of an outlined neutral action in the focus state. */
652
652
  --gl-action-neutral-background-color-hover: var(--gl-color-neutral-50); /* Used for the background of an outlined neutral action in the hover state. */
653
+ --gl-action-neutral-background-color-default: var(--gl-color-neutral-0); /* Used for the background of an outlined neutral action in the default state. */
653
654
  --gl-action-icon-color-disabled: var(--gl-color-neutral-400); /* Used for the icon of a disabled action. */
654
655
  --gl-action-text-color-disabled: var(--gl-color-neutral-500); /* Used for the text of a disabled action. */
655
656
  --gl-action-border-color-disabled: var(--gl-color-neutral-100); /* Used for the border of a disabled action. */
656
657
  --gl-action-background-color-disabled: var(--gl-color-neutral-50); /* Used for the background of a disabled action. */
657
658
  --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
658
- --gl-action-neutral-background-color-default: var(--gl-background-color-default); /* Used for the background of an outlined neutral action in the default state. */
659
659
  }
package/src/tokens/build/css/tokens.dark.css CHANGED
@@ -650,10 +650,10 @@
650
650
  --gl-action-neutral-background-color-active: var(--gl-color-neutral-800); /* Used for the background of an outlined neutral action in the active state. */
651
651
  --gl-action-neutral-background-color-focus: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the focus state. */
652
652
  --gl-action-neutral-background-color-hover: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the hover state. */
653
+ --gl-action-neutral-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the default state. */
653
654
  --gl-action-icon-color-disabled: var(--gl-color-neutral-500); /* Used for the icon of a disabled action. */
654
655
  --gl-action-text-color-disabled: var(--gl-color-neutral-400); /* Used for the text of a disabled action. */
655
656
  --gl-action-border-color-disabled: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
656
657
  --gl-action-background-color-disabled: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
657
658
  --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
658
- --gl-action-neutral-background-color-default: var(--gl-background-color-default); /* Used for the background of an outlined neutral action in the default state. */
659
659
  }
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -7,7 +7,7 @@ export const GL_ACTION_BACKGROUND_COLOR_DISABLED = '#333238'; // Used for the ba
7
7
  export const GL_ACTION_BORDER_COLOR_DISABLED = '#434248'; // Used for the border of a disabled action.
8
8
  export const GL_ACTION_TEXT_COLOR_DISABLED = '#89888d'; // Used for the text of a disabled action.
9
9
  export const GL_ACTION_ICON_COLOR_DISABLED = '#737278'; // Used for the icon of a disabled action.
10
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#1f1e24'; // Used for the background of an outlined neutral action in the default state.
10
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#333238'; // Used for the background of an outlined neutral action in the default state.
11
11
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = '#333238'; // Used for the background of an outlined neutral action in the hover state.
12
12
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#333238'; // Used for the background of an outlined neutral action in the focus state.
13
13
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#434248'; // Used for the background of an outlined neutral action in the active state.
package/src/tokens/build/json/tokens.dark.json CHANGED
@@ -112,13 +112,16 @@
112
112
  "background": {
113
113
  "color": {
114
114
  "default": {
115
- "value": "#1f1e24",
115
+ "value": "#333238",
116
116
  "$type": "color",
117
117
  "comment": "Used for the background of an outlined neutral action in the default state.",
118
118
  "filePath": "src/tokens/action.tokens.json",
119
119
  "isSource": true,
120
120
  "original": {
121
- "value": "{background.color.default}",
121
+ "value": {
122
+ "default": "{color.neutral.0}",
123
+ "dark": "{color.neutral.900}"
124
+ },
122
125
  "$type": "color",
123
126
  "comment": "Used for the background of an outlined neutral action in the default state."
124
127
  },
package/src/tokens/build/json/tokens.json CHANGED
@@ -118,7 +118,10 @@
118
118
  "filePath": "src/tokens/action.tokens.json",
119
119
  "isSource": true,
120
120
  "original": {
121
- "value": "{background.color.default}",
121
+ "value": {
122
+ "default": "{color.neutral.0}",
123
+ "dark": "{color.neutral.900}"
124
+ },
122
125
  "$type": "color",
123
126
  "comment": "Used for the background of an outlined neutral action in the default state."
124
127
  },
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -648,9 +648,9 @@ $gl-action-neutral-background-color-subtle-default: $gl-color-alpha-0; // Used f
648
648
  $gl-action-neutral-background-color-active: $gl-color-neutral-800; // Used for the background of an outlined neutral action in the active state.
649
649
  $gl-action-neutral-background-color-focus: $gl-color-neutral-900; // Used for the background of an outlined neutral action in the focus state.
650
650
  $gl-action-neutral-background-color-hover: $gl-color-neutral-900; // Used for the background of an outlined neutral action in the hover state.
651
+ $gl-action-neutral-background-color-default: $gl-color-neutral-900; // Used for the background of an outlined neutral action in the default state.
651
652
  $gl-action-icon-color-disabled: $gl-color-neutral-500; // Used for the icon of a disabled action.
652
653
  $gl-action-text-color-disabled: $gl-color-neutral-400; // Used for the text of a disabled action.
653
654
  $gl-action-border-color-disabled: $gl-color-neutral-800; // Used for the border of a disabled action.
654
655
  $gl-action-background-color-disabled: $gl-color-neutral-900; // Used for the background of a disabled action.
655
656
  $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner neutral portion of the focus ring.
656
- $gl-action-neutral-background-color-default: $gl-background-color-default; // Used for the background of an outlined neutral action in the default state.
package/src/tokens/build/scss/_tokens.scss CHANGED
@@ -648,9 +648,9 @@ $gl-action-neutral-background-color-subtle-default: $gl-color-alpha-0; // Used f
648
648
  $gl-action-neutral-background-color-active: $gl-color-neutral-100; // Used for the background of an outlined neutral action in the active state.
649
649
  $gl-action-neutral-background-color-focus: $gl-color-neutral-50; // Used for the background of an outlined neutral action in the focus state.
650
650
  $gl-action-neutral-background-color-hover: $gl-color-neutral-50; // Used for the background of an outlined neutral action in the hover state.
651
+ $gl-action-neutral-background-color-default: $gl-color-neutral-0; // Used for the background of an outlined neutral action in the default state.
651
652
  $gl-action-icon-color-disabled: $gl-color-neutral-400; // Used for the icon of a disabled action.
652
653
  $gl-action-text-color-disabled: $gl-color-neutral-500; // Used for the text of a disabled action.
653
654
  $gl-action-border-color-disabled: $gl-color-neutral-100; // Used for the border of a disabled action.
654
655
  $gl-action-background-color-disabled: $gl-color-neutral-50; // Used for the background of a disabled action.
655
656
  $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner neutral portion of the focus ring.
656
- $gl-action-neutral-background-color-default: $gl-background-color-default; // Used for the background of an outlined neutral action in the default state.