@elastic/eui 94.5.2 → 95.0.0

package/optimize/lib/global_styling/functions/logicals.js

@@ -10,14 +10,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _common = require("../../components/common");
 var _logicals2 = _interopRequireDefault(require("./logicals.json"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /*
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return 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.
+ */
 /**
  * EUI utilizes logical CSS properties to enable directional writing-modes.
  * To encourage use of logical properties, we provide a few helper utilities to
@@ -25,7 +25,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
  */
 
-var logicalSide = {
+var logicalSide = exports.logicalSide = {
   left: 'inline-start',
   right: 'inline-end',
   top: 'block-start',
@@ -33,22 +33,18 @@ var logicalSide = {
   horizontal: 'inline',
   vertical: 'block'
 };
-exports.logicalSide = logicalSide;
-var LOGICAL_SIDES = (0, _common.keysOf)(logicalSide);
-exports.LOGICAL_SIDES = LOGICAL_SIDES;
-var logicals = _logicals2.default;
-exports.logicals = logicals;
+var LOGICAL_SIDES = exports.LOGICAL_SIDES = (0, _common.keysOf)(logicalSide);
+var logicals = exports.logicals = _logicals2.default;
 var _shorthands = _logicals2.default._shorthands,
   _logicals = (0, _objectWithoutProperties2.default)(_logicals2.default, ["_shorthands"]);
-var LOGICAL_PROPERTIES = (0, _common.keysOf)(_logicals);
-exports.LOGICAL_PROPERTIES = LOGICAL_PROPERTIES;
+var LOGICAL_PROPERTIES = exports.LOGICAL_PROPERTIES = (0, _common.keysOf)(_logicals);
 /**
  *
  * @param property A string that is a valid CSS logical property
  * @param value String to output as the property value
  * @returns `string` Returns the logical CSS property version for the given `property: value` pair
  */
-var logicalCSS = function logicalCSS(property, value) {
+var logicalCSS = exports.logicalCSS = function logicalCSS(property, value) {
   return "".concat(logicals[property], ": ").concat(value, ";");
 };
 
@@ -62,15 +58,13 @@ var logicalCSS = function logicalCSS(property, value) {
  * https://caniuse.com/?search=overflow-block
  * https://caniuse.com/mdn-css_properties_float_flow_relative_values
  */
-exports.logicalCSS = logicalCSS;
-var logicalCSSWithFallback = function logicalCSSWithFallback(property, value) {
+var logicalCSSWithFallback = exports.logicalCSSWithFallback = function logicalCSSWithFallback(property, value) {
   return "\n  ".concat(property, ": ").concat(value, ";\n  ").concat(logicalCSS(property, value), "\n");
 };
 
 /**
  * Casing utils for swapping between camel case (style objs) and kebab case (CSS)
  */
-exports.logicalCSSWithFallback = logicalCSSWithFallback;
 var camelCase = function camelCase(kebabCasedString) {
   return kebabCasedString.replace(/-\w/g, function (str) {
     return str.charAt(1).toUpperCase();
@@ -86,7 +80,7 @@ var kebabCase = function kebabCase(camelCasedString) {
  * @param value String to output as the property value
  * @returns `object` Returns the logical CSS property version for the given `property: value` pair
  */
-var logicalStyle = function logicalStyle(property, value) {
+var logicalStyle = exports.logicalStyle = function logicalStyle(property, value) {
   return (0, _defineProperty2.default)({}, camelCase(logicals[property]), value);
 };
 
@@ -97,8 +91,7 @@ var logicalStyle = function logicalStyle(property, value) {
  * @param styleObject - A React object of camelCased styles
  * @returns `object`
  */
-exports.logicalStyle = logicalStyle;
-var logicalStyles = function logicalStyles(styleObject) {
+var logicalStyles = exports.logicalStyles = function logicalStyles(styleObject) {
   var logicalStyleObject = {};
   Object.entries(styleObject).forEach(function (_ref2) {
     var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
@@ -121,8 +114,7 @@ var logicalStyles = function logicalStyles(styleObject) {
  * @param height A string value for the LTR height
  * @returns `string` Returns the logical CSS properties for height and width
  */
-exports.logicalStyles = logicalStyles;
-var logicalSizeCSS = function logicalSizeCSS(width) {
+var logicalSizeCSS = exports.logicalSizeCSS = function logicalSizeCSS(width) {
   var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : width;
   return "\n    ".concat(logicals.width, ": ").concat(width, ";\n    ").concat(logicals.height, ": ").concat(height, ";\n  ");
 };
@@ -133,30 +125,26 @@ var logicalSizeCSS = function logicalSizeCSS(width) {
  * @param height A string value for the LTR height
  * @returns `object` Returns the logical CSS properties for height and width
  */
-exports.logicalSizeCSS = logicalSizeCSS;
-var logicalSizeStyle = function logicalSizeStyle(width, height) {
+var logicalSizeStyle = exports.logicalSizeStyle = function logicalSizeStyle(width, height) {
   return _objectSpread(_objectSpread({}, logicalStyle('width', width)), logicalStyle('height', height));
 };
 
 // Text alignment is separate because its the value that changes not the property
-exports.logicalSizeStyle = logicalSizeStyle;
-var logicalText = {
+var logicalText = exports.logicalText = {
   'text-align': {
     left: 'start',
     center: 'center',
     right: 'end'
   }
 };
-exports.logicalText = logicalText;
-var LOGICAL_TEXT_ALIGNMENT = (0, _common.keysOf)(logicalText['text-align']);
-exports.LOGICAL_TEXT_ALIGNMENT = LOGICAL_TEXT_ALIGNMENT;
+var LOGICAL_TEXT_ALIGNMENT = exports.LOGICAL_TEXT_ALIGNMENT = (0, _common.keysOf)(logicalText['text-align']);
 /**
  *
  * @param property A string that is a valid CSS logical property
  * @param value String to output as the property value
  * @returns `string` Returns the logical CSS property version for the given `property: value` pair
  */
-var logicalTextAlignCSS = function logicalTextAlignCSS(value) {
+var logicalTextAlignCSS = exports.logicalTextAlignCSS = function logicalTextAlignCSS(value) {
   return "text-align: ".concat(logicalText['text-align'][value], ";");
 };
 
@@ -166,10 +154,8 @@ var logicalTextAlignCSS = function logicalTextAlignCSS(value) {
  * @param value String to output as the property value
  * @returns `object` Returns the logical CSS property version for the given `property: value` pair
  */
-exports.logicalTextAlignCSS = logicalTextAlignCSS;
-var logicalTextAlignStyle = function logicalTextAlignStyle(value) {
+var logicalTextAlignStyle = exports.logicalTextAlignStyle = function logicalTextAlignStyle(value) {
   return {
     textAlign: logicalText['text-align'][value]
   };
-};
-exports.logicalTextAlignStyle = logicalTextAlignStyle;
+};

package/optimize/lib/global_styling/functions/math.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.mathWithUnits = void 0;
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _setPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/setPrototypeOf"));
-function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return new BabelRegExp(re, void 0, groups); }; var _super = RegExp.prototype, _groups = new WeakMap(); function BabelRegExp(re, flags, groups) { var _this = new RegExp(re, flags); return _groups.set(_this, groups || _groups.get(re)), (0, _setPrototypeOf2.default)(_this, BabelRegExp.prototype); } function buildGroups(result, re) { var g = _groups.get(re); return Object.keys(g).reduce(function (groups, name) { var i = g[name]; if ("number" == typeof i) groups[name] = result[i];else { for (var k = 0; void 0 === result[i[k]] && k + 1 < i.length;) k++; groups[name] = result[i[k]]; } return groups; }, Object.create(null)); } return (0, _inherits2.default)(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (str) { var result = _super.exec.call(this, str); if (result) { result.groups = buildGroups(result, this); var indices = result.indices; indices && (indices.groups = buildGroups(indices, this)); } return result; }, BabelRegExp.prototype[Symbol.replace] = function (str, substitution) { if ("string" == typeof substitution) { var groups = _groups.get(this); return _super[Symbol.replace].call(this, str, substitution.replace(/\$<([^>]+)>/g, function (_, name) { var group = groups[name]; return "$" + (Array.isArray(group) ? group.join("$") : group); })); } if ("function" == typeof substitution) { var _this = this; return _super[Symbol.replace].call(this, str, function () { var args = arguments; return "object" != _typeof(args[args.length - 1]) && (args = [].slice.call(args)).push(buildGroups(args, _this)), substitution.apply(this, args); }); } return _super[Symbol.replace].call(this, str, substitution); }, _wrapRegExp.apply(this, arguments); }
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(e, r) { return new BabelRegExp(e, void 0, r); }; var e = RegExp.prototype, r = new WeakMap(); function BabelRegExp(e, t, p) { var o = RegExp(e, t); return r.set(o, p || r.get(e)), (0, _setPrototypeOf2.default)(o, BabelRegExp.prototype); } function buildGroups(e, t) { var p = r.get(t); return Object.keys(p).reduce(function (r, t) { var o = p[t]; if ("number" == typeof o) r[t] = e[o];else { for (var i = 0; void 0 === e[o[i]] && i + 1 < o.length;) i++; r[t] = e[o[i]]; } return r; }, Object.create(null)); } return (0, _inherits2.default)(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (r) { var t = e.exec.call(this, r); if (t) { t.groups = buildGroups(t, this); var p = t.indices; p && (p.groups = buildGroups(p, this)); } return t; }, BabelRegExp.prototype[Symbol.replace] = function (t, p) { if ("string" == typeof p) { var o = r.get(this); return e[Symbol.replace].call(this, t, p.replace(/\$<([^>]+)>/g, function (e, r) { var t = o[r]; return "$" + (Array.isArray(t) ? t.join("$") : t); })); } if ("function" == typeof p) { var i = this; return e[Symbol.replace].call(this, t, function () { var e = arguments; return "object" != _typeof(e[e.length - 1]) && (e = [].slice.call(e)).push(buildGroups(e, i)), p.apply(this, e); }); } return e[Symbol.replace].call(this, t, p); }, _wrapRegExp.apply(this, arguments); }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -28,7 +28,7 @@ function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return
  */
 // Unfortunately, this is the CSSProperties[] type used for several euiTheme vars
 
-var mathWithUnits = function mathWithUnits(values, callback) {
+var mathWithUnits = exports.mathWithUnits = function mathWithUnits(values, callback) {
   var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   if (!Array.isArray(values)) values = [values];
   var foundNumericValues = [];
@@ -41,7 +41,7 @@ var mathWithUnits = function mathWithUnits(values, callback) {
         unit: 2
       });
       var matches = regex.exec(value);
-      var numericValue = Number(matches === null || matches === void 0 ? void 0 : (_matches$groups = matches.groups) === null || _matches$groups === void 0 ? void 0 : _matches$groups.value);
+      var numericValue = Number(matches === null || matches === void 0 || (_matches$groups = matches.groups) === null || _matches$groups === void 0 ? void 0 : _matches$groups.value);
       if (!isNaN(numericValue)) {
         foundNumericValues.push(numericValue);
       } else {
@@ -61,5 +61,4 @@ var mathWithUnits = function mathWithUnits(values, callback) {
     }
   });
   return "".concat(callback.apply(void 0, foundNumericValues)).concat(unit || foundUnit);
-};
-exports.mathWithUnits = mathWithUnits;
+};

package/optimize/lib/global_styling/functions/size.js

@@ -23,11 +23,10 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
  * @returns string - Rem unit aligned to baseline
  */
 
-var sizeToPixel = function sizeToPixel() {
+var sizeToPixel = exports.sizeToPixel = function sizeToPixel() {
   var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return function (themeOrBase) {
     var base = (0, _typeof2.default)(themeOrBase) === 'object' ? themeOrBase.base : themeOrBase;
     return "".concat(base * scale, "px");
   };
-};
-exports.sizeToPixel = sizeToPixel;
+};

package/optimize/lib/global_styling/functions/typography.js

@@ -81,10 +81,9 @@ function euiLineHeightFromBaseline(scale, _ref3) {
  * this mixin will ensure that the sizing is dependent on the boldest
  * weight so it doesn't shift sibling content.
  */
-var euiTextShift = function euiTextShift() {
+var euiTextShift = exports.euiTextShift = function euiTextShift() {
   var fontWeight = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'bold';
   var attribute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'data-text';
   var euiTheme = arguments.length > 2 ? arguments[2] : undefined;
   return "\n  &::after {\n    display: block;\n    content: attr(".concat(attribute, ");\n    font-weight: ").concat(euiTheme.font.weight[fontWeight], ";\n    ").concat((0, _logicals.logicalCSS)('height', 0), "\n    overflow: hidden;\n    visibility: hidden;\n  }");
-};
-exports.euiTextShift = euiTextShift;
+};

package/optimize/lib/global_styling/mixins/_color.js

@@ -8,20 +8,19 @@ exports.useEuiBorderColorCSS = exports.useEuiBackgroundColorCSS = exports.useEui
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _services = require("../../services");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /*
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 BACKGROUND_COLORS = ['transparent', 'plain', 'subdued', 'accent', 'primary', 'success', 'warning', 'danger'];
-exports.BACKGROUND_COLORS = BACKGROUND_COLORS;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return 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 BACKGROUND_COLORS = exports.BACKGROUND_COLORS = ['transparent', 'plain', 'subdued', 'accent', 'primary', 'success', 'warning', 'danger'];
 /**
  * @returns A single background color with optional alpha transparency
  */
-var euiBackgroundColor = function euiBackgroundColor(_ref, color) {
+var euiBackgroundColor = exports.euiBackgroundColor = function euiBackgroundColor(_ref, color) {
   var euiTheme = _ref.euiTheme,
     colorMode = _ref.colorMode;
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
@@ -58,7 +57,6 @@ var euiBackgroundColor = function euiBackgroundColor(_ref, color) {
  *  transparent: { danger: 'rgba(0,0,0,0.1)', success: 'rgba(255,255,255,0.1)', ... },
  * }
  */
-exports.euiBackgroundColor = euiBackgroundColor;
 var _euiBackgroundColorMap = function _euiBackgroundColorMap(euiThemeContext) {
   return {
     opaque: BACKGROUND_COLORS.reduce(function (acc, color) {
@@ -71,7 +69,7 @@ var _euiBackgroundColorMap = function _euiBackgroundColorMap(euiThemeContext) {
     }, {})
   };
 };
-var useEuiBackgroundColor = function useEuiBackgroundColor(color) {
+var useEuiBackgroundColor = exports.useEuiBackgroundColor = function useEuiBackgroundColor(color) {
   var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     method = _ref3.method;
   var backgroundColorMap = (0, _services.useEuiMemoizedStyles)(_euiBackgroundColorMap);
@@ -82,21 +80,20 @@ var useEuiBackgroundColor = function useEuiBackgroundColor(color) {
  * @returns An object map of color keys to CSS,
  * e.g. { danger: css``, success: css``, ... }
  */
-exports.useEuiBackgroundColor = useEuiBackgroundColor;
 var _euiBackgroundColors = function _euiBackgroundColors(euiThemeContext) {
   return BACKGROUND_COLORS.reduce(function (acc, color) {
     return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, color, /*#__PURE__*/(0, _react.css)("background-color:", euiBackgroundColor(euiThemeContext, color), ";label:", color, ";")));
   }, {});
 };
-var useEuiBackgroundColorCSS = function useEuiBackgroundColorCSS() {
+var useEuiBackgroundColorCSS = exports.useEuiBackgroundColorCSS = function useEuiBackgroundColorCSS() {
   return (0, _services.useEuiMemoizedStyles)(_euiBackgroundColors);
 };
 
 /**
  * Border colors
  */
-exports.useEuiBackgroundColorCSS = useEuiBackgroundColorCSS;
-var euiBorderColor = function euiBorderColor(_ref4, color) {
+
+var euiBorderColor = exports.euiBorderColor = function euiBorderColor(_ref4, color) {
   var euiTheme = _ref4.euiTheme,
     colorMode = _ref4.colorMode;
   switch (color) {
@@ -115,13 +112,11 @@ var euiBorderColor = function euiBorderColor(_ref4, color) {
  * @returns An object map of color keys to CSS,
  * e.g. { danger: css``, success: css``, ... }
  */
-exports.euiBorderColor = euiBorderColor;
 var _euiBorderColors = function _euiBorderColors(euiThemeContext) {
   return BACKGROUND_COLORS.reduce(function (acc, color) {
     return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, color, /*#__PURE__*/(0, _react.css)("border-color:", euiBorderColor(euiThemeContext, color), ";label:", color, ";")));
   }, {});
 };
-var useEuiBorderColorCSS = function useEuiBorderColorCSS() {
+var useEuiBorderColorCSS = exports.useEuiBorderColorCSS = function useEuiBorderColorCSS() {
   return (0, _services.useEuiMemoizedStyles)(_euiBorderColors);
-};
-exports.useEuiBorderColorCSS = useEuiBorderColorCSS;
+};

package/optimize/lib/global_styling/mixins/_helpers.js

@@ -20,7 +20,7 @@ var _functions = require("../functions");
  * All parameters are optional and default to specific global settings.
  */
 
-var euiScrollBarStyles = function euiScrollBarStyles(_ref) {
+var euiScrollBarStyles = exports.euiScrollBarStyles = function euiScrollBarStyles(_ref) {
   var _ref$euiTheme = _ref.euiTheme,
     colors = _ref$euiTheme.colors,
     size = _ref$euiTheme.size;
@@ -42,8 +42,7 @@ var euiScrollBarStyles = function euiScrollBarStyles(_ref) {
   var firefoxSupport = "scrollbar-color: ".concat(thumbColor, " ").concat(trackColor, ";");
   return "scrollbar-width: ".concat(width, ";\n\n    &::-webkit-scrollbar {\n      ").concat((0, _functions.logicalCSS)('width', scrollBarSize), "\n      ").concat((0, _functions.logicalCSS)('height', scrollBarSize), "\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: ").concat(thumbColor, ";\n      background-clip: content-box;\n      border-radius: ").concat(scrollBarSize, ";\n      border: ").concat(scrollBarCorner, " solid ").concat(trackColor, ";\n    }\n\n    &::-webkit-scrollbar-corner,\n    &::-webkit-scrollbar-track {\n      background-color: ").concat(trackColor, ";\n    }\n\n    ").concat(firefoxSupport, "\n  ");
 };
-exports.euiScrollBarStyles = euiScrollBarStyles;
-var useEuiScrollBar = function useEuiScrollBar(options) {
+var useEuiScrollBar = exports.useEuiScrollBar = function useEuiScrollBar(options) {
   var euiTheme = (0, _theme.useEuiTheme)();
   return euiScrollBarStyles(euiTheme, options);
 };
@@ -52,7 +51,7 @@ var useEuiScrollBar = function useEuiScrollBar(options) {
  * *INTERNAL*
  * Overflow shadow masks for use in YScroll and XScroll helpers
  */
-exports.useEuiScrollBar = useEuiScrollBar;
+
 var euiOverflowShadowStyles = function euiOverflowShadowStyles(_ref3) {
   var size = _ref3.euiTheme.size;
   var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -86,13 +85,12 @@ var euiOverflowShadowStyles = function euiOverflowShadowStyles(_ref3) {
  *    Others like Safari, won't show anything at all.
  */
 
-var euiYScroll = function euiYScroll(euiTheme) {
+var euiYScroll = exports.euiYScroll = function euiYScroll(euiTheme) {
   var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     height = _ref5.height;
   return "\n  ".concat(euiScrollBarStyles(euiTheme), "\n  ").concat((0, _functions.logicalCSS)('height', height || '100%'), "\n  ").concat((0, _functions.logicalCSSWithFallback)('overflow-y', 'auto'), "\n  ").concat((0, _functions.logicalCSSWithFallback)('overflow-x', 'hidden'), "\n  &:focus {\n    outline: none; /* 1 */\n  }\n");
 };
-exports.euiYScroll = euiYScroll;
-var useEuiYScroll = function useEuiYScroll() {
+var useEuiYScroll = exports.useEuiYScroll = function useEuiYScroll() {
   var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     height = _ref6.height;
   var euiTheme = (0, _theme.useEuiTheme)();
@@ -100,8 +98,7 @@ var useEuiYScroll = function useEuiYScroll() {
     height: height
   });
 };
-exports.useEuiYScroll = useEuiYScroll;
-var euiYScrollWithShadows = function euiYScrollWithShadows(euiTheme) {
+var euiYScrollWithShadows = exports.euiYScrollWithShadows = function euiYScrollWithShadows(euiTheme) {
   var _ref7 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     height = _ref7.height,
     _ref7$side = _ref7.side,
@@ -113,8 +110,7 @@ var euiYScrollWithShadows = function euiYScrollWithShadows(euiTheme) {
     side: side
   }), "\n");
 };
-exports.euiYScrollWithShadows = euiYScrollWithShadows;
-var useEuiYScrollWithShadows = function useEuiYScrollWithShadows() {
+var useEuiYScrollWithShadows = exports.useEuiYScrollWithShadows = function useEuiYScrollWithShadows() {
   var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     height = _ref8.height;
   var euiTheme = (0, _theme.useEuiTheme)();
@@ -122,28 +118,23 @@ var useEuiYScrollWithShadows = function useEuiYScrollWithShadows() {
     height: height
   });
 };
-exports.useEuiYScrollWithShadows = useEuiYScrollWithShadows;
-var euiXScroll = function euiXScroll(euiTheme) {
+var euiXScroll = exports.euiXScroll = function euiXScroll(euiTheme) {
   return "\n  ".concat(euiScrollBarStyles(euiTheme), "\n  ").concat((0, _functions.logicalCSSWithFallback)('overflow-x', 'auto'), "\n  &:focus {\n    outline: none; /* 1 */\n  }\n");
 };
-exports.euiXScroll = euiXScroll;
-var useEuiXScroll = function useEuiXScroll() {
+var useEuiXScroll = exports.useEuiXScroll = function useEuiXScroll() {
   var euiTheme = (0, _theme.useEuiTheme)();
   return euiXScroll(euiTheme);
 };
-exports.useEuiXScroll = useEuiXScroll;
-var euiXScrollWithShadows = function euiXScrollWithShadows(euiTheme) {
+var euiXScrollWithShadows = exports.euiXScrollWithShadows = function euiXScrollWithShadows(euiTheme) {
   return "\n  ".concat(euiXScroll(euiTheme), "\n  ").concat(euiOverflowShadowStyles(euiTheme, {
     direction: 'x'
   }), "\n");
 };
-exports.euiXScrollWithShadows = euiXScrollWithShadows;
-var useEuiXScrollWithShadows = function useEuiXScrollWithShadows() {
+var useEuiXScrollWithShadows = exports.useEuiXScrollWithShadows = function useEuiXScrollWithShadows() {
   var euiTheme = (0, _theme.useEuiTheme)();
   return euiXScrollWithShadows(euiTheme);
 };
-exports.useEuiXScrollWithShadows = useEuiXScrollWithShadows;
-var euiOverflowScroll = function euiOverflowScroll(euiTheme) {
+var euiOverflowScroll = exports.euiOverflowScroll = function euiOverflowScroll(euiTheme) {
   var _ref9 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     direction = _ref9.direction,
     _ref9$mask = _ref9.mask,
@@ -158,8 +149,7 @@ var euiOverflowScroll = function euiOverflowScroll(euiTheme) {
       return '';
   }
 };
-exports.euiOverflowScroll = euiOverflowScroll;
-var useEuiOverflowScroll = function useEuiOverflowScroll(direction) {
+var useEuiOverflowScroll = exports.useEuiOverflowScroll = function useEuiOverflowScroll(direction) {
   var mask = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var euiTheme = (0, _theme.useEuiTheme)();
   return euiOverflowScroll(euiTheme, {
@@ -171,8 +161,7 @@ var useEuiOverflowScroll = function useEuiOverflowScroll(direction) {
 /**
  * For quickly applying a full-height element whether using flex or not
  */
-exports.useEuiOverflowScroll = useEuiOverflowScroll;
-var euiFullHeight = function euiFullHeight() {
+var euiFullHeight = exports.euiFullHeight = function euiFullHeight() {
   return "\n  ".concat((0, _functions.logicalCSS)('height', '100%'), "\n  flex: 1 1 auto;\n  overflow: hidden;\n");
 };
 
@@ -180,6 +169,4 @@ var euiFullHeight = function euiFullHeight() {
  * A constant storing the support for the `:has()` selector through a
  * media query that will only apply the content it is supported.
  */
-exports.euiFullHeight = euiFullHeight;
-var euiSupportsHas = '@supports(selector(:has(p)))';
-exports.euiSupportsHas = euiSupportsHas;
+var euiSupportsHas = exports.euiSupportsHas = '@supports(selector(:has(p)))';

package/optimize/lib/global_styling/mixins/_padding.js

@@ -9,21 +9,20 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _theme = require("../../services/theme");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /*
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 PADDING_SIZES = ['none', 'xs', 's', 'm', 'l', 'xl'];
-exports.PADDING_SIZES = PADDING_SIZES;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return 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 PADDING_SIZES = exports.PADDING_SIZES = ['none', 'xs', 's', 'm', 'l', 'xl'];
 /**
  * Get a single padding size
  */
 
-var euiPaddingSize = function euiPaddingSize(_ref, size) {
+var euiPaddingSize = exports.euiPaddingSize = function euiPaddingSize(_ref, size) {
   var euiTheme = _ref.euiTheme;
   switch (size) {
     case 'none':
@@ -39,13 +38,12 @@ var euiPaddingSize = function euiPaddingSize(_ref, size) {
  * @returns An object map of padding size keys to padding values,
  * e.g. { s: '8px', m: '16px', ... }
  */
-exports.euiPaddingSize = euiPaddingSize;
 var _getEuiPaddingSize = function _getEuiPaddingSize(euiThemeContext) {
   return PADDING_SIZES.reduce(function (stylesAcc, size) {
     return _objectSpread(_objectSpread({}, stylesAcc), {}, (0, _defineProperty2.default)({}, size, size === 'none' ? null : euiPaddingSize(euiThemeContext, size)));
   }, {});
 };
-var useEuiPaddingSize = function useEuiPaddingSize(size) {
+var useEuiPaddingSize = exports.useEuiPaddingSize = function useEuiPaddingSize(size) {
   var sizes = (0, _theme.useEuiMemoizedStyles)(_getEuiPaddingSize);
   return sizes[size];
 };
@@ -57,7 +55,6 @@ var useEuiPaddingSize = function useEuiPaddingSize(size) {
  *   left: { s: css`padding-inline-start: 8px`, ... }
  * }
  */
-exports.useEuiPaddingSize = useEuiPaddingSize;
 var _euiPaddingSidesAndSizes = function _euiPaddingSidesAndSizes(euiThemeContext) {
   var sizesMap = _getEuiPaddingSize(euiThemeContext);
   // The `_` prefix stops Emotion from applying the function name as a label
@@ -80,8 +77,7 @@ var _euiPaddingSidesAndSizes = function _euiPaddingSidesAndSizes(euiThemeContext
   };
   return sidesMap;
 };
-var useEuiPaddingCSS = function useEuiPaddingCSS(side) {
+var useEuiPaddingCSS = exports.useEuiPaddingCSS = function useEuiPaddingCSS(side) {
   var memoizedSideMap = (0, _theme.useEuiMemoizedStyles)(_euiPaddingSidesAndSizes);
   return memoizedSideMap[side || 'padding'];
-};
-exports.useEuiPaddingCSS = useEuiPaddingCSS;
+};

package/optimize/lib/global_styling/mixins/_responsive.js

@@ -27,7 +27,7 @@ var _hooks = require("../../services/theme/hooks");
  * euiBreakpoint(['xs', 'm']) becomes `@media only screen and (max-width: 991px)`
  * euiBreakpoint(['l', 'xl']) becomes `@media only screen and (min-width: 992px)`
  */
-var euiBreakpoint = function euiBreakpoint(_ref, sizes) {
+var euiBreakpoint = exports.euiBreakpoint = function euiBreakpoint(_ref, sizes) {
   var euiTheme = _ref.euiTheme;
   // Ensure we inherit any theme breakpoint overrides & sort by small to large
   var orderedBreakpoints = Object.keys((0, _sorting.sortMapBySmallToLargeValues)(euiTheme.breakpoint));
@@ -52,8 +52,7 @@ var euiBreakpoint = function euiBreakpoint(_ref, sizes) {
   maxBreakpointSize ? "(max-width: ".concat(maxBreakpointSize - 1, "px)") : false // If undefined, don't render a max-width
   ].filter(Boolean).join(' and ');
 };
-exports.euiBreakpoint = euiBreakpoint;
-var useEuiBreakpoint = function useEuiBreakpoint(sizes) {
+var useEuiBreakpoint = exports.useEuiBreakpoint = function useEuiBreakpoint(sizes) {
   var euiTheme = (0, _hooks.useEuiTheme)();
   return euiBreakpoint(euiTheme, sizes);
 };
@@ -72,8 +71,8 @@ var useEuiBreakpoint = function useEuiBreakpoint(sizes) {
  * in the event that consumers add larger or smaller custom breakpoints (e.g 'xxs' or `xxl`)
  * and if the intention of the media query is actually "m and below/above" vs. "only screens m/l/xl".
  */
-exports.useEuiBreakpoint = useEuiBreakpoint;
-var euiMinBreakpoint = function euiMinBreakpoint(_ref2, size) {
+
+var euiMinBreakpoint = exports.euiMinBreakpoint = function euiMinBreakpoint(_ref2, size) {
   var euiTheme = _ref2.euiTheme;
   var minBreakpointSize = euiTheme.breakpoint[size];
   if (minBreakpointSize) {
@@ -83,13 +82,11 @@ var euiMinBreakpoint = function euiMinBreakpoint(_ref2, size) {
     return '@media only screen';
   }
 };
-exports.euiMinBreakpoint = euiMinBreakpoint;
-var useEuiMinBreakpoint = function useEuiMinBreakpoint(size) {
+var useEuiMinBreakpoint = exports.useEuiMinBreakpoint = function useEuiMinBreakpoint(size) {
   var euiTheme = (0, _hooks.useEuiTheme)();
   return euiMinBreakpoint(euiTheme, size);
 };
-exports.useEuiMinBreakpoint = useEuiMinBreakpoint;
-var euiMaxBreakpoint = function euiMaxBreakpoint(_ref3, size) {
+var euiMaxBreakpoint = exports.euiMaxBreakpoint = function euiMaxBreakpoint(_ref3, size) {
   var euiTheme = _ref3.euiTheme;
   var maxBreakpointSize = euiTheme.breakpoint[size];
   if (maxBreakpointSize) {
@@ -99,9 +96,7 @@ var euiMaxBreakpoint = function euiMaxBreakpoint(_ref3, size) {
     return '@media only screen';
   }
 };
-exports.euiMaxBreakpoint = euiMaxBreakpoint;
-var useEuiMaxBreakpoint = function useEuiMaxBreakpoint(size) {
+var useEuiMaxBreakpoint = exports.useEuiMaxBreakpoint = function useEuiMaxBreakpoint(size) {
   var euiTheme = (0, _hooks.useEuiTheme)();
   return euiMaxBreakpoint(euiTheme, size);
-};
-exports.useEuiMaxBreakpoint = useEuiMaxBreakpoint;
+};

package/optimize/lib/global_styling/mixins/_states.js

@@ -23,7 +23,7 @@ var _functions = require("../functions");
  * @param color Accepts any CSS color
  */
 
-var euiOutline = function euiOutline(_ref) {
+var euiOutline = exports.euiOutline = function euiOutline(_ref) {
   var euiTheme = _ref.euiTheme;
   var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
   var color = arguments.length > 2 ? arguments[2] : undefined;
@@ -45,8 +45,7 @@ var euiOutline = function euiOutline(_ref) {
   // need the outline styles only, not the :focus-visible settings (e.g. - :focus-within usage)
   return "\n    outline: ".concat(outlineWidth, " solid ").concat(outlineColor, ";\n    outline-offset: ").concat(outlineOffset, ";\n  ");
 };
-exports.euiOutline = euiOutline;
-var euiFocusRing = function euiFocusRing(euiThemeContext) {
+var euiFocusRing = exports.euiFocusRing = function euiFocusRing(euiThemeContext) {
   var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
   var options = arguments.length > 2 ? arguments[2] : undefined;
   // This function utilizes `focus-visible` to turn on focus outlines.
@@ -57,11 +56,9 @@ var euiFocusRing = function euiFocusRing(euiThemeContext) {
   // 😦 Which does means the outline will be square
   return "\n    ".concat(euiOutline(euiThemeContext, offset, options === null || options === void 0 ? void 0 : options.color).trim(), "\n\n    // \uD83D\uDC40 Chrome respects :focus-visible and allows coloring the `auto` style\n    &:focus-visible {\n      outline-style: auto;\n    }\n\n    // \uD83D\uDE45\u200D\u2640\uFE0F But Chrome also needs to have the outline forcefully removed from regular `:focus` state\n    &:not(:focus-visible) {\n      outline: none;\n    }\n  ");
 };
-exports.euiFocusRing = euiFocusRing;
-var useEuiFocusRing = function useEuiFocusRing(offset, color) {
+var useEuiFocusRing = exports.useEuiFocusRing = function useEuiFocusRing(offset, color) {
   var euiTheme = (0, _services.useEuiTheme)();
   return euiFocusRing(euiTheme, offset, {
     color: color
   });
-};
-exports.useEuiFocusRing = useEuiFocusRing;
+};