@gitlab/ui 136.2.0 → 136.3.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/dist/components/base/filtered_search/filtered_search_term.js +1 -1
- package/dist/components/base/form/form_date/form_date.js +9 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +2 -1
- package/dist/tokens/build/js/tokens.js +2 -1
- package/package.json +1 -1
- package/src/components/base/filtered_search/filtered_search_term.vue +0 -1
- package/src/components/base/form/form_date/form_date.vue +9 -0
- package/src/tokens/build/css/tokens.css +1 -0
- package/src/tokens/build/css/tokens.dark.css +1 -0
- package/src/tokens/build/figma/mode.dark.json +11 -0
- package/src/tokens/build/figma/mode.json +11 -0
- package/src/tokens/build/js/tokens.dark.js +1 -0
- package/src/tokens/build/js/tokens.js +1 -0
- package/src/tokens/build/json/tokens.dark.json +37 -0
- package/src/tokens/build/json/tokens.json +37 -0
- package/src/tokens/build/scss/_tokens.dark.scss +1 -0
- package/src/tokens/build/scss/_tokens.scss +1 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +1 -0
- package/src/tokens/contextual/application-chrome.tokens.json +20 -0
|
@@ -431,6 +431,7 @@ $gl-alert-warning-border-top-color: $gl-color-alpha-0; // Used for the border co
|
|
|
431
431
|
$gl-alert-warning-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a warning alert.
|
|
432
432
|
$gl-alert-danger-border-top-color: $gl-color-alpha-0; // Used for the border color of a danger alert.
|
|
433
433
|
$gl-alert-danger-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a danger alert.
|
|
434
|
+
$gl-application-chrome-background-color: $gl-color-neutral-50; // Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.
|
|
434
435
|
$gl-avatar-border-color-default: $gl-color-alpha-dark-8; // Used to define the edge of an avatar.
|
|
435
436
|
$gl-avatar-border-color-hover: $gl-color-alpha-dark-24; // Used to increase the edge definition of an avatar in the hover state.
|
|
436
437
|
$gl-avatar-circle-border-radius-default: $gl-border-radius-full; // Border radius for cirlce avatars at all sizes.
|
|
@@ -289,6 +289,7 @@ $gl-alert-danger-title-color: var(--gl-alert-danger-title-color);
|
|
|
289
289
|
$gl-alert-danger-background-color: var(--gl-alert-danger-background-color);
|
|
290
290
|
$gl-alert-danger-border-top-color: var(--gl-alert-danger-border-top-color);
|
|
291
291
|
$gl-alert-danger-border-bottom-color: var(--gl-alert-danger-border-bottom-color);
|
|
292
|
+
$gl-application-chrome-background-color: var(--gl-application-chrome-background-color);
|
|
292
293
|
$gl-avatar-border-color-default: var(--gl-avatar-border-color-default);
|
|
293
294
|
$gl-avatar-border-color-hover: var(--gl-avatar-border-color-hover);
|
|
294
295
|
$gl-avatar-circle-border-radius-default: var(--gl-avatar-circle-border-radius-default);
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"application-chrome": {
|
|
3
|
+
"background": {
|
|
4
|
+
"color": {
|
|
5
|
+
"$value": {
|
|
6
|
+
"default": "{color.neutral.50}",
|
|
7
|
+
"dark": "{color.neutral.1000}"
|
|
8
|
+
},
|
|
9
|
+
"$type": "color",
|
|
10
|
+
"$description": "Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.",
|
|
11
|
+
"$extensions": {
|
|
12
|
+
"com.figma.scopes": [
|
|
13
|
+
"FRAME_FILL",
|
|
14
|
+
"SHAPE_FILL"
|
|
15
|
+
]
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|