@gitlab/ui 86.3.1 → 86.4.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 +8 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +13 -1
- package/dist/tokens/build/js/tokens.js +13 -1
- package/dist/tokens/css/tokens.css +12 -0
- package/dist/tokens/css/tokens.dark.css +12 -0
- package/dist/tokens/js/tokens.dark.js +12 -0
- package/dist/tokens/js/tokens.js +12 -0
- package/dist/tokens/json/tokens.dark.json +314 -0
- package/dist/tokens/json/tokens.json +314 -0
- package/dist/tokens/scss/_tokens.dark.scss +12 -0
- package/dist/tokens/scss/_tokens.scss +12 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +12 -0
- package/package.json +1 -1
- package/src/components/base/label/label.scss +18 -65
- package/src/tokens/build/css/tokens.css +12 -0
- package/src/tokens/build/css/tokens.dark.css +12 -0
- package/src/tokens/build/js/tokens.dark.js +12 -0
- package/src/tokens/build/js/tokens.js +12 -0
- package/src/tokens/build/json/tokens.dark.json +314 -0
- package/src/tokens/build/json/tokens.json +314 -0
- package/src/tokens/build/scss/_tokens.dark.scss +12 -0
- package/src/tokens/build/scss/_tokens.scss +12 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +12 -0
- package/src/tokens/contextual/label.tokens.json +118 -0
|
@@ -510,6 +510,18 @@ $gl-avatar-fallback-background-color-neutral: var(--gl-avatar-fallback-backgroun
|
|
|
510
510
|
$gl-banner-intro-border-color: var(--gl-banner-intro-border-color);
|
|
511
511
|
$gl-banner-promo-background-color: var(--gl-banner-promo-background-color);
|
|
512
512
|
$gl-breadcrumb-separator-color: var(--gl-breadcrumb-separator-color);
|
|
513
|
+
$gl-label-light-text-color: var(--gl-label-light-text-color);
|
|
514
|
+
$gl-label-light-button-background-color-default: var(--gl-label-light-button-background-color-default);
|
|
515
|
+
$gl-label-light-button-background-color-hover: var(--gl-label-light-button-background-color-hover);
|
|
516
|
+
$gl-label-light-button-icon-color-default: var(--gl-label-light-button-icon-color-default);
|
|
517
|
+
$gl-label-dark-text-color: var(--gl-label-dark-text-color);
|
|
518
|
+
$gl-label-dark-button-background-color-default: var(--gl-label-dark-button-background-color-default);
|
|
519
|
+
$gl-label-dark-button-background-color-hover: var(--gl-label-dark-button-background-color-hover);
|
|
520
|
+
$gl-label-dark-button-icon-color-default: var(--gl-label-dark-button-icon-color-default);
|
|
521
|
+
$gl-label-scoped-text-color: var(--gl-label-scoped-text-color);
|
|
522
|
+
$gl-label-scoped-button-background-color-hover: var(--gl-label-scoped-button-background-color-hover);
|
|
523
|
+
$gl-label-scoped-button-icon-color-default: var(--gl-label-scoped-button-icon-color-default);
|
|
524
|
+
$gl-label-scoped-button-icon-color-hover: var(--gl-label-scoped-button-icon-color-hover);
|
|
513
525
|
$gl-popover-background-color: var(--gl-popover-background-color);
|
|
514
526
|
$gl-skeleton-loader-background-color: var(--gl-skeleton-loader-background-color);
|
|
515
527
|
$gl-skeleton-loader-shimmer-color: var(--gl-skeleton-loader-shimmer-color);
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
{
|
|
2
|
+
"label": {
|
|
3
|
+
"light": {
|
|
4
|
+
"text": {
|
|
5
|
+
"color": {
|
|
6
|
+
"$value": "{color.neutral.950}",
|
|
7
|
+
"$type": "color",
|
|
8
|
+
"$description": "Used for the label text color on a light background color."
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"button": {
|
|
12
|
+
"background": {
|
|
13
|
+
"color": {
|
|
14
|
+
"default": {
|
|
15
|
+
"$value": "{color.alpha.0}",
|
|
16
|
+
"$type": "color",
|
|
17
|
+
"$description": "Used for the label remove button background on a light background color in the default state."
|
|
18
|
+
},
|
|
19
|
+
"hover": {
|
|
20
|
+
"$value": "{color.neutral.950}",
|
|
21
|
+
"$type": "color",
|
|
22
|
+
"$description": "Used for the label remove button background on a light background color in the hover state."
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"icon": {
|
|
27
|
+
"color": {
|
|
28
|
+
"default": {
|
|
29
|
+
"$value": "{color.neutral.950}",
|
|
30
|
+
"$type": "color",
|
|
31
|
+
"$description": "Used for the label remove button icon on a light background color in the default state."
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"dark": {
|
|
38
|
+
"text": {
|
|
39
|
+
"color": {
|
|
40
|
+
"$value": "{color.neutral.0}",
|
|
41
|
+
"$type": "color",
|
|
42
|
+
"$description": "Used for the label text color on a dark background color."
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"button": {
|
|
46
|
+
"background": {
|
|
47
|
+
"color": {
|
|
48
|
+
"default": {
|
|
49
|
+
"$value": "{color.alpha.0}",
|
|
50
|
+
"$type": "color",
|
|
51
|
+
"$description": "Used for the label remove button background on a dark background color in the default state."
|
|
52
|
+
},
|
|
53
|
+
"hover": {
|
|
54
|
+
"$value": "{color.neutral.0}",
|
|
55
|
+
"$type": "color",
|
|
56
|
+
"$description": "Used for the label remove button background on a dark background color in the hover state."
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"icon": {
|
|
61
|
+
"color": {
|
|
62
|
+
"default": {
|
|
63
|
+
"$value": "{color.neutral.0}",
|
|
64
|
+
"$type": "color",
|
|
65
|
+
"$description": "Used for the label remove button icon on a dark background color in the default state."
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"scoped": {
|
|
72
|
+
"text": {
|
|
73
|
+
"color": {
|
|
74
|
+
"$value": {
|
|
75
|
+
"default": "{color.neutral.950}",
|
|
76
|
+
"dark": "{color.neutral.0}"
|
|
77
|
+
},
|
|
78
|
+
"$type": "color",
|
|
79
|
+
"$description": "Used for the scoped label text color."
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
"button": {
|
|
83
|
+
"background": {
|
|
84
|
+
"color": {
|
|
85
|
+
"hover": {
|
|
86
|
+
"$value": {
|
|
87
|
+
"default": "{color.neutral.950}",
|
|
88
|
+
"dark": "{color.neutral.0}"
|
|
89
|
+
},
|
|
90
|
+
"$type": "color",
|
|
91
|
+
"$description": "Used for the scoped label remove button background in the hover state."
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
"icon": {
|
|
96
|
+
"color": {
|
|
97
|
+
"default": {
|
|
98
|
+
"$value": {
|
|
99
|
+
"default": "{color.neutral.950}",
|
|
100
|
+
"dark": "{color.neutral.0}"
|
|
101
|
+
},
|
|
102
|
+
"$type": "color",
|
|
103
|
+
"$description": "Used for the scoped label remove button icon in the default state."
|
|
104
|
+
},
|
|
105
|
+
"hover": {
|
|
106
|
+
"$value": {
|
|
107
|
+
"default": "{color.neutral.0}",
|
|
108
|
+
"dark": "{color.neutral.950}"
|
|
109
|
+
},
|
|
110
|
+
"$type": "color",
|
|
111
|
+
"$description": "Used for the scoped label remove button icon in the hover state."
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|