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