@elastic/eui-theme-borealis 6.0.0 → 6.1.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 +4 -4
  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 +4 -4
  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 +15 -0
  28. package/lib/eui_theme_borealis_dark.json.d.ts +14 -0
  29. package/lib/eui_theme_borealis_light.json +15 -0
  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 +4 -4
@@ -83,6 +83,7 @@ var _buttons = {
83
83
  backgroundWarningHover: _semantic_colors.SEMANTIC_COLORS.warning60Alpha16,
84
84
  backgroundRiskHover: _semantic_colors.SEMANTIC_COLORS.risk60Alpha16,
85
85
  backgroundDangerHover: _semantic_colors.SEMANTIC_COLORS.danger70Alpha12,
86
+ backgroundAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance70Alpha12,
86
87
  backgroundTextHover: _semantic_colors.SEMANTIC_COLORS.primary100Alpha8,
87
88
  backgroundPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary70Alpha16,
88
89
  backgroundAccentActive: _semantic_colors.SEMANTIC_COLORS.accent70Alpha16,
@@ -152,6 +153,7 @@ var _buttons = {
152
153
  backgroundFilledRiskHover: _semantic_colors.SEMANTIC_COLORS.risk80,
153
154
  backgroundFilledDangerHover: _semantic_colors.SEMANTIC_COLORS.danger100,
154
155
  backgroundFilledTextHover: _semantic_colors.SEMANTIC_COLORS.shade100,
156
+ backgroundFilledAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance100,
155
157
  backgroundFilledPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary110,
156
158
  backgroundFilledAccentActive: _semantic_colors.SEMANTIC_COLORS.accent110,
157
159
  backgroundFilledAccentSecondaryActive: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
@@ -304,6 +306,7 @@ var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
304
306
  backgroundFilledRiskHover: _semantic_colors.SEMANTIC_COLORS.risk60,
305
307
  backgroundFilledDangerHover: _semantic_colors.SEMANTIC_COLORS.danger70,
306
308
  backgroundFilledTextHover: _semantic_colors.SEMANTIC_COLORS.shade70,
309
+ backgroundFilledAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance70,
307
310
  backgroundFilledPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary80,
308
311
  backgroundFilledAccentActive: _semantic_colors.SEMANTIC_COLORS.accent80,
309
312
  backgroundFilledAccentSecondaryActive: _semantic_colors.SEMANTIC_COLORS.accentSecondary80,
@@ -45,7 +45,8 @@ var dark_brand_text_colors = exports.dark_brand_text_colors = {
45
45
  textSuccess: _semantic_colors.SEMANTIC_COLORS.success60,
46
46
  textWarning: _semantic_colors.SEMANTIC_COLORS.warning30,
47
47
  textRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
48
- textDanger: _semantic_colors.SEMANTIC_COLORS.danger60
48
+ textDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
49
+ textAssistance: _semantic_colors.SEMANTIC_COLORS.assistance50
49
50
  };
50
51
  var dark_text_colors = exports.dark_text_colors = {
51
52
  /* Legacy colors */
@@ -80,6 +81,7 @@ var dark_background_colors = exports.dark_background_colors = {
80
81
  backgroundBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning140,
81
82
  backgroundBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk140,
82
83
  backgroundBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger140,
84
+ backgroundBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance140,
83
85
  backgroundBaseSubdued: _semantic_colors.SEMANTIC_COLORS.plainDark,
84
86
  backgroundBasePlain: _semantic_colors.SEMANTIC_COLORS.shade145,
85
87
  backgroundBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade130,
@@ -87,6 +89,7 @@ var dark_background_colors = exports.dark_background_colors = {
87
89
  backgroundBaseFormsPrepend: _semantic_colors.SEMANTIC_COLORS.shade125,
88
90
  backgroundBaseFormsControlDisabled: _semantic_colors.SEMANTIC_COLORS.shade120,
89
91
  backgroundBaseInteractiveHover: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha8,
92
+ backgroundBaseInteractiveHoverAssistance: _semantic_colors.SEMANTIC_COLORS.assistance130,
90
93
  backgroundBaseInteractiveSelect: _semantic_colors.SEMANTIC_COLORS.primary130,
91
94
  backgroundBaseInteractiveSelectHover: _semantic_colors.SEMANTIC_COLORS.primary120,
92
95
  backgroundBaseInteractiveOverlay: _semantic_colors.SEMANTIC_COLORS.shade120Alpha70,
@@ -100,6 +103,7 @@ var dark_background_colors = exports.dark_background_colors = {
100
103
  backgroundLightWarning: _semantic_colors.SEMANTIC_COLORS.warning130,
101
104
  backgroundLightRisk: _semantic_colors.SEMANTIC_COLORS.risk130,
102
105
  backgroundLightDanger: _semantic_colors.SEMANTIC_COLORS.danger130,
106
+ backgroundLightAssistance: _semantic_colors.SEMANTIC_COLORS.assistance120,
103
107
  backgroundLightText: _semantic_colors.SEMANTIC_COLORS.shade120,
104
108
  backgroundFilledPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
105
109
  backgroundFilledAccent: _semantic_colors.SEMANTIC_COLORS.accent60,
@@ -109,6 +113,7 @@ var dark_background_colors = exports.dark_background_colors = {
109
113
  backgroundFilledWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
110
114
  backgroundFilledRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
111
115
  backgroundFilledDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
116
+ backgroundFilledAssistance: _semantic_colors.SEMANTIC_COLORS.assistance50,
112
117
  backgroundFilledText: _semantic_colors.SEMANTIC_COLORS.shade60
113
118
  };
114
119
 
@@ -140,6 +145,7 @@ var dark_border_colors = exports.dark_border_colors = {
140
145
  borderBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning120,
141
146
  borderBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk120,
142
147
  borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger120,
148
+ borderBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance120,
143
149
  borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade100,
144
150
  borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade120,
145
151
  borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade80,
@@ -157,6 +163,7 @@ var dark_border_colors = exports.dark_border_colors = {
157
163
  borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
158
164
  borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
159
165
  borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
166
+ borderStrongAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
160
167
  borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade60
161
168
  };
162
169
  var dark_special_colors = exports.dark_special_colors = {
@@ -45,7 +45,8 @@ var brand_text_colors = exports.brand_text_colors = {
45
45
  textSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
46
46
  textWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
47
47
  textRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
48
- textDanger: _semantic_colors.SEMANTIC_COLORS.danger100
48
+ textDanger: _semantic_colors.SEMANTIC_COLORS.danger100,
49
+ textAssistance: _semantic_colors.SEMANTIC_COLORS.assistance100
49
50
  };
50
51
  var text_colors = exports.text_colors = {
51
52
  /* Legacy colors */
@@ -80,6 +81,7 @@ var background_colors = exports.background_colors = {
80
81
  backgroundBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning10,
81
82
  backgroundBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk10,
82
83
  backgroundBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger10,
84
+ backgroundBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance10,
83
85
  backgroundBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade10,
84
86
  backgroundBasePlain: _semantic_colors.SEMANTIC_COLORS.plainLight,
85
87
  backgroundBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade15,
@@ -87,6 +89,7 @@ var background_colors = exports.background_colors = {
87
89
  backgroundBaseFormsPrepend: _semantic_colors.SEMANTIC_COLORS.shade15,
88
90
  backgroundBaseFormsControlDisabled: _semantic_colors.SEMANTIC_COLORS.shade30,
89
91
  backgroundBaseInteractiveHover: _semantic_colors.SEMANTIC_COLORS.primary100Alpha4,
92
+ backgroundBaseInteractiveHoverAssistance: _semantic_colors.SEMANTIC_COLORS.assistance20,
90
93
  backgroundBaseInteractiveSelect: _semantic_colors.SEMANTIC_COLORS.primary10,
91
94
  backgroundBaseInteractiveSelectHover: _semantic_colors.SEMANTIC_COLORS.primary20,
92
95
  backgroundBaseInteractiveOverlay: _semantic_colors.SEMANTIC_COLORS.shade100Alpha70,
@@ -100,6 +103,7 @@ var background_colors = exports.background_colors = {
100
103
  backgroundLightWarning: _semantic_colors.SEMANTIC_COLORS.warning20,
101
104
  backgroundLightRisk: _semantic_colors.SEMANTIC_COLORS.risk20,
102
105
  backgroundLightDanger: _semantic_colors.SEMANTIC_COLORS.danger20,
106
+ backgroundLightAssistance: _semantic_colors.SEMANTIC_COLORS.assistance20,
103
107
  backgroundLightText: _semantic_colors.SEMANTIC_COLORS.shade20,
104
108
  backgroundFilledPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
105
109
  backgroundFilledAccent: _semantic_colors.SEMANTIC_COLORS.accent90,
@@ -109,6 +113,7 @@ var background_colors = exports.background_colors = {
109
113
  backgroundFilledWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
110
114
  backgroundFilledRisk: _semantic_colors.SEMANTIC_COLORS.risk70,
111
115
  backgroundFilledDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
116
+ backgroundFilledAssistance: _semantic_colors.SEMANTIC_COLORS.assistance90,
112
117
  backgroundFilledText: _semantic_colors.SEMANTIC_COLORS.shade90
113
118
  };
114
119
 
@@ -140,6 +145,7 @@ var border_colors = exports.border_colors = {
140
145
  borderBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning30,
141
146
  borderBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk30,
142
147
  borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger30,
148
+ borderBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance30,
143
149
  borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade30,
144
150
  borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade20,
145
151
  borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade50,
@@ -157,6 +163,7 @@ var border_colors = exports.border_colors = {
157
163
  borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning90,
158
164
  borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk90,
159
165
  borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
166
+ borderStrongAssistance: _semantic_colors.SEMANTIC_COLORS.assistance90,
160
167
  borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade90
161
168
  };
162
169
  var special_colors = exports.special_colors = {
@@ -5,4 +5,5 @@ export declare const severityColors: {
5
5
  warning: string;
6
6
  risk: string;
7
7
  danger: string;
8
+ assistance: string;
8
9
  };
@@ -19,5 +19,6 @@ var severityColors = exports.severityColors = {
19
19
  success: _semantic_colors.SEMANTIC_COLORS.success60,
20
20
  warning: _semantic_colors.SEMANTIC_COLORS.warning30,
21
21
  risk: _semantic_colors.SEMANTIC_COLORS.risk50,
22
- danger: _semantic_colors.SEMANTIC_COLORS.danger70
22
+ danger: _semantic_colors.SEMANTIC_COLORS.danger70,
23
+ assistance: _semantic_colors.SEMANTIC_COLORS.assistance60
23
24
  };
@@ -5,4 +5,5 @@ export declare const severityColorsLightHighContrast: {
5
5
  warning: string;
6
6
  risk: string;
7
7
  danger: string;
8
+ assistance: string;
8
9
  };
@@ -19,5 +19,6 @@ var severityColorsLightHighContrast = exports.severityColorsLightHighContrast =
19
19
  success: _semantic_colors.SEMANTIC_COLORS.success80,
20
20
  warning: _semantic_colors.SEMANTIC_COLORS.warning80,
21
21
  risk: _semantic_colors.SEMANTIC_COLORS.risk70,
22
- danger: _semantic_colors.SEMANTIC_COLORS.danger70
22
+ danger: _semantic_colors.SEMANTIC_COLORS.danger70,
23
+ assistance: _semantic_colors.SEMANTIC_COLORS.assistance70
23
24
  };
@@ -28,5 +28,7 @@ var colorVisDark = exports.colorVisDark = _objectSpread(_objectSpread({}, _color
28
28
  euiColorVisText6: _semantic_colors.SEMANTIC_COLORS.danger60,
29
29
  euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger30,
30
30
  euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning60,
31
- euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning30
31
+ euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning30,
32
+ euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance60,
33
+ euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance30
32
34
  });
@@ -28,7 +28,9 @@ var baseColorVis = {
28
28
  euiColorVis6: _semantic_colors.SEMANTIC_COLORS.danger110,
29
29
  euiColorVis7: _semantic_colors.SEMANTIC_COLORS.danger80,
30
30
  euiColorVis8: _semantic_colors.SEMANTIC_COLORS.warning110,
31
- euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80
31
+ euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80,
32
+ euiColorVis10: _primitive_colors.PRIMITIVE_COLORS.purple60,
33
+ euiColorVis11: _primitive_colors.PRIMITIVE_COLORS.purple30
32
34
  };
33
35
  var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpread(_objectSpread({}, baseColorVis), {}, {
34
36
  euiColorVisBehindText0: baseColorVis.euiColorVis0,
@@ -41,6 +43,8 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
41
43
  euiColorVisBehindText7: baseColorVis.euiColorVis7,
42
44
  euiColorVisBehindText8: baseColorVis.euiColorVis8,
43
45
  euiColorVisBehindText9: baseColorVis.euiColorVis9,
46
+ euiColorVisBehindText10: baseColorVis.euiColorVis10,
47
+ euiColorVisBehindText11: baseColorVis.euiColorVis11,
44
48
  euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
45
49
  euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
46
50
  euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
@@ -51,6 +55,8 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
51
55
  euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
52
56
  euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
53
57
  euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
58
+ euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance110,
59
+ euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance90,
54
60
  euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral100,
55
61
  euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral80,
56
62
  euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success100,
@@ -61,6 +67,7 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
61
67
  euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk80,
62
68
  euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger100,
63
69
  euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger80,
70
+ euiColorVisAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
64
71
  // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
65
72
  // but we need to keep this specific value for visualizations backwards compatibility.
66
73
  // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
@@ -47,6 +47,12 @@ var euiPaletteColorBlind = {
47
47
  },
48
48
  euiColorVis9: {
49
49
  graphic: _semantic_colors.SEMANTIC_COLORS.warning30
50
+ },
51
+ euiColorVis10: {
52
+ graphic: _primitive_colors.PRIMITIVE_COLORS.purple60
53
+ },
54
+ euiColorVis11: {
55
+ graphic: _primitive_colors.PRIMITIVE_COLORS.purple30
50
56
  }
51
57
  };
52
58
  var colorVisLight = exports.colorVisLight = {
@@ -60,6 +66,8 @@ var colorVisLight = exports.colorVisLight = {
60
66
  euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
61
67
  euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
62
68
  euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
69
+ euiColorVis10: euiPaletteColorBlind.euiColorVis10.graphic,
70
+ euiColorVis11: euiPaletteColorBlind.euiColorVis11.graphic,
63
71
  euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
64
72
  euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
65
73
  euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
@@ -70,6 +78,8 @@ var colorVisLight = exports.colorVisLight = {
70
78
  euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
71
79
  euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
72
80
  euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
81
+ euiColorVisBehindText10: euiPaletteColorBlind.euiColorVis10.graphic,
82
+ euiColorVisBehindText11: euiPaletteColorBlind.euiColorVis11.graphic,
73
83
  euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
74
84
  euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
75
85
  euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
@@ -80,6 +90,8 @@ var colorVisLight = exports.colorVisLight = {
80
90
  euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
81
91
  euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
82
92
  euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
93
+ euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance110,
94
+ euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance90,
83
95
  euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral60,
84
96
  euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral30,
85
97
  euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success60,
@@ -90,6 +102,7 @@ var colorVisLight = exports.colorVisLight = {
90
102
  euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk30,
91
103
  euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger60,
92
104
  euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger30,
105
+ euiColorVisAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
93
106
  // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
94
107
  // but we need to keep this specific value for visualizations backwards compatibility.
95
108
  // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
@@ -160,10 +160,10 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
160
160
  red140: '#351721',
161
161
  purple10: '#F3ECFE',
162
162
  purple20: '#ECE2FE',
163
- purple30: '#DECDFE',
164
- purple40: '#CEB6FC',
165
- purple50: '#BF9CF9',
166
- purple60: '#B084F5',
163
+ purple30: '#E2D3FE',
164
+ purple40: '#D1BAFC',
165
+ purple50: '#C5A5FA',
166
+ purple60: '#B386F9',
167
167
  purple70: '#A36DEF',
168
168
  purple80: '#925CDA',
169
169
  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;
@@ -188,6 +188,7 @@ var _semantic_rgb_colors = {
188
188
  warning60RGB: (0, _chromaJs["default"])(_semantic_colors.warning60).rgb().join(),
189
189
  risk60RGB: (0, _chromaJs["default"])(_semantic_colors.risk60).rgb().join(),
190
190
  danger70RGB: (0, _chromaJs["default"])(_semantic_colors.danger70).rgb().join(),
191
+ assistance70RGB: (0, _chromaJs["default"])(_semantic_colors.assistance70).rgb().join(),
191
192
  shade100RGB: (0, _chromaJs["default"])(_semantic_colors.shade100).rgb().join(),
192
193
  shade120RGB: (0, _chromaJs["default"])(_semantic_colors.shade120).rgb().join(),
193
194
  shade140RGB: (0, _chromaJs["default"])(_semantic_colors.shade140).rgb().join()
@@ -224,6 +225,7 @@ var _semantic_alpha_colors = {
224
225
  danger70Alpha12: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.12)"),
225
226
  danger70Alpha16: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.16)"),
226
227
  danger70Alpha20: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.2)"),
228
+ assistance70Alpha12: "rgba(".concat(_semantic_rgb_colors.assistance70RGB, ", 0.12)"),
227
229
  shade100Alpha4: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.04)"),
228
230
  shade100Alpha16: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.16)"),
229
231
  shade100Alpha24: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.24)"),
@@ -26,6 +26,7 @@ const _buttons = {
26
26
  backgroundWarningHover: SEMANTIC_COLORS.warning60Alpha16,
27
27
  backgroundRiskHover: SEMANTIC_COLORS.risk60Alpha16,
28
28
  backgroundDangerHover: SEMANTIC_COLORS.danger70Alpha12,
29
+ backgroundAssistanceHover: SEMANTIC_COLORS.assistance70Alpha12,
29
30
  backgroundTextHover: SEMANTIC_COLORS.primary100Alpha8,
30
31
  backgroundPrimaryActive: SEMANTIC_COLORS.primary70Alpha16,
31
32
  backgroundAccentActive: SEMANTIC_COLORS.accent70Alpha16,
@@ -55,6 +56,7 @@ const _buttons = {
55
56
  backgroundFilledRiskHover: SEMANTIC_COLORS.risk80,
56
57
  backgroundFilledDangerHover: SEMANTIC_COLORS.danger100,
57
58
  backgroundFilledTextHover: SEMANTIC_COLORS.shade100,
59
+ backgroundFilledAssistanceHover: SEMANTIC_COLORS.assistance100,
58
60
  backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary110,
59
61
  backgroundFilledAccentActive: SEMANTIC_COLORS.accent110,
60
62
  backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary110,
@@ -132,6 +134,7 @@ const _dark_buttons = {
132
134
  backgroundFilledRiskHover: SEMANTIC_COLORS.risk60,
133
135
  backgroundFilledDangerHover: SEMANTIC_COLORS.danger70,
134
136
  backgroundFilledTextHover: SEMANTIC_COLORS.shade70,
137
+ backgroundFilledAssistanceHover: SEMANTIC_COLORS.assistance70,
135
138
  backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary80,
136
139
  backgroundFilledAccentActive: SEMANTIC_COLORS.accent80,
137
140
  backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary80,
@@ -34,6 +34,7 @@ export const dark_brand_text_colors = {
34
34
  textWarning: SEMANTIC_COLORS.warning30,
35
35
  textRisk: SEMANTIC_COLORS.risk50,
36
36
  textDanger: SEMANTIC_COLORS.danger60,
37
+ textAssistance: SEMANTIC_COLORS.assistance50,
37
38
  };
38
39
  export const dark_text_colors = {
39
40
  /* Legacy colors */
@@ -68,6 +69,7 @@ export const dark_background_colors = {
68
69
  backgroundBaseWarning: SEMANTIC_COLORS.warning140,
69
70
  backgroundBaseRisk: SEMANTIC_COLORS.risk140,
70
71
  backgroundBaseDanger: SEMANTIC_COLORS.danger140,
72
+ backgroundBaseAssistance: SEMANTIC_COLORS.assistance140,
71
73
  backgroundBaseSubdued: SEMANTIC_COLORS.plainDark,
72
74
  backgroundBasePlain: SEMANTIC_COLORS.shade145,
73
75
  backgroundBaseDisabled: SEMANTIC_COLORS.shade130,
@@ -75,6 +77,7 @@ export const dark_background_colors = {
75
77
  backgroundBaseFormsPrepend: SEMANTIC_COLORS.shade125,
76
78
  backgroundBaseFormsControlDisabled: SEMANTIC_COLORS.shade120,
77
79
  backgroundBaseInteractiveHover: SEMANTIC_COLORS.plainLightAlpha8,
80
+ backgroundBaseInteractiveHoverAssistance: SEMANTIC_COLORS.assistance130,
78
81
  backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary130,
79
82
  backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary120,
80
83
  backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade120Alpha70,
@@ -88,6 +91,7 @@ export const dark_background_colors = {
88
91
  backgroundLightWarning: SEMANTIC_COLORS.warning130,
89
92
  backgroundLightRisk: SEMANTIC_COLORS.risk130,
90
93
  backgroundLightDanger: SEMANTIC_COLORS.danger130,
94
+ backgroundLightAssistance: SEMANTIC_COLORS.assistance120,
91
95
  backgroundLightText: SEMANTIC_COLORS.shade120,
92
96
  backgroundFilledPrimary: SEMANTIC_COLORS.primary60,
93
97
  backgroundFilledAccent: SEMANTIC_COLORS.accent60,
@@ -97,6 +101,7 @@ export const dark_background_colors = {
97
101
  backgroundFilledWarning: SEMANTIC_COLORS.warning40,
98
102
  backgroundFilledRisk: SEMANTIC_COLORS.risk50,
99
103
  backgroundFilledDanger: SEMANTIC_COLORS.danger60,
104
+ backgroundFilledAssistance: SEMANTIC_COLORS.assistance50,
100
105
  backgroundFilledText: SEMANTIC_COLORS.shade60,
101
106
  };
102
107
  /**
@@ -127,6 +132,7 @@ export const dark_border_colors = {
127
132
  borderBaseWarning: SEMANTIC_COLORS.warning120,
128
133
  borderBaseRisk: SEMANTIC_COLORS.risk120,
129
134
  borderBaseDanger: SEMANTIC_COLORS.danger120,
135
+ borderBaseAssistance: SEMANTIC_COLORS.assistance120,
130
136
  borderBasePlain: SEMANTIC_COLORS.shade100,
131
137
  borderBaseSubdued: SEMANTIC_COLORS.shade120,
132
138
  borderBaseProminent: SEMANTIC_COLORS.shade80,
@@ -144,6 +150,7 @@ export const dark_border_colors = {
144
150
  borderStrongWarning: SEMANTIC_COLORS.warning40,
145
151
  borderStrongRisk: SEMANTIC_COLORS.risk50,
146
152
  borderStrongDanger: SEMANTIC_COLORS.danger60,
153
+ borderStrongAssistance: SEMANTIC_COLORS.assistance60,
147
154
  borderStrongText: SEMANTIC_COLORS.shade60,
148
155
  };
149
156
  export const dark_special_colors = {
@@ -34,6 +34,7 @@ export const brand_text_colors = {
34
34
  textWarning: SEMANTIC_COLORS.warning100,
35
35
  textRisk: SEMANTIC_COLORS.risk100,
36
36
  textDanger: SEMANTIC_COLORS.danger100,
37
+ textAssistance: SEMANTIC_COLORS.assistance100,
37
38
  };
38
39
  export const text_colors = {
39
40
  /* Legacy colors */
@@ -68,6 +69,7 @@ export const background_colors = {
68
69
  backgroundBaseWarning: SEMANTIC_COLORS.warning10,
69
70
  backgroundBaseRisk: SEMANTIC_COLORS.risk10,
70
71
  backgroundBaseDanger: SEMANTIC_COLORS.danger10,
72
+ backgroundBaseAssistance: SEMANTIC_COLORS.assistance10,
71
73
  backgroundBaseSubdued: SEMANTIC_COLORS.shade10,
72
74
  backgroundBasePlain: SEMANTIC_COLORS.plainLight,
73
75
  backgroundBaseDisabled: SEMANTIC_COLORS.shade15,
@@ -75,6 +77,7 @@ export const background_colors = {
75
77
  backgroundBaseFormsPrepend: SEMANTIC_COLORS.shade15,
76
78
  backgroundBaseFormsControlDisabled: SEMANTIC_COLORS.shade30,
77
79
  backgroundBaseInteractiveHover: SEMANTIC_COLORS.primary100Alpha4,
80
+ backgroundBaseInteractiveHoverAssistance: SEMANTIC_COLORS.assistance20,
78
81
  backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary10,
79
82
  backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary20,
80
83
  backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade100Alpha70,
@@ -88,6 +91,7 @@ export const background_colors = {
88
91
  backgroundLightWarning: SEMANTIC_COLORS.warning20,
89
92
  backgroundLightRisk: SEMANTIC_COLORS.risk20,
90
93
  backgroundLightDanger: SEMANTIC_COLORS.danger20,
94
+ backgroundLightAssistance: SEMANTIC_COLORS.assistance20,
91
95
  backgroundLightText: SEMANTIC_COLORS.shade20,
92
96
  backgroundFilledPrimary: SEMANTIC_COLORS.primary90,
93
97
  backgroundFilledAccent: SEMANTIC_COLORS.accent90,
@@ -97,6 +101,7 @@ export const background_colors = {
97
101
  backgroundFilledWarning: SEMANTIC_COLORS.warning40,
98
102
  backgroundFilledRisk: SEMANTIC_COLORS.risk70,
99
103
  backgroundFilledDanger: SEMANTIC_COLORS.danger90,
104
+ backgroundFilledAssistance: SEMANTIC_COLORS.assistance90,
100
105
  backgroundFilledText: SEMANTIC_COLORS.shade90,
101
106
  };
102
107
  /**
@@ -127,6 +132,7 @@ export const border_colors = {
127
132
  borderBaseWarning: SEMANTIC_COLORS.warning30,
128
133
  borderBaseRisk: SEMANTIC_COLORS.risk30,
129
134
  borderBaseDanger: SEMANTIC_COLORS.danger30,
135
+ borderBaseAssistance: SEMANTIC_COLORS.assistance30,
130
136
  borderBasePlain: SEMANTIC_COLORS.shade30,
131
137
  borderBaseSubdued: SEMANTIC_COLORS.shade20,
132
138
  borderBaseProminent: SEMANTIC_COLORS.shade50,
@@ -144,6 +150,7 @@ export const border_colors = {
144
150
  borderStrongWarning: SEMANTIC_COLORS.warning90,
145
151
  borderStrongRisk: SEMANTIC_COLORS.risk90,
146
152
  borderStrongDanger: SEMANTIC_COLORS.danger90,
153
+ borderStrongAssistance: SEMANTIC_COLORS.assistance90,
147
154
  borderStrongText: SEMANTIC_COLORS.shade90,
148
155
  };
149
156
  export const special_colors = {
@@ -5,4 +5,5 @@ export declare const severityColors: {
5
5
  warning: string;
6
6
  risk: string;
7
7
  danger: string;
8
+ assistance: string;
8
9
  };
@@ -13,4 +13,5 @@ export const severityColors = {
13
13
  warning: SEMANTIC_COLORS.warning30,
14
14
  risk: SEMANTIC_COLORS.risk50,
15
15
  danger: SEMANTIC_COLORS.danger70,
16
+ assistance: SEMANTIC_COLORS.assistance60,
16
17
  };
@@ -5,4 +5,5 @@ export declare const severityColorsLightHighContrast: {
5
5
  warning: string;
6
6
  risk: string;
7
7
  danger: string;
8
+ assistance: string;
8
9
  };
@@ -13,4 +13,5 @@ export const severityColorsLightHighContrast = {
13
13
  warning: SEMANTIC_COLORS.warning80,
14
14
  risk: SEMANTIC_COLORS.risk70,
15
15
  danger: SEMANTIC_COLORS.danger70,
16
+ assistance: SEMANTIC_COLORS.assistance70,
16
17
  };
@@ -19,4 +19,6 @@ export const colorVisDark = {
19
19
  euiColorVisText7: SEMANTIC_COLORS.danger30,
20
20
  euiColorVisText8: SEMANTIC_COLORS.warning60,
21
21
  euiColorVisText9: SEMANTIC_COLORS.warning30,
22
+ euiColorVisText10: SEMANTIC_COLORS.assistance60,
23
+ euiColorVisText11: SEMANTIC_COLORS.assistance30,
22
24
  };
@@ -18,6 +18,8 @@ const baseColorVis = {
18
18
  euiColorVis7: SEMANTIC_COLORS.danger80,
19
19
  euiColorVis8: SEMANTIC_COLORS.warning110,
20
20
  euiColorVis9: SEMANTIC_COLORS.warning80,
21
+ euiColorVis10: PRIMITIVE_COLORS.purple60,
22
+ euiColorVis11: PRIMITIVE_COLORS.purple30,
21
23
  };
22
24
  export const visColorsLightHighContrast = {
23
25
  ...baseColorVis,
@@ -31,6 +33,8 @@ export const visColorsLightHighContrast = {
31
33
  euiColorVisBehindText7: baseColorVis.euiColorVis7,
32
34
  euiColorVisBehindText8: baseColorVis.euiColorVis8,
33
35
  euiColorVisBehindText9: baseColorVis.euiColorVis9,
36
+ euiColorVisBehindText10: baseColorVis.euiColorVis10,
37
+ euiColorVisBehindText11: baseColorVis.euiColorVis11,
34
38
  euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
35
39
  euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
36
40
  euiColorVisText2: SEMANTIC_COLORS.primary110,
@@ -41,6 +45,8 @@ export const visColorsLightHighContrast = {
41
45
  euiColorVisText7: SEMANTIC_COLORS.danger80,
42
46
  euiColorVisText8: SEMANTIC_COLORS.warning110,
43
47
  euiColorVisText9: SEMANTIC_COLORS.warning90,
48
+ euiColorVisText10: SEMANTIC_COLORS.assistance110,
49
+ euiColorVisText11: SEMANTIC_COLORS.assistance90,
44
50
  euiColorVisNeutral0: SEMANTIC_COLORS.neutral100,
45
51
  euiColorVisNeutral1: SEMANTIC_COLORS.neutral80,
46
52
  euiColorVisSuccess0: SEMANTIC_COLORS.success100,
@@ -51,6 +57,7 @@ export const visColorsLightHighContrast = {
51
57
  euiColorVisRisk1: SEMANTIC_COLORS.risk80,
52
58
  euiColorVisDanger0: SEMANTIC_COLORS.danger100,
53
59
  euiColorVisDanger1: SEMANTIC_COLORS.danger80,
60
+ euiColorVisAssistance: SEMANTIC_COLORS.assistance60,
54
61
  // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
55
62
  // but we need to keep this specific value for visualizations backwards compatibility.
56
63
  // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
@@ -41,6 +41,12 @@ const euiPaletteColorBlind = {
41
41
  euiColorVis9: {
42
42
  graphic: SEMANTIC_COLORS.warning30,
43
43
  },
44
+ euiColorVis10: {
45
+ graphic: PRIMITIVE_COLORS.purple60,
46
+ },
47
+ euiColorVis11: {
48
+ graphic: PRIMITIVE_COLORS.purple30,
49
+ },
44
50
  };
45
51
  export const colorVisLight = {
46
52
  euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
@@ -53,6 +59,8 @@ export const colorVisLight = {
53
59
  euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
54
60
  euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
55
61
  euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
62
+ euiColorVis10: euiPaletteColorBlind.euiColorVis10.graphic,
63
+ euiColorVis11: euiPaletteColorBlind.euiColorVis11.graphic,
56
64
  euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
57
65
  euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
58
66
  euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
@@ -63,6 +71,8 @@ export const colorVisLight = {
63
71
  euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
64
72
  euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
65
73
  euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
74
+ euiColorVisBehindText10: euiPaletteColorBlind.euiColorVis10.graphic,
75
+ euiColorVisBehindText11: euiPaletteColorBlind.euiColorVis11.graphic,
66
76
  euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
67
77
  euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
68
78
  euiColorVisText2: SEMANTIC_COLORS.primary110,
@@ -73,6 +83,8 @@ export const colorVisLight = {
73
83
  euiColorVisText7: SEMANTIC_COLORS.danger80,
74
84
  euiColorVisText8: SEMANTIC_COLORS.warning110,
75
85
  euiColorVisText9: SEMANTIC_COLORS.warning90,
86
+ euiColorVisText10: SEMANTIC_COLORS.assistance110,
87
+ euiColorVisText11: SEMANTIC_COLORS.assistance90,
76
88
  euiColorVisNeutral0: SEMANTIC_COLORS.neutral60,
77
89
  euiColorVisNeutral1: SEMANTIC_COLORS.neutral30,
78
90
  euiColorVisSuccess0: SEMANTIC_COLORS.success60,
@@ -83,6 +95,7 @@ export const colorVisLight = {
83
95
  euiColorVisRisk1: SEMANTIC_COLORS.risk30,
84
96
  euiColorVisDanger0: SEMANTIC_COLORS.danger60,
85
97
  euiColorVisDanger1: SEMANTIC_COLORS.danger30,
98
+ euiColorVisAssistance: SEMANTIC_COLORS.assistance60,
86
99
  // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
87
100
  // but we need to keep this specific value for visualizations backwards compatibility.
88
101
  // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
@@ -153,10 +153,10 @@ export const PRIMITIVE_COLORS = {
153
153
  red140: '#351721',
154
154
  purple10: '#F3ECFE',
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,11 +332,14 @@
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",
@@ -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;
@@ -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,11 +332,14 @@
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",
@@ -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",
@@ -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",
@@ -405,6 +414,7 @@
405
414
  "euiColorBackgroundBaseWarning": "#FDF3D8",
406
415
  "euiColorBackgroundBaseRisk": "#FFEDD6",
407
416
  "euiColorBackgroundBaseDanger": "#FFE8E5",
417
+ "euiColorBackgroundBaseAssistance": "#F3ECFE",
408
418
  "euiColorBackgroundBaseSubdued": "#F6F9FC",
409
419
  "euiColorBackgroundBasePlain": "#FFFFFF",
410
420
  "euiColorBackgroundBaseDisabled": "#ECF1F9",
@@ -412,6 +422,7 @@
412
422
  "euiColorBackgroundBaseFormsPrepend": "#ECF1F9",
413
423
  "euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
414
424
  "euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
425
+ "euiColorBackgroundBaseInteractiveHoverAssistance": "#ECE2FE",
415
426
  "euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
416
427
  "euiColorBackgroundBaseInteractiveSelectHover": "#D9E8FF",
417
428
  "euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
@@ -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.1.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
@@ -34,6 +34,7 @@ $euiColorBackgroundBaseSuccess: $euiColorSuccess10 !default;
34
34
  $euiColorBackgroundBaseWarning: $euiColorWarning10 !default;
35
35
  $euiColorBackgroundBaseRisk: $euiColorRisk10 !default;
36
36
  $euiColorBackgroundBaseDanger: $euiColorDanger10 !default;
37
+ $euiColorBackgroundBaseAssistance: $euiColorAssistance10 !default;
37
38
  $euiColorBackgroundBaseSubdued: $euiColorShade10 !default;
38
39
  $euiColorBackgroundBasePlain: $euiColorPlainLight !default;
39
40
  $euiColorBackgroundBaseDisabled: $euiColorShade15 !default;
@@ -42,6 +43,7 @@ $euiColorBackgroundBaseFormsPrepend: $euiColorShade15 !default;
42
43
  $euiColorBackgroundBaseFormsControlDisabled: $euiColorShade30 !default;
43
44
 
44
45
  $euiColorBackgroundBaseInteractiveHover: $euiColorPrimary100Alpha4 !default;
46
+ $euiColorBackgroundBaseInteractiveHoverAssistance: $euiColorAssistance20 !default;
45
47
  $euiColorBackgroundBaseInteractiveSelect: $euiColorPrimary10 !default;
46
48
  $euiColorBackgroundBaseInteractiveSelectHover: $euiColorPrimary20 !default;
47
49
  $euiColorBackgroundBaseInteractiveOverlay: $euiColorShade100Alpha70 !default;
@@ -56,6 +58,7 @@ $euiColorBackgroundLightSuccess: $euiColorSuccess20 !default;
56
58
  $euiColorBackgroundLightWarning: $euiColorWarning20 !default;
57
59
  $euiColorBackgroundLightRisk: $euiColorRisk20 !default;
58
60
  $euiColorBackgroundLightDanger: $euiColorDanger20 !default;
61
+ $euiColorBackgroundLightAssistance: $euiColorAssistance20 !default;
59
62
  $euiColorBackgroundLightText: $euiColorShade20 !default;
60
63
 
61
64
  $euiColorBackgroundFilledPrimary: $euiColorPrimary90 !default;
@@ -66,6 +69,7 @@ $euiColorBackgroundFilledSuccess: $euiColorSuccess90 !default;
66
69
  $euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
67
70
  $euiColorBackgroundFilledRisk: $euiColorRisk70 !default;
68
71
  $euiColorBackgroundFilledDanger: $euiColorDanger90 !default;
72
+ $euiColorBackgroundFilledAssistance: $euiColorAssistance90 !default;
69
73
  $euiColorBackgroundFilledText: $euiColorShade90 !default;
70
74
 
71
75
  // Texts (legacy)
@@ -99,6 +103,7 @@ $euiColorTextSuccess: $euiColorSuccess100 !default;
99
103
  $euiColorTextWarning: $euiColorWarning100 !default;
100
104
  $euiColorTextRisk: $euiColorRisk100 !default;
101
105
  $euiColorTextDanger: $euiColorDanger100 !default;
106
+ $euiColorTextAssistance: $euiColorAssistance100 !default;
102
107
 
103
108
  // Borders
104
109
  $euiColorBorderBasePrimary: $euiColorPrimary30 !default;
@@ -109,6 +114,7 @@ $euiColorBorderBaseSuccess: $euiColorSuccess30 !default;
109
114
  $euiColorBorderBaseWarning: $euiColorWarning30 !default;
110
115
  $euiColorBorderBaseRisk: $euiColorRisk30 !default;
111
116
  $euiColorBorderBaseDanger: $euiColorDanger30 !default;
117
+ $euiColorBorderBaseAssistance: $euiColorAssistance30 !default;
112
118
 
113
119
  $euiColorBorderBasePlain: $euiColorShade30 !default;
114
120
  $euiColorBorderBaseSubdued: $euiColorShade20 !default;
@@ -130,6 +136,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess90 !default;
130
136
  $euiColorBorderStrongWarning: $euiColorWarning90 !default;
131
137
  $euiColorBorderStrongRisk: $euiColorRisk90 !default;
132
138
  $euiColorBorderStrongDanger: $euiColorDanger90 !default;
139
+ $euiColorBorderStrongAssistance: $euiColorAssistance90 !default;
133
140
  $euiColorBorderStrongText: $euiColorShade90 !default;
134
141
 
135
142
  // Charts
@@ -4,4 +4,5 @@ $euiColorSeverityNeutral: #B5E5F2 !default;
4
4
  $euiColorSeveritySuccess: #24C292 !default;
5
5
  $euiColorSeverityWarning: #FCD883 !default;
6
6
  $euiColorSeverityRisk: #FF995E !default;
7
- $euiColorSeverityDanger: #EE4C48 !default;
7
+ $euiColorSeverityDanger: #EE4C48 !default;
8
+ $euiColorSeverityAssistance: #B386F9 !default;
@@ -44,7 +44,15 @@ $euiPaletteColorBlind: (
44
44
  euiColorVis9: (
45
45
  graphic: #FCD883,
46
46
  behindText: #FCD883,
47
- )
47
+ ),
48
+ euiColorVis10: (
49
+ graphic: #B386F9,
50
+ behindText: #B386F9,
51
+ ),
52
+ euiColorVis11: (
53
+ graphic: #E2D3FE,
54
+ behindText: #E2D3FE,
55
+ ),
48
56
  ) !default;
49
57
 
50
58
  $euiPaletteColorBlindKeys: map-keys($euiPaletteColorBlind);
@@ -59,6 +67,8 @@ $euiColorVis6: map-get(map-get($euiPaletteColorBlind, 'euiColorVis6'), 'graphic'
59
67
  $euiColorVis7: map-get(map-get($euiPaletteColorBlind, 'euiColorVis7'), 'graphic') !default;
60
68
  $euiColorVis8: map-get(map-get($euiPaletteColorBlind, 'euiColorVis8'), 'graphic') !default;
61
69
  $euiColorVis9: map-get(map-get($euiPaletteColorBlind, 'euiColorVis9'), 'graphic') !default;
70
+ $euiColorVis10: map-get(map-get($euiPaletteColorBlind, 'euiColorVis10'), 'graphic') !default;
71
+ $euiColorVis11: map-get(map-get($euiPaletteColorBlind, 'euiColorVis11'), 'graphic') !default;
62
72
 
63
73
  $euiColorVis0_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis0'), 'behindText') !default;
64
74
  $euiColorVis1_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis1'), 'behindText') !default;
@@ -70,3 +80,5 @@ $euiColorVis6_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis6')
70
80
  $euiColorVis7_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis7'), 'behindText') !default;
71
81
  $euiColorVis8_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis8'), 'behindText') !default;
72
82
  $euiColorVis9_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis9'), 'behindText') !default;
83
+ $euiColorVis10_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis10'), 'behindText') !default;
84
+ $euiColorVis11_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis11'), 'behindText') !default;
@@ -11,4 +11,6 @@ $euiColorVisText5: #FFC7DB !default;
11
11
  $euiColorVisText6: #F6726A !default;
12
12
  $euiColorVisText7: #FFC9C2 !default;
13
13
  $euiColorVisText8: #EAAE01 !default;
14
- $euiColorVisText9: #FCD883 !default;
14
+ $euiColorVisText9: #FCD883 !default;
15
+ $euiColorVisText10: #B386F9 !default;
16
+ $euiColorVisText11: #E2D3FE !default;
@@ -11,4 +11,6 @@ $euiColorVisText5: #D13680 !default;
11
11
  $euiColorVisText6: #A71627 !default;
12
12
  $euiColorVisText7: #DA3737 !default;
13
13
  $euiColorVisText8: #6A4906 !default;
14
- $euiColorVisText9: #966B03 !default;
14
+ $euiColorVisText9: #966B03 !default;
15
+ $euiColorVisText10: #52357E !default;
16
+ $euiColorVisText11: #8144CC !default;
@@ -168,10 +168,10 @@ $euiColorRisk140: #361D18 !default;
168
168
 
169
169
  $euiColorAssistance10: #F3ECFE !default;
170
170
  $euiColorAssistance20: #ECE2FE !default;
171
- $euiColorAssistance30: #DECDFE !default;
172
- $euiColorAssistance40: #CEB6FC !default;
173
- $euiColorAssistance50: #BF9CF9 !default;
174
- $euiColorAssistance60: #B084F5 !default;
171
+ $euiColorAssistance30: #E2D3FE !default;
172
+ $euiColorAssistance40: #D1BAFC !default;
173
+ $euiColorAssistance50: #C5A5FA !default;
174
+ $euiColorAssistance60: #B386F9 !default;
175
175
  $euiColorAssistance70: #A36DEF !default;
176
176
  $euiColorAssistance80: #925CDA !default;
177
177
  $euiColorAssistance90: #8144CC !default;