@elastic/eui 99.1.0-borealis.0 → 99.2.0-borealis.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transparent_background_colors = exports.text_colors = exports.special_colors = exports.shade_colors = exports.light_colors = exports.dark_transparent_background_colors = exports.dark_shades = exports.dark_colors_ams = exports.dark_border_colors = exports.dark_background_colors = exports.colors = exports.brand_text_colors = exports.brand_colors = exports.border_colors = exports.background_colors = void 0;
-var _color = require("../../../../services/color");
+var _manipulation = require("../../../../services/color/manipulation");
 var _utils = require("../../../../services/theme/utils");
 var _contrast = require("../../../../services/color/contrast");
 var _colors_vis = require("./_colors_vis");
@@ -65,12 +65,12 @@ var special_colors = exports.special_colors = {
   body: (0, _utils.computed)(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 1),
       lightestShade = _ref2[0];
-    return (0, _color.tint)(lightestShade, 0.4);
+    return (0, _manipulation.tint)(lightestShade, 0.4);
   }, ['colors.lightestShade']),
   highlight: (0, _utils.computed)(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 1),
       warning = _ref4[0];
-    return (0, _color.tint)(warning, 0.9);
+    return (0, _manipulation.tint)(warning, 0.9);
   }, ['colors.warning']),
   disabled: '#ABB4C4',
   disabledText: (0, _utils.computed)((0, _contrast.makeDisabledContrastColor)('colors.disabled')),
@@ -88,7 +88,7 @@ var text_colors = exports.text_colors = {
   title: (0, _utils.computed)(function (_ref8) {
     var _ref9 = _slicedToArray(_ref8, 1),
       text = _ref9[0];
-    return (0, _color.shade)(text, 0.5);
+    return (0, _manipulation.shade)(text, 0.5);
   }, ['colors.text']),
   subduedText: (0, _utils.computed)((0, _contrast.makeHighContrastColor)('colors.darkShade')),
   link: (0, _utils.computed)(function (_ref10) {
@@ -104,7 +104,7 @@ var text_colors = exports.text_colors = {
   textHeading: (0, _utils.computed)(function (_ref14) {
     var _ref15 = _slicedToArray(_ref14, 1),
       text = _ref15[0];
-    return (0, _color.shade)(text, 0.5);
+    return (0, _manipulation.shade)(text, 0.5);
   }, ['colors.text']),
   textSubdued: (0, _utils.computed)((0, _contrast.makeHighContrastColor)('colors.darkShade')),
   textDisabled: (0, _utils.computed)((0, _contrast.makeDisabledContrastColor)('colors.disabled')),
@@ -118,32 +118,32 @@ var background_colors = exports.background_colors = {
   backgroundBasePrimary: (0, _utils.computed)(function (_ref18) {
     var _ref19 = _slicedToArray(_ref18, 1),
       primary = _ref19[0];
-    return (0, _color.tint)(primary, 0.9);
+    return (0, _manipulation.tint)(primary, 0.9);
   }, ['colors.primary']),
   backgroundBaseAccent: (0, _utils.computed)(function (_ref20) {
     var _ref21 = _slicedToArray(_ref20, 1),
       accent = _ref21[0];
-    return (0, _color.tint)(accent, 0.9);
+    return (0, _manipulation.tint)(accent, 0.9);
   }, ['colors.accent']),
   backgroundBaseAccentSecondary: (0, _utils.computed)(function (_ref22) {
     var _ref23 = _slicedToArray(_ref22, 1),
       success = _ref23[0];
-    return (0, _color.tint)(success, 0.9);
+    return (0, _manipulation.tint)(success, 0.9);
   }, ['colors.success']),
   backgroundBaseSuccess: (0, _utils.computed)(function (_ref24) {
     var _ref25 = _slicedToArray(_ref24, 1),
       success = _ref25[0];
-    return (0, _color.tint)(success, 0.9);
+    return (0, _manipulation.tint)(success, 0.9);
   }, ['colors.success']),
   backgroundBaseWarning: (0, _utils.computed)(function (_ref26) {
     var _ref27 = _slicedToArray(_ref26, 1),
       warning = _ref27[0];
-    return (0, _color.tint)(warning, 0.9);
+    return (0, _manipulation.tint)(warning, 0.9);
   }, ['colors.warning']),
   backgroundBaseDanger: (0, _utils.computed)(function (_ref28) {
     var _ref29 = _slicedToArray(_ref28, 1),
       danger = _ref29[0];
-    return (0, _color.tint)(danger, 0.9);
+    return (0, _manipulation.tint)(danger, 0.9);
   }, ['colors.danger']),
   backgroundBaseSubdued: (0, _utils.computed)(function (_ref30) {
     var _ref31 = _slicedToArray(_ref30, 1),
@@ -168,7 +168,7 @@ var background_colors = exports.background_colors = {
   backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref38) {
     var _ref39 = _slicedToArray(_ref38, 1),
       lightShade = _ref39[0];
-    return (0, _color.tint)(lightShade, 0.5);
+    return (0, _manipulation.tint)(lightShade, 0.5);
   }, ['colors.lightShade']),
   backgroundBaseFormsControlDisabled: (0, _utils.computed)(function (_ref40) {
     var _ref41 = _slicedToArray(_ref40, 1),
@@ -178,62 +178,62 @@ var background_colors = exports.background_colors = {
   backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref42) {
     var _ref43 = _slicedToArray(_ref42, 1),
       lightShade = _ref43[0];
-    return (0, _color.transparentize)(lightShade, 0.2);
+    return (0, _manipulation.transparentize)(lightShade, 0.2);
   }, ['colors.lightShade']),
   backgroundBaseInteractiveSelect: (0, _utils.computed)(function (_ref44) {
     var _ref45 = _slicedToArray(_ref44, 1),
       primary = _ref45[0];
-    return (0, _color.tint)(primary, 0.96);
+    return (0, _manipulation.tint)(primary, 0.96);
   }, ['colors.primary']),
   backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref46) {
     var _ref47 = _slicedToArray(_ref46, 1),
       ink = _ref47[0];
-    return (0, _color.transparentize)(ink, 0.5);
+    return (0, _manipulation.transparentize)(ink, 0.5);
   }, ['colors.ink']),
   backgroundBaseSkeletonEdge: (0, _utils.computed)(function (_ref48) {
     var _ref49 = _slicedToArray(_ref48, 1),
       lightShade = _ref49[0];
-    return (0, _color.tint)(lightShade, 0.65);
+    return (0, _manipulation.tint)(lightShade, 0.65);
   }, ['colors.lightShade']),
   backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref50) {
     var _ref51 = _slicedToArray(_ref50, 1),
       lightShade = _ref51[0];
-    return (0, _color.tint)(lightShade, 0.8);
+    return (0, _manipulation.tint)(lightShade, 0.8);
   }, ['colors.lightShade']),
   backgroundLightPrimary: (0, _utils.computed)(function (_ref52) {
     var _ref53 = _slicedToArray(_ref52, 1),
       primary = _ref53[0];
-    return (0, _color.tint)(primary, 0.8);
+    return (0, _manipulation.tint)(primary, 0.8);
   }, ['colors.primary']),
   backgroundLightAccent: (0, _utils.computed)(function (_ref54) {
     var _ref55 = _slicedToArray(_ref54, 1),
       accent = _ref55[0];
-    return (0, _color.tint)(accent, 0.8);
+    return (0, _manipulation.tint)(accent, 0.8);
   }, ['colors.accent']),
   backgroundLightAccentSecondary: (0, _utils.computed)(function (_ref56) {
     var _ref57 = _slicedToArray(_ref56, 1),
       success = _ref57[0];
-    return (0, _color.tint)(success, 0.8);
+    return (0, _manipulation.tint)(success, 0.8);
   }, ['colors.success']),
   backgroundLightSuccess: (0, _utils.computed)(function (_ref58) {
     var _ref59 = _slicedToArray(_ref58, 1),
       success = _ref59[0];
-    return (0, _color.tint)(success, 0.8);
+    return (0, _manipulation.tint)(success, 0.8);
   }, ['colors.success']),
   backgroundLightWarning: (0, _utils.computed)(function (_ref60) {
     var _ref61 = _slicedToArray(_ref60, 1),
       warning = _ref61[0];
-    return (0, _color.tint)(warning, 0.8);
+    return (0, _manipulation.tint)(warning, 0.8);
   }, ['colors.warning']),
   backgroundLightDanger: (0, _utils.computed)(function (_ref62) {
     var _ref63 = _slicedToArray(_ref62, 1),
       danger = _ref63[0];
-    return (0, _color.tint)(danger, 0.8);
+    return (0, _manipulation.tint)(danger, 0.8);
   }, ['colors.danger']),
   backgroundLightText: (0, _utils.computed)(function (_ref64) {
     var _ref65 = _slicedToArray(_ref64, 1),
       lightShade = _ref65[0];
-    return (0, _color.tint)(lightShade, 0.5);
+    return (0, _manipulation.tint)(lightShade, 0.5);
   }, ['colors.lightShade']),
   backgroundFilledPrimary: (0, _utils.computed)(function (_ref66) {
     var _ref67 = _slicedToArray(_ref66, 1),
@@ -243,17 +243,17 @@ var background_colors = exports.background_colors = {
   backgroundFilledAccent: (0, _utils.computed)(function (_ref68) {
     var _ref69 = _slicedToArray(_ref68, 1),
       accent = _ref69[0];
-    return (0, _color.tint)(accent, 0.3);
+    return (0, _manipulation.tint)(accent, 0.3);
   }, ['colors.accent']),
   backgroundFilledAccentSecondary: (0, _utils.computed)(function (_ref70) {
     var _ref71 = _slicedToArray(_ref70, 1),
       success = _ref71[0];
-    return (0, _color.tint)(success, 0.3);
+    return (0, _manipulation.tint)(success, 0.3);
   }, ['colors.success']),
   backgroundFilledSuccess: (0, _utils.computed)(function (_ref72) {
     var _ref73 = _slicedToArray(_ref72, 1),
       success = _ref73[0];
-    return (0, _color.tint)(success, 0.3);
+    return (0, _manipulation.tint)(success, 0.3);
   }, ['colors.success']),
   backgroundFilledWarning: (0, _utils.computed)(function (_ref74) {
     var _ref75 = _slicedToArray(_ref74, 1),
@@ -276,37 +276,37 @@ var transparent_background_colors = exports.transparent_background_colors = {
   backgroundTransparentPrimary: (0, _utils.computed)(function (_ref80) {
     var _ref81 = _slicedToArray(_ref80, 1),
       primary = _ref81[0];
-    return (0, _color.transparentize)(primary, 0.1);
+    return (0, _manipulation.transparentize)(primary, 0.1);
   }, ['colors.primary']),
   backgroundTransparentAccent: (0, _utils.computed)(function (_ref82) {
     var _ref83 = _slicedToArray(_ref82, 1),
       accent = _ref83[0];
-    return (0, _color.transparentize)(accent, 0.1);
+    return (0, _manipulation.transparentize)(accent, 0.1);
   }, ['colors.accent']),
   backgroundTransparentAccentSecondary: (0, _utils.computed)(function (_ref84) {
     var _ref85 = _slicedToArray(_ref84, 1),
       success = _ref85[0];
-    return (0, _color.transparentize)(success, 0.1);
+    return (0, _manipulation.transparentize)(success, 0.1);
   }, ['colors.success']),
   backgroundTransparentSuccess: (0, _utils.computed)(function (_ref86) {
     var _ref87 = _slicedToArray(_ref86, 1),
       success = _ref87[0];
-    return (0, _color.transparentize)(success, 0.1);
+    return (0, _manipulation.transparentize)(success, 0.1);
   }, ['colors.success']),
   backgroundTransparentWarning: (0, _utils.computed)(function (_ref88) {
     var _ref89 = _slicedToArray(_ref88, 1),
       warning = _ref89[0];
-    return (0, _color.transparentize)(warning, 0.1);
+    return (0, _manipulation.transparentize)(warning, 0.1);
   }, ['colors.warning']),
   backgroundTransparentDanger: (0, _utils.computed)(function (_ref90) {
     var _ref91 = _slicedToArray(_ref90, 1),
       danger = _ref91[0];
-    return (0, _color.transparentize)(danger, 0.1);
+    return (0, _manipulation.transparentize)(danger, 0.1);
   }, ['colors.danger']),
   backgroundTransparentSubdued: (0, _utils.computed)(function (_ref92) {
     var _ref93 = _slicedToArray(_ref92, 1),
       lightShade = _ref93[0];
-    return (0, _color.transparentize)(lightShade, 0.2);
+    return (0, _manipulation.transparentize)(lightShade, 0.2);
   }, ['colors.lightShade']),
   backgroundTransparentHighlighted: (0, _utils.computed)(function (_ref94) {
     var _ref95 = _slicedToArray(_ref94, 1),
@@ -316,39 +316,39 @@ var transparent_background_colors = exports.transparent_background_colors = {
   backgroundTransparentPlain: (0, _utils.computed)(function (_ref96) {
     var _ref97 = _slicedToArray(_ref96, 1),
       ghost = _ref97[0];
-    return (0, _color.transparentize)(ghost, 0.2);
+    return (0, _manipulation.transparentize)(ghost, 0.2);
   }, ['colors.ghost'])
 };
 var border_colors = exports.border_colors = {
   borderBasePrimary: (0, _utils.computed)(function (_ref98) {
     var _ref99 = _slicedToArray(_ref98, 1),
       primary = _ref99[0];
-    return (0, _color.tint)(primary, 0.6);
+    return (0, _manipulation.tint)(primary, 0.6);
   }, ['colors.primary']),
   borderBaseAccent: (0, _utils.computed)(function (_ref100) {
     var _ref101 = _slicedToArray(_ref100, 1),
       accent = _ref101[0];
-    return (0, _color.tint)(accent, 0.6);
+    return (0, _manipulation.tint)(accent, 0.6);
   }, ['colors.accent']),
   borderBaseAccentSecondary: (0, _utils.computed)(function (_ref102) {
     var _ref103 = _slicedToArray(_ref102, 1),
       success = _ref103[0];
-    return (0, _color.tint)(success, 0.6);
+    return (0, _manipulation.tint)(success, 0.6);
   }, ['colors.success']),
   borderBaseSuccess: (0, _utils.computed)(function (_ref104) {
     var _ref105 = _slicedToArray(_ref104, 1),
       success = _ref105[0];
-    return (0, _color.tint)(success, 0.6);
+    return (0, _manipulation.tint)(success, 0.6);
   }, ['colors.success']),
   borderBaseWarning: (0, _utils.computed)(function (_ref106) {
     var _ref107 = _slicedToArray(_ref106, 1),
       warning = _ref107[0];
-    return (0, _color.tint)(warning, 0.4);
+    return (0, _manipulation.tint)(warning, 0.4);
   }, ['colors.warning']),
   borderBaseDanger: (0, _utils.computed)(function (_ref108) {
     var _ref109 = _slicedToArray(_ref108, 1),
       danger = _ref109[0];
-    return (0, _color.tint)(danger, 0.6);
+    return (0, _manipulation.tint)(danger, 0.6);
   }, ['colors.danger']),
   borderBaseSubdued: (0, _utils.computed)(function (_ref110) {
     var _ref111 = _slicedToArray(_ref110, 1),
@@ -358,7 +358,7 @@ var border_colors = exports.border_colors = {
   borderBaseDisabled: (0, _utils.computed)(function (_ref112) {
     var _ref113 = _slicedToArray(_ref112, 1),
       lightShade = _ref113[0];
-    return (0, _color.transparentize)((0, _color.darken)(lightShade, 0.4), 0.1);
+    return (0, _manipulation.transparentize)((0, _manipulation.darken)(lightShade, 0.4), 0.1);
   }, ['colors.lightShade']),
   borderBasePlain: (0, _utils.computed)(function (_ref114) {
     var _ref115 = _slicedToArray(_ref114, 1),
@@ -369,12 +369,12 @@ var border_colors = exports.border_colors = {
   borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref116) {
     var _ref117 = _slicedToArray(_ref116, 1),
       fullShade = _ref117[0];
-    return (0, _color.transparentize)(fullShade, 0.1);
+    return (0, _manipulation.transparentize)(fullShade, 0.1);
   }, ['colors.fullShade']),
   borderBaseFormsControl: (0, _utils.computed)(function (_ref118) {
     var _ref119 = _slicedToArray(_ref118, 1),
       lightestShade = _ref119[0];
-    return (0, _color.shade)(lightestShade, 0.4);
+    return (0, _manipulation.shade)(lightestShade, 0.4);
   }, ['colors.lightestShade']),
   borderStrongPrimary: (0, _utils.computed)(function (_ref120) {
     var _ref121 = _slicedToArray(_ref120, 1),
@@ -426,32 +426,32 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBasePrimary: (0, _utils.computed)(function (_ref132) {
     var _ref133 = _slicedToArray(_ref132, 1),
       primary = _ref133[0];
-    return (0, _color.shade)(primary, 0.8);
+    return (0, _manipulation.shade)(primary, 0.8);
   }, ['colors.primary']),
   backgroundBaseAccent: (0, _utils.computed)(function (_ref134) {
     var _ref135 = _slicedToArray(_ref134, 1),
       accent = _ref135[0];
-    return (0, _color.shade)(accent, 0.8);
+    return (0, _manipulation.shade)(accent, 0.8);
   }, ['colors.accent']),
   backgroundBaseAccentSecondary: (0, _utils.computed)(function (_ref136) {
     var _ref137 = _slicedToArray(_ref136, 1),
       success = _ref137[0];
-    return (0, _color.shade)(success, 0.8);
+    return (0, _manipulation.shade)(success, 0.8);
   }, ['colors.success']),
   backgroundBaseSuccess: (0, _utils.computed)(function (_ref138) {
     var _ref139 = _slicedToArray(_ref138, 1),
       success = _ref139[0];
-    return (0, _color.shade)(success, 0.8);
+    return (0, _manipulation.shade)(success, 0.8);
   }, ['colors.success']),
   backgroundBaseWarning: (0, _utils.computed)(function (_ref140) {
     var _ref141 = _slicedToArray(_ref140, 1),
       warning = _ref141[0];
-    return (0, _color.shade)(warning, 0.8);
+    return (0, _manipulation.shade)(warning, 0.8);
   }, ['colors.warning']),
   backgroundBaseDanger: (0, _utils.computed)(function (_ref142) {
     var _ref143 = _slicedToArray(_ref142, 1),
       danger = _ref143[0];
-    return (0, _color.shade)(danger, 0.8);
+    return (0, _manipulation.shade)(danger, 0.8);
   }, ['colors.danger']),
   backgroundBaseSubdued: (0, _utils.computed)(function (_ref144) {
     var _ref145 = _slicedToArray(_ref144, 1),
@@ -476,7 +476,7 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref152) {
     var _ref153 = _slicedToArray(_ref152, 1),
       lightShade = _ref153[0];
-    return (0, _color.shade)(lightShade, 0.15);
+    return (0, _manipulation.shade)(lightShade, 0.15);
   }, ['colors.lightShade']),
   backgroundBaseFormsControlDisabled: (0, _utils.computed)(function (_ref154) {
     var _ref155 = _slicedToArray(_ref154, 1),
@@ -486,62 +486,62 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref156) {
     var _ref157 = _slicedToArray(_ref156, 1),
       lightShade = _ref157[0];
-    return (0, _color.transparentize)(lightShade, 0.2);
+    return (0, _manipulation.transparentize)(lightShade, 0.2);
   }, ['colors.lightShade']),
   backgroundBaseInteractiveSelect: (0, _utils.computed)(function (_ref158) {
     var _ref159 = _slicedToArray(_ref158, 1),
       primary = _ref159[0];
-    return (0, _color.shade)(primary, 0.7);
+    return (0, _manipulation.shade)(primary, 0.7);
   }, ['colors.primary']),
   backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref160) {
     var _ref161 = _slicedToArray(_ref160, 1),
       ink = _ref161[0];
-    return (0, _color.transparentize)(ink, 0.5);
+    return (0, _manipulation.transparentize)(ink, 0.5);
   }, ['colors.ink']),
   backgroundBaseSkeletonEdge: (0, _utils.computed)(function (_ref162) {
     var _ref163 = _slicedToArray(_ref162, 1),
       lightShade = _ref163[0];
-    return (0, _color.shade)(lightShade, 0.12);
+    return (0, _manipulation.shade)(lightShade, 0.12);
   }, ['colors.lightShade']),
   backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref164) {
     var _ref165 = _slicedToArray(_ref164, 1),
       lightShade = _ref165[0];
-    return (0, _color.shade)(lightShade, 0.24);
+    return (0, _manipulation.shade)(lightShade, 0.24);
   }, ['colors.lightShade']),
   backgroundLightPrimary: (0, _utils.computed)(function (_ref166) {
     var _ref167 = _slicedToArray(_ref166, 1),
       primary = _ref167[0];
-    return (0, _color.shade)(primary, 0.7);
+    return (0, _manipulation.shade)(primary, 0.7);
   }, ['colors.primary']),
   backgroundLightAccent: (0, _utils.computed)(function (_ref168) {
     var _ref169 = _slicedToArray(_ref168, 1),
       accent = _ref169[0];
-    return (0, _color.shade)(accent, 0.7);
+    return (0, _manipulation.shade)(accent, 0.7);
   }, ['colors.accent']),
   backgroundLightAccentSecondary: (0, _utils.computed)(function (_ref170) {
     var _ref171 = _slicedToArray(_ref170, 1),
       success = _ref171[0];
-    return (0, _color.shade)(success, 0.7);
+    return (0, _manipulation.shade)(success, 0.7);
   }, ['colors.success']),
   backgroundLightSuccess: (0, _utils.computed)(function (_ref172) {
     var _ref173 = _slicedToArray(_ref172, 1),
       success = _ref173[0];
-    return (0, _color.shade)(success, 0.7);
+    return (0, _manipulation.shade)(success, 0.7);
   }, ['colors.success']),
   backgroundLightWarning: (0, _utils.computed)(function (_ref174) {
     var _ref175 = _slicedToArray(_ref174, 1),
       warning = _ref175[0];
-    return (0, _color.shade)(warning, 0.7);
+    return (0, _manipulation.shade)(warning, 0.7);
   }, ['colors.warning']),
   backgroundLightDanger: (0, _utils.computed)(function (_ref176) {
     var _ref177 = _slicedToArray(_ref176, 1),
       danger = _ref177[0];
-    return (0, _color.shade)(danger, 0.7);
+    return (0, _manipulation.shade)(danger, 0.7);
   }, ['colors.danger']),
   backgroundLightText: (0, _utils.computed)(function (_ref178) {
     var _ref179 = _slicedToArray(_ref178, 1),
       lightShade = _ref179[0];
-    return (0, _color.shade)(lightShade, 0.2);
+    return (0, _manipulation.shade)(lightShade, 0.2);
   }, ['colors.lightShade']),
   backgroundFilledPrimary: (0, _utils.computed)(function (_ref180) {
     var _ref181 = _slicedToArray(_ref180, 1),
@@ -583,7 +583,7 @@ var dark_transparent_background_colors = exports.dark_transparent_background_col
   backgroundTransparentSubdued: (0, _utils.computed)(function (_ref194) {
     var _ref195 = _slicedToArray(_ref194, 1),
       lightShade = _ref195[0];
-    return (0, _color.transparentize)(lightShade, 0.4);
+    return (0, _manipulation.transparentize)(lightShade, 0.4);
   }, ['colors.lightShade']),
   backgroundTransparentHighlighted: (0, _utils.computed)(function (_ref196) {
     var _ref197 = _slicedToArray(_ref196, 1),
@@ -595,32 +595,32 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBasePrimary: (0, _utils.computed)(function (_ref198) {
     var _ref199 = _slicedToArray(_ref198, 1),
       primary = _ref199[0];
-    return (0, _color.shade)(primary, 0.6);
+    return (0, _manipulation.shade)(primary, 0.6);
   }, ['colors.primary']),
   borderBaseAccent: (0, _utils.computed)(function (_ref200) {
     var _ref201 = _slicedToArray(_ref200, 1),
       accent = _ref201[0];
-    return (0, _color.shade)(accent, 0.6);
+    return (0, _manipulation.shade)(accent, 0.6);
   }, ['colors.accent']),
   borderBaseAccentSecondary: (0, _utils.computed)(function (_ref202) {
     var _ref203 = _slicedToArray(_ref202, 1),
       success = _ref203[0];
-    return (0, _color.shade)(success, 0.6);
+    return (0, _manipulation.shade)(success, 0.6);
   }, ['colors.success']),
   borderBaseSuccess: (0, _utils.computed)(function (_ref204) {
     var _ref205 = _slicedToArray(_ref204, 1),
       success = _ref205[0];
-    return (0, _color.shade)(success, 0.6);
+    return (0, _manipulation.shade)(success, 0.6);
   }, ['colors.success']),
   borderBaseWarning: (0, _utils.computed)(function (_ref206) {
     var _ref207 = _slicedToArray(_ref206, 1),
       warning = _ref207[0];
-    return (0, _color.shade)(warning, 0.4);
+    return (0, _manipulation.shade)(warning, 0.4);
   }, ['colors.warning']),
   borderBaseDanger: (0, _utils.computed)(function (_ref208) {
     var _ref209 = _slicedToArray(_ref208, 1),
       danger = _ref209[0];
-    return (0, _color.shade)(danger, 0.6);
+    return (0, _manipulation.shade)(danger, 0.6);
   }, ['colors.danger']),
   borderBaseSubdued: (0, _utils.computed)(function (_ref210) {
     var _ref211 = _slicedToArray(_ref210, 1),
@@ -630,7 +630,7 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseDisabled: (0, _utils.computed)(function (_ref212) {
     var _ref213 = _slicedToArray(_ref212, 1),
       ghost = _ref213[0];
-    return (0, _color.transparentize)(ghost, 0.1);
+    return (0, _manipulation.transparentize)(ghost, 0.1);
   }, ['colors.ghost']),
   borderBasePlain: (0, _utils.computed)(function (_ref214) {
     var _ref215 = _slicedToArray(_ref214, 1),
@@ -641,12 +641,12 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref216) {
     var _ref217 = _slicedToArray(_ref216, 1),
       fullShade = _ref217[0];
-    return (0, _color.transparentize)(fullShade, 0.1);
+    return (0, _manipulation.transparentize)(fullShade, 0.1);
   }, ['colors.fullShade']),
   borderBaseFormsControl: (0, _utils.computed)(function (_ref218) {
     var _ref219 = _slicedToArray(_ref218, 1),
       lightestShade = _ref219[0];
-    return (0, _color.tint)(lightestShade, 0.31);
+    return (0, _manipulation.tint)(lightestShade, 0.31);
   }, ['colors.lightestShade']),
   borderStrongPrimary: (0, _utils.computed)(function (_ref220) {
     var _ref221 = _slicedToArray(_ref220, 1),
@@ -692,7 +692,7 @@ var dark_colors_ams = exports.dark_colors_ams = _objectSpread(_objectSpread(_obj
   body: (0, _utils.computed)(function (_ref232) {
     var _ref233 = _slicedToArray(_ref232, 1),
       lightestShade = _ref233[0];
-    return (0, _color.shade)(lightestShade, 0.45);
+    return (0, _manipulation.shade)(lightestShade, 0.45);
   }, ['colors.lightestShade']),
   highlight: '#2E2D25',
   disabled: '#515761',

package/lib/themes/index.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  EUI_THEMES: true,
-  isDefaultTheme: true,
-  isExperimentalThemeEnabled: true,
+  colorVis: true,
   AMSTERDAM_NAME_KEY: true,
   EuiThemeAmsterdam: true
 };
@@ -16,31 +14,19 @@ Object.defineProperty(exports, "AMSTERDAM_NAME_KEY", {
     return _theme.AMSTERDAM_NAME_KEY;
   }
 });
-Object.defineProperty(exports, "EUI_THEMES", {
-  enumerable: true,
-  get: function get() {
-    return _themes.EUI_THEMES;
-  }
-});
 Object.defineProperty(exports, "EuiThemeAmsterdam", {
   enumerable: true,
   get: function get() {
     return _theme.EuiThemeAmsterdam;
   }
 });
-Object.defineProperty(exports, "isDefaultTheme", {
-  enumerable: true,
-  get: function get() {
-    return _themes.isDefaultTheme;
-  }
-});
-Object.defineProperty(exports, "isExperimentalThemeEnabled", {
+Object.defineProperty(exports, "colorVis", {
   enumerable: true,
   get: function get() {
-    return _themes.isExperimentalThemeEnabled;
+    return _colors_vis.colorVis;
   }
 });
-var _themes = require("./themes");
+var _colors_vis = require("./amsterdam/global_styling/variables/_colors_vis");
 var _theme = require("./amsterdam/theme");
 var _amsterdam = require("./amsterdam");
 Object.keys(_amsterdam).forEach(function (key) {

package/lib/themes/themes.js

@@ -2,29 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.isExperimentalThemeEnabled = exports.isDefaultTheme = exports.EUI_THEMES = exports.EUI_EXPERIMENTAL_THEME_ENABLED_KEY = void 0;
-var _theme = require("./amsterdam/theme");
-/*
- * 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.
- */
-
-var EUI_THEMES = exports.EUI_THEMES = [{
-  text: 'Amsterdam',
-  value: _theme.AMSTERDAM_NAME_KEY,
-  provider: _theme.EuiThemeAmsterdam
-}];
-var isDefaultTheme = exports.isDefaultTheme = function isDefaultTheme(name) {
-  return name === _theme.AMSTERDAM_NAME_KEY;
-};
-var EUI_EXPERIMENTAL_THEME_ENABLED_KEY = exports.EUI_EXPERIMENTAL_THEME_ENABLED_KEY = 'eui-experimental-theme-enabled';
-var isExperimentalThemeEnabled = exports.isExperimentalThemeEnabled = function isExperimentalThemeEnabled() {
-  if (typeof localStorage !== 'undefined') {
-    return localStorage.getItem(EUI_EXPERIMENTAL_THEME_ENABLED_KEY) === 'true';
-  }
-  return false;
-};
+});

package/optimize/es/components/avatar/avatar.js

@@ -16,8 +16,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { isColorDark, hexToRgb, isValidHex, euiPaletteColorBlindBehindText } from '../../services/color';
-import { toInitials, useEuiMemoizedStyles, useEuiTheme } from '../../services';
+import { isColorDark, hexToRgb, isValidHex, useEuiPaletteColorBlindBehindText } from '../../services/color';
+import { toInitials, useEuiMemoizedStyles } from '../../services';
 import { EuiIcon } from '../icon';
 import { euiAvatarStyles } from './avatar.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -52,13 +52,7 @@ export var EuiAvatar = function EuiAvatar(_ref) {
   var _props$casing = props.casing,
     casing = _props$casing === void 0 ? type === 'space' ? 'none' : 'uppercase' : _props$casing,
     rest = _objectWithoutProperties(props, _excluded2);
-  var _useEuiTheme = useEuiTheme(),
-    euiTheme = _useEuiTheme.euiTheme;
-  var visColors = useMemo(function () {
-    return euiPaletteColorBlindBehindText();
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [euiTheme]);
+  var visColors = useEuiPaletteColorBlindBehindText();
   var isPlain = color === 'plain';
   var isSubdued = color === 'subdued';
   var isNamedColor = isPlain || isSubdued || color === null;

package/optimize/es/components/color_picker/color_picker.js

@@ -12,7 +12,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import React, { cloneElement, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import chroma from 'chroma-js';
-import { useEuiMemoizedStyles, keys, euiPaletteColorBlind, useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles, keys, useEuiPaletteColorBlind } from '../../services';
 import { EuiFieldText, EuiFormControlLayout, EuiFormRow, EuiRange } from '../form';
 import { useEuiI18n } from '../i18n';
 import { EuiPopover } from '../popover';
@@ -94,13 +94,8 @@ export var EuiColorPicker = function EuiColorPicker(_ref) {
     alphaLabel = _useEuiI18n2[4],
     openLabel = _useEuiI18n2[5],
     closeLabel = _useEuiI18n2[6];
-  var _useEuiTheme = useEuiTheme(),
-    euiTheme = _useEuiTheme.euiTheme;
-  var swatches = useMemo(function () {
-    return _swatches !== null && _swatches !== void 0 ? _swatches : euiPaletteColorBlind();
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [_swatches, euiTheme]);
+  var defaultSwatches = useEuiPaletteColorBlind();
+  var swatches = _swatches !== null && _swatches !== void 0 ? _swatches : defaultSwatches;
   var preferredFormat = useMemo(function () {
     if (format) return format;
     var parsed = parseColor(color);

package/optimize/es/components/datagrid/utils/grid_height_width.js

@@ -99,7 +99,7 @@ export var useUnconstrainedHeight = function useUnconstrainedHeight(_ref2) {
 
       // lookup the height configuration of this row
       var rowHeightOption = rowHeightUtils.getRowHeightOption(correctRowIndex, rowHeightsOptions);
-      if (rowHeightOption) {
+      if (rowHeightOption && rowHeightOption !== 'auto') {
         // this row's height is known
         knownRowCount++;
         knownHeight += rowHeightUtils.getCalculatedHeight(rowHeightOption, defaultRowHeight, correctRowIndex, rowHeightsOptions);