@gitlab/ui 80.4.0 → 80.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/tokens/build/js/tokens.dark.js +212 -0
  3. package/dist/tokens/build/js/tokens.js +248 -0
  4. package/dist/tokens/css/tokens.css +1 -1
  5. package/dist/tokens/css/tokens.dark.css +1 -1
  6. package/dist/tokens/js/tokens.dark.js +206 -206
  7. package/dist/tokens/js/tokens.js +242 -242
  8. package/dist/tokens/json/tokens.dark.json +1436 -1577
  9. package/dist/tokens/json/tokens.json +1302 -687
  10. package/dist/tokens/scss/_tokens.dark.scss +197 -197
  11. package/dist/tokens/scss/_tokens.scss +1 -1
  12. package/package.json +2 -2
  13. package/src/tokens/build/css/tokens.css +248 -0
  14. package/src/tokens/build/css/tokens.dark.css +212 -0
  15. package/src/tokens/build/js/tokens.dark.js +210 -0
  16. package/src/tokens/build/js/tokens.js +246 -0
  17. package/src/tokens/build/json/tokens.dark.json +4896 -0
  18. package/src/tokens/build/json/tokens.json +5652 -0
  19. package/src/tokens/build/scss/_tokens.dark.scss +209 -0
  20. package/src/tokens/build/scss/_tokens.scss +245 -0
  21. package/src/tokens/color.data_viz.tokens.json +220 -55
  22. package/src/tokens/color.theme.tokens.json +288 -72
  23. package/src/tokens/color.tokens.json +276 -69
  24. package/src/tokens/text.tokens.json +36 -9
  25. package/dist/tokens/json/tokens.dark.grouped.json +0 -247
  26. package/dist/tokens/json/tokens.grouped.json +0 -247
  27. package/src/tokens/color.dark.tokens.json +0 -428
  28. package/src/tokens/color.data_viz.dark.tokens.json +0 -344
  29. package/src/tokens/color.theme.dark.tokens.json +0 -448
  30. package/src/tokens/text.dark.tokens.json +0 -63
package/src/tokens/build/scss/_tokens.dark.scss ADDED
@@ -0,0 +1,209 @@
1
+
2
+ // Automatically generated
3
+ // Do not edit directly
4
+
5
+ $gl-text-color-disabled: #89888d !default; // Used for disabled text.
6
+ $gl-text-color-link: #63a6e9 !default; // Used for default text links.
7
+ $gl-text-color-heading: #fff !default; // Used for headings level 1-6.
8
+ $gl-text-color-strong: #fff !default; // Used for text with the highest contrast.
9
+ $gl-text-color-subtle: #bfbfc3 !default; // Used for supplemental text that doesn't need to be as prominent as other text.
10
+ $gl-text-color-default: #ececef !default; // Used for the default text color.
11
+ $gl-text-tertiary: #737278 !default; // Use text.color.disabled instead
12
+ $gl-text-secondary: #89888d !default; // Use text.color.subtle instead
13
+ $gl-text-primary: #ececef !default; // Use text.color.default instead
14
+ $red-950: #fff4f3 !default;
15
+ $red-900: #fcf1ef !default;
16
+ $red-800: #fdd4cd !default;
17
+ $red-700: #fcb5aa !default;
18
+ $red-600: #f57f6c !default;
19
+ $red-500: #ec5941 !default;
20
+ $red-400: #dd2b0e !default;
21
+ $red-300: #c91c00 !default;
22
+ $red-200: #ae1800 !default;
23
+ $red-100: #8d1300 !default;
24
+ $red-50: #660e00 !default;
25
+ $purple-950: #f4f0ff !default;
26
+ $purple-900: #e1d8f9 !default;
27
+ $purple-800: #cbbbf2 !default;
28
+ $purple-700: #ac93e6 !default;
29
+ $purple-600: #9475db !default;
30
+ $purple-500: #7b58cf !default;
31
+ $purple-400: #694cc0 !default;
32
+ $purple-300: #5943b6 !default;
33
+ $purple-200: #453894 !default;
34
+ $purple-100: #2f2a6b !default;
35
+ $purple-50: #232150 !default;
36
+ $orange-950: #fff4e1 !default;
37
+ $orange-900: #fdf1dd !default;
38
+ $orange-800: #f5d9a8 !default;
39
+ $orange-700: #e9be74 !default;
40
+ $orange-600: #d99530 !default;
41
+ $orange-500: #c17d10 !default;
42
+ $orange-400: #ab6100 !default;
43
+ $orange-300: #9e5400 !default;
44
+ $orange-200: #8f4700 !default;
45
+ $orange-100: #703800 !default;
46
+ $orange-50: #5c2900 !default;
47
+ $green-950: #f1fdf6 !default;
48
+ $green-900: #ecf4ee !default;
49
+ $green-800: #c3e6cd !default;
50
+ $green-700: #91d4a8 !default;
51
+ $green-600: #52b87a !default;
52
+ $green-500: #2da160 !default;
53
+ $green-400: #108548 !default;
54
+ $green-300: #217645 !default;
55
+ $green-200: #24663b !default;
56
+ $green-100: #0d532a !default;
57
+ $green-50: #0a4020 !default;
58
+ $gray-950: #fbfafd !default;
59
+ $gray-900: #ececef !default;
60
+ $gray-800: #dcdcde !default;
61
+ $gray-700: #bfbfc3 !default;
62
+ $gray-600: #a4a3a8 !default;
63
+ $gray-500: #89888d !default;
64
+ $gray-400: #737278 !default;
65
+ $gray-300: #626168 !default;
66
+ $gray-200: #535158 !default;
67
+ $gray-100: #434248 !default;
68
+ $gray-50: #333238 !default;
69
+ $gray-10: #1f1e24 !default;
70
+ $blue-950: #f2f9ff !default;
71
+ $blue-900: #e9f3fc !default;
72
+ $blue-800: #cbe2f9 !default;
73
+ $blue-700: #9dc7f1 !default;
74
+ $blue-600: #63a6e9 !default;
75
+ $blue-500: #428fdc !default;
76
+ $blue-400: #1f75cb !default;
77
+ $blue-300: #1068bf !default;
78
+ $blue-200: #0b5cad !default;
79
+ $blue-100: #064787 !default;
80
+ $blue-50: #033464 !default;
81
+ $white: #333238 !default;
82
+ $black: #fff !default;
83
+ $theme-light-red-950: #fdf9f8 !default;
84
+ $theme-light-red-900: #faf2f1 !default;
85
+ $theme-light-red-800: #f6d9d5 !default;
86
+ $theme-light-red-700: #ebada2 !default;
87
+ $theme-light-red-600: #e07f6f !default;
88
+ $theme-light-red-500: #d36250 !default;
89
+ $theme-light-red-400: #c24b38 !default;
90
+ $theme-light-red-300: #b53a26 !default;
91
+ $theme-light-red-200: #a02e1c !default;
92
+ $theme-light-red-100: #8b2212 !default;
93
+ $theme-light-red-50: #751709 !default;
94
+ $theme-light-red-10: #5c1105 !default;
95
+ $theme-red-950: #faf4f3 !default;
96
+ $theme-red-900: #f4e9e7 !default;
97
+ $theme-red-800: #ecd3d0 !default;
98
+ $theme-red-700: #e3bab5 !default;
99
+ $theme-red-600: #d59086 !default;
100
+ $theme-red-500: #c66e60 !default;
101
+ $theme-red-400: #ad4a3b !default;
102
+ $theme-red-300: #a13322 !default;
103
+ $theme-red-200: #8f2110 !default;
104
+ $theme-red-100: #761405 !default;
105
+ $theme-red-50: #580d02 !default;
106
+ $theme-red-10: #380700 !default;
107
+ $theme-green-950: #eef4ef !default;
108
+ $theme-green-900: #dde9de !default;
109
+ $theme-green-800: #b1d6b5 !default;
110
+ $theme-green-700: #8cc497 !default;
111
+ $theme-green-600: #69af7d !default;
112
+ $theme-green-500: #499767 !default;
113
+ $theme-green-400: #308258 !default;
114
+ $theme-green-300: #25744c !default;
115
+ $theme-green-200: #1b653f !default;
116
+ $theme-green-100: #155635 !default;
117
+ $theme-green-50: #0e4328 !default;
118
+ $theme-green-10: #052e19 !default;
119
+ $theme-light-blue-950: #eef3f7 !default;
120
+ $theme-light-blue-900: #dde6ee !default;
121
+ $theme-light-blue-800: #c1d4e6 !default;
122
+ $theme-light-blue-700: #a0bedc !default;
123
+ $theme-light-blue-600: #74a3d3 !default;
124
+ $theme-light-blue-500: #4f8bc7 !default;
125
+ $theme-light-blue-400: #3476b9 !default;
126
+ $theme-light-blue-300: #2268ae !default;
127
+ $theme-light-blue-200: #145aa1 !default;
128
+ $theme-light-blue-100: #0e4d8d !default;
129
+ $theme-light-blue-50: #0c4277 !default;
130
+ $theme-light-blue-10: #0a3764 !default;
131
+ $theme-blue-950: #e6ecf0 !default;
132
+ $theme-blue-900: #cdd8e3 !default;
133
+ $theme-blue-800: #b9cadc !default;
134
+ $theme-blue-700: #a6bdd5 !default;
135
+ $theme-blue-600: #81a5c9 !default;
136
+ $theme-blue-500: #628eb9 !default;
137
+ $theme-blue-400: #4977a5 !default;
138
+ $theme-blue-300: #346596 !default;
139
+ $theme-blue-200: #235180 !default;
140
+ $theme-blue-100: #153c63 !default;
141
+ $theme-blue-50: #0b2640 !default;
142
+ $theme-blue-10: #04101c !default;
143
+ $theme-indigo-950: #f8f8ff !default;
144
+ $theme-indigo-900: #f1f1ff !default;
145
+ $theme-indigo-800: #dbdbf8 !default;
146
+ $theme-indigo-700: #c7c7f2 !default;
147
+ $theme-indigo-600: #a2a2e6 !default;
148
+ $theme-indigo-500: #8181d7 !default;
149
+ $theme-indigo-400: #6666c4 !default;
150
+ $theme-indigo-300: #5252b5 !default;
151
+ $theme-indigo-200: #41419f !default;
152
+ $theme-indigo-100: #303083 !default;
153
+ $theme-indigo-50: #222261 !default;
154
+ $theme-indigo-10: #14143d !default;
155
+ $data-viz-orange-950: #fae8d1 !default;
156
+ $data-viz-orange-900: #f5d6b3 !default;
157
+ $data-viz-orange-800: #eebd8c !default;
158
+ $data-viz-orange-700: #e99b60 !default;
159
+ $data-viz-orange-600: #e07e41 !default;
160
+ $data-viz-orange-500: #c95d2e !default;
161
+ $data-viz-orange-400: #b14f18 !default;
162
+ $data-viz-orange-300: #92430a !default;
163
+ $data-viz-orange-200: #6f3500 !default;
164
+ $data-viz-orange-100: #5e2f05 !default;
165
+ $data-viz-orange-50: #4b2707 !default;
166
+ $data-viz-magenta-950: #ffe3eb !default;
167
+ $data-viz-magenta-900: #ffccdb !default;
168
+ $data-viz-magenta-800: #fcacc5 !default;
169
+ $data-viz-magenta-700: #f88aaf !default;
170
+ $data-viz-magenta-600: #e86e9a !default;
171
+ $data-viz-magenta-500: #cf4d81 !default;
172
+ $data-viz-magenta-400: #b93d71 !default;
173
+ $data-viz-magenta-300: #9a2e5d !default;
174
+ $data-viz-magenta-200: #7c214f !default;
175
+ $data-viz-magenta-100: #661e3a !default;
176
+ $data-viz-magenta-50: #541d31 !default;
177
+ $data-viz-blue-950: #e9ebff !default;
178
+ $data-viz-blue-900: #d2dcff !default;
179
+ $data-viz-blue-800: #b7c6ff !default;
180
+ $data-viz-blue-700: #97acff !default;
181
+ $data-viz-blue-600: #7992f5 !default;
182
+ $data-viz-blue-500: #617ae2 !default;
183
+ $data-viz-blue-400: #4e65cd !default;
184
+ $data-viz-blue-300: #3f51ae !default;
185
+ $data-viz-blue-200: #374291 !default;
186
+ $data-viz-blue-100: #303470 !default;
187
+ $data-viz-blue-50: #2a2b59 !default;
188
+ $data-viz-aqua-950: #b5fefd !default;
189
+ $data-viz-aqua-900: #93f2ef !default;
190
+ $data-viz-aqua-800: #5edee3 !default;
191
+ $data-viz-aqua-700: #32c5d2 !default;
192
+ $data-viz-aqua-600: #00acc4 !default;
193
+ $data-viz-aqua-500: #0090b1 !default;
194
+ $data-viz-aqua-400: #007b9b !default;
195
+ $data-viz-aqua-300: #006381 !default;
196
+ $data-viz-aqua-200: #00516c !default;
197
+ $data-viz-aqua-100: #004059 !default;
198
+ $data-viz-aqua-50: #00344b !default;
199
+ $data-viz-green-950: #ddfab7 !default;
200
+ $data-viz-green-900: #c6ed94 !default;
201
+ $data-viz-green-800: #b0d97b !default;
202
+ $data-viz-green-700: #94c25e !default;
203
+ $data-viz-green-600: #81ac41 !default;
204
+ $data-viz-green-500: #619025 !default;
205
+ $data-viz-green-400: #4e7f0e !default;
206
+ $data-viz-green-300: #366800 !default;
207
+ $data-viz-green-200: #275600 !default;
208
+ $data-viz-green-100: #1a4500 !default;
209
+ $data-viz-green-50: #133a03 !default;
package/src/tokens/build/scss/_tokens.scss ADDED
@@ -0,0 +1,245 @@
1
+
2
+ // Automatically generated
3
+ // Do not edit directly
4
+
5
+ $gl-text-color-disabled: #89888d !default; // Used for disabled text.
6
+ $gl-text-color-success: #217645 !default; // Used for text indicating success or validity.
7
+ $gl-text-color-danger: #c91c00 !default; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
8
+ $gl-text-color-link: #0b5cad !default; // Used for default text links.
9
+ $gl-text-color-heading: #1f1e24 !default; // Used for headings level 1-6.
10
+ $gl-text-color-strong: #1f1e24 !default; // Used for text with the highest contrast.
11
+ $gl-text-color-subtle: #626168 !default; // Used for supplemental text that doesn't need to be as prominent as other text.
12
+ $gl-text-color-default: #434248 !default; // Used for the default text color.
13
+ $gl-text-tertiary: #89888d !default; // Use text.color.disabled instead
14
+ $gl-text-secondary: #737278 !default; // Use text.color.subtle instead
15
+ $gl-text-primary: #333238 !default; // Use text.color.default instead
16
+ $gl-line-height-52: 3.25rem;
17
+ $gl-line-height-44: 2.75rem;
18
+ $gl-line-height-42: 2.625rem;
19
+ $gl-line-height-36: 2.25rem;
20
+ $gl-line-height-32: 2rem;
21
+ $gl-line-height-28: 1.75rem;
22
+ $gl-line-height-24: 1.5rem;
23
+ $gl-line-height-20: 1.25rem;
24
+ $gl-line-height-16: 1rem;
25
+ $gl-line-height-12: 0.75rem;
26
+ $t-white-a-08: rgba(255, 255, 255, 0.08) !default;
27
+ $t-white-a-06: rgba(255, 255, 255, 0.06) !default;
28
+ $t-white-a-04: rgba(255, 255, 255, 0.04) !default;
29
+ $t-white-a-02: rgba(255, 255, 255, 0.02) !default;
30
+ $t-white-a-36: rgba(255, 255, 255, 0.36) !default;
31
+ $t-white-a-24: rgba(255, 255, 255, 0.24) !default;
32
+ $t-white-a-16: rgba(255, 255, 255, 0.16) !default;
33
+ $t-gray-a-08: rgba(31, 30, 36, 0.08) !default;
34
+ $t-gray-a-06: rgba(31, 30, 36, 0.06) !default;
35
+ $t-gray-a-04: rgba(31, 30, 36, 0.04) !default;
36
+ $t-gray-a-02: rgba(31, 30, 36, 0.02) !default;
37
+ $t-gray-a-24: rgba(31, 30, 36, 0.24) !default;
38
+ $t-gray-a-16: rgba(31, 30, 36, 0.16) !default;
39
+ $brand-gray-05: #2b2838 !default;
40
+ $brand-gray-04: #45424d !default;
41
+ $brand-gray-03: #74717a !default;
42
+ $brand-gray-02: #a2a1a6 !default;
43
+ $brand-gray-01: #d1d0d3 !default;
44
+ $brand-purple-02: #7759c2 !default;
45
+ $brand-purple-01: #a989f5 !default;
46
+ $brand-orange-03: #e24329 !default;
47
+ $brand-orange-02: #fc6d26 !default;
48
+ $brand-orange-01: #fca326 !default;
49
+ $brand-charcoal: #171321 !default;
50
+ $red-950: #4d0a00 !default;
51
+ $red-900: #660e00 !default;
52
+ $red-800: #8d1300 !default;
53
+ $red-700: #ae1800 !default;
54
+ $red-600: #c91c00 !default;
55
+ $red-500: #dd2b0e !default;
56
+ $red-400: #ec5941 !default;
57
+ $red-300: #f57f6c !default;
58
+ $red-200: #fcb5aa !default;
59
+ $red-100: #fdd4cd !default;
60
+ $red-50: #fcf1ef !default;
61
+ $purple-950: #232150 !default;
62
+ $purple-900: #2f2a6b !default;
63
+ $purple-800: #453894 !default;
64
+ $purple-700: #5943b6 !default;
65
+ $purple-600: #694cc0 !default;
66
+ $purple-500: #7b58cf !default;
67
+ $purple-400: #9475db !default;
68
+ $purple-300: #ac93e6 !default;
69
+ $purple-200: #cbbbf2 !default;
70
+ $purple-100: #e1d8f9 !default;
71
+ $purple-50: #f4f0ff !default;
72
+ $orange-950: #421f00 !default;
73
+ $orange-900: #5c2900 !default;
74
+ $orange-800: #703800 !default;
75
+ $orange-700: #8f4700 !default;
76
+ $orange-600: #9e5400 !default;
77
+ $orange-500: #ab6100 !default;
78
+ $orange-400: #c17d10 !default;
79
+ $orange-300: #d99530 !default;
80
+ $orange-200: #e9be74 !default;
81
+ $orange-100: #f5d9a8 !default;
82
+ $orange-50: #fdf1dd !default;
83
+ $green-950: #072b15 !default;
84
+ $green-900: #0a4020 !default;
85
+ $green-800: #0d532a !default;
86
+ $green-700: #24663b !default;
87
+ $green-600: #217645 !default;
88
+ $green-500: #108548 !default;
89
+ $green-400: #2da160 !default;
90
+ $green-300: #52b87a !default;
91
+ $green-200: #91d4a8 !default;
92
+ $green-100: #c3e6cd !default;
93
+ $green-50: #ecf4ee !default;
94
+ $gray-950: #1f1e24 !default;
95
+ $gray-900: #333238 !default;
96
+ $gray-800: #434248 !default;
97
+ $gray-700: #535158 !default;
98
+ $gray-600: #626168 !default;
99
+ $gray-500: #737278 !default;
100
+ $gray-400: #89888d !default;
101
+ $gray-300: #a4a3a8 !default;
102
+ $gray-200: #bfbfc3 !default;
103
+ $gray-100: #dcdcde !default;
104
+ $gray-50: #ececef !default;
105
+ $gray-10: #fbfafd !default;
106
+ $blue-950: #002850 !default;
107
+ $blue-900: #033464 !default;
108
+ $blue-800: #064787 !default;
109
+ $blue-700: #0b5cad !default;
110
+ $blue-600: #1068bf !default;
111
+ $blue-500: #1f75cb !default;
112
+ $blue-400: #428fdc !default;
113
+ $blue-300: #63a6e9 !default;
114
+ $blue-200: #9dc7f1 !default;
115
+ $blue-100: #cbe2f9 !default;
116
+ $blue-50: #e9f3fc !default;
117
+ $white: #fff !default;
118
+ $black: #000 !default;
119
+ $theme-light-red-950: #5c1105 !default;
120
+ $theme-light-red-900: #751709 !default;
121
+ $theme-light-red-800: #8b2212 !default;
122
+ $theme-light-red-700: #a02e1c !default;
123
+ $theme-light-red-600: #b53a26 !default;
124
+ $theme-light-red-500: #c24b38 !default;
125
+ $theme-light-red-400: #d36250 !default;
126
+ $theme-light-red-300: #e07f6f !default;
127
+ $theme-light-red-200: #ebada2 !default;
128
+ $theme-light-red-100: #f6d9d5 !default;
129
+ $theme-light-red-50: #faf2f1 !default;
130
+ $theme-light-red-10: #fdf9f8 !default;
131
+ $theme-red-950: #380700 !default;
132
+ $theme-red-900: #580d02 !default;
133
+ $theme-red-800: #761405 !default;
134
+ $theme-red-700: #8f2110 !default;
135
+ $theme-red-600: #a13322 !default;
136
+ $theme-red-500: #ad4a3b !default;
137
+ $theme-red-400: #c66e60 !default;
138
+ $theme-red-300: #d59086 !default;
139
+ $theme-red-200: #e3bab5 !default;
140
+ $theme-red-100: #ecd3d0 !default;
141
+ $theme-red-50: #f4e9e7 !default;
142
+ $theme-red-10: #faf4f3 !default;
143
+ $theme-green-950: #052e19 !default;
144
+ $theme-green-900: #0e4328 !default;
145
+ $theme-green-800: #155635 !default;
146
+ $theme-green-700: #1b653f !default;
147
+ $theme-green-600: #25744c !default;
148
+ $theme-green-500: #308258 !default;
149
+ $theme-green-400: #499767 !default;
150
+ $theme-green-300: #69af7d !default;
151
+ $theme-green-200: #8cc497 !default;
152
+ $theme-green-100: #b1d6b5 !default;
153
+ $theme-green-50: #dde9de !default;
154
+ $theme-green-10: #eef4ef !default;
155
+ $theme-light-blue-950: #0a3764 !default;
156
+ $theme-light-blue-900: #0c4277 !default;
157
+ $theme-light-blue-800: #0e4d8d !default;
158
+ $theme-light-blue-700: #145aa1 !default;
159
+ $theme-light-blue-600: #2268ae !default;
160
+ $theme-light-blue-500: #3476b9 !default;
161
+ $theme-light-blue-400: #4f8bc7 !default;
162
+ $theme-light-blue-300: #74a3d3 !default;
163
+ $theme-light-blue-200: #a0bedc !default;
164
+ $theme-light-blue-100: #c1d4e6 !default;
165
+ $theme-light-blue-50: #dde6ee !default;
166
+ $theme-light-blue-10: #eef3f7 !default;
167
+ $theme-blue-950: #04101c !default;
168
+ $theme-blue-900: #0b2640 !default;
169
+ $theme-blue-800: #153c63 !default;
170
+ $theme-blue-700: #235180 !default;
171
+ $theme-blue-600: #346596 !default;
172
+ $theme-blue-500: #4977a5 !default;
173
+ $theme-blue-400: #628eb9 !default;
174
+ $theme-blue-300: #81a5c9 !default;
175
+ $theme-blue-200: #a6bdd5 !default;
176
+ $theme-blue-100: #b9cadc !default;
177
+ $theme-blue-50: #cdd8e3 !default;
178
+ $theme-blue-10: #e6ecf0 !default;
179
+ $theme-indigo-950: #14143d !default;
180
+ $theme-indigo-900: #222261 !default;
181
+ $theme-indigo-800: #303083 !default;
182
+ $theme-indigo-700: #41419f !default;
183
+ $theme-indigo-600: #5252b5 !default;
184
+ $theme-indigo-500: #6666c4 !default;
185
+ $theme-indigo-400: #8181d7 !default;
186
+ $theme-indigo-300: #a2a2e6 !default;
187
+ $theme-indigo-200: #c7c7f2 !default;
188
+ $theme-indigo-100: #dbdbf8 !default;
189
+ $theme-indigo-50: #f1f1ff !default;
190
+ $theme-indigo-10: #f8f8ff !default;
191
+ $data-viz-orange-950: #4b2707 !default;
192
+ $data-viz-orange-900: #5e2f05 !default;
193
+ $data-viz-orange-800: #6f3500 !default;
194
+ $data-viz-orange-700: #92430a !default;
195
+ $data-viz-orange-600: #b14f18 !default;
196
+ $data-viz-orange-500: #c95d2e !default;
197
+ $data-viz-orange-400: #e07e41 !default;
198
+ $data-viz-orange-300: #e99b60 !default;
199
+ $data-viz-orange-200: #eebd8c !default;
200
+ $data-viz-orange-100: #f5d6b3 !default;
201
+ $data-viz-orange-50: #fae8d1 !default;
202
+ $data-viz-magenta-950: #541d31 !default;
203
+ $data-viz-magenta-900: #661e3a !default;
204
+ $data-viz-magenta-800: #7c214f !default;
205
+ $data-viz-magenta-700: #9a2e5d !default;
206
+ $data-viz-magenta-600: #b93d71 !default;
207
+ $data-viz-magenta-500: #cf4d81 !default;
208
+ $data-viz-magenta-400: #e86e9a !default;
209
+ $data-viz-magenta-300: #f88aaf !default;
210
+ $data-viz-magenta-200: #fcacc5 !default;
211
+ $data-viz-magenta-100: #ffccdb !default;
212
+ $data-viz-magenta-50: #ffe3eb !default;
213
+ $data-viz-blue-950: #2a2b59 !default;
214
+ $data-viz-blue-900: #303470 !default;
215
+ $data-viz-blue-800: #374291 !default;
216
+ $data-viz-blue-700: #3f51ae !default;
217
+ $data-viz-blue-600: #4e65cd !default;
218
+ $data-viz-blue-500: #617ae2 !default;
219
+ $data-viz-blue-400: #7992f5 !default;
220
+ $data-viz-blue-300: #97acff !default;
221
+ $data-viz-blue-200: #b7c6ff !default;
222
+ $data-viz-blue-100: #d2dcff !default;
223
+ $data-viz-blue-50: #e9ebff !default;
224
+ $data-viz-aqua-950: #00344b !default;
225
+ $data-viz-aqua-900: #004059 !default;
226
+ $data-viz-aqua-800: #00516c !default;
227
+ $data-viz-aqua-700: #006381 !default;
228
+ $data-viz-aqua-600: #007b9b !default;
229
+ $data-viz-aqua-500: #0090b1 !default;
230
+ $data-viz-aqua-400: #00acc4 !default;
231
+ $data-viz-aqua-300: #32c5d2 !default;
232
+ $data-viz-aqua-200: #5edee3 !default;
233
+ $data-viz-aqua-100: #93f2ef !default;
234
+ $data-viz-aqua-50: #b5fefd !default;
235
+ $data-viz-green-950: #133a03 !default;
236
+ $data-viz-green-900: #1a4500 !default;
237
+ $data-viz-green-800: #275600 !default;
238
+ $data-viz-green-700: #366800 !default;
239
+ $data-viz-green-600: #4e7f0e !default;
240
+ $data-viz-green-500: #619025 !default;
241
+ $data-viz-green-400: #81ac41 !default;
242
+ $data-viz-green-300: #94c25e !default;
243
+ $data-viz-green-200: #b0d97b !default;
244
+ $data-viz-green-100: #c6ed94 !default;
245
+ $data-viz-green-50: #ddfab7 !default;