@elastic/eui 98.2.1-borealis.0 → 98.2.1

package/lib/global_styling/mixins/index.js

@@ -68,15 +68,4 @@ Object.keys(_responsive).forEach(function (key) {
       return _responsive[key];
     }
   });
-});
-var _button = require("./_button");
-Object.keys(_button).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _button[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _button[key];
-    }
-  });
 });

package/lib/global_styling/reset/global_styles.js

@@ -39,7 +39,7 @@ var EuiGlobalStyles = exports.EuiGlobalStyles = function EuiGlobalStyles(_ref) {
    * so that it knows to use custom styles. Therefore, we just reuse the same scrollbar mixin with thick size.
    */
   var scrollbarStyles = (0, _mixins.euiScrollBarStyles)(euiThemeContext, {
-    trackColor: euiTheme.components.scrollbarTrackColor,
+    trackColor: colorMode === 'LIGHT' ? (0, _color.shade)(colors.body, 0.03) : (0, _color.tint)(colors.body, 0.07),
     width: 'auto'
   });
 

package/lib/global_styling/variables/_colors_vis.js

@@ -3,10 +3,65 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "colorVis", {
-  enumerable: true,
-  get: function get() {
-    return _colors_vis.colorVis;
+exports.colorVis = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * NOTE: These were quick conversions of their Sass counterparts.
+ *       They have yet to be used/tested.
+ * TODO: Make the graphic version available from `euiPaletteColorBlind()`
+ */
+
+// Maps allow for easier JSON usage
+// Use map_merge(euiColorVisColors, $yourMap) to change individual colors after importing ths file
+// The `behindText` variant is a direct copy of the hex output by the JS euiPaletteColorBlindBehindText() function
+var euiPaletteColorBlind = {
+  euiColorVis0: {
+    graphic: '#54B399'
+  },
+  euiColorVis1: {
+    graphic: '#6092C0'
+  },
+  euiColorVis2: {
+    graphic: '#D36086'
+  },
+  euiColorVis3: {
+    graphic: '#9170B8'
+  },
+  euiColorVis4: {
+    graphic: '#CA8EAE'
+  },
+  euiColorVis5: {
+    graphic: '#D6BF57'
+  },
+  euiColorVis6: {
+    graphic: '#B9A888'
+  },
+  euiColorVis7: {
+    graphic: '#DA8B45'
+  },
+  euiColorVis8: {
+    graphic: '#AA6556'
+  },
+  euiColorVis9: {
+    graphic: '#E7664C'
   }
-});
-var _colors_vis = require("../../themes/amsterdam/global_styling/variables/_colors_vis");
+};
+var colorVis = exports.colorVis = {
+  euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
+  euiColorVis1: euiPaletteColorBlind.euiColorVis1.graphic,
+  euiColorVis2: euiPaletteColorBlind.euiColorVis2.graphic,
+  euiColorVis3: euiPaletteColorBlind.euiColorVis3.graphic,
+  euiColorVis4: euiPaletteColorBlind.euiColorVis4.graphic,
+  euiColorVis5: euiPaletteColorBlind.euiColorVis5.graphic,
+  euiColorVis6: euiPaletteColorBlind.euiColorVis6.graphic,
+  euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
+  euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
+  euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic
+};

package/lib/global_styling/variables/animations.js

@@ -3,28 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EuiThemeAnimationEasings", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeAnimationEasings;
-  }
-});
-Object.defineProperty(exports, "EuiThemeAnimationSpeeds", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeAnimationSpeeds;
-  }
-});
-Object.defineProperty(exports, "euiCanAnimate", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.euiCanAnimate;
-  }
-});
-Object.defineProperty(exports, "euiCantAnimate", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.euiCantAnimate;
-  }
-});
-var _euiThemeCommon = require("@elastic/eui-theme-common");
+exports.euiCantAnimate = exports.euiCanAnimate = exports.EuiThemeAnimationSpeeds = exports.EuiThemeAnimationEasings = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * A constant storing the `prefers-reduced-motion` media query
+ * so that when it is turned off, animations are not run.
+ */
+var euiCanAnimate = exports.euiCanAnimate = '@media screen and (prefers-reduced-motion: no-preference)';
+
+/**
+ * A constant storing the `prefers-reduced-motion` media query that will
+ * only apply the content if the setting is off (reduce).
+ */
+var euiCantAnimate = exports.euiCantAnimate = '@media screen and (prefers-reduced-motion: reduce)';
+
+/**
+ * Speeds / Durations / Delays
+ */
+
+var EuiThemeAnimationSpeeds = exports.EuiThemeAnimationSpeeds = ['extraFast', 'fast', 'normal', 'slow', 'extraSlow'];
+/**
+ * Easings / Timing functions
+ */
+
+var EuiThemeAnimationEasings = exports.EuiThemeAnimationEasings = ['bounce', 'resistance'];

package/lib/global_styling/variables/breakpoint.js

@@ -3,10 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EuiThemeBreakpoints", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeBreakpoints;
-  }
-});
-var _euiThemeCommon = require("@elastic/eui-theme-common");
+exports.EuiThemeBreakpoints = void 0;
+/*
+ * 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 EuiThemeBreakpoints = exports.EuiThemeBreakpoints = ['xs', 's', 'm', 'l', 'xl'];
+
+// This type cannot be a string enum / must be a generic string
+// in case consumers add custom breakpoint sizes, such as xxl or xxs
+
+// Explicitly list out each key so we can document default values
+// via JSDoc (which is available to devs in IDE via intellisense)

package/lib/global_styling/variables/levels.js

@@ -3,10 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EuiThemeLevels", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeLevels;
-  }
-});
-var _euiThemeCommon = require("@elastic/eui-theme-common");
+exports.EuiThemeLevels = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * Z-Index
+ *
+ * Remember that z-index is relative to parent and based on the stacking context.
+ * z-indexes only compete against other z-indexes when they exist as children of
+ * that shared parent.
+ *
+ * That means a popover with a settings of 2, will still show above a modal
+ * with a setting of 100, if it is within that modal and not besides it.
+ *
+ * Generally that means it's a good idea to consider things added to this file
+ * as competitive only as siblings.
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+
+var EuiThemeLevels = exports.EuiThemeLevels = ['toast', 'modal', 'mask', 'navigation', 'menu', 'header', 'flyout', 'maskBelowHeader', 'content'];

package/lib/global_styling/variables/shadow.js

@@ -3,16 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EuiThemeShadowSizes", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeShadowSizes;
-  }
-});
-Object.defineProperty(exports, "_EuiShadowSizesDescriptions", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon._EuiShadowSizesDescriptions;
-  }
-});
-var _euiThemeCommon = require("@elastic/eui-theme-common");
+exports._EuiShadowSizesDescriptions = exports.EuiThemeShadowSizes = void 0;
+/*
+ * 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 EuiThemeShadowSizes = exports.EuiThemeShadowSizes = ['xs', 's', 'm', 'l', 'xl'];
+/**
+ * Shadow t-shirt sizes descriptions
+ */
+var _EuiShadowSizesDescriptions = exports._EuiShadowSizesDescriptions = {
+  xs: 'Very subtle shadow used on small components.',
+  s: 'Adds subtle depth, usually used in conjunction with a border.',
+  m: 'Used on small sized portalled content like popovers.',
+  l: 'Primary shadow used in most cases to add visible depth.',
+  xl: 'Very large shadows used for large portalled style containers like modals and flyouts.'
+};

package/lib/global_styling/variables/size.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EuiThemeSizes", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeSizes;
-  }
-});
-var _euiThemeCommon = require("@elastic/eui-theme-common");
+exports.EuiThemeSizes = void 0;
+/*
+ * 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 EuiThemeSizes = exports.EuiThemeSizes = ['xxs', 'xs', 's', 'm', 'base', 'l', 'xl', 'xxl', 'xxxl', 'xxxxl'];

package/lib/global_styling/variables/typography.js

@@ -3,22 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EuiThemeFontScales", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeFontScales;
-  }
-});
-Object.defineProperty(exports, "EuiThemeFontUnits", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeFontUnits;
-  }
-});
-Object.defineProperty(exports, "EuiThemeFontWeights", {
-  enumerable: true,
-  get: function get() {
-    return _euiThemeCommon.EuiThemeFontWeights;
-  }
-});
-var _euiThemeCommon = require("@elastic/eui-theme-common");
+exports.EuiThemeFontWeights = exports.EuiThemeFontUnits = exports.EuiThemeFontScales = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * Font units of measure
+ */
+
+var EuiThemeFontUnits = exports.EuiThemeFontUnits = ['rem', 'px', 'em'];
+/*
+ * Font scale
+ */
+
+var EuiThemeFontScales = exports.EuiThemeFontScales = ['xxxs', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
+
+/*
+ * Font base settings
+ */
+
+/*
+ * Font weights
+ */
+
+var EuiThemeFontWeights = exports.EuiThemeFontWeights = ['light', 'regular', 'medium', 'semiBold', 'bold'];
+
+/**
+ * Body / Base styles
+ */
+
+/**
+ * Title styles
+ */
+
+/*
+ * Font
+ */

package/lib/services/color/eui_palettes.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.euiPaletteWarm = exports.euiPaletteRed = exports.euiPaletteGreen = exports.euiPaletteGray = exports.euiPaletteForTemperature = exports.euiPaletteForStatus = exports.euiPaletteForLightBackground = exports.euiPaletteForDarkBackground = exports.euiPaletteCool = exports.euiPaletteComplementary = exports.euiPaletteColorBlindBehindText = exports.euiPaletteColorBlind = void 0;
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _color_palette = require("./color_palette");
-var _vis_color_store = require("./vis_color_store");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -35,14 +34,6 @@ var euiPalette = function euiPalette(colors, steps) {
   }
   return (0, _color_palette.colorPalette)(colors, steps, diverge, categorical);
 };
-/**
- * NOTE: These functions rely on base vis colors of the theme which are provided via a global
- * singleton instance `EUI_VIS_COLOR_STORE` that's updated by the EuiProvider on theme change.
- * Make sure the function is recalled on theme change to retrieve theme-related colors.
- *
- * Outside of a react component you can use the `subscibe()` method on the `EUI_VIS_COLOR_STORE`
- * to subscribe to updates and update your usages to ensure latest colors are loaded.
- */
 var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteColorBlind() {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref2$rotations = _ref2.rotations,
@@ -56,8 +47,26 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
     _ref2$sortShift = _ref2.sortShift,
     sortShift = _ref2$sortShift === void 0 ? '-100' : _ref2$sortShift;
   var colors = [];
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
-  var base = [visColors.euiColorVis0, visColors.euiColorVis1, visColors.euiColorVis2, visColors.euiColorVis3, visColors.euiColorVis4, visColors.euiColorVis5, visColors.euiColorVis6, visColors.euiColorVis7, visColors.euiColorVis8, visColors.euiColorVis9];
+  var base = ['#54B399',
+  // 0 green
+  '#6092C0',
+  // 1 blue
+  '#D36086',
+  // 2 dark pink
+  '#9170B8',
+  // 3 purple
+  '#CA8EAE',
+  // 4 light pink
+  '#D6BF57',
+  // 5 yellow
+  '#B9A888',
+  // 6 tan
+  '#DA8B45',
+  // 7 orange
+  '#AA6556',
+  // 8 brown
+  '#E7664C' // 9 red
+  ];
   if (sortBy === 'natural') {
     // Sort the colors based on the color wheel, but shifting the values based on sortShift
     base = _toConsumableArray(base).sort(function (a, b) {
@@ -103,156 +112,78 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
 /**
  * Color blind palette with text is meant for use when text is applied on top of the color.
  * It increases the brightness of the color to give the text more contrast.
- *
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteColorBlindBehindText = exports.euiPaletteColorBlindBehindText = function euiPaletteColorBlindBehindText() {
   var paletteProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   var originalPalette = euiPaletteColorBlind(paletteProps);
-
-  // new theme palette has required contrast, we don't need to adjust them
-  if (!hasVisColorAdjustment) return originalPalette;
   var newPalette = originalPalette.map(function (color) {
     return (0, _chromaJs.default)(color).brighten(0.5).hex();
   });
   return newPalette;
 };
-var _getVisColorsAsText = function _getVisColorsAsText(visColors, keys) {
-  return keys.reduce(function (colors, curr) {
-    return [].concat(_toConsumableArray(colors), [visColors[curr]]);
-  }, []);
-};
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteForLightBackground = exports.euiPaletteForLightBackground = function euiPaletteForLightBackground() {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
-  var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
-    return color.includes('AsTextLight');
-  });
-  return _getVisColorsAsText(visColors, visColorsAsTextKeys);
+  return ['#006BB4', '#017D73', '#F5A700', '#BD271E', '#DD0A73'];
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteForDarkBackground = exports.euiPaletteForDarkBackground = function euiPaletteForDarkBackground() {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
-  var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
-    return color.includes('AsTextDark');
-  });
-  return _getVisColorsAsText(visColors, visColorsAsTextKeys);
+  return ['#1BA9F5', '#7DE2D1', '#F990C0', '#F66', '#FFCE7A'];
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
+var greenColor = '#209280';
+var redColor = '#CC5642';
+var lightRedColor = euiPaletteColorBlind()[9];
+var coolArray = [euiPaletteColorBlind()[1], '#6092C0'];
+var warmArray = [euiPaletteColorBlind()[7], euiPaletteColorBlind()[9]];
 var euiPaletteForStatus = exports.euiPaletteForStatus = function euiPaletteForStatus(steps) {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisSuccess0];
+    return [greenColor];
   }
   if (steps <= 3) {
-    return euiPalette([visColors.euiColorVisSuccess0, visColors.euiColorVisWarning0, visColors.euiColorVisDanger0], steps, true);
+    return euiPalette([greenColor, euiPaletteColorBlind()[5], redColor], steps, true);
   }
-  return euiPalette([visColors.euiColorVisSuccess0, visColors.euiColorVisSuccess1, visColors.euiColorVisWarning0, visColors.euiColorVisDanger1, visColors.euiColorVisDanger0], steps, true);
+  return euiPalette([greenColor, euiPaletteColorBlind()[0], euiPaletteColorBlind()[5], lightRedColor, redColor], steps, true);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
+  var cools = (0, _color_palette.colorPalette)([].concat(_toConsumableArray(coolArray.slice().reverse()), ['#EBEFF5']), 3);
+  var warms = (0, _color_palette.colorPalette)(['#F4F3DB'].concat(warmArray), 3);
   if (steps === 1) {
-    return [visColors.euiColorVisCool2];
+    return [cools[0]];
   } else if (steps <= 3) {
-    return euiPalette([visColors.euiColorVisCool2, visColors.euiColorVisWarm2], steps, true);
+    return euiPalette([cools[0], lightRedColor], steps, true);
   }
-  var cools = (0, _color_palette.colorPalette)([visColors.euiColorVisCool2, visColors.euiColorVisCool1, visColors.euiColorVisCool0], 3);
-  var warms = (0, _color_palette.colorPalette)([visColors.euiColorVisWarm0, visColors.euiColorVisWarm1, visColors.euiColorVisWarm2], 3);
-  var paletteColors = hasVisColorAdjustment ? [].concat(_toConsumableArray(cools), _toConsumableArray(warms)) : [].concat(_toConsumableArray(cools), [visColors.euiColorVisNeutral0], _toConsumableArray(warms));
-  return euiPalette(paletteColors, steps, true);
+  return euiPalette([].concat(_toConsumableArray(cools), _toConsumableArray(warms)), steps, true);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteComplementary = exports.euiPaletteComplementary = function euiPaletteComplementary(steps) {
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisComplementary0];
+    return [euiPaletteColorBlind()[1]];
   }
-  var paletteColors = hasVisColorAdjustment ? [visColors.euiColorVisComplementary0, visColors.euiColorVisComplementary1] : [visColors.euiColorVisComplementary0, visColors.euiColorVisNeutral0, visColors.euiColorVisComplementary1];
-  return euiPalette(paletteColors, steps, true);
+  return euiPalette([euiPaletteColorBlind()[1], euiPaletteColorBlind()[7]], steps, true);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteRed = exports.euiPaletteRed = function euiPaletteRed(steps) {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisDanger1];
+    return [lightRedColor];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisDanger0], steps);
+  return euiPalette(['white', redColor], steps);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteGreen = exports.euiPaletteGreen = function euiPaletteGreen(steps) {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisSuccess1];
+    return [euiPaletteColorBlind()[0]];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisSuccess0], steps);
+  return euiPalette(['white', greenColor], steps);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteCool = exports.euiPaletteCool = function euiPaletteCool(steps) {
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisCool1];
+    return [coolArray[1]];
   }
-  return euiPalette([hasVisColorAdjustment ? visColors.euiColorVisNeutral0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
+  return euiPalette(['white'].concat(coolArray), steps);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteWarm = exports.euiPaletteWarm = function euiPaletteWarm(steps) {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisWarm2];
+    return [lightRedColor];
   }
-  return euiPalette([visColors.euiColorVisWarm0, visColors.euiColorVisWarm1, visColors.euiColorVisWarm2], steps);
+  return euiPalette(['#FBFBDC'].concat(warmArray), steps);
 };
-
-/**
- * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
- * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
- */
 var euiPaletteGray = exports.euiPaletteGray = function euiPaletteGray(steps) {
-  var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
-    return [visColors.euiColorVisGrey1];
+    return ['#98a2b3'];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisGrey0, visColors.euiColorVisGrey1, visColors.euiColorVisGrey2, visColors.euiColorVisGrey3], steps, false);
+  return euiPalette(['white', '#d3dae6', '#98a2b3', '#69707d', '#343741'], steps, false);
 };

package/lib/services/color/index.js

@@ -16,7 +16,6 @@ var _exportNames = {
   calculateLuminance: true,
   VISUALIZATION_COLORS: true,
   DEFAULT_VISUALIZATION_COLOR: true,
-  EUI_VIS_COLOR_STORE: true,
   colorPalette: true,
   euiPaletteForLightBackground: true,
   euiPaletteForDarkBackground: true,
@@ -38,12 +37,6 @@ Object.defineProperty(exports, "DEFAULT_VISUALIZATION_COLOR", {
     return _visualization_colors.DEFAULT_VISUALIZATION_COLOR;
   }
 });
-Object.defineProperty(exports, "EUI_VIS_COLOR_STORE", {
-  enumerable: true,
-  get: function get() {
-    return _vis_color_store.EUI_VIS_COLOR_STORE;
-  }
-});
 Object.defineProperty(exports, "VISUALIZATION_COLORS", {
   enumerable: true,
   get: function get() {
@@ -204,7 +197,6 @@ var _rgb_to_hex = require("./rgb_to_hex");
 var _rgb_to_hsv = require("./rgb_to_hsv");
 var _luminance_and_contrast = require("./luminance_and_contrast");
 var _visualization_colors = require("./visualization_colors");
-var _vis_color_store = require("./vis_color_store");
 var _color_palette = require("./color_palette");
 var _eui_palettes = require("./eui_palettes");
 var _stepped_gradient = require("./stepped_gradient");

package/lib/services/index.js

@@ -56,7 +56,6 @@ var _exportNames = {
   tintOrShade: true,
   transparentize: true,
   VISUALIZATION_COLORS: true,
-  EUI_VIS_COLOR_STORE: true,
   wcagContrastMin: true,
   useColorPickerState: true,
   useColorStopsState: true,
@@ -123,12 +122,6 @@ Object.defineProperty(exports, "DEFAULT_VISUALIZATION_COLOR", {
     return _color.DEFAULT_VISUALIZATION_COLOR;
   }
 });
-Object.defineProperty(exports, "EUI_VIS_COLOR_STORE", {
-  enumerable: true,
-  get: function get() {
-    return _color.EUI_VIS_COLOR_STORE;
-  }
-});
 Object.defineProperty(exports, "EuiWindowEvent", {
   enumerable: true,
   get: function get() {

package/lib/services/popover/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "_popoverArrowStyles", {
-  enumerable: true,
-  get: function get() {
-    return _popover_arrow._popoverArrowStyles;
-  }
-});
 Object.defineProperty(exports, "calculatePopoverPosition", {
   enumerable: true,
   get: function get() {
@@ -28,5 +22,4 @@ Object.defineProperty(exports, "getElementZIndex", {
   }
 });
 var _calculate_popover_position = require("./calculate_popover_position");
-var _popover_positioning = require("./popover_positioning");
-var _popover_arrow = require("./popover_arrow.styles");
+var _popover_positioning = require("./popover_positioning");