@gitlab/ui 68.4.0 → 68.6.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 (30) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/common_story_options.js +32 -0
  5. package/dist/tokens/css/tokens.css +122 -56
  6. package/dist/tokens/css/tokens.dark.css +2 -2
  7. package/dist/tokens/js/tokens.dark.js +1 -1
  8. package/dist/tokens/js/tokens.js +122 -56
  9. package/dist/tokens/json/tokens.dark.grouped.json +121 -55
  10. package/dist/tokens/json/tokens.dark.json +3504 -2104
  11. package/dist/tokens/json/tokens.grouped.json +121 -55
  12. package/dist/tokens/json/tokens.json +3465 -2065
  13. package/dist/tokens/scss/_tokens.dark.scss +2 -2
  14. package/dist/tokens/scss/_tokens.scss +122 -56
  15. package/dist/utils/utils.js +3 -2
  16. package/package.json +1 -1
  17. package/scss_to_js/scss_variables.js +122 -122
  18. package/scss_to_js/scss_variables.json +1265 -1265
  19. package/src/components/base/banner/banner.scss +1 -1
  20. package/src/scss/variables.scss +0 -74
  21. package/src/tokens/color.dark.tokens.json +1 -1
  22. package/src/tokens/color.dark.tokens.stories.js +42 -0
  23. package/src/tokens/color.data_viz.tokens.json +344 -0
  24. package/src/tokens/color.data_viz.tokens.stories.js +56 -0
  25. package/src/tokens/color.theme.tokens.json +412 -0
  26. package/src/tokens/color.theme.tokens.stories.js +60 -0
  27. package/src/tokens/color.tokens.json +0 -342
  28. package/src/tokens/color.tokens.stories.js +42 -0
  29. package/src/tokens/common_story_options.js +31 -0
  30. package/src/utils/utils.js +3 -3
package/dist/tokens/json/tokens.grouped.json CHANGED
@@ -1,5 +1,126 @@
1
1
  {
2
2
  "color": {
3
+ "data-viz-green-50": "#ddfab7",
4
+ "data-viz-green-100": "#c6ed94",
5
+ "data-viz-green-200": "#b0d97b",
6
+ "data-viz-green-300": "#94c25e",
7
+ "data-viz-green-400": "#81ac41",
8
+ "data-viz-green-500": "#619025",
9
+ "data-viz-green-600": "#4e7f0e",
10
+ "data-viz-green-700": "#366800",
11
+ "data-viz-green-800": "#275600",
12
+ "data-viz-green-900": "#1a4500",
13
+ "data-viz-green-950": "#133a03",
14
+ "data-viz-aqua-50": "#b5fefd",
15
+ "data-viz-aqua-100": "#93f2ef",
16
+ "data-viz-aqua-200": "#5edee3",
17
+ "data-viz-aqua-300": "#32c5d2",
18
+ "data-viz-aqua-400": "#00acc4",
19
+ "data-viz-aqua-500": "#0090b1",
20
+ "data-viz-aqua-600": "#007b9b",
21
+ "data-viz-aqua-700": "#006381",
22
+ "data-viz-aqua-800": "#00516c",
23
+ "data-viz-aqua-900": "#004059",
24
+ "data-viz-aqua-950": "#00344b",
25
+ "data-viz-blue-50": "#e9ebff",
26
+ "data-viz-blue-100": "#d2dcff",
27
+ "data-viz-blue-200": "#b7c6ff",
28
+ "data-viz-blue-300": "#97acff",
29
+ "data-viz-blue-400": "#7992f5",
30
+ "data-viz-blue-500": "#617ae2",
31
+ "data-viz-blue-600": "#4e65cd",
32
+ "data-viz-blue-700": "#3f51ae",
33
+ "data-viz-blue-800": "#374291",
34
+ "data-viz-blue-900": "#303470",
35
+ "data-viz-blue-950": "#2a2b59",
36
+ "data-viz-magenta-50": "#ffe3eb",
37
+ "data-viz-magenta-100": "#ffccdb",
38
+ "data-viz-magenta-200": "#fcacc5",
39
+ "data-viz-magenta-300": "#f88aaf",
40
+ "data-viz-magenta-400": "#e86e9a",
41
+ "data-viz-magenta-500": "#cf4d81",
42
+ "data-viz-magenta-600": "#b93d71",
43
+ "data-viz-magenta-700": "#9a2e5d",
44
+ "data-viz-magenta-800": "#7c214f",
45
+ "data-viz-magenta-900": "#661e3a",
46
+ "data-viz-magenta-950": "#541d31",
47
+ "data-viz-orange-50": "#fae8d1",
48
+ "data-viz-orange-100": "#f5d6b3",
49
+ "data-viz-orange-200": "#eebd8c",
50
+ "data-viz-orange-300": "#e99b60",
51
+ "data-viz-orange-400": "#e07e41",
52
+ "data-viz-orange-500": "#c95d2e",
53
+ "data-viz-orange-600": "#b14f18",
54
+ "data-viz-orange-700": "#92430a",
55
+ "data-viz-orange-800": "#6f3500",
56
+ "data-viz-orange-900": "#5e2f05",
57
+ "data-viz-orange-950": "#4b2707",
58
+ "theme-indigo-50": "#f1f1ff",
59
+ "theme-indigo-100": "#dbdbf8",
60
+ "theme-indigo-200": "#c7c7f2",
61
+ "theme-indigo-300": "#a2a2e6",
62
+ "theme-indigo-400": "#8181d7",
63
+ "theme-indigo-500": "#6666c4",
64
+ "theme-indigo-600": "#5252b5",
65
+ "theme-indigo-700": "#41419f",
66
+ "theme-indigo-800": "#303083",
67
+ "theme-indigo-900": "#222261",
68
+ "theme-indigo-950": "#14143d",
69
+ "theme-blue-50": "#cdd8e3",
70
+ "theme-blue-100": "#b9cadc",
71
+ "theme-blue-200": "#a6bdd5",
72
+ "theme-blue-300": "#81a5c9",
73
+ "theme-blue-400": "#628eb9",
74
+ "theme-blue-500": "#4977a5",
75
+ "theme-blue-600": "#346596",
76
+ "theme-blue-700": "#235180",
77
+ "theme-blue-800": "#153c63",
78
+ "theme-blue-900": "#0b2640",
79
+ "theme-blue-950": "#04101c",
80
+ "theme-light-blue-50": "#dde6ee",
81
+ "theme-light-blue-100": "#c1d4e6",
82
+ "theme-light-blue-200": "#a0bedc",
83
+ "theme-light-blue-300": "#74a3d3",
84
+ "theme-light-blue-400": "#4f8bc7",
85
+ "theme-light-blue-500": "#3476b9",
86
+ "theme-light-blue-600": "#2268ae",
87
+ "theme-light-blue-700": "#145aa1",
88
+ "theme-light-blue-800": "#0e4d8d",
89
+ "theme-light-blue-900": "#0c4277",
90
+ "theme-light-blue-950": "#0a3764",
91
+ "theme-green-50": "#dde9de",
92
+ "theme-green-100": "#b1d6b5",
93
+ "theme-green-200": "#8cc497",
94
+ "theme-green-300": "#69af7d",
95
+ "theme-green-400": "#499767",
96
+ "theme-green-500": "#308258",
97
+ "theme-green-600": "#25744c",
98
+ "theme-green-700": "#1b653f",
99
+ "theme-green-800": "#155635",
100
+ "theme-green-900": "#0e4328",
101
+ "theme-green-950": "#052e19",
102
+ "theme-red-50": "#f4e9e7",
103
+ "theme-red-100": "#ecd3d0",
104
+ "theme-red-200": "#e3bab5",
105
+ "theme-red-300": "#d59086",
106
+ "theme-red-400": "#c66e60",
107
+ "theme-red-500": "#ad4a3b",
108
+ "theme-red-600": "#a13322",
109
+ "theme-red-700": "#8f2110",
110
+ "theme-red-800": "#761405",
111
+ "theme-red-900": "#580d02",
112
+ "theme-red-950": "#380700",
113
+ "theme-light-red-50": "#faf2f1",
114
+ "theme-light-red-100": "#f6d9d5",
115
+ "theme-light-red-200": "#ebada2",
116
+ "theme-light-red-300": "#e07f6f",
117
+ "theme-light-red-400": "#d36250",
118
+ "theme-light-red-500": "#c24b38",
119
+ "theme-light-red-600": "#b53a26",
120
+ "theme-light-red-700": "#a02e1c",
121
+ "theme-light-red-800": "#8b2212",
122
+ "theme-light-red-900": "#751709",
123
+ "theme-light-red-950": "#5c1105",
3
124
  "black": "#000",
4
125
  "white": "#fff",
5
126
  "blue-50": "#e9f3fc",
@@ -69,61 +190,6 @@
69
190
  "red-800": "#8d1300",
70
191
  "red-900": "#660e00",
71
192
  "red-950": "#4d0a00",
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
193
  "brand-charcoal": "#171321",
128
194
  "brand-orange-01": "#fca326",
129
195
  "brand-orange-02": "#fc6d26",