@elastic/eui-theme-borealis 6.0.0 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/lib/cjs/variables/_buttons.js +3 -0
  2. package/lib/cjs/variables/colors/_colors_dark.js +8 -1
  3. package/lib/cjs/variables/colors/_colors_light.js +8 -1
  4. package/lib/cjs/variables/colors/_colors_severity.d.ts +1 -0
  5. package/lib/cjs/variables/colors/_colors_severity.js +2 -1
  6. package/lib/cjs/variables/colors/_colors_severity_hcm.d.ts +1 -0
  7. package/lib/cjs/variables/colors/_colors_severity_hcm.js +2 -1
  8. package/lib/cjs/variables/colors/_colors_vis_dark.js +3 -1
  9. package/lib/cjs/variables/colors/_colors_vis_hcm.js +8 -1
  10. package/lib/cjs/variables/colors/_colors_vis_light.js +13 -0
  11. package/lib/cjs/variables/colors/_primitive_colors.js +13 -13
  12. package/lib/cjs/variables/colors/_semantic_colors.d.ts +2 -0
  13. package/lib/cjs/variables/colors/_semantic_colors.js +2 -0
  14. package/lib/esm/variables/_buttons.js +3 -0
  15. package/lib/esm/variables/colors/_colors_dark.js +7 -0
  16. package/lib/esm/variables/colors/_colors_light.js +7 -0
  17. package/lib/esm/variables/colors/_colors_severity.d.ts +1 -0
  18. package/lib/esm/variables/colors/_colors_severity.js +1 -0
  19. package/lib/esm/variables/colors/_colors_severity_hcm.d.ts +1 -0
  20. package/lib/esm/variables/colors/_colors_severity_hcm.js +1 -0
  21. package/lib/esm/variables/colors/_colors_vis_dark.js +2 -0
  22. package/lib/esm/variables/colors/_colors_vis_hcm.js +7 -0
  23. package/lib/esm/variables/colors/_colors_vis_light.js +13 -0
  24. package/lib/esm/variables/colors/_primitive_colors.js +13 -13
  25. package/lib/esm/variables/colors/_semantic_colors.d.ts +2 -0
  26. package/lib/esm/variables/colors/_semantic_colors.js +2 -0
  27. package/lib/eui_theme_borealis_dark.json +17 -2
  28. package/lib/eui_theme_borealis_dark.json.d.ts +14 -0
  29. package/lib/eui_theme_borealis_light.json +33 -18
  30. package/lib/eui_theme_borealis_light.json.d.ts +14 -0
  31. package/package.json +4 -3
  32. package/src/variables/colors/_colors_dark.scss +7 -0
  33. package/src/variables/colors/_colors_light.scss +7 -0
  34. package/src/variables/colors/_colors_severity.scss +2 -1
  35. package/src/variables/colors/_colors_vis.scss +13 -1
  36. package/src/variables/colors/_colors_vis_dark.scss +3 -1
  37. package/src/variables/colors/_colors_vis_light.scss +3 -1
  38. package/src/variables/colors/_semantic_colors.scss +13 -13
@@ -39,7 +39,7 @@ export const PRIMITIVE_COLORS = {
39
39
  blueGrey135: '#172336',
40
40
  blueGrey140: '#111C2C',
41
41
  blueGrey145: '#0B1628',
42
- blue10: '#E8F1FF',
42
+ blue10: '#F1F6FF',
43
43
  blue20: '#D9E8FF',
44
44
  blue30: '#BFDBFF',
45
45
  blue40: '#A3CBFF',
@@ -53,7 +53,7 @@ export const PRIMITIVE_COLORS = {
53
53
  blue120: '#123778',
54
54
  blue130: '#0D2F5E',
55
55
  blue140: '#0A2342',
56
- sky10: '#E5F6FA',
56
+ sky10: '#ECFBFF',
57
57
  sky20: '#CFEEF7',
58
58
  sky30: '#B5E5F2',
59
59
  sky40: '#94D8EB',
@@ -67,7 +67,7 @@ export const PRIMITIVE_COLORS = {
67
67
  sky120: '#00425C',
68
68
  sky130: '#003447',
69
69
  sky140: '#002938',
70
- teal10: '#E2F9F7',
70
+ teal10: '#EAFBFA',
71
71
  teal20: '#C9F3F0',
72
72
  teal30: '#A6EDEA',
73
73
  teal40: '#77E5E0',
@@ -81,7 +81,7 @@ export const PRIMITIVE_COLORS = {
81
81
  teal120: '#044949',
82
82
  teal130: '#023436',
83
83
  teal140: '#03282B',
84
- pink10: '#FFEBF5',
84
+ pink10: '#FFF0F8',
85
85
  pink20: '#FDDDE9',
86
86
  pink30: '#FFC7DB',
87
87
  pink40: '#FBADCA',
@@ -95,7 +95,7 @@ export const PRIMITIVE_COLORS = {
95
95
  pink120: '#5E2140',
96
96
  pink130: '#481E32',
97
97
  pink140: '#351725',
98
- green10: '#E2F8F0',
98
+ green10: '#E9FFF7',
99
99
  green20: '#C9F3E3',
100
100
  green30: '#AEE8D2',
101
101
  green40: '#88E3C3',
@@ -109,7 +109,7 @@ export const PRIMITIVE_COLORS = {
109
109
  green120: '#094837',
110
110
  green130: '#0D362B',
111
111
  green140: '#092A26',
112
- yellow10: '#FDF3D8',
112
+ yellow10: '#FFF7E2',
113
113
  yellow20: '#FDE9B5',
114
114
  yellow30: '#FCD883',
115
115
  yellow40: '#FACB3D',
@@ -123,7 +123,7 @@ export const PRIMITIVE_COLORS = {
123
123
  yellow120: '#513910',
124
124
  yellow130: '#3D3014',
125
125
  yellow140: '#2C2721',
126
- orange10: '#FFEDD6',
126
+ orange10: '#FFF3E3',
127
127
  orange20: '#FFDEBF',
128
128
  orange30: '#FFCDA1',
129
129
  orange40: '#FFB787',
@@ -137,7 +137,7 @@ export const PRIMITIVE_COLORS = {
137
137
  orange120: '#5E281A',
138
138
  orange130: '#4A221C',
139
139
  orange140: '#361D18',
140
- red10: '#FFE8E5',
140
+ red10: '#FFF3F1',
141
141
  red20: '#FDDDD8',
142
142
  red30: '#FFC9C2',
143
143
  red40: '#FFB5AD',
@@ -151,12 +151,12 @@ export const PRIMITIVE_COLORS = {
151
151
  red120: '#5E2129',
152
152
  red130: '#491D27',
153
153
  red140: '#351721',
154
- purple10: '#F3ECFE',
154
+ purple10: '#F7F2FF',
155
155
  purple20: '#ECE2FE',
156
- purple30: '#DECDFE',
157
- purple40: '#CEB6FC',
158
- purple50: '#BF9CF9',
159
- purple60: '#B084F5',
156
+ purple30: '#E2D3FE',
157
+ purple40: '#D1BAFC',
158
+ purple50: '#C5A5FA',
159
+ purple60: '#B386F9',
160
160
  purple70: '#A36DEF',
161
161
  purple80: '#925CDA',
162
162
  purple90: '#8144CC',
@@ -9,6 +9,7 @@ export declare const SEMANTIC_COLORS: {
9
9
  warning60RGB: string;
10
10
  risk60RGB: string;
11
11
  danger70RGB: string;
12
+ assistance70RGB: string;
12
13
  shade100RGB: string;
13
14
  shade120RGB: string;
14
15
  shade140RGB: string;
@@ -43,6 +44,7 @@ export declare const SEMANTIC_COLORS: {
43
44
  danger70Alpha12: string;
44
45
  danger70Alpha16: string;
45
46
  danger70Alpha20: string;
47
+ assistance70Alpha12: string;
46
48
  shade100Alpha4: string;
47
49
  shade100Alpha16: string;
48
50
  shade100Alpha24: string;
@@ -176,6 +176,7 @@ const _semantic_rgb_colors = {
176
176
  warning60RGB: chroma(_semantic_colors.warning60).rgb().join(),
177
177
  risk60RGB: chroma(_semantic_colors.risk60).rgb().join(),
178
178
  danger70RGB: chroma(_semantic_colors.danger70).rgb().join(),
179
+ assistance70RGB: chroma(_semantic_colors.assistance70).rgb().join(),
179
180
  shade100RGB: chroma(_semantic_colors.shade100).rgb().join(),
180
181
  shade120RGB: chroma(_semantic_colors.shade120).rgb().join(),
181
182
  shade140RGB: chroma(_semantic_colors.shade140).rgb().join(),
@@ -212,6 +213,7 @@ const _semantic_alpha_colors = {
212
213
  danger70Alpha12: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.12)`,
213
214
  danger70Alpha16: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.16)`,
214
215
  danger70Alpha20: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.2)`,
216
+ assistance70Alpha12: `rgba(${_semantic_rgb_colors.assistance70RGB}, 0.12)`,
215
217
  shade100Alpha4: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.04)`,
216
218
  shade100Alpha16: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.16)`,
217
219
  shade100Alpha24: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.24)`,
@@ -308,6 +308,8 @@
308
308
  "euiColorVis7": "#FFC9C2",
309
309
  "euiColorVis8": "#EAAE01",
310
310
  "euiColorVis9": "#FCD883",
311
+ "euiColorVis10": "#B386F9",
312
+ "euiColorVis11": "#E2D3FE",
311
313
  "euiColorVis0_behindText": "#16C5C0",
312
314
  "euiColorVis1_behindText": "#A6EDEA",
313
315
  "euiColorVis2_behindText": "#61A2FF",
@@ -318,6 +320,8 @@
318
320
  "euiColorVis7_behindText": "#FFC9C2",
319
321
  "euiColorVis8_behindText": "#EAAE01",
320
322
  "euiColorVis9_behindText": "#FCD883",
323
+ "euiColorVis10_behindText": "#B386F9",
324
+ "euiColorVis11_behindText": "#E2D3FE",
321
325
  "euiColorVisText0": "#16C5C0",
322
326
  "euiColorVisText1": "#A6EDEA",
323
327
  "euiColorVisText2": "#61A2FF",
@@ -328,20 +332,23 @@
328
332
  "euiColorVisText7": "#FFC9C2",
329
333
  "euiColorVisText8": "#EAAE01",
330
334
  "euiColorVisText9": "#FCD883",
335
+ "euiColorVisText10": "#B386F9",
336
+ "euiColorVisText11": "#E2D3FE",
331
337
  "euiColorVisSuccess0": "#24C292",
332
338
  "euiColorVisSuccess1": "#AEE8D2",
333
339
  "euiColorVisWarning0": "#FCD883",
334
340
  "euiColorVisDanger0": "#F6726A",
335
341
  "euiColorVisDanger1": "#FFC9C2",
342
+ "euiColorVisAssistance": "#B386F9",
336
343
  "euiColorVisNeutral0": "#F6F9FC",
337
344
  "euiColorVisGrey0": "#CAD3E2",
338
345
  "euiColorVisGrey1": "#8E9FBC",
339
346
  "euiColorVisGrey2": "#5A6D8C",
340
347
  "euiColorVisGrey3": "#1D2A3E",
341
- "euiColorVisWarm0": "#FFE8E5",
348
+ "euiColorVisWarm0": "#FFF3F1",
342
349
  "euiColorVisWarm1": "#FFB5AD",
343
350
  "euiColorVisWarm2": "#F6726A",
344
- "euiColorVisCool0": "#E8F1FF",
351
+ "euiColorVisCool0": "#F1F6FF",
345
352
  "euiColorVisCool1": "#A3CBFF",
346
353
  "euiColorVisCool2": "#61A2FF",
347
354
  "euiColorVisComplementary0": "#61A2FF",
@@ -352,6 +359,7 @@
352
359
  "euiColorSeverityWarning": "#FCD883",
353
360
  "euiColorSeverityRisk": "#FF995E",
354
361
  "euiColorSeverityDanger": "#EE4C48",
362
+ "euiColorSeverityAssistance": "#B386F9",
355
363
  "euiColorChartLines": "#7186A8",
356
364
  "euiColorChartBand": "#243147",
357
365
  "euiColorPrimary": "#61A2FF",
@@ -390,6 +398,7 @@
390
398
  "euiColorTextWarning": "#FCD883",
391
399
  "euiColorTextRisk": "#FF995E",
392
400
  "euiColorTextDanger": "#F6726A",
401
+ "euiColorTextAssistance": "#C5A5FA",
393
402
  "euiColorTextParagraph": "#CAD3E2",
394
403
  "euiColorTextHeading": "#E3E8F2",
395
404
  "euiColorTextSubdued": "#98A8C3",
@@ -405,6 +414,7 @@
405
414
  "euiColorBackgroundBaseWarning": "#2C2721",
406
415
  "euiColorBackgroundBaseRisk": "#361D18",
407
416
  "euiColorBackgroundBaseDanger": "#351721",
417
+ "euiColorBackgroundBaseAssistance": "#2A1E3E",
408
418
  "euiColorBackgroundBaseSubdued": "#07101F",
409
419
  "euiColorBackgroundBasePlain": "#0B1628",
410
420
  "euiColorBackgroundBaseDisabled": "#1D2A3E",
@@ -412,6 +422,7 @@
412
422
  "euiColorBackgroundBaseFormsPrepend": "#243147",
413
423
  "euiColorBackgroundBaseFormsControlDisabled": "#2B394F",
414
424
  "euiColorBackgroundBaseInteractiveHover": "rgba(255,255,255, 0.08)",
425
+ "euiColorBackgroundBaseInteractiveHoverAssistance": "#322452",
415
426
  "euiColorBackgroundBaseInteractiveSelect": "#0D2F5E",
416
427
  "euiColorBackgroundBaseInteractiveSelectHover": "#123778",
417
428
  "euiColorBackgroundBaseInteractiveOverlay": "rgba(43,57,79, 0.7)",
@@ -425,6 +436,7 @@
425
436
  "euiColorBackgroundLightWarning": "#3D3014",
426
437
  "euiColorBackgroundLightRisk": "#4A221C",
427
438
  "euiColorBackgroundLightDanger": "#491D27",
439
+ "euiColorBackgroundLightAssistance": "#3E2C63",
428
440
  "euiColorBackgroundLightText": "#2B394F",
429
441
  "euiColorBackgroundFilledPrimary": "#61A2FF",
430
442
  "euiColorBackgroundFilledAccent": "#EE72A6",
@@ -434,6 +446,7 @@
434
446
  "euiColorBackgroundFilledWarning": "#FACB3D",
435
447
  "euiColorBackgroundFilledRisk": "#FF995E",
436
448
  "euiColorBackgroundFilledDanger": "#F6726A",
449
+ "euiColorBackgroundFilledAssistance": "#C5A5FA",
437
450
  "euiColorBackgroundFilledText": "#8E9FBC",
438
451
  "euiColorBorderBasePrimary": "#123778",
439
452
  "euiColorBorderBaseAccent": "#5E2140",
@@ -443,6 +456,7 @@
443
456
  "euiColorBorderBaseWarning": "#513910",
444
457
  "euiColorBorderBaseRisk": "#5E281A",
445
458
  "euiColorBorderBaseDanger": "#5E2129",
459
+ "euiColorBorderBaseAssistance": "#3E2C63",
446
460
  "euiColorBorderBasePlain": "#485975",
447
461
  "euiColorBorderBaseSubdued": "#2B394F",
448
462
  "euiColorBorderBaseProminent": "#6A7FA0",
@@ -460,5 +474,6 @@
460
474
  "euiColorBorderStrongWarning": "#FACB3D",
461
475
  "euiColorBorderStrongRisk": "#FC8544",
462
476
  "euiColorBorderStrongDanger": "#F6726A",
477
+ "euiColorBorderStrongAssistance": "#B386F9",
463
478
  "euiColorBorderStrongText": "#8E9FBC"
464
479
  }
@@ -309,6 +309,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
309
309
  euiColorVis7: string;
310
310
  euiColorVis8: string;
311
311
  euiColorVis9: string;
312
+ euiColorVis10: string;
313
+ euiColorVis11: string;
312
314
  euiColorVis0_behindText: string;
313
315
  euiColorVis1_behindText: string;
314
316
  euiColorVis2_behindText: string;
@@ -319,6 +321,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
319
321
  euiColorVis7_behindText: string;
320
322
  euiColorVis8_behindText: string;
321
323
  euiColorVis9_behindText: string;
324
+ euiColorVis10_behindText: string;
325
+ euiColorVis11_behindText: string;
322
326
  euiColorVisText0: string;
323
327
  euiColorVisText1: string;
324
328
  euiColorVisText2: string;
@@ -329,11 +333,14 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
329
333
  euiColorVisText7: string;
330
334
  euiColorVisText8: string;
331
335
  euiColorVisText9: string;
336
+ euiColorVisText10: string;
337
+ euiColorVisText11: string;
332
338
  euiColorVisSuccess0: string;
333
339
  euiColorVisSuccess1: string;
334
340
  euiColorVisWarning0: string;
335
341
  euiColorVisDanger0: string;
336
342
  euiColorVisDanger1: string;
343
+ euiColorVisAssistance: string;
337
344
  euiColorVisNeutral0: string;
338
345
  euiColorVisGrey0: string;
339
346
  euiColorVisGrey1: string;
@@ -353,6 +360,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
353
360
  euiColorSeverityWarning: string;
354
361
  euiColorSeverityRisk: string;
355
362
  euiColorSeverityDanger: string;
363
+ euiColorSeverityAssistance: string;
356
364
  euiColorChartLines: string;
357
365
  euiColorChartBand: string;
358
366
  euiColorPrimary: string;
@@ -391,6 +399,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
391
399
  euiColorTextWarning: string;
392
400
  euiColorTextRisk: string;
393
401
  euiColorTextDanger: string;
402
+ euiColorTextAssistance: string;
394
403
  euiColorTextParagraph: string;
395
404
  euiColorTextHeading: string;
396
405
  euiColorTextSubdued: string;
@@ -406,6 +415,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
406
415
  euiColorBackgroundBaseWarning: string;
407
416
  euiColorBackgroundBaseRisk: string;
408
417
  euiColorBackgroundBaseDanger: string;
418
+ euiColorBackgroundBaseAssistance: string;
409
419
  euiColorBackgroundBaseSubdued: string;
410
420
  euiColorBackgroundBasePlain: string;
411
421
  euiColorBackgroundBaseDisabled: string;
@@ -426,6 +436,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
426
436
  euiColorBackgroundLightWarning: string;
427
437
  euiColorBackgroundLightRisk: string;
428
438
  euiColorBackgroundLightDanger: string;
439
+ euiColorBackgroundLightAssistance: string;
429
440
  euiColorBackgroundLightText: string;
430
441
  euiColorBackgroundFilledPrimary: string;
431
442
  euiColorBackgroundFilledAccent: string;
@@ -435,6 +446,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
435
446
  euiColorBackgroundFilledWarning: string;
436
447
  euiColorBackgroundFilledRisk: string;
437
448
  euiColorBackgroundFilledDanger: string;
449
+ euiColorBackgroundFilledAssistance: string;
438
450
  euiColorBackgroundFilledText: string;
439
451
  euiColorBorderBasePrimary: string;
440
452
  euiColorBorderBaseAccent: string;
@@ -444,6 +456,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
444
456
  euiColorBorderBaseWarning: string;
445
457
  euiColorBorderBaseRisk: string;
446
458
  euiColorBorderBaseDanger: string;
459
+ euiColorBorderBaseAssistance: string;
447
460
  euiColorBorderBasePlain: string;
448
461
  euiColorBorderBaseSubdued: string;
449
462
  euiColorBorderBaseProminent: string;
@@ -461,6 +474,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
461
474
  euiColorBorderStrongWarning: string;
462
475
  euiColorBorderStrongRisk: string;
463
476
  euiColorBorderStrongDanger: string;
477
+ euiColorBorderStrongAssistance: string;
464
478
  euiColorBorderStrongText: string;
465
479
  };
466
480
  export default sassVariables;
@@ -120,12 +120,12 @@
120
120
  "transparent": "rgba(0, 0, 0, 0)",
121
121
  "plain": "#FFFFFF",
122
122
  "subdued": "#F6F9FC",
123
- "accent": "#FFEBF5",
124
- "accentSecondary": "#E2F9F7",
125
- "primary": "#E8F1FF",
126
- "success": "#E2F8F0",
127
- "warning": "#FDF3D8",
128
- "danger": "#FFE8E5"
123
+ "accent": "#FFF0F8",
124
+ "accentSecondary": "#EAFBFA",
125
+ "primary": "#F1F6FF",
126
+ "success": "#E9FFF7",
127
+ "warning": "#FFF7E2",
128
+ "danger": "#FFF3F1"
129
129
  },
130
130
  "euiBreakpoints": {
131
131
  "xs": 0,
@@ -308,6 +308,8 @@
308
308
  "euiColorVis7": "#FFC9C2",
309
309
  "euiColorVis8": "#EAAE01",
310
310
  "euiColorVis9": "#FCD883",
311
+ "euiColorVis10": "#B386F9",
312
+ "euiColorVis11": "#E2D3FE",
311
313
  "euiColorVis0_behindText": "#16C5C0",
312
314
  "euiColorVis1_behindText": "#A6EDEA",
313
315
  "euiColorVis2_behindText": "#61A2FF",
@@ -318,6 +320,8 @@
318
320
  "euiColorVis7_behindText": "#FFC9C2",
319
321
  "euiColorVis8_behindText": "#EAAE01",
320
322
  "euiColorVis9_behindText": "#FCD883",
323
+ "euiColorVis10_behindText": "#B386F9",
324
+ "euiColorVis11_behindText": "#E2D3FE",
321
325
  "euiColorVisText0": "#065B58",
322
326
  "euiColorVisText1": "#047471",
323
327
  "euiColorVisText2": "#154399",
@@ -328,20 +332,23 @@
328
332
  "euiColorVisText7": "#DA3737",
329
333
  "euiColorVisText8": "#6A4906",
330
334
  "euiColorVisText9": "#966B03",
335
+ "euiColorVisText10": "#52357E",
336
+ "euiColorVisText11": "#8144CC",
331
337
  "euiColorVisSuccess0": "#24C292",
332
338
  "euiColorVisSuccess1": "#AEE8D2",
333
339
  "euiColorVisWarning0": "#FCD883",
334
340
  "euiColorVisDanger0": "#F6726A",
335
341
  "euiColorVisDanger1": "#FFC9C2",
342
+ "euiColorVisAssistance": "#B386F9",
336
343
  "euiColorVisNeutral0": "#F6F9FC",
337
344
  "euiColorVisGrey0": "#CAD3E2",
338
345
  "euiColorVisGrey1": "#8E9FBC",
339
346
  "euiColorVisGrey2": "#5A6D8C",
340
347
  "euiColorVisGrey3": "#1D2A3E",
341
- "euiColorVisWarm0": "#FFE8E5",
348
+ "euiColorVisWarm0": "#FFF3F1",
342
349
  "euiColorVisWarm1": "#FFB5AD",
343
350
  "euiColorVisWarm2": "#F6726A",
344
- "euiColorVisCool0": "#E8F1FF",
351
+ "euiColorVisCool0": "#F1F6FF",
345
352
  "euiColorVisCool1": "#A3CBFF",
346
353
  "euiColorVisCool2": "#61A2FF",
347
354
  "euiColorVisComplementary0": "#61A2FF",
@@ -352,6 +359,7 @@
352
359
  "euiColorSeverityWarning": "#FCD883",
353
360
  "euiColorSeverityRisk": "#FF995E",
354
361
  "euiColorSeverityDanger": "#EE4C48",
362
+ "euiColorSeverityAssistance": "#B386F9",
355
363
  "euiColorChartLines": "#CAD3E2",
356
364
  "euiColorChartBand": "#F6F9FC",
357
365
  "euiColorPrimary": "#0B64DD",
@@ -368,7 +376,7 @@
368
376
  "euiColorDarkestShade": "#2B394F",
369
377
  "euiColorFullShade": "#07101F",
370
378
  "euiPageBackgroundColor": "#F6F9FC",
371
- "euiColorHighlight": "#E8F1FF",
379
+ "euiColorHighlight": "#F1F6FF",
372
380
  "euiTextColor": "#1D2A3E",
373
381
  "euiTitleColor": "#111C2C",
374
382
  "euiTextSubduedColor": "#516381",
@@ -390,6 +398,7 @@
390
398
  "euiColorTextWarning": "#6A4906",
391
399
  "euiColorTextRisk": "#9E3A16",
392
400
  "euiColorTextDanger": "#A71627",
401
+ "euiColorTextAssistance": "#6B3C9F",
393
402
  "euiColorTextParagraph": "#1D2A3E",
394
403
  "euiColorTextHeading": "#111C2C",
395
404
  "euiColorTextSubdued": "#516381",
@@ -397,14 +406,15 @@
397
406
  "euiColorTextInverse": "#FFFFFF",
398
407
  "euiColorTextGhost": "#FFFFFF",
399
408
  "euiColorTextInk": "#07101F",
400
- "euiColorBackgroundBasePrimary": "#E8F1FF",
401
- "euiColorBackgroundBaseAccent": "#FFEBF5",
402
- "euiColorBackgroundBaseAccentSecondary": "#E2F9F7",
403
- "euiColorBackgroundBaseNeutral": "#E5F6FA",
404
- "euiColorBackgroundBaseSuccess": "#E2F8F0",
405
- "euiColorBackgroundBaseWarning": "#FDF3D8",
406
- "euiColorBackgroundBaseRisk": "#FFEDD6",
407
- "euiColorBackgroundBaseDanger": "#FFE8E5",
409
+ "euiColorBackgroundBasePrimary": "#F1F6FF",
410
+ "euiColorBackgroundBaseAccent": "#FFF0F8",
411
+ "euiColorBackgroundBaseAccentSecondary": "#EAFBFA",
412
+ "euiColorBackgroundBaseNeutral": "#ECFBFF",
413
+ "euiColorBackgroundBaseSuccess": "#E9FFF7",
414
+ "euiColorBackgroundBaseWarning": "#FFF7E2",
415
+ "euiColorBackgroundBaseRisk": "#FFF3E3",
416
+ "euiColorBackgroundBaseDanger": "#FFF3F1",
417
+ "euiColorBackgroundBaseAssistance": "#F7F2FF",
408
418
  "euiColorBackgroundBaseSubdued": "#F6F9FC",
409
419
  "euiColorBackgroundBasePlain": "#FFFFFF",
410
420
  "euiColorBackgroundBaseDisabled": "#ECF1F9",
@@ -412,7 +422,8 @@
412
422
  "euiColorBackgroundBaseFormsPrepend": "#ECF1F9",
413
423
  "euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
414
424
  "euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
415
- "euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
425
+ "euiColorBackgroundBaseInteractiveHoverAssistance": "#ECE2FE",
426
+ "euiColorBackgroundBaseInteractiveSelect": "#F1F6FF",
416
427
  "euiColorBackgroundBaseInteractiveSelectHover": "#D9E8FF",
417
428
  "euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
418
429
  "euiColorBackgroundBaseSkeletonEdge": "rgba(72,89,117, 0.16)",
@@ -425,6 +436,7 @@
425
436
  "euiColorBackgroundLightWarning": "#FDE9B5",
426
437
  "euiColorBackgroundLightRisk": "#FFDEBF",
427
438
  "euiColorBackgroundLightDanger": "#FDDDD8",
439
+ "euiColorBackgroundLightAssistance": "#ECE2FE",
428
440
  "euiColorBackgroundLightText": "#E3E8F2",
429
441
  "euiColorBackgroundFilledPrimary": "#0B64DD",
430
442
  "euiColorBackgroundFilledAccent": "#BC1E70",
@@ -434,6 +446,7 @@
434
446
  "euiColorBackgroundFilledWarning": "#FACB3D",
435
447
  "euiColorBackgroundFilledRisk": "#ED6723",
436
448
  "euiColorBackgroundFilledDanger": "#C61E25",
449
+ "euiColorBackgroundFilledAssistance": "#8144CC",
437
450
  "euiColorBackgroundFilledText": "#5A6D8C",
438
451
  "euiColorBorderBasePrimary": "#BFDBFF",
439
452
  "euiColorBorderBaseAccent": "#FFC7DB",
@@ -443,6 +456,7 @@
443
456
  "euiColorBorderBaseWarning": "#FCD883",
444
457
  "euiColorBorderBaseRisk": "#FFCDA1",
445
458
  "euiColorBorderBaseDanger": "#FFC9C2",
459
+ "euiColorBorderBaseAssistance": "#E2D3FE",
446
460
  "euiColorBorderBasePlain": "#CAD3E2",
447
461
  "euiColorBorderBaseSubdued": "#E3E8F2",
448
462
  "euiColorBorderBaseProminent": "#A2B1C9",
@@ -460,5 +474,6 @@
460
474
  "euiColorBorderStrongWarning": "#966B03",
461
475
  "euiColorBorderStrongRisk": "#C24411",
462
476
  "euiColorBorderStrongDanger": "#C61E25",
477
+ "euiColorBorderStrongAssistance": "#8144CC",
463
478
  "euiColorBorderStrongText": "#5A6D8C"
464
479
  }
@@ -309,6 +309,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
309
309
  euiColorVis7: string;
310
310
  euiColorVis8: string;
311
311
  euiColorVis9: string;
312
+ euiColorVis10: string;
313
+ euiColorVis11: string;
312
314
  euiColorVis0_behindText: string;
313
315
  euiColorVis1_behindText: string;
314
316
  euiColorVis2_behindText: string;
@@ -319,6 +321,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
319
321
  euiColorVis7_behindText: string;
320
322
  euiColorVis8_behindText: string;
321
323
  euiColorVis9_behindText: string;
324
+ euiColorVis10_behindText: string;
325
+ euiColorVis11_behindText: string;
322
326
  euiColorVisText0: string;
323
327
  euiColorVisText1: string;
324
328
  euiColorVisText2: string;
@@ -329,11 +333,14 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
329
333
  euiColorVisText7: string;
330
334
  euiColorVisText8: string;
331
335
  euiColorVisText9: string;
336
+ euiColorVisText10: string;
337
+ euiColorVisText11: string;
332
338
  euiColorVisSuccess0: string;
333
339
  euiColorVisSuccess1: string;
334
340
  euiColorVisWarning0: string;
335
341
  euiColorVisDanger0: string;
336
342
  euiColorVisDanger1: string;
343
+ euiColorVisAssistance: string;
337
344
  euiColorVisNeutral0: string;
338
345
  euiColorVisGrey0: string;
339
346
  euiColorVisGrey1: string;
@@ -353,6 +360,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
353
360
  euiColorSeverityWarning: string;
354
361
  euiColorSeverityRisk: string;
355
362
  euiColorSeverityDanger: string;
363
+ euiColorSeverityAssistance: string;
356
364
  euiColorChartLines: string;
357
365
  euiColorChartBand: string;
358
366
  euiColorPrimary: string;
@@ -391,6 +399,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
391
399
  euiColorTextWarning: string;
392
400
  euiColorTextRisk: string;
393
401
  euiColorTextDanger: string;
402
+ euiColorTextAssistance: string;
394
403
  euiColorTextParagraph: string;
395
404
  euiColorTextHeading: string;
396
405
  euiColorTextSubdued: string;
@@ -406,6 +415,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
406
415
  euiColorBackgroundBaseWarning: string;
407
416
  euiColorBackgroundBaseRisk: string;
408
417
  euiColorBackgroundBaseDanger: string;
418
+ euiColorBackgroundBaseAssistance: string;
409
419
  euiColorBackgroundBaseSubdued: string;
410
420
  euiColorBackgroundBasePlain: string;
411
421
  euiColorBackgroundBaseDisabled: string;
@@ -426,6 +436,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
426
436
  euiColorBackgroundLightWarning: string;
427
437
  euiColorBackgroundLightRisk: string;
428
438
  euiColorBackgroundLightDanger: string;
439
+ euiColorBackgroundLightAssistance: string;
429
440
  euiColorBackgroundLightText: string;
430
441
  euiColorBackgroundFilledPrimary: string;
431
442
  euiColorBackgroundFilledAccent: string;
@@ -435,6 +446,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
435
446
  euiColorBackgroundFilledWarning: string;
436
447
  euiColorBackgroundFilledRisk: string;
437
448
  euiColorBackgroundFilledDanger: string;
449
+ euiColorBackgroundFilledAssistance: string;
438
450
  euiColorBackgroundFilledText: string;
439
451
  euiColorBorderBasePrimary: string;
440
452
  euiColorBorderBaseAccent: string;
@@ -444,6 +456,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
444
456
  euiColorBorderBaseWarning: string;
445
457
  euiColorBorderBaseRisk: string;
446
458
  euiColorBorderBaseDanger: string;
459
+ euiColorBorderBaseAssistance: string;
447
460
  euiColorBorderBasePlain: string;
448
461
  euiColorBorderBaseSubdued: string;
449
462
  euiColorBorderBaseProminent: string;
@@ -461,6 +474,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
461
474
  euiColorBorderStrongWarning: string;
462
475
  euiColorBorderStrongRisk: string;
463
476
  euiColorBorderStrongDanger: string;
477
+ euiColorBorderStrongAssistance: string;
464
478
  euiColorBorderStrongText: string;
465
479
  };
466
480
  export default sassVariables;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elastic/eui-theme-borealis",
3
- "version": "6.0.0",
3
+ "version": "6.2.0",
4
4
  "description": "A visual theme for EUI",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "scripts": {
@@ -11,6 +11,7 @@
11
11
  "build:compile:cjs": "NODE_ENV=production NO_COREJS_POLYFILL=true babel src --out-dir=lib/cjs --extensions .js,.ts,.tsx",
12
12
  "build:types": "NODE_ENV=production tsc --project tsconfig.types.json",
13
13
  "build-pack": "yarn build && npm pack",
14
+ "watch": "node ../../scripts/watch-eui.js --package @elastic/eui-theme-borealis",
14
15
  "copy-files": "node ./scripts/copy-json-files.js",
15
16
  "lint": "yarn run lint-ts && yarn run lint-es && yarn run lint-sass",
16
17
  "lint-ts": "tsc --noEmit",
@@ -26,7 +27,7 @@
26
27
  "directory": "packages/eui-theme-borealis"
27
28
  },
28
29
  "dependencies": {
29
- "@elastic/eui-theme-common": "8.0.0",
30
+ "@elastic/eui-theme-common": "8.1.0",
30
31
  "chroma-js": "^2.4.2"
31
32
  },
32
33
  "devDependencies": {
@@ -35,7 +36,7 @@
35
36
  "@babel/preset-env": "^7.21.5",
36
37
  "@babel/preset-react": "^7.18.6",
37
38
  "@babel/preset-typescript": "^7.21.5",
38
- "@elastic/eui-theme-common": "8.0.0",
39
+ "@elastic/eui-theme-common": "8.1.0",
39
40
  "@types/chroma-js": "^2.4.0",
40
41
  "@types/jest": "^29.5.12",
41
42
  "@types/prettier": "2.7.3",
@@ -34,6 +34,7 @@ $euiColorBackgroundBaseSuccess: $euiColorSuccess140 !default;
34
34
  $euiColorBackgroundBaseWarning: $euiColorWarning140 !default;
35
35
  $euiColorBackgroundBaseRisk: $euiColorRisk140 !default;
36
36
  $euiColorBackgroundBaseDanger: $euiColorDanger140 !default;
37
+ $euiColorBackgroundBaseAssistance: $euiColorAssistance140 !default;
37
38
  $euiColorBackgroundBaseSubdued: $euiColorPlainDark !default;
38
39
  $euiColorBackgroundBasePlain: $euiColorShade145 !default;
39
40
  $euiColorBackgroundBaseDisabled: $euiColorShade130 !default;
@@ -42,6 +43,7 @@ $euiColorBackgroundBaseFormsPrepend: $euiColorShade125 !default;
42
43
  $euiColorBackgroundBaseFormsControlDisabled: $euiColorShade120 !default;
43
44
 
44
45
  $euiColorBackgroundBaseInteractiveHover: $euiColorPlainLightAlpha8 !default;
46
+ $euiColorBackgroundBaseInteractiveHoverAssistance: $euiColorAssistance130 !default;
45
47
  $euiColorBackgroundBaseInteractiveSelect: $euiColorPrimary130 !default;
46
48
  $euiColorBackgroundBaseInteractiveSelectHover: $euiColorPrimary120 !default;
47
49
  $euiColorBackgroundBaseInteractiveOverlay: $euiColorShade120Alpha70 !default;
@@ -56,6 +58,7 @@ $euiColorBackgroundLightSuccess: $euiColorSuccess130 !default;
56
58
  $euiColorBackgroundLightRisk: $euiColorRisk130 !default;
57
59
  $euiColorBackgroundLightWarning: $euiColorWarning130 !default;
58
60
  $euiColorBackgroundLightDanger: $euiColorDanger130 !default;
61
+ $euiColorBackgroundLightAssistance: $euiColorAssistance120 !default;
59
62
  $euiColorBackgroundLightText: $euiColorShade120 !default;
60
63
 
61
64
  $euiColorBackgroundFilledPrimary: $euiColorPrimary60 !default;
@@ -66,6 +69,7 @@ $euiColorBackgroundFilledSuccess: $euiColorSuccess60 !default;
66
69
  $euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
67
70
  $euiColorBackgroundFilledRisk: $euiColorRisk50 !default;
68
71
  $euiColorBackgroundFilledDanger: $euiColorDanger60 !default;
72
+ $euiColorBackgroundFilledAssistance: $euiColorAssistance50 !default;
69
73
  $euiColorBackgroundFilledText: $euiColorShade60 !default;
70
74
 
71
75
  // Texts (legacy)
@@ -99,6 +103,7 @@ $euiColorTextSuccess: $euiColorSuccess60 !default;
99
103
  $euiColorTextWarning: $euiColorWarning30 !default;
100
104
  $euiColorTextRisk: $euiColorRisk50 !default;
101
105
  $euiColorTextDanger: $euiColorDanger60 !default;
106
+ $euiColorTextAssistance: $euiColorAssistance50 !default;
102
107
 
103
108
  // Borders
104
109
  $euiColorBorderBasePrimary: $euiColorPrimary120 !default;
@@ -109,6 +114,7 @@ $euiColorBorderBaseSuccess: $euiColorSuccess120 !default;
109
114
  $euiColorBorderBaseWarning: $euiColorWarning120 !default;
110
115
  $euiColorBorderBaseRisk: $euiColorRisk120 !default;
111
116
  $euiColorBorderBaseDanger: $euiColorDanger120 !default;
117
+ $euiColorBorderBaseAssistance: $euiColorAssistance120 !default;
112
118
 
113
119
  $euiColorBorderBasePlain: $euiColorShade100 !default;
114
120
  $euiColorBorderBaseSubdued: $euiColorShade120 !default;
@@ -129,6 +135,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess60 !default;
129
135
  $euiColorBorderStrongWarning: $euiColorWarning40 !default;
130
136
  $euiColorBorderStrongRisk: $euiColorRisk50 !default;
131
137
  $euiColorBorderStrongDanger: $euiColorDanger60 !default;
138
+ $euiColorBorderStrongAssistance: $euiColorAssistance60 !default;
132
139
  $euiColorBorderStrongText: $euiColorShade60 !default;
133
140
 
134
141
  // Charts