@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.
- package/es/components/token/token.styles.js +3 -3
- package/es/components/token/token_map.js +24 -24
- package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +15 -0
- package/lib/components/token/token.styles.js +3 -3
- package/lib/components/token/token_map.js +24 -24
- package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +15 -0
- package/optimize/es/components/token/token.styles.js +3 -3
- package/optimize/es/components/token/token_map.js +24 -24
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +15 -0
- package/optimize/lib/components/token/token.styles.js +3 -3
- package/optimize/lib/components/token/token_map.js +24 -24
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +15 -0
- package/package.json +4 -4
- package/test-env/components/token/token.styles.js +3 -3
- package/test-env/components/token/token_map.js +24 -24
- package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +15 -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 ? shade(iconColor, 0.
|
|
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.
|
|
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: '
|
|
248
|
-
color: '
|
|
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: '
|
|
256
|
+
color: 'euiColorVis4'
|
|
257
257
|
},
|
|
258
258
|
tokenBinary: {
|
|
259
259
|
shape: 'square',
|
|
260
|
-
color: '
|
|
260
|
+
color: 'euiColorVis6'
|
|
261
261
|
},
|
|
262
262
|
tokenBoolean: {
|
|
263
263
|
shape: 'square',
|
|
264
|
-
color: '
|
|
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: '
|
|
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: '
|
|
288
|
+
color: 'euiColorVis0'
|
|
289
289
|
},
|
|
290
290
|
tokenEnum: {
|
|
291
291
|
shape: 'circle',
|
|
292
|
-
color: '
|
|
292
|
+
color: 'euiColorVis0'
|
|
293
293
|
},
|
|
294
294
|
tokenEnumMember: {
|
|
295
295
|
shape: 'square',
|
|
296
|
-
color: '
|
|
296
|
+
color: 'euiColorVis4'
|
|
297
297
|
},
|
|
298
298
|
tokenEvent: {
|
|
299
299
|
shape: 'circle',
|
|
300
|
-
color: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
384
|
+
color: 'euiColorVis0'
|
|
385
385
|
},
|
|
386
386
|
tokenOperator: {
|
|
387
387
|
shape: 'circle',
|
|
388
|
-
color: '
|
|
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: '
|
|
396
|
+
color: 'euiColorVis6'
|
|
397
397
|
},
|
|
398
398
|
tokenPercolator: {
|
|
399
399
|
shape: 'square',
|
|
400
|
-
color: '
|
|
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: '
|
|
408
|
+
color: 'euiColorVis6'
|
|
409
409
|
},
|
|
410
410
|
tokenRankFeature: {
|
|
411
411
|
shape: 'square',
|
|
412
|
-
color: '
|
|
412
|
+
color: 'euiColorVis8'
|
|
413
413
|
},
|
|
414
414
|
tokenRankFeatures: {
|
|
415
415
|
shape: 'square',
|
|
416
|
-
color: '
|
|
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: '
|
|
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: '
|
|
452
|
+
color: 'euiColorVis0'
|
|
453
453
|
},
|
|
454
454
|
tokenTokenCount: {
|
|
455
455
|
shape: 'square',
|
|
456
|
-
color: '
|
|
456
|
+
color: 'euiColorVis6'
|
|
457
457
|
},
|
|
458
458
|
tokenVariable: {
|
|
459
459
|
shape: 'circle',
|
|
460
|
-
color: '
|
|
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.
|
|
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.
|
|
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: '
|
|
254
|
-
color: '
|
|
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: '
|
|
262
|
+
color: 'euiColorVis4'
|
|
263
263
|
},
|
|
264
264
|
tokenBinary: {
|
|
265
265
|
shape: 'square',
|
|
266
|
-
color: '
|
|
266
|
+
color: 'euiColorVis6'
|
|
267
267
|
},
|
|
268
268
|
tokenBoolean: {
|
|
269
269
|
shape: 'square',
|
|
270
|
-
color: '
|
|
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: '
|
|
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: '
|
|
294
|
+
color: 'euiColorVis0'
|
|
295
295
|
},
|
|
296
296
|
tokenEnum: {
|
|
297
297
|
shape: 'circle',
|
|
298
|
-
color: '
|
|
298
|
+
color: 'euiColorVis0'
|
|
299
299
|
},
|
|
300
300
|
tokenEnumMember: {
|
|
301
301
|
shape: 'square',
|
|
302
|
-
color: '
|
|
302
|
+
color: 'euiColorVis4'
|
|
303
303
|
},
|
|
304
304
|
tokenEvent: {
|
|
305
305
|
shape: 'circle',
|
|
306
|
-
color: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
390
|
+
color: 'euiColorVis0'
|
|
391
391
|
},
|
|
392
392
|
tokenOperator: {
|
|
393
393
|
shape: 'circle',
|
|
394
|
-
color: '
|
|
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: '
|
|
402
|
+
color: 'euiColorVis6'
|
|
403
403
|
},
|
|
404
404
|
tokenPercolator: {
|
|
405
405
|
shape: 'square',
|
|
406
|
-
color: '
|
|
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: '
|
|
414
|
+
color: 'euiColorVis6'
|
|
415
415
|
},
|
|
416
416
|
tokenRankFeature: {
|
|
417
417
|
shape: 'square',
|
|
418
|
-
color: '
|
|
418
|
+
color: 'euiColorVis8'
|
|
419
419
|
},
|
|
420
420
|
tokenRankFeatures: {
|
|
421
421
|
shape: 'square',
|
|
422
|
-
color: '
|
|
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: '
|
|
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: '
|
|
458
|
+
color: 'euiColorVis0'
|
|
459
459
|
},
|
|
460
460
|
tokenTokenCount: {
|
|
461
461
|
shape: 'square',
|
|
462
|
-
color: '
|
|
462
|
+
color: 'euiColorVis6'
|
|
463
463
|
},
|
|
464
464
|
tokenVariable: {
|
|
465
465
|
shape: 'circle',
|
|
466
|
-
color: '
|
|
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.
|
|
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.
|
|
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: '
|
|
248
|
-
color: '
|
|
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: '
|
|
256
|
+
color: 'euiColorVis4'
|
|
257
257
|
},
|
|
258
258
|
tokenBinary: {
|
|
259
259
|
shape: 'square',
|
|
260
|
-
color: '
|
|
260
|
+
color: 'euiColorVis6'
|
|
261
261
|
},
|
|
262
262
|
tokenBoolean: {
|
|
263
263
|
shape: 'square',
|
|
264
|
-
color: '
|
|
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: '
|
|
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: '
|
|
288
|
+
color: 'euiColorVis0'
|
|
289
289
|
},
|
|
290
290
|
tokenEnum: {
|
|
291
291
|
shape: 'circle',
|
|
292
|
-
color: '
|
|
292
|
+
color: 'euiColorVis0'
|
|
293
293
|
},
|
|
294
294
|
tokenEnumMember: {
|
|
295
295
|
shape: 'square',
|
|
296
|
-
color: '
|
|
296
|
+
color: 'euiColorVis4'
|
|
297
297
|
},
|
|
298
298
|
tokenEvent: {
|
|
299
299
|
shape: 'circle',
|
|
300
|
-
color: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
384
|
+
color: 'euiColorVis0'
|
|
385
385
|
},
|
|
386
386
|
tokenOperator: {
|
|
387
387
|
shape: 'circle',
|
|
388
|
-
color: '
|
|
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: '
|
|
396
|
+
color: 'euiColorVis6'
|
|
397
397
|
},
|
|
398
398
|
tokenPercolator: {
|
|
399
399
|
shape: 'square',
|
|
400
|
-
color: '
|
|
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: '
|
|
408
|
+
color: 'euiColorVis6'
|
|
409
409
|
},
|
|
410
410
|
tokenRankFeature: {
|
|
411
411
|
shape: 'square',
|
|
412
|
-
color: '
|
|
412
|
+
color: 'euiColorVis8'
|
|
413
413
|
},
|
|
414
414
|
tokenRankFeatures: {
|
|
415
415
|
shape: 'square',
|
|
416
|
-
color: '
|
|
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: '
|
|
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: '
|
|
452
|
+
color: 'euiColorVis0'
|
|
453
453
|
},
|
|
454
454
|
tokenTokenCount: {
|
|
455
455
|
shape: 'square',
|
|
456
|
-
color: '
|
|
456
|
+
color: 'euiColorVis6'
|
|
457
457
|
},
|
|
458
458
|
tokenVariable: {
|
|
459
459
|
shape: 'circle',
|
|
460
|
-
color: '
|
|
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.
|
|
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.
|
|
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: '
|
|
254
|
-
color: '
|
|
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: '
|
|
262
|
+
color: 'euiColorVis4'
|
|
263
263
|
},
|
|
264
264
|
tokenBinary: {
|
|
265
265
|
shape: 'square',
|
|
266
|
-
color: '
|
|
266
|
+
color: 'euiColorVis6'
|
|
267
267
|
},
|
|
268
268
|
tokenBoolean: {
|
|
269
269
|
shape: 'square',
|
|
270
|
-
color: '
|
|
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: '
|
|
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: '
|
|
294
|
+
color: 'euiColorVis0'
|
|
295
295
|
},
|
|
296
296
|
tokenEnum: {
|
|
297
297
|
shape: 'circle',
|
|
298
|
-
color: '
|
|
298
|
+
color: 'euiColorVis0'
|
|
299
299
|
},
|
|
300
300
|
tokenEnumMember: {
|
|
301
301
|
shape: 'square',
|
|
302
|
-
color: '
|
|
302
|
+
color: 'euiColorVis4'
|
|
303
303
|
},
|
|
304
304
|
tokenEvent: {
|
|
305
305
|
shape: 'circle',
|
|
306
|
-
color: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
390
|
+
color: 'euiColorVis0'
|
|
391
391
|
},
|
|
392
392
|
tokenOperator: {
|
|
393
393
|
shape: 'circle',
|
|
394
|
-
color: '
|
|
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: '
|
|
402
|
+
color: 'euiColorVis6'
|
|
403
403
|
},
|
|
404
404
|
tokenPercolator: {
|
|
405
405
|
shape: 'square',
|
|
406
|
-
color: '
|
|
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: '
|
|
414
|
+
color: 'euiColorVis6'
|
|
415
415
|
},
|
|
416
416
|
tokenRankFeature: {
|
|
417
417
|
shape: 'square',
|
|
418
|
-
color: '
|
|
418
|
+
color: 'euiColorVis8'
|
|
419
419
|
},
|
|
420
420
|
tokenRankFeatures: {
|
|
421
421
|
shape: 'square',
|
|
422
|
-
color: '
|
|
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: '
|
|
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: '
|
|
458
|
+
color: 'euiColorVis0'
|
|
459
459
|
},
|
|
460
460
|
tokenTokenCount: {
|
|
461
461
|
shape: 'square',
|
|
462
|
-
color: '
|
|
462
|
+
color: 'euiColorVis6'
|
|
463
463
|
},
|
|
464
464
|
tokenVariable: {
|
|
465
465
|
shape: 'circle',
|
|
466
|
-
color: '
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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: '
|
|
254
|
-
color: '
|
|
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: '
|
|
262
|
+
color: 'euiColorVis4'
|
|
263
263
|
},
|
|
264
264
|
tokenBinary: {
|
|
265
265
|
shape: 'square',
|
|
266
|
-
color: '
|
|
266
|
+
color: 'euiColorVis6'
|
|
267
267
|
},
|
|
268
268
|
tokenBoolean: {
|
|
269
269
|
shape: 'square',
|
|
270
|
-
color: '
|
|
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: '
|
|
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: '
|
|
294
|
+
color: 'euiColorVis0'
|
|
295
295
|
},
|
|
296
296
|
tokenEnum: {
|
|
297
297
|
shape: 'circle',
|
|
298
|
-
color: '
|
|
298
|
+
color: 'euiColorVis0'
|
|
299
299
|
},
|
|
300
300
|
tokenEnumMember: {
|
|
301
301
|
shape: 'square',
|
|
302
|
-
color: '
|
|
302
|
+
color: 'euiColorVis4'
|
|
303
303
|
},
|
|
304
304
|
tokenEvent: {
|
|
305
305
|
shape: 'circle',
|
|
306
|
-
color: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
390
|
+
color: 'euiColorVis0'
|
|
391
391
|
},
|
|
392
392
|
tokenOperator: {
|
|
393
393
|
shape: 'circle',
|
|
394
|
-
color: '
|
|
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: '
|
|
402
|
+
color: 'euiColorVis6'
|
|
403
403
|
},
|
|
404
404
|
tokenPercolator: {
|
|
405
405
|
shape: 'square',
|
|
406
|
-
color: '
|
|
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: '
|
|
414
|
+
color: 'euiColorVis6'
|
|
415
415
|
},
|
|
416
416
|
tokenRankFeature: {
|
|
417
417
|
shape: 'square',
|
|
418
|
-
color: '
|
|
418
|
+
color: 'euiColorVis8'
|
|
419
419
|
},
|
|
420
420
|
tokenRankFeatures: {
|
|
421
421
|
shape: 'square',
|
|
422
|
-
color: '
|
|
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: '
|
|
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: '
|
|
458
|
+
color: 'euiColorVis0'
|
|
459
459
|
},
|
|
460
460
|
tokenTokenCount: {
|
|
461
461
|
shape: 'square',
|
|
462
|
-
color: '
|
|
462
|
+
color: 'euiColorVis6'
|
|
463
463
|
},
|
|
464
464
|
tokenVariable: {
|
|
465
465
|
shape: 'circle',
|
|
466
|
-
color: '
|
|
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',
|