@elastic/eui-theme-borealis 0.1.0 → 1.0.0

package/lib/eui_theme_borealis_dark.json.d.ts

@@ -40,8 +40,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
       primary: string;
       accent: string;
       accentSecondary: string;
+      neutral: string;
       success: string;
       warning: string;
+      risk: string;
       danger: string;
       ghost: string;
       text: string;
@@ -313,21 +315,12 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorVisCool2: string;
     euiColorVisComplementary0: string;
     euiColorVisComplementary1: string;
-    euiColorSeverity0: string;
-    euiColorSeverity1: string;
-    euiColorSeverity2: string;
-    euiColorSeverity3: string;
-    euiColorSeverity4: string;
-    euiColorSeverity5: string;
-    euiColorSeverity6: string;
-    euiColorSeverity7: string;
-    euiColorSeverity8: string;
-    euiColorSeverity9: string;
-    euiColorSeverity10: string;
-    euiColorSeverity11: string;
-    euiColorSeverity12: string;
-    euiColorSeverity13: string;
-    euiColorSeverity14: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
     euiColorChartLines: string;
     euiColorChartBand: string;
     euiColorGhost: string;
@@ -363,8 +356,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorTextPrimary: string;
     euiColorTextAccent: string;
     euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
     euiColorTextSuccess: string;
     euiColorTextWarning: string;
+    euiColorTextRisk: string;
     euiColorTextDanger: string;
     euiColorTextParagraph: string;
     euiColorTextHeading: string;
@@ -374,8 +369,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorBackgroundBasePrimary: string;
     euiColorBackgroundBaseAccent: string;
     euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
     euiColorBackgroundBaseSuccess: string;
     euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
     euiColorBackgroundBaseDanger: string;
     euiColorBackgroundBaseSubdued: string;
     euiColorBackgroundBasePlain: string;
@@ -391,22 +388,28 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorBackgroundLightPrimary: string;
     euiColorBackgroundLightAccent: string;
     euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
     euiColorBackgroundLightSuccess: string;
     euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
     euiColorBackgroundLightDanger: string;
     euiColorBackgroundLightText: string;
     euiColorBackgroundFilledPrimary: string;
     euiColorBackgroundFilledAccent: string;
     euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
     euiColorBackgroundFilledSuccess: string;
     euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
     euiColorBackgroundFilledDanger: string;
     euiColorBackgroundFilledText: string;
     euiColorBorderBasePrimary: string;
     euiColorBorderBaseAccent: string;
     euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
     euiColorBorderBaseSuccess: string;
     euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
     euiColorBorderBaseDanger: string;
     euiColorBorderBasePlain: string;
     euiColorBorderBaseSubdued: string;
@@ -417,8 +420,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;
     euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
     euiColorBorderStrongSuccess: string;
     euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
     euiColorBorderStrongDanger: string;
   };
   export default sassVariables;

package/lib/eui_theme_borealis_light.json

@@ -24,7 +24,7 @@
   "euiBorderWidthThin": "1px",
   "euiBorderWidthThick": "2px",
   "euiBorderColor": "#E3E8F2",
-  "euiBorderRadius": "6px",
+  "euiBorderRadius": "4px",
   "euiBorderRadiusSmall": "4px",
   "euiBorderThick": "2px solid #E3E8F2",
   "euiBorderThin": "1px solid #E3E8F2",
@@ -39,8 +39,10 @@
     "primary": "#0B64DD",
     "accent": "#BC1E70",
     "accentSecondary": "#008B87",
+    "neutral": "#1C8CB5",
     "success": "#008A5E",
     "warning": "#FACB3D",
+    "risk": "#ED6723",
     "danger": "#C61E25",
     "ghost": "#ffffff",
     "text": "#5A6D8C"
@@ -57,7 +59,7 @@
   "euiFormControlCompressedHeight": "32px",
   "euiFormControlPadding": "12px",
   "euiFormControlCompressedPadding": "8px",
-  "euiFormControlBorderRadius": "6px",
+  "euiFormControlBorderRadius": "4px",
   "euiFormControlCompressedBorderRadius": "4px",
   "euiRadioSize": "16px",
   "euiCheckBoxSize": "16px",
@@ -112,7 +114,7 @@
   },
   "euiPanelBorderRadiusModifiers": {
     "borderRadiusNone": 0,
-    "borderRadiusMedium": "6px"
+    "borderRadiusMedium": "4px"
   },
   "euiPanelBackgroundColorModifiers": {
     "transparent": "rgba(0, 0, 0, 0)",
@@ -300,21 +302,6 @@
   "euiColorVisDanger0": "#F6726A",
   "euiColorVisDanger1": "#FFC9C2",
   "euiColorVisNeutral0": "#F6F9FC",
-  "euiColorSeverity0": "#E3E6EB",
-  "euiColorSeverity1": "#5A6D8C",
-  "euiColorSeverity2": "#7186A8",
-  "euiColorSeverity3": "#8E9FBC",
-  "euiColorSeverity4": "#ABB9D0",
-  "euiColorSeverity5": "#CAD3E2",
-  "euiColorSeverity6": "#FDE9B5",
-  "euiColorSeverity7": "#FCD883",
-  "euiColorSeverity8": "#FFC9C2",
-  "euiColorSeverity9": "#FFB5AD",
-  "euiColorSeverity10": "#FC9188",
-  "euiColorSeverity11": "#F6726A",
-  "euiColorSeverity12": "#EE4C48",
-  "euiColorSeverity13": "#DA3737",
-  "euiColorSeverity14": "#C61E25",
   "euiColorVisGrey0": "#CAD3E2",
   "euiColorVisGrey1": "#8E9FBC",
   "euiColorVisGrey2": "#5A6D8C",
@@ -327,6 +314,12 @@
   "euiColorVisCool2": "#61A2FF",
   "euiColorVisComplementary0": "#61A2FF",
   "euiColorVisComplementary1": "#EAAE01",
+  "euiColorSeverityUnknown": "#E3E8F2",
+  "euiColorSeverityNeutral": "#B5E5F2",
+  "euiColorSeveritySuccess": "#24C292",
+  "euiColorSeverityWarning": "#FCD883",
+  "euiColorSeverityRisk": "#FF995E",
+  "euiColorSeverityDanger": "#EE4C48",
   "euiColorChartLines": "#CAD3E2",
   "euiColorChartBand": "#F6F9FC",
   "euiColorGhost": "#FFFFFF",
@@ -362,8 +355,10 @@
   "euiColorTextPrimary": "#1750BA",
   "euiColorTextAccent": "#A11262",
   "euiColorTextAccentSecondary": "#047471",
+  "euiColorTextNeutral": "#0F658A",
   "euiColorTextSuccess": "#09724D",
   "euiColorTextWarning": "#6A4906",
+  "euiColorTextRisk": "#9E3A16",
   "euiColorTextDanger": "#A71627",
   "euiColorTextParagraph": "#1D2A3E",
   "euiColorTextHeading": "#111C2C",
@@ -373,8 +368,10 @@
   "euiColorBackgroundBasePrimary": "#E8F1FF",
   "euiColorBackgroundBaseAccent": "#FFEBF5",
   "euiColorBackgroundBaseAccentSecondary": "#E2F9F7",
+  "euiColorBackgroundBaseNeutral": "#E5F6FA",
   "euiColorBackgroundBaseSuccess": "#E2F8F0",
   "euiColorBackgroundBaseWarning": "#FDF3D8",
+  "euiColorBackgroundBaseRisk": "#FFEDD6",
   "euiColorBackgroundBaseDanger": "#FFE8E5",
   "euiColorBackgroundBaseSubdued": "#F6F9FC",
   "euiColorBackgroundBasePlain": "#FFFFFF",
@@ -390,22 +387,28 @@
   "euiColorBackgroundLightPrimary": "#D9E8FF",
   "euiColorBackgroundLightAccent": "#FDDDE9",
   "euiColorBackgroundLightAccentSecondary": "#C9F3F0",
+  "euiColorBackgroundLightNeutral": "#CFEEF7",
   "euiColorBackgroundLightSuccess": "#C9F3E3",
   "euiColorBackgroundLightWarning": "#FDE9B5",
+  "euiColorBackgroundLightRisk": "#FFDEBF",
   "euiColorBackgroundLightDanger": "#FDDDD8",
   "euiColorBackgroundLightText": "#E3E8F2",
   "euiColorBackgroundFilledPrimary": "#0B64DD",
   "euiColorBackgroundFilledAccent": "#BC1E70",
   "euiColorBackgroundFilledAccentSecondary": "#008B87",
+  "euiColorBackgroundFilledNeutral": "#1C8CB5",
   "euiColorBackgroundFilledSuccess": "#008A5E",
   "euiColorBackgroundFilledWarning": "#FACB3D",
+  "euiColorBackgroundFilledRisk": "#ED6723",
   "euiColorBackgroundFilledDanger": "#C61E25",
   "euiColorBackgroundFilledText": "#5A6D8C",
   "euiColorBorderBasePrimary": "#BFDBFF",
   "euiColorBorderBaseAccent": "#FFC7DB",
   "euiColorBorderBaseAccentSecondary": "#A6EDEA",
+  "euiColorBorderBaseNeutral": "#B5E5F2",
   "euiColorBorderBaseSuccess": "#AEE8D2",
   "euiColorBorderBaseWarning": "#FCD883",
+  "euiColorBorderBaseRisk": "#FFCDA1",
   "euiColorBorderBaseDanger": "#FFC9C2",
   "euiColorBorderBasePlain": "#CAD3E2",
   "euiColorBorderBaseSubdued": "#E3E8F2",
@@ -416,7 +419,9 @@
   "euiColorBorderStrongPrimary": "#1750BA",
   "euiColorBorderStrongAccent": "#A11262",
   "euiColorBorderStrongAccentSecondary": "#047471",
+  "euiColorBorderStrongNeutral": "#0F658A",
   "euiColorBorderStrongSuccess": "#09724D",
   "euiColorBorderStrongWarning": "#825803",
+  "euiColorBorderStrongRisk": "#9E3A16",
   "euiColorBorderStrongDanger": "#A71627"
 }

package/lib/eui_theme_borealis_light.json.d.ts

@@ -40,8 +40,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
       primary: string;
       accent: string;
       accentSecondary: string;
+      neutral: string;
       success: string;
       warning: string;
+      risk: string;
       danger: string;
       ghost: string;
       text: string;
@@ -313,21 +315,12 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorVisCool2: string;
     euiColorVisComplementary0: string;
     euiColorVisComplementary1: string;
-    euiColorSeverity0: string;
-    euiColorSeverity1: string;
-    euiColorSeverity2: string;
-    euiColorSeverity3: string;
-    euiColorSeverity4: string;
-    euiColorSeverity5: string;
-    euiColorSeverity6: string;
-    euiColorSeverity7: string;
-    euiColorSeverity8: string;
-    euiColorSeverity9: string;
-    euiColorSeverity10: string;
-    euiColorSeverity11: string;
-    euiColorSeverity12: string;
-    euiColorSeverity13: string;
-    euiColorSeverity14: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
     euiColorChartLines: string;
     euiColorChartBand: string;
     euiColorGhost: string;
@@ -363,8 +356,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorTextPrimary: string;
     euiColorTextAccent: string;
     euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
     euiColorTextSuccess: string;
     euiColorTextWarning: string;
+    euiColorTextRisk: string;
     euiColorTextDanger: string;
     euiColorTextParagraph: string;
     euiColorTextHeading: string;
@@ -374,8 +369,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorBackgroundBasePrimary: string;
     euiColorBackgroundBaseAccent: string;
     euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
     euiColorBackgroundBaseSuccess: string;
     euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
     euiColorBackgroundBaseDanger: string;
     euiColorBackgroundBaseSubdued: string;
     euiColorBackgroundBasePlain: string;
@@ -391,22 +388,28 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorBackgroundLightPrimary: string;
     euiColorBackgroundLightAccent: string;
     euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
     euiColorBackgroundLightSuccess: string;
     euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
     euiColorBackgroundLightDanger: string;
     euiColorBackgroundLightText: string;
     euiColorBackgroundFilledPrimary: string;
     euiColorBackgroundFilledAccent: string;
     euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
     euiColorBackgroundFilledSuccess: string;
     euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
     euiColorBackgroundFilledDanger: string;
     euiColorBackgroundFilledText: string;
     euiColorBorderBasePrimary: string;
     euiColorBorderBaseAccent: string;
     euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
     euiColorBorderBaseSuccess: string;
     euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
     euiColorBorderBaseDanger: string;
     euiColorBorderBasePlain: string;
     euiColorBorderBaseSubdued: string;
@@ -417,8 +420,10 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;
     euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
     euiColorBorderStrongSuccess: string;
     euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
     euiColorBorderStrongDanger: string;
   };
   export default sassVariables;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "A visual theme for EUI",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
@@ -24,6 +24,7 @@
     "directory": "packages/eui-theme-borealis"
   },
   "dependency": {
+    "@elastic/eui-theme-common": "workspace:*",
     "chroma-js": "^2.4.2"
   },
   "devDependencies": {
@@ -32,7 +33,7 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
-    "@elastic/eui-theme-common": "0.1.0",
+    "@elastic/eui-theme-common": "1.0.0",
     "@types/chroma-js": "^2.4.0",
     "@types/jest": "^29.5.12",
     "@types/prettier": "2.7.3",
@@ -53,9 +54,6 @@
     "stylelint-config-standard-scss": "^9.0.0",
     "typescript": "^5.6.2"
   },
-  "peerDependencies": {
-    "@elastic/eui-theme-common": "0.0.9"
-  },
   "main": "lib/cjs/index.js",
   "exports": {
     "./lib/*": "./lib/*",

package/src/variables/_borders.scss

@@ -0,0 +1,11 @@
+// Borders
+
+$euiBorderWidthThin: 1px !default;
+$euiBorderWidthThick: 2px !default;
+
+$euiBorderColor: $euiColorBorderBaseSubdued !default;
+$euiBorderRadius: $euiSizeS * .5 !default;
+$euiBorderRadiusSmall: $euiSizeS * .5 !default;
+$euiBorderThick: $euiBorderWidthThick solid $euiBorderColor !default;
+$euiBorderThin: $euiBorderWidthThin solid $euiBorderColor !default;
+$euiBorderEditable: $euiBorderWidthThick dotted $euiBorderColor !default;

package/src/variables/_buttons.scss

@@ -6,8 +6,10 @@ $euiButtonHeightXSmall: $euiSizeL !default;
 $euiButtonTypes: (
   primary: $euiColorBackgroundFilledPrimary,
   accent: $euiColorBackgroundFilledAccent,
+  neutral: $euiColorBackgroundFilledNeutral,
   success: $euiColorBackgroundFilledSuccess,
   warning: $euiColorBackgroundFilledWarning,
+  risk: $euiColorBackgroundFilledRisk,
   danger: $euiColorBackgroundFilledDanger,
   ghost: $euiColorGhost, // Ghost is special, and does not care about theming.
   text: $euiColorBackgroundFilledText, // Reserved for special use cases

package/src/variables/_index.scss

@@ -1,8 +1,16 @@
 // Import base theme first, then override
+
+// TODO: untangle border scss definitions by moving them and related usage to the theme 
+// package instead of the common one 
+
+@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/size';
+// borders are used in the common package, to define them on theme level we require the size variables first
+@import 'borders';
 @import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/index';
 @import 'states';
 
 @import './colors/colors_vis';
+@import './colors/colors_severity';
 @import 'form';
 @import 'page';
 @import 'font_weight';

package/src/variables/colors/_colors_dark.scss

@@ -33,8 +33,10 @@ $euiColorHighlight: $euiColorPrimary100 !default;
 $euiColorBackgroundBasePrimary: $euiColorPrimary140 !default;
 $euiColorBackgroundBaseAccent: $euiColorAccent140 !default;
 $euiColorBackgroundBaseAccentSecondary: $euiColorAccentSecondary140 !default;
+$euiColorBackgroundBaseNeutral: $euiColorNeutral140 !default;
 $euiColorBackgroundBaseSuccess: $euiColorSuccess140 !default;
 $euiColorBackgroundBaseWarning: $euiColorWarning140 !default;
+$euiColorBackgroundBaseRisk: $euiColorRisk140 !default;
 $euiColorBackgroundBaseDanger: $euiColorDanger140 !default;
 $euiColorBackgroundBaseSubdued: $euiColorPlainDark !default;
 $euiColorBackgroundBasePlain: $euiColorShade145 !default;
@@ -52,7 +54,9 @@ $euiColorBackgroundBaseSkeletonMiddle: $euiColorPlainLightAlpha8 !default;
 $euiColorBackgroundLightPrimary: $euiColorPrimary130 !default;
 $euiColorBackgroundLightAccent: $euiColorAccent130 !default;
 $euiColorBackgroundLightAccentSecondary: $euiColorAccentSecondary130 !default;
+$euiColorBackgroundLightNeutral: $euiColorNeutral130 !default;
 $euiColorBackgroundLightSuccess: $euiColorSuccess130 !default;
+$euiColorBackgroundLightRisk: $euiColorRisk130 !default;
 $euiColorBackgroundLightWarning: $euiColorWarning130 !default;
 $euiColorBackgroundLightDanger: $euiColorDanger130 !default;
 $euiColorBackgroundLightText: $euiColorShade130 !default;
@@ -60,8 +64,10 @@ $euiColorBackgroundLightText: $euiColorShade130 !default;
 $euiColorBackgroundFilledPrimary: $euiColorPrimary60 !default;
 $euiColorBackgroundFilledAccent: $euiColorAccent60 !default;
 $euiColorBackgroundFilledAccentSecondary: $euiColorAccentSecondary60 !default;
+$euiColorBackgroundFilledNeutral: $euiColorNeutral50 !default;
 $euiColorBackgroundFilledSuccess: $euiColorSuccess60 !default;
 $euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
+$euiColorBackgroundFilledRisk: $euiColorRisk50 !default;
 $euiColorBackgroundFilledDanger: $euiColorDanger60 !default;
 $euiColorBackgroundFilledText: $euiColorShade60 !default;
 
@@ -91,16 +97,20 @@ $euiColorDangerText: $euiColorDanger60 !default;
 $euiColorTextPrimary: $euiColorPrimary60 !default;
 $euiColorTextAccent: $euiColorAccent60 !default;
 $euiColorTextAccentSecondary: $euiColorAccentSecondary60 !default;
+$euiColorTextNeutral: $euiColorNeutral60 !default;
 $euiColorTextSuccess: $euiColorSuccess60 !default;
 $euiColorTextWarning: $euiColorWarning30 !default;
+$euiColorTextRisk: $euiColorRisk50 !default;
 $euiColorTextDanger: $euiColorDanger60 !default;
 
 // Borders
 $euiColorBorderBasePrimary: $euiColorPrimary120 !default;
 $euiColorBorderBaseAccent: $euiColorAccent120 !default;
 $euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary120 !default;
+$euiColorBorderBaseNeutral: $euiColorNeutral120 !default;
 $euiColorBorderBaseSuccess: $euiColorSuccess120 !default;
 $euiColorBorderBaseWarning: $euiColorWarning120 !default;
+$euiColorBorderBaseRisk: $euiColorRisk120 !default;
 $euiColorBorderBaseDanger: $euiColorDanger120 !default;
 
 $euiColorBorderBasePlain: $euiColorShade100 !default;
@@ -113,8 +123,10 @@ $euiColorBorderBaseFormsControl: $euiColorShade80 !default;
 $euiColorBorderStrongPrimary: $euiColorPrimary60 !default;
 $euiColorBorderStrongAccent: $euiColorAccent60 !default;
 $euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary60 !default;
+$euiColorBorderStrongNeutral: $euiColorNeutral60 !default;
 $euiColorBorderStrongSuccess: $euiColorSuccess60 !default;
 $euiColorBorderStrongWarning: $euiColorWarning40 !default;
+$euiColorBorderStrongRisk: $euiColorRisk50 !default;
 $euiColorBorderStrongDanger: $euiColorDanger60 !default;
 
 // Charts

package/src/variables/colors/_colors_light.scss

@@ -34,8 +34,10 @@ $euiColorHighlight: $euiColorPrimary10 !default;
 $euiColorBackgroundBasePrimary: $euiColorPrimary10 !default;
 $euiColorBackgroundBaseAccent: $euiColorAccent10 !default;
 $euiColorBackgroundBaseAccentSecondary: $euiColorAccentSecondary10 !default;
+$euiColorBackgroundBaseNeutral: $euiColorNeutral10 !default;
 $euiColorBackgroundBaseSuccess: $euiColorSuccess10 !default;
 $euiColorBackgroundBaseWarning: $euiColorWarning10 !default;
+$euiColorBackgroundBaseRisk: $euiColorRisk10 !default;
 $euiColorBackgroundBaseDanger: $euiColorDanger10 !default;
 $euiColorBackgroundBaseSubdued: $euiColorShade10 !default;
 $euiColorBackgroundBasePlain: $euiColorPlainLight !default;
@@ -53,16 +55,20 @@ $euiColorBackgroundBaseSkeletonMiddle: $euiColorShade100Alpha4 !default;
 $euiColorBackgroundLightPrimary: $euiColorPrimary20 !default;
 $euiColorBackgroundLightAccent: $euiColorAccent20 !default;
 $euiColorBackgroundLightAccentSecondary: $euiColorAccentSecondary20 !default;
+$euiColorBackgroundLightNeutral: $euiColorNeutral20 !default;
 $euiColorBackgroundLightSuccess: $euiColorSuccess20 !default;
 $euiColorBackgroundLightWarning: $euiColorWarning20 !default;
+$euiColorBackgroundLightRisk: $euiColorRisk20 !default;
 $euiColorBackgroundLightDanger: $euiColorDanger20 !default;
 $euiColorBackgroundLightText: $euiColorShade20 !default;
 
 $euiColorBackgroundFilledPrimary: $euiColorPrimary90 !default;
 $euiColorBackgroundFilledAccent: $euiColorAccent90 !default;
 $euiColorBackgroundFilledAccentSecondary: $euiColorAccentSecondary90 !default;
+$euiColorBackgroundFilledNeutral: $euiColorNeutral80 !default;
 $euiColorBackgroundFilledSuccess: $euiColorSuccess90 !default;
 $euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
+$euiColorBackgroundFilledRisk: $euiColorRisk70 !default;
 $euiColorBackgroundFilledDanger: $euiColorDanger90 !default;
 $euiColorBackgroundFilledText: $euiColorShade90 !default;
 
@@ -92,16 +98,20 @@ $euiColorDangerText: $euiColorDanger100 !default;
 $euiColorTextPrimary: $euiColorPrimary100 !default;
 $euiColorTextAccent: $euiColorAccent100 !default;
 $euiColorTextAccentSecondary: $euiColorAccentSecondary100 !default;
+$euiColorTextNeutral: $euiColorNeutral100 !default;
 $euiColorTextSuccess: $euiColorSuccess100 !default;
 $euiColorTextWarning: $euiColorWarning110 !default;
+$euiColorTextRisk: $euiColorRisk100 !default;
 $euiColorTextDanger: $euiColorDanger100 !default;
 
 // Borders
 $euiColorBorderBasePrimary: $euiColorPrimary30 !default;
 $euiColorBorderBaseAccent: $euiColorAccent30 !default;
 $euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary30 !default;
+$euiColorBorderBaseNeutral: $euiColorNeutral30 !default;
 $euiColorBorderBaseSuccess: $euiColorSuccess30 !default;
 $euiColorBorderBaseWarning: $euiColorWarning30 !default;
+$euiColorBorderBaseRisk: $euiColorRisk30 !default;
 $euiColorBorderBaseDanger: $euiColorDanger30 !default;
 
 $euiColorBorderBasePlain: $euiColorShade30 !default;
@@ -115,8 +125,10 @@ $euiColorBorderBaseFormsControl: $euiColorShade60 !default;
 $euiColorBorderStrongPrimary: $euiColorPrimary100 !default;
 $euiColorBorderStrongAccent: $euiColorAccent100 !default;
 $euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary100 !default;
+$euiColorBorderStrongNeutral: $euiColorNeutral100 !default;
 $euiColorBorderStrongSuccess: $euiColorSuccess100 !default;
 $euiColorBorderStrongWarning: $euiColorWarning100 !default;
+$euiColorBorderStrongRisk: $euiColorRisk100 !default;
 $euiColorBorderStrongDanger: $euiColorDanger100 !default;
 
 // Charts

package/src/variables/colors/_colors_severity.scss

@@ -0,0 +1,7 @@
+// Severity
+$euiColorSeverityUnknown: #E3E8F2 !default;
+$euiColorSeverityNeutral: #B5E5F2 !default;
+$euiColorSeveritySuccess: #24C292 !default;
+$euiColorSeverityWarning: #FCD883 !default;
+$euiColorSeverityRisk: #FF995E !default;
+$euiColorSeverityDanger: #EE4C48 !default;

package/src/variables/colors/_semantic_colors.scss

@@ -77,6 +77,21 @@ $euiColorAccentSecondary140: #03282B !default;
 $euiColorAccentSecondary70Alpha12: rgba($euiColorAccentSecondary70, 0.12) !default;
 $euiColorAccentSecondary70Alpha16: rgba($euiColorAccentSecondary70, 0.16) !default;
 
+$euiColorNeutral10: '#E5F6FA' !default;
+$euiColorNeutral20: '#CFEEF7' !default;
+$euiColorNeutral30: '#B5E5F2' !default;
+$euiColorNeutral40: '#94D8EB' !default;
+$euiColorNeutral50: '#63C8E3' !default;
+$euiColorNeutral60: '#37B8DC' !default;
+$euiColorNeutral70: '#0dA1C9' !default;
+$euiColorNeutral80: '#1C8CB5' !default;
+$euiColorNeutral90: '#19799F' !default;
+$euiColorNeutral100: '#0F658A' !default;
+$euiColorNeutral110: '#055476' !default;
+$euiColorNeutral120: '#00425C' !default;
+$euiColorNeutral130: '#003447' !default;
+$euiColorNeutral140: '#002938' !default;
+
 $euiColorSuccess10: #E2F8F0 !default;
 $euiColorSuccess20: #C9F3E3 !default;
 $euiColorSuccess30: #AEE8D2 !default;
@@ -131,6 +146,21 @@ $euiColorDanger140: #351721 !default;
 $euiColorDanger70Alpha12: rgba($euiColorDanger70, 0.12) !default;
 $euiColorDanger70Alpha16: rgba($euiColorDanger70, 0.16) !default;
 
+$euiColorRisk10: '#FFEDD6' !default;
+$euiColorRisk20: '#FFDEBF' !default;
+$euiColorRisk30: '#FFCDA1' !default;
+$euiColorRisk40: '#FFB787' !default;
+$euiColorRisk50: '#FF995E' !default;
+$euiColorRisk60: '#FC8544' !default;
+$euiColorRisk70: '#ED6723' !default;
+$euiColorRisk80: '#DB541B' !default;
+$euiColorRisk90: '#C24411' !default;
+$euiColorRisk100: '#9E3A16' !default;
+$euiColorRisk110: '#782E18' !default;
+$euiColorRisk120: '#5E281A' !default;
+$euiColorRisk130: '#4A221C' !default;
+$euiColorRisk140: '#361D18' !default;
+
 $euiColorAssistance10: #F3ECFE !default;
 $euiColorAssistance20: #ECE2FE !default;
 $euiColorAssistance30: #DECDFE !default;