@gitlab/ui 126.3.1 → 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 (85) hide show
  1. package/dist/components/base/badge/badge.js +4 -1
  2. package/dist/components/base/button/button.js +4 -1
  3. package/dist/components/base/filtered_search/filtered_search.js +4 -2
  4. package/dist/components/base/icon/icon.js +5 -3
  5. package/dist/components/base/illustration/illustration.js +5 -3
  6. package/dist/components/base/modal/modal.js +4 -1
  7. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +8 -4
  8. package/dist/components/base/new_dropdowns/listbox/listbox.js +4 -3
  9. package/dist/components/base/table/table.js +4 -1
  10. package/dist/components/base/tabs/tab/tab.js +5 -3
  11. package/dist/utils/utils.js +14 -7
  12. package/package.json +4 -4
  13. package/src/components/base/badge/badge.vue +2 -2
  14. package/src/components/base/button/button.vue +4 -4
  15. package/src/components/base/dropdown/dropdown.vue +2 -2
  16. package/src/components/base/filtered_search/filtered_search.vue +3 -2
  17. package/src/components/base/icon/icon.vue +3 -3
  18. package/src/components/base/illustration/illustration.vue +5 -3
  19. package/src/components/base/modal/modal.vue +8 -8
  20. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +7 -4
  21. package/src/components/base/new_dropdowns/listbox/listbox.vue +3 -3
  22. package/src/components/base/table/table.vue +1 -1
  23. package/src/components/base/tabs/tab/tab.vue +5 -4
  24. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +2788 -2788
  25. package/src/tokens/build/docs/tokens-tailwind-docs.json +2788 -2788
  26. package/src/tokens/build/figma/constants.tokens.json +326 -326
  27. package/src/tokens/build/figma/contextual.tokens.json +428 -428
  28. package/src/tokens/build/figma/deprecated.tokens.json +220 -220
  29. package/src/tokens/build/figma/semantic.tokens.json +191 -191
  30. package/src/tokens/build/json/tokens.dark.json +2330 -2330
  31. package/src/tokens/build/json/tokens.json +2330 -2330
  32. package/src/tokens/constant/border.tokens.json +10 -10
  33. package/src/tokens/constant/color.alpha.tokens.json +15 -15
  34. package/src/tokens/constant/color.tokens.json +211 -211
  35. package/src/tokens/constant/font.tokens.json +27 -27
  36. package/src/tokens/constant/line_height.tokens.json +10 -10
  37. package/src/tokens/constant/opacity.tokens.json +11 -11
  38. package/src/tokens/constant/shadow.tokens.json +3 -3
  39. package/src/tokens/constant/spacing_scale.tokens.json +32 -32
  40. package/src/tokens/constant/zindex.tokens.json +7 -7
  41. package/src/tokens/contextual/alert.tokens.json +20 -20
  42. package/src/tokens/contextual/avatar.tokens.json +14 -14
  43. package/src/tokens/contextual/badge.tokens.json +112 -112
  44. package/src/tokens/contextual/banner.tokens.json +3 -3
  45. package/src/tokens/contextual/breadcrumb.tokens.json +1 -1
  46. package/src/tokens/contextual/broadcast.tokens.json +41 -41
  47. package/src/tokens/contextual/button.tokens.json +122 -122
  48. package/src/tokens/contextual/card.tokens.json +1 -1
  49. package/src/tokens/contextual/chart.tokens.json +7 -7
  50. package/src/tokens/contextual/datepicker.tokens.json +2 -2
  51. package/src/tokens/contextual/drawer.tokens.json +1 -1
  52. package/src/tokens/contextual/dropdown.tokens.json +22 -22
  53. package/src/tokens/contextual/filtered-search.tokens.json +6 -6
  54. package/src/tokens/contextual/illustration.tokens.json +32 -32
  55. package/src/tokens/contextual/label.tokens.json +12 -12
  56. package/src/tokens/contextual/link.tokens.json +4 -4
  57. package/src/tokens/contextual/modal.tokens.json +1 -1
  58. package/src/tokens/contextual/progress-bar.tokens.json +5 -5
  59. package/src/tokens/contextual/skeleton-loader.tokens.json +2 -2
  60. package/src/tokens/contextual/spinner.tokens.json +4 -4
  61. package/src/tokens/contextual/table.tokens.json +2 -2
  62. package/src/tokens/contextual/tabs.tokens.json +1 -1
  63. package/src/tokens/contextual/toggle.tokens.json +9 -9
  64. package/src/tokens/contextual/token-selector.tokens.json +1 -1
  65. package/src/tokens/contextual/token.tokens.json +3 -3
  66. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +55 -55
  67. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +72 -72
  68. package/src/tokens/deprecated/deprecated.color.tokens.json +80 -80
  69. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +13 -13
  70. package/src/tokens/semantic/action.tokens.json +76 -76
  71. package/src/tokens/semantic/background.tokens.json +7 -7
  72. package/src/tokens/semantic/border.tokens.json +5 -5
  73. package/src/tokens/semantic/control.tokens.json +21 -21
  74. package/src/tokens/semantic/feedback.tokens.json +30 -30
  75. package/src/tokens/semantic/focus-ring.tokens.json +2 -2
  76. package/src/tokens/semantic/font.tokens.json +2 -2
  77. package/src/tokens/semantic/heading.tokens.json +2 -2
  78. package/src/tokens/semantic/highlight.tokens.json +4 -4
  79. package/src/tokens/semantic/icon.tokens.json +9 -9
  80. package/src/tokens/semantic/letter_spacing.tokens.json +1 -1
  81. package/src/tokens/semantic/line_height.tokens.json +1 -1
  82. package/src/tokens/semantic/shadow.tokens.json +1 -1
  83. package/src/tokens/semantic/status.tokens.json +18 -18
  84. package/src/tokens/semantic/text.tokens.json +12 -12
  85. package/src/utils/utils.js +10 -5
package/src/tokens/contextual/label.tokens.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "$type": "color",
8
8
  "$description": "Used for the label text color on a light background color.",
9
9
  "$extensions": {
10
- "com.figma.scope": [
10
+ "com.figma.scopes": [
11
11
  "TEXT_FILL"
12
12
  ]
13
13
  }
@@ -21,7 +21,7 @@
21
21
  "$type": "color",
22
22
  "$description": "Used for the label remove button background on a light background color in the default state.",
23
23
  "$extensions": {
24
- "com.figma.scope": [
24
+ "com.figma.scopes": [
25
25
  "FRAME_FILL",
26
26
  "SHAPE_FILL"
27
27
  ]
@@ -32,7 +32,7 @@
32
32
  "$type": "color",
33
33
  "$description": "Used for the label remove button background on a light background color in the hover state.",
34
34
  "$extensions": {
35
- "com.figma.scope": [
35
+ "com.figma.scopes": [
36
36
  "FRAME_FILL",
37
37
  "SHAPE_FILL"
38
38
  ]
@@ -47,7 +47,7 @@
47
47
  "$type": "color",
48
48
  "$description": "Used for the label remove button icon on a light background color in the default state.",
49
49
  "$extensions": {
50
- "com.figma.scope": [
50
+ "com.figma.scopes": [
51
51
  "SHAPE_FILL",
52
52
  "TEXT_FILL"
53
53
  ]
@@ -64,7 +64,7 @@
64
64
  "$type": "color",
65
65
  "$description": "Used for the label text color on a dark background color.",
66
66
  "$extensions": {
67
- "com.figma.scope": [
67
+ "com.figma.scopes": [
68
68
  "TEXT_FILL"
69
69
  ]
70
70
  }
@@ -78,7 +78,7 @@
78
78
  "$type": "color",
79
79
  "$description": "Used for the label remove button background on a dark background color in the default state.",
80
80
  "$extensions": {
81
- "com.figma.scope": [
81
+ "com.figma.scopes": [
82
82
  "FRAME_FILL",
83
83
  "SHAPE_FILL"
84
84
  ]
@@ -89,7 +89,7 @@
89
89
  "$type": "color",
90
90
  "$description": "Used for the label remove button background on a dark background color in the hover state.",
91
91
  "$extensions": {
92
- "com.figma.scope": [
92
+ "com.figma.scopes": [
93
93
  "FRAME_FILL",
94
94
  "SHAPE_FILL"
95
95
  ]
@@ -104,7 +104,7 @@
104
104
  "$type": "color",
105
105
  "$description": "Used for the label remove button icon on a dark background color in the default state.",
106
106
  "$extensions": {
107
- "com.figma.scope": [
107
+ "com.figma.scopes": [
108
108
  "SHAPE_FILL",
109
109
  "TEXT_FILL"
110
110
  ]
@@ -124,7 +124,7 @@
124
124
  "$type": "color",
125
125
  "$description": "Used for the scoped label text color.",
126
126
  "$extensions": {
127
- "com.figma.scope": [
127
+ "com.figma.scopes": [
128
128
  "TEXT_FILL"
129
129
  ]
130
130
  }
@@ -141,7 +141,7 @@
141
141
  "$type": "color",
142
142
  "$description": "Used for the scoped label remove button background in the hover state.",
143
143
  "$extensions": {
144
- "com.figma.scope": [
144
+ "com.figma.scopes": [
145
145
  "FRAME_FILL",
146
146
  "SHAPE_FILL"
147
147
  ]
@@ -159,7 +159,7 @@
159
159
  "$type": "color",
160
160
  "$description": "Used for the scoped label remove button icon in the default state.",
161
161
  "$extensions": {
162
- "com.figma.scope": [
162
+ "com.figma.scopes": [
163
163
  "SHAPE_FILL",
164
164
  "TEXT_FILL"
165
165
  ]
@@ -173,7 +173,7 @@
173
173
  "$type": "color",
174
174
  "$description": "Used for the scoped label remove button icon in the hover state.",
175
175
  "$extensions": {
176
- "com.figma.scope": [
176
+ "com.figma.scopes": [
177
177
  "SHAPE_FILL",
178
178
  "TEXT_FILL"
179
179
  ]
package/src/tokens/contextual/link.tokens.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "$type": "color",
12
12
  "$description": "Used for the mention link text color.",
13
13
  "$extensions": {
14
- "com.figma.scope": [
14
+ "com.figma.scopes": [
15
15
  "TEXT_FILL"
16
16
  ]
17
17
  }
@@ -24,7 +24,7 @@
24
24
  "$type": "color",
25
25
  "$description": "Used for the mention link text color when referencing the current user.",
26
26
  "$extensions": {
27
- "com.figma.scope": [
27
+ "com.figma.scopes": [
28
28
  "TEXT_FILL"
29
29
  ]
30
30
  }
@@ -41,7 +41,7 @@
41
41
  "$type": "color",
42
42
  "$description": "Used for the mention link default background.",
43
43
  "$extensions": {
44
- "com.figma.scope": [
44
+ "com.figma.scopes": [
45
45
  "FRAME_FILL",
46
46
  "SHAPE_FILL"
47
47
  ]
@@ -55,7 +55,7 @@
55
55
  "$type": "color",
56
56
  "$description": "Used for the mention link background when referencing the current user.",
57
57
  "$extensions": {
58
- "com.figma.scope": [
58
+ "com.figma.scopes": [
59
59
  "FRAME_FILL",
60
60
  "SHAPE_FILL"
61
61
  ]
package/src/tokens/contextual/modal.tokens.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "$type": "dimension",
7
7
  "$description": "Used for modal border radius.",
8
8
  "$extensions": {
9
- "com.figma.scope": [
9
+ "com.figma.scopes": [
10
10
  "CORNER_RADIUS"
11
11
  ]
12
12
  }
package/src/tokens/contextual/progress-bar.tokens.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "$type": "color",
8
8
  "$description": "Used for the indicator color for the primary progress-bar variant.",
9
9
  "$extensions": {
10
- "com.figma.scope": [
10
+ "com.figma.scopes": [
11
11
  "FRAME_FILL",
12
12
  "SHAPE_FILL"
13
13
  ]
@@ -18,7 +18,7 @@
18
18
  "$type": "color",
19
19
  "$description": "Used for the indicator color for the success progress-bar variant.",
20
20
  "$extensions": {
21
- "com.figma.scope": [
21
+ "com.figma.scopes": [
22
22
  "FRAME_FILL",
23
23
  "SHAPE_FILL"
24
24
  ]
@@ -29,7 +29,7 @@
29
29
  "$type": "color",
30
30
  "$description": "Used for the indicator color for the warning progress-bar variant.",
31
31
  "$extensions": {
32
- "com.figma.scope": [
32
+ "com.figma.scopes": [
33
33
  "FRAME_FILL",
34
34
  "SHAPE_FILL"
35
35
  ]
@@ -40,7 +40,7 @@
40
40
  "$type": "color",
41
41
  "$description": "Used for the indicator color for the danger progress-bar variant.",
42
42
  "$extensions": {
43
- "com.figma.scope": [
43
+ "com.figma.scopes": [
44
44
  "FRAME_FILL",
45
45
  "SHAPE_FILL"
46
46
  ]
@@ -57,7 +57,7 @@
57
57
  "$type": "color",
58
58
  "$description": "Used for the track color for all progress-bar variants.",
59
59
  "$extensions": {
60
- "com.figma.scope": [
60
+ "com.figma.scopes": [
61
61
  "FRAME_FILL",
62
62
  "SHAPE_FILL"
63
63
  ]
package/src/tokens/contextual/skeleton-loader.tokens.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "$type": "color",
10
10
  "$description": "Used for the skeleton loader background color.",
11
11
  "$extensions": {
12
- "com.figma.scope": [
12
+ "com.figma.scopes": [
13
13
  "SHAPE_FILL"
14
14
  ]
15
15
  }
@@ -24,7 +24,7 @@
24
24
  "$type": "color",
25
25
  "$description": "Used for the animated shimmer effect in a skeleton loader.",
26
26
  "$extensions": {
27
- "com.figma.scope": [
27
+ "com.figma.scopes": [
28
28
  "SHAPE_FILL"
29
29
  ]
30
30
  }
package/src/tokens/contextual/spinner.tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "$type": "color",
11
11
  "$description": "Used for the static track (background) of a loading spinner.",
12
12
  "$extensions": {
13
- "com.figma.scope": [
13
+ "com.figma.scopes": [
14
14
  "SHAPE_FILL"
15
15
  ]
16
16
  }
@@ -20,7 +20,7 @@
20
20
  "$type": "color",
21
21
  "$description": "Used for the static track (background) of a loading spinner on a dark background.",
22
22
  "$extensions": {
23
- "com.figma.scope": [
23
+ "com.figma.scopes": [
24
24
  "SHAPE_FILL"
25
25
  ]
26
26
  }
@@ -37,7 +37,7 @@
37
37
  "$type": "color",
38
38
  "$description": "Used for the animated segment of a loading spinner.",
39
39
  "$extensions": {
40
- "com.figma.scope": [
40
+ "com.figma.scopes": [
41
41
  "SHAPE_FILL"
42
42
  ]
43
43
  }
@@ -47,7 +47,7 @@
47
47
  "$type": "color",
48
48
  "$description": "Used for the animated segment of a loading spinner on a dark background.",
49
49
  "$extensions": {
50
- "com.figma.scope": [
50
+ "com.figma.scopes": [
51
51
  "SHAPE_FILL"
52
52
  ]
53
53
  }
package/src/tokens/contextual/table.tokens.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "$type": "color",
9
9
  "$description": "Used for the background of a table row in hover state.",
10
10
  "$extensions": {
11
- "com.figma.scope": [
11
+ "com.figma.scopes": [
12
12
  "FRAME_FILL",
13
13
  "SHAPE_FILL"
14
14
  ]
@@ -24,7 +24,7 @@
24
24
  "$type": "color",
25
25
  "$description": "Used for the color of the sorting icons in the column headers.",
26
26
  "$extensions": {
27
- "com.figma.scope": [
27
+ "com.figma.scopes": [
28
28
  "SHAPE_FILL",
29
29
  "TEXT_FILL"
30
30
  ]
package/src/tokens/contextual/tabs.tokens.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "$type": "color",
12
12
  "$description": "Used for the selected indicator of a tab.",
13
13
  "$extensions": {
14
- "com.figma.scope": [
14
+ "com.figma.scopes": [
15
15
  "FRAME_FILL",
16
16
  "SHAPE_FILL"
17
17
  ]
package/src/tokens/contextual/toggle.tokens.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "$type": "color",
10
10
  "$description": "Used for the icon color of an unchecked toggle switch in the default state.",
11
11
  "$extensions": {
12
- "com.figma.scope": [
12
+ "com.figma.scopes": [
13
13
  "SHAPE_FILL"
14
14
  ]
15
15
  }
@@ -19,7 +19,7 @@
19
19
  "$type": "color",
20
20
  "$description": "Used for the icon color of an unchecked toggle switch in the hover state.",
21
21
  "$extensions": {
22
- "com.figma.scope": [
22
+ "com.figma.scopes": [
23
23
  "SHAPE_FILL"
24
24
  ]
25
25
  }
@@ -29,7 +29,7 @@
29
29
  "$type": "color",
30
30
  "$description": "Used for the icon color of an unchecked toggle switch in the focus state.",
31
31
  "$extensions": {
32
- "com.figma.scope": [
32
+ "com.figma.scopes": [
33
33
  "SHAPE_FILL"
34
34
  ]
35
35
  }
@@ -39,7 +39,7 @@
39
39
  "$type": "color",
40
40
  "$description": "Used for the icon color of an unchecked toggle switch in the active state.",
41
41
  "$extensions": {
42
- "com.figma.scope": [
42
+ "com.figma.scopes": [
43
43
  "SHAPE_FILL"
44
44
  ]
45
45
  }
@@ -51,7 +51,7 @@
51
51
  "$type": "color",
52
52
  "$description": "Used for the icon color of a checked toggle switch in the default state.",
53
53
  "$extensions": {
54
- "com.figma.scope": [
54
+ "com.figma.scopes": [
55
55
  "SHAPE_FILL"
56
56
  ]
57
57
  }
@@ -61,7 +61,7 @@
61
61
  "$type": "color",
62
62
  "$description": "Used for the icon color of a checked toggle switch in the hover state.",
63
63
  "$extensions": {
64
- "com.figma.scope": [
64
+ "com.figma.scopes": [
65
65
  "SHAPE_FILL"
66
66
  ]
67
67
  }
@@ -71,7 +71,7 @@
71
71
  "$type": "color",
72
72
  "$description": "Used for the icon color of a checked toggle switch in the focus state.",
73
73
  "$extensions": {
74
- "com.figma.scope": [
74
+ "com.figma.scopes": [
75
75
  "SHAPE_FILL"
76
76
  ]
77
77
  }
@@ -81,7 +81,7 @@
81
81
  "$type": "color",
82
82
  "$description": "Used for the icon color of a checked toggle switch in the active state.",
83
83
  "$extensions": {
84
- "com.figma.scope": [
84
+ "com.figma.scopes": [
85
85
  "SHAPE_FILL"
86
86
  ]
87
87
  }
@@ -92,7 +92,7 @@
92
92
  "$type": "color",
93
93
  "$description": "Used for the icon color of a disabled toggle switch.",
94
94
  "$extensions": {
95
- "com.figma.scope": [
95
+ "com.figma.scopes": [
96
96
  "SHAPE_FILL"
97
97
  ]
98
98
  }
package/src/tokens/contextual/token-selector.tokens.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "$type": "color",
13
13
  "$description": "Used for the background color of a token in a token-selector when it's token-container is in the focus state.",
14
14
  "$extensions": {
15
- "com.figma.scope": [
15
+ "com.figma.scopes": [
16
16
  "FRAME_FILL",
17
17
  "SHAPE_FILL"
18
18
  ]
package/src/tokens/contextual/token.tokens.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "$type": "dimension",
7
7
  "$description": "Used for token border radius.",
8
8
  "$extensions": {
9
- "com.figma.scope": [
9
+ "com.figma.scopes": [
10
10
  "CORNER_RADIUS"
11
11
  ]
12
12
  }
@@ -18,7 +18,7 @@
18
18
  "$type": "color",
19
19
  "$description": "Used for the token foreground color.",
20
20
  "$extensions": {
21
- "com.figma.scope": [
21
+ "com.figma.scopes": [
22
22
  "SHAPE_FILL",
23
23
  "TEXT_FILL"
24
24
  ]
@@ -34,7 +34,7 @@
34
34
  "$type": "color",
35
35
  "$description": "Used for the token background color.",
36
36
  "$extensions": {
37
- "com.figma.scope": [
37
+ "com.figma.scopes": [
38
38
  "FRAME_FILL",
39
39
  "SHAPE_FILL"
40
40
  ]