@gitlab/ui 134.5.0 → 134.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/sorting/sorting.js +23 -2
- package/dist/components/dashboards/dashboard_panel/dashboard_panel.js +5 -3
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +86 -68
- package/dist/tokens/build/js/tokens.js +93 -75
- package/package.json +4 -4
- package/src/components/base/sorting/sorting.vue +28 -1
- package/src/components/base/toggle/toggle.scss +75 -51
- package/src/components/dashboards/dashboard_panel/dashboard_panel.vue +4 -1
- package/src/scss/bootstrap_no_utils.scss +33 -0
- package/src/scss/gitlab_ui_no_utils.scss +24 -0
- package/src/tokens/build/css/tokens.css +76 -58
- package/src/tokens/build/css/tokens.dark.css +74 -56
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +145 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.json +145 -0
- package/src/tokens/build/figma/constants.dark.json +2 -2
- package/src/tokens/build/figma/constants.json +2 -2
- package/src/tokens/build/figma/mode.dark.json +206 -108
- package/src/tokens/build/figma/mode.json +209 -87
- package/src/tokens/build/js/tokens.dark.js +85 -67
- package/src/tokens/build/js/tokens.js +92 -74
- package/src/tokens/build/json/tokens.dark.json +846 -225
- package/src/tokens/build/json/tokens.json +850 -229
- package/src/tokens/build/scss/_tokens.dark.scss +74 -56
- package/src/tokens/build/scss/_tokens.scss +76 -58
- package/src/tokens/build/scss/_tokens_custom_properties.scss +18 -0
- package/src/tokens/build/tailwind/tokens.cjs +1 -0
- package/src/tokens/constant/color.alpha.tokens.json +16 -0
- package/src/tokens/contextual/button.tokens.json +34 -58
- package/src/tokens/contextual/tabs.tokens.json +2 -8
- package/src/tokens/contextual/toggle.tokens.json +195 -0
- package/src/tokens/semantic/action.tokens.json +22 -124
- package/src/tokens/semantic/control.tokens.json +9 -21
- package/translations.js +2 -0
|
@@ -168,6 +168,7 @@
|
|
|
168
168
|
"key": "{color.alpha.light.36}",
|
|
169
169
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
170
170
|
"$type": "color",
|
|
171
|
+
"$deprecated": true,
|
|
171
172
|
"$extensions": {
|
|
172
173
|
"com.figma.scopes": []
|
|
173
174
|
},
|
|
@@ -176,6 +177,7 @@
|
|
|
176
177
|
"original": {
|
|
177
178
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
178
179
|
"$type": "color",
|
|
180
|
+
"$deprecated": true,
|
|
179
181
|
"$extensions": {
|
|
180
182
|
"com.figma.scopes": []
|
|
181
183
|
},
|
|
@@ -190,6 +192,33 @@
|
|
|
190
192
|
"36"
|
|
191
193
|
],
|
|
192
194
|
"cssWithValue": "var(--gl-color-alpha-light-36)"
|
|
195
|
+
},
|
|
196
|
+
"40": {
|
|
197
|
+
"key": "{color.alpha.light.40}",
|
|
198
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
199
|
+
"$type": "color",
|
|
200
|
+
"$extensions": {
|
|
201
|
+
"com.figma.scopes": []
|
|
202
|
+
},
|
|
203
|
+
"filePath": "src/tokens/constant/color.alpha.tokens.json",
|
|
204
|
+
"isSource": true,
|
|
205
|
+
"original": {
|
|
206
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
207
|
+
"$type": "color",
|
|
208
|
+
"$extensions": {
|
|
209
|
+
"com.figma.scopes": []
|
|
210
|
+
},
|
|
211
|
+
"key": "{color.alpha.light.40}"
|
|
212
|
+
},
|
|
213
|
+
"name": "COLOR_ALPHA_LIGHT_40",
|
|
214
|
+
"attributes": {},
|
|
215
|
+
"path": [
|
|
216
|
+
"color",
|
|
217
|
+
"alpha",
|
|
218
|
+
"light",
|
|
219
|
+
"40"
|
|
220
|
+
],
|
|
221
|
+
"cssWithValue": "var(--gl-color-alpha-light-40)"
|
|
193
222
|
}
|
|
194
223
|
},
|
|
195
224
|
"dark": {
|
|
@@ -6112,6 +6141,7 @@
|
|
|
6112
6141
|
"key": "{color.alpha.light.36}",
|
|
6113
6142
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
6114
6143
|
"$type": "color",
|
|
6144
|
+
"$deprecated": true,
|
|
6115
6145
|
"$extensions": {
|
|
6116
6146
|
"com.figma.scopes": []
|
|
6117
6147
|
},
|
|
@@ -6120,6 +6150,7 @@
|
|
|
6120
6150
|
"original": {
|
|
6121
6151
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
6122
6152
|
"$type": "color",
|
|
6153
|
+
"$deprecated": true,
|
|
6123
6154
|
"$extensions": {
|
|
6124
6155
|
"com.figma.scopes": []
|
|
6125
6156
|
},
|
|
@@ -6134,6 +6165,33 @@
|
|
|
6134
6165
|
"36"
|
|
6135
6166
|
],
|
|
6136
6167
|
"cssWithValue": "var(--gl-color-alpha-light-36)"
|
|
6168
|
+
},
|
|
6169
|
+
"40": {
|
|
6170
|
+
"key": "{color.alpha.light.40}",
|
|
6171
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
6172
|
+
"$type": "color",
|
|
6173
|
+
"$extensions": {
|
|
6174
|
+
"com.figma.scopes": []
|
|
6175
|
+
},
|
|
6176
|
+
"filePath": "src/tokens/constant/color.alpha.tokens.json",
|
|
6177
|
+
"isSource": true,
|
|
6178
|
+
"original": {
|
|
6179
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
6180
|
+
"$type": "color",
|
|
6181
|
+
"$extensions": {
|
|
6182
|
+
"com.figma.scopes": []
|
|
6183
|
+
},
|
|
6184
|
+
"key": "{color.alpha.light.40}"
|
|
6185
|
+
},
|
|
6186
|
+
"name": "COLOR_ALPHA_LIGHT_40",
|
|
6187
|
+
"attributes": {},
|
|
6188
|
+
"path": [
|
|
6189
|
+
"color",
|
|
6190
|
+
"alpha",
|
|
6191
|
+
"light",
|
|
6192
|
+
"40"
|
|
6193
|
+
],
|
|
6194
|
+
"cssWithValue": "var(--gl-color-alpha-light-40)"
|
|
6137
6195
|
}
|
|
6138
6196
|
},
|
|
6139
6197
|
"dark": {
|
|
@@ -11747,6 +11805,7 @@
|
|
|
11747
11805
|
"key": "{color.alpha.light.36}",
|
|
11748
11806
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
11749
11807
|
"$type": "color",
|
|
11808
|
+
"$deprecated": true,
|
|
11750
11809
|
"$extensions": {
|
|
11751
11810
|
"com.figma.scopes": []
|
|
11752
11811
|
},
|
|
@@ -11755,6 +11814,7 @@
|
|
|
11755
11814
|
"original": {
|
|
11756
11815
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
11757
11816
|
"$type": "color",
|
|
11817
|
+
"$deprecated": true,
|
|
11758
11818
|
"$extensions": {
|
|
11759
11819
|
"com.figma.scopes": []
|
|
11760
11820
|
},
|
|
@@ -11769,6 +11829,33 @@
|
|
|
11769
11829
|
"36"
|
|
11770
11830
|
],
|
|
11771
11831
|
"cssWithValue": "var(--gl-color-alpha-light-36)"
|
|
11832
|
+
},
|
|
11833
|
+
"40": {
|
|
11834
|
+
"key": "{color.alpha.light.40}",
|
|
11835
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
11836
|
+
"$type": "color",
|
|
11837
|
+
"$extensions": {
|
|
11838
|
+
"com.figma.scopes": []
|
|
11839
|
+
},
|
|
11840
|
+
"filePath": "src/tokens/constant/color.alpha.tokens.json",
|
|
11841
|
+
"isSource": true,
|
|
11842
|
+
"original": {
|
|
11843
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
11844
|
+
"$type": "color",
|
|
11845
|
+
"$extensions": {
|
|
11846
|
+
"com.figma.scopes": []
|
|
11847
|
+
},
|
|
11848
|
+
"key": "{color.alpha.light.40}"
|
|
11849
|
+
},
|
|
11850
|
+
"name": "COLOR_ALPHA_LIGHT_40",
|
|
11851
|
+
"attributes": {},
|
|
11852
|
+
"path": [
|
|
11853
|
+
"color",
|
|
11854
|
+
"alpha",
|
|
11855
|
+
"light",
|
|
11856
|
+
"40"
|
|
11857
|
+
],
|
|
11858
|
+
"cssWithValue": "var(--gl-color-alpha-light-40)"
|
|
11772
11859
|
}
|
|
11773
11860
|
},
|
|
11774
11861
|
"dark": {
|
|
@@ -17583,6 +17670,7 @@
|
|
|
17583
17670
|
"key": "{color.alpha.light.36}",
|
|
17584
17671
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
17585
17672
|
"$type": "color",
|
|
17673
|
+
"$deprecated": true,
|
|
17586
17674
|
"$extensions": {
|
|
17587
17675
|
"com.figma.scopes": []
|
|
17588
17676
|
},
|
|
@@ -17591,6 +17679,7 @@
|
|
|
17591
17679
|
"original": {
|
|
17592
17680
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
17593
17681
|
"$type": "color",
|
|
17682
|
+
"$deprecated": true,
|
|
17594
17683
|
"$extensions": {
|
|
17595
17684
|
"com.figma.scopes": []
|
|
17596
17685
|
},
|
|
@@ -17605,6 +17694,33 @@
|
|
|
17605
17694
|
"36"
|
|
17606
17695
|
],
|
|
17607
17696
|
"cssWithValue": "var(--gl-color-alpha-light-36)"
|
|
17697
|
+
},
|
|
17698
|
+
"40": {
|
|
17699
|
+
"key": "{color.alpha.light.40}",
|
|
17700
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
17701
|
+
"$type": "color",
|
|
17702
|
+
"$extensions": {
|
|
17703
|
+
"com.figma.scopes": []
|
|
17704
|
+
},
|
|
17705
|
+
"filePath": "src/tokens/constant/color.alpha.tokens.json",
|
|
17706
|
+
"isSource": true,
|
|
17707
|
+
"original": {
|
|
17708
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
17709
|
+
"$type": "color",
|
|
17710
|
+
"$extensions": {
|
|
17711
|
+
"com.figma.scopes": []
|
|
17712
|
+
},
|
|
17713
|
+
"key": "{color.alpha.light.40}"
|
|
17714
|
+
},
|
|
17715
|
+
"name": "COLOR_ALPHA_LIGHT_40",
|
|
17716
|
+
"attributes": {},
|
|
17717
|
+
"path": [
|
|
17718
|
+
"color",
|
|
17719
|
+
"alpha",
|
|
17720
|
+
"light",
|
|
17721
|
+
"40"
|
|
17722
|
+
],
|
|
17723
|
+
"cssWithValue": "var(--gl-color-alpha-light-40)"
|
|
17608
17724
|
}
|
|
17609
17725
|
},
|
|
17610
17726
|
"dark": {
|
|
@@ -23608,6 +23724,7 @@
|
|
|
23608
23724
|
"key": "{color.alpha.light.36}",
|
|
23609
23725
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
23610
23726
|
"$type": "color",
|
|
23727
|
+
"$deprecated": true,
|
|
23611
23728
|
"$extensions": {
|
|
23612
23729
|
"com.figma.scopes": []
|
|
23613
23730
|
},
|
|
@@ -23616,6 +23733,7 @@
|
|
|
23616
23733
|
"original": {
|
|
23617
23734
|
"$value": "rgba(255, 255, 255, 0.36)",
|
|
23618
23735
|
"$type": "color",
|
|
23736
|
+
"$deprecated": true,
|
|
23619
23737
|
"$extensions": {
|
|
23620
23738
|
"com.figma.scopes": []
|
|
23621
23739
|
},
|
|
@@ -23630,6 +23748,33 @@
|
|
|
23630
23748
|
"36"
|
|
23631
23749
|
],
|
|
23632
23750
|
"cssWithValue": "var(--gl-color-alpha-light-36)"
|
|
23751
|
+
},
|
|
23752
|
+
"40": {
|
|
23753
|
+
"key": "{color.alpha.light.40}",
|
|
23754
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
23755
|
+
"$type": "color",
|
|
23756
|
+
"$extensions": {
|
|
23757
|
+
"com.figma.scopes": []
|
|
23758
|
+
},
|
|
23759
|
+
"filePath": "src/tokens/constant/color.alpha.tokens.json",
|
|
23760
|
+
"isSource": true,
|
|
23761
|
+
"original": {
|
|
23762
|
+
"$value": "rgba(255, 255, 255, 0.4)",
|
|
23763
|
+
"$type": "color",
|
|
23764
|
+
"$extensions": {
|
|
23765
|
+
"com.figma.scopes": []
|
|
23766
|
+
},
|
|
23767
|
+
"key": "{color.alpha.light.40}"
|
|
23768
|
+
},
|
|
23769
|
+
"name": "COLOR_ALPHA_LIGHT_40",
|
|
23770
|
+
"attributes": {},
|
|
23771
|
+
"path": [
|
|
23772
|
+
"color",
|
|
23773
|
+
"alpha",
|
|
23774
|
+
"light",
|
|
23775
|
+
"40"
|
|
23776
|
+
],
|
|
23777
|
+
"cssWithValue": "var(--gl-color-alpha-light-40)"
|
|
23633
23778
|
}
|
|
23634
23779
|
},
|
|
23635
23780
|
"dark": {
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
"com.figma.scopes": []
|
|
301
301
|
}
|
|
302
302
|
},
|
|
303
|
-
"color-alpha-light-
|
|
303
|
+
"color-alpha-light-40": {
|
|
304
304
|
"$value": {
|
|
305
305
|
"colorSpace": "srgb",
|
|
306
306
|
"components": [
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
1,
|
|
309
309
|
1
|
|
310
310
|
],
|
|
311
|
-
"alpha": 0.
|
|
311
|
+
"alpha": 0.4
|
|
312
312
|
},
|
|
313
313
|
"$type": "color",
|
|
314
314
|
"$extensions": {
|
|
@@ -303,7 +303,7 @@
|
|
|
303
303
|
"com.figma.scopes": []
|
|
304
304
|
}
|
|
305
305
|
},
|
|
306
|
-
"color-alpha-light-
|
|
306
|
+
"color-alpha-light-40": {
|
|
307
307
|
"$value": {
|
|
308
308
|
"colorSpace": "srgb",
|
|
309
309
|
"components": [
|
|
@@ -311,7 +311,7 @@
|
|
|
311
311
|
1,
|
|
312
312
|
1
|
|
313
313
|
],
|
|
314
|
-
"alpha": 0.
|
|
314
|
+
"alpha": 0.4
|
|
315
315
|
},
|
|
316
316
|
"$type": "color",
|
|
317
317
|
"$extensions": {
|