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

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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");
@@ -58,12 +58,12 @@ var special_colors = exports.special_colors = {
   body: (0, _utils.computed)(function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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')),
@@ -81,7 +81,7 @@ var text_colors = exports.text_colors = {
   title: (0, _utils.computed)(function (_ref8) {
     var _ref9 = (0, _slicedToArray2.default)(_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) {
@@ -97,7 +97,7 @@ var text_colors = exports.text_colors = {
   textHeading: (0, _utils.computed)(function (_ref14) {
     var _ref15 = (0, _slicedToArray2.default)(_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')),
@@ -111,32 +111,32 @@ var background_colors = exports.background_colors = {
   backgroundBasePrimary: (0, _utils.computed)(function (_ref18) {
     var _ref19 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref30, 1),
@@ -161,7 +161,7 @@ var background_colors = exports.background_colors = {
   backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref38) {
     var _ref39 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref40, 1),
@@ -171,62 +171,62 @@ var background_colors = exports.background_colors = {
   backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref42) {
     var _ref43 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref66, 1),
@@ -236,17 +236,17 @@ var background_colors = exports.background_colors = {
   backgroundFilledAccent: (0, _utils.computed)(function (_ref68) {
     var _ref69 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref74, 1),
@@ -269,37 +269,37 @@ var transparent_background_colors = exports.transparent_background_colors = {
   backgroundTransparentPrimary: (0, _utils.computed)(function (_ref80) {
     var _ref81 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref94, 1),
@@ -309,39 +309,39 @@ var transparent_background_colors = exports.transparent_background_colors = {
   backgroundTransparentPlain: (0, _utils.computed)(function (_ref96) {
     var _ref97 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref110, 1),
@@ -351,7 +351,7 @@ var border_colors = exports.border_colors = {
   borderBaseDisabled: (0, _utils.computed)(function (_ref112) {
     var _ref113 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref114, 1),
@@ -362,12 +362,12 @@ var border_colors = exports.border_colors = {
   borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref116) {
     var _ref117 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref120, 1),
@@ -419,32 +419,32 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBasePrimary: (0, _utils.computed)(function (_ref132) {
     var _ref133 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref144, 1),
@@ -469,7 +469,7 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref152) {
     var _ref153 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref154, 1),
@@ -479,62 +479,62 @@ var dark_background_colors = exports.dark_background_colors = {
   backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref156) {
     var _ref157 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref180, 1),
@@ -576,7 +576,7 @@ var dark_transparent_background_colors = exports.dark_transparent_background_col
   backgroundTransparentSubdued: (0, _utils.computed)(function (_ref194) {
     var _ref195 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref196, 1),
@@ -588,32 +588,32 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBasePrimary: (0, _utils.computed)(function (_ref198) {
     var _ref199 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref210, 1),
@@ -623,7 +623,7 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseDisabled: (0, _utils.computed)(function (_ref212) {
     var _ref213 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref214, 1),
@@ -634,12 +634,12 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref216) {
     var _ref217 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_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 = (0, _slicedToArray2.default)(_ref220, 1),
@@ -685,7 +685,7 @@ var dark_colors_ams = exports.dark_colors_ams = _objectSpread(_objectSpread(_obj
   body: (0, _utils.computed)(function (_ref232) {
     var _ref233 = (0, _slicedToArray2.default)(_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/optimize/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/optimize/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "99.1.0-borealis.0",
+  "version": "99.2.0-borealis.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -105,7 +105,7 @@
     "@cypress/webpack-dev-server": "^1.7.0",
     "@elastic/charts": "^64.1.0",
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eui-theme-borealis": "0.0.9",
+    "@elastic/eui-theme-borealis": "0.0.10",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.0",
@@ -257,7 +257,7 @@
   },
   "peerDependencies": {
     "@elastic/datemath": "^5.0.2",
-    "@elastic/eui-theme-borealis": "0.0.9",
+    "@elastic/eui-theme-borealis": "0.0.10",
     "@emotion/css": "11.x",
     "@emotion/react": "11.x",
     "@types/react": "^16.9 || ^17.0 || ^18.0",