@elastic/eui-theme-borealis 6.0.0 → 6.2.0

package/lib/cjs/variables/_buttons.js

@@ -83,6 +83,7 @@ var _buttons = {
   backgroundWarningHover: _semantic_colors.SEMANTIC_COLORS.warning60Alpha16,
   backgroundRiskHover: _semantic_colors.SEMANTIC_COLORS.risk60Alpha16,
   backgroundDangerHover: _semantic_colors.SEMANTIC_COLORS.danger70Alpha12,
+  backgroundAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance70Alpha12,
   backgroundTextHover: _semantic_colors.SEMANTIC_COLORS.primary100Alpha8,
   backgroundPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary70Alpha16,
   backgroundAccentActive: _semantic_colors.SEMANTIC_COLORS.accent70Alpha16,
@@ -152,6 +153,7 @@ var _buttons = {
   backgroundFilledRiskHover: _semantic_colors.SEMANTIC_COLORS.risk80,
   backgroundFilledDangerHover: _semantic_colors.SEMANTIC_COLORS.danger100,
   backgroundFilledTextHover: _semantic_colors.SEMANTIC_COLORS.shade100,
+  backgroundFilledAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance100,
   backgroundFilledPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary110,
   backgroundFilledAccentActive: _semantic_colors.SEMANTIC_COLORS.accent110,
   backgroundFilledAccentSecondaryActive: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
@@ -304,6 +306,7 @@ var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
   backgroundFilledRiskHover: _semantic_colors.SEMANTIC_COLORS.risk60,
   backgroundFilledDangerHover: _semantic_colors.SEMANTIC_COLORS.danger70,
   backgroundFilledTextHover: _semantic_colors.SEMANTIC_COLORS.shade70,
+  backgroundFilledAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance70,
   backgroundFilledPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary80,
   backgroundFilledAccentActive: _semantic_colors.SEMANTIC_COLORS.accent80,
   backgroundFilledAccentSecondaryActive: _semantic_colors.SEMANTIC_COLORS.accentSecondary80,

package/lib/cjs/variables/colors/_colors_dark.js

@@ -45,7 +45,8 @@ var dark_brand_text_colors = exports.dark_brand_text_colors = {
   textSuccess: _semantic_colors.SEMANTIC_COLORS.success60,
   textWarning: _semantic_colors.SEMANTIC_COLORS.warning30,
   textRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
-  textDanger: _semantic_colors.SEMANTIC_COLORS.danger60
+  textDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
+  textAssistance: _semantic_colors.SEMANTIC_COLORS.assistance50
 };
 var dark_text_colors = exports.dark_text_colors = {
   /* Legacy colors */
@@ -80,6 +81,7 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning140,
   backgroundBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk140,
   backgroundBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger140,
+  backgroundBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance140,
   backgroundBaseSubdued: _semantic_colors.SEMANTIC_COLORS.plainDark,
   backgroundBasePlain: _semantic_colors.SEMANTIC_COLORS.shade145,
   backgroundBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade130,
@@ -87,6 +89,7 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBaseFormsPrepend: _semantic_colors.SEMANTIC_COLORS.shade125,
   backgroundBaseFormsControlDisabled: _semantic_colors.SEMANTIC_COLORS.shade120,
   backgroundBaseInteractiveHover: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha8,
+  backgroundBaseInteractiveHoverAssistance: _semantic_colors.SEMANTIC_COLORS.assistance130,
   backgroundBaseInteractiveSelect: _semantic_colors.SEMANTIC_COLORS.primary130,
   backgroundBaseInteractiveSelectHover: _semantic_colors.SEMANTIC_COLORS.primary120,
   backgroundBaseInteractiveOverlay: _semantic_colors.SEMANTIC_COLORS.shade120Alpha70,
@@ -100,6 +103,7 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundLightWarning: _semantic_colors.SEMANTIC_COLORS.warning130,
   backgroundLightRisk: _semantic_colors.SEMANTIC_COLORS.risk130,
   backgroundLightDanger: _semantic_colors.SEMANTIC_COLORS.danger130,
+  backgroundLightAssistance: _semantic_colors.SEMANTIC_COLORS.assistance120,
   backgroundLightText: _semantic_colors.SEMANTIC_COLORS.shade120,
   backgroundFilledPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
   backgroundFilledAccent: _semantic_colors.SEMANTIC_COLORS.accent60,
@@ -109,6 +113,7 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundFilledWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
   backgroundFilledRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
   backgroundFilledDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
+  backgroundFilledAssistance: _semantic_colors.SEMANTIC_COLORS.assistance50,
   backgroundFilledText: _semantic_colors.SEMANTIC_COLORS.shade60
 };
 
@@ -140,6 +145,7 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning120,
   borderBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk120,
   borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger120,
+  borderBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance120,
   borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade100,
   borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade120,
   borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade80,
@@ -157,6 +163,7 @@ var dark_border_colors = exports.dark_border_colors = {
   borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
   borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
   borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
+  borderStrongAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
   borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade60
 };
 var dark_special_colors = exports.dark_special_colors = {

package/lib/cjs/variables/colors/_colors_light.js

@@ -45,7 +45,8 @@ var brand_text_colors = exports.brand_text_colors = {
   textSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
   textWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
   textRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
-  textDanger: _semantic_colors.SEMANTIC_COLORS.danger100
+  textDanger: _semantic_colors.SEMANTIC_COLORS.danger100,
+  textAssistance: _semantic_colors.SEMANTIC_COLORS.assistance100
 };
 var text_colors = exports.text_colors = {
   /* Legacy colors */
@@ -80,6 +81,7 @@ var background_colors = exports.background_colors = {
   backgroundBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning10,
   backgroundBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk10,
   backgroundBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger10,
+  backgroundBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance10,
   backgroundBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade10,
   backgroundBasePlain: _semantic_colors.SEMANTIC_COLORS.plainLight,
   backgroundBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade15,
@@ -87,6 +89,7 @@ var background_colors = exports.background_colors = {
   backgroundBaseFormsPrepend: _semantic_colors.SEMANTIC_COLORS.shade15,
   backgroundBaseFormsControlDisabled: _semantic_colors.SEMANTIC_COLORS.shade30,
   backgroundBaseInteractiveHover: _semantic_colors.SEMANTIC_COLORS.primary100Alpha4,
+  backgroundBaseInteractiveHoverAssistance: _semantic_colors.SEMANTIC_COLORS.assistance20,
   backgroundBaseInteractiveSelect: _semantic_colors.SEMANTIC_COLORS.primary10,
   backgroundBaseInteractiveSelectHover: _semantic_colors.SEMANTIC_COLORS.primary20,
   backgroundBaseInteractiveOverlay: _semantic_colors.SEMANTIC_COLORS.shade100Alpha70,
@@ -100,6 +103,7 @@ var background_colors = exports.background_colors = {
   backgroundLightWarning: _semantic_colors.SEMANTIC_COLORS.warning20,
   backgroundLightRisk: _semantic_colors.SEMANTIC_COLORS.risk20,
   backgroundLightDanger: _semantic_colors.SEMANTIC_COLORS.danger20,
+  backgroundLightAssistance: _semantic_colors.SEMANTIC_COLORS.assistance20,
   backgroundLightText: _semantic_colors.SEMANTIC_COLORS.shade20,
   backgroundFilledPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
   backgroundFilledAccent: _semantic_colors.SEMANTIC_COLORS.accent90,
@@ -109,6 +113,7 @@ var background_colors = exports.background_colors = {
   backgroundFilledWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
   backgroundFilledRisk: _semantic_colors.SEMANTIC_COLORS.risk70,
   backgroundFilledDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
+  backgroundFilledAssistance: _semantic_colors.SEMANTIC_COLORS.assistance90,
   backgroundFilledText: _semantic_colors.SEMANTIC_COLORS.shade90
 };
 
@@ -140,6 +145,7 @@ var border_colors = exports.border_colors = {
   borderBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning30,
   borderBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk30,
   borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger30,
+  borderBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance30,
   borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade30,
   borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade20,
   borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade50,
@@ -157,6 +163,7 @@ var border_colors = exports.border_colors = {
   borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning90,
   borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk90,
   borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
+  borderStrongAssistance: _semantic_colors.SEMANTIC_COLORS.assistance90,
   borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade90
 };
 var special_colors = exports.special_colors = {

package/lib/cjs/variables/colors/_colors_severity.d.ts

@@ -5,4 +5,5 @@ export declare const severityColors: {
     warning: string;
     risk: string;
     danger: string;
+    assistance: string;
 };

package/lib/cjs/variables/colors/_colors_severity.js

@@ -19,5 +19,6 @@ var severityColors = exports.severityColors = {
   success: _semantic_colors.SEMANTIC_COLORS.success60,
   warning: _semantic_colors.SEMANTIC_COLORS.warning30,
   risk: _semantic_colors.SEMANTIC_COLORS.risk50,
-  danger: _semantic_colors.SEMANTIC_COLORS.danger70
+  danger: _semantic_colors.SEMANTIC_COLORS.danger70,
+  assistance: _semantic_colors.SEMANTIC_COLORS.assistance60
 };

package/lib/cjs/variables/colors/_colors_severity_hcm.d.ts

@@ -5,4 +5,5 @@ export declare const severityColorsLightHighContrast: {
     warning: string;
     risk: string;
     danger: string;
+    assistance: string;
 };

package/lib/cjs/variables/colors/_colors_severity_hcm.js

@@ -19,5 +19,6 @@ var severityColorsLightHighContrast = exports.severityColorsLightHighContrast =
   success: _semantic_colors.SEMANTIC_COLORS.success80,
   warning: _semantic_colors.SEMANTIC_COLORS.warning80,
   risk: _semantic_colors.SEMANTIC_COLORS.risk70,
-  danger: _semantic_colors.SEMANTIC_COLORS.danger70
+  danger: _semantic_colors.SEMANTIC_COLORS.danger70,
+  assistance: _semantic_colors.SEMANTIC_COLORS.assistance70
 };

package/lib/cjs/variables/colors/_colors_vis_dark.js

@@ -28,5 +28,7 @@ var colorVisDark = exports.colorVisDark = _objectSpread(_objectSpread({}, _color
   euiColorVisText6: _semantic_colors.SEMANTIC_COLORS.danger60,
   euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger30,
   euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning60,
-  euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning30
+  euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning30,
+  euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance60,
+  euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance30
 });

package/lib/cjs/variables/colors/_colors_vis_hcm.js

@@ -28,7 +28,9 @@ var baseColorVis = {
   euiColorVis6: _semantic_colors.SEMANTIC_COLORS.danger110,
   euiColorVis7: _semantic_colors.SEMANTIC_COLORS.danger80,
   euiColorVis8: _semantic_colors.SEMANTIC_COLORS.warning110,
-  euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80
+  euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80,
+  euiColorVis10: _primitive_colors.PRIMITIVE_COLORS.purple60,
+  euiColorVis11: _primitive_colors.PRIMITIVE_COLORS.purple30
 };
 var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpread(_objectSpread({}, baseColorVis), {}, {
   euiColorVisBehindText0: baseColorVis.euiColorVis0,
@@ -41,6 +43,8 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
   euiColorVisBehindText7: baseColorVis.euiColorVis7,
   euiColorVisBehindText8: baseColorVis.euiColorVis8,
   euiColorVisBehindText9: baseColorVis.euiColorVis9,
+  euiColorVisBehindText10: baseColorVis.euiColorVis10,
+  euiColorVisBehindText11: baseColorVis.euiColorVis11,
   euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
   euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
   euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
@@ -51,6 +55,8 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
   euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
   euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
   euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
+  euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance110,
+  euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance90,
   euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral100,
   euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral80,
   euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success100,
@@ -61,6 +67,7 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
   euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk80,
   euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger100,
   euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger80,
+  euiColorVisAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
   // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
   // but we need to keep this specific value for visualizations backwards compatibility.
   // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.

package/lib/cjs/variables/colors/_colors_vis_light.js

@@ -47,6 +47,12 @@ var euiPaletteColorBlind = {
   },
   euiColorVis9: {
     graphic: _semantic_colors.SEMANTIC_COLORS.warning30
+  },
+  euiColorVis10: {
+    graphic: _primitive_colors.PRIMITIVE_COLORS.purple60
+  },
+  euiColorVis11: {
+    graphic: _primitive_colors.PRIMITIVE_COLORS.purple30
   }
 };
 var colorVisLight = exports.colorVisLight = {
@@ -60,6 +66,8 @@ var colorVisLight = exports.colorVisLight = {
   euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
   euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
   euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
+  euiColorVis10: euiPaletteColorBlind.euiColorVis10.graphic,
+  euiColorVis11: euiPaletteColorBlind.euiColorVis11.graphic,
   euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
   euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
   euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
@@ -70,6 +78,8 @@ var colorVisLight = exports.colorVisLight = {
   euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
   euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
   euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
+  euiColorVisBehindText10: euiPaletteColorBlind.euiColorVis10.graphic,
+  euiColorVisBehindText11: euiPaletteColorBlind.euiColorVis11.graphic,
   euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
   euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
   euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
@@ -80,6 +90,8 @@ var colorVisLight = exports.colorVisLight = {
   euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
   euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
   euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
+  euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance110,
+  euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance90,
   euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral60,
   euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral30,
   euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success60,
@@ -90,6 +102,7 @@ var colorVisLight = exports.colorVisLight = {
   euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk30,
   euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger60,
   euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger30,
+  euiColorVisAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
   // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
   // but we need to keep this specific value for visualizations backwards compatibility.
   // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.

package/lib/cjs/variables/colors/_primitive_colors.js

@@ -46,7 +46,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   blueGrey135: '#172336',
   blueGrey140: '#111C2C',
   blueGrey145: '#0B1628',
-  blue10: '#E8F1FF',
+  blue10: '#F1F6FF',
   blue20: '#D9E8FF',
   blue30: '#BFDBFF',
   blue40: '#A3CBFF',
@@ -60,7 +60,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   blue120: '#123778',
   blue130: '#0D2F5E',
   blue140: '#0A2342',
-  sky10: '#E5F6FA',
+  sky10: '#ECFBFF',
   sky20: '#CFEEF7',
   sky30: '#B5E5F2',
   sky40: '#94D8EB',
@@ -74,7 +74,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   sky120: '#00425C',
   sky130: '#003447',
   sky140: '#002938',
-  teal10: '#E2F9F7',
+  teal10: '#EAFBFA',
   teal20: '#C9F3F0',
   teal30: '#A6EDEA',
   teal40: '#77E5E0',
@@ -88,7 +88,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   teal120: '#044949',
   teal130: '#023436',
   teal140: '#03282B',
-  pink10: '#FFEBF5',
+  pink10: '#FFF0F8',
   pink20: '#FDDDE9',
   pink30: '#FFC7DB',
   pink40: '#FBADCA',
@@ -102,7 +102,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   pink120: '#5E2140',
   pink130: '#481E32',
   pink140: '#351725',
-  green10: '#E2F8F0',
+  green10: '#E9FFF7',
   green20: '#C9F3E3',
   green30: '#AEE8D2',
   green40: '#88E3C3',
@@ -116,7 +116,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   green120: '#094837',
   green130: '#0D362B',
   green140: '#092A26',
-  yellow10: '#FDF3D8',
+  yellow10: '#FFF7E2',
   yellow20: '#FDE9B5',
   yellow30: '#FCD883',
   yellow40: '#FACB3D',
@@ -130,7 +130,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   yellow120: '#513910',
   yellow130: '#3D3014',
   yellow140: '#2C2721',
-  orange10: '#FFEDD6',
+  orange10: '#FFF3E3',
   orange20: '#FFDEBF',
   orange30: '#FFCDA1',
   orange40: '#FFB787',
@@ -144,7 +144,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   orange120: '#5E281A',
   orange130: '#4A221C',
   orange140: '#361D18',
-  red10: '#FFE8E5',
+  red10: '#FFF3F1',
   red20: '#FDDDD8',
   red30: '#FFC9C2',
   red40: '#FFB5AD',
@@ -158,12 +158,12 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   red120: '#5E2129',
   red130: '#491D27',
   red140: '#351721',
-  purple10: '#F3ECFE',
+  purple10: '#F7F2FF',
   purple20: '#ECE2FE',
-  purple30: '#DECDFE',
-  purple40: '#CEB6FC',
-  purple50: '#BF9CF9',
-  purple60: '#B084F5',
+  purple30: '#E2D3FE',
+  purple40: '#D1BAFC',
+  purple50: '#C5A5FA',
+  purple60: '#B386F9',
   purple70: '#A36DEF',
   purple80: '#925CDA',
   purple90: '#8144CC',

package/lib/cjs/variables/colors/_semantic_colors.d.ts

@@ -9,6 +9,7 @@ export declare const SEMANTIC_COLORS: {
     warning60RGB: string;
     risk60RGB: string;
     danger70RGB: string;
+    assistance70RGB: string;
     shade100RGB: string;
     shade120RGB: string;
     shade140RGB: string;
@@ -43,6 +44,7 @@ export declare const SEMANTIC_COLORS: {
     danger70Alpha12: string;
     danger70Alpha16: string;
     danger70Alpha20: string;
+    assistance70Alpha12: string;
     shade100Alpha4: string;
     shade100Alpha16: string;
     shade100Alpha24: string;

package/lib/cjs/variables/colors/_semantic_colors.js

@@ -188,6 +188,7 @@ var _semantic_rgb_colors = {
   warning60RGB: (0, _chromaJs["default"])(_semantic_colors.warning60).rgb().join(),
   risk60RGB: (0, _chromaJs["default"])(_semantic_colors.risk60).rgb().join(),
   danger70RGB: (0, _chromaJs["default"])(_semantic_colors.danger70).rgb().join(),
+  assistance70RGB: (0, _chromaJs["default"])(_semantic_colors.assistance70).rgb().join(),
   shade100RGB: (0, _chromaJs["default"])(_semantic_colors.shade100).rgb().join(),
   shade120RGB: (0, _chromaJs["default"])(_semantic_colors.shade120).rgb().join(),
   shade140RGB: (0, _chromaJs["default"])(_semantic_colors.shade140).rgb().join()
@@ -224,6 +225,7 @@ var _semantic_alpha_colors = {
   danger70Alpha12: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.12)"),
   danger70Alpha16: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.16)"),
   danger70Alpha20: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.2)"),
+  assistance70Alpha12: "rgba(".concat(_semantic_rgb_colors.assistance70RGB, ", 0.12)"),
   shade100Alpha4: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.04)"),
   shade100Alpha16: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.16)"),
   shade100Alpha24: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.24)"),

package/lib/esm/variables/_buttons.js

@@ -26,6 +26,7 @@ const _buttons = {
     backgroundWarningHover: SEMANTIC_COLORS.warning60Alpha16,
     backgroundRiskHover: SEMANTIC_COLORS.risk60Alpha16,
     backgroundDangerHover: SEMANTIC_COLORS.danger70Alpha12,
+    backgroundAssistanceHover: SEMANTIC_COLORS.assistance70Alpha12,
     backgroundTextHover: SEMANTIC_COLORS.primary100Alpha8,
     backgroundPrimaryActive: SEMANTIC_COLORS.primary70Alpha16,
     backgroundAccentActive: SEMANTIC_COLORS.accent70Alpha16,
@@ -55,6 +56,7 @@ const _buttons = {
     backgroundFilledRiskHover: SEMANTIC_COLORS.risk80,
     backgroundFilledDangerHover: SEMANTIC_COLORS.danger100,
     backgroundFilledTextHover: SEMANTIC_COLORS.shade100,
+    backgroundFilledAssistanceHover: SEMANTIC_COLORS.assistance100,
     backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary110,
     backgroundFilledAccentActive: SEMANTIC_COLORS.accent110,
     backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary110,
@@ -132,6 +134,7 @@ const _dark_buttons = {
     backgroundFilledRiskHover: SEMANTIC_COLORS.risk60,
     backgroundFilledDangerHover: SEMANTIC_COLORS.danger70,
     backgroundFilledTextHover: SEMANTIC_COLORS.shade70,
+    backgroundFilledAssistanceHover: SEMANTIC_COLORS.assistance70,
     backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary80,
     backgroundFilledAccentActive: SEMANTIC_COLORS.accent80,
     backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary80,

package/lib/esm/variables/colors/_colors_dark.js

@@ -34,6 +34,7 @@ export const dark_brand_text_colors = {
     textWarning: SEMANTIC_COLORS.warning30,
     textRisk: SEMANTIC_COLORS.risk50,
     textDanger: SEMANTIC_COLORS.danger60,
+    textAssistance: SEMANTIC_COLORS.assistance50,
 };
 export const dark_text_colors = {
     /* Legacy colors */
@@ -68,6 +69,7 @@ export const dark_background_colors = {
     backgroundBaseWarning: SEMANTIC_COLORS.warning140,
     backgroundBaseRisk: SEMANTIC_COLORS.risk140,
     backgroundBaseDanger: SEMANTIC_COLORS.danger140,
+    backgroundBaseAssistance: SEMANTIC_COLORS.assistance140,
     backgroundBaseSubdued: SEMANTIC_COLORS.plainDark,
     backgroundBasePlain: SEMANTIC_COLORS.shade145,
     backgroundBaseDisabled: SEMANTIC_COLORS.shade130,
@@ -75,6 +77,7 @@ export const dark_background_colors = {
     backgroundBaseFormsPrepend: SEMANTIC_COLORS.shade125,
     backgroundBaseFormsControlDisabled: SEMANTIC_COLORS.shade120,
     backgroundBaseInteractiveHover: SEMANTIC_COLORS.plainLightAlpha8,
+    backgroundBaseInteractiveHoverAssistance: SEMANTIC_COLORS.assistance130,
     backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary130,
     backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary120,
     backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade120Alpha70,
@@ -88,6 +91,7 @@ export const dark_background_colors = {
     backgroundLightWarning: SEMANTIC_COLORS.warning130,
     backgroundLightRisk: SEMANTIC_COLORS.risk130,
     backgroundLightDanger: SEMANTIC_COLORS.danger130,
+    backgroundLightAssistance: SEMANTIC_COLORS.assistance120,
     backgroundLightText: SEMANTIC_COLORS.shade120,
     backgroundFilledPrimary: SEMANTIC_COLORS.primary60,
     backgroundFilledAccent: SEMANTIC_COLORS.accent60,
@@ -97,6 +101,7 @@ export const dark_background_colors = {
     backgroundFilledWarning: SEMANTIC_COLORS.warning40,
     backgroundFilledRisk: SEMANTIC_COLORS.risk50,
     backgroundFilledDanger: SEMANTIC_COLORS.danger60,
+    backgroundFilledAssistance: SEMANTIC_COLORS.assistance50,
     backgroundFilledText: SEMANTIC_COLORS.shade60,
 };
 /**
@@ -127,6 +132,7 @@ export const dark_border_colors = {
     borderBaseWarning: SEMANTIC_COLORS.warning120,
     borderBaseRisk: SEMANTIC_COLORS.risk120,
     borderBaseDanger: SEMANTIC_COLORS.danger120,
+    borderBaseAssistance: SEMANTIC_COLORS.assistance120,
     borderBasePlain: SEMANTIC_COLORS.shade100,
     borderBaseSubdued: SEMANTIC_COLORS.shade120,
     borderBaseProminent: SEMANTIC_COLORS.shade80,
@@ -144,6 +150,7 @@ export const dark_border_colors = {
     borderStrongWarning: SEMANTIC_COLORS.warning40,
     borderStrongRisk: SEMANTIC_COLORS.risk50,
     borderStrongDanger: SEMANTIC_COLORS.danger60,
+    borderStrongAssistance: SEMANTIC_COLORS.assistance60,
     borderStrongText: SEMANTIC_COLORS.shade60,
 };
 export const dark_special_colors = {

package/lib/esm/variables/colors/_colors_light.js

@@ -34,6 +34,7 @@ export const brand_text_colors = {
     textWarning: SEMANTIC_COLORS.warning100,
     textRisk: SEMANTIC_COLORS.risk100,
     textDanger: SEMANTIC_COLORS.danger100,
+    textAssistance: SEMANTIC_COLORS.assistance100,
 };
 export const text_colors = {
     /* Legacy colors */
@@ -68,6 +69,7 @@ export const background_colors = {
     backgroundBaseWarning: SEMANTIC_COLORS.warning10,
     backgroundBaseRisk: SEMANTIC_COLORS.risk10,
     backgroundBaseDanger: SEMANTIC_COLORS.danger10,
+    backgroundBaseAssistance: SEMANTIC_COLORS.assistance10,
     backgroundBaseSubdued: SEMANTIC_COLORS.shade10,
     backgroundBasePlain: SEMANTIC_COLORS.plainLight,
     backgroundBaseDisabled: SEMANTIC_COLORS.shade15,
@@ -75,6 +77,7 @@ export const background_colors = {
     backgroundBaseFormsPrepend: SEMANTIC_COLORS.shade15,
     backgroundBaseFormsControlDisabled: SEMANTIC_COLORS.shade30,
     backgroundBaseInteractiveHover: SEMANTIC_COLORS.primary100Alpha4,
+    backgroundBaseInteractiveHoverAssistance: SEMANTIC_COLORS.assistance20,
     backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary10,
     backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary20,
     backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade100Alpha70,
@@ -88,6 +91,7 @@ export const background_colors = {
     backgroundLightWarning: SEMANTIC_COLORS.warning20,
     backgroundLightRisk: SEMANTIC_COLORS.risk20,
     backgroundLightDanger: SEMANTIC_COLORS.danger20,
+    backgroundLightAssistance: SEMANTIC_COLORS.assistance20,
     backgroundLightText: SEMANTIC_COLORS.shade20,
     backgroundFilledPrimary: SEMANTIC_COLORS.primary90,
     backgroundFilledAccent: SEMANTIC_COLORS.accent90,
@@ -97,6 +101,7 @@ export const background_colors = {
     backgroundFilledWarning: SEMANTIC_COLORS.warning40,
     backgroundFilledRisk: SEMANTIC_COLORS.risk70,
     backgroundFilledDanger: SEMANTIC_COLORS.danger90,
+    backgroundFilledAssistance: SEMANTIC_COLORS.assistance90,
     backgroundFilledText: SEMANTIC_COLORS.shade90,
 };
 /**
@@ -127,6 +132,7 @@ export const border_colors = {
     borderBaseWarning: SEMANTIC_COLORS.warning30,
     borderBaseRisk: SEMANTIC_COLORS.risk30,
     borderBaseDanger: SEMANTIC_COLORS.danger30,
+    borderBaseAssistance: SEMANTIC_COLORS.assistance30,
     borderBasePlain: SEMANTIC_COLORS.shade30,
     borderBaseSubdued: SEMANTIC_COLORS.shade20,
     borderBaseProminent: SEMANTIC_COLORS.shade50,
@@ -144,6 +150,7 @@ export const border_colors = {
     borderStrongWarning: SEMANTIC_COLORS.warning90,
     borderStrongRisk: SEMANTIC_COLORS.risk90,
     borderStrongDanger: SEMANTIC_COLORS.danger90,
+    borderStrongAssistance: SEMANTIC_COLORS.assistance90,
     borderStrongText: SEMANTIC_COLORS.shade90,
 };
 export const special_colors = {

package/lib/esm/variables/colors/_colors_severity.d.ts

@@ -5,4 +5,5 @@ export declare const severityColors: {
     warning: string;
     risk: string;
     danger: string;
+    assistance: string;
 };

package/lib/esm/variables/colors/_colors_severity.js

@@ -13,4 +13,5 @@ export const severityColors = {
     warning: SEMANTIC_COLORS.warning30,
     risk: SEMANTIC_COLORS.risk50,
     danger: SEMANTIC_COLORS.danger70,
+    assistance: SEMANTIC_COLORS.assistance60,
 };

package/lib/esm/variables/colors/_colors_severity_hcm.d.ts

@@ -5,4 +5,5 @@ export declare const severityColorsLightHighContrast: {
     warning: string;
     risk: string;
     danger: string;
+    assistance: string;
 };

package/lib/esm/variables/colors/_colors_severity_hcm.js

@@ -13,4 +13,5 @@ export const severityColorsLightHighContrast = {
     warning: SEMANTIC_COLORS.warning80,
     risk: SEMANTIC_COLORS.risk70,
     danger: SEMANTIC_COLORS.danger70,
+    assistance: SEMANTIC_COLORS.assistance70,
 };

package/lib/esm/variables/colors/_colors_vis_dark.js

@@ -19,4 +19,6 @@ export const colorVisDark = {
     euiColorVisText7: SEMANTIC_COLORS.danger30,
     euiColorVisText8: SEMANTIC_COLORS.warning60,
     euiColorVisText9: SEMANTIC_COLORS.warning30,
+    euiColorVisText10: SEMANTIC_COLORS.assistance60,
+    euiColorVisText11: SEMANTIC_COLORS.assistance30,
 };

package/lib/esm/variables/colors/_colors_vis_hcm.js

@@ -18,6 +18,8 @@ const baseColorVis = {
     euiColorVis7: SEMANTIC_COLORS.danger80,
     euiColorVis8: SEMANTIC_COLORS.warning110,
     euiColorVis9: SEMANTIC_COLORS.warning80,
+    euiColorVis10: PRIMITIVE_COLORS.purple60,
+    euiColorVis11: PRIMITIVE_COLORS.purple30,
 };
 export const visColorsLightHighContrast = {
     ...baseColorVis,
@@ -31,6 +33,8 @@ export const visColorsLightHighContrast = {
     euiColorVisBehindText7: baseColorVis.euiColorVis7,
     euiColorVisBehindText8: baseColorVis.euiColorVis8,
     euiColorVisBehindText9: baseColorVis.euiColorVis9,
+    euiColorVisBehindText10: baseColorVis.euiColorVis10,
+    euiColorVisBehindText11: baseColorVis.euiColorVis11,
     euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
     euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
     euiColorVisText2: SEMANTIC_COLORS.primary110,
@@ -41,6 +45,8 @@ export const visColorsLightHighContrast = {
     euiColorVisText7: SEMANTIC_COLORS.danger80,
     euiColorVisText8: SEMANTIC_COLORS.warning110,
     euiColorVisText9: SEMANTIC_COLORS.warning90,
+    euiColorVisText10: SEMANTIC_COLORS.assistance110,
+    euiColorVisText11: SEMANTIC_COLORS.assistance90,
     euiColorVisNeutral0: SEMANTIC_COLORS.neutral100,
     euiColorVisNeutral1: SEMANTIC_COLORS.neutral80,
     euiColorVisSuccess0: SEMANTIC_COLORS.success100,
@@ -51,6 +57,7 @@ export const visColorsLightHighContrast = {
     euiColorVisRisk1: SEMANTIC_COLORS.risk80,
     euiColorVisDanger0: SEMANTIC_COLORS.danger100,
     euiColorVisDanger1: SEMANTIC_COLORS.danger80,
+    euiColorVisAssistance: SEMANTIC_COLORS.assistance60,
     // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
     // but we need to keep this specific value for visualizations backwards compatibility.
     // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.

package/lib/esm/variables/colors/_colors_vis_light.js

@@ -41,6 +41,12 @@ const euiPaletteColorBlind = {
     euiColorVis9: {
         graphic: SEMANTIC_COLORS.warning30,
     },
+    euiColorVis10: {
+        graphic: PRIMITIVE_COLORS.purple60,
+    },
+    euiColorVis11: {
+        graphic: PRIMITIVE_COLORS.purple30,
+    },
 };
 export const colorVisLight = {
     euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
@@ -53,6 +59,8 @@ export const colorVisLight = {
     euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
     euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
     euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
+    euiColorVis10: euiPaletteColorBlind.euiColorVis10.graphic,
+    euiColorVis11: euiPaletteColorBlind.euiColorVis11.graphic,
     euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
     euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
     euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
@@ -63,6 +71,8 @@ export const colorVisLight = {
     euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
     euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
     euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
+    euiColorVisBehindText10: euiPaletteColorBlind.euiColorVis10.graphic,
+    euiColorVisBehindText11: euiPaletteColorBlind.euiColorVis11.graphic,
     euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
     euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
     euiColorVisText2: SEMANTIC_COLORS.primary110,
@@ -73,6 +83,8 @@ export const colorVisLight = {
     euiColorVisText7: SEMANTIC_COLORS.danger80,
     euiColorVisText8: SEMANTIC_COLORS.warning110,
     euiColorVisText9: SEMANTIC_COLORS.warning90,
+    euiColorVisText10: SEMANTIC_COLORS.assistance110,
+    euiColorVisText11: SEMANTIC_COLORS.assistance90,
     euiColorVisNeutral0: SEMANTIC_COLORS.neutral60,
     euiColorVisNeutral1: SEMANTIC_COLORS.neutral30,
     euiColorVisSuccess0: SEMANTIC_COLORS.success60,
@@ -83,6 +95,7 @@ export const colorVisLight = {
     euiColorVisRisk1: SEMANTIC_COLORS.risk30,
     euiColorVisDanger0: SEMANTIC_COLORS.danger60,
     euiColorVisDanger1: SEMANTIC_COLORS.danger30,
+    euiColorVisAssistance: SEMANTIC_COLORS.assistance60,
     // We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
     // but we need to keep this specific value for visualizations backwards compatibility.
     // We want to limit its usage to visualizations only, so we're keeping it hardcoded here.