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

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.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface TextWrapProps extends Omit<JSX.IntrinsicElements["span"], "children"> {
+    /** The max number of lines before the text is cut with an ellipsis */
     maxLines?: number;
     children: string;
 }

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": {

package/esm/Tooltip/TooltipWrapper.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 throttle from "lodash.throttle";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -27,68 +23,61 @@ export var DEFAULT_TOOLTIP_POPPER_MODIFIERS = [{
 }];
 export var TooltipWrapper = function TooltipWrapper(_ref) {
   var show = _ref.show,
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 0 : _ref$delay,
-      _ref$hideDelay = _ref.hideDelay,
-      hideDelay = _ref$hideDelay === void 0 ? 500 : _ref$hideDelay,
-      tooltipContent = _ref.content,
-      _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,
-      _ref$interactive = _ref.interactive,
-      interactive = _ref$interactive === void 0 ? true : _ref$interactive;
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$hideDelay = _ref.hideDelay,
+    hideDelay = _ref$hideDelay === void 0 ? 500 : _ref$hideDelay,
+    tooltipContent = _ref.content,
+    _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,
+    _ref$interactive = _ref.interactive,
+    interactive = _ref$interactive === void 0 ? true : _ref$interactive;
   var createPortal = useCreatePortal();
   var isControlled = typeof show === "boolean";
-
   var _useState = useState(!!show),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalShow = _useState2[0],
-      setInternalShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    internalShow = _useState2[0],
+    setInternalShow = _useState2[1];
   var transitioning = useRef(undefined);
   useEffect(function () {
     if (!isControlled) return;
     setInternalShow(show);
     transitioning.current = undefined;
   }, [isControlled, show]);
-
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      targetEl = _useState4[0],
-      setTargetEl = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    targetEl = _useState4[0],
+    setTargetEl = _useState4[1];
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      popperEl = _useState6[0],
-      setPopperEl = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    popperEl = _useState6[0],
+    setPopperEl = _useState6[1];
   var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      arrowEl = _useState8[0],
-      setArrowEl = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    arrowEl = _useState8[0],
+    setArrowEl = _useState8[1];
   var _usePopper = usePopper(targetEl, popperEl, {
-    placement: placement,
-    strategy: "fixed",
-    modifiers: [].concat(DEFAULT_TOOLTIP_POPPER_MODIFIERS, [{
-      name: "arrow",
-      options: {
-        element: arrowEl
-      }
-    }], _toConsumableArray(modifiers))
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes,
-      update = _usePopper.update;
-
+      placement: placement,
+      strategy: "fixed",
+      modifiers: [].concat(DEFAULT_TOOLTIP_POPPER_MODIFIERS, [{
+        name: "arrow",
+        options: {
+          element: arrowEl
+        }
+      }], _toConsumableArray(modifiers))
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes,
+    update = _usePopper.update;
   var showTooltip = Boolean(internalShow && targetEl);
   var transitionTimeoutId = useRef();
   var scheduleTransition = useCallback(function (show, delay) {
@@ -100,7 +89,6 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
   }, []);
   var cancelTransition = useCallback(function () {
     transitioning.current = undefined;
-
     if (transitionTimeoutId.current) {
       clearTimeout(transitionTimeoutId.current);
       transitionTimeoutId.current = undefined;
@@ -130,7 +118,6 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
       var isWithinBounds = [targetEl, interactive ? popperEl : null].some(function (ref) {
         return Boolean(ref && (ref === target || ref.contains(target)));
       });
-
       if (isWithinBounds) {
         scheduleShowTooltip();
       } else {
@@ -145,12 +132,12 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
       document.removeEventListener("mousemove", handleMouseMove);
     };
   }, [isControlled, popperEl, scheduleHideTooltip, scheduleShowTooltip, showTooltip, targetEl, interactive]);
+
   /**
    * Workaround:
    * When the tooltip content size changes, popper doesn't necessarily update the tooltip positionning correctly.
    * It's going to trigger some unnecessary updates, but it shouldn't be terribly expensive as update() is intended for "high-frequency updates"
    */
-
   useEffect(function () {
     update === null || update === void 0 ? void 0 : update();
   }, [children, update]);