@gitlab/ui 126.0.2 → 126.1.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.
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +9 -2
- package/dist/tokens/build/js/tokens.js +9 -2
- package/package.json +1 -1
- package/src/components/base/drawer/drawer.scss +3 -0
- package/src/tokens/build/css/tokens.css +9 -2
- package/src/tokens/build/css/tokens.dark.css +9 -2
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +201 -1
- package/src/tokens/build/docs/tokens-tailwind-docs.json +201 -1
- package/src/tokens/build/figma/contextual.tokens.json +18 -1
- package/src/tokens/build/figma/semantic.tokens.json +91 -4
- package/src/tokens/build/js/tokens.dark.js +8 -1
- package/src/tokens/build/js/tokens.js +8 -1
- package/src/tokens/build/json/tokens.dark.json +242 -3
- package/src/tokens/build/json/tokens.json +242 -3
- package/src/tokens/build/scss/_tokens.dark.scss +9 -2
- package/src/tokens/build/scss/_tokens.scss +9 -2
- package/src/tokens/build/scss/_tokens_custom_properties.scss +7 -0
- package/src/tokens/build/tailwind/tokens.cjs +9 -0
- package/src/tokens/contextual/drawer.tokens.json +16 -0
- package/src/tokens/contextual/modal.tokens.json +1 -1
- package/src/tokens/semantic/control.tokens.json +1 -4
- package/src/tokens/semantic/feedback.tokens.json +90 -0
|
@@ -26,6 +26,21 @@
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
|
+
"border": {
|
|
30
|
+
"color": {
|
|
31
|
+
"$value": {
|
|
32
|
+
"default": "{color.neutral.1000}",
|
|
33
|
+
"dark": "{color.neutral.300}"
|
|
34
|
+
},
|
|
35
|
+
"$type": "color",
|
|
36
|
+
"$description": "Used for the border associated with strong feedback.",
|
|
37
|
+
"$extensions": {
|
|
38
|
+
"com.figma.scope": [
|
|
39
|
+
"STROKE_COLOR"
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
29
44
|
"text": {
|
|
30
45
|
"color": {
|
|
31
46
|
"$value": "{color.neutral.0}",
|
|
@@ -81,6 +96,21 @@
|
|
|
81
96
|
}
|
|
82
97
|
}
|
|
83
98
|
},
|
|
99
|
+
"border": {
|
|
100
|
+
"color": {
|
|
101
|
+
"$value": {
|
|
102
|
+
"default": "{color.neutral.200}",
|
|
103
|
+
"dark": "{color.neutral.600}"
|
|
104
|
+
},
|
|
105
|
+
"$type": "color",
|
|
106
|
+
"$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
|
|
107
|
+
"$extensions": {
|
|
108
|
+
"com.figma.scope": [
|
|
109
|
+
"STROKE_COLOR"
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
},
|
|
84
114
|
"text": {
|
|
85
115
|
"color": {
|
|
86
116
|
"$value": {
|
|
@@ -130,6 +160,21 @@
|
|
|
130
160
|
}
|
|
131
161
|
}
|
|
132
162
|
},
|
|
163
|
+
"border": {
|
|
164
|
+
"color": {
|
|
165
|
+
"$value": {
|
|
166
|
+
"default": "{color.blue.200}",
|
|
167
|
+
"dark": "{color.blue.600}"
|
|
168
|
+
},
|
|
169
|
+
"$type": "color",
|
|
170
|
+
"$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
|
|
171
|
+
"$extensions": {
|
|
172
|
+
"com.figma.scope": [
|
|
173
|
+
"STROKE_COLOR"
|
|
174
|
+
]
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
},
|
|
133
178
|
"text": {
|
|
134
179
|
"color": {
|
|
135
180
|
"$value": {
|
|
@@ -179,6 +224,21 @@
|
|
|
179
224
|
}
|
|
180
225
|
}
|
|
181
226
|
},
|
|
227
|
+
"border": {
|
|
228
|
+
"color": {
|
|
229
|
+
"$value": {
|
|
230
|
+
"default": "{color.green.200}",
|
|
231
|
+
"dark": "{color.green.600}"
|
|
232
|
+
},
|
|
233
|
+
"$type": "color",
|
|
234
|
+
"$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
|
|
235
|
+
"$extensions": {
|
|
236
|
+
"com.figma.scope": [
|
|
237
|
+
"STROKE_COLOR"
|
|
238
|
+
]
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
},
|
|
182
242
|
"text": {
|
|
183
243
|
"color": {
|
|
184
244
|
"$value": {
|
|
@@ -228,6 +288,21 @@
|
|
|
228
288
|
}
|
|
229
289
|
}
|
|
230
290
|
},
|
|
291
|
+
"border": {
|
|
292
|
+
"color": {
|
|
293
|
+
"$value": {
|
|
294
|
+
"default": "{color.orange.200}",
|
|
295
|
+
"dark": "{color.orange.600}"
|
|
296
|
+
},
|
|
297
|
+
"$type": "color",
|
|
298
|
+
"$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
|
|
299
|
+
"$extensions": {
|
|
300
|
+
"com.figma.scope": [
|
|
301
|
+
"STROKE_COLOR"
|
|
302
|
+
]
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
},
|
|
231
306
|
"text": {
|
|
232
307
|
"color": {
|
|
233
308
|
"$value": {
|
|
@@ -277,6 +352,21 @@
|
|
|
277
352
|
}
|
|
278
353
|
}
|
|
279
354
|
},
|
|
355
|
+
"border": {
|
|
356
|
+
"color": {
|
|
357
|
+
"$value": {
|
|
358
|
+
"default": "{color.red.500}",
|
|
359
|
+
"dark": "{color.red.300}"
|
|
360
|
+
},
|
|
361
|
+
"$type": "color",
|
|
362
|
+
"$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
|
|
363
|
+
"$extensions": {
|
|
364
|
+
"com.figma.scope": [
|
|
365
|
+
"STROKE_COLOR"
|
|
366
|
+
]
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
},
|
|
280
370
|
"text": {
|
|
281
371
|
"color": {
|
|
282
372
|
"$value": {
|