@elastic/eui 62.2.1 → 64.0.0

package/test-env/services/index.js

@@ -15,13 +15,9 @@ var _exportNames = {
   LEFT_ALIGNMENT: true,
   RIGHT_ALIGNMENT: true,
   CENTER_ALIGNMENT: true,
-  BREAKPOINTS: true,
-  BREAKPOINT_KEYS: true,
-  getBreakpoint: true,
-  isWithinBreakpoints: true,
   useIsWithinBreakpoints: true,
-  isWithinMaxBreakpoint: true,
-  isWithinMinBreakpoint: true,
+  useIsWithinMaxBreakpoint: true,
+  useIsWithinMinBreakpoint: true,
   CurrentEuiBreakpointContext: true,
   CurrentEuiBreakpointProvider: true,
   useCurrentEuiBreakpoint: true,
@@ -92,18 +88,6 @@ var _exportNames = {
   EuiWindowEvent: true,
   throttle: true
 };
-Object.defineProperty(exports, "BREAKPOINTS", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.BREAKPOINTS;
-  }
-});
-Object.defineProperty(exports, "BREAKPOINT_KEYS", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.BREAKPOINT_KEYS;
-  }
-});
 Object.defineProperty(exports, "CENTER_ALIGNMENT", {
   enumerable: true,
   get: function get() {
@@ -362,12 +346,6 @@ Object.defineProperty(exports, "formatText", {
     return _format.formatText;
   }
 });
-Object.defineProperty(exports, "getBreakpoint", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.getBreakpoint;
-  }
-});
 Object.defineProperty(exports, "getDurationAndPerformOnFrame", {
   enumerable: true,
   get: function get() {
@@ -446,24 +424,6 @@ Object.defineProperty(exports, "isValidHex", {
     return _color.isValidHex;
   }
 });
-Object.defineProperty(exports, "isWithinBreakpoints", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.isWithinBreakpoints;
-  }
-});
-Object.defineProperty(exports, "isWithinMaxBreakpoint", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.isWithinMaxBreakpoint;
-  }
-});
-Object.defineProperty(exports, "isWithinMinBreakpoint", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.isWithinMinBreakpoint;
-  }
-});
 Object.defineProperty(exports, "isWithinRange", {
   enumerable: true,
   get: function get() {
@@ -597,6 +557,18 @@ Object.defineProperty(exports, "useIsWithinBreakpoints", {
     return _breakpoint.useIsWithinBreakpoints;
   }
 });
+Object.defineProperty(exports, "useIsWithinMaxBreakpoint", {
+  enumerable: true,
+  get: function get() {
+    return _breakpoint.useIsWithinMaxBreakpoint;
+  }
+});
+Object.defineProperty(exports, "useIsWithinMinBreakpoint", {
+  enumerable: true,
+  get: function get() {
+    return _breakpoint.useIsWithinMinBreakpoint;
+  }
+});
 
 var keys = _interopRequireWildcard(require("./keys"));
 

package/es/services/breakpoint/breakpoint.js

@@ -1,86 +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 { keysOf } from '../../components/common';
-import { breakpoint } from '../../themes/amsterdam/global_styling/variables/_breakpoint';
-export var BREAKPOINTS = breakpoint;
-export var BREAKPOINT_KEYS = keysOf(BREAKPOINTS);
-/**
- * Given the current `width` and an object of `EuiBreakpoints`,
- * this function returns the string that is the name of the breakpoint key
- * that is less than or equal to the width
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
- */
-
-export function getBreakpoint(width) {
-  var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
-  // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
-  return BREAKPOINT_KEYS.find(function (key) {
-    return breakpoints[key] <= width;
-  });
-}
-/**
- * Given the current `width` and a max breakpoint key,
- * this function returns true or false if the `width` falls within the max
- * breakpoint or any breakpoints below
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
- */
-
-export function isWithinMaxBreakpoint(width, max) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof max === 'number') {
-    return width <= max;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
-  }
-}
-/**
- * Given the current `width` and a min breakpoint key,
- * this function returns true or false if the `width` falls within the min
- * breakpoint or any breakpoints above
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
- */
-
-export function isWithinMinBreakpoint(width, min) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof min === 'number') {
-    return width >= min;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
-  }
-}
-/**
- * Given the current `width` and an array of breakpoint keys,
- * this function returns true or false if the `width` falls within
- * any of the named breakpoints
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-
-export function isWithinBreakpoints(width, sizes) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-  var currentBreakpoint = getBreakpoint(width, breakpoints);
-  return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
-}

package/es/services/breakpoint/useIsWithinBreakpoints.js

@@ -1,24 +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 { useCurrentEuiBreakpoint } from './current_breakpoint_hook';
-/**
- * Given the current window.innerWidth and an array of breakpoint keys,
- * this hook stores state and returns true or false if the window.innerWidth
- * falls within any of the named breakpoints.
- *
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
- *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-
-export var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
-  var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var currentBreakpoint = useCurrentEuiBreakpoint();
-  return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
-};

package/lib/services/breakpoint/breakpoint.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BREAKPOINT_KEYS = exports.BREAKPOINTS = void 0;
-exports.getBreakpoint = getBreakpoint;
-exports.isWithinBreakpoints = isWithinBreakpoints;
-exports.isWithinMaxBreakpoint = isWithinMaxBreakpoint;
-exports.isWithinMinBreakpoint = isWithinMinBreakpoint;
-
-var _common = require("../../components/common");
-
-var _breakpoint = require("../../themes/amsterdam/global_styling/variables/_breakpoint");
-
-/*
- * 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 BREAKPOINTS = _breakpoint.breakpoint;
-exports.BREAKPOINTS = BREAKPOINTS;
-var BREAKPOINT_KEYS = (0, _common.keysOf)(BREAKPOINTS);
-/**
- * Given the current `width` and an object of `EuiBreakpoints`,
- * this function returns the string that is the name of the breakpoint key
- * that is less than or equal to the width
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
- */
-
-exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
-
-function getBreakpoint(width) {
-  var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
-  // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
-  return BREAKPOINT_KEYS.find(function (key) {
-    return breakpoints[key] <= width;
-  });
-}
-/**
- * Given the current `width` and a max breakpoint key,
- * this function returns true or false if the `width` falls within the max
- * breakpoint or any breakpoints below
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
- */
-
-
-function isWithinMaxBreakpoint(width, max) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof max === 'number') {
-    return width <= max;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
-  }
-}
-/**
- * Given the current `width` and a min breakpoint key,
- * this function returns true or false if the `width` falls within the min
- * breakpoint or any breakpoints above
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
- */
-
-
-function isWithinMinBreakpoint(width, min) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof min === 'number') {
-    return width >= min;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
-  }
-}
-/**
- * Given the current `width` and an array of breakpoint keys,
- * this function returns true or false if the `width` falls within
- * any of the named breakpoints
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-
-
-function isWithinBreakpoints(width, sizes) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-  var currentBreakpoint = getBreakpoint(width, breakpoints);
-  return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
-}

package/lib/services/breakpoint/useIsWithinBreakpoints.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsWithinBreakpoints = void 0;
-
-var _current_breakpoint_hook = require("./current_breakpoint_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.
- */
-
-/**
- * Given the current window.innerWidth and an array of breakpoint keys,
- * this hook stores state and returns true or false if the window.innerWidth
- * falls within any of the named breakpoints.
- *
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
- *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
-  var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
-  return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
-};
-
-exports.useIsWithinBreakpoints = useIsWithinBreakpoints;

package/optimize/es/services/breakpoint/breakpoint.js

@@ -1,86 +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 { keysOf } from '../../components/common';
-import { breakpoint } from '../../themes/amsterdam/global_styling/variables/_breakpoint';
-export var BREAKPOINTS = breakpoint;
-export var BREAKPOINT_KEYS = keysOf(BREAKPOINTS);
-/**
- * Given the current `width` and an object of `EuiBreakpoints`,
- * this function returns the string that is the name of the breakpoint key
- * that is less than or equal to the width
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
- */
-
-export function getBreakpoint(width) {
-  var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
-  // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
-  return BREAKPOINT_KEYS.find(function (key) {
-    return breakpoints[key] <= width;
-  });
-}
-/**
- * Given the current `width` and a max breakpoint key,
- * this function returns true or false if the `width` falls within the max
- * breakpoint or any breakpoints below
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
- */
-
-export function isWithinMaxBreakpoint(width, max) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof max === 'number') {
-    return width <= max;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
-  }
-}
-/**
- * Given the current `width` and a min breakpoint key,
- * this function returns true or false if the `width` falls within the min
- * breakpoint or any breakpoints above
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
- */
-
-export function isWithinMinBreakpoint(width, min) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof min === 'number') {
-    return width >= min;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
-  }
-}
-/**
- * Given the current `width` and an array of breakpoint keys,
- * this function returns true or false if the `width` falls within
- * any of the named breakpoints
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-
-export function isWithinBreakpoints(width, sizes) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-  var currentBreakpoint = getBreakpoint(width, breakpoints);
-  return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
-}

package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js

@@ -1,24 +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 { useCurrentEuiBreakpoint } from './current_breakpoint_hook';
-/**
- * Given the current window.innerWidth and an array of breakpoint keys,
- * this hook stores state and returns true or false if the window.innerWidth
- * falls within any of the named breakpoints.
- *
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
- *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-
-export var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
-  var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var currentBreakpoint = useCurrentEuiBreakpoint();
-  return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
-};

package/optimize/lib/services/breakpoint/breakpoint.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BREAKPOINT_KEYS = exports.BREAKPOINTS = void 0;
-exports.getBreakpoint = getBreakpoint;
-exports.isWithinBreakpoints = isWithinBreakpoints;
-exports.isWithinMaxBreakpoint = isWithinMaxBreakpoint;
-exports.isWithinMinBreakpoint = isWithinMinBreakpoint;
-
-var _common = require("../../components/common");
-
-var _breakpoint = require("../../themes/amsterdam/global_styling/variables/_breakpoint");
-
-/*
- * 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 BREAKPOINTS = _breakpoint.breakpoint;
-exports.BREAKPOINTS = BREAKPOINTS;
-var BREAKPOINT_KEYS = (0, _common.keysOf)(BREAKPOINTS);
-/**
- * Given the current `width` and an object of `EuiBreakpoints`,
- * this function returns the string that is the name of the breakpoint key
- * that is less than or equal to the width
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
- */
-
-exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
-
-function getBreakpoint(width) {
-  var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
-  // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
-  return BREAKPOINT_KEYS.find(function (key) {
-    return breakpoints[key] <= width;
-  });
-}
-/**
- * Given the current `width` and a max breakpoint key,
- * this function returns true or false if the `width` falls within the max
- * breakpoint or any breakpoints below
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
- */
-
-
-function isWithinMaxBreakpoint(width, max) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof max === 'number') {
-    return width <= max;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
-  }
-}
-/**
- * Given the current `width` and a min breakpoint key,
- * this function returns true or false if the `width` falls within the min
- * breakpoint or any breakpoints above
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
- */
-
-
-function isWithinMinBreakpoint(width, min) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-
-  if (typeof min === 'number') {
-    return width >= min;
-  } else {
-    var currentBreakpoint = getBreakpoint(width, breakpoints);
-    return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
-  }
-}
-/**
- * Given the current `width` and an array of breakpoint keys,
- * this function returns true or false if the `width` falls within
- * any of the named breakpoints
- *
- * @param {number} width Can either be the full window width or any width
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-
-
-function isWithinBreakpoints(width, sizes) {
-  var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
-  var currentBreakpoint = getBreakpoint(width, breakpoints);
-  return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
-}

package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsWithinBreakpoints = void 0;
-
-var _current_breakpoint_hook = require("./current_breakpoint_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.
- */
-
-/**
- * Given the current window.innerWidth and an array of breakpoint keys,
- * this hook stores state and returns true or false if the window.innerWidth
- * falls within any of the named breakpoints.
- *
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
- *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
- */
-var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
-  var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
-  return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
-};
-
-exports.useIsWithinBreakpoints = useIsWithinBreakpoints;

package/src/components/page/_mixins.scss

@@ -1,12 +0,0 @@
-@mixin euiPageRestrictWidth {
-  &--restrictWidth-default,
-  &--restrictWidth-custom {
-    margin-left: auto;
-    margin-right: auto;
-    width: 100%;
-  }
-
-  &--restrictWidth-default {
-    max-width: $euiPageDefaultMaxWidth;
-  }
-}

package/src/components/page/_page.scss

@@ -1,41 +0,0 @@
-.euiPage {
-  @include euiPageRestrictWidth;
-  display: flex;
-  background-color: $euiPageBackgroundColor;
-  flex-shrink: 0; // Ensures Safari doesn't shrink height beyond contents
-  max-width: 100%; // Ensures Firefox doesn't expand width beyond bounds
-
-  &--grow {
-    flex-grow: 1;
-  }
-
-  &--column {
-    flex-direction: column;
-  }
-
-  @include euiBreakpoint('xs', 's') {
-    flex-direction: column;
-  }
-}
-
-// Uses the same values as EuiPanel
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPage--#{$modifier} {
-    padding: $amount;
-
-    .euiPageSideBar {
-      min-width: $euiPageSidebarMinWidth;
-      margin-right: $amount;
-
-      // sass-lint:disable-block mixins-before-declarations
-      @include euiBreakpoint('xs', 's') {
-        margin-right: 0;
-        margin-bottom: $amount;
-      }
-    }
-
-    .euiPageBody > .euiPageHeader {
-      margin-bottom: $amount;
-    }
-  }
-}

package/src/components/page/page_body/_index.scss

@@ -1 +0,0 @@
-@import 'page_body';