@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.149

package/cjs/Link/ButtonLink.js

@@ -1,50 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ButtonLink = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _reactFeather = require("react-feather");
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["endIcon", "href", "onClick"];
-
 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; }
-
 var ButtonLink = function ButtonLink(_ref) {
   var EndIcon = _ref.endIcon,
-      href = _ref.href,
-      onClick = _ref.onClick,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    href = _ref.href,
+    onClick = _ref.onClick,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), {}, {
     href: href,
     onClick: onClick
   }));
-
   if (linkProps.target === "_blank" && EndIcon === undefined) {
     EndIcon = _reactFeather.ExternalLink;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
     endIcon: EndIcon,
     as: "a"
   }));
 };
-
 exports.ButtonLink = ButtonLink;
 var _default = ButtonLink;
 exports["default"] = _default;

package/cjs/Link/IconButtonLink.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.IconButtonLink = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _IconButton = _interopRequireDefault(require("../Button/IconButton"));
-
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["href", "onClick"];
-
 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; }
-
 var IconButtonLink = function IconButtonLink(_ref) {
   var href = _ref.href,
-      onClick = _ref.onClick,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    onClick = _ref.onClick,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), {}, {
     href: href,
     onClick: onClick
@@ -35,7 +25,6 @@ var IconButtonLink = function IconButtonLink(_ref) {
     as: "a"
   }));
 };
-
 exports.IconButtonLink = IconButtonLink;
 var _default = IconButtonLink;
 exports["default"] = _default;

package/cjs/Link/Link.js

@@ -1,56 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Link = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = require("react");
-
 var _reactFeather = require("react-feather");
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var _excluded = ["className", "children", "startIcon", "endIcon", "href", "onClick"];
-
 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; }
-
 var Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      StartIcon = _ref.startIcon,
-      EndIcon = _ref.endIcon,
-      href = _ref.href,
-      onClick = _ref.onClick,
-      anchorProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children = _ref.children,
+    StartIcon = _ref.startIcon,
+    EndIcon = _ref.endIcon,
+    href = _ref.href,
+    onClick = _ref.onClick,
+    anchorProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, anchorProps), {}, {
     href: href,
     onClick: onClick
   }));
   var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
-
   if (isExternalLink) {
     EndIcon = _reactFeather.ExternalLink;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref,
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["typo-link inline-flex items-center"]))), className),

package/cjs/Link/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
     return _Link["default"];
   }
 });
-
 var _Link = _interopRequireWildcard(require("./Link"));
-
 Object.keys(_Link).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Link).forEach(function (key) {
     }
   });
 });
-
 var _BaseLink = require("./BaseLink");
-
 Object.keys(_BaseLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_BaseLink).forEach(function (key) {
     }
   });
 });
-
 var _ButtonLink = require("./ButtonLink");
-
 Object.keys(_ButtonLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,9 +47,7 @@ Object.keys(_ButtonLink).forEach(function (key) {
     }
   });
 });
-
 var _IconButtonLink = require("./IconButtonLink");
-
 Object.keys(_IconButtonLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -68,7 +59,5 @@ Object.keys(_IconButtonLink).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/Medallion/Medallion.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Medallion = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 var VARIANT_CLASSNAMES = {
   grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["medallion-grey text-grey-600"]))),
   pink: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-600"]))),
@@ -28,14 +21,13 @@ var VARIANT_CLASSNAMES = {
   // eslint-disable-next-line @algolia/satellite/prefer-accent -- here we're definitely refering to the color itself
   white: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["medallion-white text-nebula-500"])))
 };
-
 var Medallion = function Medallion(_ref) {
   var Icon = _ref.icon,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "accent" : _ref$variant,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      className = _ref.className;
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "accent" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    className = _ref.className;
   var medallionClassName = VARIANT_CLASSNAMES[variant];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
@@ -44,7 +36,6 @@ var Medallion = function Medallion(_ref) {
     })
   });
 };
-
 exports.Medallion = Medallion;
 var _default = Medallion;
 exports["default"] = _default;

package/cjs/Medallion/Medallion.tailwind.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 // @ts-check
 var plugin = require("tailwindcss/plugin");
-
 var rgba = require("../styles/rgba");
-
 var medallionPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red", "white"];
   addComponents({
     ".medallion": {
@@ -22,8 +18,9 @@ var medallionPlugin = plugin(function (_ref) {
       height: "72px",
       width: "72px"
     }
-  }); // Variants
+  });
 
+  // Variants
   colors.map(function (color) {
     return addComponents((0, _defineProperty2["default"])({}, ".medallion-".concat(color), {
       backgroundImage: color === "white" ? "linear-gradient(to bottom, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)") : "linear-gradient(to bottom, ".concat(theme("colors.".concat(color, ".100")), " 0%, ").concat(theme("colors.".concat(color, ".200")), " 100%)"),

package/cjs/Medallion/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
     return _Medallion["default"];
   }
 });
-
 var _Medallion = _interopRequireWildcard(require("./Medallion"));
-
 Object.keys(_Medallion).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Medallion).forEach(function (key) {
     }
   });
 });
-
 var _types = require("./types");
-
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,7 +35,5 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/Modal/Modal.js

@@ -1,58 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Modal = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = require("react");
-
 var _reactFeather = require("react-feather");
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _useKeyPressEvent = _interopRequireDefault(require("react-use/lib/useKeyPressEvent"));
-
 var _useLockBodyScroll = _interopRequireDefault(require("react-use/lib/useLockBodyScroll"));
-
 var _Button = require("../Button");
-
 var _Card = _interopRequireDefault(require("../Card"));
-
 var _Satellite = require("../Satellite");
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _uniqueId = _interopRequireDefault(require("../utils/uniqueId"));
-
 var _ModalFooter = _interopRequireDefault(require("./components/ModalFooter"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
 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; }
-
 var DEFAULT_MODAL_LOCALE = {
   dismissText: "Dismiss"
 };
-
 var ModalAnimation = function ModalAnimation(props) {
   return (
     /*#__PURE__*/
-
     /* eslint-disable-next-line @algolia/satellite/invalid-classnames */
     (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
       classNames: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["satellite-modal"]))),
@@ -62,47 +39,41 @@ var ModalAnimation = function ModalAnimation(props) {
     }))
   );
 };
-
 var ModalNoAnimation = function ModalNoAnimation(props) {
   return props["in"] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: props.children
   }) : null;
 };
-
 var SIZE_CLASSNAMES = {
   medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["modal-dialog-medium"]))),
   large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["modal-dialog-large"])))
 };
-
 var Modal = function Modal(_ref) {
   var title = _ref.title,
-      className = _ref.className,
-      children = _ref.children,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? true : _ref$open,
-      _ref$fullBleed = _ref.fullBleed,
-      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
-      _ref$onDismiss = _ref.onDismiss,
-      onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
-      _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? true : _ref$animate,
-      _ref$hideCloseIcon = _ref.hideCloseIcon,
-      hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$centerY = _ref.centerY,
-      centerY = _ref$centerY === void 0 ? false : _ref$centerY,
-      propsLocale = _ref.locale;
+    className = _ref.className,
+    children = _ref.children,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? true : _ref$open,
+    _ref$fullBleed = _ref.fullBleed,
+    fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
+    _ref$onDismiss = _ref.onDismiss,
+    onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
+    _ref$animate = _ref.animate,
+    animate = _ref$animate === void 0 ? true : _ref$animate,
+    _ref$hideCloseIcon = _ref.hideCloseIcon,
+    hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$centerY = _ref.centerY,
+    centerY = _ref$centerY === void 0 ? false : _ref$centerY,
+    propsLocale = _ref.locale;
   var createPortal = (0, _Satellite.useCreatePortal)();
   var contextLocale = (0, _Satellite.useLocale)("modal");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MODAL_LOCALE), contextLocale), propsLocale);
-
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      modalWrapperRef = _useState2[0],
-      setModalWrapperRef = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    modalWrapperRef = _useState2[0],
+    setModalWrapperRef = _useState2[1];
   var dialogRef = (0, _react.useRef)(null);
   var mouseDownTargetRef = (0, _react.useRef)(null);
   var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
@@ -115,24 +86,20 @@ var Modal = function Modal(_ref) {
   });
   (0, _react.useEffect)(function () {
     if (!modalWrapperRef) return;
-
     var onMouseUp = function onMouseUp(evt) {
       if (evt.target === mouseDownTargetRef.current && dialogRef.current && !dialogRef.current.contains(evt.target)) {
         onDismiss();
       }
-
       mouseDownTargetRef.current = null;
     };
-
     var onMouseDown = function onMouseDown(evt) {
       return mouseDownTargetRef.current = evt.target;
     };
+
     /**
      * We use native event handlers to avoid React event bubbling behaviour with element rendered in a portal.
      * (otherwise, the modal gets dismissed when clicking on an AutoComplete menu item)
      */
-
-
     modalWrapperRef.addEventListener("mouseup", onMouseUp);
     modalWrapperRef.addEventListener("mousedown", onMouseDown);
     return function () {
@@ -140,7 +107,6 @@ var Modal = function Modal(_ref) {
       modalWrapperRef.removeEventListener("mousedown", onMouseDown);
     };
   }, [modalWrapperRef, onDismiss]);
-
   var modalAccessibilityProps = _objectSpread({
     role: "dialog"
   }, title ? {
@@ -148,7 +114,6 @@ var Modal = function Modal(_ref) {
   } : {
     "aria-label": "Modal"
   });
-
   return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContainer, {
     "in": open,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -187,7 +152,6 @@ var Modal = function Modal(_ref) {
     })
   }));
 };
-
 exports.Modal = Modal;
 Modal.Footer = _ModalFooter["default"];
 var _default = Modal;

package/cjs/Modal/Modal.tailwind.js

@@ -2,10 +2,9 @@
 
 // @ts-check
 var plugin = require("tailwindcss/plugin");
-
 var modalPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var transitionEasing = "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
   var transitionDuration = 200;
   addComponents({
@@ -19,8 +18,9 @@ var modalPlugin = plugin(function (_ref) {
     ".modal-dialog-large": {
       maxWidth: "920px"
     }
-  }); // Animation
+  });
 
+  // Animation
   addComponents({
     ".satellite-modal-appear .modal-container, .satellite-modal-enter .modal-container": {
       opacity: "0.1",

package/cjs/Modal/components/ModalFooter.js

@@ -1,38 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ModalFooter = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _FlexGrid = _interopRequireDefault(require("../../FlexGrid"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 var _excluded = ["className", "children"];
-
 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; }
-
 var ModalFooter = function ModalFooter(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["mt-8"]))), className),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlexGrid["default"], {
@@ -42,7 +29,6 @@ var ModalFooter = function ModalFooter(_ref) {
     })
   }));
 };
-
 exports.ModalFooter = ModalFooter;
 var _default = ModalFooter;
 exports["default"] = _default;

package/cjs/Modal/components/ModalSection.js

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ModalSection = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 var ModalSection = function ModalSection(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$fullBleed = _ref.fullBleed,
-      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
+    className = _ref.className,
+    _ref$fullBleed = _ref.fullBleed,
+    fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
     className: (0, _clsx["default"])(fullBleed && (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["-mx-10"]))), className),
     children: children
   });
 };
-
 exports.ModalSection = ModalSection;
 var _default = ModalSection;
 exports["default"] = _default;