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

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js

@@ -2,10 +2,8 @@ import { createContext, useContext } from "react";
 export var DropdownCollapsibleItemsGroupContext = /*#__PURE__*/createContext(null);
 export var useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
   var context = useContext(DropdownCollapsibleItemsGroupContext);
-
   if (!context) {
     throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
   }
-
   return context;
 };

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js

@@ -3,21 +3,18 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from "react";
 import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * Multiple collapsible item can be open at a given time
  */
 export var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
   var initialExpandedItems = _ref.initialExpandedItems,
-      children = _ref.children;
-
+    children = _ref.children;
   var _useState = useState(function () {
-    return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandedItems = _useState2[0],
-      setExpandedItems = _useState2[1];
-
+      return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedItems = _useState2[0],
+    setExpandedItems = _useState2[1];
   return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
     expandedItems: expandedItems,
     onItemClick: function onItemClick(name) {

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js

@@ -2,21 +2,18 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from "react";
 import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
  */
 export var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
   var initialExpandedItem = _ref.initialExpandedItem,
-      children = _ref.children;
-
+    children = _ref.children;
   var _useState = useState(function () {
-    return initialExpandedItem ? [initialExpandedItem] : [];
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandedItems = _useState2[0],
-      setExpandedItems = _useState2[1];
-
+      return initialExpandedItem ? [initialExpandedItem] : [];
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedItems = _useState2[0],
+    setExpandedItems = _useState2[1];
   return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
     expandedItems: expandedItems,
     onItemClick: function onItemClick(name) {

package/esm/Dropdown/components/DropdownDivider.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownDivider = function DropdownDivider() {

package/esm/Dropdown/components/DropdownFooterItem.js

@@ -1,23 +1,17 @@
 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 = ["children", "className"];
-
 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 stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownFooterItem = function DropdownFooterItem(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (!children) return null;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)

package/esm/Dropdown/components/DropdownLinkItem.js

@@ -1,15 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var _excluded = ["toggle", "disabled", "startIcon", "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 stl from "../../styles/helpers/satellitePrefixer";
 import useLinkProps from "../../utils/useLinkProps";
@@ -19,15 +14,14 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownLinkItem = function DropdownLinkItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
-
+  // `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
   var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
-      toggle = _props$dropdownItemPr.toggle,
-      disabled = _props$dropdownItemPr.disabled,
-      StartIcon = _props$dropdownItemPr.startIcon,
-      className = _props$dropdownItemPr.className,
-      children = _props$dropdownItemPr.children,
-      mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
-
+    toggle = _props$dropdownItemPr.toggle,
+    disabled = _props$dropdownItemPr.disabled,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    className = _props$dropdownItemPr.className,
+    children = _props$dropdownItemPr.children,
+    mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
   }, mergedProps), {}, {

package/esm/Dropdown/components/DropdownRadioItem.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", "toggle", "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 { RadioButton } from "../../RadioGroup";
 import stl from "../../styles/helpers/satellitePrefixer";
 import useDropdownItemProps from "../useDropdownItemProps";
@@ -17,13 +12,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownRadioItem = function DropdownRadioItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
-
+  // `toggle` is destructured here because we don't want it passed to the `RadioButton`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
-      className = _props$dropdownItemPr.className,
-      toggle = _props$dropdownItemPr.toggle,
-      children = _props$dropdownItemPr.children,
-      radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
-
+    className = _props$dropdownItemPr.className,
+    toggle = _props$dropdownItemPr.toggle,
+    children = _props$dropdownItemPr.children,
+    radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
   return /*#__PURE__*/_jsx("label", {
     className: className,
     children: /*#__PURE__*/_jsxs("div", {

package/esm/Dropdown/components/DropdownTitle.js

@@ -1,22 +1,16 @@
 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"];
-
 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 stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownTitle = function DropdownTitle(_ref) {
   var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("h4", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
   }));

package/esm/Dropdown/components/DropdownToggleItem.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, _templateObject4;
-
 var _excluded = ["className", "toggle", "startIcon", "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 stl from "../../styles/helpers/satellitePrefixer";
 import { Toggle } from "../../Toggle";
@@ -18,14 +13,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownToggleItem = function DropdownToggleItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
-
+  // `toggle` is destructured here because we don't want it passed to the `Toggle`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
-      className = _props$dropdownItemPr.className,
-      toggle = _props$dropdownItemPr.toggle,
-      StartIcon = _props$dropdownItemPr.startIcon,
-      children = _props$dropdownItemPr.children,
-      toggleProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
-
+    className = _props$dropdownItemPr.className,
+    toggle = _props$dropdownItemPr.toggle,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    children = _props$dropdownItemPr.children,
+    toggleProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
   return /*#__PURE__*/_jsxs("label", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
     children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {

package/esm/Dropdown/useDropdownItemProps.js

@@ -1,19 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 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 stl from "../styles/helpers/satellitePrefixer";
 import { useDropdownContext } from "./DropdownContext";
 export var useDropdownItemProps = function useDropdownItemProps(props) {
   var _useDropdownContext = useDropdownContext(),
-      showMenu = _useDropdownContext.showMenu;
-
+    showMenu = _useDropdownContext.showMenu;
   var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
   var disabledProps = props.disabled ? {
     disabled: true,
@@ -27,7 +22,6 @@ export var useDropdownItemProps = function useDropdownItemProps(props) {
       if (props.onClick) {
         props.onClick(evt);
       }
-
       if (!evt.defaultPrevented && props.toggle) {
         showMenu(false);
       }

package/esm/Dropzone/Dropzone.js

@@ -4,13 +4,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["id", "placeholder", "disabled", "multiple", "clearable", "onChange", "className", "locale"];
-
 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 { Fragment, useCallback, useMemo, useState } from "react";
 import { useDropzone } from "react-dropzone";
@@ -23,7 +19,6 @@ import { formatHumanSize } from "../utils/formatters";
 import { uniqueId } from "../utils/uniqueId";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var DropzoneFileItem = function DropzoneFileItem(_ref) {
   var file = _ref.file;
   return /*#__PURE__*/_jsxs("span", {
@@ -31,7 +26,6 @@ var DropzoneFileItem = function DropzoneFileItem(_ref) {
     children: [file.name, " - ", formatHumanSize(file.size)]
   });
 };
-
 var STATUS_CLASSNAMES = {
   "default": "",
   invalid: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["input-invalid"]))),
@@ -40,72 +34,60 @@ var STATUS_CLASSNAMES = {
 var DEFAULT_DROPZONE_LOCALE = {
   clearInput: "Clear input"
 };
-
 var InvalidIcon = function InvalidIcon() {
   return /*#__PURE__*/_jsx(X, {
     className: stl(_templateObject3 || (_templateObject3 = _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(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
+    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
   });
 };
-
 export var Dropzone = function Dropzone(_ref2) {
   var id = _ref2.id,
-      placeholder = _ref2.placeholder,
-      disabled = _ref2.disabled,
-      _ref2$multiple = _ref2.multiple,
-      multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,
-      _ref2$clearable = _ref2.clearable,
-      clearable = _ref2$clearable === void 0 ? false : _ref2$clearable,
-      onChange = _ref2.onChange,
-      className = _ref2.className,
-      propsLocale = _ref2.locale,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    placeholder = _ref2.placeholder,
+    disabled = _ref2.disabled,
+    _ref2$multiple = _ref2.multiple,
+    multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,
+    _ref2$clearable = _ref2.clearable,
+    clearable = _ref2$clearable === void 0 ? false : _ref2$clearable,
+    onChange = _ref2.onChange,
+    className = _ref2.className,
+    propsLocale = _ref2.locale,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var contextLocale = useLocale("dropzone");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DROPZONE_LOCALE), contextLocale), propsLocale);
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      files = _useState2[0],
-      setFiles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    files = _useState2[0],
+    setFiles = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      focused = _useState4[0],
-      setFocused = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
   var _useFieldState = useFieldState(),
-      status = _useFieldState.status;
-
+    status = _useFieldState.status;
   var onDrop = useCallback(function (acceptedFiles, fileRejections) {
     var updatedFiles = multiple ? [].concat(_toConsumableArray(files), _toConsumableArray(acceptedFiles)) : acceptedFiles;
     setFiles(updatedFiles);
     onChange === null || onChange === void 0 ? void 0 : onChange(updatedFiles, fileRejections);
   }, [multiple, files, onChange]);
-
   var handleClear = function handleClear(evt) {
     evt.stopPropagation();
     setFiles([]);
     onChange === null || onChange === void 0 ? void 0 : onChange([], []);
   };
-
   var _useDropzone = useDropzone(_objectSpread(_objectSpread({
-    disabled: disabled,
-    multiple: multiple
-  }, props), {}, {
-    onDrop: onDrop
-  })),
-      getRootProps = _useDropzone.getRootProps,
-      getInputProps = _useDropzone.getInputProps,
-      isDragActive = _useDropzone.isDragActive,
-      isDragReject = _useDropzone.isDragReject;
-
+      disabled: disabled,
+      multiple: multiple
+    }, props), {}, {
+      onDrop: onDrop
+    })),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive,
+    isDragReject = _useDropzone.isDragReject;
   var dropzoneId = useMemo(function () {
     return id !== null && id !== void 0 ? id : uniqueId("dropzone");
   }, [id]);

package/esm/EmptyState/EmptyState.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
-
 import cx from "clsx";
 import FlexGrid from "../FlexGrid";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -44,20 +42,19 @@ var ACTIONS_CONTEXT_CLASSNAMES = {
   feature: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["mt-3"]))),
   page: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["mt-6 md:flex-row"])))
 };
-
 var renderEmptyState = function renderEmptyState(_ref) {
   var title = _ref.title,
-      description = _ref.description,
-      actions = _ref.actions,
-      actionsDirection = _ref.actionsDirection,
-      medallion = _ref.medallion,
-      illustration = _ref.illustration,
-      _ref$usageContext = _ref.usageContext,
-      usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? "medium" : _ref$width,
-      _ref$centered = _ref.centered,
-      centered = _ref$centered === void 0 ? false : _ref$centered;
+    description = _ref.description,
+    actions = _ref.actions,
+    actionsDirection = _ref.actionsDirection,
+    medallion = _ref.medallion,
+    illustration = _ref.illustration,
+    _ref$usageContext = _ref.usageContext,
+    usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "medium" : _ref$width,
+    _ref$centered = _ref.centered,
+    centered = _ref$centered === void 0 ? false : _ref$centered;
   var containerClassNames = cx(stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["justify-center text-center lg:flex-col"]))) : stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["justify-between flex-col lg:flex-row"]))));
   var titleClassNames = cx(stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
   var descriptionClassNames = cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
@@ -89,6 +86,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
     })]
   });
 };
+
 /**
  * Empty states are used when a list, table, chart or page has no items or data to show. This is an opportunity to provide explanation or guidance to help users progress. This can also be shown when a features hasn't been enable.
  *
@@ -113,8 +111,6 @@ var renderEmptyState = function renderEmptyState(_ref) {
  * - Use illustrations thoughtfully
  * - Use only one primary call-to-action button
  */
-
-
 export var EmptyState = function EmptyState(props) {
   return renderEmptyState(props);
 };

package/esm/Field/Field.js

@@ -1,14 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
 import cx from "clsx";
 import { AlertCircle } from "react-feather";
 import stl from "../styles/helpers/satellitePrefixer";
 import FieldStateContext, { DEFAULT_STATE } from "./FieldStateContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 /**
  * 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
  *
@@ -45,14 +42,14 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  */
 export var Field = function Field(_ref) {
   var className = _ref.className,
-      label = _ref.label,
-      labelFor = _ref.labelFor,
-      description = _ref.description,
-      _ref$state = _ref.state,
-      state = _ref$state === void 0 ? DEFAULT_STATE : _ref$state,
-      _ref$inline = _ref.inline,
-      inline = _ref$inline === void 0 ? false : _ref$inline,
-      children = _ref.children;
+    label = _ref.label,
+    labelFor = _ref.labelFor,
+    description = _ref.description,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? DEFAULT_STATE : _ref$state,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    children = _ref.children;
   return /*#__PURE__*/_jsx(FieldStateContext.Provider, {
     value: state,
     children: /*#__PURE__*/_jsxs("div", {

package/esm/Flag/Flag.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, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
-
 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, useRef, useState } from "react";
 import { Check, X } from "react-feather";
@@ -24,40 +20,37 @@ var DEFAULT_FLAG_LOCALE = {
 var VARIANT_CLASSNAMES = {
   grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-grey-500"]))),
   accent: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-accent-500"]))),
-  blue: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-blue-500"]))),
-  green: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-green-500"]))),
+  blue: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-blue-600"]))),
+  green: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-green-600"]))),
   orange: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-orange-500"]))),
   red: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["bg-red-500"])))
 };
 var VARIANT_SPINNER_CLASSNAMES = {
   grey: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["border-grey-500"]))),
   accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-500"]))),
-  blue: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-blue-500"]))),
-  green: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-green-500"]))),
+  blue: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-blue-600"]))),
+  green: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-green-600"]))),
   orange: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-orange-500"]))),
   red: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["border-red-500"])))
 };
 export var Flag = function Flag(_ref) {
   var onDismiss = _ref.onDismiss,
-      title = _ref.title,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? Check : _ref$icon,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "accent" : _ref$variant,
-      autoDismissAfter = _ref.autoDismissAfter,
-      propsLocale = _ref.locale,
-      children = _ref.children;
+    title = _ref.title,
+    _ref$icon = _ref.icon,
+    Icon = _ref$icon === void 0 ? Check : _ref$icon,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "accent" : _ref$variant,
+    autoDismissAfter = _ref.autoDismissAfter,
+    propsLocale = _ref.locale,
+    children = _ref.children;
   var contextLocale = useLocale("flag");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_FLAG_LOCALE), contextLocale), propsLocale);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hovered = _useState2[0],
-      setHovered = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
   var onDismissRef = useRef();
   onDismissRef.current = onDismiss;
   var hasTitle = title !== undefined;
@@ -65,7 +58,6 @@ export var Flag = function Flag(_ref) {
     if (!autoDismissAfter || hovered) return;
     var timer = setTimeout(function () {
       var _onDismissRef$current;
-
       (_onDismissRef$current = onDismissRef.current) === null || _onDismissRef$current === void 0 ? void 0 : _onDismissRef$current.call(onDismissRef);
     }, autoDismissAfter);
     return function () {

package/esm/Flag/Flags.js

@@ -2,19 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["content", "id"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 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 { CSSTransition, TransitionGroup } from "react-transition-group";
 import { useCreatePortal } from "../Satellite";
 import stl from "../styles/helpers/satellitePrefixer";
 import Flag from "./Flag";
 import { jsx as _jsx } from "react/jsx-runtime";
 var TRANSITION_TIMEOUT = 500;
+
 /**
  * Use flags for messages containing confirmations, alerts, and acknowledgments that require minimal user interaction. These event-driven messages appear at the bottom of the screen and overlay any content.
  * For critical messaging about loss of data or functionality, please use banners.
@@ -52,19 +49,17 @@ var TRANSITION_TIMEOUT = 500;
  *
  * When there are multiple flags, they will stack on top of one another with the most recent flag on top. When a user dismisses a flag, any older flags 'below' will come to the top. Careful consideration should be taken to take into account the ordering and priority of flags in the stack. Never use dismissible and non-dismissible flags in a stack as flags that automatically dismiss can do so and not be visible to the user.
  */
-
 export var Flags = function Flags(_ref) {
   var _ref$notifications = _ref.notifications,
-      notifications = _ref$notifications === void 0 ? [] : _ref$notifications;
+    notifications = _ref$notifications === void 0 ? [] : _ref$notifications;
   var createPortal = useCreatePortal();
   return createPortal( /*#__PURE__*/_jsx(TransitionGroup, {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-notification bottom-0 right-0 fixed flex flex-col items-end p-4"]))),
     component: "ul",
     children: notifications.map(function (_ref2) {
       var content = _ref2.content,
-          id = _ref2.id,
-          rest = _objectWithoutProperties(_ref2, _excluded);
-
+        id = _ref2.id,
+        rest = _objectWithoutProperties(_ref2, _excluded);
       return /*#__PURE__*/_jsx(CSSTransition, {
         classNames: {
           enter: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flags_item-enter"]))),