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

package/esm/Tables/Table/Table.js

@@ -1,21 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
-
 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 TableFooter from "./components/TableFooter";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 /**
  * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
@@ -37,14 +31,13 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  */
 export var Table = function Table(_ref) {
   var className = _ref.className,
-      footer = _ref.footer,
-      _ref$smallFooter = _ref.smallFooter,
-      smallFooter = _ref$smallFooter === void 0 ? false : _ref$smallFooter,
-      hasActions = _ref.hasActions,
-      _ref$highlight = _ref.highlight,
-      highlight = _ref$highlight === void 0 ? true : _ref$highlight,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    footer = _ref.footer,
+    _ref$smallFooter = _ref.smallFooter,
+    smallFooter = _ref$smallFooter === void 0 ? false : _ref$smallFooter,
+    hasActions = _ref.hasActions,
+    _ref$highlight = _ref.highlight,
+    highlight = _ref$highlight === void 0 ? true : _ref$highlight,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs("div", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["rounded text-grey-900 bg-white display-body"]))), className),
     children: [/*#__PURE__*/_jsx("div", {

package/esm/Tables/Table/Table.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var tablePlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".table": {
       width: "100%",

package/esm/Tables/Table/components/TableFooter.js

@@ -1,14 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import cx from "clsx";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TableFooter = function TableFooter(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      children = _ref.children;
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    children = _ref.children;
   var SIZE_CLASSNAMES = {
     "default": stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["py-3 px-4"]))),
     small: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["py-1 px-4"])))

package/esm/Tabs/ContentTabs.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@radix-ui/react-tabs";
 import cx from "clsx";
 import Badge from "../Badge";
@@ -11,11 +9,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,
-      tabs = _ref.tabs,
-      tabIndex = _ref.tabIndex,
-      _ref$defaultIndex = _ref.defaultIndex,
-      defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
-      onChange = _ref.onChange;
+    tabs = _ref.tabs,
+    tabIndex = _ref.tabIndex,
+    _ref$defaultIndex = _ref.defaultIndex,
+    defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
+    onChange = _ref.onChange;
   return /*#__PURE__*/_jsxs(Tabs, {
     value: typeof tabIndex !== "undefined" ? String(tabIndex) : undefined,
     defaultValue: typeof defaultIndex !== "undefined" ? String(defaultIndex) : undefined,
@@ -26,11 +24,11 @@ export var ContentTabs = function ContentTabs(_ref) {
       className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
       children: tabs.map(function (_ref2, index) {
         var _ref2$variant = _ref2.variant,
-            variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
-            className = _ref2.className,
-            disabled = _ref2.disabled,
-            label = _ref2.label,
-            value = _ref2.value;
+          variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
+          className = _ref2.className,
+          disabled = _ref2.disabled,
+          label = _ref2.label,
+          value = _ref2.value;
         return /*#__PURE__*/_jsxs(TabsTrigger, {
           value: String(index),
           disabled: disabled,

package/esm/Tabs/LinkTabs.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import useLocation from "react-use/lib/useLocation";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -13,6 +11,7 @@ export var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
     pathname: location.pathname || ""
   });
 };
+
 /**
  * Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.
  *
@@ -41,13 +40,12 @@ export var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
  * - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
  * - Place the tab on the sides or bottom of the page, where users often overlook them
  */
-
 export var LinkTabs = function LinkTabs(_ref) {
   var className = _ref.className,
-      tabs = _ref.tabs,
-      onTabClick = _ref.onTabClick,
-      _ref$urlMatcher = _ref.urlMatcher,
-      urlMatcher = _ref$urlMatcher === void 0 ? defaultUrlMatcher : _ref$urlMatcher;
+    tabs = _ref.tabs,
+    onTabClick = _ref.onTabClick,
+    _ref$urlMatcher = _ref.urlMatcher,
+    urlMatcher = _ref$urlMatcher === void 0 ? defaultUrlMatcher : _ref$urlMatcher;
   var location = useLocation();
   var tabIndex = tabs.findIndex(function (tab) {
     return urlMatcher(tab, location);

package/esm/Tabs/Tabs.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var tabsPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".tabs-tabbar": {
       scrollBehavior: "smooth"

package/esm/Tabs/components/LinkTab.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 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 Badge from "../../Badge";
 import stl from "../../styles/helpers/satellitePrefixer";
@@ -14,41 +10,30 @@ import useLinkProps from "../../utils/useLinkProps";
 import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   var _ref;
-
   if (!el) return null;
   var next = el;
-
   do {
     var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
-
     next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
   } while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("aria-disabled")));
-
   return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
 };
-
 var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
   var _ref2;
-
   if (!el) return null;
   var next = el;
-
   do {
     var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
-
     next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
   } while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("aria-disabled")));
-
   return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
 };
-
 export var LinkTab = function LinkTab(_ref3) {
   var tab = _ref3.tab,
-      _onClick = _ref3.onClick,
-      selected = _ref3.selected;
+    _onClick = _ref3.onClick,
+    selected = _ref3.selected;
   var variant = tab.variant || "accent";
   var selectionProps = selected ? {
     "aria-selected": true,
@@ -72,7 +57,6 @@ export var LinkTab = function LinkTab(_ref3) {
     className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
     onKeyDown: function onKeyDown(evt) {
       if (tab.disabled) return;
-
       if (evt.key === "ArrowRight") {
         var nextElement = getNextNonDisabledSibling(evt.currentTarget);
         nextElement === null || nextElement === void 0 ? void 0 : nextElement.click();

package/esm/Tabs/utils.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import stl from "../styles/helpers/satellitePrefixer";
 export var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
   grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tab-grey"]))),

package/esm/Tag/Tag.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children", "variant", "className", "onDelete", "locale"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-
 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 { X } from "react-feather";
@@ -39,6 +35,7 @@ var BUTTON_CLOSE_VARIANT_CLASSNAMES = {
   red: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
   pink: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
 };
+
 /**
  * Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
  * Keep in mind that tags increase the amount of visual noise, particularly when combined with other visual labelling elements, so use them in moderation. Tags can be added or removed from an object by users.
@@ -60,29 +57,23 @@ var BUTTON_CLOSE_VARIANT_CLASSNAMES = {
  * - When writing tags, avoid line-wrapping
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
  */
-
 export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "grey" : _ref$variant,
-      className = _ref.className,
-      onDelete = _ref.onDelete,
-      propsLocale = _ref.locale,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "grey" : _ref$variant,
+    className = _ref.className,
+    onDelete = _ref.onDelete,
+    propsLocale = _ref.locale,
+    props = _objectWithoutProperties(_ref, _excluded);
   var title = typeof children === "string" ? children : "tag";
   var contextLocale = useLocale("tag");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
-
   var tagClassName = cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["tag"]))), VARIANT_CLASSNAMES[variant], className);
   var editable = Boolean(onDelete);
-
   var handleDelete = function handleDelete(evt) {
     evt.stopPropagation();
     onDelete === null || onDelete === void 0 ? void 0 : onDelete(evt);
   };
-
   return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
     className: tagClassName,
     ref: ref,

package/esm/Tag/Tag.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var tagPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".tag": {
       display: "inline-flex",

package/esm/TextArea/TextArea.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 = ["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 { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("textarea", _objectSpread(_objectSpread({}, otherProps), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-area"]))), className),
     ref: ref

package/esm/TextArea/TextArea.tailwind.js

@@ -7,7 +7,7 @@ var disabledColor = _disabledColor;
 var rgba = _rgba;
 var textAreaPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".text-area": {
       width: "100%",

package/esm/TextWrap/TextWrap.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children", "maxLines", "style"];
-
 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 stl from "../styles/helpers/satellitePrefixer";
 import isCssPropertySupported from "../utils/isCssPropertySupported";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,19 +15,16 @@ var BASE_STYLES = isCssPropertySupported("overflowWrap", "anywhere") ? {
 } : {
   wordBreak: "break-all"
 };
-
 var SEPARATOR_ELEMENT = /*#__PURE__*/_jsx("span", {
   className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["invisible"]))),
   "aria-hidden": "true",
   children: "\u200B"
 });
-
 export var TextWrap = function TextWrap(_ref) {
   var text = _ref.children,
-      maxLines = _ref.maxLines,
-      style = _ref.style,
-      spanProps = _objectWithoutProperties(_ref, _excluded);
-
+    maxLines = _ref.maxLines,
+    style = _ref.style,
+    spanProps = _objectWithoutProperties(_ref, _excluded);
   var clampStyle = typeof maxLines !== "undefined" && maxLines >= 1 ? _objectSpread(_objectSpread({}, BASE_STYLES), {}, {
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
@@ -45,7 +38,6 @@ export var TextWrap = function TextWrap(_ref) {
       if (!part) {
         return null;
       }
-
       return idx % 2 === 0 ? part : /*#__PURE__*/_jsxs("span", {
         children: [part, SEPARATOR_ELEMENT]
       }, "".concat(idx, "-").concat(part));

package/esm/Toggle/Toggle.js

@@ -2,22 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var _excluded = ["className", "checked", "defaultChecked"];
-
 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, useState } from "react";
 import { Check, X } from "react-feather";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 /**
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
  *
@@ -26,29 +20,22 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  */
 export var Toggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      checked = _ref.checked,
-      defaultChecked = _ref.defaultChecked,
-      inputProps = _objectWithoutProperties(_ref, _excluded);
-
+    checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   var isControlled = typeof checked === "boolean";
-
   var _useState = useState(Boolean(isControlled ? checked : defaultChecked)),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalChecked = _useState2[0],
-      setInternalChecked = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
   var isChecked = Boolean(isControlled ? checked : internalChecked);
-
   var handleChange = function handleChange(evt) {
     var _inputProps$onChange;
-
     (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
-
     if (!isControlled && !evt.isDefaultPrevented()) {
       setInternalChecked(evt.currentTarget.checked);
     }
   };
-
   return /*#__PURE__*/_jsxs("div", {
     translate: "yes",
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["toggle-container"]))), className),

package/esm/Toggle/Toggle.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var togglePlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var transition = "all 72ms ease-in-out";
   addComponents({
     ".toggle-container": {

package/esm/Tooltip/OverflowTooltipWrapper.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 { useState } from "react";
 import { usePopper } from "react-popper";
@@ -20,66 +16,57 @@ import { DEFAULT_TOOLTIP_POPPER_MODIFIERS } from "./TooltipWrapper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 /** @ignore */
 export var isOverflowing = function isOverflowing(element) {
   return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
 };
 export var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
   var _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
-      _ref$tooltipVariant = _ref.tooltipVariant,
-      tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
-      wrapperClassName = _ref.wrapperClassName,
-      tooltipClassName = _ref.tooltipClassName,
-      children = _ref.children,
-      _ref$modifiers = _ref.modifiers,
-      modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
-      _ref$noArrow = _ref.noArrow,
-      noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow;
+    placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+    _ref$tooltipVariant = _ref.tooltipVariant,
+    tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
+    wrapperClassName = _ref.wrapperClassName,
+    tooltipClassName = _ref.tooltipClassName,
+    children = _ref.children,
+    _ref$modifiers = _ref.modifiers,
+    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
+    _ref$noArrow = _ref.noArrow,
+    noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow;
   var createPortal = useCreatePortal();
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      targetEl = _useState2[0],
-      setTargetEl = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    targetEl = _useState2[0],
+    setTargetEl = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      popperEl = _useState4[0],
-      setPopperEl = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    popperEl = _useState4[0],
+    setPopperEl = _useState4[1];
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      arrowEl = _useState6[0],
-      setArrowEl = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    arrowEl = _useState6[0],
+    setArrowEl = _useState6[1];
   var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      tooltipText = _useState8[0],
-      setTooltipText = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    tooltipText = _useState8[0],
+    setTooltipText = _useState8[1];
   var _usePopper = usePopper(targetEl, popperEl, {
-    placement: placement,
-    strategy: "fixed",
-    modifiers: [].concat(_toConsumableArray(DEFAULT_TOOLTIP_POPPER_MODIFIERS), [{
-      name: "arrow",
-      options: {
-        element: arrowEl
-      }
-    }], _toConsumableArray(modifiers))
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
+      placement: placement,
+      strategy: "fixed",
+      modifiers: [].concat(_toConsumableArray(DEFAULT_TOOLTIP_POPPER_MODIFIERS), [{
+        name: "arrow",
+        options: {
+          element: arrowEl
+        }
+      }], _toConsumableArray(modifiers))
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes;
   var onMouseEnter = function onMouseEnter(evt) {
     return setTooltipText(isOverflowing(evt.currentTarget) ? evt.currentTarget.textContent : null);
   };
-
   var onMouseLeave = function onMouseLeave() {
     return setTooltipText(null);
   };
-
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       ref: setTargetEl,

package/esm/Tooltip/Tooltip.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["className", "variant"];
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 stl from "../styles/helpers/satellitePrefixer";
@@ -17,6 +13,7 @@ var VARIANT_CLASSNAMES = {
   dark: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tooltip-dark"]))),
   light: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tooltip-light"])))
 };
+
 /**
  * Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover, focus, tap, or click.
  *
@@ -34,13 +31,11 @@ var VARIANT_CLASSNAMES = {
  * - Not contain any links or buttons
  * - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
  */
-
 export var Tooltip = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "dark" : _ref$variant,
-      divProps = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "dark" : _ref$variant,
+    divProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, divProps), {}, {
     className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["tooltip typo-display-body"]))), VARIANT_CLASSNAMES[variant], className),
     ref: ref

package/esm/Tooltip/Tooltip.tailwind.js

@@ -3,13 +3,12 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var tooltipPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var arrowSize = 4;
-  /** @type {string} */
 
+  /** @type {string} */
   var tooltipDarkBackground = theme("colors.grey.900");
   /** @type {string} */
-
   var tooltipLightBackground = theme("colors.white");
   addComponents({
     ".tooltip": {
@@ -29,7 +28,7 @@ var tooltipPlugin = plugin(function (_ref) {
     },
     ".tooltip-dark": {
       ".typo-link": {
-        color: theme("colors.accent.400")
+        color: theme("colors.accent.300")
       }
     },
     ".tooltip-light": {