@elastic/eui 97.3.1-rc.0 → 98.0.0

package/test-env/themes/amsterdam/global_styling/mixins/shadow.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEuiSlightShadowHover = exports.useEuiShadowFlat = exports.useEuiShadow = exports.euiSlightShadowHover = exports.euiShadowXSmall = exports.euiShadowXLarge = exports.euiShadowSmall = exports.euiShadowMedium = exports.euiShadowLarge = exports.euiShadowFlat = exports.euiShadow = void 0;
 var _theme = require("../../../../services/theme");
 var _functions = require("../functions");
-var _global_styling = require("../../../../global_styling");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -18,43 +17,38 @@ var _global_styling = require("../../../../global_styling");
 /**
  * euiSlightShadow
  */
-var euiShadowXSmall = exports.euiShadowXSmall = function euiShadowXSmall(_ref, options) {
+var euiShadowXSmall = exports.euiShadowXSmall = function euiShadowXSmall(_ref) {
   var euiTheme = _ref.euiTheme,
-    colorMode = _ref.colorMode,
-    highContrastMode = _ref.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
+    colorMode = _ref.colorMode;
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref2.color;
+  var color = _color || euiTheme.colors.shadow;
   return "\nbox-shadow:\n  0 .8px .8px ".concat((0, _functions.getShadowColor)(color, 0.04, colorMode), ",\n  0 2.3px 2px ").concat((0, _functions.getShadowColor)(color, 0.03, colorMode), ";\n");
 };
 
 /**
  * bottomShadowSmall
  */
-var euiShadowSmall = exports.euiShadowSmall = function euiShadowSmall(_ref2, options) {
-  var euiTheme = _ref2.euiTheme,
-    colorMode = _ref2.colorMode,
-    highContrastMode = _ref2.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
+var euiShadowSmall = exports.euiShadowSmall = function euiShadowSmall(_ref3) {
+  var euiTheme = _ref3.euiTheme,
+    colorMode = _ref3.colorMode;
+  var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref4.color;
+  var color = _color || euiTheme.colors.shadow;
   return "\nbox-shadow:\n  0 .7px 1.4px ".concat((0, _functions.getShadowColor)(color, 0.07, colorMode), ",\n  0 1.9px 4px ").concat((0, _functions.getShadowColor)(color, 0.05, colorMode), ",\n  0 4.5px 10px ").concat((0, _functions.getShadowColor)(color, 0.05, colorMode), ";\n");
 };
 
 /**
  * bottomShadowMedium
  */
-var euiShadowMedium = exports.euiShadowMedium = function euiShadowMedium(_ref3, options) {
-  var euiTheme = _ref3.euiTheme,
-    colorMode = _ref3.colorMode,
-    highContrastMode = _ref3.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
-  if ((options === null || options === void 0 ? void 0 : options.property) === 'filter') {
+var euiShadowMedium = exports.euiShadowMedium = function euiShadowMedium(_ref5) {
+  var euiTheme = _ref5.euiTheme,
+    colorMode = _ref5.colorMode;
+  var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref6.color,
+    property = _ref6.property;
+  var color = _color || euiTheme.colors.shadow;
+  if (property === 'filter') {
     // Using only one drop-shadow filter instead of multiple is more performant & prevents Safari bugs
     return "filter: drop-shadow(0 5.7px 9px ".concat((0, _functions.getShadowColor)(color, 0.2, colorMode), ");");
   } else {
@@ -65,14 +59,12 @@ var euiShadowMedium = exports.euiShadowMedium = function euiShadowMedium(_ref3,
 /**
  * bottomShadow
  */
-var euiShadowLarge = exports.euiShadowLarge = function euiShadowLarge(_ref4, options) {
-  var euiTheme = _ref4.euiTheme,
-    colorMode = _ref4.colorMode,
-    highContrastMode = _ref4.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
+var euiShadowLarge = exports.euiShadowLarge = function euiShadowLarge(_ref7) {
+  var euiTheme = _ref7.euiTheme,
+    colorMode = _ref7.colorMode;
+  var _ref8 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref8.color;
+  var color = _color || euiTheme.colors.shadow;
   return "\nbox-shadow:\n  0 1px 5px ".concat((0, _functions.getShadowColor)(color, 0.1, colorMode), ",\n  0 3.6px 13px ").concat((0, _functions.getShadowColor)(color, 0.07, colorMode), ",\n  0 8.4px 23px ").concat((0, _functions.getShadowColor)(color, 0.06, colorMode), ",\n  0 23px 35px ").concat((0, _functions.getShadowColor)(color, 0.05, colorMode), ";\n");
 };
 
@@ -80,30 +72,25 @@ var euiShadowLarge = exports.euiShadowLarge = function euiShadowLarge(_ref4, opt
  * bottomShadowLarge
  */
 
-var euiShadowXLarge = exports.euiShadowXLarge = function euiShadowXLarge(_ref5, options) {
-  var _options$reverse;
-  var euiTheme = _ref5.euiTheme,
-    colorMode = _ref5.colorMode,
-    highContrastMode = _ref5.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
-  var reverse = (_options$reverse = options === null || options === void 0 ? void 0 : options.reverse) !== null && _options$reverse !== void 0 ? _options$reverse : false;
+var euiShadowXLarge = exports.euiShadowXLarge = function euiShadowXLarge(_ref9) {
+  var euiTheme = _ref9.euiTheme,
+    colorMode = _ref9.colorMode;
+  var _ref10 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref10.color,
+    reverse = _ref10.reverse;
+  var color = _color || euiTheme.colors.shadow;
   return "\nbox-shadow:\n  0 ".concat(reverse ? '-' : '', "2.7px 9px ").concat((0, _functions.getShadowColor)(color, 0.13, colorMode), ",\n  0 ").concat(reverse ? '-' : '', "9.4px 24px ").concat((0, _functions.getShadowColor)(color, 0.09, colorMode), ",\n  0 ").concat(reverse ? '-' : '', "21.8px 43px ").concat((0, _functions.getShadowColor)(color, 0.08, colorMode), ";\n");
 };
 
 /**
  * slightShadowHover
  */
-var euiSlightShadowHover = exports.euiSlightShadowHover = function euiSlightShadowHover(_ref6, options) {
-  var euiTheme = _ref6.euiTheme,
-    colorMode = _ref6.colorMode,
-    highContrastMode = _ref6.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
+var euiSlightShadowHover = exports.euiSlightShadowHover = function euiSlightShadowHover(_ref11) {
+  var euiTheme = _ref11.euiTheme,
+    colorMode = _ref11.colorMode;
+  var _ref12 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref12.color;
+  var color = _color || euiTheme.colors.shadow;
   return "\nbox-shadow:\n  0 1px 5px ".concat((0, _functions.getShadowColor)(color, 0.1, colorMode), ",\n  0 3.6px 13px ").concat((0, _functions.getShadowColor)(color, 0.07, colorMode), ",\n  0 8.4px 23px ").concat((0, _functions.getShadowColor)(color, 0.06, colorMode), ",\n  0 23px 35px ").concat((0, _functions.getShadowColor)(color, 0.05, colorMode), ";\n");
 };
 var useEuiSlightShadowHover = exports.useEuiSlightShadowHover = function useEuiSlightShadowHover(color) {
@@ -119,14 +106,12 @@ var useEuiSlightShadowHover = exports.useEuiSlightShadowHover = function useEuiS
  * Similar to shadow medium but without the bottom depth.
  * Useful for popovers that drop UP rather than DOWN.
  */
-var euiShadowFlat = exports.euiShadowFlat = function euiShadowFlat(_ref7, options) {
-  var euiTheme = _ref7.euiTheme,
-    colorMode = _ref7.colorMode,
-    highContrastMode = _ref7.highContrastMode;
-  if (highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiTheme) : _highContrastBorderBottom(euiTheme);
-  }
-  var color = (options === null || options === void 0 ? void 0 : options.color) || euiTheme.colors.shadow;
+var euiShadowFlat = exports.euiShadowFlat = function euiShadowFlat(_ref13) {
+  var euiTheme = _ref13.euiTheme,
+    colorMode = _ref13.colorMode;
+  var _ref14 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _color = _ref14.color;
+  var color = _color || euiTheme.colors.shadow;
   return "\nbox-shadow:\n  0 0 .8px ".concat((0, _functions.getShadowColor)(color, 0.06, colorMode), ",\n  0 0 2px ").concat((0, _functions.getShadowColor)(color, 0.04, colorMode), ",\n  0 0 5px ").concat((0, _functions.getShadowColor)(color, 0.04, colorMode), ",\n  0 0 17px ").concat((0, _functions.getShadowColor)(color, 0.03, colorMode), ";\n");
 };
 var useEuiShadowFlat = exports.useEuiShadowFlat = function useEuiShadowFlat(color) {
@@ -137,21 +122,29 @@ var useEuiShadowFlat = exports.useEuiShadowFlat = function useEuiShadowFlat(colo
 };
 var euiShadow = exports.euiShadow = function euiShadow(euiThemeContext) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
-  var options = arguments.length > 2 ? arguments[2] : undefined;
-  if (euiThemeContext.highContrastMode) {
-    return options !== null && options !== void 0 && options.borderAllInHighContrastMode ? _highContrastBorderAll(euiThemeContext.euiTheme) : _highContrastBorderBottom(euiThemeContext.euiTheme);
-  }
+  var _ref15 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+    color = _ref15.color;
   switch (size) {
     case 'xs':
-      return euiShadowXSmall(euiThemeContext, options);
+      return euiShadowXSmall(euiThemeContext, {
+        color: color
+      });
     case 's':
-      return euiShadowSmall(euiThemeContext, options);
+      return euiShadowSmall(euiThemeContext, {
+        color: color
+      });
     case 'm':
-      return euiShadowMedium(euiThemeContext, options);
+      return euiShadowMedium(euiThemeContext, {
+        color: color
+      });
     case 'l':
-      return euiShadowLarge(euiThemeContext, options);
+      return euiShadowLarge(euiThemeContext, {
+        color: color
+      });
     case 'xl':
-      return euiShadowXLarge(euiThemeContext, options);
+      return euiShadowXLarge(euiThemeContext, {
+        color: color
+      });
     default:
       console.warn('Please provide a valid size option to useEuiShadow');
       return '';
@@ -164,19 +157,4 @@ var useEuiShadow = exports.useEuiShadow = function useEuiShadow() {
   return euiShadow(euiThemeContext, size, {
     color: color
   });
-};
-
-/**
- * Internal utilities for replacing shadows with high contrast borders instead.
- * NOTE: Windows' high contrast themes ignore *all* `box-shadow` CSS,
- * so we have to use `border` CSS explicitly, not box-shadow
- */
-
-var _highContrastBorderBottom = function _highContrastBorderBottom(_ref8) {
-  var border = _ref8.border;
-  return (0, _global_styling.logicalCSS)('border-bottom', border.thin);
-};
-var _highContrastBorderAll = function _highContrastBorderAll(_ref9) {
-  var border = _ref9.border;
-  return "border: ".concat(border.thin, ";");
 };

package/test-env/themes/themes.js

@@ -14,8 +14,12 @@ var _theme = require("./amsterdam/theme");
  */
 
 var EUI_THEMES = exports.EUI_THEMES = [{
-  text: 'Amsterdam',
-  value: _theme.AMSTERDAM_NAME_KEY,
+  text: 'Light',
+  value: 'light',
+  provider: _theme.EuiThemeAmsterdam
+}, {
+  text: 'Dark',
+  value: 'dark',
   provider: _theme.EuiThemeAmsterdam
 }];
 var isDefaultTheme = exports.isDefaultTheme = function isDefaultTheme(name) {

package/es/components/provider/system_defaults/system_defaults_provider.js

@@ -1,27 +0,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.
- */
-
-import { useWindowMediaMatcher } from './match_media_hook';
-import PropTypes from "prop-types";
-export var COLOR_MODE_MEDIA_QUERY = '(prefers-color-scheme: dark)';
-export var EuiSystemDefaultsProvider = function EuiSystemDefaultsProvider(_ref) {
-  var children = _ref.children;
-  // @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
-  var colorMode = useWindowMediaMatcher('(prefers-color-scheme: dark)') ? 'DARK' : 'LIGHT';
-
-  // This is a little more spicy. We don't need to get granular with *our* high contrast
-  // mode(?), so we should match multiple contrast modes. @see:
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
-  // - https://kilianvalkhof.com/2023/css-html/i-no-longer-understand-prefers-contrast/
-  var highContrastMode = useWindowMediaMatcher('(prefers-contrast: more), (prefers-contrast: custom), (forced-colors: active)');
-  return children(colorMode, highContrastMode);
-};
-EuiSystemDefaultsProvider.propTypes = {
-  children: PropTypes.func.isRequired
-};

package/lib/components/provider/system_defaults/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiSystemDefaultsProvider", {
-  enumerable: true,
-  get: function get() {
-    return _system_defaults_provider.EuiSystemDefaultsProvider;
-  }
-});
-var _system_defaults_provider = require("./system_defaults_provider");

package/lib/components/provider/system_defaults/system_defaults_provider.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiSystemDefaultsProvider = exports.COLOR_MODE_MEDIA_QUERY = void 0;
-var _match_media_hook = require("./match_media_hook");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
- * 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 COLOR_MODE_MEDIA_QUERY = exports.COLOR_MODE_MEDIA_QUERY = '(prefers-color-scheme: dark)';
-var EuiSystemDefaultsProvider = exports.EuiSystemDefaultsProvider = function EuiSystemDefaultsProvider(_ref) {
-  var children = _ref.children;
-  // @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
-  var colorMode = (0, _match_media_hook.useWindowMediaMatcher)('(prefers-color-scheme: dark)') ? 'DARK' : 'LIGHT';
-
-  // This is a little more spicy. We don't need to get granular with *our* high contrast
-  // mode(?), so we should match multiple contrast modes. @see:
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
-  // - https://kilianvalkhof.com/2023/css-html/i-no-longer-understand-prefers-contrast/
-  var highContrastMode = (0, _match_media_hook.useWindowMediaMatcher)('(prefers-contrast: more), (prefers-contrast: custom), (forced-colors: active)');
-  return children(colorMode, highContrastMode);
-};
-EuiSystemDefaultsProvider.propTypes = {
-  children: _propTypes.default.func.isRequired
-};

package/optimize/es/components/provider/system_defaults/system_defaults_provider.js

@@ -1,23 +0,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.
- */
-
-import { useWindowMediaMatcher } from './match_media_hook';
-export var COLOR_MODE_MEDIA_QUERY = '(prefers-color-scheme: dark)';
-export var EuiSystemDefaultsProvider = function EuiSystemDefaultsProvider(_ref) {
-  var children = _ref.children;
-  // @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
-  var colorMode = useWindowMediaMatcher('(prefers-color-scheme: dark)') ? 'DARK' : 'LIGHT';
-
-  // This is a little more spicy. We don't need to get granular with *our* high contrast
-  // mode(?), so we should match multiple contrast modes. @see:
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
-  // - https://kilianvalkhof.com/2023/css-html/i-no-longer-understand-prefers-contrast/
-  var highContrastMode = useWindowMediaMatcher('(prefers-contrast: more), (prefers-contrast: custom), (forced-colors: active)');
-  return children(colorMode, highContrastMode);
-};

package/optimize/lib/components/provider/system_defaults/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiSystemDefaultsProvider", {
-  enumerable: true,
-  get: function get() {
-    return _system_defaults_provider.EuiSystemDefaultsProvider;
-  }
-});
-var _system_defaults_provider = require("./system_defaults_provider");

package/optimize/lib/components/provider/system_defaults/system_defaults_provider.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiSystemDefaultsProvider = exports.COLOR_MODE_MEDIA_QUERY = void 0;
-var _match_media_hook = require("./match_media_hook");
-/*
- * 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 COLOR_MODE_MEDIA_QUERY = exports.COLOR_MODE_MEDIA_QUERY = '(prefers-color-scheme: dark)';
-var EuiSystemDefaultsProvider = exports.EuiSystemDefaultsProvider = function EuiSystemDefaultsProvider(_ref) {
-  var children = _ref.children;
-  // @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
-  var colorMode = (0, _match_media_hook.useWindowMediaMatcher)('(prefers-color-scheme: dark)') ? 'DARK' : 'LIGHT';
-
-  // This is a little more spicy. We don't need to get granular with *our* high contrast
-  // mode(?), so we should match multiple contrast modes. @see:
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
-  // - https://kilianvalkhof.com/2023/css-html/i-no-longer-understand-prefers-contrast/
-  var highContrastMode = (0, _match_media_hook.useWindowMediaMatcher)('(prefers-contrast: more), (prefers-contrast: custom), (forced-colors: active)');
-  return children(colorMode, highContrastMode);
-};

package/test-env/components/provider/system_defaults/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiSystemDefaultsProvider", {
-  enumerable: true,
-  get: function get() {
-    return _system_defaults_provider.EuiSystemDefaultsProvider;
-  }
-});
-var _system_defaults_provider = require("./system_defaults_provider");

package/test-env/components/provider/system_defaults/system_defaults_provider.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiSystemDefaultsProvider = exports.COLOR_MODE_MEDIA_QUERY = void 0;
-var _match_media_hook = require("./match_media_hook");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-/*
- * 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 COLOR_MODE_MEDIA_QUERY = exports.COLOR_MODE_MEDIA_QUERY = '(prefers-color-scheme: dark)';
-var EuiSystemDefaultsProvider = exports.EuiSystemDefaultsProvider = function EuiSystemDefaultsProvider(_ref) {
-  var children = _ref.children;
-  // @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
-  var colorMode = (0, _match_media_hook.useWindowMediaMatcher)('(prefers-color-scheme: dark)') ? 'DARK' : 'LIGHT';
-
-  // This is a little more spicy. We don't need to get granular with *our* high contrast
-  // mode(?), so we should match multiple contrast modes. @see:
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast
-  // - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
-  // - https://kilianvalkhof.com/2023/css-html/i-no-longer-understand-prefers-contrast/
-  var highContrastMode = (0, _match_media_hook.useWindowMediaMatcher)('(prefers-contrast: more), (prefers-contrast: custom), (forced-colors: active)');
-  return children(colorMode, highContrastMode);
-};
-EuiSystemDefaultsProvider.propTypes = {
-  children: _propTypes.default.func.isRequired
-};