@gitlab/ui 128.0.0 → 128.1.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/form/form_checkbox/form_checkbox.js +0 -3
- package/dist/components/base/form/form_checkbox/form_checkbox_group.js +132 -3
- 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/build/js/tokens.dark.js +127 -127
- package/dist/tokens/build/js/tokens.js +110 -110
- package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +1 -2
- package/package.json +1 -1
- package/src/tokens/build/css/tokens.css +24 -24
- package/src/tokens/build/css/tokens.dark.css +26 -26
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +82 -82
- package/src/tokens/build/docs/tokens-tailwind-docs.json +81 -81
- package/src/tokens/build/figma/constants.tokens.json +2245 -226
- package/src/tokens/build/figma/contextual.tokens.json +753 -77
- package/src/tokens/build/figma/deprecated.tokens.json +4151 -420
- package/src/tokens/build/figma/semantic.tokens.json +171 -19
- package/src/tokens/build/js/tokens.dark.js +130 -127
- package/src/tokens/build/js/tokens.js +113 -110
- package/src/tokens/build/json/tokens.dark.json +161 -161
- package/src/tokens/build/json/tokens.json +142 -142
- package/src/tokens/build/scss/_tokens.dark.scss +26 -26
- package/src/tokens/build/scss/_tokens.scss +24 -24
- package/src/tokens/constant/color.alpha.tokens.json +135 -15
- package/src/tokens/constant/color.tokens.json +2110 -211
- package/src/tokens/contextual/avatar.tokens.json +54 -6
- package/src/tokens/contextual/button.tokens.json +90 -10
- package/src/tokens/contextual/chart.tokens.json +9 -1
- package/src/tokens/contextual/illustration.tokens.json +600 -60
- package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +1100 -110
- package/src/tokens/deprecated/deprecated.color.theme.tokens.json +1440 -144
- package/src/tokens/deprecated/deprecated.color.tokens.json +1490 -149
- package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +147 -43
- package/src/tokens/semantic/action.tokens.json +162 -18
- package/src/tokens/semantic/background.tokens.json +9 -1
- package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -37
- package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -134
- package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -2
|
@@ -116,7 +116,15 @@
|
|
|
116
116
|
"background": {
|
|
117
117
|
"color": {
|
|
118
118
|
"red": {
|
|
119
|
-
"$value":
|
|
119
|
+
"$value": {
|
|
120
|
+
"colorSpace": "srgb",
|
|
121
|
+
"components": [
|
|
122
|
+
0.9882352941176471,
|
|
123
|
+
0.7098039215686275,
|
|
124
|
+
0.6666666666666666
|
|
125
|
+
],
|
|
126
|
+
"alpha": 0.23921568627450981
|
|
127
|
+
},
|
|
120
128
|
"$type": "color",
|
|
121
129
|
"$description": "Red background for avatar fallback with no particular meaning.",
|
|
122
130
|
"$extensions": {
|
|
@@ -127,7 +135,15 @@
|
|
|
127
135
|
}
|
|
128
136
|
},
|
|
129
137
|
"purple": {
|
|
130
|
-
"$value":
|
|
138
|
+
"$value": {
|
|
139
|
+
"colorSpace": "srgb",
|
|
140
|
+
"components": [
|
|
141
|
+
0.796078431372549,
|
|
142
|
+
0.7333333333333333,
|
|
143
|
+
0.9490196078431372
|
|
144
|
+
],
|
|
145
|
+
"alpha": 0.23921568627450981
|
|
146
|
+
},
|
|
131
147
|
"$type": "color",
|
|
132
148
|
"$description": "Purple background for avatar fallback with no particular meaning.",
|
|
133
149
|
"$extensions": {
|
|
@@ -138,7 +154,15 @@
|
|
|
138
154
|
}
|
|
139
155
|
},
|
|
140
156
|
"blue": {
|
|
141
|
-
"$value":
|
|
157
|
+
"$value": {
|
|
158
|
+
"colorSpace": "srgb",
|
|
159
|
+
"components": [
|
|
160
|
+
0.615686274509804,
|
|
161
|
+
0.7803921568627451,
|
|
162
|
+
0.9450980392156862
|
|
163
|
+
],
|
|
164
|
+
"alpha": 0.23921568627450981
|
|
165
|
+
},
|
|
142
166
|
"$type": "color",
|
|
143
167
|
"$description": "Blue background for avatar fallback with no particular meaning.",
|
|
144
168
|
"$extensions": {
|
|
@@ -149,7 +173,15 @@
|
|
|
149
173
|
}
|
|
150
174
|
},
|
|
151
175
|
"green": {
|
|
152
|
-
"$value":
|
|
176
|
+
"$value": {
|
|
177
|
+
"colorSpace": "srgb",
|
|
178
|
+
"components": [
|
|
179
|
+
0.5686274509803921,
|
|
180
|
+
0.8313725490196079,
|
|
181
|
+
0.6588235294117647
|
|
182
|
+
],
|
|
183
|
+
"alpha": 0.23921568627450981
|
|
184
|
+
},
|
|
153
185
|
"$type": "color",
|
|
154
186
|
"$description": "Green background for avatar fallback with no particular meaning.",
|
|
155
187
|
"$extensions": {
|
|
@@ -160,7 +192,15 @@
|
|
|
160
192
|
}
|
|
161
193
|
},
|
|
162
194
|
"orange": {
|
|
163
|
-
"$value":
|
|
195
|
+
"$value": {
|
|
196
|
+
"colorSpace": "srgb",
|
|
197
|
+
"components": [
|
|
198
|
+
0.9137254901960784,
|
|
199
|
+
0.7450980392156863,
|
|
200
|
+
0.4549019607843137
|
|
201
|
+
],
|
|
202
|
+
"alpha": 0.23921568627450981
|
|
203
|
+
},
|
|
164
204
|
"$type": "color",
|
|
165
205
|
"$description": "Orange background for avatar fallback with no particular meaning.",
|
|
166
206
|
"$extensions": {
|
|
@@ -171,7 +211,15 @@
|
|
|
171
211
|
}
|
|
172
212
|
},
|
|
173
213
|
"neutral": {
|
|
174
|
-
"$value":
|
|
214
|
+
"$value": {
|
|
215
|
+
"colorSpace": "srgb",
|
|
216
|
+
"components": [
|
|
217
|
+
0.7490196078431373,
|
|
218
|
+
0.7490196078431373,
|
|
219
|
+
0.7647058823529411
|
|
220
|
+
],
|
|
221
|
+
"alpha": 0.23921568627450981
|
|
222
|
+
},
|
|
175
223
|
"$type": "color",
|
|
176
224
|
"$description": "Neutral background for avatar fallback with no particular meaning.",
|
|
177
225
|
"$extensions": {
|
|
@@ -70,7 +70,15 @@
|
|
|
70
70
|
"default": {
|
|
71
71
|
"$value": {
|
|
72
72
|
"default": "{color.neutral.0}",
|
|
73
|
-
"dark":
|
|
73
|
+
"dark": {
|
|
74
|
+
"colorSpace": "srgb",
|
|
75
|
+
"components": [
|
|
76
|
+
0.5372549019607843,
|
|
77
|
+
0.5333333333333333,
|
|
78
|
+
0.5529411764705883
|
|
79
|
+
],
|
|
80
|
+
"alpha": 0.4
|
|
81
|
+
}
|
|
74
82
|
},
|
|
75
83
|
"$type": "color",
|
|
76
84
|
"$description": "Used for the background of an default primary button in the default state.",
|
|
@@ -84,7 +92,15 @@
|
|
|
84
92
|
"hover": {
|
|
85
93
|
"$value": {
|
|
86
94
|
"default": "{color.neutral.50}",
|
|
87
|
-
"dark":
|
|
95
|
+
"dark": {
|
|
96
|
+
"colorSpace": "srgb",
|
|
97
|
+
"components": [
|
|
98
|
+
0.5372549019607843,
|
|
99
|
+
0.5333333333333333,
|
|
100
|
+
0.5529411764705883
|
|
101
|
+
],
|
|
102
|
+
"alpha": 0.64
|
|
103
|
+
}
|
|
88
104
|
},
|
|
89
105
|
"$type": "color",
|
|
90
106
|
"$description": "Used for the background of an default primary button in the hover state.",
|
|
@@ -109,7 +125,15 @@
|
|
|
109
125
|
"active": {
|
|
110
126
|
"$value": {
|
|
111
127
|
"default": "{color.neutral.100}",
|
|
112
|
-
"dark":
|
|
128
|
+
"dark": {
|
|
129
|
+
"colorSpace": "srgb",
|
|
130
|
+
"components": [
|
|
131
|
+
0.5372549019607843,
|
|
132
|
+
0.5333333333333333,
|
|
133
|
+
0.5529411764705883
|
|
134
|
+
],
|
|
135
|
+
"alpha": 0.32
|
|
136
|
+
}
|
|
113
137
|
},
|
|
114
138
|
"$type": "color",
|
|
115
139
|
"$description": "Used for the background of an default primary button in the active state.",
|
|
@@ -537,7 +561,15 @@
|
|
|
537
561
|
"default": {
|
|
538
562
|
"$value": {
|
|
539
563
|
"default": "{color.neutral.0}",
|
|
540
|
-
"dark":
|
|
564
|
+
"dark": {
|
|
565
|
+
"colorSpace": "srgb",
|
|
566
|
+
"components": [
|
|
567
|
+
0.25882352941176473,
|
|
568
|
+
0.5607843137254902,
|
|
569
|
+
0.8627450980392157
|
|
570
|
+
],
|
|
571
|
+
"alpha": 0.4
|
|
572
|
+
}
|
|
541
573
|
},
|
|
542
574
|
"$type": "color",
|
|
543
575
|
"$description": "Used for the background of an outlined confirm (positive) button in the default state.",
|
|
@@ -551,7 +583,15 @@
|
|
|
551
583
|
"hover": {
|
|
552
584
|
"$value": {
|
|
553
585
|
"default": "{color.blue.50}",
|
|
554
|
-
"dark":
|
|
586
|
+
"dark": {
|
|
587
|
+
"colorSpace": "srgb",
|
|
588
|
+
"components": [
|
|
589
|
+
0.25882352941176473,
|
|
590
|
+
0.5607843137254902,
|
|
591
|
+
0.8627450980392157
|
|
592
|
+
],
|
|
593
|
+
"alpha": 0.64
|
|
594
|
+
}
|
|
555
595
|
},
|
|
556
596
|
"$type": "color",
|
|
557
597
|
"$description": "Used for the background of an outlined confirm (positive) button in the hover state.",
|
|
@@ -576,7 +616,15 @@
|
|
|
576
616
|
"active": {
|
|
577
617
|
"$value": {
|
|
578
618
|
"default": "{color.blue.100}",
|
|
579
|
-
"dark":
|
|
619
|
+
"dark": {
|
|
620
|
+
"colorSpace": "srgb",
|
|
621
|
+
"components": [
|
|
622
|
+
0.25882352941176473,
|
|
623
|
+
0.5607843137254902,
|
|
624
|
+
0.8627450980392157
|
|
625
|
+
],
|
|
626
|
+
"alpha": 0.32
|
|
627
|
+
}
|
|
580
628
|
},
|
|
581
629
|
"$type": "color",
|
|
582
630
|
"$description": "Used for the background of an outlined confirm (positive) button in the active state.",
|
|
@@ -1013,7 +1061,15 @@
|
|
|
1013
1061
|
"default": {
|
|
1014
1062
|
"$value": {
|
|
1015
1063
|
"default": "{color.neutral.0}",
|
|
1016
|
-
"dark":
|
|
1064
|
+
"dark": {
|
|
1065
|
+
"colorSpace": "srgb",
|
|
1066
|
+
"components": [
|
|
1067
|
+
0.9254901960784314,
|
|
1068
|
+
0.34901960784313724,
|
|
1069
|
+
0.2549019607843137
|
|
1070
|
+
],
|
|
1071
|
+
"alpha": 0.4
|
|
1072
|
+
}
|
|
1017
1073
|
},
|
|
1018
1074
|
"$type": "color",
|
|
1019
1075
|
"$description": "Used for the background of an outlined danger (destructive) button in the default state.",
|
|
@@ -1027,7 +1083,15 @@
|
|
|
1027
1083
|
"hover": {
|
|
1028
1084
|
"$value": {
|
|
1029
1085
|
"default": "{color.red.50}",
|
|
1030
|
-
"dark":
|
|
1086
|
+
"dark": {
|
|
1087
|
+
"colorSpace": "srgb",
|
|
1088
|
+
"components": [
|
|
1089
|
+
0.9254901960784314,
|
|
1090
|
+
0.34901960784313724,
|
|
1091
|
+
0.2549019607843137
|
|
1092
|
+
],
|
|
1093
|
+
"alpha": 0.64
|
|
1094
|
+
}
|
|
1031
1095
|
},
|
|
1032
1096
|
"$type": "color",
|
|
1033
1097
|
"$description": "Used for the background of an outlined danger (destructive) button in the hover state.",
|
|
@@ -1052,7 +1116,15 @@
|
|
|
1052
1116
|
"active": {
|
|
1053
1117
|
"$value": {
|
|
1054
1118
|
"default": "{color.red.100}",
|
|
1055
|
-
"dark":
|
|
1119
|
+
"dark": {
|
|
1120
|
+
"colorSpace": "srgb",
|
|
1121
|
+
"components": [
|
|
1122
|
+
0.9254901960784314,
|
|
1123
|
+
0.34901960784313724,
|
|
1124
|
+
0.2549019607843137
|
|
1125
|
+
],
|
|
1126
|
+
"alpha": 0.32
|
|
1127
|
+
}
|
|
1056
1128
|
},
|
|
1057
1129
|
"$type": "color",
|
|
1058
1130
|
"$description": "Used for the background of an outlined danger (destructive) button in the active state.",
|
|
@@ -1576,7 +1648,15 @@
|
|
|
1576
1648
|
"color": {
|
|
1577
1649
|
"$value": {
|
|
1578
1650
|
"default": "{color.neutral.10}",
|
|
1579
|
-
"dark":
|
|
1651
|
+
"dark": {
|
|
1652
|
+
"colorSpace": "srgb",
|
|
1653
|
+
"components": [
|
|
1654
|
+
0.5372549019607843,
|
|
1655
|
+
0.5333333333333333,
|
|
1656
|
+
0.5529411764705883
|
|
1657
|
+
],
|
|
1658
|
+
"alpha": 0.16
|
|
1659
|
+
}
|
|
1580
1660
|
},
|
|
1581
1661
|
"$type": "color",
|
|
1582
1662
|
"$description": "Used for the background of a disabled button.",
|
|
@@ -44,7 +44,15 @@
|
|
|
44
44
|
"threshold": {
|
|
45
45
|
"area": {
|
|
46
46
|
"color": {
|
|
47
|
-
"$value":
|
|
47
|
+
"$value": {
|
|
48
|
+
"colorSpace": "srgb",
|
|
49
|
+
"components": [
|
|
50
|
+
0.8666666666666667,
|
|
51
|
+
0.16862745098039217,
|
|
52
|
+
0.054901960784313725
|
|
53
|
+
],
|
|
54
|
+
"alpha": 0.1
|
|
55
|
+
},
|
|
48
56
|
"$type": "color",
|
|
49
57
|
"$description": "Used in charts to delineate a threshold area in a chart.",
|
|
50
58
|
"$extensions": {
|