@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.
Files changed (66) hide show
  1. package/dist/components/base/icon/icon.js +1 -1
  2. package/dist/components/base/illustration/illustration.js +1 -1
  3. package/package.json +2 -2
  4. package/src/components/base/icon/icon.vue +1 -1
  5. package/src/components/base/illustration/illustration.vue +1 -1
  6. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +2788 -2788
  7. package/src/tokens/build/docs/tokens-tailwind-docs.json +2788 -2788
  8. package/src/tokens/build/figma/constants.tokens.json +326 -326
  9. package/src/tokens/build/figma/contextual.tokens.json +428 -428
  10. package/src/tokens/build/figma/deprecated.tokens.json +220 -220
  11. package/src/tokens/build/figma/semantic.tokens.json +191 -191
  12. package/src/tokens/build/json/tokens.dark.json +2330 -2330
  13. package/src/tokens/build/json/tokens.json +2330 -2330
  14. package/src/tokens/constant/border.tokens.json +10 -10
  15. package/src/tokens/constant/color.alpha.tokens.json +15 -15
  16. package/src/tokens/constant/color.tokens.json +211 -211
  17. package/src/tokens/constant/font.tokens.json +27 -27
  18. package/src/tokens/constant/line_height.tokens.json +10 -10
  19. package/src/tokens/constant/opacity.tokens.json +11 -11
  20. package/src/tokens/constant/shadow.tokens.json +3 -3
  21. package/src/tokens/constant/spacing_scale.tokens.json +32 -32
  22. package/src/tokens/constant/zindex.tokens.json +7 -7
  23. package/src/tokens/contextual/alert.tokens.json +20 -20
  24. package/src/tokens/contextual/avatar.tokens.json +14 -14
  25. package/src/tokens/contextual/badge.tokens.json +112 -112
  26. package/src/tokens/contextual/banner.tokens.json +3 -3
  27. package/src/tokens/contextual/breadcrumb.tokens.json +1 -1
  28. package/src/tokens/contextual/broadcast.tokens.json +41 -41
  29. package/src/tokens/contextual/button.tokens.json +122 -122
  30. package/src/tokens/contextual/card.tokens.json +1 -1
  31. package/src/tokens/contextual/chart.tokens.json +7 -7
  32. package/src/tokens/contextual/datepicker.tokens.json +2 -2
  33. package/src/tokens/contextual/drawer.tokens.json +1 -1
  34. package/src/tokens/contextual/dropdown.tokens.json +22 -22
  35. package/src/tokens/contextual/filtered-search.tokens.json +6 -6
  36. package/src/tokens/contextual/illustration.tokens.json +32 -32
  37. package/src/tokens/contextual/label.tokens.json +12 -12
  38. package/src/tokens/contextual/link.tokens.json +4 -4
  39. package/src/tokens/contextual/modal.tokens.json +1 -1
  40. package/src/tokens/contextual/progress-bar.tokens.json +5 -5
  41. package/src/tokens/contextual/skeleton-loader.tokens.json +2 -2
  42. package/src/tokens/contextual/spinner.tokens.json +4 -4
  43. package/src/tokens/contextual/table.tokens.json +2 -2
  44. package/src/tokens/contextual/tabs.tokens.json +1 -1
  45. package/src/tokens/contextual/toggle.tokens.json +9 -9
  46. package/src/tokens/contextual/token-selector.tokens.json +1 -1
  47. package/src/tokens/contextual/token.tokens.json +3 -3
  48. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +55 -55
  49. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +72 -72
  50. package/src/tokens/deprecated/deprecated.color.tokens.json +80 -80
  51. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +13 -13
  52. package/src/tokens/semantic/action.tokens.json +76 -76
  53. package/src/tokens/semantic/background.tokens.json +7 -7
  54. package/src/tokens/semantic/border.tokens.json +5 -5
  55. package/src/tokens/semantic/control.tokens.json +21 -21
  56. package/src/tokens/semantic/feedback.tokens.json +30 -30
  57. package/src/tokens/semantic/focus-ring.tokens.json +2 -2
  58. package/src/tokens/semantic/font.tokens.json +2 -2
  59. package/src/tokens/semantic/heading.tokens.json +2 -2
  60. package/src/tokens/semantic/highlight.tokens.json +4 -4
  61. package/src/tokens/semantic/icon.tokens.json +9 -9
  62. package/src/tokens/semantic/letter_spacing.tokens.json +1 -1
  63. package/src/tokens/semantic/line_height.tokens.json +1 -1
  64. package/src/tokens/semantic/shadow.tokens.json +1 -1
  65. package/src/tokens/semantic/status.tokens.json +18 -18
  66. package/src/tokens/semantic/text.tokens.json +12 -12
package/src/tokens/semantic/icon.tokens.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "$type": "color",
7
7
  "$description": "Used for the default icon color. Can be paired with default text.",
8
8
  "$extensions": {
9
- "com.figma.scope": [
9
+ "com.figma.scopes": [
10
10
  "SHAPE_FILL",
11
11
  "TEXT_FILL"
12
12
  ]
@@ -17,7 +17,7 @@
17
17
  "$type": "color",
18
18
  "$description": "Used for a static or decorational icon. Can be paired with subtle text.",
19
19
  "$extensions": {
20
- "com.figma.scope": [
20
+ "com.figma.scopes": [
21
21
  "SHAPE_FILL",
22
22
  "TEXT_FILL"
23
23
  ]
@@ -28,7 +28,7 @@
28
28
  "$type": "color",
29
29
  "$description": "Used for an icon with the highest contrast.",
30
30
  "$extensions": {
31
- "com.figma.scope": [
31
+ "com.figma.scopes": [
32
32
  "SHAPE_FILL",
33
33
  "TEXT_FILL"
34
34
  ]
@@ -39,7 +39,7 @@
39
39
  "$type": "color",
40
40
  "$description": "Used for an icon within a disabled section.",
41
41
  "$extensions": {
42
- "com.figma.scope": [
42
+ "com.figma.scopes": [
43
43
  "SHAPE_FILL",
44
44
  "TEXT_FILL"
45
45
  ]
@@ -50,7 +50,7 @@
50
50
  "$type": "color",
51
51
  "$description": "Used for an icon within a link.",
52
52
  "$extensions": {
53
- "com.figma.scope": [
53
+ "com.figma.scopes": [
54
54
  "SHAPE_FILL",
55
55
  "TEXT_FILL"
56
56
  ]
@@ -64,7 +64,7 @@
64
64
  "$type": "color",
65
65
  "$description": "Used for an icon associated with information or help.",
66
66
  "$extensions": {
67
- "com.figma.scope": [
67
+ "com.figma.scopes": [
68
68
  "SHAPE_FILL",
69
69
  "TEXT_FILL"
70
70
  ]
@@ -75,7 +75,7 @@
75
75
  "$type": "color",
76
76
  "$description": "Used for an icon associated with a warning.",
77
77
  "$extensions": {
78
- "com.figma.scope": [
78
+ "com.figma.scopes": [
79
79
  "SHAPE_FILL",
80
80
  "TEXT_FILL"
81
81
  ]
@@ -86,7 +86,7 @@
86
86
  "$type": "color",
87
87
  "$description": "Used for an icon associated with an error or danger.",
88
88
  "$extensions": {
89
- "com.figma.scope": [
89
+ "com.figma.scopes": [
90
90
  "SHAPE_FILL",
91
91
  "TEXT_FILL"
92
92
  ]
@@ -97,7 +97,7 @@
97
97
  "$type": "color",
98
98
  "$description": "Used for an icon associated with success or validity.",
99
99
  "$extensions": {
100
- "com.figma.scope": [
100
+ "com.figma.scopes": [
101
101
  "SHAPE_FILL",
102
102
  "TEXT_FILL"
103
103
  ]
package/src/tokens/semantic/letter_spacing.tokens.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "$value": "-0.01em",
5
5
  "$type": "dimension",
6
6
  "$extensions": {
7
- "com.figma.scope": [
7
+ "com.figma.scopes": [
8
8
  "LETTER_SPACING"
9
9
  ]
10
10
  }
package/src/tokens/semantic/line_height.tokens.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "$value": 1.25,
5
5
  "$type": "number",
6
6
  "$extensions": {
7
- "com.figma.scope": [
7
+ "com.figma.scopes": [
8
8
  "LINE_HEIGHT"
9
9
  ]
10
10
  }
package/src/tokens/semantic/shadow.tokens.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "$type": "color",
10
10
  "$description": "Used for the default shadow color.",
11
11
  "$extensions": {
12
- "com.figma.scope": [
12
+ "com.figma.scopes": [
13
13
  "EFFECT_COLOR"
14
14
  ]
15
15
  }
package/src/tokens/semantic/status.tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "$type": "color",
11
11
  "$description": "Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
12
12
  "$extensions": {
13
- "com.figma.scope": [
13
+ "com.figma.scopes": [
14
14
  "FRAME_FILL",
15
15
  "SHAPE_FILL"
16
16
  ]
@@ -26,7 +26,7 @@
26
26
  "$type": "color",
27
27
  "$description": "Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
28
28
  "$extensions": {
29
- "com.figma.scope": [
29
+ "com.figma.scopes": [
30
30
  "TEXT_FILL"
31
31
  ]
32
32
  }
@@ -41,7 +41,7 @@
41
41
  "$type": "color",
42
42
  "$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
43
43
  "$extensions": {
44
- "com.figma.scope": [
44
+ "com.figma.scopes": [
45
45
  "SHAPE_FILL",
46
46
  "TEXT_FILL"
47
47
  ]
@@ -59,7 +59,7 @@
59
59
  "$type": "color",
60
60
  "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
61
61
  "$extensions": {
62
- "com.figma.scope": [
62
+ "com.figma.scopes": [
63
63
  "FRAME_FILL",
64
64
  "SHAPE_FILL"
65
65
  ]
@@ -75,7 +75,7 @@
75
75
  "$type": "color",
76
76
  "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
77
77
  "$extensions": {
78
- "com.figma.scope": [
78
+ "com.figma.scopes": [
79
79
  "TEXT_FILL"
80
80
  ]
81
81
  }
@@ -90,7 +90,7 @@
90
90
  "$type": "color",
91
91
  "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
92
92
  "$extensions": {
93
- "com.figma.scope": [
93
+ "com.figma.scopes": [
94
94
  "SHAPE_FILL",
95
95
  "TEXT_FILL"
96
96
  ]
@@ -108,7 +108,7 @@
108
108
  "$type": "color",
109
109
  "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
110
110
  "$extensions": {
111
- "com.figma.scope": [
111
+ "com.figma.scopes": [
112
112
  "FRAME_FILL",
113
113
  "SHAPE_FILL"
114
114
  ]
@@ -124,7 +124,7 @@
124
124
  "$type": "color",
125
125
  "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
126
126
  "$extensions": {
127
- "com.figma.scope": [
127
+ "com.figma.scopes": [
128
128
  "TEXT_FILL"
129
129
  ]
130
130
  }
@@ -139,7 +139,7 @@
139
139
  "$type": "color",
140
140
  "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
141
141
  "$extensions": {
142
- "com.figma.scope": [
142
+ "com.figma.scopes": [
143
143
  "SHAPE_FILL",
144
144
  "TEXT_FILL"
145
145
  ]
@@ -157,7 +157,7 @@
157
157
  "$type": "color",
158
158
  "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
159
159
  "$extensions": {
160
- "com.figma.scope": [
160
+ "com.figma.scopes": [
161
161
  "FRAME_FILL",
162
162
  "SHAPE_FILL"
163
163
  ]
@@ -173,7 +173,7 @@
173
173
  "$type": "color",
174
174
  "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
175
175
  "$extensions": {
176
- "com.figma.scope": [
176
+ "com.figma.scopes": [
177
177
  "TEXT_FILL"
178
178
  ]
179
179
  }
@@ -188,7 +188,7 @@
188
188
  "$type": "color",
189
189
  "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
190
190
  "$extensions": {
191
- "com.figma.scope": [
191
+ "com.figma.scopes": [
192
192
  "SHAPE_FILL",
193
193
  "TEXT_FILL"
194
194
  ]
@@ -206,7 +206,7 @@
206
206
  "$type": "color",
207
207
  "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
208
208
  "$extensions": {
209
- "com.figma.scope": [
209
+ "com.figma.scopes": [
210
210
  "FRAME_FILL",
211
211
  "SHAPE_FILL"
212
212
  ]
@@ -222,7 +222,7 @@
222
222
  "$type": "color",
223
223
  "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
224
224
  "$extensions": {
225
- "com.figma.scope": [
225
+ "com.figma.scopes": [
226
226
  "TEXT_FILL"
227
227
  ]
228
228
  }
@@ -237,7 +237,7 @@
237
237
  "$type": "color",
238
238
  "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
239
239
  "$extensions": {
240
- "com.figma.scope": [
240
+ "com.figma.scopes": [
241
241
  "SHAPE_FILL",
242
242
  "TEXT_FILL"
243
243
  ]
@@ -255,7 +255,7 @@
255
255
  "$type": "color",
256
256
  "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
257
257
  "$extensions": {
258
- "com.figma.scope": [
258
+ "com.figma.scopes": [
259
259
  "FRAME_FILL",
260
260
  "SHAPE_FILL"
261
261
  ]
@@ -271,7 +271,7 @@
271
271
  "$type": "color",
272
272
  "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
273
273
  "$extensions": {
274
- "com.figma.scope": [
274
+ "com.figma.scopes": [
275
275
  "TEXT_FILL"
276
276
  ]
277
277
  }
@@ -286,7 +286,7 @@
286
286
  "$type": "color",
287
287
  "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
288
288
  "$extensions": {
289
- "com.figma.scope": [
289
+ "com.figma.scopes": [
290
290
  "SHAPE_FILL",
291
291
  "TEXT_FILL"
292
292
  ]
package/src/tokens/semantic/text.tokens.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "$type": "color",
6
6
  "$description": "Use text.color.default instead.",
7
7
  "$extensions": {
8
- "com.figma.scope": [
8
+ "com.figma.scopes": [
9
9
  "TEXT_FILL"
10
10
  ]
11
11
  },
@@ -16,7 +16,7 @@
16
16
  "$type": "color",
17
17
  "$description": "Use text.color.subtle instead.",
18
18
  "$extensions": {
19
- "com.figma.scope": [
19
+ "com.figma.scopes": [
20
20
  "TEXT_FILL"
21
21
  ]
22
22
  },
@@ -27,7 +27,7 @@
27
27
  "$type": "color",
28
28
  "$description": "Use text.color.disabled instead.",
29
29
  "$extensions": {
30
- "com.figma.scope": [
30
+ "com.figma.scopes": [
31
31
  "TEXT_FILL"
32
32
  ]
33
33
  },
@@ -42,7 +42,7 @@
42
42
  "$type": "color",
43
43
  "$description": "Used for the default text color.",
44
44
  "$extensions": {
45
- "com.figma.scope": [
45
+ "com.figma.scopes": [
46
46
  "TEXT_FILL"
47
47
  ]
48
48
  }
@@ -55,7 +55,7 @@
55
55
  "$type": "color",
56
56
  "$description": "Used for supplemental text that doesn't need to be as prominent as other text.",
57
57
  "$extensions": {
58
- "com.figma.scope": [
58
+ "com.figma.scopes": [
59
59
  "TEXT_FILL"
60
60
  ]
61
61
  }
@@ -68,7 +68,7 @@
68
68
  "$type": "color",
69
69
  "$description": "Used for text with the highest contrast.",
70
70
  "$extensions": {
71
- "com.figma.scope": [
71
+ "com.figma.scopes": [
72
72
  "TEXT_FILL"
73
73
  ]
74
74
  }
@@ -81,7 +81,7 @@
81
81
  "$type": "color",
82
82
  "$description": "Used for headings level 1-6.",
83
83
  "$extensions": {
84
- "com.figma.scope": [
84
+ "com.figma.scopes": [
85
85
  "TEXT_FILL"
86
86
  ]
87
87
  }
@@ -94,7 +94,7 @@
94
94
  "$type": "color",
95
95
  "$description": "Used for default text links.",
96
96
  "$extensions": {
97
- "com.figma.scope": [
97
+ "com.figma.scopes": [
98
98
  "TEXT_FILL"
99
99
  ]
100
100
  }
@@ -107,7 +107,7 @@
107
107
  "$type": "color",
108
108
  "$description": "Used for text that requires caution or careful attention.",
109
109
  "$extensions": {
110
- "com.figma.scope": [
110
+ "com.figma.scopes": [
111
111
  "TEXT_FILL"
112
112
  ]
113
113
  }
@@ -120,7 +120,7 @@
120
120
  "$type": "color",
121
121
  "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
122
122
  "$extensions": {
123
- "com.figma.scope": [
123
+ "com.figma.scopes": [
124
124
  "TEXT_FILL"
125
125
  ]
126
126
  }
@@ -133,7 +133,7 @@
133
133
  "$type": "color",
134
134
  "$description": "Used for text indicating success, completion, approval, addition, or validity.",
135
135
  "$extensions": {
136
- "com.figma.scope": [
136
+ "com.figma.scopes": [
137
137
  "TEXT_FILL"
138
138
  ]
139
139
  }
@@ -146,7 +146,7 @@
146
146
  "$type": "color",
147
147
  "$description": "Used for disabled text.",
148
148
  "$extensions": {
149
- "com.figma.scope": [
149
+ "com.figma.scopes": [
150
150
  "TEXT_FILL"
151
151
  ]
152
152
  }