@gitlab/ui 80.10.0 → 80.12.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 (69) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +1 -20
  3. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +5 -9
  4. package/dist/components/base/new_dropdowns/constants.js +1 -2
  5. package/dist/components/charts/discrete_scatter/discrete_scatter.js +1 -1
  6. package/dist/components/charts/heatmap/heatmap.js +1 -1
  7. package/dist/components/charts/legend/legend.js +1 -1
  8. package/dist/components/charts/line/line.js +1 -1
  9. package/dist/tailwind.css +1 -1
  10. package/dist/tailwind.css.map +1 -1
  11. package/dist/tokens/build/js/tokens.dark.js +106 -1
  12. package/dist/tokens/build/js/tokens.js +70 -1
  13. package/dist/tokens/common_story_options.js +1 -1
  14. package/dist/tokens/css/tokens.css +77 -8
  15. package/dist/tokens/css/tokens.dark.css +111 -6
  16. package/dist/tokens/js/tokens.dark.js +105 -0
  17. package/dist/tokens/js/tokens.js +69 -0
  18. package/dist/tokens/json/tokens.dark.json +4002 -2053
  19. package/dist/tokens/json/tokens.json +1207 -14
  20. package/dist/tokens/scss/_tokens.dark.scss +111 -6
  21. package/dist/tokens/scss/_tokens.scss +77 -8
  22. package/dist/tokens/scss/_tokens_custom_properties.scss +315 -0
  23. package/dist/tokens/tailwind/tokens.cjs +9 -8
  24. package/dist/utils/charts/config.js +1 -1
  25. package/dist/utils/charts/mock_data.js +1 -1
  26. package/dist/utils/charts/theme.js +1 -1
  27. package/dist/utils/utils.js +1 -19
  28. package/package.json +1 -1
  29. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.spec.js +17 -55
  30. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +4 -16
  31. package/src/components/base/new_dropdowns/constants.js +0 -1
  32. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.stories.js +0 -28
  33. package/src/components/charts/area/area.stories.js +1 -1
  34. package/src/components/charts/discrete_scatter/discrete_scatter.vue +1 -1
  35. package/src/components/charts/heatmap/heatmap.vue +1 -1
  36. package/src/components/charts/legend/legend.stories.js +1 -1
  37. package/src/components/charts/legend/legend.vue +1 -1
  38. package/src/components/charts/line/line.vue +1 -1
  39. package/src/components/charts/stacked_column/stacked_column.stories.js +1 -1
  40. package/src/scss/tokens.scss +2 -2
  41. package/src/scss/variables.scss +1 -1
  42. package/src/tokens/build/css/tokens.css +77 -8
  43. package/src/tokens/build/css/tokens.dark.css +111 -6
  44. package/src/tokens/build/js/tokens.dark.js +105 -0
  45. package/src/tokens/build/js/tokens.js +69 -0
  46. package/src/tokens/build/json/tokens.dark.json +4002 -2053
  47. package/src/tokens/build/json/tokens.json +1207 -14
  48. package/src/tokens/build/scss/_tokens.dark.scss +111 -6
  49. package/src/tokens/build/scss/_tokens.scss +77 -8
  50. package/src/tokens/build/scss/_tokens_custom_properties.scss +315 -0
  51. package/src/tokens/build/tailwind/tokens.cjs +9 -8
  52. package/src/tokens/color.constant.tokens.json +292 -0
  53. package/src/tokens/color.constant.tokens.stories.js +19 -0
  54. package/src/tokens/color.dark.tokens.stories.js +1 -1
  55. package/src/tokens/color.data_viz.dark.tokens.stories.js +1 -1
  56. package/src/tokens/color.data_viz.tokens.stories.js +1 -1
  57. package/src/tokens/color.theme.dark.tokens.stories.js +1 -1
  58. package/src/tokens/color.theme.tokens.stories.js +1 -1
  59. package/src/tokens/color.tokens.stories.js +1 -1
  60. package/src/tokens/color.transparency.tokens.stories.js +1 -1
  61. package/src/tokens/common_story_options.js +1 -1
  62. package/src/tokens/text.dark.tokens.stories.js +1 -1
  63. package/src/tokens/text.tokens.json +20 -14
  64. package/src/tokens/text.tokens.stories.js +1 -1
  65. package/src/utils/charts/config.js +1 -1
  66. package/src/utils/charts/mock_data.js +1 -1
  67. package/src/utils/charts/theme.js +1 -1
  68. package/src/utils/utils.js +0 -18
  69. package/src/utils/utils.spec.js +0 -52
package/src/tokens/build/js/tokens.js CHANGED
@@ -3,6 +3,75 @@
3
3
  * Do not edit directly
4
4
  */
5
5
 
6
+ export const GL_COLOR_BLUE_50 = '#e9f3fc';
7
+ export const GL_COLOR_BLUE_100 = '#cbe2f9';
8
+ export const GL_COLOR_BLUE_200 = '#9dc7f1';
9
+ export const GL_COLOR_BLUE_300 = '#63a6e9';
10
+ export const GL_COLOR_BLUE_400 = '#428fdc';
11
+ export const GL_COLOR_BLUE_500 = '#1f75cb';
12
+ export const GL_COLOR_BLUE_600 = '#1068bf';
13
+ export const GL_COLOR_BLUE_700 = '#0b5cad';
14
+ export const GL_COLOR_BLUE_800 = '#064787';
15
+ export const GL_COLOR_BLUE_900 = '#033464';
16
+ export const GL_COLOR_BLUE_950 = '#002850';
17
+ export const GL_COLOR_NEUTRAL_0 = '#fff';
18
+ export const GL_COLOR_NEUTRAL_10 = '#fbfafd';
19
+ export const GL_COLOR_NEUTRAL_50 = '#ececef';
20
+ export const GL_COLOR_NEUTRAL_100 = '#dcdcde';
21
+ export const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
22
+ export const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
23
+ export const GL_COLOR_NEUTRAL_400 = '#89888d';
24
+ export const GL_COLOR_NEUTRAL_500 = '#737278';
25
+ export const GL_COLOR_NEUTRAL_600 = '#626168';
26
+ export const GL_COLOR_NEUTRAL_700 = '#535158';
27
+ export const GL_COLOR_NEUTRAL_800 = '#434248';
28
+ export const GL_COLOR_NEUTRAL_900 = '#333238';
29
+ export const GL_COLOR_NEUTRAL_950 = '#1f1e24';
30
+ export const GL_COLOR_NEUTRAL_1000 = '#000';
31
+ export const GL_COLOR_GREEN_50 = '#ecf4ee';
32
+ export const GL_COLOR_GREEN_100 = '#c3e6cd';
33
+ export const GL_COLOR_GREEN_200 = '#91d4a8';
34
+ export const GL_COLOR_GREEN_300 = '#52b87a';
35
+ export const GL_COLOR_GREEN_400 = '#2da160';
36
+ export const GL_COLOR_GREEN_500 = '#108548';
37
+ export const GL_COLOR_GREEN_600 = '#217645';
38
+ export const GL_COLOR_GREEN_700 = '#24663b';
39
+ export const GL_COLOR_GREEN_800 = '#0d532a';
40
+ export const GL_COLOR_GREEN_900 = '#0a4020';
41
+ export const GL_COLOR_GREEN_950 = '#072b15';
42
+ export const GL_COLOR_ORANGE_50 = '#fdf1dd';
43
+ export const GL_COLOR_ORANGE_100 = '#f5d9a8';
44
+ export const GL_COLOR_ORANGE_200 = '#e9be74';
45
+ export const GL_COLOR_ORANGE_300 = '#d99530';
46
+ export const GL_COLOR_ORANGE_400 = '#c17d10';
47
+ export const GL_COLOR_ORANGE_500 = '#ab6100';
48
+ export const GL_COLOR_ORANGE_600 = '#9e5400';
49
+ export const GL_COLOR_ORANGE_700 = '#8f4700';
50
+ export const GL_COLOR_ORANGE_800 = '#703800';
51
+ export const GL_COLOR_ORANGE_900 = '#5c2900';
52
+ export const GL_COLOR_ORANGE_950 = '#421f00';
53
+ export const GL_COLOR_PURPLE_50 = '#f4f0ff';
54
+ export const GL_COLOR_PURPLE_100 = '#e1d8f9';
55
+ export const GL_COLOR_PURPLE_200 = '#cbbbf2';
56
+ export const GL_COLOR_PURPLE_300 = '#ac93e6';
57
+ export const GL_COLOR_PURPLE_400 = '#9475db';
58
+ export const GL_COLOR_PURPLE_500 = '#7b58cf';
59
+ export const GL_COLOR_PURPLE_600 = '#694cc0';
60
+ export const GL_COLOR_PURPLE_700 = '#5943b6';
61
+ export const GL_COLOR_PURPLE_800 = '#453894';
62
+ export const GL_COLOR_PURPLE_900 = '#2f2a6b';
63
+ export const GL_COLOR_PURPLE_950 = '#232150';
64
+ export const GL_COLOR_RED_50 = '#fcf1ef';
65
+ export const GL_COLOR_RED_100 = '#fdd4cd';
66
+ export const GL_COLOR_RED_200 = '#fcb5aa';
67
+ export const GL_COLOR_RED_300 = '#f57f6c';
68
+ export const GL_COLOR_RED_400 = '#ec5941';
69
+ export const GL_COLOR_RED_500 = '#dd2b0e';
70
+ export const GL_COLOR_RED_600 = '#c91c00';
71
+ export const GL_COLOR_RED_700 = '#ae1800';
72
+ export const GL_COLOR_RED_800 = '#8d1300';
73
+ export const GL_COLOR_RED_900 = '#660e00';
74
+ export const GL_COLOR_RED_950 = '#4d0a00';
6
75
  export const DATA_VIZ_GREEN_50 = '#ddfab7';
7
76
  export const DATA_VIZ_GREEN_100 = '#c6ed94';
8
77
  export const DATA_VIZ_GREEN_200 = '#b0d97b';