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

package/esm/Tooltip/TooltipWrapper.js

@@ -2,15 +2,11 @@ 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 throttle from "lodash/throttle";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { usePopper } from "react-popper";
 import { useCreatePortal } from "../Satellite";
@@ -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]);

package/esm/Typography/Typography.tailwind.js

@@ -1,20 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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 _plugin from "tailwindcss/plugin";
 import _require2 from "lodash";
 // @ts-check
 var _require = _require2,
-    mapKeys = _require.mapKeys;
+  mapKeys = _require.mapKeys;
 var plugin = _plugin;
 var typographyPlugin = plugin(function (_ref) {
   var theme = _ref.theme,
-      addUtilities = _ref.addUtilities,
-      addComponents = _ref.addComponents,
-      e = _ref.e;
+    addUtilities = _ref.addUtilities,
+    addComponents = _ref.addComponents,
+    e = _ref.e;
   var desktop = theme("stlTypography.desktop", {});
   var mobile = theme("stlTypography.mobile", {});
   var common = {
@@ -33,28 +30,28 @@ var typographyPlugin = plugin(function (_ref) {
         textDecoration: "underline"
       }
     }
-  }; // add utilities for manual typography declaration
-  // Example: `className="typo-m-display-small lg:typo-display-small"`
+  };
 
+  // add utilities for manual typography declaration
+  // Example: `className="typo-m-display-small lg:typo-display-small"`
   /** @type {any} */
-
   var utilities = _objectSpread(_objectSpread(_objectSpread({}, mapKeys(common, function (_, key) {
     return ".typo-".concat(e(key));
   })), mapKeys(desktop, function (_, key) {
     return ".typo-".concat(e(key));
   })), mapKeys(mobile, function (_, key) {
     return ".typo-m-".concat(e(key));
-  })); // add components for automatic responsive typography
-  // Example: `className="display-small"`
-
+  }));
 
+  // add components for automatic responsive typography
+  // Example: `className="display-small"`
   var components = _objectSpread(_objectSpread({}, mapKeys(mobile, function (_, key) {
     return ".".concat(e(key));
   })), {}, _defineProperty({}, "@media (min-width: ".concat(theme("screens.md"), ")"), _objectSpread({}, mapKeys(desktop, function (_, key) {
     return ".".concat(e(key));
-  })))); // register add-ons
-
+  }))));
 
+  // register add-ons
   addUtilities(utilities);
   addComponents(components);
 }, {

package/esm/UserContent/UserContent.js

@@ -1,15 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var UserContent = function UserContent(_ref) {
   var className = _ref.className,
-      content = _ref.content,
-      _ref$styled = _ref.styled,
-      styled = _ref$styled === void 0 ? true : _ref$styled;
+    content = _ref.content,
+    _ref$styled = _ref.styled,
+    styled = _ref$styled === void 0 ? true : _ref$styled;
   if (!content) return null;
   return /*#__PURE__*/_jsx("div", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["", ""])), styled && "usercontent"), className),

package/esm/UserContent/UserContent.tailwind.js

@@ -1,25 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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 _rgba from "../styles/rgba";
 import _require2 from "../styles/helpers/icons";
 import _plugin from "tailwindcss/plugin";
 // @ts-check
 var plugin = _plugin;
 var _require = _require2,
-    toBG = _require.toBG;
+  toBG = _require.toBG;
 var rgba = _rgba;
 export default plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
+    theme = _ref.theme;
   /** @type {any} */
   var desktop = theme("stlTypography.desktop", {});
   /** @type {any} */
-
   var mobile = theme("stlTypography.mobile", {});
   addComponents({
     ".usercontent": _defineProperty({

package/esm/styles/base.tailwind.js

@@ -3,35 +3,36 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var basePlugin = plugin(function (_ref) {
   var addBase = _ref.addBase,
-      theme = _ref.theme;
+    theme = _ref.theme;
   // https://polaris.shopify.com/design/typography#font-stack
   addBase({
     "html, body": {
       /* Make type rendering look crisper */
       "-webkit-font-smoothing": "antialiased",
       "-moz-osx-font-smoothing": "grayscale",
-
       /* Disable auto-enlargement of small text in Safari */
       "text-size-adjust": "100%",
-
       /* Enable kerning and optional ligatures */
       "text-rendering": "optimizeLegibility"
     }
-  }); // Accent color
+  });
 
+  // Accent color
   addBase({
     ":root": {
       "accent-color": theme("colors.accent.600")
     }
-  }); // Text selection
+  });
 
+  // Text selection
   addBase({
     "::selection": {
       background: theme("colors.accent.600"),
       color: theme("colors.white")
     }
-  }); // Base styles for links
+  });
 
+  // Base styles for links
   addBase({
     a: {
       color: theme("colors.accent.600"),

package/esm/styles/colors.js

@@ -38,14 +38,14 @@ var colors = {
     100: "#f2f3ff"
   },
   xenon: {
-    900: "#0e297e",
-    800: "#0c31a7",
-    700: "#0738d2",
+    900: "#000033",
+    800: "#042077",
+    700: "#022eb9",
     600: "#003dff",
-    500: "#2857ff",
-    400: "#5172ff",
-    300: "#a2afff",
-    200: "#cad1ff",
+    500: "#1e59ff",
+    400: "#457aff",
+    300: "#76a0ff",
+    200: "#bbd1ff",
     100: "#f2f4ff"
   },
   blue: {

package/esm/styles/disabledColor.js

@@ -3,13 +3,12 @@ import _Color from "color";
 // @ts-check
 var Color = _Color;
 var colors = _colors;
+
 /**
  * Creates the disabled version of a color by mixing it with white
  * @param {string} baseColor
  */
-
 function disabledColor(baseColor) {
   return Color(baseColor).mix(Color(colors.white), 0.6).hex();
 }
-
 export default disabledColor;

package/esm/styles/helpers/icons.js

@@ -3,39 +3,36 @@ import _require2 from "react";
 import _Icon from "react-feather";
 var Icon = _Icon;
 var _require = _require2,
-    createElement = _require.createElement;
+  createElement = _require.createElement;
 var _require3 = _require4,
-    renderToStaticMarkup = _require3.renderToStaticMarkup;
+  renderToStaticMarkup = _require3.renderToStaticMarkup;
+
 /**
  * Render inline SVG for a Feather icon
  * @param {string} color
  */
-
 var toSVG = function toSVG(iconName) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return renderToStaticMarkup(createElement(Icon[iconName], props, null));
 };
+
 /**
  * Return Feather icon as SVG background-image value
  * @param {string} color
  */
-
-
 var toBG = function toBG(iconName) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return "url(\"data:image/svg+xml;utf8,".concat(encodeURIComponent(toSVG(iconName, props)), "\")");
 };
+
 /**
  * Return url encoded image background
  * @param {string} color
  */
-
-
 var selectIconBG = function selectIconBG(color) {
   var encodedColor = encodeURIComponent(color);
   return "url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"".concat(encodedColor, "\" stroke-width=\"2\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M13 7L7 1 1 7M1 17l6 6 6-6\"/></g></svg>')");
 };
-
 export default {
   selectIconBG: selectIconBG,
   toBG: toBG,

package/esm/styles/helpers/makePurgeCssExtractor.js

@@ -1,24 +1,21 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import _prefixTailwindClassName from "./prefixTailwindClassName";
 // @ts-check
 var prefixTailwindClassName = _prefixTailwindClassName;
+
 /**
  * Regexp lifted and modified from https://tailwindcss.com/docs/optimizing-for-production#writing-purgeable-html because
  * it does not handle cases like foo\\n
  */
-
 var TAILWIND_REGEXP = /[^<>"'`\s\\]*[^<>"'`\s:\\]/g;
+
 /**
  * Creates a PurgeCSS extractor
  * Prefix is added back if missing (workaround for using the prefix helper 🙃).
  * @param {string} prefix The prefix used in your Tailwind config
  */
-
 function makePurgeCssExtractor(prefix) {
   /**
    * @param {string} content
@@ -26,21 +23,16 @@ function makePurgeCssExtractor(prefix) {
    */
   var extractor = function extractor(content) {
     var matches = content.match(TAILWIND_REGEXP);
-
     if (!matches) {
       return [];
     }
-
     var extractedClassNames = new Set();
-
     var _iterator = _createForOfIteratorHelper(matches),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var className = _step.value;
         extractedClassNames.add(className);
-
         if (!className.includes(prefix)) {
           extractedClassNames.add(prefixTailwindClassName(prefix, className));
         }
@@ -50,11 +42,8 @@ function makePurgeCssExtractor(prefix) {
     } finally {
       _iterator.f();
     }
-
     return Array.from(extractedClassNames);
   };
-
   return extractor;
 }
-
 export default makePurgeCssExtractor;

package/esm/styles/helpers/makeTailwindPrefixer.js

@@ -1,13 +1,13 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _prefixTailwindClassName from "./prefixTailwindClassName";
 // @ts-check
+
 var prefixTailwindClassName = _prefixTailwindClassName;
 var WHITESPACE_REGEXP = /\s+/;
 /**
  * Creates a tagged template that generates prefixed tailwind classnames
  * @param {string} tailwindPrefix
  */
-
 function makeTailwindPrefixer(tailwindPrefix) {
   /**
    *
@@ -18,22 +18,17 @@ function makeTailwindPrefixer(tailwindPrefix) {
     for (var _len = arguments.length, placeholders = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       placeholders[_key - 1] = arguments[_key];
     }
-
     var values = placeholders.filter(Boolean);
     values.push.apply(values, _toConsumableArray(literals));
     var splitClassNames = values.join(" ").split(WHITESPACE_REGEXP);
     var prefixedClassNames = [];
-
     for (var i = 0; i < splitClassNames.length; i++) {
       var classname = splitClassNames[i];
       if (classname.length === 0) continue;
       prefixedClassNames.push(prefixTailwindClassName(tailwindPrefix, classname));
     }
-
     return prefixedClassNames.join(" ");
   }
-
   return tailwindPrefixerTag;
 }
-
 export default makeTailwindPrefixer;

package/esm/styles/helpers/prefixTailwindClassName.js

@@ -6,21 +6,21 @@
  * @param {string} classname
  */
 function prefixTailwindClassName(tailwindPrefix, classname) {
-  var searchZone = classname.replace(/-\[[^\]]+\]$/, ""); // important marker
+  var searchZone = classname.replace(/-\[[^\]]+\]$/, "");
 
-  var prefixInsertIndex = searchZone.lastIndexOf("!"); // modifier separator
+  // important marker
+  var prefixInsertIndex = searchZone.lastIndexOf("!");
 
+  // modifier separator
   if (prefixInsertIndex === -1) {
     prefixInsertIndex = searchZone.lastIndexOf(":");
-  } // container marker
-
+  }
 
+  // container marker
   if (prefixInsertIndex === -1) {
     prefixInsertIndex = searchZone.lastIndexOf("@");
   }
-
   prefixInsertIndex += 1;
   return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
 }
-
 export default prefixTailwindClassName;

package/esm/styles/helpers/satellitePrefixer.js

@@ -1,7 +1,7 @@
 import _makeTailwindPrefixer from "./makeTailwindPrefixer";
 // @ts-check
 var makeTailwindPrefixer = _makeTailwindPrefixer;
-/** Convenience module that exports the preconfigured tagged template for the library  */
 
+/** Convenience module that exports the preconfigured tagged template for the library  */
 var stl = makeTailwindPrefixer("stl-");
 export default stl;

package/esm/styles/rgba.js

@@ -1,15 +1,14 @@
 import _Color from "color";
 // @ts-check
 var Color = _Color;
+
 /**
  *
  * @param {string} color
  * @param {number} alpha
  * @returns {string}
  */
-
 function rgba(color, alpha) {
   return Color(color).alpha(alpha).rgb().string();
 }
-
 export default rgba;

package/esm/styles/tailwind.config.js

@@ -1,21 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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 _zIndexes from "./zIndexes";
 import _rgba from "./rgba";
 import _makePurgeCssExtractor from "./helpers/makePurgeCssExtractor.js";
 import _colors from "./colors";
 // @ts-check
+
 var colors = _colors;
 var makePurgeCssExtractor = _makePurgeCssExtractor;
 var rgba = _rgba;
 var zIndexes = _zIndexes;
 var prefix = "stl-";
-/** @type {import('tailwindcss').Config} */
 
+/** @type {import('tailwindcss').Config} */
 export default {
   prefix: prefix,
   content: {
@@ -44,8 +42,8 @@ export default {
       "2xl": "1.75rem",
       // 28px,
       "3xl": "2.625rem" // 42px,
-
     },
+
     lineHeight: {
       inherit: "inherit",
       sm: "1rem",
@@ -100,7 +98,7 @@ export default {
       100: "1"
     },
     colors: _objectSpread(_objectSpread({}, colors), {}, {
-      accent: colors.nebula,
+      accent: colors.xenon,
       inherit: "inherit",
       transparent: "transparent",
       current: "currentColor",

package/esm/styles/zIndexes.js

@@ -1,4 +1,5 @@
 // @ts-check
+
 var zIndexes = {
   sidebar: 200,
   fullPageLayout: 250,

package/esm/utils/event-polyfill.js

@@ -1,5 +1,4 @@
 // See https://github.com/streamich/react-use/issues/73
-
 /**
  * To detect you are in IE (for this case) by checking typeof(Event) which is
  * 'function' for all except IE where it is 'object'.
@@ -19,7 +18,6 @@
     evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
     return evt;
   }
-
   CustomEvent.prototype = window.Event.prototype;
   window.Event = CustomEvent;
 })();