@gitlab/ui 123.6.1 → 123.7.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.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_suggestion.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_suggestion_list.js +2 -1
- package/dist/components/base/filtered_search/filtered_search_term.js +10 -1
- package/dist/components/base/filtered_search/filtered_search_token.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_token_segment.js +5 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/tokens/css/tokens.dark.css +29 -29
- package/dist/tokens/docs/tokens-tailwind-docs.dark.json +1047 -4206
- package/dist/tokens/docs/tokens-tailwind-docs.json +1047 -4206
- package/dist/tokens/figma/constants.tokens.json +212 -62
- package/dist/tokens/json/tokens.dark.json +516 -2082
- package/dist/tokens/json/tokens.json +516 -2082
- package/dist/tokens/scss/_tokens.dark.scss +29 -29
- package/package.json +1 -1
- package/src/components/base/filtered_search/filtered_search.vue +1 -1
- package/src/components/base/filtered_search/filtered_search_suggestion.vue +0 -2
- package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +2 -0
- package/src/components/base/filtered_search/filtered_search_term.vue +12 -1
- package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
- package/src/components/base/filtered_search/filtered_search_token_segment.vue +36 -15
- package/src/tokens/build/css/tokens.dark.css +29 -29
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +1047 -4206
- package/src/tokens/build/docs/tokens-tailwind-docs.json +1047 -4206
- package/src/tokens/build/figma/constants.tokens.json +212 -62
- package/src/tokens/build/json/tokens.dark.json +516 -2082
- package/src/tokens/build/json/tokens.json +516 -2082
- package/src/tokens/build/scss/_tokens.dark.scss +29 -29
- package/src/tokens/constant/border.tokens.json +4 -10
- package/src/tokens/constant/line_height.tokens.json +40 -10
- package/src/tokens/constant/shadow.tokens.json +44 -11
- package/src/tokens/constant/spacing_scale.tokens.json +124 -31
|
@@ -8,217 +8,310 @@
|
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
10
|
"px": {
|
|
11
|
-
"$value":
|
|
11
|
+
"$value": {
|
|
12
|
+
"value": 1,
|
|
13
|
+
"unit": "px"
|
|
14
|
+
},
|
|
12
15
|
"$type": "dimension",
|
|
13
16
|
"$extensions": {
|
|
14
17
|
"com.figma.scope": []
|
|
15
18
|
}
|
|
16
19
|
},
|
|
17
20
|
"1": {
|
|
18
|
-
"$value":
|
|
21
|
+
"$value": {
|
|
22
|
+
"value": 0.125,
|
|
23
|
+
"unit": "rem"
|
|
24
|
+
},
|
|
19
25
|
"$type": "dimension",
|
|
20
26
|
"$extensions": {
|
|
21
27
|
"com.figma.scope": []
|
|
22
28
|
}
|
|
23
29
|
},
|
|
24
30
|
"2": {
|
|
25
|
-
"$value":
|
|
31
|
+
"$value": {
|
|
32
|
+
"value": 0.25,
|
|
33
|
+
"unit": "rem"
|
|
34
|
+
},
|
|
26
35
|
"$type": "dimension",
|
|
27
36
|
"$extensions": {
|
|
28
37
|
"com.figma.scope": []
|
|
29
38
|
}
|
|
30
39
|
},
|
|
31
40
|
"2-5": {
|
|
32
|
-
"$value":
|
|
41
|
+
"$value": {
|
|
42
|
+
"value": 0.375,
|
|
43
|
+
"unit": "rem"
|
|
44
|
+
},
|
|
33
45
|
"$type": "dimension",
|
|
34
46
|
"$extensions": {
|
|
35
47
|
"com.figma.scope": []
|
|
36
48
|
}
|
|
37
49
|
},
|
|
38
50
|
"3": {
|
|
39
|
-
"$value":
|
|
51
|
+
"$value": {
|
|
52
|
+
"value": 0.5,
|
|
53
|
+
"unit": "rem"
|
|
54
|
+
},
|
|
40
55
|
"$type": "dimension",
|
|
41
56
|
"$extensions": {
|
|
42
57
|
"com.figma.scope": []
|
|
43
58
|
}
|
|
44
59
|
},
|
|
45
60
|
"4": {
|
|
46
|
-
"$value":
|
|
61
|
+
"$value": {
|
|
62
|
+
"value": 0.75,
|
|
63
|
+
"unit": "rem"
|
|
64
|
+
},
|
|
47
65
|
"$type": "dimension",
|
|
48
66
|
"$extensions": {
|
|
49
67
|
"com.figma.scope": []
|
|
50
68
|
}
|
|
51
69
|
},
|
|
52
70
|
"5": {
|
|
53
|
-
"$value":
|
|
71
|
+
"$value": {
|
|
72
|
+
"value": 1,
|
|
73
|
+
"unit": "rem"
|
|
74
|
+
},
|
|
54
75
|
"$type": "dimension",
|
|
55
76
|
"$extensions": {
|
|
56
77
|
"com.figma.scope": []
|
|
57
78
|
}
|
|
58
79
|
},
|
|
59
80
|
"6": {
|
|
60
|
-
"$value":
|
|
81
|
+
"$value": {
|
|
82
|
+
"value": 1.5,
|
|
83
|
+
"unit": "rem"
|
|
84
|
+
},
|
|
61
85
|
"$type": "dimension",
|
|
62
86
|
"$extensions": {
|
|
63
87
|
"com.figma.scope": []
|
|
64
88
|
}
|
|
65
89
|
},
|
|
66
90
|
"7": {
|
|
67
|
-
"$value":
|
|
91
|
+
"$value": {
|
|
92
|
+
"value": 2,
|
|
93
|
+
"unit": "rem"
|
|
94
|
+
},
|
|
68
95
|
"$type": "dimension",
|
|
69
96
|
"$extensions": {
|
|
70
97
|
"com.figma.scope": []
|
|
71
98
|
}
|
|
72
99
|
},
|
|
73
100
|
"8": {
|
|
74
|
-
"$value":
|
|
101
|
+
"$value": {
|
|
102
|
+
"value": 2.5,
|
|
103
|
+
"unit": "rem"
|
|
104
|
+
},
|
|
75
105
|
"$type": "dimension",
|
|
76
106
|
"$extensions": {
|
|
77
107
|
"com.figma.scope": []
|
|
78
108
|
}
|
|
79
109
|
},
|
|
80
110
|
"9": {
|
|
81
|
-
"$value":
|
|
111
|
+
"$value": {
|
|
112
|
+
"value": 3,
|
|
113
|
+
"unit": "rem"
|
|
114
|
+
},
|
|
82
115
|
"$type": "dimension",
|
|
83
116
|
"$extensions": {
|
|
84
117
|
"com.figma.scope": []
|
|
85
118
|
}
|
|
86
119
|
},
|
|
87
120
|
"10": {
|
|
88
|
-
"$value":
|
|
121
|
+
"$value": {
|
|
122
|
+
"value": 3.5,
|
|
123
|
+
"unit": "rem"
|
|
124
|
+
},
|
|
89
125
|
"$type": "dimension",
|
|
90
126
|
"$extensions": {
|
|
91
127
|
"com.figma.scope": []
|
|
92
128
|
}
|
|
93
129
|
},
|
|
94
130
|
"11": {
|
|
95
|
-
"$value":
|
|
131
|
+
"$value": {
|
|
132
|
+
"value": 4,
|
|
133
|
+
"unit": "rem"
|
|
134
|
+
},
|
|
96
135
|
"$type": "dimension",
|
|
97
136
|
"$extensions": {
|
|
98
137
|
"com.figma.scope": []
|
|
99
138
|
}
|
|
100
139
|
},
|
|
101
140
|
"11-5": {
|
|
102
|
-
"$value":
|
|
141
|
+
"$value": {
|
|
142
|
+
"value": 4.5,
|
|
143
|
+
"unit": "rem"
|
|
144
|
+
},
|
|
103
145
|
"$type": "dimension",
|
|
104
146
|
"$extensions": {
|
|
105
147
|
"com.figma.scope": []
|
|
106
148
|
}
|
|
107
149
|
},
|
|
108
150
|
"12": {
|
|
109
|
-
"$value":
|
|
151
|
+
"$value": {
|
|
152
|
+
"value": 5,
|
|
153
|
+
"unit": "rem"
|
|
154
|
+
},
|
|
110
155
|
"$type": "dimension",
|
|
111
156
|
"$extensions": {
|
|
112
157
|
"com.figma.scope": []
|
|
113
158
|
}
|
|
114
159
|
},
|
|
115
160
|
"13": {
|
|
116
|
-
"$value":
|
|
161
|
+
"$value": {
|
|
162
|
+
"value": 6,
|
|
163
|
+
"unit": "rem"
|
|
164
|
+
},
|
|
117
165
|
"$type": "dimension",
|
|
118
166
|
"$extensions": {
|
|
119
167
|
"com.figma.scope": []
|
|
120
168
|
}
|
|
121
169
|
},
|
|
122
170
|
"15": {
|
|
123
|
-
"$value":
|
|
171
|
+
"$value": {
|
|
172
|
+
"value": 7.5,
|
|
173
|
+
"unit": "rem"
|
|
174
|
+
},
|
|
124
175
|
"$type": "dimension",
|
|
125
176
|
"$extensions": {
|
|
126
177
|
"com.figma.scope": []
|
|
127
178
|
}
|
|
128
179
|
},
|
|
129
180
|
"18": {
|
|
130
|
-
"$value":
|
|
181
|
+
"$value": {
|
|
182
|
+
"value": 9,
|
|
183
|
+
"unit": "rem"
|
|
184
|
+
},
|
|
131
185
|
"$type": "dimension",
|
|
132
186
|
"$extensions": {
|
|
133
187
|
"com.figma.scope": []
|
|
134
188
|
}
|
|
135
189
|
},
|
|
136
190
|
"20": {
|
|
137
|
-
"$value":
|
|
191
|
+
"$value": {
|
|
192
|
+
"value": 10,
|
|
193
|
+
"unit": "rem"
|
|
194
|
+
},
|
|
138
195
|
"$type": "dimension",
|
|
139
196
|
"$extensions": {
|
|
140
197
|
"com.figma.scope": []
|
|
141
198
|
}
|
|
142
199
|
},
|
|
143
200
|
"26": {
|
|
144
|
-
"$value":
|
|
201
|
+
"$value": {
|
|
202
|
+
"value": 13,
|
|
203
|
+
"unit": "rem"
|
|
204
|
+
},
|
|
145
205
|
"$type": "dimension",
|
|
146
206
|
"$extensions": {
|
|
147
207
|
"com.figma.scope": []
|
|
148
208
|
}
|
|
149
209
|
},
|
|
150
210
|
"28": {
|
|
151
|
-
"$value":
|
|
211
|
+
"$value": {
|
|
212
|
+
"value": 14,
|
|
213
|
+
"unit": "rem"
|
|
214
|
+
},
|
|
152
215
|
"$type": "dimension",
|
|
153
216
|
"$extensions": {
|
|
154
217
|
"com.figma.scope": []
|
|
155
218
|
}
|
|
156
219
|
},
|
|
157
220
|
"30": {
|
|
158
|
-
"$value":
|
|
221
|
+
"$value": {
|
|
222
|
+
"value": 15,
|
|
223
|
+
"unit": "rem"
|
|
224
|
+
},
|
|
159
225
|
"$type": "dimension",
|
|
160
226
|
"$extensions": {
|
|
161
227
|
"com.figma.scope": []
|
|
162
228
|
}
|
|
163
229
|
},
|
|
164
230
|
"31": {
|
|
165
|
-
"$value":
|
|
231
|
+
"$value": {
|
|
232
|
+
"value": 15.5,
|
|
233
|
+
"unit": "rem"
|
|
234
|
+
},
|
|
166
235
|
"$type": "dimension",
|
|
167
236
|
"$extensions": {
|
|
168
237
|
"com.figma.scope": []
|
|
169
238
|
}
|
|
170
239
|
},
|
|
171
240
|
"33": {
|
|
172
|
-
"$value":
|
|
241
|
+
"$value": {
|
|
242
|
+
"value": 16.5,
|
|
243
|
+
"unit": "rem"
|
|
244
|
+
},
|
|
173
245
|
"$type": "dimension",
|
|
174
246
|
"$extensions": {
|
|
175
247
|
"com.figma.scope": []
|
|
176
248
|
}
|
|
177
249
|
},
|
|
178
250
|
"34": {
|
|
179
|
-
"$value":
|
|
251
|
+
"$value": {
|
|
252
|
+
"value": 17,
|
|
253
|
+
"unit": "rem"
|
|
254
|
+
},
|
|
180
255
|
"$type": "dimension",
|
|
181
256
|
"$extensions": {
|
|
182
257
|
"com.figma.scope": []
|
|
183
258
|
}
|
|
184
259
|
},
|
|
185
260
|
"37": {
|
|
186
|
-
"$value":
|
|
261
|
+
"$value": {
|
|
262
|
+
"value": 18.5,
|
|
263
|
+
"unit": "rem"
|
|
264
|
+
},
|
|
187
265
|
"$type": "dimension",
|
|
188
266
|
"$extensions": {
|
|
189
267
|
"com.figma.scope": []
|
|
190
268
|
}
|
|
191
269
|
},
|
|
192
270
|
"48": {
|
|
193
|
-
"$value":
|
|
271
|
+
"$value": {
|
|
272
|
+
"value": 24,
|
|
273
|
+
"unit": "rem"
|
|
274
|
+
},
|
|
194
275
|
"$type": "dimension",
|
|
195
276
|
"$extensions": {
|
|
196
277
|
"com.figma.scope": []
|
|
197
278
|
}
|
|
198
279
|
},
|
|
199
280
|
"62": {
|
|
200
|
-
"$value":
|
|
281
|
+
"$value": {
|
|
282
|
+
"value": 31,
|
|
283
|
+
"unit": "rem"
|
|
284
|
+
},
|
|
201
285
|
"$type": "dimension",
|
|
202
286
|
"$extensions": {
|
|
203
287
|
"com.figma.scope": []
|
|
204
288
|
}
|
|
205
289
|
},
|
|
206
290
|
"75": {
|
|
207
|
-
"$value":
|
|
291
|
+
"$value": {
|
|
292
|
+
"value": 37.5,
|
|
293
|
+
"unit": "rem"
|
|
294
|
+
},
|
|
208
295
|
"$type": "dimension",
|
|
209
296
|
"$extensions": {
|
|
210
297
|
"com.figma.scope": []
|
|
211
298
|
}
|
|
212
299
|
},
|
|
213
300
|
"80": {
|
|
214
|
-
"$value":
|
|
301
|
+
"$value": {
|
|
302
|
+
"value": 40,
|
|
303
|
+
"unit": "rem"
|
|
304
|
+
},
|
|
215
305
|
"$type": "dimension",
|
|
216
306
|
"$extensions": {
|
|
217
307
|
"com.figma.scope": []
|
|
218
308
|
}
|
|
219
309
|
},
|
|
220
310
|
"88": {
|
|
221
|
-
"$value":
|
|
311
|
+
"$value": {
|
|
312
|
+
"value": 44,
|
|
313
|
+
"unit": "rem"
|
|
314
|
+
},
|
|
222
315
|
"$type": "dimension",
|
|
223
316
|
"$extensions": {
|
|
224
317
|
"com.figma.scope": []
|