@gitlab/ui 87.2.0 → 87.2.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 (22) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/tokens/build/js/tokens.dark.js +1 -1
  4. package/dist/tokens/build/js/tokens.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/js/tokens.js +1 -1
  9. package/dist/tokens/json/tokens.dark.json +2 -2
  10. package/dist/tokens/json/tokens.json +2 -2
  11. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  12. package/dist/tokens/scss/_tokens.scss +1 -1
  13. package/package.json +1 -1
  14. package/src/tokens/action.tokens.json +1 -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/js/tokens.js +1 -1
  19. package/src/tokens/build/json/tokens.dark.json +2 -2
  20. package/src/tokens/build/json/tokens.json +2 -2
  21. package/src/tokens/build/scss/_tokens.dark.scss +1 -1
  22. package/src/tokens/build/scss/_tokens.scss +1 -1
package/dist/tokens/build/js/tokens.dark.js CHANGED
@@ -6,7 +6,7 @@
6
6
  const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled action.
7
7
  const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d'; // Used for the background of a disabled action.
8
8
  const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f'; // Used for the border of a disabled action.
9
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of outlined and borderless neutral actions.
9
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a neutral action in the default state.
10
10
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a neutral action in the hover state.
11
11
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a neutral action in the focus state.
12
12
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a neutral action in the active state.
package/dist/tokens/build/js/tokens.js CHANGED
@@ -6,7 +6,7 @@
6
6
  const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled action.
7
7
  const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef'; // Used for the background of a disabled action.
8
8
  const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde'; // Used for the border of a disabled action.
9
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of outlined and borderless neutral actions.
9
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a neutral action in the default state.
10
10
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a neutral action in the hover state.
11
11
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a neutral action in the focus state.
12
12
  const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a neutral action in the active state.
package/dist/tokens/css/tokens.css CHANGED
@@ -595,7 +595,7 @@
595
595
  --gl-action-confirm-foreground-color-default: var(--gl-color-blue-500); /* Used for the foreground of a confirm (positive) action in the default state. */
596
596
  --gl-action-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral action in the default state. */
597
597
  --gl-action-neutral-background-color-focus: var(--gl-action-neutral-background-color-hover); /* Used for the background of a neutral action in the focus state. */
598
- --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-900); /* Used for the foreground of outlined and borderless neutral actions. */
598
+ --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-900); /* Used for the foreground of a neutral action in the default state. */
599
599
  --gl-action-disabled-border-color: var(--gl-color-neutral-100); /* Used for the border of a disabled action. */
600
600
  --gl-action-disabled-background-color: var(--gl-color-neutral-50); /* Used for the background of a disabled action. */
601
601
  --gl-action-disabled-foreground-color: var(--gl-color-neutral-400); /* Used for the foreground of a disabled action. */
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -595,7 +595,7 @@
595
595
  --gl-action-confirm-foreground-color-default: var(--gl-color-blue-400); /* Used for the foreground of a confirm (positive) action in the default state. */
596
596
  --gl-action-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral action in the default state. */
597
597
  --gl-action-neutral-background-color-focus: var(--gl-action-neutral-background-color-hover); /* Used for the background of a neutral action in the focus state. */
598
- --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of outlined and borderless neutral actions. */
598
+ --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a neutral action in the default state. */
599
599
  --gl-action-disabled-border-color: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
600
600
  --gl-action-disabled-background-color: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
601
601
  --gl-action-disabled-foreground-color: var(--gl-color-neutral-500); /* Used for the foreground of a disabled action. */
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -6,7 +6,7 @@
6
6
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled action.
7
7
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d'; // Used for the background of a disabled action.
8
8
  export const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f'; // Used for the border of a disabled action.
9
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of outlined and borderless neutral actions.
9
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a neutral action in the default state.
10
10
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a neutral action in the hover state.
11
11
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a neutral action in the focus state.
12
12
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a neutral action in the active state.
package/dist/tokens/js/tokens.js CHANGED
@@ -6,7 +6,7 @@
6
6
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled action.
7
7
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef'; // Used for the background of a disabled action.
8
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.
9
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a neutral action in the default state.
10
10
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a neutral action in the hover state.
11
11
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a neutral action in the focus state.
12
12
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a neutral action in the active state.
package/dist/tokens/json/tokens.dark.json CHANGED
@@ -83,7 +83,7 @@
83
83
  "default": {
84
84
  "value": "#ececef",
85
85
  "$type": "color",
86
- "comment": "Used for the foreground of outlined and borderless neutral actions.",
86
+ "comment": "Used for the foreground of a neutral action in the default state.",
87
87
  "filePath": "src/tokens/action.tokens.json",
88
88
  "isSource": true,
89
89
  "original": {
@@ -92,7 +92,7 @@
92
92
  "dark": "{color.neutral.50}"
93
93
  },
94
94
  "$type": "color",
95
- "comment": "Used for the foreground of outlined and borderless neutral actions."
95
+ "comment": "Used for the foreground of a neutral action in the default state."
96
96
  },
97
97
  "name": "ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT",
98
98
  "attributes": {},
package/dist/tokens/json/tokens.json CHANGED
@@ -83,7 +83,7 @@
83
83
  "default": {
84
84
  "value": "#28272d",
85
85
  "$type": "color",
86
- "comment": "Used for the foreground of outlined and borderless neutral actions.",
86
+ "comment": "Used for the foreground of a neutral action in the default state.",
87
87
  "filePath": "src/tokens/action.tokens.json",
88
88
  "isSource": true,
89
89
  "original": {
@@ -92,7 +92,7 @@
92
92
  "dark": "{color.neutral.50}"
93
93
  },
94
94
  "$type": "color",
95
- "comment": "Used for the foreground of outlined and borderless neutral actions."
95
+ "comment": "Used for the foreground of a neutral action in the default state."
96
96
  },
97
97
  "name": "ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT",
98
98
  "attributes": {},
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -593,7 +593,7 @@ $gl-action-confirm-foreground-color-hover: $gl-color-blue-200; // Used for the f
593
593
  $gl-action-confirm-foreground-color-default: $gl-color-blue-400; // Used for the foreground of a confirm (positive) action in the default state.
594
594
  $gl-action-neutral-border-color-default: $gl-color-alpha-0; // Used for the border of a neutral action in the default state.
595
595
  $gl-action-neutral-background-color-focus: $gl-action-neutral-background-color-hover; // Used for the background of a neutral action in the focus state.
596
- $gl-action-neutral-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of outlined and borderless neutral actions.
596
+ $gl-action-neutral-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of a neutral action in the default state.
597
597
  $gl-action-disabled-border-color: $gl-color-neutral-800; // Used for the border of a disabled action.
598
598
  $gl-action-disabled-background-color: $gl-color-neutral-900; // Used for the background of a disabled action.
599
599
  $gl-action-disabled-foreground-color: $gl-color-neutral-500; // Used for the foreground of a disabled action.
package/dist/tokens/scss/_tokens.scss CHANGED
@@ -593,7 +593,7 @@ $gl-action-confirm-foreground-color-hover: $gl-color-blue-700; // Used for the f
593
593
  $gl-action-confirm-foreground-color-default: $gl-color-blue-500; // Used for the foreground of a confirm (positive) action in the default state.
594
594
  $gl-action-neutral-border-color-default: $gl-color-alpha-0; // Used for the border of a neutral action in the default state.
595
595
  $gl-action-neutral-background-color-focus: $gl-action-neutral-background-color-hover; // Used for the background of a neutral action in the focus state.
596
- $gl-action-neutral-foreground-color-default: $gl-color-neutral-900; // Used for the foreground of outlined and borderless neutral actions.
596
+ $gl-action-neutral-foreground-color-default: $gl-color-neutral-900; // Used for the foreground of a neutral action in the default state.
597
597
  $gl-action-disabled-border-color: $gl-color-neutral-100; // Used for the border of a disabled action.
598
598
  $gl-action-disabled-background-color: $gl-color-neutral-50; // Used for the background of a disabled action.
599
599
  $gl-action-disabled-foreground-color: $gl-color-neutral-400; // Used for the foreground of a disabled action.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "87.2.0",
3
+ "version": "87.2.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/tokens/action.tokens.json CHANGED
@@ -41,7 +41,7 @@
41
41
  "dark": "{color.neutral.50}"
42
42
  },
43
43
  "$type": "color",
44
- "$description": "Used for the foreground of outlined and borderless neutral actions."
44
+ "$description": "Used for the foreground of a neutral action in the default state."
45
45
  },
46
46
  "hover": {
47
47
  "$value": "{action.neutral.foreground.color.default}",
package/src/tokens/build/css/tokens.css CHANGED
@@ -595,7 +595,7 @@
595
595
  --gl-action-confirm-foreground-color-default: var(--gl-color-blue-500); /* Used for the foreground of a confirm (positive) action in the default state. */
596
596
  --gl-action-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral action in the default state. */
597
597
  --gl-action-neutral-background-color-focus: var(--gl-action-neutral-background-color-hover); /* Used for the background of a neutral action in the focus state. */
598
- --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-900); /* Used for the foreground of outlined and borderless neutral actions. */
598
+ --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-900); /* Used for the foreground of a neutral action in the default state. */
599
599
  --gl-action-disabled-border-color: var(--gl-color-neutral-100); /* Used for the border of a disabled action. */
600
600
  --gl-action-disabled-background-color: var(--gl-color-neutral-50); /* Used for the background of a disabled action. */
601
601
  --gl-action-disabled-foreground-color: var(--gl-color-neutral-400); /* Used for the foreground of a disabled action. */
package/src/tokens/build/css/tokens.dark.css CHANGED
@@ -595,7 +595,7 @@
595
595
  --gl-action-confirm-foreground-color-default: var(--gl-color-blue-400); /* Used for the foreground of a confirm (positive) action in the default state. */
596
596
  --gl-action-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral action in the default state. */
597
597
  --gl-action-neutral-background-color-focus: var(--gl-action-neutral-background-color-hover); /* Used for the background of a neutral action in the focus state. */
598
- --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of outlined and borderless neutral actions. */
598
+ --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a neutral action in the default state. */
599
599
  --gl-action-disabled-border-color: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
600
600
  --gl-action-disabled-background-color: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
601
601
  --gl-action-disabled-foreground-color: var(--gl-color-neutral-500); /* Used for the foreground of a disabled action. */
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -6,7 +6,7 @@
6
6
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278'; // Used for the foreground of a disabled action.
7
7
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d'; // Used for the background of a disabled action.
8
8
  export const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f'; // Used for the border of a disabled action.
9
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of outlined and borderless neutral actions.
9
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a neutral action in the default state.
10
10
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a neutral action in the hover state.
11
11
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a neutral action in the focus state.
12
12
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a neutral action in the active state.
package/src/tokens/build/js/tokens.js CHANGED
@@ -6,7 +6,7 @@
6
6
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled action.
7
7
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef'; // Used for the background of a disabled action.
8
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.
9
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d'; // Used for the foreground of a neutral action in the default state.
10
10
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d'; // Used for the foreground of a neutral action in the hover state.
11
11
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d'; // Used for the foreground of a neutral action in the focus state.
12
12
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d'; // Used for the foreground of a neutral action in the active state.
package/src/tokens/build/json/tokens.dark.json CHANGED
@@ -83,7 +83,7 @@
83
83
  "default": {
84
84
  "value": "#ececef",
85
85
  "$type": "color",
86
- "comment": "Used for the foreground of outlined and borderless neutral actions.",
86
+ "comment": "Used for the foreground of a neutral action in the default state.",
87
87
  "filePath": "src/tokens/action.tokens.json",
88
88
  "isSource": true,
89
89
  "original": {
@@ -92,7 +92,7 @@
92
92
  "dark": "{color.neutral.50}"
93
93
  },
94
94
  "$type": "color",
95
- "comment": "Used for the foreground of outlined and borderless neutral actions."
95
+ "comment": "Used for the foreground of a neutral action in the default state."
96
96
  },
97
97
  "name": "ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT",
98
98
  "attributes": {},
package/src/tokens/build/json/tokens.json CHANGED
@@ -83,7 +83,7 @@
83
83
  "default": {
84
84
  "value": "#28272d",
85
85
  "$type": "color",
86
- "comment": "Used for the foreground of outlined and borderless neutral actions.",
86
+ "comment": "Used for the foreground of a neutral action in the default state.",
87
87
  "filePath": "src/tokens/action.tokens.json",
88
88
  "isSource": true,
89
89
  "original": {
@@ -92,7 +92,7 @@
92
92
  "dark": "{color.neutral.50}"
93
93
  },
94
94
  "$type": "color",
95
- "comment": "Used for the foreground of outlined and borderless neutral actions."
95
+ "comment": "Used for the foreground of a neutral action in the default state."
96
96
  },
97
97
  "name": "ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT",
98
98
  "attributes": {},
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -593,7 +593,7 @@ $gl-action-confirm-foreground-color-hover: $gl-color-blue-200; // Used for the f
593
593
  $gl-action-confirm-foreground-color-default: $gl-color-blue-400; // Used for the foreground of a confirm (positive) action in the default state.
594
594
  $gl-action-neutral-border-color-default: $gl-color-alpha-0; // Used for the border of a neutral action in the default state.
595
595
  $gl-action-neutral-background-color-focus: $gl-action-neutral-background-color-hover; // Used for the background of a neutral action in the focus state.
596
- $gl-action-neutral-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of outlined and borderless neutral actions.
596
+ $gl-action-neutral-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of a neutral action in the default state.
597
597
  $gl-action-disabled-border-color: $gl-color-neutral-800; // Used for the border of a disabled action.
598
598
  $gl-action-disabled-background-color: $gl-color-neutral-900; // Used for the background of a disabled action.
599
599
  $gl-action-disabled-foreground-color: $gl-color-neutral-500; // Used for the foreground of a disabled action.
package/src/tokens/build/scss/_tokens.scss CHANGED
@@ -593,7 +593,7 @@ $gl-action-confirm-foreground-color-hover: $gl-color-blue-700; // Used for the f
593
593
  $gl-action-confirm-foreground-color-default: $gl-color-blue-500; // Used for the foreground of a confirm (positive) action in the default state.
594
594
  $gl-action-neutral-border-color-default: $gl-color-alpha-0; // Used for the border of a neutral action in the default state.
595
595
  $gl-action-neutral-background-color-focus: $gl-action-neutral-background-color-hover; // Used for the background of a neutral action in the focus state.
596
- $gl-action-neutral-foreground-color-default: $gl-color-neutral-900; // Used for the foreground of outlined and borderless neutral actions.
596
+ $gl-action-neutral-foreground-color-default: $gl-color-neutral-900; // Used for the foreground of a neutral action in the default state.
597
597
  $gl-action-disabled-border-color: $gl-color-neutral-100; // Used for the border of a disabled action.
598
598
  $gl-action-disabled-background-color: $gl-color-neutral-50; // Used for the background of a disabled action.
599
599
  $gl-action-disabled-foreground-color: $gl-color-neutral-400; // Used for the foreground of a disabled action.