@elastic/eui 106.4.0-amsterdam.0 → 106.5.0

package/test-env/services/color/contrast.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wcagContrastMin = exports.makeHighContrastColor = exports.makeDisabledContrastColor = void 0;
+exports.wcagContrastMin = exports.warnIfContrastBelowMin = exports.makeHighContrastColor = exports.makeDisabledContrastColor = exports.getColorContrast = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _manipulation = require("./manipulation");
@@ -17,6 +17,9 @@ var _utils = require("../theme/utils");
  * Side Public License, v 1.
  */
 
+var getColorContrast = exports.getColorContrast = function getColorContrast(textColor, backgroundColor) {
+  return _chromaJs.default.contrast(textColor, backgroundColor);
+};
 var wcagContrastMin = exports.wcagContrastMin = 4.5; // WCAG AA minimum contrast ratio for normal (non-large) text
 
 /**
@@ -75,4 +78,12 @@ var makeDisabledContrastColor = exports.makeDisabledContrastColor = function mak
   return function (themeOrBackground) {
     return makeHighContrastColor(color, ratio)(themeOrBackground);
   };
+};
+var warnIfContrastBelowMin = exports.warnIfContrastBelowMin = function warnIfContrastBelowMin(textColor, backgroundColor) {
+  var min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : wcagContrastMin;
+  var ratio = getColorContrast(textColor, backgroundColor);
+  if (ratio < min) {
+    // eslint-disable-next-line no-console
+    console.warn("Warning: ".concat(backgroundColor, " background with ").concat(textColor, " text has a low contrast of ").concat(ratio.toFixed(2), ". Should be above ").concat(min, "."));
+  }
 };

package/test-env/services/color/vis_color_store.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EUI_VIS_COLOR_STORE = void 0;
 var _euiThemeCommon = require("@elastic/eui-theme-common");
-var _colors_vis_light = require("../../themes/amsterdam/global_styling/variables/_colors_vis_light");
+var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -15,4 +15,4 @@ var _colors_vis_light = require("../../themes/amsterdam/global_styling/variables
  */
 
 // initialsetup of Vis color storage with default colors
-var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_colors_vis_light.colorVisLight, false);
+var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, false);

package/test-env/services/theme/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
 var _react = require("react");
-var _theme = require("../../themes/amsterdam/theme");
+var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
 var _utils = require("./utils");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -16,7 +16,7 @@ var _utils = require("./utils");
  */
 
 var DEFAULTS = exports.DEFAULTS = {
-  system: _theme.EuiThemeAmsterdam,
+  system: _euiThemeBorealis.EuiThemeBorealis,
   modifications: {},
   colorMode: _utils.DEFAULT_COLOR_MODE,
   highContrastMode: false