@gitlab/ui 126.3.2 → 126.3.3
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/icon/icon.js +1 -1
- package/dist/components/base/illustration/illustration.js +1 -1
- package/package.json +2 -2
- package/src/components/base/icon/icon.vue +1 -1
- package/src/components/base/illustration/illustration.vue +1 -1
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +2788 -2788
- package/src/tokens/build/docs/tokens-tailwind-docs.json +2788 -2788
- package/src/tokens/build/figma/constants.tokens.json +326 -326
- package/src/tokens/build/figma/contextual.tokens.json +428 -428
- package/src/tokens/build/figma/deprecated.tokens.json +220 -220
- package/src/tokens/build/figma/semantic.tokens.json +191 -191
- package/src/tokens/build/json/tokens.dark.json +2330 -2330
- package/src/tokens/build/json/tokens.json +2330 -2330
- package/src/tokens/constant/border.tokens.json +10 -10
- package/src/tokens/constant/color.alpha.tokens.json +15 -15
- package/src/tokens/constant/color.tokens.json +211 -211
- package/src/tokens/constant/font.tokens.json +27 -27
- package/src/tokens/constant/line_height.tokens.json +10 -10
- package/src/tokens/constant/opacity.tokens.json +11 -11
- package/src/tokens/constant/shadow.tokens.json +3 -3
- package/src/tokens/constant/spacing_scale.tokens.json +32 -32
- package/src/tokens/constant/zindex.tokens.json +7 -7
- package/src/tokens/contextual/alert.tokens.json +20 -20
- package/src/tokens/contextual/avatar.tokens.json +14 -14
- package/src/tokens/contextual/badge.tokens.json +112 -112
- package/src/tokens/contextual/banner.tokens.json +3 -3
- package/src/tokens/contextual/breadcrumb.tokens.json +1 -1
- package/src/tokens/contextual/broadcast.tokens.json +41 -41
- package/src/tokens/contextual/button.tokens.json +122 -122
- package/src/tokens/contextual/card.tokens.json +1 -1
- package/src/tokens/contextual/chart.tokens.json +7 -7
- package/src/tokens/contextual/datepicker.tokens.json +2 -2
- package/src/tokens/contextual/drawer.tokens.json +1 -1
- package/src/tokens/contextual/dropdown.tokens.json +22 -22
- package/src/tokens/contextual/filtered-search.tokens.json +6 -6
- package/src/tokens/contextual/illustration.tokens.json +32 -32
- package/src/tokens/contextual/label.tokens.json +12 -12
- package/src/tokens/contextual/link.tokens.json +4 -4
- package/src/tokens/contextual/modal.tokens.json +1 -1
- package/src/tokens/contextual/progress-bar.tokens.json +5 -5
- package/src/tokens/contextual/skeleton-loader.tokens.json +2 -2
- package/src/tokens/contextual/spinner.tokens.json +4 -4
- package/src/tokens/contextual/table.tokens.json +2 -2
- package/src/tokens/contextual/tabs.tokens.json +1 -1
- package/src/tokens/contextual/toggle.tokens.json +9 -9
- package/src/tokens/contextual/token-selector.tokens.json +1 -1
- package/src/tokens/contextual/token.tokens.json +3 -3
- package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +55 -55
- package/src/tokens/deprecated/deprecated.color.theme.tokens.json +72 -72
- package/src/tokens/deprecated/deprecated.color.tokens.json +80 -80
- package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +13 -13
- package/src/tokens/semantic/action.tokens.json +76 -76
- package/src/tokens/semantic/background.tokens.json +7 -7
- package/src/tokens/semantic/border.tokens.json +5 -5
- package/src/tokens/semantic/control.tokens.json +21 -21
- package/src/tokens/semantic/feedback.tokens.json +30 -30
- package/src/tokens/semantic/focus-ring.tokens.json +2 -2
- package/src/tokens/semantic/font.tokens.json +2 -2
- package/src/tokens/semantic/heading.tokens.json +2 -2
- package/src/tokens/semantic/highlight.tokens.json +4 -4
- package/src/tokens/semantic/icon.tokens.json +9 -9
- package/src/tokens/semantic/letter_spacing.tokens.json +1 -1
- package/src/tokens/semantic/line_height.tokens.json +1 -1
- package/src/tokens/semantic/shadow.tokens.json +1 -1
- package/src/tokens/semantic/status.tokens.json +18 -18
- package/src/tokens/semantic/text.tokens.json +12 -12
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
],
|
|
21
21
|
"$type": "fontFamily",
|
|
22
22
|
"$extensions": {
|
|
23
|
-
"com.figma.
|
|
23
|
+
"com.figma.scopes": [
|
|
24
24
|
"FONT_FAMILY"
|
|
25
25
|
]
|
|
26
26
|
}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
],
|
|
42
42
|
"$type": "fontFamily",
|
|
43
43
|
"$extensions": {
|
|
44
|
-
"com.figma.
|
|
44
|
+
"com.figma.scopes": [
|
|
45
45
|
"FONT_FAMILY"
|
|
46
46
|
]
|
|
47
47
|
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
},
|
|
56
56
|
"$type": "dimension",
|
|
57
57
|
"$extensions": {
|
|
58
|
-
"com.figma.
|
|
58
|
+
"com.figma.scopes": [
|
|
59
59
|
"FONT_SIZE"
|
|
60
60
|
]
|
|
61
61
|
}
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"$value": "{font.size.100}",
|
|
65
65
|
"$type": "dimension",
|
|
66
66
|
"$extensions": {
|
|
67
|
-
"com.figma.
|
|
67
|
+
"com.figma.scopes": [
|
|
68
68
|
"FONT_SIZE"
|
|
69
69
|
]
|
|
70
70
|
}
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"$value": "{font.size.300}",
|
|
74
74
|
"$type": "dimension",
|
|
75
75
|
"$extensions": {
|
|
76
|
-
"com.figma.
|
|
76
|
+
"com.figma.scopes": [
|
|
77
77
|
"FONT_SIZE"
|
|
78
78
|
]
|
|
79
79
|
}
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"$value": "{font.size.400}",
|
|
83
83
|
"$type": "dimension",
|
|
84
84
|
"$extensions": {
|
|
85
|
-
"com.figma.
|
|
85
|
+
"com.figma.scopes": [
|
|
86
86
|
"FONT_SIZE"
|
|
87
87
|
]
|
|
88
88
|
}
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"$type": "dimension",
|
|
96
96
|
"$description": "Used for meta text and small labels.",
|
|
97
97
|
"$extensions": {
|
|
98
|
-
"com.figma.
|
|
98
|
+
"com.figma.scopes": [
|
|
99
99
|
"FONT_SIZE"
|
|
100
100
|
]
|
|
101
101
|
}
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"$type": "dimension",
|
|
109
109
|
"$description": "Used for meta text and small labels.",
|
|
110
110
|
"$extensions": {
|
|
111
|
-
"com.figma.
|
|
111
|
+
"com.figma.scopes": [
|
|
112
112
|
"FONT_SIZE"
|
|
113
113
|
]
|
|
114
114
|
}
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
"$type": "dimension",
|
|
122
122
|
"$description": "Used for level 6 headings.",
|
|
123
123
|
"$extensions": {
|
|
124
|
-
"com.figma.
|
|
124
|
+
"com.figma.scopes": [
|
|
125
125
|
"FONT_SIZE"
|
|
126
126
|
]
|
|
127
127
|
}
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
"$type": "dimension",
|
|
135
135
|
"$description": "Used for level 6 headings.",
|
|
136
136
|
"$extensions": {
|
|
137
|
-
"com.figma.
|
|
137
|
+
"com.figma.scopes": [
|
|
138
138
|
"FONT_SIZE"
|
|
139
139
|
]
|
|
140
140
|
}
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
"$type": "dimension",
|
|
148
148
|
"$description": "Used for level 5 headings, body text, input labels, and help text.",
|
|
149
149
|
"$extensions": {
|
|
150
|
-
"com.figma.
|
|
150
|
+
"com.figma.scopes": [
|
|
151
151
|
"FONT_SIZE"
|
|
152
152
|
]
|
|
153
153
|
}
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"$type": "dimension",
|
|
161
161
|
"$description": "Used for level 5 headings, body text, input labels, and help text.",
|
|
162
162
|
"$extensions": {
|
|
163
|
-
"com.figma.
|
|
163
|
+
"com.figma.scopes": [
|
|
164
164
|
"FONT_SIZE"
|
|
165
165
|
]
|
|
166
166
|
}
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
"$type": "dimension",
|
|
174
174
|
"$description": "Used for level 4 headings, large body text.",
|
|
175
175
|
"$extensions": {
|
|
176
|
-
"com.figma.
|
|
176
|
+
"com.figma.scopes": [
|
|
177
177
|
"FONT_SIZE"
|
|
178
178
|
]
|
|
179
179
|
}
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
"$type": "dimension",
|
|
187
187
|
"$description": "Used for level 4 headings, large body text.",
|
|
188
188
|
"$extensions": {
|
|
189
|
-
"com.figma.
|
|
189
|
+
"com.figma.scopes": [
|
|
190
190
|
"FONT_SIZE"
|
|
191
191
|
]
|
|
192
192
|
}
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
"$type": "dimension",
|
|
197
197
|
"$description": "Used for responsive level 3 headings.",
|
|
198
198
|
"$extensions": {
|
|
199
|
-
"com.figma.
|
|
199
|
+
"com.figma.scopes": [
|
|
200
200
|
"FONT_SIZE"
|
|
201
201
|
]
|
|
202
202
|
}
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
"$type": "dimension",
|
|
210
210
|
"$description": "Used for level 3 headings.",
|
|
211
211
|
"$extensions": {
|
|
212
|
-
"com.figma.
|
|
212
|
+
"com.figma.scopes": [
|
|
213
213
|
"FONT_SIZE"
|
|
214
214
|
]
|
|
215
215
|
}
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
"$type": "dimension",
|
|
220
220
|
"$description": "Used for responsive level 2 headings.",
|
|
221
221
|
"$extensions": {
|
|
222
|
-
"com.figma.
|
|
222
|
+
"com.figma.scopes": [
|
|
223
223
|
"FONT_SIZE"
|
|
224
224
|
]
|
|
225
225
|
}
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
"$type": "dimension",
|
|
233
233
|
"$description": "Used for level 2 headings.",
|
|
234
234
|
"$extensions": {
|
|
235
|
-
"com.figma.
|
|
235
|
+
"com.figma.scopes": [
|
|
236
236
|
"FONT_SIZE"
|
|
237
237
|
]
|
|
238
238
|
}
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
"$type": "dimension",
|
|
243
243
|
"$description": "Used for responsive level 1 headings",
|
|
244
244
|
"$extensions": {
|
|
245
|
-
"com.figma.
|
|
245
|
+
"com.figma.scopes": [
|
|
246
246
|
"FONT_SIZE"
|
|
247
247
|
]
|
|
248
248
|
}
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
"$type": "dimension",
|
|
256
256
|
"$description": "Used for level 1 headings",
|
|
257
257
|
"$extensions": {
|
|
258
|
-
"com.figma.
|
|
258
|
+
"com.figma.scopes": [
|
|
259
259
|
"FONT_SIZE"
|
|
260
260
|
]
|
|
261
261
|
}
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
"$type": "dimension",
|
|
266
266
|
"$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.",
|
|
267
267
|
"$extensions": {
|
|
268
|
-
"com.figma.
|
|
268
|
+
"com.figma.scopes": [
|
|
269
269
|
"FONT_SIZE"
|
|
270
270
|
]
|
|
271
271
|
}
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
"$type": "dimension",
|
|
279
279
|
"$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.",
|
|
280
280
|
"$extensions": {
|
|
281
|
-
"com.figma.
|
|
281
|
+
"com.figma.scopes": [
|
|
282
282
|
"FONT_SIZE"
|
|
283
283
|
]
|
|
284
284
|
}
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
"$value": "100",
|
|
290
290
|
"$type": "fontWeight",
|
|
291
291
|
"$extensions": {
|
|
292
|
-
"com.figma.
|
|
292
|
+
"com.figma.scopes": [
|
|
293
293
|
"FONT_WEIGHT"
|
|
294
294
|
]
|
|
295
295
|
}
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
"$value": "300",
|
|
299
299
|
"$type": "fontWeight",
|
|
300
300
|
"$extensions": {
|
|
301
|
-
"com.figma.
|
|
301
|
+
"com.figma.scopes": [
|
|
302
302
|
"FONT_WEIGHT"
|
|
303
303
|
]
|
|
304
304
|
}
|
|
@@ -307,7 +307,7 @@
|
|
|
307
307
|
"$value": "400",
|
|
308
308
|
"$type": "fontWeight",
|
|
309
309
|
"$extensions": {
|
|
310
|
-
"com.figma.
|
|
310
|
+
"com.figma.scopes": [
|
|
311
311
|
"FONT_WEIGHT"
|
|
312
312
|
]
|
|
313
313
|
}
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
"$value": "500",
|
|
317
317
|
"$type": "fontWeight",
|
|
318
318
|
"$extensions": {
|
|
319
|
-
"com.figma.
|
|
319
|
+
"com.figma.scopes": [
|
|
320
320
|
"FONT_WEIGHT"
|
|
321
321
|
]
|
|
322
322
|
}
|
|
@@ -325,7 +325,7 @@
|
|
|
325
325
|
"$value": "600",
|
|
326
326
|
"$type": "fontWeight",
|
|
327
327
|
"$extensions": {
|
|
328
|
-
"com.figma.
|
|
328
|
+
"com.figma.scopes": [
|
|
329
329
|
"FONT_WEIGHT"
|
|
330
330
|
]
|
|
331
331
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
},
|
|
8
8
|
"$type": "dimension",
|
|
9
9
|
"$extensions": {
|
|
10
|
-
"com.figma.
|
|
10
|
+
"com.figma.scopes": [
|
|
11
11
|
"LINE_HEIGHT"
|
|
12
12
|
]
|
|
13
13
|
}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
},
|
|
20
20
|
"$type": "dimension",
|
|
21
21
|
"$extensions": {
|
|
22
|
-
"com.figma.
|
|
22
|
+
"com.figma.scopes": [
|
|
23
23
|
"LINE_HEIGHT"
|
|
24
24
|
]
|
|
25
25
|
}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"$type": "dimension",
|
|
33
33
|
"$extensions": {
|
|
34
|
-
"com.figma.
|
|
34
|
+
"com.figma.scopes": [
|
|
35
35
|
"LINE_HEIGHT"
|
|
36
36
|
]
|
|
37
37
|
}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"$type": "dimension",
|
|
45
45
|
"$extensions": {
|
|
46
|
-
"com.figma.
|
|
46
|
+
"com.figma.scopes": [
|
|
47
47
|
"LINE_HEIGHT"
|
|
48
48
|
]
|
|
49
49
|
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
},
|
|
56
56
|
"$type": "dimension",
|
|
57
57
|
"$extensions": {
|
|
58
|
-
"com.figma.
|
|
58
|
+
"com.figma.scopes": [
|
|
59
59
|
"LINE_HEIGHT"
|
|
60
60
|
]
|
|
61
61
|
}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
},
|
|
68
68
|
"$type": "dimension",
|
|
69
69
|
"$extensions": {
|
|
70
|
-
"com.figma.
|
|
70
|
+
"com.figma.scopes": [
|
|
71
71
|
"LINE_HEIGHT"
|
|
72
72
|
]
|
|
73
73
|
}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
},
|
|
80
80
|
"$type": "dimension",
|
|
81
81
|
"$extensions": {
|
|
82
|
-
"com.figma.
|
|
82
|
+
"com.figma.scopes": [
|
|
83
83
|
"LINE_HEIGHT"
|
|
84
84
|
]
|
|
85
85
|
}
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
},
|
|
92
92
|
"$type": "dimension",
|
|
93
93
|
"$extensions": {
|
|
94
|
-
"com.figma.
|
|
94
|
+
"com.figma.scopes": [
|
|
95
95
|
"LINE_HEIGHT"
|
|
96
96
|
]
|
|
97
97
|
}
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
},
|
|
104
104
|
"$type": "dimension",
|
|
105
105
|
"$extensions": {
|
|
106
|
-
"com.figma.
|
|
106
|
+
"com.figma.scopes": [
|
|
107
107
|
"LINE_HEIGHT"
|
|
108
108
|
]
|
|
109
109
|
}
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
},
|
|
116
116
|
"$type": "dimension",
|
|
117
117
|
"$extensions": {
|
|
118
|
-
"com.figma.
|
|
118
|
+
"com.figma.scopes": [
|
|
119
119
|
"LINE_HEIGHT"
|
|
120
120
|
]
|
|
121
121
|
}
|
|
@@ -4,77 +4,77 @@
|
|
|
4
4
|
"$value": "0",
|
|
5
5
|
"$type": "number",
|
|
6
6
|
"$extensions": {
|
|
7
|
-
"com.figma.
|
|
7
|
+
"com.figma.scopes": []
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
10
|
"1": {
|
|
11
11
|
"$value": ".1",
|
|
12
12
|
"$type": "number",
|
|
13
13
|
"$extensions": {
|
|
14
|
-
"com.figma.
|
|
14
|
+
"com.figma.scopes": []
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"2": {
|
|
18
18
|
"$value": ".2",
|
|
19
19
|
"$type": "number",
|
|
20
20
|
"$extensions": {
|
|
21
|
-
"com.figma.
|
|
21
|
+
"com.figma.scopes": []
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
"3": {
|
|
25
25
|
"$value": ".3",
|
|
26
26
|
"$type": "number",
|
|
27
27
|
"$extensions": {
|
|
28
|
-
"com.figma.
|
|
28
|
+
"com.figma.scopes": []
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"4": {
|
|
32
32
|
"$value": ".4",
|
|
33
33
|
"$type": "number",
|
|
34
34
|
"$extensions": {
|
|
35
|
-
"com.figma.
|
|
35
|
+
"com.figma.scopes": []
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"5": {
|
|
39
39
|
"$value": ".5",
|
|
40
40
|
"$type": "number",
|
|
41
41
|
"$extensions": {
|
|
42
|
-
"com.figma.
|
|
42
|
+
"com.figma.scopes": []
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
45
|
"6": {
|
|
46
46
|
"$value": ".6",
|
|
47
47
|
"$type": "number",
|
|
48
48
|
"$extensions": {
|
|
49
|
-
"com.figma.
|
|
49
|
+
"com.figma.scopes": []
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"7": {
|
|
53
53
|
"$value": ".7",
|
|
54
54
|
"$type": "number",
|
|
55
55
|
"$extensions": {
|
|
56
|
-
"com.figma.
|
|
56
|
+
"com.figma.scopes": []
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
59
|
"8": {
|
|
60
60
|
"$value": ".8",
|
|
61
61
|
"$type": "number",
|
|
62
62
|
"$extensions": {
|
|
63
|
-
"com.figma.
|
|
63
|
+
"com.figma.scopes": []
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
66
|
"9": {
|
|
67
67
|
"$value": ".9",
|
|
68
68
|
"$type": "number",
|
|
69
69
|
"$extensions": {
|
|
70
|
-
"com.figma.
|
|
70
|
+
"com.figma.scopes": []
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
73
|
"10": {
|
|
74
74
|
"$value": "1",
|
|
75
75
|
"$type": "number",
|
|
76
76
|
"$extensions": {
|
|
77
|
-
"com.figma.
|
|
77
|
+
"com.figma.scopes": []
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"$type": "shadow",
|
|
30
30
|
"$description": "Used for surfaces that need to indicate users can manually interact with them. For example, cards in issue board.",
|
|
31
31
|
"$extensions": {
|
|
32
|
-
"com.figma.
|
|
32
|
+
"com.figma.scopes": []
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"md": {
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"$type": "shadow",
|
|
72
72
|
"$description": "Used for surfaces that need boundary definition and appear on hover. For example, popovers.",
|
|
73
73
|
"$extensions": {
|
|
74
|
-
"com.figma.
|
|
74
|
+
"com.figma.scopes": []
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
77
|
"lg": {
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"$type": "shadow",
|
|
114
114
|
"$description": "Used for large surfaces that present additional context to the user.",
|
|
115
115
|
"$extensions": {
|
|
116
|
-
"com.figma.
|
|
116
|
+
"com.figma.scopes": []
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
}
|