@elastic/eui 98.2.1-borealis.0 → 98.2.1-borealis.2

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.
@@ -28,14 +28,14 @@ var getTokenColor = function getTokenColor(euiTheme, colorMode, fill, color) {
28
28
  var iconColor = isVizColor ? visColors[color] : euiTheme.colors.darkShade;
29
29
  var isDarkMode = colorMode === 'DARK';
30
30
  var backgroundDarkColor = isVizColor ? visColorsBehindText[color] : euiTheme.colors.darkShade;
31
- var backgroundLightColor = isDarkMode ? shade(iconColor, 0.7) : tint(iconColor, 0.9);
31
+ var backgroundLightColor = isDarkMode ? shade(iconColor, 0.9) : tint(iconColor, 0.9);
32
32
  var getIconVisColor = function getIconVisColor(euiTheme, color) {
33
33
  var iconColorKey = "euiColorVis".concat(color);
34
34
  var iconColorToken = TOKEN_COLOR_TO_ICON_COLOR_MAP[iconColorKey];
35
35
  return euiTheme.colors.vis[iconColorToken];
36
36
  };
37
- var lightColor = hasVisColorAdjustment ? makeHighContrastColor(iconColor)(backgroundLightColor) : isVizColor ? getIconVisColor(euiTheme, color) : iconColor;
38
- var boxShadowColor = isDarkMode ? shade(iconColor, 0.6) : tint(iconColor, 0.7);
37
+ var lightColor = hasVisColorAdjustment ? makeHighContrastColor(iconColor)(backgroundLightColor) : isVizColor ? shade(getIconVisColor(euiTheme, color), 0.3) : iconColor;
38
+ var boxShadowColor = isDarkMode ? shade(iconColor, 0.6) : tint(iconColor, 0.2);
39
39
  var darkColor = isColorDark.apply(void 0, _toConsumableArray(chroma(backgroundDarkColor).rgb())) ? euiTheme.colors.ghost : euiTheme.colors.ink;
40
40
  switch (fill) {
41
41
  case 'none':
@@ -244,8 +244,8 @@ export var TOKEN_MAP_AMSTERDAM = {
244
244
  };
245
245
  export var TOKEN_MAP_BOREALIS = {
246
246
  tokenAlias: {
247
- shape: 'circle',
248
- color: 'euiColorVis1'
247
+ shape: 'square',
248
+ color: 'euiColorVis0'
249
249
  },
250
250
  tokenAnnotation: {
251
251
  shape: 'square',
@@ -253,15 +253,15 @@ export var TOKEN_MAP_BOREALIS = {
253
253
  },
254
254
  tokenArray: {
255
255
  shape: 'square',
256
- color: 'euiColorVis3'
256
+ color: 'euiColorVis4'
257
257
  },
258
258
  tokenBinary: {
259
259
  shape: 'square',
260
- color: 'euiColorVis5'
260
+ color: 'euiColorVis6'
261
261
  },
262
262
  tokenBoolean: {
263
263
  shape: 'square',
264
- color: 'euiColorVis3'
264
+ color: 'euiColorVis4'
265
265
  },
266
266
  tokenClass: {
267
267
  shape: 'circle',
@@ -277,7 +277,7 @@ export var TOKEN_MAP_BOREALIS = {
277
277
  },
278
278
  tokenDate: {
279
279
  shape: 'square',
280
- color: 'euiColorVis9'
280
+ color: 'euiColorVis8'
281
281
  },
282
282
  tokenDimension: {
283
283
  shape: 'square',
@@ -285,19 +285,19 @@ export var TOKEN_MAP_BOREALIS = {
285
285
  },
286
286
  tokenElement: {
287
287
  shape: 'square',
288
- color: 'euiColorVis1'
288
+ color: 'euiColorVis0'
289
289
  },
290
290
  tokenEnum: {
291
291
  shape: 'circle',
292
- color: 'euiColorVis1'
292
+ color: 'euiColorVis0'
293
293
  },
294
294
  tokenEnumMember: {
295
295
  shape: 'square',
296
- color: 'euiColorVis3'
296
+ color: 'euiColorVis4'
297
297
  },
298
298
  tokenEvent: {
299
299
  shape: 'circle',
300
- color: 'euiColorVis5'
300
+ color: 'euiColorVis6'
301
301
  },
302
302
  tokenException: {
303
303
  shape: 'circle',
@@ -313,7 +313,7 @@ export var TOKEN_MAP_BOREALIS = {
313
313
  },
314
314
  tokenFlattened: {
315
315
  shape: 'square',
316
- color: 'euiColorVis3'
316
+ color: 'euiColorVis4'
317
317
  },
318
318
  tokenFunction: {
319
319
  shape: 'circle',
@@ -325,7 +325,7 @@ export var TOKEN_MAP_BOREALIS = {
325
325
  },
326
326
  tokenHistogram: {
327
327
  shape: 'square',
328
- color: 'euiColorVis9'
328
+ color: 'euiColorVis0'
329
329
  },
330
330
  tokenInterface: {
331
331
  shape: 'circle',
@@ -361,7 +361,7 @@ export var TOKEN_MAP_BOREALIS = {
361
361
  },
362
362
  tokenModule: {
363
363
  shape: 'square',
364
- color: 'euiColorVis5'
364
+ color: 'euiColorVis6'
365
365
  },
366
366
  tokenNamespace: {
367
367
  shape: 'square',
@@ -381,11 +381,11 @@ export var TOKEN_MAP_BOREALIS = {
381
381
  },
382
382
  tokenObject: {
383
383
  shape: 'circle',
384
- color: 'euiColorVis1'
384
+ color: 'euiColorVis0'
385
385
  },
386
386
  tokenOperator: {
387
387
  shape: 'circle',
388
- color: 'euiColorVis5'
388
+ color: 'euiColorVis6'
389
389
  },
390
390
  tokenPackage: {
391
391
  shape: 'square',
@@ -393,11 +393,11 @@ export var TOKEN_MAP_BOREALIS = {
393
393
  },
394
394
  tokenParameter: {
395
395
  shape: 'square',
396
- color: 'euiColorVis5'
396
+ color: 'euiColorVis6'
397
397
  },
398
398
  tokenPercolator: {
399
399
  shape: 'square',
400
- color: 'euiColorVis9'
400
+ color: 'euiColorVis0'
401
401
  },
402
402
  tokenProperty: {
403
403
  shape: 'circle',
@@ -405,15 +405,15 @@ export var TOKEN_MAP_BOREALIS = {
405
405
  },
406
406
  tokenRange: {
407
407
  shape: 'circle',
408
- color: 'euiColorVis5'
408
+ color: 'euiColorVis6'
409
409
  },
410
410
  tokenRankFeature: {
411
411
  shape: 'square',
412
- color: 'euiColorVis7'
412
+ color: 'euiColorVis8'
413
413
  },
414
414
  tokenRankFeatures: {
415
415
  shape: 'square',
416
- color: 'euiColorVis1'
416
+ color: 'euiColorVis0'
417
417
  },
418
418
  tokenRepo: {
419
419
  shape: 'square',
@@ -429,7 +429,7 @@ export var TOKEN_MAP_BOREALIS = {
429
429
  },
430
430
  tokenShape: {
431
431
  shape: 'circle',
432
- color: 'euiColorVis7'
432
+ color: 'euiColorVis8'
433
433
  },
434
434
  tokenString: {
435
435
  shape: 'square',
@@ -449,15 +449,15 @@ export var TOKEN_MAP_BOREALIS = {
449
449
  },
450
450
  tokenText: {
451
451
  shape: 'square',
452
- color: 'euiColorVis1'
452
+ color: 'euiColorVis0'
453
453
  },
454
454
  tokenTokenCount: {
455
455
  shape: 'square',
456
- color: 'euiColorVis5'
456
+ color: 'euiColorVis6'
457
457
  },
458
458
  tokenVariable: {
459
459
  shape: 'circle',
460
- color: 'euiColorVis3'
460
+ color: 'euiColorVis4'
461
461
  },
462
462
  tokenVectorDense: {
463
463
  shape: 'square',
@@ -79,6 +79,21 @@ export var colorVis = {
79
79
  euiColorVisDanger0: '#CC5642',
80
80
  euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
81
81
  euiColorVisNeutral0: '#FFFFFF',
82
+ euiColorSeverity0: '#D3DAE6',
83
+ euiColorSeverity1: '#CC5642',
84
+ euiColorSeverity2: '#D2634E',
85
+ euiColorSeverity3: '#D66E5C',
86
+ euiColorSeverity4: '#DD7B67',
87
+ euiColorSeverity5: '#E18773',
88
+ euiColorSeverity6: '#E2907F',
89
+ euiColorSeverity7: '#E69D8F',
90
+ euiColorSeverity8: '#D6BF57',
91
+ euiColorSeverity9: '#DECC79',
92
+ euiColorSeverity10: '#BECFE3',
93
+ euiColorSeverity11: '#A6C0DA',
94
+ euiColorSeverity12: '#90B0D1',
95
+ euiColorSeverity13: '#78A2C9',
96
+ euiColorSeverity14: '#6092C0',
82
97
  euiColorVisGrey0: '#d3dae6',
83
98
  euiColorVisGrey1: '#98a2b3',
84
99
  euiColorVisGrey2: '#69707d',
@@ -33,14 +33,14 @@ var getTokenColor = function getTokenColor(euiTheme, colorMode, fill, color) {
33
33
  var iconColor = isVizColor ? visColors[color] : euiTheme.colors.darkShade;
34
34
  var isDarkMode = colorMode === 'DARK';
35
35
  var backgroundDarkColor = isVizColor ? visColorsBehindText[color] : euiTheme.colors.darkShade;
36
- var backgroundLightColor = isDarkMode ? (0, _services.shade)(iconColor, 0.7) : (0, _services.tint)(iconColor, 0.9);
36
+ var backgroundLightColor = isDarkMode ? (0, _services.shade)(iconColor, 0.9) : (0, _services.tint)(iconColor, 0.9);
37
37
  var getIconVisColor = function getIconVisColor(euiTheme, color) {
38
38
  var iconColorKey = "euiColorVis".concat(color);
39
39
  var iconColorToken = _token_map.TOKEN_COLOR_TO_ICON_COLOR_MAP[iconColorKey];
40
40
  return euiTheme.colors.vis[iconColorToken];
41
41
  };
42
- var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? getIconVisColor(euiTheme, color) : iconColor;
43
- var boxShadowColor = isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.7);
42
+ var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? (0, _services.shade)(getIconVisColor(euiTheme, color), 0.3) : iconColor;
43
+ var boxShadowColor = isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.2);
44
44
  var darkColor = _services.isColorDark.apply(void 0, _toConsumableArray((0, _chromaJs.default)(backgroundDarkColor).rgb())) ? euiTheme.colors.ghost : euiTheme.colors.ink;
45
45
  switch (fill) {
46
46
  case 'none':
@@ -250,8 +250,8 @@ var TOKEN_MAP_AMSTERDAM = exports.TOKEN_MAP_AMSTERDAM = {
250
250
  };
251
251
  var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
252
252
  tokenAlias: {
253
- shape: 'circle',
254
- color: 'euiColorVis1'
253
+ shape: 'square',
254
+ color: 'euiColorVis0'
255
255
  },
256
256
  tokenAnnotation: {
257
257
  shape: 'square',
@@ -259,15 +259,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
259
259
  },
260
260
  tokenArray: {
261
261
  shape: 'square',
262
- color: 'euiColorVis3'
262
+ color: 'euiColorVis4'
263
263
  },
264
264
  tokenBinary: {
265
265
  shape: 'square',
266
- color: 'euiColorVis5'
266
+ color: 'euiColorVis6'
267
267
  },
268
268
  tokenBoolean: {
269
269
  shape: 'square',
270
- color: 'euiColorVis3'
270
+ color: 'euiColorVis4'
271
271
  },
272
272
  tokenClass: {
273
273
  shape: 'circle',
@@ -283,7 +283,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
283
283
  },
284
284
  tokenDate: {
285
285
  shape: 'square',
286
- color: 'euiColorVis9'
286
+ color: 'euiColorVis8'
287
287
  },
288
288
  tokenDimension: {
289
289
  shape: 'square',
@@ -291,19 +291,19 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
291
291
  },
292
292
  tokenElement: {
293
293
  shape: 'square',
294
- color: 'euiColorVis1'
294
+ color: 'euiColorVis0'
295
295
  },
296
296
  tokenEnum: {
297
297
  shape: 'circle',
298
- color: 'euiColorVis1'
298
+ color: 'euiColorVis0'
299
299
  },
300
300
  tokenEnumMember: {
301
301
  shape: 'square',
302
- color: 'euiColorVis3'
302
+ color: 'euiColorVis4'
303
303
  },
304
304
  tokenEvent: {
305
305
  shape: 'circle',
306
- color: 'euiColorVis5'
306
+ color: 'euiColorVis6'
307
307
  },
308
308
  tokenException: {
309
309
  shape: 'circle',
@@ -319,7 +319,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
319
319
  },
320
320
  tokenFlattened: {
321
321
  shape: 'square',
322
- color: 'euiColorVis3'
322
+ color: 'euiColorVis4'
323
323
  },
324
324
  tokenFunction: {
325
325
  shape: 'circle',
@@ -331,7 +331,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
331
331
  },
332
332
  tokenHistogram: {
333
333
  shape: 'square',
334
- color: 'euiColorVis9'
334
+ color: 'euiColorVis0'
335
335
  },
336
336
  tokenInterface: {
337
337
  shape: 'circle',
@@ -367,7 +367,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
367
367
  },
368
368
  tokenModule: {
369
369
  shape: 'square',
370
- color: 'euiColorVis5'
370
+ color: 'euiColorVis6'
371
371
  },
372
372
  tokenNamespace: {
373
373
  shape: 'square',
@@ -387,11 +387,11 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
387
387
  },
388
388
  tokenObject: {
389
389
  shape: 'circle',
390
- color: 'euiColorVis1'
390
+ color: 'euiColorVis0'
391
391
  },
392
392
  tokenOperator: {
393
393
  shape: 'circle',
394
- color: 'euiColorVis5'
394
+ color: 'euiColorVis6'
395
395
  },
396
396
  tokenPackage: {
397
397
  shape: 'square',
@@ -399,11 +399,11 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
399
399
  },
400
400
  tokenParameter: {
401
401
  shape: 'square',
402
- color: 'euiColorVis5'
402
+ color: 'euiColorVis6'
403
403
  },
404
404
  tokenPercolator: {
405
405
  shape: 'square',
406
- color: 'euiColorVis9'
406
+ color: 'euiColorVis0'
407
407
  },
408
408
  tokenProperty: {
409
409
  shape: 'circle',
@@ -411,15 +411,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
411
411
  },
412
412
  tokenRange: {
413
413
  shape: 'circle',
414
- color: 'euiColorVis5'
414
+ color: 'euiColorVis6'
415
415
  },
416
416
  tokenRankFeature: {
417
417
  shape: 'square',
418
- color: 'euiColorVis7'
418
+ color: 'euiColorVis8'
419
419
  },
420
420
  tokenRankFeatures: {
421
421
  shape: 'square',
422
- color: 'euiColorVis1'
422
+ color: 'euiColorVis0'
423
423
  },
424
424
  tokenRepo: {
425
425
  shape: 'square',
@@ -435,7 +435,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
435
435
  },
436
436
  tokenShape: {
437
437
  shape: 'circle',
438
- color: 'euiColorVis7'
438
+ color: 'euiColorVis8'
439
439
  },
440
440
  tokenString: {
441
441
  shape: 'square',
@@ -455,15 +455,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
455
455
  },
456
456
  tokenText: {
457
457
  shape: 'square',
458
- color: 'euiColorVis1'
458
+ color: 'euiColorVis0'
459
459
  },
460
460
  tokenTokenCount: {
461
461
  shape: 'square',
462
- color: 'euiColorVis5'
462
+ color: 'euiColorVis6'
463
463
  },
464
464
  tokenVariable: {
465
465
  shape: 'circle',
466
- color: 'euiColorVis3'
466
+ color: 'euiColorVis4'
467
467
  },
468
468
  tokenVectorDense: {
469
469
  shape: 'square',
@@ -85,6 +85,21 @@ var colorVis = exports.colorVis = {
85
85
  euiColorVisDanger0: '#CC5642',
86
86
  euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
87
87
  euiColorVisNeutral0: '#FFFFFF',
88
+ euiColorSeverity0: '#D3DAE6',
89
+ euiColorSeverity1: '#CC5642',
90
+ euiColorSeverity2: '#D2634E',
91
+ euiColorSeverity3: '#D66E5C',
92
+ euiColorSeverity4: '#DD7B67',
93
+ euiColorSeverity5: '#E18773',
94
+ euiColorSeverity6: '#E2907F',
95
+ euiColorSeverity7: '#E69D8F',
96
+ euiColorSeverity8: '#D6BF57',
97
+ euiColorSeverity9: '#DECC79',
98
+ euiColorSeverity10: '#BECFE3',
99
+ euiColorSeverity11: '#A6C0DA',
100
+ euiColorSeverity12: '#90B0D1',
101
+ euiColorSeverity13: '#78A2C9',
102
+ euiColorSeverity14: '#6092C0',
88
103
  euiColorVisGrey0: '#d3dae6',
89
104
  euiColorVisGrey1: '#98a2b3',
90
105
  euiColorVisGrey2: '#69707d',
@@ -23,14 +23,14 @@ var getTokenColor = function getTokenColor(euiTheme, colorMode, fill, color) {
23
23
  var iconColor = isVizColor ? visColors[color] : euiTheme.colors.darkShade;
24
24
  var isDarkMode = colorMode === 'DARK';
25
25
  var backgroundDarkColor = isVizColor ? visColorsBehindText[color] : euiTheme.colors.darkShade;
26
- var backgroundLightColor = isDarkMode ? shade(iconColor, 0.7) : tint(iconColor, 0.9);
26
+ var backgroundLightColor = isDarkMode ? shade(iconColor, 0.9) : tint(iconColor, 0.9);
27
27
  var getIconVisColor = function getIconVisColor(euiTheme, color) {
28
28
  var iconColorKey = "euiColorVis".concat(color);
29
29
  var iconColorToken = TOKEN_COLOR_TO_ICON_COLOR_MAP[iconColorKey];
30
30
  return euiTheme.colors.vis[iconColorToken];
31
31
  };
32
- var lightColor = hasVisColorAdjustment ? makeHighContrastColor(iconColor)(backgroundLightColor) : isVizColor ? getIconVisColor(euiTheme, color) : iconColor;
33
- var boxShadowColor = isDarkMode ? shade(iconColor, 0.6) : tint(iconColor, 0.7);
32
+ var lightColor = hasVisColorAdjustment ? makeHighContrastColor(iconColor)(backgroundLightColor) : isVizColor ? shade(getIconVisColor(euiTheme, color), 0.3) : iconColor;
33
+ var boxShadowColor = isDarkMode ? shade(iconColor, 0.6) : tint(iconColor, 0.2);
34
34
  var darkColor = isColorDark.apply(void 0, _toConsumableArray(chroma(backgroundDarkColor).rgb())) ? euiTheme.colors.ghost : euiTheme.colors.ink;
35
35
  switch (fill) {
36
36
  case 'none':
@@ -244,8 +244,8 @@ export var TOKEN_MAP_AMSTERDAM = {
244
244
  };
245
245
  export var TOKEN_MAP_BOREALIS = {
246
246
  tokenAlias: {
247
- shape: 'circle',
248
- color: 'euiColorVis1'
247
+ shape: 'square',
248
+ color: 'euiColorVis0'
249
249
  },
250
250
  tokenAnnotation: {
251
251
  shape: 'square',
@@ -253,15 +253,15 @@ export var TOKEN_MAP_BOREALIS = {
253
253
  },
254
254
  tokenArray: {
255
255
  shape: 'square',
256
- color: 'euiColorVis3'
256
+ color: 'euiColorVis4'
257
257
  },
258
258
  tokenBinary: {
259
259
  shape: 'square',
260
- color: 'euiColorVis5'
260
+ color: 'euiColorVis6'
261
261
  },
262
262
  tokenBoolean: {
263
263
  shape: 'square',
264
- color: 'euiColorVis3'
264
+ color: 'euiColorVis4'
265
265
  },
266
266
  tokenClass: {
267
267
  shape: 'circle',
@@ -277,7 +277,7 @@ export var TOKEN_MAP_BOREALIS = {
277
277
  },
278
278
  tokenDate: {
279
279
  shape: 'square',
280
- color: 'euiColorVis9'
280
+ color: 'euiColorVis8'
281
281
  },
282
282
  tokenDimension: {
283
283
  shape: 'square',
@@ -285,19 +285,19 @@ export var TOKEN_MAP_BOREALIS = {
285
285
  },
286
286
  tokenElement: {
287
287
  shape: 'square',
288
- color: 'euiColorVis1'
288
+ color: 'euiColorVis0'
289
289
  },
290
290
  tokenEnum: {
291
291
  shape: 'circle',
292
- color: 'euiColorVis1'
292
+ color: 'euiColorVis0'
293
293
  },
294
294
  tokenEnumMember: {
295
295
  shape: 'square',
296
- color: 'euiColorVis3'
296
+ color: 'euiColorVis4'
297
297
  },
298
298
  tokenEvent: {
299
299
  shape: 'circle',
300
- color: 'euiColorVis5'
300
+ color: 'euiColorVis6'
301
301
  },
302
302
  tokenException: {
303
303
  shape: 'circle',
@@ -313,7 +313,7 @@ export var TOKEN_MAP_BOREALIS = {
313
313
  },
314
314
  tokenFlattened: {
315
315
  shape: 'square',
316
- color: 'euiColorVis3'
316
+ color: 'euiColorVis4'
317
317
  },
318
318
  tokenFunction: {
319
319
  shape: 'circle',
@@ -325,7 +325,7 @@ export var TOKEN_MAP_BOREALIS = {
325
325
  },
326
326
  tokenHistogram: {
327
327
  shape: 'square',
328
- color: 'euiColorVis9'
328
+ color: 'euiColorVis0'
329
329
  },
330
330
  tokenInterface: {
331
331
  shape: 'circle',
@@ -361,7 +361,7 @@ export var TOKEN_MAP_BOREALIS = {
361
361
  },
362
362
  tokenModule: {
363
363
  shape: 'square',
364
- color: 'euiColorVis5'
364
+ color: 'euiColorVis6'
365
365
  },
366
366
  tokenNamespace: {
367
367
  shape: 'square',
@@ -381,11 +381,11 @@ export var TOKEN_MAP_BOREALIS = {
381
381
  },
382
382
  tokenObject: {
383
383
  shape: 'circle',
384
- color: 'euiColorVis1'
384
+ color: 'euiColorVis0'
385
385
  },
386
386
  tokenOperator: {
387
387
  shape: 'circle',
388
- color: 'euiColorVis5'
388
+ color: 'euiColorVis6'
389
389
  },
390
390
  tokenPackage: {
391
391
  shape: 'square',
@@ -393,11 +393,11 @@ export var TOKEN_MAP_BOREALIS = {
393
393
  },
394
394
  tokenParameter: {
395
395
  shape: 'square',
396
- color: 'euiColorVis5'
396
+ color: 'euiColorVis6'
397
397
  },
398
398
  tokenPercolator: {
399
399
  shape: 'square',
400
- color: 'euiColorVis9'
400
+ color: 'euiColorVis0'
401
401
  },
402
402
  tokenProperty: {
403
403
  shape: 'circle',
@@ -405,15 +405,15 @@ export var TOKEN_MAP_BOREALIS = {
405
405
  },
406
406
  tokenRange: {
407
407
  shape: 'circle',
408
- color: 'euiColorVis5'
408
+ color: 'euiColorVis6'
409
409
  },
410
410
  tokenRankFeature: {
411
411
  shape: 'square',
412
- color: 'euiColorVis7'
412
+ color: 'euiColorVis8'
413
413
  },
414
414
  tokenRankFeatures: {
415
415
  shape: 'square',
416
- color: 'euiColorVis1'
416
+ color: 'euiColorVis0'
417
417
  },
418
418
  tokenRepo: {
419
419
  shape: 'square',
@@ -429,7 +429,7 @@ export var TOKEN_MAP_BOREALIS = {
429
429
  },
430
430
  tokenShape: {
431
431
  shape: 'circle',
432
- color: 'euiColorVis7'
432
+ color: 'euiColorVis8'
433
433
  },
434
434
  tokenString: {
435
435
  shape: 'square',
@@ -449,15 +449,15 @@ export var TOKEN_MAP_BOREALIS = {
449
449
  },
450
450
  tokenText: {
451
451
  shape: 'square',
452
- color: 'euiColorVis1'
452
+ color: 'euiColorVis0'
453
453
  },
454
454
  tokenTokenCount: {
455
455
  shape: 'square',
456
- color: 'euiColorVis5'
456
+ color: 'euiColorVis6'
457
457
  },
458
458
  tokenVariable: {
459
459
  shape: 'circle',
460
- color: 'euiColorVis3'
460
+ color: 'euiColorVis4'
461
461
  },
462
462
  tokenVectorDense: {
463
463
  shape: 'square',
@@ -79,6 +79,21 @@ export var colorVis = {
79
79
  euiColorVisDanger0: '#CC5642',
80
80
  euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
81
81
  euiColorVisNeutral0: '#FFFFFF',
82
+ euiColorSeverity0: '#D3DAE6',
83
+ euiColorSeverity1: '#CC5642',
84
+ euiColorSeverity2: '#D2634E',
85
+ euiColorSeverity3: '#D66E5C',
86
+ euiColorSeverity4: '#DD7B67',
87
+ euiColorSeverity5: '#E18773',
88
+ euiColorSeverity6: '#E2907F',
89
+ euiColorSeverity7: '#E69D8F',
90
+ euiColorSeverity8: '#D6BF57',
91
+ euiColorSeverity9: '#DECC79',
92
+ euiColorSeverity10: '#BECFE3',
93
+ euiColorSeverity11: '#A6C0DA',
94
+ euiColorSeverity12: '#90B0D1',
95
+ euiColorSeverity13: '#78A2C9',
96
+ euiColorSeverity14: '#6092C0',
82
97
  euiColorVisGrey0: '#d3dae6',
83
98
  euiColorVisGrey1: '#98a2b3',
84
99
  euiColorVisGrey2: '#69707d',
@@ -28,14 +28,14 @@ var getTokenColor = function getTokenColor(euiTheme, colorMode, fill, color) {
28
28
  var iconColor = isVizColor ? visColors[color] : euiTheme.colors.darkShade;
29
29
  var isDarkMode = colorMode === 'DARK';
30
30
  var backgroundDarkColor = isVizColor ? visColorsBehindText[color] : euiTheme.colors.darkShade;
31
- var backgroundLightColor = isDarkMode ? (0, _services.shade)(iconColor, 0.7) : (0, _services.tint)(iconColor, 0.9);
31
+ var backgroundLightColor = isDarkMode ? (0, _services.shade)(iconColor, 0.9) : (0, _services.tint)(iconColor, 0.9);
32
32
  var getIconVisColor = function getIconVisColor(euiTheme, color) {
33
33
  var iconColorKey = "euiColorVis".concat(color);
34
34
  var iconColorToken = _token_map.TOKEN_COLOR_TO_ICON_COLOR_MAP[iconColorKey];
35
35
  return euiTheme.colors.vis[iconColorToken];
36
36
  };
37
- var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? getIconVisColor(euiTheme, color) : iconColor;
38
- var boxShadowColor = isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.7);
37
+ var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? (0, _services.shade)(getIconVisColor(euiTheme, color), 0.3) : iconColor;
38
+ var boxShadowColor = isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.2);
39
39
  var darkColor = _services.isColorDark.apply(void 0, (0, _toConsumableArray2.default)((0, _chromaJs.default)(backgroundDarkColor).rgb())) ? euiTheme.colors.ghost : euiTheme.colors.ink;
40
40
  switch (fill) {
41
41
  case 'none':
@@ -250,8 +250,8 @@ var TOKEN_MAP_AMSTERDAM = exports.TOKEN_MAP_AMSTERDAM = {
250
250
  };
251
251
  var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
252
252
  tokenAlias: {
253
- shape: 'circle',
254
- color: 'euiColorVis1'
253
+ shape: 'square',
254
+ color: 'euiColorVis0'
255
255
  },
256
256
  tokenAnnotation: {
257
257
  shape: 'square',
@@ -259,15 +259,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
259
259
  },
260
260
  tokenArray: {
261
261
  shape: 'square',
262
- color: 'euiColorVis3'
262
+ color: 'euiColorVis4'
263
263
  },
264
264
  tokenBinary: {
265
265
  shape: 'square',
266
- color: 'euiColorVis5'
266
+ color: 'euiColorVis6'
267
267
  },
268
268
  tokenBoolean: {
269
269
  shape: 'square',
270
- color: 'euiColorVis3'
270
+ color: 'euiColorVis4'
271
271
  },
272
272
  tokenClass: {
273
273
  shape: 'circle',
@@ -283,7 +283,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
283
283
  },
284
284
  tokenDate: {
285
285
  shape: 'square',
286
- color: 'euiColorVis9'
286
+ color: 'euiColorVis8'
287
287
  },
288
288
  tokenDimension: {
289
289
  shape: 'square',
@@ -291,19 +291,19 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
291
291
  },
292
292
  tokenElement: {
293
293
  shape: 'square',
294
- color: 'euiColorVis1'
294
+ color: 'euiColorVis0'
295
295
  },
296
296
  tokenEnum: {
297
297
  shape: 'circle',
298
- color: 'euiColorVis1'
298
+ color: 'euiColorVis0'
299
299
  },
300
300
  tokenEnumMember: {
301
301
  shape: 'square',
302
- color: 'euiColorVis3'
302
+ color: 'euiColorVis4'
303
303
  },
304
304
  tokenEvent: {
305
305
  shape: 'circle',
306
- color: 'euiColorVis5'
306
+ color: 'euiColorVis6'
307
307
  },
308
308
  tokenException: {
309
309
  shape: 'circle',
@@ -319,7 +319,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
319
319
  },
320
320
  tokenFlattened: {
321
321
  shape: 'square',
322
- color: 'euiColorVis3'
322
+ color: 'euiColorVis4'
323
323
  },
324
324
  tokenFunction: {
325
325
  shape: 'circle',
@@ -331,7 +331,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
331
331
  },
332
332
  tokenHistogram: {
333
333
  shape: 'square',
334
- color: 'euiColorVis9'
334
+ color: 'euiColorVis0'
335
335
  },
336
336
  tokenInterface: {
337
337
  shape: 'circle',
@@ -367,7 +367,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
367
367
  },
368
368
  tokenModule: {
369
369
  shape: 'square',
370
- color: 'euiColorVis5'
370
+ color: 'euiColorVis6'
371
371
  },
372
372
  tokenNamespace: {
373
373
  shape: 'square',
@@ -387,11 +387,11 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
387
387
  },
388
388
  tokenObject: {
389
389
  shape: 'circle',
390
- color: 'euiColorVis1'
390
+ color: 'euiColorVis0'
391
391
  },
392
392
  tokenOperator: {
393
393
  shape: 'circle',
394
- color: 'euiColorVis5'
394
+ color: 'euiColorVis6'
395
395
  },
396
396
  tokenPackage: {
397
397
  shape: 'square',
@@ -399,11 +399,11 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
399
399
  },
400
400
  tokenParameter: {
401
401
  shape: 'square',
402
- color: 'euiColorVis5'
402
+ color: 'euiColorVis6'
403
403
  },
404
404
  tokenPercolator: {
405
405
  shape: 'square',
406
- color: 'euiColorVis9'
406
+ color: 'euiColorVis0'
407
407
  },
408
408
  tokenProperty: {
409
409
  shape: 'circle',
@@ -411,15 +411,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
411
411
  },
412
412
  tokenRange: {
413
413
  shape: 'circle',
414
- color: 'euiColorVis5'
414
+ color: 'euiColorVis6'
415
415
  },
416
416
  tokenRankFeature: {
417
417
  shape: 'square',
418
- color: 'euiColorVis7'
418
+ color: 'euiColorVis8'
419
419
  },
420
420
  tokenRankFeatures: {
421
421
  shape: 'square',
422
- color: 'euiColorVis1'
422
+ color: 'euiColorVis0'
423
423
  },
424
424
  tokenRepo: {
425
425
  shape: 'square',
@@ -435,7 +435,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
435
435
  },
436
436
  tokenShape: {
437
437
  shape: 'circle',
438
- color: 'euiColorVis7'
438
+ color: 'euiColorVis8'
439
439
  },
440
440
  tokenString: {
441
441
  shape: 'square',
@@ -455,15 +455,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
455
455
  },
456
456
  tokenText: {
457
457
  shape: 'square',
458
- color: 'euiColorVis1'
458
+ color: 'euiColorVis0'
459
459
  },
460
460
  tokenTokenCount: {
461
461
  shape: 'square',
462
- color: 'euiColorVis5'
462
+ color: 'euiColorVis6'
463
463
  },
464
464
  tokenVariable: {
465
465
  shape: 'circle',
466
- color: 'euiColorVis3'
466
+ color: 'euiColorVis4'
467
467
  },
468
468
  tokenVectorDense: {
469
469
  shape: 'square',
@@ -85,6 +85,21 @@ var colorVis = exports.colorVis = {
85
85
  euiColorVisDanger0: '#CC5642',
86
86
  euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
87
87
  euiColorVisNeutral0: '#FFFFFF',
88
+ euiColorSeverity0: '#D3DAE6',
89
+ euiColorSeverity1: '#CC5642',
90
+ euiColorSeverity2: '#D2634E',
91
+ euiColorSeverity3: '#D66E5C',
92
+ euiColorSeverity4: '#DD7B67',
93
+ euiColorSeverity5: '#E18773',
94
+ euiColorSeverity6: '#E2907F',
95
+ euiColorSeverity7: '#E69D8F',
96
+ euiColorSeverity8: '#D6BF57',
97
+ euiColorSeverity9: '#DECC79',
98
+ euiColorSeverity10: '#BECFE3',
99
+ euiColorSeverity11: '#A6C0DA',
100
+ euiColorSeverity12: '#90B0D1',
101
+ euiColorSeverity13: '#78A2C9',
102
+ euiColorSeverity14: '#6092C0',
88
103
  euiColorVisGrey0: '#d3dae6',
89
104
  euiColorVisGrey1: '#98a2b3',
90
105
  euiColorVisGrey2: '#69707d',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "98.2.1-borealis.0",
4
+ "version": "98.2.1-borealis.2",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
@@ -52,7 +52,7 @@
52
52
  "url": "https://github.com/elastic/eui.git"
53
53
  },
54
54
  "dependencies": {
55
- "@elastic/eui-theme-common": "0.0.5",
55
+ "@elastic/eui-theme-common": "0.0.7",
56
56
  "@hello-pangea/dnd": "^16.6.0",
57
57
  "@types/lodash": "^4.14.202",
58
58
  "@types/numeral": "^2.0.5",
@@ -105,7 +105,7 @@
105
105
  "@cypress/webpack-dev-server": "^1.7.0",
106
106
  "@elastic/charts": "^64.1.0",
107
107
  "@elastic/datemath": "^5.0.3",
108
- "@elastic/eui-theme-borealis": "0.0.5",
108
+ "@elastic/eui-theme-borealis": "0.0.7",
109
109
  "@emotion/babel-preset-css-prop": "^11.11.0",
110
110
  "@emotion/cache": "^11.11.0",
111
111
  "@emotion/css": "^11.11.0",
@@ -257,7 +257,7 @@
257
257
  },
258
258
  "peerDependencies": {
259
259
  "@elastic/datemath": "^5.0.2",
260
- "@elastic/eui-theme-borealis": "0.0.5",
260
+ "@elastic/eui-theme-borealis": "0.0.7",
261
261
  "@emotion/css": "11.x",
262
262
  "@emotion/react": "11.x",
263
263
  "@types/react": "^16.9 || ^17.0 || ^18.0",
@@ -28,14 +28,14 @@ var getTokenColor = function getTokenColor(euiTheme, colorMode, fill, color) {
28
28
  var iconColor = isVizColor ? visColors[color] : euiTheme.colors.darkShade;
29
29
  var isDarkMode = colorMode === 'DARK';
30
30
  var backgroundDarkColor = isVizColor ? visColorsBehindText[color] : euiTheme.colors.darkShade;
31
- var backgroundLightColor = isDarkMode ? (0, _services.shade)(iconColor, 0.7) : (0, _services.tint)(iconColor, 0.9);
31
+ var backgroundLightColor = isDarkMode ? (0, _services.shade)(iconColor, 0.9) : (0, _services.tint)(iconColor, 0.9);
32
32
  var getIconVisColor = function getIconVisColor(euiTheme, color) {
33
33
  var iconColorKey = "euiColorVis".concat(color);
34
34
  var iconColorToken = _token_map.TOKEN_COLOR_TO_ICON_COLOR_MAP[iconColorKey];
35
35
  return euiTheme.colors.vis[iconColorToken];
36
36
  };
37
- var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? getIconVisColor(euiTheme, color) : iconColor;
38
- var boxShadowColor = isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.7);
37
+ var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? (0, _services.shade)(getIconVisColor(euiTheme, color), 0.3) : iconColor;
38
+ var boxShadowColor = isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.2);
39
39
  var darkColor = _services.isColorDark.apply(void 0, (0, _toConsumableArray2.default)((0, _chromaJs.default)(backgroundDarkColor).rgb())) ? euiTheme.colors.ghost : euiTheme.colors.ink;
40
40
  switch (fill) {
41
41
  case 'none':
@@ -250,8 +250,8 @@ var TOKEN_MAP_AMSTERDAM = exports.TOKEN_MAP_AMSTERDAM = {
250
250
  };
251
251
  var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
252
252
  tokenAlias: {
253
- shape: 'circle',
254
- color: 'euiColorVis1'
253
+ shape: 'square',
254
+ color: 'euiColorVis0'
255
255
  },
256
256
  tokenAnnotation: {
257
257
  shape: 'square',
@@ -259,15 +259,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
259
259
  },
260
260
  tokenArray: {
261
261
  shape: 'square',
262
- color: 'euiColorVis3'
262
+ color: 'euiColorVis4'
263
263
  },
264
264
  tokenBinary: {
265
265
  shape: 'square',
266
- color: 'euiColorVis5'
266
+ color: 'euiColorVis6'
267
267
  },
268
268
  tokenBoolean: {
269
269
  shape: 'square',
270
- color: 'euiColorVis3'
270
+ color: 'euiColorVis4'
271
271
  },
272
272
  tokenClass: {
273
273
  shape: 'circle',
@@ -283,7 +283,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
283
283
  },
284
284
  tokenDate: {
285
285
  shape: 'square',
286
- color: 'euiColorVis9'
286
+ color: 'euiColorVis8'
287
287
  },
288
288
  tokenDimension: {
289
289
  shape: 'square',
@@ -291,19 +291,19 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
291
291
  },
292
292
  tokenElement: {
293
293
  shape: 'square',
294
- color: 'euiColorVis1'
294
+ color: 'euiColorVis0'
295
295
  },
296
296
  tokenEnum: {
297
297
  shape: 'circle',
298
- color: 'euiColorVis1'
298
+ color: 'euiColorVis0'
299
299
  },
300
300
  tokenEnumMember: {
301
301
  shape: 'square',
302
- color: 'euiColorVis3'
302
+ color: 'euiColorVis4'
303
303
  },
304
304
  tokenEvent: {
305
305
  shape: 'circle',
306
- color: 'euiColorVis5'
306
+ color: 'euiColorVis6'
307
307
  },
308
308
  tokenException: {
309
309
  shape: 'circle',
@@ -319,7 +319,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
319
319
  },
320
320
  tokenFlattened: {
321
321
  shape: 'square',
322
- color: 'euiColorVis3'
322
+ color: 'euiColorVis4'
323
323
  },
324
324
  tokenFunction: {
325
325
  shape: 'circle',
@@ -331,7 +331,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
331
331
  },
332
332
  tokenHistogram: {
333
333
  shape: 'square',
334
- color: 'euiColorVis9'
334
+ color: 'euiColorVis0'
335
335
  },
336
336
  tokenInterface: {
337
337
  shape: 'circle',
@@ -367,7 +367,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
367
367
  },
368
368
  tokenModule: {
369
369
  shape: 'square',
370
- color: 'euiColorVis5'
370
+ color: 'euiColorVis6'
371
371
  },
372
372
  tokenNamespace: {
373
373
  shape: 'square',
@@ -387,11 +387,11 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
387
387
  },
388
388
  tokenObject: {
389
389
  shape: 'circle',
390
- color: 'euiColorVis1'
390
+ color: 'euiColorVis0'
391
391
  },
392
392
  tokenOperator: {
393
393
  shape: 'circle',
394
- color: 'euiColorVis5'
394
+ color: 'euiColorVis6'
395
395
  },
396
396
  tokenPackage: {
397
397
  shape: 'square',
@@ -399,11 +399,11 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
399
399
  },
400
400
  tokenParameter: {
401
401
  shape: 'square',
402
- color: 'euiColorVis5'
402
+ color: 'euiColorVis6'
403
403
  },
404
404
  tokenPercolator: {
405
405
  shape: 'square',
406
- color: 'euiColorVis9'
406
+ color: 'euiColorVis0'
407
407
  },
408
408
  tokenProperty: {
409
409
  shape: 'circle',
@@ -411,15 +411,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
411
411
  },
412
412
  tokenRange: {
413
413
  shape: 'circle',
414
- color: 'euiColorVis5'
414
+ color: 'euiColorVis6'
415
415
  },
416
416
  tokenRankFeature: {
417
417
  shape: 'square',
418
- color: 'euiColorVis7'
418
+ color: 'euiColorVis8'
419
419
  },
420
420
  tokenRankFeatures: {
421
421
  shape: 'square',
422
- color: 'euiColorVis1'
422
+ color: 'euiColorVis0'
423
423
  },
424
424
  tokenRepo: {
425
425
  shape: 'square',
@@ -435,7 +435,7 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
435
435
  },
436
436
  tokenShape: {
437
437
  shape: 'circle',
438
- color: 'euiColorVis7'
438
+ color: 'euiColorVis8'
439
439
  },
440
440
  tokenString: {
441
441
  shape: 'square',
@@ -455,15 +455,15 @@ var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
455
455
  },
456
456
  tokenText: {
457
457
  shape: 'square',
458
- color: 'euiColorVis1'
458
+ color: 'euiColorVis0'
459
459
  },
460
460
  tokenTokenCount: {
461
461
  shape: 'square',
462
- color: 'euiColorVis5'
462
+ color: 'euiColorVis6'
463
463
  },
464
464
  tokenVariable: {
465
465
  shape: 'circle',
466
- color: 'euiColorVis3'
466
+ color: 'euiColorVis4'
467
467
  },
468
468
  tokenVectorDense: {
469
469
  shape: 'square',
@@ -85,6 +85,21 @@ var colorVis = exports.colorVis = {
85
85
  euiColorVisDanger0: '#CC5642',
86
86
  euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
87
87
  euiColorVisNeutral0: '#FFFFFF',
88
+ euiColorSeverity0: '#D3DAE6',
89
+ euiColorSeverity1: '#CC5642',
90
+ euiColorSeverity2: '#D2634E',
91
+ euiColorSeverity3: '#D66E5C',
92
+ euiColorSeverity4: '#DD7B67',
93
+ euiColorSeverity5: '#E18773',
94
+ euiColorSeverity6: '#E2907F',
95
+ euiColorSeverity7: '#E69D8F',
96
+ euiColorSeverity8: '#D6BF57',
97
+ euiColorSeverity9: '#DECC79',
98
+ euiColorSeverity10: '#BECFE3',
99
+ euiColorSeverity11: '#A6C0DA',
100
+ euiColorSeverity12: '#90B0D1',
101
+ euiColorSeverity13: '#78A2C9',
102
+ euiColorSeverity14: '#6092C0',
88
103
  euiColorVisGrey0: '#d3dae6',
89
104
  euiColorVisGrey1: '#98a2b3',
90
105
  euiColorVisGrey2: '#69707d',