@gitlab/ui 64.16.0 → 64.18.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 (34) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/charts/discrete_scatter/discrete_scatter.js +2 -3
  3. package/dist/components/charts/heatmap/heatmap.js +4 -6
  4. package/dist/components/charts/legend/legend.js +2 -3
  5. package/dist/components/charts/line/line.js +2 -3
  6. package/dist/tokens/css/tokens.css +142 -0
  7. package/dist/tokens/css/tokens.dark.css +76 -0
  8. package/dist/tokens/js/tokens.dark.js +74 -0
  9. package/dist/tokens/js/tokens.js +140 -0
  10. package/dist/tokens/json/tokens.dark.grouped.json +139 -0
  11. package/dist/tokens/json/tokens.dark.json +2527 -0
  12. package/dist/tokens/json/tokens.grouped.json +139 -0
  13. package/dist/tokens/json/tokens.json +2527 -0
  14. package/dist/tokens/scss/_tokens.dark.scss +73 -0
  15. package/dist/tokens/scss/_tokens.scss +139 -0
  16. package/dist/utility_classes.css +1 -1
  17. package/dist/utility_classes.css.map +1 -1
  18. package/dist/utils/charts/config.js +3 -4
  19. package/dist/utils/charts/mock_data.js +3 -4
  20. package/dist/utils/charts/theme.js +25 -89
  21. package/package.json +8 -6
  22. package/src/components/charts/area/area.stories.js +3 -3
  23. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  24. package/src/components/charts/heatmap/heatmap.vue +4 -4
  25. package/src/components/charts/legend/legend.stories.js +2 -2
  26. package/src/components/charts/legend/legend.vue +2 -2
  27. package/src/components/charts/line/line.vue +2 -2
  28. package/src/scss/utilities.scss +8 -0
  29. package/src/scss/utility-mixins/border.scss +4 -0
  30. package/src/tokens/color.dark.tokens.json +359 -0
  31. package/src/tokens/color.tokens.json +709 -0
  32. package/src/utils/charts/config.js +3 -3
  33. package/src/utils/charts/mock_data.js +3 -3
  34. package/src/utils/charts/theme.js +152 -153
package/dist/tokens/scss/_tokens.dark.scss ADDED
@@ -0,0 +1,73 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 04 Jul 2023 11:29:36 GMT
4
+
5
+ $red-950: #fff4f3;
6
+ $red-900: #fcf1ef;
7
+ $red-800: #fdd4cd;
8
+ $red-700: #fcb5aa;
9
+ $red-600: #f57f6c;
10
+ $red-500: #ec5941;
11
+ $red-400: #dd2b0e;
12
+ $red-300: #c91c00;
13
+ $red-200: #ae1800;
14
+ $red-100: #8d1300;
15
+ $red-50: #660e00;
16
+ $purple-950: #f4f0ff;
17
+ $purple-900: #e1d8f9;
18
+ $purple-800: #cbbbf2;
19
+ $purple-700: #ac93e6;
20
+ $purple-600: #9475db;
21
+ $purple-500: #7b58cf;
22
+ $purple-400: #694cc0;
23
+ $purple-300: #5943b6;
24
+ $purple-200: #453894;
25
+ $purple-100: #2f2a6b;
26
+ $purple-50: #232150;
27
+ $orange-950: #fff4e1;
28
+ $orange-900: #fdf1dd;
29
+ $orange-800: #f5d9a8;
30
+ $orange-700: #e9be74;
31
+ $orange-600: #d99530;
32
+ $orange-500: #c17d10;
33
+ $orange-400: #ab6100;
34
+ $orange-300: #9e5400;
35
+ $orange-200: #8f4700;
36
+ $orange-100: #703800;
37
+ $orange-50: #5c2900;
38
+ $green-950: #f1fdf6;
39
+ $green-900: #ecf4ee;
40
+ $green-800: #c3e6cd;
41
+ $green-700: #91d4a8;
42
+ $green-600: #52b87a;
43
+ $green-500: #2da160;
44
+ $green-400: #108548;
45
+ $green-300: #217645;
46
+ $green-200: #24663b;
47
+ $green-100: #0d532a;
48
+ $green-50: #0a4020;
49
+ $gray-950: #fbfafd;
50
+ $gray-900: #ececef;
51
+ $gray-800: #dcdcde;
52
+ $gray-700: #bfbfc3;
53
+ $gray-600: #a4a3a8;
54
+ $gray-500: #89888d;
55
+ $gray-400: #737278;
56
+ $gray-300: #626168;
57
+ $gray-200: #535158;
58
+ $gray-100: #434248;
59
+ $gray-50: #333238;
60
+ $gray-10: #1f1e24;
61
+ $blue-950: #f2f9ff;
62
+ $blue-900: #e9f3fc;
63
+ $blue-800: #cbe2f9;
64
+ $blue-700: #9dc7f1;
65
+ $blue-600: #63a6e9;
66
+ $blue-500: #428fdc;
67
+ $blue-400: #1f75cb;
68
+ $blue-300: #1068bf;
69
+ $blue-200: #0b5cad;
70
+ $blue-100: #064787;
71
+ $blue-50: #033464;
72
+ $black: #fff;
73
+ $white: $gray-50;
package/dist/tokens/scss/_tokens.scss ADDED
@@ -0,0 +1,139 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 04 Jul 2023 11:29:36 GMT
4
+
5
+ $brand-gray-05: #2b2838 !default;
6
+ $brand-gray-04: #45424d !default;
7
+ $brand-gray-03: #74717a !default;
8
+ $brand-gray-02: #a2a1a6 !default;
9
+ $brand-gray-01: #d1d0d3 !default;
10
+ $brand-purple-02: #7759c2 !default;
11
+ $brand-purple-01: #a989f5 !default;
12
+ $brand-orange-03: #e24329 !default;
13
+ $brand-orange-02: #fc6d26 !default;
14
+ $brand-orange-01: #fca326 !default;
15
+ $brand-charcoal: #171321 !default;
16
+ $data-viz-orange-950: #4b2707 !default;
17
+ $data-viz-orange-900: #5e2f05 !default;
18
+ $data-viz-orange-800: #6f3500 !default;
19
+ $data-viz-orange-700: #92430a !default;
20
+ $data-viz-orange-600: #b14f18 !default;
21
+ $data-viz-orange-500: #c95d2e !default;
22
+ $data-viz-orange-400: #e07e41 !default;
23
+ $data-viz-orange-300: #e99b60 !default;
24
+ $data-viz-orange-200: #eebd8c !default;
25
+ $data-viz-orange-100: #f5d6b3 !default;
26
+ $data-viz-orange-50: #fae8d1 !default;
27
+ $data-viz-magenta-950: #541d31 !default;
28
+ $data-viz-magenta-900: #661e3a !default;
29
+ $data-viz-magenta-800: #7c214f !default;
30
+ $data-viz-magenta-700: #9a2e5d !default;
31
+ $data-viz-magenta-600: #b93d71 !default;
32
+ $data-viz-magenta-500: #cf4d81 !default;
33
+ $data-viz-magenta-400: #e86e9a !default;
34
+ $data-viz-magenta-300: #f88aaf !default;
35
+ $data-viz-magenta-200: #fcacc5 !default;
36
+ $data-viz-magenta-100: #ffccdb !default;
37
+ $data-viz-magenta-50: #ffe3eb !default;
38
+ $data-viz-blue-950: #2a2b59 !default;
39
+ $data-viz-blue-900: #303470 !default;
40
+ $data-viz-blue-800: #374291 !default;
41
+ $data-viz-blue-700: #3f51ae !default;
42
+ $data-viz-blue-600: #4e65cd !default;
43
+ $data-viz-blue-500: #617ae2 !default;
44
+ $data-viz-blue-400: #7992f5 !default;
45
+ $data-viz-blue-300: #97acff !default;
46
+ $data-viz-blue-200: #b7c6ff !default;
47
+ $data-viz-blue-100: #d2dcff !default;
48
+ $data-viz-blue-50: #e9ebff !default;
49
+ $data-viz-aqua-950: #00344b !default;
50
+ $data-viz-aqua-900: #004059 !default;
51
+ $data-viz-aqua-800: #00516c !default;
52
+ $data-viz-aqua-700: #006381 !default;
53
+ $data-viz-aqua-600: #007b9b !default;
54
+ $data-viz-aqua-500: #0090b1 !default;
55
+ $data-viz-aqua-400: #00acc4 !default;
56
+ $data-viz-aqua-300: #32c5d2 !default;
57
+ $data-viz-aqua-200: #5edee3 !default;
58
+ $data-viz-aqua-100: #93f2ef !default;
59
+ $data-viz-aqua-50: #b5fefd !default;
60
+ $data-viz-green-950: #133a03 !default;
61
+ $data-viz-green-900: #1a4500 !default;
62
+ $data-viz-green-800: #275600 !default;
63
+ $data-viz-green-700: #366800 !default;
64
+ $data-viz-green-600: #4e7f0e !default;
65
+ $data-viz-green-500: #619025 !default;
66
+ $data-viz-green-400: #81ac41 !default;
67
+ $data-viz-green-300: #94c25e !default;
68
+ $data-viz-green-200: #b0d97b !default;
69
+ $data-viz-green-100: #c6ed94 !default;
70
+ $data-viz-green-50: #ddfab7 !default;
71
+ $red-950: #4d0a00 !default;
72
+ $red-900: #660e00 !default;
73
+ $red-800: #8d1300 !default;
74
+ $red-700: #ae1800 !default;
75
+ $red-600: #c91c00 !default;
76
+ $red-500: #dd2b0e !default;
77
+ $red-400: #ec5941 !default;
78
+ $red-300: #f57f6c !default;
79
+ $red-200: #fcb5aa !default;
80
+ $red-100: #fdd4cd !default;
81
+ $red-50: #fcf1ef !default;
82
+ $purple-950: #232150 !default;
83
+ $purple-900: #2f2a6b !default;
84
+ $purple-800: #453894 !default;
85
+ $purple-700: #5943b6 !default;
86
+ $purple-600: #694cc0 !default;
87
+ $purple-500: #7b58cf !default;
88
+ $purple-400: #9475db !default;
89
+ $purple-300: #ac93e6 !default;
90
+ $purple-200: #cbbbf2 !default;
91
+ $purple-100: #e1d8f9 !default;
92
+ $purple-50: #f4f0ff !default;
93
+ $orange-950: #421f00 !default;
94
+ $orange-900: #5c2900 !default;
95
+ $orange-800: #703800 !default;
96
+ $orange-700: #8f4700 !default;
97
+ $orange-600: #9e5400 !default;
98
+ $orange-500: #ab6100 !default;
99
+ $orange-400: #c17d10 !default;
100
+ $orange-300: #d99530 !default;
101
+ $orange-200: #e9be74 !default;
102
+ $orange-100: #f5d9a8 !default;
103
+ $orange-50: #fdf1dd !default;
104
+ $green-950: #072b15 !default;
105
+ $green-900: #0a4020 !default;
106
+ $green-800: #0d532a !default;
107
+ $green-700: #24663b !default;
108
+ $green-600: #217645 !default;
109
+ $green-500: #108548 !default;
110
+ $green-400: #2da160 !default;
111
+ $green-300: #52b87a !default;
112
+ $green-200: #91d4a8 !default;
113
+ $green-100: #c3e6cd !default;
114
+ $green-50: #ecf4ee !default;
115
+ $gray-950: #1f1e24 !default;
116
+ $gray-900: #333238 !default;
117
+ $gray-800: #434248 !default;
118
+ $gray-700: #535158 !default;
119
+ $gray-600: #626168 !default;
120
+ $gray-500: #737278 !default;
121
+ $gray-400: #89888d !default;
122
+ $gray-300: #a4a3a8 !default;
123
+ $gray-200: #bfbfc3 !default;
124
+ $gray-100: #dcdcde !default;
125
+ $gray-50: #ececef !default;
126
+ $gray-10: #fbfafd !default;
127
+ $blue-950: #002850 !default;
128
+ $blue-900: #033464 !default;
129
+ $blue-800: #064787 !default;
130
+ $blue-700: #0b5cad !default;
131
+ $blue-600: #1068bf !default;
132
+ $blue-500: #1f75cb !default;
133
+ $blue-400: #428fdc !default;
134
+ $blue-300: #63a6e9 !default;
135
+ $blue-200: #9dc7f1 !default;
136
+ $blue-100: #cbe2f9 !default;
137
+ $blue-50: #e9f3fc !default;
138
+ $white: #fff !default;
139
+ $black: #000 !default;