@gitlab/ui 69.1.0 → 70.0.1

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 (32) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/components/charts/bar/bar.js +3 -27
  3. package/dist/components/charts/column/column.js +2 -22
  4. package/dist/components/charts/discrete_scatter/discrete_scatter.js +1 -10
  5. package/dist/components/charts/heatmap/heatmap.js +1 -13
  6. package/dist/components/charts/line/line.js +1 -24
  7. package/dist/components/charts/sparkline/sparkline.js +1 -6
  8. package/dist/components/charts/stacked_column/stacked_column.js +2 -25
  9. package/dist/tokens/css/tokens.css +1 -1
  10. package/dist/tokens/css/tokens.dark.css +1 -1
  11. package/dist/tokens/js/tokens.dark.js +1 -1
  12. package/dist/tokens/js/tokens.js +1 -1
  13. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  14. package/dist/tokens/scss/_tokens.scss +1 -1
  15. package/dist/utils/charts/theme.js +2 -3
  16. package/dist/utils/constants.js +1 -3
  17. package/package.json +7 -9
  18. package/src/components/charts/area/area.spec.js +1 -1
  19. package/src/components/charts/bar/bar.vue +2 -29
  20. package/src/components/charts/column/column.vue +1 -27
  21. package/src/components/charts/discrete_scatter/discrete_scatter.vue +0 -10
  22. package/src/components/charts/heatmap/heatmap.vue +1 -19
  23. package/src/components/charts/line/line.spec.js +3 -80
  24. package/src/components/charts/line/line.vue +1 -35
  25. package/src/components/charts/sparkline/sparkline.spec.js +0 -38
  26. package/src/components/charts/sparkline/sparkline.vue +0 -8
  27. package/src/components/charts/stacked_column/stacked_column.spec.js +4 -97
  28. package/src/components/charts/stacked_column/stacked_column.vue +1 -27
  29. package/src/utils/charts/theme.js +3 -2
  30. package/src/utils/constants.js +1 -3
  31. package/scss_to_js/scss_variables.js +0 -386
  32. package/scss_to_js/scss_variables.json +0 -2192
package/src/utils/charts/theme.js CHANGED
@@ -1,4 +1,3 @@
1
- import { glBorderRadiusBase } from '../../../scss_to_js/scss_variables';
2
1
  import {
3
2
  WHITE,
4
3
  GRAY_50,
@@ -68,6 +67,8 @@ import {
68
67
  import { scrollHandleSvgPath } from '../svgs/svg_paths';
69
68
  import { hexToRgba } from '../utils';
70
69
 
70
+ const GL_BORDER_RADIUS_BASE = '0.25rem';
71
+
71
72
  export const themeName = 'gitlab';
72
73
 
73
74
  export const heatmapHues = [
@@ -269,7 +270,7 @@ export const createTheme = (options = {}) => ({
269
270
  borderWidth: 0,
270
271
  color: GRAY_900,
271
272
  textBackgroundColor: WHITE,
272
- textBorderRadius: glBorderRadiusBase,
273
+ textBorderRadius: GL_BORDER_RADIUS_BASE,
273
274
  textPadding: [8, 12],
274
275
  },
275
276
  },
package/src/utils/constants.js CHANGED
@@ -1,5 +1,3 @@
1
- import { glIconSizes as glIconSizesVariable } from '../../scss_to_js/scss_variables'; // eslint-disable-line import/no-unresolved
2
-
3
1
  import { POSITION } from '../components/utilities/truncate/constants';
4
2
 
5
3
  function appendDefaultOption(options) {
@@ -159,7 +157,7 @@ export const datepickerWidthOptionsMap = {
159
157
  };
160
158
 
161
159
  // size options all have corresponding styles (e.g. .s12 defined in icon.scss)
162
- export const iconSizeOptions = glIconSizesVariable.split(' ').map(Number);
160
+ export const iconSizeOptions = [8, 12, 14, 16, 24, 32, 48, 72];
163
161
 
164
162
  export const triggerVariantOptions = {
165
163
  click: 'click',
package/scss_to_js/scss_variables.js DELETED
@@ -1,386 +0,0 @@
1
- export const gridSize = '0.5rem'
2
- export const glSpacingScale1 = '0.125rem'
3
- export const glSpacingScale2 = '0.25rem'
4
- export const glSpacingScale3 = '0.5rem'
5
- export const glSpacingScale4 = '0.75rem'
6
- export const glSpacingScale5 = '1rem'
7
- export const glSpacingScale6 = '1.5rem'
8
- export const glSpacingScale7 = '2rem'
9
- export const glSpacingScale8 = '2.5rem'
10
- export const glSpacingScale9 = '3rem'
11
- export const glSpacingScale10 = '3.5rem'
12
- export const glSpacingScale11 = '4rem'
13
- export const glSpacingScale115 = '4.5rem'
14
- export const glSpacingScale12 = '5rem'
15
- export const glSpacingScale13 = '6rem'
16
- export const glSpacingScale15 = '7.5rem'
17
- export const glSpacingScale20 = '10rem'
18
- export const glSpacingScale26 = '13rem'
19
- export const glSpacingScale28 = '14rem'
20
- export const glSpacingScale30 = '15rem'
21
- export const glSpacingScale31 = '15.5rem'
22
- export const glSpacingScale34 = '17rem'
23
- export const glSpacingScale48 = '24rem'
24
- export const glSpacingScale62 = '31rem'
25
- export const glSpacingScale75 = '37.5rem'
26
- export const glSpacingScale80 = '40rem'
27
- export const glSpacingScale88 = '44rem'
28
- export const breakpointSm = '576px'
29
- export const breakpointMd = '768px'
30
- export const breakpointLg = '992px'
31
- export const breakpointXl = '1200px'
32
- export const breakpoints = '(xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)'
33
- export const limitedLayoutWidth = '990px'
34
- export const containerXl = '1280px'
35
- export const blackNormal = '#333'
36
- export const whiteContrast = '#fff'
37
- export const whiteNormal = '#f0f0f0'
38
- export const whiteDark = '#eaeaea'
39
- export const whiteTransparent = 'rgba(255, 255, 255, 0.8)'
40
- export const transparentRgba = 'rgba(255, 255, 255, 0)'
41
- export const tGrayA02 = 'rgba(31, 30, 36, 0.02)'
42
- export const tGrayA04 = 'rgba(31, 30, 36, 0.04)'
43
- export const tGrayA06 = 'rgba(31, 30, 36, 0.06)'
44
- export const tGrayA08 = 'rgba(31, 30, 36, 0.08)'
45
- export const tGrayA16 = 'rgba(31, 30, 36, 0.16)'
46
- export const tGrayA24 = 'rgba(31, 30, 36, 0.24)'
47
- export const glTextColor = '#333238'
48
- export const glTextColorSecondary = '#737278'
49
- export const glTextColorDisabled = '#89888d'
50
- export const glFontWeightLight = '300'
51
- export const glFontWeightNormal = '400'
52
- export const glFontWeightSemibold = '500'
53
- export const glFontWeightBold = '600'
54
- export const glFontWeights = '("normal": 400, "bold": 600)'
55
- export const glMonospaceFont = ''
56
- export const glRegularFont = 'GitLab Sans ", -apple-system, BlinkMacSystemFont, " Segoe UI ", Roboto, " Noto Sans ", Ubuntu, Cantarell, " Helvetica Neue ", sans-serif, " Apple Color Emoji ", " Segoe UI Emoji ", " Segoe UI Symbol ", " Noto Color Emoji'
57
- export const glFonts = '("monospace": ("GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace), "regular": ("GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))'
58
- export const glFontSizesFixed = '(100: 0.75rem, 200: 0.8125rem, 300: 0.875rem, 400: 1rem, 500: 1.125rem, 600: 1.3125rem, 700: 1.5rem, 800: 1.75rem)'
59
- export const glFontSizes = '(100: 0.75rem, 200: 0.8125rem, 300: 0.875rem, 400: 1rem, 500: clamp(1.125rem, calc(0.9027777778rem + 0.462962963vw), 1.25rem), 600: clamp(1.3125rem, calc(0.8680555556rem + 0.9259259259vw), 1.5625rem), 700: clamp(1.5rem, calc(0.8333333333rem + 1.3888888889vw), 1.875rem), 800: clamp(1.75rem, calc(0.8611111111rem + 1.8518518519vw), 2.25rem))'
60
- export const glFontHeading = '"GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Noto Color Emoji'
61
- export const glFontWeightHeading = '600'
62
- export const glLetterSpacingHeading = 'inherit'
63
- export const glLetterSpacingHeadingReduced = '-0.01em'
64
- export const glLineHeightHeading = '1.25'
65
- export const glLineHeightHeadingDisplay = '1.125'
66
- export const glMbHeading = '1rem'
67
- export const glMbHeadingDisplay = '1.5rem'
68
- export const glTextColorHeading = '#333238'
69
- export const glTextWrapHeading = 'pretty'
70
- export const glFontSize = '0.875rem'
71
- export const glFontSizeXs = '0.625rem'
72
- export const glFontSizeSm = '0.75rem'
73
- export const glFontSizeLg = '1rem'
74
- export const glFontSizeHDisplay = '1.75rem'
75
- export const glFontSizeH1 = '1.4375rem'
76
- export const glFontSizeH2 = '1.1875rem'
77
- export const glFontSizeHDisplayMd = '1.9375rem'
78
- export const glFontSizeH1Md = '1.5625rem'
79
- export const glFontSizeH2Md = '1.25rem'
80
- export const glFontSizeHDisplayXl = '2.8125rem'
81
- export const glFontSizeH1Xl = '2rem'
82
- export const glFontSizeH2Xl = '1.4375rem'
83
- export const glFontSizeMarkdown = '1rem'
84
- export const glFontSizeMarkdownSm = '0.875rem'
85
- export const glFontSizeMarkdownH1 = '1.75rem'
86
- export const glFontSizeMarkdownH2 = '1.4375rem'
87
- export const glFontSizeMarkdownH3 = '1.1875rem'
88
- export const glFontSizeMarkdownH1Md = '1.9375rem'
89
- export const glFontSizeMarkdownH2Md = '1.5625rem'
90
- export const glFontSizeMarkdownH3Md = '1.25rem'
91
- export const glFontSizeMarkdownH1Xl = '2.8125rem'
92
- export const glFontSizeMarkdownH2Xl = '2rem'
93
- export const glFontSizeMarkdownH3Xl = '1.4375rem'
94
- export const glFontSizeCompactMarkdownH1 = '1.1875rem'
95
- export const glFontSizeCompactMarkdownH1Md = '1.25rem'
96
- export const glFontSizeCompactMarkdownH1Xl = '1.4375rem'
97
- export const borderColor = '#dcdcde'
98
- export const glBorderSize1 = '1px'
99
- export const glBorderSize2 = '2px'
100
- export const glBorderSize3 = '3px'
101
- export const glBorderSize4 = '4px'
102
- export const glBorderSize5 = '5px'
103
- export const glBorderSize8 = '8px'
104
- export const glBorderRadiusSmall = '0.125rem'
105
- export const glBorderRadiusBase = '0.25rem'
106
- export const glBorderRadiusLarge = '0.5rem'
107
- export const glBorderRadius6 = '1.5rem'
108
- export const glBorderRadius7 = '2rem'
109
- export const glBorderRadiusFull = '50%'
110
- export const glTransitionDurationSlow = '0.4s'
111
- export const glTransitionDurationMedium = '0.2s'
112
- export const glTransitionDurationFast = '0.1s'
113
- export const outlineOffset = '1px'
114
- export const outlineWidth = '2px'
115
- export const outline = '3px'
116
- export const focusRing = ''
117
- export const focusRingInset = ''
118
- export const focusRingDark = ''
119
- export const focusRingOutline = '2px solid #428fdc'
120
- export const toastMaxWidth = '36.625rem'
121
- export const toastPaddingRight = '2.625rem'
122
- export const toastBackgroundColor = '#303030'
123
- export const chartTooltipMaxWidth = '32rem'
124
- export const glIconChevronLeft = ''
125
- export const glIconChevronRight = ''
126
- export const glIconChevronDown = ''
127
- export const glIconSelectChevronDown = ''
128
- export const glIconCheck = ''
129
- export const glIconIndeterminate = ''
130
- export const glIconRadio = ''
131
- export const defaultIconSize = '1rem'
132
- export const glIconSizes = '8 12 14 16 24 32 48 72'
133
- export const glDropdownWidth = '15rem'
134
- export const glNewDropdownMinWidth = '15.5rem'
135
- export const glNewDropdownMaxWidth = '28.5rem'
136
- export const glDropdownWidthNarrow = '10rem'
137
- export const glDropdownWidthWide = '25rem'
138
- export const glMaxDropdownMaxHeight = '19.5rem'
139
- export const glBroadcastMessageNotificationMaxWidth = '18.75rem'
140
- export const glModalSmallWidth = '32rem'
141
- export const glModalMediumWidth = '48rem'
142
- export const glModalLargeWidth = '61.875rem'
143
- export const modalHeaderBorderColor = '#bfbfc3'
144
- export const modalFooterBorderColor = '#bfbfc3'
145
- export const modalTitleLineHeight = '1.25rem'
146
- export const modalBackdropBg = '#000'
147
- export const modalBackdropOpacity = '0.64'
148
- export const bodyColor = '#333238'
149
- export const enableValidationIcons = 'false'
150
- export const secondary = '#ececef'
151
- export const success = '#108548'
152
- export const info = '#1f75cb'
153
- export const warning = '#ab6100'
154
- export const danger = '#dd2b0e'
155
- export const fontWeightBold = '600'
156
- export const fontFamilySansSerif = '"GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Noto Color Emoji'
157
- export const fontFamilyMonospace = '"GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace'
158
- export const h1FontSize = '2.1875rem'
159
- export const h2FontSize = '1.75rem'
160
- export const h3FontSize = '1.53125rem'
161
- export const h4FontSize = '1.3125rem'
162
- export const h5FontSize = '1.09375rem'
163
- export const h6FontSize = '0.875rem'
164
- export const spacer = '0.5rem'
165
- export const spacers = '(1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2rem, 6: 2.5rem, 7: 3rem, 8: 3.5rem, 9: 4rem)'
166
- export const tableAccentBg = '#ececef'
167
- export const cardBorderColor = '#dcdcde'
168
- export const cardCapBg = '#fbfafd'
169
- export const glFormInputSizes = '(xs: 5rem, sm: 10rem, md: 15rem, lg: 20rem, xl: 35rem)'
170
- export const popoverBg = '#fff'
171
- export const popoverArrowWidth = '0.5rem'
172
- export const popoverArrowHeight = '0.25rem'
173
- export const popoverArrowColor = '#fff'
174
- export const popoverArrowOuterColor = '#dcdcde'
175
- export const tooltipOpacity = '1'
176
- export const glLineHeight52 = '3.25rem'
177
- export const glLineHeight44 = '2.75rem'
178
- export const glLineHeight42 = '2.625rem'
179
- export const glLineHeight36 = '2.25rem'
180
- export const glLineHeight32 = '2rem'
181
- export const glLineHeight28 = '1.75rem'
182
- export const glLineHeight24 = '1.5rem'
183
- export const glLineHeight20 = '1.25rem'
184
- export const glLineHeight16 = '1rem'
185
- export const glLineHeight12 = '0.75rem'
186
- export const brandGray05 = '#2b2838'
187
- export const brandGray04 = '#45424d'
188
- export const brandGray03 = '#74717a'
189
- export const brandGray02 = '#a2a1a6'
190
- export const brandGray01 = '#d1d0d3'
191
- export const brandPurple02 = '#7759c2'
192
- export const brandPurple01 = '#a989f5'
193
- export const brandOrange03 = '#e24329'
194
- export const brandOrange02 = '#fc6d26'
195
- export const brandOrange01 = '#fca326'
196
- export const brandCharcoal = '#171321'
197
- export const red950 = '#4d0a00'
198
- export const red900 = '#660e00'
199
- export const red800 = '#8d1300'
200
- export const red700 = '#ae1800'
201
- export const red600 = '#c91c00'
202
- export const red500 = '#dd2b0e'
203
- export const red400 = '#ec5941'
204
- export const red300 = '#f57f6c'
205
- export const red200 = '#fcb5aa'
206
- export const red100 = '#fdd4cd'
207
- export const red50 = '#fcf1ef'
208
- export const purple950 = '#232150'
209
- export const purple900 = '#2f2a6b'
210
- export const purple800 = '#453894'
211
- export const purple700 = '#5943b6'
212
- export const purple600 = '#694cc0'
213
- export const purple500 = '#7b58cf'
214
- export const purple400 = '#9475db'
215
- export const purple300 = '#ac93e6'
216
- export const purple200 = '#cbbbf2'
217
- export const purple100 = '#e1d8f9'
218
- export const purple50 = '#f4f0ff'
219
- export const orange950 = '#421f00'
220
- export const orange900 = '#5c2900'
221
- export const orange800 = '#703800'
222
- export const orange700 = '#8f4700'
223
- export const orange600 = '#9e5400'
224
- export const orange500 = '#ab6100'
225
- export const orange400 = '#c17d10'
226
- export const orange300 = '#d99530'
227
- export const orange200 = '#e9be74'
228
- export const orange100 = '#f5d9a8'
229
- export const orange50 = '#fdf1dd'
230
- export const green950 = '#072b15'
231
- export const green900 = '#0a4020'
232
- export const green800 = '#0d532a'
233
- export const green700 = '#24663b'
234
- export const green600 = '#217645'
235
- export const green500 = '#108548'
236
- export const green400 = '#2da160'
237
- export const green300 = '#52b87a'
238
- export const green200 = '#91d4a8'
239
- export const green100 = '#c3e6cd'
240
- export const green50 = '#ecf4ee'
241
- export const gray950 = '#1f1e24'
242
- export const gray900 = '#333238'
243
- export const gray800 = '#434248'
244
- export const gray700 = '#535158'
245
- export const gray600 = '#626168'
246
- export const gray500 = '#737278'
247
- export const gray400 = '#89888d'
248
- export const gray300 = '#a4a3a8'
249
- export const gray200 = '#bfbfc3'
250
- export const gray100 = '#dcdcde'
251
- export const gray50 = '#ececef'
252
- export const gray10 = '#fbfafd'
253
- export const blue950 = '#002850'
254
- export const blue900 = '#033464'
255
- export const blue800 = '#064787'
256
- export const blue700 = '#0b5cad'
257
- export const blue600 = '#1068bf'
258
- export const blue500 = '#1f75cb'
259
- export const blue400 = '#428fdc'
260
- export const blue300 = '#63a6e9'
261
- export const blue200 = '#9dc7f1'
262
- export const blue100 = '#cbe2f9'
263
- export const blue50 = '#e9f3fc'
264
- export const white = '#fff'
265
- export const black = '#000'
266
- export const themeLightRed950 = '#5c1105'
267
- export const themeLightRed900 = '#751709'
268
- export const themeLightRed800 = '#8b2212'
269
- export const themeLightRed700 = '#a02e1c'
270
- export const themeLightRed600 = '#b53a26'
271
- export const themeLightRed500 = '#c24b38'
272
- export const themeLightRed400 = '#d36250'
273
- export const themeLightRed300 = '#e07f6f'
274
- export const themeLightRed200 = '#ebada2'
275
- export const themeLightRed100 = '#f6d9d5'
276
- export const themeLightRed50 = '#faf2f1'
277
- export const themeRed950 = '#380700'
278
- export const themeRed900 = '#580d02'
279
- export const themeRed800 = '#761405'
280
- export const themeRed700 = '#8f2110'
281
- export const themeRed600 = '#a13322'
282
- export const themeRed500 = '#ad4a3b'
283
- export const themeRed400 = '#c66e60'
284
- export const themeRed300 = '#d59086'
285
- export const themeRed200 = '#e3bab5'
286
- export const themeRed100 = '#ecd3d0'
287
- export const themeRed50 = '#f4e9e7'
288
- export const themeGreen950 = '#052e19'
289
- export const themeGreen900 = '#0e4328'
290
- export const themeGreen800 = '#155635'
291
- export const themeGreen700 = '#1b653f'
292
- export const themeGreen600 = '#25744c'
293
- export const themeGreen500 = '#308258'
294
- export const themeGreen400 = '#499767'
295
- export const themeGreen300 = '#69af7d'
296
- export const themeGreen200 = '#8cc497'
297
- export const themeGreen100 = '#b1d6b5'
298
- export const themeGreen50 = '#dde9de'
299
- export const themeLightBlue950 = '#0a3764'
300
- export const themeLightBlue900 = '#0c4277'
301
- export const themeLightBlue800 = '#0e4d8d'
302
- export const themeLightBlue700 = '#145aa1'
303
- export const themeLightBlue600 = '#2268ae'
304
- export const themeLightBlue500 = '#3476b9'
305
- export const themeLightBlue400 = '#4f8bc7'
306
- export const themeLightBlue300 = '#74a3d3'
307
- export const themeLightBlue200 = '#a0bedc'
308
- export const themeLightBlue100 = '#c1d4e6'
309
- export const themeLightBlue50 = '#dde6ee'
310
- export const themeBlue950 = '#04101c'
311
- export const themeBlue900 = '#0b2640'
312
- export const themeBlue800 = '#153c63'
313
- export const themeBlue700 = '#235180'
314
- export const themeBlue600 = '#346596'
315
- export const themeBlue500 = '#4977a5'
316
- export const themeBlue400 = '#628eb9'
317
- export const themeBlue300 = '#81a5c9'
318
- export const themeBlue200 = '#a6bdd5'
319
- export const themeBlue100 = '#b9cadc'
320
- export const themeBlue50 = '#cdd8e3'
321
- export const themeIndigo950 = '#14143d'
322
- export const themeIndigo900 = '#222261'
323
- export const themeIndigo800 = '#303083'
324
- export const themeIndigo700 = '#41419f'
325
- export const themeIndigo600 = '#5252b5'
326
- export const themeIndigo500 = '#6666c4'
327
- export const themeIndigo400 = '#8181d7'
328
- export const themeIndigo300 = '#a2a2e6'
329
- export const themeIndigo200 = '#c7c7f2'
330
- export const themeIndigo100 = '#dbdbf8'
331
- export const themeIndigo50 = '#f1f1ff'
332
- export const dataVizOrange950 = '#4b2707'
333
- export const dataVizOrange900 = '#5e2f05'
334
- export const dataVizOrange800 = '#6f3500'
335
- export const dataVizOrange700 = '#92430a'
336
- export const dataVizOrange600 = '#b14f18'
337
- export const dataVizOrange500 = '#c95d2e'
338
- export const dataVizOrange400 = '#e07e41'
339
- export const dataVizOrange300 = '#e99b60'
340
- export const dataVizOrange200 = '#eebd8c'
341
- export const dataVizOrange100 = '#f5d6b3'
342
- export const dataVizOrange50 = '#fae8d1'
343
- export const dataVizMagenta950 = '#541d31'
344
- export const dataVizMagenta900 = '#661e3a'
345
- export const dataVizMagenta800 = '#7c214f'
346
- export const dataVizMagenta700 = '#9a2e5d'
347
- export const dataVizMagenta600 = '#b93d71'
348
- export const dataVizMagenta500 = '#cf4d81'
349
- export const dataVizMagenta400 = '#e86e9a'
350
- export const dataVizMagenta300 = '#f88aaf'
351
- export const dataVizMagenta200 = '#fcacc5'
352
- export const dataVizMagenta100 = '#ffccdb'
353
- export const dataVizMagenta50 = '#ffe3eb'
354
- export const dataVizBlue950 = '#2a2b59'
355
- export const dataVizBlue900 = '#303470'
356
- export const dataVizBlue800 = '#374291'
357
- export const dataVizBlue700 = '#3f51ae'
358
- export const dataVizBlue600 = '#4e65cd'
359
- export const dataVizBlue500 = '#617ae2'
360
- export const dataVizBlue400 = '#7992f5'
361
- export const dataVizBlue300 = '#97acff'
362
- export const dataVizBlue200 = '#b7c6ff'
363
- export const dataVizBlue100 = '#d2dcff'
364
- export const dataVizBlue50 = '#e9ebff'
365
- export const dataVizAqua950 = '#00344b'
366
- export const dataVizAqua900 = '#004059'
367
- export const dataVizAqua800 = '#00516c'
368
- export const dataVizAqua700 = '#006381'
369
- export const dataVizAqua600 = '#007b9b'
370
- export const dataVizAqua500 = '#0090b1'
371
- export const dataVizAqua400 = '#00acc4'
372
- export const dataVizAqua300 = '#32c5d2'
373
- export const dataVizAqua200 = '#5edee3'
374
- export const dataVizAqua100 = '#93f2ef'
375
- export const dataVizAqua50 = '#b5fefd'
376
- export const dataVizGreen950 = '#133a03'
377
- export const dataVizGreen900 = '#1a4500'
378
- export const dataVizGreen800 = '#275600'
379
- export const dataVizGreen700 = '#366800'
380
- export const dataVizGreen600 = '#4e7f0e'
381
- export const dataVizGreen500 = '#619025'
382
- export const dataVizGreen400 = '#81ac41'
383
- export const dataVizGreen300 = '#94c25e'
384
- export const dataVizGreen200 = '#b0d97b'
385
- export const dataVizGreen100 = '#c6ed94'
386
- export const dataVizGreen50 = '#ddfab7'