@algolia/satellite 1.0.0-beta.146 → 1.0.0-beta.148

package/esm/Input/Input.js

@@ -3,13 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["className", "style", "startIcon", "endItem", "disabled", "readOnly", "clearable", "type", "variant", "locale"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import { forwardRef, Fragment, useEffect, useState } from "react";
 import { Check, ChevronDown, ChevronUp, Search, X } from "react-feather";
@@ -37,25 +33,23 @@ var VARIANT_CLASSNAMES = {
   medium: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["input-medium"]))),
   large: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["input-large"])))
 };
-
 var SearchIcon = function SearchIcon(props) {
   return /*#__PURE__*/_jsx(Search, _objectSpread(_objectSpread({}, props), {}, {
     role: "img",
     "aria-label": "Search Icon"
   }));
 };
-
 var InvalidIcon = function InvalidIcon() {
   return /*#__PURE__*/_jsx(X, {
     className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
   });
 };
-
 var ValidatedIcon = function ValidatedIcon() {
   return /*#__PURE__*/_jsx(Check, {
-    className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
+    className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
   });
 };
+
 /**
  * Use text fields to help users enter, select, and search for text. Text fields are normally found within a form but can also be part of a modal, search, or card
  *
@@ -63,51 +57,40 @@ var ValidatedIcon = function ValidatedIcon() {
  * #### Number input
  * - **Stepper (optional)**: consider using a stepper (number control) to let users increase or decrease the value of the input. This is an optional part of the number field so only use based on what you think will help the user
  */
-
-
 export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
   var className = _ref.className,
-      style = _ref.style,
-      startIcon = _ref.startIcon,
-      endItem = _ref.endItem,
-      disabled = _ref.disabled,
-      readOnly = _ref.readOnly,
-      clearableProp = _ref.clearable,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "text" : _ref$type,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "medium" : _ref$variant,
-      propsLocale = _ref.locale,
-      inputProps = _objectWithoutProperties(_ref, _excluded);
-
+    style = _ref.style,
+    startIcon = _ref.startIcon,
+    endItem = _ref.endItem,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    clearableProp = _ref.clearable,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "text" : _ref$type,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "medium" : _ref$variant,
+    propsLocale = _ref.locale,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   var contextLocale = useLocale("input");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_INPUT_LOCALE), contextLocale), propsLocale);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      focused = _useState2[0],
-      setFocused = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
   var _useForwardedRef = useForwardedRef(externalRef),
-      _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-      inputRefCallback = _useForwardedRef2[0],
-      inputRef = _useForwardedRef2[1];
-
+    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
+    inputRefCallback = _useForwardedRef2[0],
+    inputRef = _useForwardedRef2[1];
   var triggerInputChange = useTriggerInputChange(inputRef);
-
   var _useFieldState = useFieldState(),
-      status = _useFieldState.status;
-
+    status = _useFieldState.status;
   var isControlled = ("value" in inputProps);
-
   var _useState3 = useState(function () {
-    return isControlled ? inputProps.value : inputProps.defaultValue;
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      internalValue = _useState4[0],
-      setInternalValue = _useState4[1];
-
+      return isControlled ? inputProps.value : inputProps.defaultValue;
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalValue = _useState4[0],
+    setInternalValue = _useState4[1];
   var isValueEmpty = typeof internalValue !== "number" && !(internalValue !== null && internalValue !== void 0 && internalValue.length);
   useEffect(function () {
     if (isControlled) {
@@ -122,7 +105,6 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
     style: style,
     onClick: function onClick() {
       var _inputRef$current;
-
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     },
     children: [Icon && /*#__PURE__*/_jsx(Icon, {
@@ -137,22 +119,18 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
       disabled: disabled,
       onChange: function onChange(evt) {
         var _inputProps$onChange;
-
         (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
-
         if (!isControlled) {
           setInternalValue(evt.target.value);
         }
       },
       onFocus: function onFocus(evt) {
         var _inputProps$onFocus;
-
         setFocused(true);
         (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
       },
       onBlur: function onBlur(evt) {
         var _inputProps$onBlur;
-
         setFocused(false);
         (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
       }
@@ -181,15 +159,12 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
         "aria-label": locale.increment,
         onClick: function onClick() {
           var _inputRef$current$val, _inputRef$current2;
-
           var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
           var max = isNil(inputProps.max) ? Number.MAX_SAFE_INTEGER : parseFloat(String(inputProps.max));
           var currentValue = parseFloat((_inputRef$current$val = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : "0");
-
           if (Number.isNaN(currentValue)) {
             currentValue = 0;
           }
-
           if (currentValue + step <= max) {
             triggerInputChange(String(currentValue + step));
           } else {
@@ -207,15 +182,12 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
         "aria-label": locale.decrement,
         onClick: function onClick() {
           var _inputRef$current$val2, _inputRef$current3;
-
           var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
           var min = isNil(inputProps.min) ? Number.MIN_SAFE_INTEGER : parseFloat(String(inputProps.min));
           var currentValue = parseFloat((_inputRef$current$val2 = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value) !== null && _inputRef$current$val2 !== void 0 ? _inputRef$current$val2 : "0");
-
           if (Number.isNaN(currentValue)) {
             currentValue = 0;
           }
-
           if (currentValue - step >= min) {
             triggerInputChange(String(currentValue - step));
           } else {

package/esm/Input/Input.tailwind.js

@@ -7,7 +7,7 @@ var disabledColor = _disabledColor;
 var rgba = _rgba;
 var inputPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".input": {
       position: "relative",

package/esm/Insert/Insert.js

@@ -1,13 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import Badge from "../Badge";
 import stl from "../styles/helpers/satellitePrefixer";
 import onlyText from "../utils/onlyText";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 /**
 * Put more emphasis on side content.
 
@@ -41,8 +38,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  */
 export var Insert = function Insert(_ref) {
   var title = _ref.title,
-      contexts = _ref.contexts,
-      children = _ref.children;
+    contexts = _ref.contexts,
+    children = _ref.children;
   return /*#__PURE__*/_jsxs("aside", {
     "aria-label": onlyText(title),
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"]))),
@@ -50,12 +47,11 @@ export var Insert = function Insert(_ref) {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["block space-x-2 mb-4"]))),
       children: contexts.map(function (context, idx) {
         var _ref2 = typeof context === "string" ? {
-          label: context
-        } : context,
-            label = _ref2.label,
-            _ref2$variant = _ref2.variant,
-            variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
-
+            label: context
+          } : context,
+          label = _ref2.label,
+          _ref2$variant = _ref2.variant,
+          variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
         return /*#__PURE__*/_jsx(Badge, {
           variant: variant,
           children: label

package/esm/InstantSearch/InstantSearch.tailwind.js

@@ -7,13 +7,13 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var disabledColor = _disabledColor;
 var _require = _require2,
-    toBG = _require.toBG,
-    selectIconBG = _require.selectIconBG;
+  toBG = _require.toBG,
+  selectIconBG = _require.selectIconBG;
 var rgba = _rgba;
 export default plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      prefix = _ref.prefix,
-      theme = _ref.theme;
+    prefix = _ref.prefix,
+    theme = _ref.theme;
   addComponents(_defineProperty({}, prefix(".instantsearch"), {
     // SearchBox widget
     // ----------------------------------------

package/esm/KeyboardKey/KeyboardKey.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import { createElement } from "react";
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, CornerDownLeft } from "react-feather";
@@ -17,7 +15,7 @@ var KEY_MAPPINGS = {
 };
 export var KeyboardKey = function KeyboardKey(_ref) {
   var className = _ref.className,
-      value = _ref.value;
+    value = _ref.value;
   var mappedValue = KEY_MAPPINGS[value];
   var displayed = !mappedValue ? value : typeof mappedValue === "string" ? mappedValue : /*#__PURE__*/createElement(mappedValue, {
     "aria-label": value,

package/esm/KeyboardKey/KeyboardKey.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var keyboardKeyPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".keyboard-key": {
       borderRadius: theme("borderRadius.DEFAULT"),

package/esm/Link/BaseLink.js

@@ -1,19 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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) { _defineProperty(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; }
-
 import { forwardRef } from "react";
 import useLinkProps from "../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var BaseLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var href = _ref.href,
-      onClick = _ref.onClick,
-      anchorProps = _objectWithoutProperties(_ref, _excluded);
-
+    onClick = _ref.onClick,
+    anchorProps = _objectWithoutProperties(_ref, _excluded);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
     href: href,
     onClick: onClick

package/esm/Link/ButtonLink.js

@@ -1,30 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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) { _defineProperty(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; }
-
 import { ExternalLink } from "react-feather";
 import Button from "../Button/Button";
 import useLinkProps from "../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ButtonLink = function ButtonLink(_ref) {
   var EndIcon = _ref.endIcon,
-      href = _ref.href,
-      onClick = _ref.onClick,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    href = _ref.href,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), {}, {
     href: href,
     onClick: onClick
   }));
-
   if (linkProps.target === "_blank" && EndIcon === undefined) {
     EndIcon = ExternalLink;
   }
-
   return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
     endIcon: EndIcon,
     as: "a"

package/esm/Link/IconButtonLink.js

@@ -1,19 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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) { _defineProperty(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; }
-
 import IconButton from "../Button/IconButton";
 import useLinkProps from "../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var IconButtonLink = function IconButtonLink(_ref) {
   var href = _ref.href,
-      onClick = _ref.onClick,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), {}, {
     href: href,
     onClick: onClick

package/esm/Link/Link.js

@@ -1,15 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import { forwardRef } from "react";
 import { ExternalLink } from "react-feather";
@@ -19,23 +14,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      StartIcon = _ref.startIcon,
-      EndIcon = _ref.endIcon,
-      href = _ref.href,
-      onClick = _ref.onClick,
-      anchorProps = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    StartIcon = _ref.startIcon,
+    EndIcon = _ref.endIcon,
+    href = _ref.href,
+    onClick = _ref.onClick,
+    anchorProps = _objectWithoutProperties(_ref, _excluded);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
     href: href,
     onClick: onClick
   }));
   var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
-
   if (isExternalLink) {
     EndIcon = ExternalLink;
   }
-
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref,
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),

package/esm/Medallion/Medallion.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,11 +16,11 @@ var VARIANT_CLASSNAMES = {
 };
 export 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__*/_jsx("div", {
     className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),

package/esm/Medallion/Medallion.tailwind.js

@@ -6,7 +6,7 @@ var plugin = _plugin;
 var rgba = _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": {
@@ -17,8 +17,9 @@ var medallionPlugin = plugin(function (_ref) {
       height: "72px",
       width: "72px"
     }
-  }); // Variants
+  });
 
+  // Variants
   colors.map(function (color) {
     return addComponents(_defineProperty({}, ".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/esm/Modal/Modal.js

@@ -1,13 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { X } from "react-feather";
@@ -26,11 +22,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_MODAL_LOCALE = {
   dismissText: "Dismiss"
 };
-
 var ModalAnimation = function ModalAnimation(props) {
   return (
     /*#__PURE__*/
-
     /* eslint-disable-next-line @algolia/satellite/invalid-classnames */
     _jsx(CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
       classNames: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["satellite-modal"]))),
@@ -40,46 +34,41 @@ var ModalAnimation = function ModalAnimation(props) {
     }))
   );
 };
-
 var ModalNoAnimation = function ModalNoAnimation(props) {
   return props["in"] ? /*#__PURE__*/_jsx(_Fragment, {
     children: props.children
   }) : null;
 };
-
 var SIZE_CLASSNAMES = {
   medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["modal-dialog-medium"]))),
   large: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["modal-dialog-large"])))
 };
 export 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 = useCreatePortal();
   var contextLocale = useLocale("modal");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MODAL_LOCALE), contextLocale), propsLocale);
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      modalWrapperRef = _useState2[0],
-      setModalWrapperRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    modalWrapperRef = _useState2[0],
+    setModalWrapperRef = _useState2[1];
   var dialogRef = useRef(null);
   var mouseDownTargetRef = useRef(null);
   var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
@@ -92,24 +81,20 @@ export var Modal = function Modal(_ref) {
   });
   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 () {
@@ -117,7 +102,6 @@ export var Modal = function Modal(_ref) {
       modalWrapperRef.removeEventListener("mousedown", onMouseDown);
     };
   }, [modalWrapperRef, onDismiss]);
-
   var modalAccessibilityProps = _objectSpread({
     role: "dialog"
   }, title ? {
@@ -125,7 +109,6 @@ export var Modal = function Modal(_ref) {
   } : {
     "aria-label": "Modal"
   });
-
   return createPortal( /*#__PURE__*/_jsx(ModalContainer, {
     "in": open,
     children: /*#__PURE__*/_jsxs("div", {

package/esm/Modal/Modal.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _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({
@@ -17,8 +17,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/esm/Modal/components/ModalFooter.js

@@ -1,24 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import FlexGrid from "../../FlexGrid";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ModalFooter = function ModalFooter(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mt-8"]))), className),
     children: /*#__PURE__*/_jsx(FlexGrid, {