@elastic/eui 103.0.0 → 103.1.0

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

@@ -384,44 +384,36 @@ var border_colors = exports.border_colors = {
   }, ['colors.lightestShade']),
   borderStrongPrimary: (0, _utils.computed)(function (_ref120) {
     var _ref121 = (0, _slicedToArray2.default)(_ref120, 1),
-      borderBasePrimary = _ref121[0];
-    return borderBasePrimary;
-  }, ['colors.borderBasePrimary']),
+      primary = _ref121[0];
+    return primary;
+  }, ['colors.primary']),
   borderStrongAccent: (0, _utils.computed)(function (_ref122) {
     var _ref123 = (0, _slicedToArray2.default)(_ref122, 1),
-      borderBaseAccent = _ref123[0];
-    return borderBaseAccent;
-  }, ['colors.borderBaseAccent']),
+      accent = _ref123[0];
+    return accent;
+  }, ['colors.accent']),
   borderStrongAccentSecondary: (0, _utils.computed)(function (_ref124) {
     var _ref125 = (0, _slicedToArray2.default)(_ref124, 1),
-      borderBaseAccentSecondary = _ref125[0];
-    return borderBaseAccentSecondary;
-  }, ['colors.borderBaseAccentSecondary']),
-  borderStrongNeutral: (0, _utils.computed)(function (_ref126) {
+      accentSecondary = _ref125[0];
+    return accentSecondary;
+  }, ['colors.accentSecondary']),
+  borderStrongNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.2).toUpperCase(),
+  borderStrongSuccess: (0, _utils.computed)(function (_ref126) {
     var _ref127 = (0, _slicedToArray2.default)(_ref126, 1),
-      borderBaseNeutral = _ref127[0];
-    return borderBaseNeutral;
-  }, ['colors.borderBaseNeutral']),
-  borderStrongSuccess: (0, _utils.computed)(function (_ref128) {
+      success = _ref127[0];
+    return success;
+  }, ['colors.success']),
+  borderStrongWarning: (0, _utils.computed)(function (_ref128) {
     var _ref129 = (0, _slicedToArray2.default)(_ref128, 1),
-      borderBaseSuccess = _ref129[0];
-    return borderBaseSuccess;
-  }, ['colors.borderBaseSuccess']),
-  borderStrongWarning: (0, _utils.computed)(function (_ref130) {
+      warning = _ref129[0];
+    return warning;
+  }, ['colors.warning']),
+  borderStrongRisk: _colors_severity.severityColors.risk,
+  borderStrongDanger: (0, _utils.computed)(function (_ref130) {
     var _ref131 = (0, _slicedToArray2.default)(_ref130, 1),
-      borderBaseWarning = _ref131[0];
-    return borderBaseWarning;
-  }, ['colors.borderBaseWarning']),
-  borderStrongRisk: (0, _utils.computed)(function (_ref132) {
-    var _ref133 = (0, _slicedToArray2.default)(_ref132, 1),
-      borderBaseRisk = _ref133[0];
-    return borderBaseRisk;
-  }, ['colors.borderBaseRisk']),
-  borderStrongDanger: (0, _utils.computed)(function (_ref134) {
-    var _ref135 = (0, _slicedToArray2.default)(_ref134, 1),
-      borderBaseDanger = _ref135[0];
-    return borderBaseDanger;
-  }, ['colors.borderBaseDanger'])
+      danger = _ref131[0];
+    return danger;
+  }, ['colors.danger'])
 };
 var light_colors = exports.light_colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brand_colors), shade_colors), special_colors), brand_text_colors), text_colors), background_colors), transparent_background_colors), border_colors);
 
@@ -439,279 +431,271 @@ var dark_shades = exports.dark_shades = {
   fullShade: '#FFFFFF'
 };
 var dark_background_colors = exports.dark_background_colors = {
-  backgroundBasePrimary: (0, _utils.computed)(function (_ref136) {
-    var _ref137 = (0, _slicedToArray2.default)(_ref136, 1),
-      primary = _ref137[0];
+  backgroundBasePrimary: (0, _utils.computed)(function (_ref132) {
+    var _ref133 = (0, _slicedToArray2.default)(_ref132, 1),
+      primary = _ref133[0];
     return (0, _manipulation.shade)(primary, 0.8);
   }, ['colors.primary']),
-  backgroundBaseAccent: (0, _utils.computed)(function (_ref138) {
-    var _ref139 = (0, _slicedToArray2.default)(_ref138, 1),
-      accent = _ref139[0];
+  backgroundBaseAccent: (0, _utils.computed)(function (_ref134) {
+    var _ref135 = (0, _slicedToArray2.default)(_ref134, 1),
+      accent = _ref135[0];
     return (0, _manipulation.shade)(accent, 0.8);
   }, ['colors.accent']),
-  backgroundBaseAccentSecondary: (0, _utils.computed)(function (_ref140) {
-    var _ref141 = (0, _slicedToArray2.default)(_ref140, 1),
-      success = _ref141[0];
+  backgroundBaseAccentSecondary: (0, _utils.computed)(function (_ref136) {
+    var _ref137 = (0, _slicedToArray2.default)(_ref136, 1),
+      success = _ref137[0];
     return (0, _manipulation.shade)(success, 0.8);
   }, ['colors.success']),
   backgroundBaseNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.8),
-  backgroundBaseSuccess: (0, _utils.computed)(function (_ref142) {
-    var _ref143 = (0, _slicedToArray2.default)(_ref142, 1),
-      success = _ref143[0];
+  backgroundBaseSuccess: (0, _utils.computed)(function (_ref138) {
+    var _ref139 = (0, _slicedToArray2.default)(_ref138, 1),
+      success = _ref139[0];
     return (0, _manipulation.shade)(success, 0.8);
   }, ['colors.success']),
-  backgroundBaseWarning: (0, _utils.computed)(function (_ref144) {
-    var _ref145 = (0, _slicedToArray2.default)(_ref144, 1),
-      warning = _ref145[0];
+  backgroundBaseWarning: (0, _utils.computed)(function (_ref140) {
+    var _ref141 = (0, _slicedToArray2.default)(_ref140, 1),
+      warning = _ref141[0];
     return (0, _manipulation.shade)(warning, 0.8);
   }, ['colors.warning']),
   backgroundBaseRisk: (0, _manipulation.shade)(_colors_severity.severityColors.risk, 0.8),
-  backgroundBaseDanger: (0, _utils.computed)(function (_ref146) {
-    var _ref147 = (0, _slicedToArray2.default)(_ref146, 1),
-      danger = _ref147[0];
+  backgroundBaseDanger: (0, _utils.computed)(function (_ref142) {
+    var _ref143 = (0, _slicedToArray2.default)(_ref142, 1),
+      danger = _ref143[0];
     return (0, _manipulation.shade)(danger, 0.8);
   }, ['colors.danger']),
-  backgroundBaseSubdued: (0, _utils.computed)(function (_ref148) {
-    var _ref149 = (0, _slicedToArray2.default)(_ref148, 1),
-      body = _ref149[0];
+  backgroundBaseSubdued: (0, _utils.computed)(function (_ref144) {
+    var _ref145 = (0, _slicedToArray2.default)(_ref144, 1),
+      body = _ref145[0];
     return body;
   }, ['colors.body']),
-  backgroundBaseDisabled: (0, _utils.computed)(function (_ref150) {
-    var _ref151 = (0, _slicedToArray2.default)(_ref150, 1),
-      disabled = _ref151[0];
+  backgroundBaseDisabled: (0, _utils.computed)(function (_ref146) {
+    var _ref147 = (0, _slicedToArray2.default)(_ref146, 1),
+      disabled = _ref147[0];
     return disabled;
   }, ['colors.disabled']),
-  backgroundBaseHighlighted: (0, _utils.computed)(function (_ref152) {
-    var _ref153 = (0, _slicedToArray2.default)(_ref152, 1),
-      backgroundBaseSubdued = _ref153[0];
+  backgroundBaseHighlighted: (0, _utils.computed)(function (_ref148) {
+    var _ref149 = (0, _slicedToArray2.default)(_ref148, 1),
+      backgroundBaseSubdued = _ref149[0];
     return backgroundBaseSubdued;
   }, ['colors.backgroundBaseSubdued']),
-  backgroundBasePlain: (0, _utils.computed)(function (_ref154) {
-    var _ref155 = (0, _slicedToArray2.default)(_ref154, 1),
-      emptyShade = _ref155[0];
+  backgroundBasePlain: (0, _utils.computed)(function (_ref150) {
+    var _ref151 = (0, _slicedToArray2.default)(_ref150, 1),
+      emptyShade = _ref151[0];
     return emptyShade;
   }, ['colors.emptyShade']),
-  backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref156) {
-    var _ref157 = (0, _slicedToArray2.default)(_ref156, 1),
-      lightShade = _ref157[0];
+  backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref152) {
+    var _ref153 = (0, _slicedToArray2.default)(_ref152, 1),
+      lightShade = _ref153[0];
     return (0, _manipulation.shade)(lightShade, 0.15);
   }, ['colors.lightShade']),
-  backgroundBaseFormsControlDisabled: (0, _utils.computed)(function (_ref158) {
-    var _ref159 = (0, _slicedToArray2.default)(_ref158, 1),
-      mediumShade = _ref159[0];
+  backgroundBaseFormsControlDisabled: (0, _utils.computed)(function (_ref154) {
+    var _ref155 = (0, _slicedToArray2.default)(_ref154, 1),
+      mediumShade = _ref155[0];
     return mediumShade;
   }, ['colors.mediumShade']),
-  backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref160) {
-    var _ref161 = (0, _slicedToArray2.default)(_ref160, 1),
-      lightShade = _ref161[0];
+  backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref156) {
+    var _ref157 = (0, _slicedToArray2.default)(_ref156, 1),
+      lightShade = _ref157[0];
     return (0, _manipulation.transparentize)(lightShade, 0.2);
   }, ['colors.lightShade']),
-  backgroundBaseInteractiveSelect: (0, _utils.computed)(function (_ref162) {
-    var _ref163 = (0, _slicedToArray2.default)(_ref162, 1),
-      primary = _ref163[0];
+  backgroundBaseInteractiveSelect: (0, _utils.computed)(function (_ref158) {
+    var _ref159 = (0, _slicedToArray2.default)(_ref158, 1),
+      primary = _ref159[0];
     return (0, _manipulation.shade)(primary, 0.7);
   }, ['colors.primary']),
-  backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref164) {
-    var _ref165 = (0, _slicedToArray2.default)(_ref164, 1),
-      ink = _ref165[0];
+  backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref160) {
+    var _ref161 = (0, _slicedToArray2.default)(_ref160, 1),
+      ink = _ref161[0];
     return (0, _manipulation.transparentize)(ink, 0.5);
   }, ['colors.ink']),
-  backgroundBaseSkeletonEdge: (0, _utils.computed)(function (_ref166) {
-    var _ref167 = (0, _slicedToArray2.default)(_ref166, 1),
-      lightShade = _ref167[0];
+  backgroundBaseSkeletonEdge: (0, _utils.computed)(function (_ref162) {
+    var _ref163 = (0, _slicedToArray2.default)(_ref162, 1),
+      lightShade = _ref163[0];
     return (0, _manipulation.shade)(lightShade, 0.12);
   }, ['colors.lightShade']),
-  backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref168) {
-    var _ref169 = (0, _slicedToArray2.default)(_ref168, 1),
-      lightShade = _ref169[0];
+  backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref164) {
+    var _ref165 = (0, _slicedToArray2.default)(_ref164, 1),
+      lightShade = _ref165[0];
     return (0, _manipulation.shade)(lightShade, 0.24);
   }, ['colors.lightShade']),
-  backgroundLightPrimary: (0, _utils.computed)(function (_ref170) {
-    var _ref171 = (0, _slicedToArray2.default)(_ref170, 1),
-      primary = _ref171[0];
+  backgroundLightPrimary: (0, _utils.computed)(function (_ref166) {
+    var _ref167 = (0, _slicedToArray2.default)(_ref166, 1),
+      primary = _ref167[0];
     return (0, _manipulation.shade)(primary, 0.7);
   }, ['colors.primary']),
-  backgroundLightAccent: (0, _utils.computed)(function (_ref172) {
-    var _ref173 = (0, _slicedToArray2.default)(_ref172, 1),
-      accent = _ref173[0];
+  backgroundLightAccent: (0, _utils.computed)(function (_ref168) {
+    var _ref169 = (0, _slicedToArray2.default)(_ref168, 1),
+      accent = _ref169[0];
     return (0, _manipulation.shade)(accent, 0.7);
   }, ['colors.accent']),
-  backgroundLightAccentSecondary: (0, _utils.computed)(function (_ref174) {
-    var _ref175 = (0, _slicedToArray2.default)(_ref174, 1),
-      success = _ref175[0];
+  backgroundLightAccentSecondary: (0, _utils.computed)(function (_ref170) {
+    var _ref171 = (0, _slicedToArray2.default)(_ref170, 1),
+      success = _ref171[0];
     return (0, _manipulation.shade)(success, 0.7);
   }, ['colors.success']),
   backgroundLightNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.7),
-  backgroundLightSuccess: (0, _utils.computed)(function (_ref176) {
-    var _ref177 = (0, _slicedToArray2.default)(_ref176, 1),
-      success = _ref177[0];
+  backgroundLightSuccess: (0, _utils.computed)(function (_ref172) {
+    var _ref173 = (0, _slicedToArray2.default)(_ref172, 1),
+      success = _ref173[0];
     return (0, _manipulation.shade)(success, 0.7);
   }, ['colors.success']),
-  backgroundLightWarning: (0, _utils.computed)(function (_ref178) {
-    var _ref179 = (0, _slicedToArray2.default)(_ref178, 1),
-      warning = _ref179[0];
+  backgroundLightWarning: (0, _utils.computed)(function (_ref174) {
+    var _ref175 = (0, _slicedToArray2.default)(_ref174, 1),
+      warning = _ref175[0];
     return (0, _manipulation.shade)(warning, 0.7);
   }, ['colors.warning']),
   backgroundLightRisk: (0, _manipulation.shade)(_colors_severity.severityColors.risk, 0.7),
-  backgroundLightDanger: (0, _utils.computed)(function (_ref180) {
-    var _ref181 = (0, _slicedToArray2.default)(_ref180, 1),
-      danger = _ref181[0];
+  backgroundLightDanger: (0, _utils.computed)(function (_ref176) {
+    var _ref177 = (0, _slicedToArray2.default)(_ref176, 1),
+      danger = _ref177[0];
     return (0, _manipulation.shade)(danger, 0.7);
   }, ['colors.danger']),
-  backgroundLightText: (0, _utils.computed)(function (_ref182) {
-    var _ref183 = (0, _slicedToArray2.default)(_ref182, 1),
-      lightShade = _ref183[0];
+  backgroundLightText: (0, _utils.computed)(function (_ref178) {
+    var _ref179 = (0, _slicedToArray2.default)(_ref178, 1),
+      lightShade = _ref179[0];
     return (0, _manipulation.shade)(lightShade, 0.2);
   }, ['colors.lightShade']),
-  backgroundFilledPrimary: (0, _utils.computed)(function (_ref184) {
-    var _ref185 = (0, _slicedToArray2.default)(_ref184, 1),
-      primary = _ref185[0];
+  backgroundFilledPrimary: (0, _utils.computed)(function (_ref180) {
+    var _ref181 = (0, _slicedToArray2.default)(_ref180, 1),
+      primary = _ref181[0];
     return primary;
   }, ['colors.primary']),
-  backgroundFilledAccent: (0, _utils.computed)(function (_ref186) {
-    var _ref187 = (0, _slicedToArray2.default)(_ref186, 1),
-      accent = _ref187[0];
+  backgroundFilledAccent: (0, _utils.computed)(function (_ref182) {
+    var _ref183 = (0, _slicedToArray2.default)(_ref182, 1),
+      accent = _ref183[0];
     return accent;
   }, ['colors.accent']),
-  backgroundFilledAccentSecondary: (0, _utils.computed)(function (_ref188) {
-    var _ref189 = (0, _slicedToArray2.default)(_ref188, 1),
-      success = _ref189[0];
+  backgroundFilledAccentSecondary: (0, _utils.computed)(function (_ref184) {
+    var _ref185 = (0, _slicedToArray2.default)(_ref184, 1),
+      success = _ref185[0];
     return success;
   }, ['colors.success']),
   backgroundFilledNeutral: _colors_severity.severityColors.neutral,
-  backgroundFilledSuccess: (0, _utils.computed)(function (_ref190) {
-    var _ref191 = (0, _slicedToArray2.default)(_ref190, 1),
-      success = _ref191[0];
+  backgroundFilledSuccess: (0, _utils.computed)(function (_ref186) {
+    var _ref187 = (0, _slicedToArray2.default)(_ref186, 1),
+      success = _ref187[0];
     return success;
   }, ['colors.success']),
-  backgroundFilledWarning: (0, _utils.computed)(function (_ref192) {
-    var _ref193 = (0, _slicedToArray2.default)(_ref192, 1),
-      warning = _ref193[0];
+  backgroundFilledWarning: (0, _utils.computed)(function (_ref188) {
+    var _ref189 = (0, _slicedToArray2.default)(_ref188, 1),
+      warning = _ref189[0];
     return warning;
   }, ['colors.warning']),
   backgroundFilledRisk: _colors_severity.severityColors.risk,
-  backgroundFilledDanger: (0, _utils.computed)(function (_ref194) {
-    var _ref195 = (0, _slicedToArray2.default)(_ref194, 1),
-      danger = _ref195[0];
+  backgroundFilledDanger: (0, _utils.computed)(function (_ref190) {
+    var _ref191 = (0, _slicedToArray2.default)(_ref190, 1),
+      danger = _ref191[0];
     return danger;
   }, ['colors.danger']),
-  backgroundFilledText: (0, _utils.computed)(function (_ref196) {
-    var _ref197 = (0, _slicedToArray2.default)(_ref196, 1),
-      text = _ref197[0];
+  backgroundFilledText: (0, _utils.computed)(function (_ref192) {
+    var _ref193 = (0, _slicedToArray2.default)(_ref192, 1),
+      text = _ref193[0];
     return text;
   }, ['colors.text'])
 };
 var dark_transparent_background_colors = exports.dark_transparent_background_colors = _objectSpread(_objectSpread({}, transparent_background_colors), {}, {
-  backgroundTransparentSubdued: (0, _utils.computed)(function (_ref198) {
-    var _ref199 = (0, _slicedToArray2.default)(_ref198, 1),
-      lightShade = _ref199[0];
+  backgroundTransparentSubdued: (0, _utils.computed)(function (_ref194) {
+    var _ref195 = (0, _slicedToArray2.default)(_ref194, 1),
+      lightShade = _ref195[0];
     return (0, _manipulation.transparentize)(lightShade, 0.4);
   }, ['colors.lightShade']),
-  backgroundTransparentHighlighted: (0, _utils.computed)(function (_ref200) {
-    var _ref201 = (0, _slicedToArray2.default)(_ref200, 1),
-      backgroundTransparentSubdued = _ref201[0];
+  backgroundTransparentHighlighted: (0, _utils.computed)(function (_ref196) {
+    var _ref197 = (0, _slicedToArray2.default)(_ref196, 1),
+      backgroundTransparentSubdued = _ref197[0];
     return backgroundTransparentSubdued;
   }, ['colors.backgroundTransparentSubdued'])
 });
 var dark_border_colors = exports.dark_border_colors = {
-  borderBasePrimary: (0, _utils.computed)(function (_ref202) {
-    var _ref203 = (0, _slicedToArray2.default)(_ref202, 1),
-      primary = _ref203[0];
+  borderBasePrimary: (0, _utils.computed)(function (_ref198) {
+    var _ref199 = (0, _slicedToArray2.default)(_ref198, 1),
+      primary = _ref199[0];
     return (0, _manipulation.shade)(primary, 0.6);
   }, ['colors.primary']),
-  borderBaseAccent: (0, _utils.computed)(function (_ref204) {
-    var _ref205 = (0, _slicedToArray2.default)(_ref204, 1),
-      accent = _ref205[0];
+  borderBaseAccent: (0, _utils.computed)(function (_ref200) {
+    var _ref201 = (0, _slicedToArray2.default)(_ref200, 1),
+      accent = _ref201[0];
     return (0, _manipulation.shade)(accent, 0.6);
   }, ['colors.accent']),
-  borderBaseAccentSecondary: (0, _utils.computed)(function (_ref206) {
-    var _ref207 = (0, _slicedToArray2.default)(_ref206, 1),
-      success = _ref207[0];
+  borderBaseAccentSecondary: (0, _utils.computed)(function (_ref202) {
+    var _ref203 = (0, _slicedToArray2.default)(_ref202, 1),
+      success = _ref203[0];
     return (0, _manipulation.shade)(success, 0.6);
   }, ['colors.success']),
   borderBaseNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.6),
-  borderBaseSuccess: (0, _utils.computed)(function (_ref208) {
-    var _ref209 = (0, _slicedToArray2.default)(_ref208, 1),
-      success = _ref209[0];
+  borderBaseSuccess: (0, _utils.computed)(function (_ref204) {
+    var _ref205 = (0, _slicedToArray2.default)(_ref204, 1),
+      success = _ref205[0];
     return (0, _manipulation.shade)(success, 0.6);
   }, ['colors.success']),
-  borderBaseWarning: (0, _utils.computed)(function (_ref210) {
-    var _ref211 = (0, _slicedToArray2.default)(_ref210, 1),
-      warning = _ref211[0];
+  borderBaseWarning: (0, _utils.computed)(function (_ref206) {
+    var _ref207 = (0, _slicedToArray2.default)(_ref206, 1),
+      warning = _ref207[0];
     return (0, _manipulation.shade)(warning, 0.4);
   }, ['colors.warning']),
   borderBaseRisk: (0, _manipulation.shade)(_colors_severity.severityColors.risk, 0.4),
-  borderBaseDanger: (0, _utils.computed)(function (_ref212) {
-    var _ref213 = (0, _slicedToArray2.default)(_ref212, 1),
-      danger = _ref213[0];
+  borderBaseDanger: (0, _utils.computed)(function (_ref208) {
+    var _ref209 = (0, _slicedToArray2.default)(_ref208, 1),
+      danger = _ref209[0];
     return (0, _manipulation.shade)(danger, 0.6);
   }, ['colors.danger']),
-  borderBaseSubdued: (0, _utils.computed)(function (_ref214) {
-    var _ref215 = (0, _slicedToArray2.default)(_ref214, 1),
-      lightShade = _ref215[0];
+  borderBaseSubdued: (0, _utils.computed)(function (_ref210) {
+    var _ref211 = (0, _slicedToArray2.default)(_ref210, 1),
+      lightShade = _ref211[0];
     return lightShade;
   }, ['colors.lightShade']),
-  borderBaseDisabled: (0, _utils.computed)(function (_ref216) {
-    var _ref217 = (0, _slicedToArray2.default)(_ref216, 1),
-      ghost = _ref217[0];
+  borderBaseDisabled: (0, _utils.computed)(function (_ref212) {
+    var _ref213 = (0, _slicedToArray2.default)(_ref212, 1),
+      ghost = _ref213[0];
     return (0, _manipulation.transparentize)(ghost, 0.1);
   }, ['colors.ghost']),
-  borderBasePlain: (0, _utils.computed)(function (_ref218) {
-    var _ref219 = (0, _slicedToArray2.default)(_ref218, 1),
-      lightShade = _ref219[0];
+  borderBasePlain: (0, _utils.computed)(function (_ref214) {
+    var _ref215 = (0, _slicedToArray2.default)(_ref214, 1),
+      lightShade = _ref215[0];
     return lightShade;
   }, ['colors.lightShade']),
   borderBaseFloating: 'transparent',
-  borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref220) {
-    var _ref221 = (0, _slicedToArray2.default)(_ref220, 1),
-      fullShade = _ref221[0];
+  borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref216) {
+    var _ref217 = (0, _slicedToArray2.default)(_ref216, 1),
+      fullShade = _ref217[0];
     return (0, _manipulation.transparentize)(fullShade, 0.1);
   }, ['colors.fullShade']),
-  borderBaseFormsControl: (0, _utils.computed)(function (_ref222) {
-    var _ref223 = (0, _slicedToArray2.default)(_ref222, 1),
-      lightestShade = _ref223[0];
+  borderBaseFormsControl: (0, _utils.computed)(function (_ref218) {
+    var _ref219 = (0, _slicedToArray2.default)(_ref218, 1),
+      lightestShade = _ref219[0];
     return (0, _manipulation.tint)(lightestShade, 0.31);
   }, ['colors.lightestShade']),
-  borderStrongPrimary: (0, _utils.computed)(function (_ref224) {
+  borderStrongPrimary: (0, _utils.computed)(function (_ref220) {
+    var _ref221 = (0, _slicedToArray2.default)(_ref220, 1),
+      primary = _ref221[0];
+    return primary;
+  }, ['colors.primary']),
+  borderStrongAccent: (0, _utils.computed)(function (_ref222) {
+    var _ref223 = (0, _slicedToArray2.default)(_ref222, 1),
+      accent = _ref223[0];
+    return accent;
+  }, ['colors.accent']),
+  borderStrongAccentSecondary: (0, _utils.computed)(function (_ref224) {
     var _ref225 = (0, _slicedToArray2.default)(_ref224, 1),
-      borderBasePrimary = _ref225[0];
-    return borderBasePrimary;
-  }, ['colors.borderBasePrimary']),
-  borderStrongAccent: (0, _utils.computed)(function (_ref226) {
+      accentSecondary = _ref225[0];
+    return accentSecondary;
+  }, ['colors.accentSecondary']),
+  borderStrongNeutral: _colors_severity.severityColors.neutral,
+  borderStrongSuccess: (0, _utils.computed)(function (_ref226) {
     var _ref227 = (0, _slicedToArray2.default)(_ref226, 1),
-      borderBaseAccent = _ref227[0];
-    return borderBaseAccent;
-  }, ['colors.borderBaseAccent']),
-  borderStrongAccentSecondary: (0, _utils.computed)(function (_ref228) {
+      success = _ref227[0];
+    return success;
+  }, ['colors.success']),
+  borderStrongWarning: (0, _utils.computed)(function (_ref228) {
     var _ref229 = (0, _slicedToArray2.default)(_ref228, 1),
-      borderBaseAccentSecondary = _ref229[0];
-    return borderBaseAccentSecondary;
-  }, ['colors.borderBaseAccentSecondary']),
-  borderStrongNeutral: (0, _utils.computed)(function (_ref230) {
+      warning = _ref229[0];
+    return warning;
+  }, ['colors.warning']),
+  borderStrongRisk: (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.2).toUpperCase(),
+  borderStrongDanger: (0, _utils.computed)(function (_ref230) {
     var _ref231 = (0, _slicedToArray2.default)(_ref230, 1),
-      borderBaseNeutral = _ref231[0];
-    return borderBaseNeutral;
-  }, ['colors.borderBaseNeutral']),
-  borderStrongSuccess: (0, _utils.computed)(function (_ref232) {
-    var _ref233 = (0, _slicedToArray2.default)(_ref232, 1),
-      borderBaseSuccess = _ref233[0];
-    return borderBaseSuccess;
-  }, ['colors.borderBaseSuccess']),
-  borderStrongWarning: (0, _utils.computed)(function (_ref234) {
-    var _ref235 = (0, _slicedToArray2.default)(_ref234, 1),
-      borderBaseWarning = _ref235[0];
-    return borderBaseWarning;
-  }, ['colors.borderBaseWarning']),
-  borderStrongRisk: (0, _utils.computed)(function (_ref236) {
-    var _ref237 = (0, _slicedToArray2.default)(_ref236, 1),
-      borderBaseRisk = _ref237[0];
-    return borderBaseRisk;
-  }, ['colors.borderBaseRisk']),
-  borderStrongDanger: (0, _utils.computed)(function (_ref238) {
-    var _ref239 = (0, _slicedToArray2.default)(_ref238, 1),
-      borderBaseDanger = _ref239[0];
-    return borderBaseDanger;
-  }, ['colors.borderBaseDanger'])
+      danger = _ref231[0];
+    return danger;
+  }, ['colors.danger'])
 };
 var dark_colors_ams = exports.dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
   // Brand
@@ -723,43 +707,43 @@ var dark_colors_ams = exports.dark_colors_ams = _objectSpread(_objectSpread(_obj
   danger: '#F86B63'
 }, dark_shades), {}, {
   // Special
-  body: (0, _utils.computed)(function (_ref240) {
-    var _ref241 = (0, _slicedToArray2.default)(_ref240, 1),
-      lightestShade = _ref241[0];
+  body: (0, _utils.computed)(function (_ref232) {
+    var _ref233 = (0, _slicedToArray2.default)(_ref232, 1),
+      lightestShade = _ref233[0];
     return (0, _manipulation.shade)(lightestShade, 0.45);
   }, ['colors.lightestShade']),
   highlight: '#2E2D25',
   disabled: '#515761',
   disabledText: (0, _utils.computed)((0, _contrast.makeDisabledContrastColor)('colors.disabled')),
-  shadow: (0, _utils.computed)(function (_ref242) {
-    var colors = _ref242.colors;
+  shadow: (0, _utils.computed)(function (_ref234) {
+    var colors = _ref234.colors;
     return colors.ink;
   })
 }, brand_text_colors), {}, {
   // Text
   text: '#DFE5EF',
-  title: (0, _utils.computed)(function (_ref243) {
-    var _ref244 = (0, _slicedToArray2.default)(_ref243, 1),
-      text = _ref244[0];
+  title: (0, _utils.computed)(function (_ref235) {
+    var _ref236 = (0, _slicedToArray2.default)(_ref235, 1),
+      text = _ref236[0];
     return text;
   }, ['colors.text']),
   subduedText: (0, _utils.computed)((0, _contrast.makeHighContrastColor)('colors.mediumShade')),
-  link: (0, _utils.computed)(function (_ref245) {
-    var _ref246 = (0, _slicedToArray2.default)(_ref245, 1),
-      primaryText = _ref246[0];
+  link: (0, _utils.computed)(function (_ref237) {
+    var _ref238 = (0, _slicedToArray2.default)(_ref237, 1),
+      primaryText = _ref238[0];
     return primaryText;
   }, ['colors.primaryText']),
   textParagraph: '#DFE5EF',
-  textHeading: (0, _utils.computed)(function (_ref247) {
-    var _ref248 = (0, _slicedToArray2.default)(_ref247, 1),
-      text = _ref248[0];
+  textHeading: (0, _utils.computed)(function (_ref239) {
+    var _ref240 = (0, _slicedToArray2.default)(_ref239, 1),
+      text = _ref240[0];
     return text;
   }, ['colors.text']),
   textSubdued: (0, _utils.computed)((0, _contrast.makeHighContrastColor)('colors.mediumShade')),
   textDisabled: (0, _utils.computed)((0, _contrast.makeDisabledContrastColor)('colors.disabled')),
-  textInverse: (0, _utils.computed)(function (_ref249) {
-    var _ref250 = (0, _slicedToArray2.default)(_ref249, 1),
-      ink = _ref250[0];
+  textInverse: (0, _utils.computed)(function (_ref241) {
+    var _ref242 = (0, _slicedToArray2.default)(_ref241, 1),
+      ink = _ref242[0];
     return ink;
   }, ['colors.ink'])
 }, dark_background_colors), dark_transparent_background_colors), dark_border_colors);

package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colorVis = void 0;
-var _services = require("../../../../services");
+var _manipulation = require("../../../../services/color/manipulation");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -104,14 +104,14 @@ var colorVis = exports.colorVis = {
   euiColorVisAsTextDark4: '#FFCE7A',
   euiColorVisAsTextDark5: '#1BA9F5',
   euiColorVisAsTextDark6: '#7DE2D1',
-  euiColorVisNeutral0: (0, _services.tint)(euiPaletteColorBlind.euiColorVis1.graphic, 0.3),
-  euiColorVisNeutral1: (0, _services.tint)(euiPaletteColorBlind.euiColorVis1.graphic, 0.56),
+  euiColorVisNeutral0: (0, _manipulation.tint)(euiPaletteColorBlind.euiColorVis1.graphic, 0.3),
+  euiColorVisNeutral1: (0, _manipulation.tint)(euiPaletteColorBlind.euiColorVis1.graphic, 0.56),
   euiColorVisSuccess0: '#209280',
   euiColorVisSuccess1: euiPaletteColorBlind.euiColorVis0.graphic,
-  euiColorVisWarning0: (0, _services.shade)(euiPaletteColorBlind.euiColorVis5.graphic, 0.15),
+  euiColorVisWarning0: (0, _manipulation.shade)(euiPaletteColorBlind.euiColorVis5.graphic, 0.15),
   euiColorVisWarning1: euiPaletteColorBlind.euiColorVis5.graphic,
   euiColorVisRisk0: euiPaletteColorBlind.euiColorVis7.graphic,
-  euiColorVisRisk1: (0, _services.tint)(euiPaletteColorBlind.euiColorVis7.graphic, 0.5),
+  euiColorVisRisk1: (0, _manipulation.tint)(euiPaletteColorBlind.euiColorVis7.graphic, 0.5),
   euiColorVisDanger0: '#CC5642',
   euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
   euiColorVisBase0: '#FFFFFF',

package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json

@@ -416,12 +416,12 @@
   "euiColorBorderBaseFloating": "transparent",
   "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255,0.1)",
   "euiColorBorderBaseFormsControl": "#69696f",
-  "euiColorBorderStrongPrimary": "#164160",
-  "euiColorBorderStrongAccent": "#62394c",
-  "euiColorBorderStrongAccentSecondary": "#325956",
-  "euiColorBorderStrongNeutral": "#4c535b",
-  "euiColorBorderStrongSuccess": "#325956",
-  "euiColorBorderStrongWarning": "#927f44",
-  "euiColorBorderStrongRisk": "#835329",
-  "euiColorBorderStrongDanger": "#632b28"
+  "euiColorBorderStrongPrimary": "#36A2EF",
+  "euiColorBorderStrongAccent": "#F68FBE",
+  "euiColorBorderStrongAccentSecondary": "#7DDED8",
+  "euiColorBorderStrongNeutral": "#B9CFE3",
+  "euiColorBorderStrongSuccess": "#7DDED8",
+  "euiColorBorderStrongWarning": "#F3D371",
+  "euiColorBorderStrongRisk": "#E1A26A",
+  "euiColorBorderStrongDanger": "#F86B63"
 }

package/optimize/lib/themes/json/eui_theme_amsterdam_light.json

@@ -416,12 +416,12 @@
   "euiColorBorderBaseFloating": "transparent",
   "euiColorBorderBaseFormsColorSwatch": "rgba(0,0,0,0.1)",
   "euiColorBorderBaseFormsControl": "#919296",
-  "euiColorBorderStrongPrimary": "#99c9eb",
-  "euiColorBorderStrongAccent": "#f9b8d6",
-  "euiColorBorderStrongAccentSecondary": "#99e5e1",
-  "euiColorBorderStrongNeutral": "#e5ecf4",
-  "euiColorBorderStrongSuccess": "#99e5e1",
-  "euiColorBorderStrongWarning": "#fedc72",
-  "euiColorBorderStrongRisk": "#e9b98f",
-  "euiColorBorderStrongDanger": "#e5a9a5"
+  "euiColorBorderStrongPrimary": "#0077CC",
+  "euiColorBorderStrongAccent": "#F04E98",
+  "euiColorBorderStrongAccentSecondary": "#00BFB3",
+  "euiColorBorderStrongNeutral": "#94A6B6",
+  "euiColorBorderStrongSuccess": "#00BFB3",
+  "euiColorBorderStrongWarning": "#FEC514",
+  "euiColorBorderStrongRisk": "#DA8B45",
+  "euiColorBorderStrongDanger": "#BD271E"
 }