@gitlab/ui 107.2.0 → 107.3.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.
Files changed (26) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +111 -56
  5. package/dist/tokens/build/js/tokens.js +111 -56
  6. package/dist/tokens/css/tokens.css +93 -38
  7. package/dist/tokens/css/tokens.dark.css +93 -38
  8. package/dist/tokens/js/tokens.dark.js +110 -55
  9. package/dist/tokens/js/tokens.js +110 -55
  10. package/dist/tokens/json/tokens.dark.json +2336 -1281
  11. package/dist/tokens/json/tokens.json +2336 -1281
  12. package/dist/tokens/scss/_tokens.dark.scss +93 -38
  13. package/dist/tokens/scss/_tokens.scss +93 -38
  14. package/dist/tokens/scss/_tokens_custom_properties.scss +110 -55
  15. package/package.json +4 -4
  16. package/src/tokens/build/css/tokens.css +93 -38
  17. package/src/tokens/build/css/tokens.dark.css +93 -38
  18. package/src/tokens/build/js/tokens.dark.js +110 -55
  19. package/src/tokens/build/js/tokens.js +110 -55
  20. package/src/tokens/build/json/tokens.dark.json +2336 -1281
  21. package/src/tokens/build/json/tokens.json +2336 -1281
  22. package/src/tokens/build/scss/_tokens.dark.scss +93 -38
  23. package/src/tokens/build/scss/_tokens.scss +93 -38
  24. package/src/tokens/build/scss/_tokens_custom_properties.scss +110 -55
  25. package/src/tokens/color.constant.tokens.json +230 -0
  26. package/src/tokens/{color.data_viz.tokens.json → deprecated.color.data_viz.tokens.json} +110 -55
package/src/tokens/build/js/tokens.js CHANGED
@@ -173,6 +173,61 @@ export const GL_COLOR_RED_700 = '#ae1800';
173
173
  export const GL_COLOR_RED_800 = '#8d1300';
174
174
  export const GL_COLOR_RED_900 = '#660e00';
175
175
  export const GL_COLOR_RED_950 = '#4d0a00';
176
+ export const GL_COLOR_DATA_GREEN_50 = '#ddfab7';
177
+ export const GL_COLOR_DATA_GREEN_100 = '#c6ed94';
178
+ export const GL_COLOR_DATA_GREEN_200 = '#b0d97b';
179
+ export const GL_COLOR_DATA_GREEN_300 = '#94c25e';
180
+ export const GL_COLOR_DATA_GREEN_400 = '#81ac41';
181
+ export const GL_COLOR_DATA_GREEN_500 = '#619025';
182
+ export const GL_COLOR_DATA_GREEN_600 = '#4e7f0e';
183
+ export const GL_COLOR_DATA_GREEN_700 = '#366800';
184
+ export const GL_COLOR_DATA_GREEN_800 = '#275600';
185
+ export const GL_COLOR_DATA_GREEN_900 = '#1a4500';
186
+ export const GL_COLOR_DATA_GREEN_950 = '#133a03';
187
+ export const GL_COLOR_DATA_AQUA_50 = '#b5fefd';
188
+ export const GL_COLOR_DATA_AQUA_100 = '#93f2ef';
189
+ export const GL_COLOR_DATA_AQUA_200 = '#5edee3';
190
+ export const GL_COLOR_DATA_AQUA_300 = '#32c5d2';
191
+ export const GL_COLOR_DATA_AQUA_400 = '#00acc4';
192
+ export const GL_COLOR_DATA_AQUA_500 = '#0090b1';
193
+ export const GL_COLOR_DATA_AQUA_600 = '#007b9b';
194
+ export const GL_COLOR_DATA_AQUA_700 = '#006381';
195
+ export const GL_COLOR_DATA_AQUA_800 = '#00516c';
196
+ export const GL_COLOR_DATA_AQUA_900 = '#004059';
197
+ export const GL_COLOR_DATA_AQUA_950 = '#00344b';
198
+ export const GL_COLOR_DATA_BLUE_50 = '#e9ebff';
199
+ export const GL_COLOR_DATA_BLUE_100 = '#d2dcff';
200
+ export const GL_COLOR_DATA_BLUE_200 = '#b7c6ff';
201
+ export const GL_COLOR_DATA_BLUE_300 = '#97acff';
202
+ export const GL_COLOR_DATA_BLUE_400 = '#7992f5';
203
+ export const GL_COLOR_DATA_BLUE_500 = '#617ae2';
204
+ export const GL_COLOR_DATA_BLUE_600 = '#4e65cd';
205
+ export const GL_COLOR_DATA_BLUE_700 = '#3f51ae';
206
+ export const GL_COLOR_DATA_BLUE_800 = '#374291';
207
+ export const GL_COLOR_DATA_BLUE_900 = '#303470';
208
+ export const GL_COLOR_DATA_BLUE_950 = '#2a2b59';
209
+ export const GL_COLOR_DATA_MAGENTA_50 = '#ffe3eb';
210
+ export const GL_COLOR_DATA_MAGENTA_100 = '#ffccdb';
211
+ export const GL_COLOR_DATA_MAGENTA_200 = '#fcacc5';
212
+ export const GL_COLOR_DATA_MAGENTA_300 = '#f88aaf';
213
+ export const GL_COLOR_DATA_MAGENTA_400 = '#e86e9a';
214
+ export const GL_COLOR_DATA_MAGENTA_500 = '#cf4d81';
215
+ export const GL_COLOR_DATA_MAGENTA_600 = '#b93d71';
216
+ export const GL_COLOR_DATA_MAGENTA_700 = '#9a2e5d';
217
+ export const GL_COLOR_DATA_MAGENTA_800 = '#7c214f';
218
+ export const GL_COLOR_DATA_MAGENTA_900 = '#661e3a';
219
+ export const GL_COLOR_DATA_MAGENTA_950 = '#541d31';
220
+ export const GL_COLOR_DATA_ORANGE_50 = '#fae8d1';
221
+ export const GL_COLOR_DATA_ORANGE_100 = '#f5d6b3';
222
+ export const GL_COLOR_DATA_ORANGE_200 = '#eebd8c';
223
+ export const GL_COLOR_DATA_ORANGE_300 = '#e99b60';
224
+ export const GL_COLOR_DATA_ORANGE_400 = '#e07e41';
225
+ export const GL_COLOR_DATA_ORANGE_500 = '#c95d2e';
226
+ export const GL_COLOR_DATA_ORANGE_600 = '#b14f18';
227
+ export const GL_COLOR_DATA_ORANGE_700 = '#92430a';
228
+ export const GL_COLOR_DATA_ORANGE_800 = '#6f3500';
229
+ export const GL_COLOR_DATA_ORANGE_900 = '#5e2f05';
230
+ export const GL_COLOR_DATA_ORANGE_950 = '#4b2707';
176
231
  export const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
177
232
  export const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
178
233
  export const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
@@ -260,61 +315,6 @@ export const GL_COLOR_BRAND_GRAY_03 = '#74717a';
260
315
  export const GL_COLOR_BRAND_GRAY_04 = '#45424d';
261
316
  export const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
262
317
  export const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
263
- export const DATA_VIZ_GREEN_50 = '#ddfab7';
264
- export const DATA_VIZ_GREEN_100 = '#c6ed94';
265
- export const DATA_VIZ_GREEN_200 = '#b0d97b';
266
- export const DATA_VIZ_GREEN_300 = '#94c25e';
267
- export const DATA_VIZ_GREEN_400 = '#81ac41';
268
- export const DATA_VIZ_GREEN_500 = '#619025';
269
- export const DATA_VIZ_GREEN_600 = '#4e7f0e';
270
- export const DATA_VIZ_GREEN_700 = '#366800';
271
- export const DATA_VIZ_GREEN_800 = '#275600';
272
- export const DATA_VIZ_GREEN_900 = '#1a4500';
273
- export const DATA_VIZ_GREEN_950 = '#133a03';
274
- export const DATA_VIZ_AQUA_50 = '#b5fefd';
275
- export const DATA_VIZ_AQUA_100 = '#93f2ef';
276
- export const DATA_VIZ_AQUA_200 = '#5edee3';
277
- export const DATA_VIZ_AQUA_300 = '#32c5d2';
278
- export const DATA_VIZ_AQUA_400 = '#00acc4';
279
- export const DATA_VIZ_AQUA_500 = '#0090b1';
280
- export const DATA_VIZ_AQUA_600 = '#007b9b';
281
- export const DATA_VIZ_AQUA_700 = '#006381';
282
- export const DATA_VIZ_AQUA_800 = '#00516c';
283
- export const DATA_VIZ_AQUA_900 = '#004059';
284
- export const DATA_VIZ_AQUA_950 = '#00344b';
285
- export const DATA_VIZ_BLUE_50 = '#e9ebff';
286
- export const DATA_VIZ_BLUE_100 = '#d2dcff';
287
- export const DATA_VIZ_BLUE_200 = '#b7c6ff';
288
- export const DATA_VIZ_BLUE_300 = '#97acff';
289
- export const DATA_VIZ_BLUE_400 = '#7992f5';
290
- export const DATA_VIZ_BLUE_500 = '#617ae2';
291
- export const DATA_VIZ_BLUE_600 = '#4e65cd';
292
- export const DATA_VIZ_BLUE_700 = '#3f51ae';
293
- export const DATA_VIZ_BLUE_800 = '#374291';
294
- export const DATA_VIZ_BLUE_900 = '#303470';
295
- export const DATA_VIZ_BLUE_950 = '#2a2b59';
296
- export const DATA_VIZ_MAGENTA_50 = '#ffe3eb';
297
- export const DATA_VIZ_MAGENTA_100 = '#ffccdb';
298
- export const DATA_VIZ_MAGENTA_200 = '#fcacc5';
299
- export const DATA_VIZ_MAGENTA_300 = '#f88aaf';
300
- export const DATA_VIZ_MAGENTA_400 = '#e86e9a';
301
- export const DATA_VIZ_MAGENTA_500 = '#cf4d81';
302
- export const DATA_VIZ_MAGENTA_600 = '#b93d71';
303
- export const DATA_VIZ_MAGENTA_700 = '#9a2e5d';
304
- export const DATA_VIZ_MAGENTA_800 = '#7c214f';
305
- export const DATA_VIZ_MAGENTA_900 = '#661e3a';
306
- export const DATA_VIZ_MAGENTA_950 = '#541d31';
307
- export const DATA_VIZ_ORANGE_50 = '#fae8d1';
308
- export const DATA_VIZ_ORANGE_100 = '#f5d6b3';
309
- export const DATA_VIZ_ORANGE_200 = '#eebd8c';
310
- export const DATA_VIZ_ORANGE_300 = '#e99b60';
311
- export const DATA_VIZ_ORANGE_400 = '#e07e41';
312
- export const DATA_VIZ_ORANGE_500 = '#c95d2e';
313
- export const DATA_VIZ_ORANGE_600 = '#b14f18';
314
- export const DATA_VIZ_ORANGE_700 = '#92430a';
315
- export const DATA_VIZ_ORANGE_800 = '#6f3500';
316
- export const DATA_VIZ_ORANGE_900 = '#5e2f05';
317
- export const DATA_VIZ_ORANGE_950 = '#4b2707';
318
318
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d';
319
319
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef';
320
320
  export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent';
@@ -747,6 +747,61 @@ export const GL_CONTROL_TEXT_COLOR_VALID = '#217645';
747
747
  export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
748
748
  export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff';
749
749
  export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278';
750
+ export const DATA_VIZ_GREEN_50 = '#ddfab7';
751
+ export const DATA_VIZ_GREEN_100 = '#c6ed94';
752
+ export const DATA_VIZ_GREEN_200 = '#b0d97b';
753
+ export const DATA_VIZ_GREEN_300 = '#94c25e';
754
+ export const DATA_VIZ_GREEN_400 = '#81ac41';
755
+ export const DATA_VIZ_GREEN_500 = '#619025';
756
+ export const DATA_VIZ_GREEN_600 = '#4e7f0e';
757
+ export const DATA_VIZ_GREEN_700 = '#366800';
758
+ export const DATA_VIZ_GREEN_800 = '#275600';
759
+ export const DATA_VIZ_GREEN_900 = '#1a4500';
760
+ export const DATA_VIZ_GREEN_950 = '#133a03';
761
+ export const DATA_VIZ_AQUA_50 = '#b5fefd';
762
+ export const DATA_VIZ_AQUA_100 = '#93f2ef';
763
+ export const DATA_VIZ_AQUA_200 = '#5edee3';
764
+ export const DATA_VIZ_AQUA_300 = '#32c5d2';
765
+ export const DATA_VIZ_AQUA_400 = '#00acc4';
766
+ export const DATA_VIZ_AQUA_500 = '#0090b1';
767
+ export const DATA_VIZ_AQUA_600 = '#007b9b';
768
+ export const DATA_VIZ_AQUA_700 = '#006381';
769
+ export const DATA_VIZ_AQUA_800 = '#00516c';
770
+ export const DATA_VIZ_AQUA_900 = '#004059';
771
+ export const DATA_VIZ_AQUA_950 = '#00344b';
772
+ export const DATA_VIZ_BLUE_50 = '#e9ebff';
773
+ export const DATA_VIZ_BLUE_100 = '#d2dcff';
774
+ export const DATA_VIZ_BLUE_200 = '#b7c6ff';
775
+ export const DATA_VIZ_BLUE_300 = '#97acff';
776
+ export const DATA_VIZ_BLUE_400 = '#7992f5';
777
+ export const DATA_VIZ_BLUE_500 = '#617ae2';
778
+ export const DATA_VIZ_BLUE_600 = '#4e65cd';
779
+ export const DATA_VIZ_BLUE_700 = '#3f51ae';
780
+ export const DATA_VIZ_BLUE_800 = '#374291';
781
+ export const DATA_VIZ_BLUE_900 = '#303470';
782
+ export const DATA_VIZ_BLUE_950 = '#2a2b59';
783
+ export const DATA_VIZ_MAGENTA_50 = '#ffe3eb';
784
+ export const DATA_VIZ_MAGENTA_100 = '#ffccdb';
785
+ export const DATA_VIZ_MAGENTA_200 = '#fcacc5';
786
+ export const DATA_VIZ_MAGENTA_300 = '#f88aaf';
787
+ export const DATA_VIZ_MAGENTA_400 = '#e86e9a';
788
+ export const DATA_VIZ_MAGENTA_500 = '#cf4d81';
789
+ export const DATA_VIZ_MAGENTA_600 = '#b93d71';
790
+ export const DATA_VIZ_MAGENTA_700 = '#9a2e5d';
791
+ export const DATA_VIZ_MAGENTA_800 = '#7c214f';
792
+ export const DATA_VIZ_MAGENTA_900 = '#661e3a';
793
+ export const DATA_VIZ_MAGENTA_950 = '#541d31';
794
+ export const DATA_VIZ_ORANGE_50 = '#fae8d1';
795
+ export const DATA_VIZ_ORANGE_100 = '#f5d6b3';
796
+ export const DATA_VIZ_ORANGE_200 = '#eebd8c';
797
+ export const DATA_VIZ_ORANGE_300 = '#e99b60';
798
+ export const DATA_VIZ_ORANGE_400 = '#e07e41';
799
+ export const DATA_VIZ_ORANGE_500 = '#c95d2e';
800
+ export const DATA_VIZ_ORANGE_600 = '#b14f18';
801
+ export const DATA_VIZ_ORANGE_700 = '#92430a';
802
+ export const DATA_VIZ_ORANGE_800 = '#6f3500';
803
+ export const DATA_VIZ_ORANGE_900 = '#5e2f05';
804
+ export const DATA_VIZ_ORANGE_950 = '#4b2707';
750
805
  export const THEME_INDIGO_10 = '#f8f8ff';
751
806
  export const THEME_INDIGO_50 = '#f1f1ff';
752
807
  export const THEME_INDIGO_100 = '#dbdbf8';