@elastic/eui 101.4.0 → 102.0.0

package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js

@@ -14,6 +14,7 @@ import { darken, shade, tint, transparentize } from '../../../../services/color/
 import { computed } from '../../../../services/theme/utils';
 import { makeHighContrastColor, makeDisabledContrastColor } from '../../../../services/color/contrast';
 import { colorVis } from './_colors_vis';
+import { severityColors } from './_colors_severity';
 
 /*
  * LIGHT THEME
@@ -37,8 +38,10 @@ export var brand_text_colors = {
   textPrimary: computed(makeHighContrastColor('colors.primary')),
   textAccent: computed(makeHighContrastColor('colors.accent')),
   textAccentSecondary: computed(makeHighContrastColor('colors.success')),
+  textNeutral: computed(makeHighContrastColor(severityColors.neutral)),
   textSuccess: computed(makeHighContrastColor('colors.success')),
   textWarning: computed(makeHighContrastColor('colors.warning')),
+  textRisk: computed(makeHighContrastColor(severityColors.risk)),
   textDanger: computed(makeHighContrastColor('colors.danger'))
 };
 export var shade_colors = {
@@ -119,6 +122,7 @@ export var background_colors = {
       success = _ref23[0];
     return tint(success, 0.9);
   }, ['colors.success']),
+  backgroundBaseNeutral: tint(severityColors.neutral, 0.9),
   backgroundBaseSuccess: computed(function (_ref24) {
     var _ref25 = _slicedToArray(_ref24, 1),
       success = _ref25[0];
@@ -129,6 +133,7 @@ export var background_colors = {
       warning = _ref27[0];
     return tint(warning, 0.9);
   }, ['colors.warning']),
+  backgroundBaseRisk: tint(severityColors.risk, 0.9),
   backgroundBaseDanger: computed(function (_ref28) {
     var _ref29 = _slicedToArray(_ref28, 1),
       danger = _ref29[0];
@@ -204,6 +209,7 @@ export var background_colors = {
       success = _ref57[0];
     return tint(success, 0.8);
   }, ['colors.success']),
+  backgroundLightNeutral: tint(severityColors.neutral, 0.8),
   backgroundLightSuccess: computed(function (_ref58) {
     var _ref59 = _slicedToArray(_ref58, 1),
       success = _ref59[0];
@@ -214,6 +220,7 @@ export var background_colors = {
       warning = _ref61[0];
     return tint(warning, 0.8);
   }, ['colors.warning']),
+  backgroundLightRisk: tint(severityColors.risk, 0.8),
   backgroundLightDanger: computed(function (_ref62) {
     var _ref63 = _slicedToArray(_ref62, 1),
       danger = _ref63[0];
@@ -239,6 +246,7 @@ export var background_colors = {
       success = _ref71[0];
     return tint(success, 0.3);
   }, ['colors.success']),
+  backgroundFilledNeutral: severityColors.neutral,
   backgroundFilledSuccess: computed(function (_ref72) {
     var _ref73 = _slicedToArray(_ref72, 1),
       success = _ref73[0];
@@ -249,6 +257,7 @@ export var background_colors = {
       warning = _ref75[0];
     return warning;
   }, ['colors.warning']),
+  backgroundFilledRisk: severityColors.risk,
   backgroundFilledDanger: computed(function (_ref76) {
     var _ref77 = _slicedToArray(_ref76, 1),
       danger = _ref77[0];
@@ -277,6 +286,7 @@ export var transparent_background_colors = {
       success = _ref85[0];
     return transparentize(success, 0.1);
   }, ['colors.success']),
+  backgroundTransparentNeutral: transparentize(severityColors.neutral, 0.1),
   backgroundTransparentSuccess: computed(function (_ref86) {
     var _ref87 = _slicedToArray(_ref86, 1),
       success = _ref87[0];
@@ -287,6 +297,7 @@ export var transparent_background_colors = {
       warning = _ref89[0];
     return transparentize(warning, 0.1);
   }, ['colors.warning']),
+  backgroundTransparentRisk: transparentize(severityColors.risk, 0.1),
   backgroundTransparentDanger: computed(function (_ref90) {
     var _ref91 = _slicedToArray(_ref90, 1),
       danger = _ref91[0];
@@ -324,6 +335,7 @@ export var border_colors = {
       success = _ref103[0];
     return tint(success, 0.6);
   }, ['colors.success']),
+  borderBaseNeutral: tint(severityColors.neutral, 0.6),
   borderBaseSuccess: computed(function (_ref104) {
     var _ref105 = _slicedToArray(_ref104, 1),
       success = _ref105[0];
@@ -334,6 +346,7 @@ export var border_colors = {
       warning = _ref107[0];
     return tint(warning, 0.4);
   }, ['colors.warning']),
+  borderBaseRisk: tint(severityColors.risk, 0.4),
   borderBaseDanger: computed(function (_ref108) {
     var _ref109 = _slicedToArray(_ref108, 1),
       danger = _ref109[0];
@@ -380,19 +393,29 @@ export var border_colors = {
       borderBaseAccentSecondary = _ref125[0];
     return borderBaseAccentSecondary;
   }, ['colors.borderBaseAccentSecondary']),
-  borderStrongSuccess: computed(function (_ref126) {
+  borderStrongNeutral: computed(function (_ref126) {
     var _ref127 = _slicedToArray(_ref126, 1),
-      borderBaseSuccess = _ref127[0];
+      borderBaseNeutral = _ref127[0];
+    return borderBaseNeutral;
+  }, ['colors.borderBaseNeutral']),
+  borderStrongSuccess: computed(function (_ref128) {
+    var _ref129 = _slicedToArray(_ref128, 1),
+      borderBaseSuccess = _ref129[0];
     return borderBaseSuccess;
   }, ['colors.borderBaseSuccess']),
-  borderStrongWarning: computed(function (_ref128) {
-    var _ref129 = _slicedToArray(_ref128, 1),
-      borderBaseWarning = _ref129[0];
+  borderStrongWarning: computed(function (_ref130) {
+    var _ref131 = _slicedToArray(_ref130, 1),
+      borderBaseWarning = _ref131[0];
     return borderBaseWarning;
   }, ['colors.borderBaseWarning']),
-  borderStrongDanger: computed(function (_ref130) {
-    var _ref131 = _slicedToArray(_ref130, 1),
-      borderBaseDanger = _ref131[0];
+  borderStrongRisk: computed(function (_ref132) {
+    var _ref133 = _slicedToArray(_ref132, 1),
+      borderBaseRisk = _ref133[0];
+    return borderBaseRisk;
+  }, ['colors.borderBaseRisk']),
+  borderStrongDanger: computed(function (_ref134) {
+    var _ref135 = _slicedToArray(_ref134, 1),
+      borderBaseDanger = _ref135[0];
     return borderBaseDanger;
   }, ['colors.borderBaseDanger'])
 };
@@ -412,259 +435,277 @@ export var dark_shades = {
   fullShade: '#FFFFFF'
 };
 export var dark_background_colors = {
-  backgroundBasePrimary: computed(function (_ref132) {
-    var _ref133 = _slicedToArray(_ref132, 1),
-      primary = _ref133[0];
+  backgroundBasePrimary: computed(function (_ref136) {
+    var _ref137 = _slicedToArray(_ref136, 1),
+      primary = _ref137[0];
     return shade(primary, 0.8);
   }, ['colors.primary']),
-  backgroundBaseAccent: computed(function (_ref134) {
-    var _ref135 = _slicedToArray(_ref134, 1),
-      accent = _ref135[0];
+  backgroundBaseAccent: computed(function (_ref138) {
+    var _ref139 = _slicedToArray(_ref138, 1),
+      accent = _ref139[0];
     return shade(accent, 0.8);
   }, ['colors.accent']),
-  backgroundBaseAccentSecondary: computed(function (_ref136) {
-    var _ref137 = _slicedToArray(_ref136, 1),
-      success = _ref137[0];
+  backgroundBaseAccentSecondary: computed(function (_ref140) {
+    var _ref141 = _slicedToArray(_ref140, 1),
+      success = _ref141[0];
     return shade(success, 0.8);
   }, ['colors.success']),
-  backgroundBaseSuccess: computed(function (_ref138) {
-    var _ref139 = _slicedToArray(_ref138, 1),
-      success = _ref139[0];
+  backgroundBaseNeutral: shade(severityColors.neutral, 0.8),
+  backgroundBaseSuccess: computed(function (_ref142) {
+    var _ref143 = _slicedToArray(_ref142, 1),
+      success = _ref143[0];
     return shade(success, 0.8);
   }, ['colors.success']),
-  backgroundBaseWarning: computed(function (_ref140) {
-    var _ref141 = _slicedToArray(_ref140, 1),
-      warning = _ref141[0];
+  backgroundBaseWarning: computed(function (_ref144) {
+    var _ref145 = _slicedToArray(_ref144, 1),
+      warning = _ref145[0];
     return shade(warning, 0.8);
   }, ['colors.warning']),
-  backgroundBaseDanger: computed(function (_ref142) {
-    var _ref143 = _slicedToArray(_ref142, 1),
-      danger = _ref143[0];
+  backgroundBaseRisk: shade(severityColors.risk, 0.8),
+  backgroundBaseDanger: computed(function (_ref146) {
+    var _ref147 = _slicedToArray(_ref146, 1),
+      danger = _ref147[0];
     return shade(danger, 0.8);
   }, ['colors.danger']),
-  backgroundBaseSubdued: computed(function (_ref144) {
-    var _ref145 = _slicedToArray(_ref144, 1),
-      body = _ref145[0];
+  backgroundBaseSubdued: computed(function (_ref148) {
+    var _ref149 = _slicedToArray(_ref148, 1),
+      body = _ref149[0];
     return body;
   }, ['colors.body']),
-  backgroundBaseDisabled: computed(function (_ref146) {
-    var _ref147 = _slicedToArray(_ref146, 1),
-      disabled = _ref147[0];
+  backgroundBaseDisabled: computed(function (_ref150) {
+    var _ref151 = _slicedToArray(_ref150, 1),
+      disabled = _ref151[0];
     return disabled;
   }, ['colors.disabled']),
-  backgroundBaseHighlighted: computed(function (_ref148) {
-    var _ref149 = _slicedToArray(_ref148, 1),
-      backgroundBaseSubdued = _ref149[0];
+  backgroundBaseHighlighted: computed(function (_ref152) {
+    var _ref153 = _slicedToArray(_ref152, 1),
+      backgroundBaseSubdued = _ref153[0];
     return backgroundBaseSubdued;
   }, ['colors.backgroundBaseSubdued']),
-  backgroundBasePlain: computed(function (_ref150) {
-    var _ref151 = _slicedToArray(_ref150, 1),
-      emptyShade = _ref151[0];
+  backgroundBasePlain: computed(function (_ref154) {
+    var _ref155 = _slicedToArray(_ref154, 1),
+      emptyShade = _ref155[0];
     return emptyShade;
   }, ['colors.emptyShade']),
-  backgroundBaseFormsPrepend: computed(function (_ref152) {
-    var _ref153 = _slicedToArray(_ref152, 1),
-      lightShade = _ref153[0];
+  backgroundBaseFormsPrepend: computed(function (_ref156) {
+    var _ref157 = _slicedToArray(_ref156, 1),
+      lightShade = _ref157[0];
     return shade(lightShade, 0.15);
   }, ['colors.lightShade']),
-  backgroundBaseFormsControlDisabled: computed(function (_ref154) {
-    var _ref155 = _slicedToArray(_ref154, 1),
-      mediumShade = _ref155[0];
+  backgroundBaseFormsControlDisabled: computed(function (_ref158) {
+    var _ref159 = _slicedToArray(_ref158, 1),
+      mediumShade = _ref159[0];
     return mediumShade;
   }, ['colors.mediumShade']),
-  backgroundBaseInteractiveHover: computed(function (_ref156) {
-    var _ref157 = _slicedToArray(_ref156, 1),
-      lightShade = _ref157[0];
+  backgroundBaseInteractiveHover: computed(function (_ref160) {
+    var _ref161 = _slicedToArray(_ref160, 1),
+      lightShade = _ref161[0];
     return transparentize(lightShade, 0.2);
   }, ['colors.lightShade']),
-  backgroundBaseInteractiveSelect: computed(function (_ref158) {
-    var _ref159 = _slicedToArray(_ref158, 1),
-      primary = _ref159[0];
+  backgroundBaseInteractiveSelect: computed(function (_ref162) {
+    var _ref163 = _slicedToArray(_ref162, 1),
+      primary = _ref163[0];
     return shade(primary, 0.7);
   }, ['colors.primary']),
-  backgroundBaseInteractiveOverlay: computed(function (_ref160) {
-    var _ref161 = _slicedToArray(_ref160, 1),
-      ink = _ref161[0];
+  backgroundBaseInteractiveOverlay: computed(function (_ref164) {
+    var _ref165 = _slicedToArray(_ref164, 1),
+      ink = _ref165[0];
     return transparentize(ink, 0.5);
   }, ['colors.ink']),
-  backgroundBaseSkeletonEdge: computed(function (_ref162) {
-    var _ref163 = _slicedToArray(_ref162, 1),
-      lightShade = _ref163[0];
+  backgroundBaseSkeletonEdge: computed(function (_ref166) {
+    var _ref167 = _slicedToArray(_ref166, 1),
+      lightShade = _ref167[0];
     return shade(lightShade, 0.12);
   }, ['colors.lightShade']),
-  backgroundBaseSkeletonMiddle: computed(function (_ref164) {
-    var _ref165 = _slicedToArray(_ref164, 1),
-      lightShade = _ref165[0];
+  backgroundBaseSkeletonMiddle: computed(function (_ref168) {
+    var _ref169 = _slicedToArray(_ref168, 1),
+      lightShade = _ref169[0];
     return shade(lightShade, 0.24);
   }, ['colors.lightShade']),
-  backgroundLightPrimary: computed(function (_ref166) {
-    var _ref167 = _slicedToArray(_ref166, 1),
-      primary = _ref167[0];
+  backgroundLightPrimary: computed(function (_ref170) {
+    var _ref171 = _slicedToArray(_ref170, 1),
+      primary = _ref171[0];
     return shade(primary, 0.7);
   }, ['colors.primary']),
-  backgroundLightAccent: computed(function (_ref168) {
-    var _ref169 = _slicedToArray(_ref168, 1),
-      accent = _ref169[0];
+  backgroundLightAccent: computed(function (_ref172) {
+    var _ref173 = _slicedToArray(_ref172, 1),
+      accent = _ref173[0];
     return shade(accent, 0.7);
   }, ['colors.accent']),
-  backgroundLightAccentSecondary: computed(function (_ref170) {
-    var _ref171 = _slicedToArray(_ref170, 1),
-      success = _ref171[0];
+  backgroundLightAccentSecondary: computed(function (_ref174) {
+    var _ref175 = _slicedToArray(_ref174, 1),
+      success = _ref175[0];
     return shade(success, 0.7);
   }, ['colors.success']),
-  backgroundLightSuccess: computed(function (_ref172) {
-    var _ref173 = _slicedToArray(_ref172, 1),
-      success = _ref173[0];
+  backgroundLightNeutral: shade(severityColors.neutral, 0.7),
+  backgroundLightSuccess: computed(function (_ref176) {
+    var _ref177 = _slicedToArray(_ref176, 1),
+      success = _ref177[0];
     return shade(success, 0.7);
   }, ['colors.success']),
-  backgroundLightWarning: computed(function (_ref174) {
-    var _ref175 = _slicedToArray(_ref174, 1),
-      warning = _ref175[0];
+  backgroundLightWarning: computed(function (_ref178) {
+    var _ref179 = _slicedToArray(_ref178, 1),
+      warning = _ref179[0];
     return shade(warning, 0.7);
   }, ['colors.warning']),
-  backgroundLightDanger: computed(function (_ref176) {
-    var _ref177 = _slicedToArray(_ref176, 1),
-      danger = _ref177[0];
+  backgroundLightRisk: shade(severityColors.risk, 0.7),
+  backgroundLightDanger: computed(function (_ref180) {
+    var _ref181 = _slicedToArray(_ref180, 1),
+      danger = _ref181[0];
     return shade(danger, 0.7);
   }, ['colors.danger']),
-  backgroundLightText: computed(function (_ref178) {
-    var _ref179 = _slicedToArray(_ref178, 1),
-      lightShade = _ref179[0];
+  backgroundLightText: computed(function (_ref182) {
+    var _ref183 = _slicedToArray(_ref182, 1),
+      lightShade = _ref183[0];
     return shade(lightShade, 0.2);
   }, ['colors.lightShade']),
-  backgroundFilledPrimary: computed(function (_ref180) {
-    var _ref181 = _slicedToArray(_ref180, 1),
-      primary = _ref181[0];
+  backgroundFilledPrimary: computed(function (_ref184) {
+    var _ref185 = _slicedToArray(_ref184, 1),
+      primary = _ref185[0];
     return primary;
   }, ['colors.primary']),
-  backgroundFilledAccent: computed(function (_ref182) {
-    var _ref183 = _slicedToArray(_ref182, 1),
-      accent = _ref183[0];
+  backgroundFilledAccent: computed(function (_ref186) {
+    var _ref187 = _slicedToArray(_ref186, 1),
+      accent = _ref187[0];
     return accent;
   }, ['colors.accent']),
-  backgroundFilledAccentSecondary: computed(function (_ref184) {
-    var _ref185 = _slicedToArray(_ref184, 1),
-      success = _ref185[0];
+  backgroundFilledAccentSecondary: computed(function (_ref188) {
+    var _ref189 = _slicedToArray(_ref188, 1),
+      success = _ref189[0];
     return success;
   }, ['colors.success']),
-  backgroundFilledSuccess: computed(function (_ref186) {
-    var _ref187 = _slicedToArray(_ref186, 1),
-      success = _ref187[0];
+  backgroundFilledNeutral: severityColors.neutral,
+  backgroundFilledSuccess: computed(function (_ref190) {
+    var _ref191 = _slicedToArray(_ref190, 1),
+      success = _ref191[0];
     return success;
   }, ['colors.success']),
-  backgroundFilledWarning: computed(function (_ref188) {
-    var _ref189 = _slicedToArray(_ref188, 1),
-      warning = _ref189[0];
+  backgroundFilledWarning: computed(function (_ref192) {
+    var _ref193 = _slicedToArray(_ref192, 1),
+      warning = _ref193[0];
     return warning;
   }, ['colors.warning']),
-  backgroundFilledDanger: computed(function (_ref190) {
-    var _ref191 = _slicedToArray(_ref190, 1),
-      danger = _ref191[0];
+  backgroundFilledRisk: severityColors.risk,
+  backgroundFilledDanger: computed(function (_ref194) {
+    var _ref195 = _slicedToArray(_ref194, 1),
+      danger = _ref195[0];
     return danger;
   }, ['colors.danger']),
-  backgroundFilledText: computed(function (_ref192) {
-    var _ref193 = _slicedToArray(_ref192, 1),
-      text = _ref193[0];
+  backgroundFilledText: computed(function (_ref196) {
+    var _ref197 = _slicedToArray(_ref196, 1),
+      text = _ref197[0];
     return text;
   }, ['colors.text'])
 };
 export var dark_transparent_background_colors = _objectSpread(_objectSpread({}, transparent_background_colors), {}, {
-  backgroundTransparentSubdued: computed(function (_ref194) {
-    var _ref195 = _slicedToArray(_ref194, 1),
-      lightShade = _ref195[0];
+  backgroundTransparentSubdued: computed(function (_ref198) {
+    var _ref199 = _slicedToArray(_ref198, 1),
+      lightShade = _ref199[0];
     return transparentize(lightShade, 0.4);
   }, ['colors.lightShade']),
-  backgroundTransparentHighlighted: computed(function (_ref196) {
-    var _ref197 = _slicedToArray(_ref196, 1),
-      backgroundTransparentSubdued = _ref197[0];
+  backgroundTransparentHighlighted: computed(function (_ref200) {
+    var _ref201 = _slicedToArray(_ref200, 1),
+      backgroundTransparentSubdued = _ref201[0];
     return backgroundTransparentSubdued;
   }, ['colors.backgroundTransparentSubdued'])
 });
 export var dark_border_colors = {
-  borderBasePrimary: computed(function (_ref198) {
-    var _ref199 = _slicedToArray(_ref198, 1),
-      primary = _ref199[0];
+  borderBasePrimary: computed(function (_ref202) {
+    var _ref203 = _slicedToArray(_ref202, 1),
+      primary = _ref203[0];
     return shade(primary, 0.6);
   }, ['colors.primary']),
-  borderBaseAccent: computed(function (_ref200) {
-    var _ref201 = _slicedToArray(_ref200, 1),
-      accent = _ref201[0];
+  borderBaseAccent: computed(function (_ref204) {
+    var _ref205 = _slicedToArray(_ref204, 1),
+      accent = _ref205[0];
     return shade(accent, 0.6);
   }, ['colors.accent']),
-  borderBaseAccentSecondary: computed(function (_ref202) {
-    var _ref203 = _slicedToArray(_ref202, 1),
-      success = _ref203[0];
+  borderBaseAccentSecondary: computed(function (_ref206) {
+    var _ref207 = _slicedToArray(_ref206, 1),
+      success = _ref207[0];
     return shade(success, 0.6);
   }, ['colors.success']),
-  borderBaseSuccess: computed(function (_ref204) {
-    var _ref205 = _slicedToArray(_ref204, 1),
-      success = _ref205[0];
+  borderBaseNeutral: shade(severityColors.neutral, 0.6),
+  borderBaseSuccess: computed(function (_ref208) {
+    var _ref209 = _slicedToArray(_ref208, 1),
+      success = _ref209[0];
     return shade(success, 0.6);
   }, ['colors.success']),
-  borderBaseWarning: computed(function (_ref206) {
-    var _ref207 = _slicedToArray(_ref206, 1),
-      warning = _ref207[0];
+  borderBaseWarning: computed(function (_ref210) {
+    var _ref211 = _slicedToArray(_ref210, 1),
+      warning = _ref211[0];
     return shade(warning, 0.4);
   }, ['colors.warning']),
-  borderBaseDanger: computed(function (_ref208) {
-    var _ref209 = _slicedToArray(_ref208, 1),
-      danger = _ref209[0];
+  borderBaseRisk: shade(severityColors.risk, 0.4),
+  borderBaseDanger: computed(function (_ref212) {
+    var _ref213 = _slicedToArray(_ref212, 1),
+      danger = _ref213[0];
     return shade(danger, 0.6);
   }, ['colors.danger']),
-  borderBaseSubdued: computed(function (_ref210) {
-    var _ref211 = _slicedToArray(_ref210, 1),
-      lightShade = _ref211[0];
+  borderBaseSubdued: computed(function (_ref214) {
+    var _ref215 = _slicedToArray(_ref214, 1),
+      lightShade = _ref215[0];
     return lightShade;
   }, ['colors.lightShade']),
-  borderBaseDisabled: computed(function (_ref212) {
-    var _ref213 = _slicedToArray(_ref212, 1),
-      ghost = _ref213[0];
+  borderBaseDisabled: computed(function (_ref216) {
+    var _ref217 = _slicedToArray(_ref216, 1),
+      ghost = _ref217[0];
     return transparentize(ghost, 0.1);
   }, ['colors.ghost']),
-  borderBasePlain: computed(function (_ref214) {
-    var _ref215 = _slicedToArray(_ref214, 1),
-      lightShade = _ref215[0];
+  borderBasePlain: computed(function (_ref218) {
+    var _ref219 = _slicedToArray(_ref218, 1),
+      lightShade = _ref219[0];
     return lightShade;
   }, ['colors.lightShade']),
   borderBaseFloating: 'transparent',
-  borderBaseFormsColorSwatch: computed(function (_ref216) {
-    var _ref217 = _slicedToArray(_ref216, 1),
-      fullShade = _ref217[0];
+  borderBaseFormsColorSwatch: computed(function (_ref220) {
+    var _ref221 = _slicedToArray(_ref220, 1),
+      fullShade = _ref221[0];
     return transparentize(fullShade, 0.1);
   }, ['colors.fullShade']),
-  borderBaseFormsControl: computed(function (_ref218) {
-    var _ref219 = _slicedToArray(_ref218, 1),
-      lightestShade = _ref219[0];
+  borderBaseFormsControl: computed(function (_ref222) {
+    var _ref223 = _slicedToArray(_ref222, 1),
+      lightestShade = _ref223[0];
     return tint(lightestShade, 0.31);
   }, ['colors.lightestShade']),
-  borderStrongPrimary: computed(function (_ref220) {
-    var _ref221 = _slicedToArray(_ref220, 1),
-      borderBasePrimary = _ref221[0];
+  borderStrongPrimary: computed(function (_ref224) {
+    var _ref225 = _slicedToArray(_ref224, 1),
+      borderBasePrimary = _ref225[0];
     return borderBasePrimary;
   }, ['colors.borderBasePrimary']),
-  borderStrongAccent: computed(function (_ref222) {
-    var _ref223 = _slicedToArray(_ref222, 1),
-      borderBaseAccent = _ref223[0];
+  borderStrongAccent: computed(function (_ref226) {
+    var _ref227 = _slicedToArray(_ref226, 1),
+      borderBaseAccent = _ref227[0];
     return borderBaseAccent;
   }, ['colors.borderBaseAccent']),
-  borderStrongAccentSecondary: computed(function (_ref224) {
-    var _ref225 = _slicedToArray(_ref224, 1),
-      borderBaseAccentSecondary = _ref225[0];
+  borderStrongAccentSecondary: computed(function (_ref228) {
+    var _ref229 = _slicedToArray(_ref228, 1),
+      borderBaseAccentSecondary = _ref229[0];
     return borderBaseAccentSecondary;
   }, ['colors.borderBaseAccentSecondary']),
-  borderStrongSuccess: computed(function (_ref226) {
-    var _ref227 = _slicedToArray(_ref226, 1),
-      borderBaseSuccess = _ref227[0];
+  borderStrongNeutral: computed(function (_ref230) {
+    var _ref231 = _slicedToArray(_ref230, 1),
+      borderBaseNeutral = _ref231[0];
+    return borderBaseNeutral;
+  }, ['colors.borderBaseNeutral']),
+  borderStrongSuccess: computed(function (_ref232) {
+    var _ref233 = _slicedToArray(_ref232, 1),
+      borderBaseSuccess = _ref233[0];
     return borderBaseSuccess;
   }, ['colors.borderBaseSuccess']),
-  borderStrongWarning: computed(function (_ref228) {
-    var _ref229 = _slicedToArray(_ref228, 1),
-      borderBaseWarning = _ref229[0];
+  borderStrongWarning: computed(function (_ref234) {
+    var _ref235 = _slicedToArray(_ref234, 1),
+      borderBaseWarning = _ref235[0];
     return borderBaseWarning;
   }, ['colors.borderBaseWarning']),
-  borderStrongDanger: computed(function (_ref230) {
-    var _ref231 = _slicedToArray(_ref230, 1),
-      borderBaseDanger = _ref231[0];
+  borderStrongRisk: computed(function (_ref236) {
+    var _ref237 = _slicedToArray(_ref236, 1),
+      borderBaseRisk = _ref237[0];
+    return borderBaseRisk;
+  }, ['colors.borderBaseRisk']),
+  borderStrongDanger: computed(function (_ref238) {
+    var _ref239 = _slicedToArray(_ref238, 1),
+      borderBaseDanger = _ref239[0];
     return borderBaseDanger;
   }, ['colors.borderBaseDanger'])
 };
@@ -678,43 +719,43 @@ export var dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSp
   danger: '#F86B63'
 }, dark_shades), {}, {
   // Special
-  body: computed(function (_ref232) {
-    var _ref233 = _slicedToArray(_ref232, 1),
-      lightestShade = _ref233[0];
+  body: computed(function (_ref240) {
+    var _ref241 = _slicedToArray(_ref240, 1),
+      lightestShade = _ref241[0];
     return shade(lightestShade, 0.45);
   }, ['colors.lightestShade']),
   highlight: '#2E2D25',
   disabled: '#515761',
   disabledText: computed(makeDisabledContrastColor('colors.disabled')),
-  shadow: computed(function (_ref234) {
-    var colors = _ref234.colors;
+  shadow: computed(function (_ref242) {
+    var colors = _ref242.colors;
     return colors.ink;
   })
 }, brand_text_colors), {}, {
   // Text
   text: '#DFE5EF',
-  title: computed(function (_ref235) {
-    var _ref236 = _slicedToArray(_ref235, 1),
-      text = _ref236[0];
+  title: computed(function (_ref243) {
+    var _ref244 = _slicedToArray(_ref243, 1),
+      text = _ref244[0];
     return text;
   }, ['colors.text']),
   subduedText: computed(makeHighContrastColor('colors.mediumShade')),
-  link: computed(function (_ref237) {
-    var _ref238 = _slicedToArray(_ref237, 1),
-      primaryText = _ref238[0];
+  link: computed(function (_ref245) {
+    var _ref246 = _slicedToArray(_ref245, 1),
+      primaryText = _ref246[0];
     return primaryText;
   }, ['colors.primaryText']),
   textParagraph: '#DFE5EF',
-  textHeading: computed(function (_ref239) {
-    var _ref240 = _slicedToArray(_ref239, 1),
-      text = _ref240[0];
+  textHeading: computed(function (_ref247) {
+    var _ref248 = _slicedToArray(_ref247, 1),
+      text = _ref248[0];
     return text;
   }, ['colors.text']),
   textSubdued: computed(makeHighContrastColor('colors.mediumShade')),
   textDisabled: computed(makeDisabledContrastColor('colors.disabled')),
-  textInverse: computed(function (_ref241) {
-    var _ref242 = _slicedToArray(_ref241, 1),
-      ink = _ref242[0];
+  textInverse: computed(function (_ref249) {
+    var _ref250 = _slicedToArray(_ref249, 1),
+      ink = _ref250[0];
     return ink;
   }, ['colors.ink'])
 }, dark_background_colors), dark_transparent_background_colors), dark_border_colors);
@@ -730,5 +771,6 @@ export var colors = {
   plainDark: '#000000',
   LIGHT: light_colors,
   DARK: dark_colors_ams,
-  vis: colorVis
+  vis: colorVis,
+  severity: severityColors
 };

package/optimize/es/themes/amsterdam/global_styling/variables/_colors_severity.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+/**
+ * These are not actually used, but we map them to ensure token parity.
+ * They are mapped to other vis colors
+ */
+export var severityColors = {
+  unknown: '#D3DAE6',
+  neutral: '#BECFE3',
+  success: '#54B399',
+  warning: '#D6BF57',
+  risk: '#DA8B45',
+  danger: '#E7664C'
+};