@algolia/satellite 1.0.0-beta.132 → 1.0.0-beta.135

package/cjs/Banner/Banner.js

@@ -1,176 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Banner = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
-var _Button = require("../Button");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
-
-function isBannerDefaultProps(props) {
-  return props.usageContext !== "page";
-}
-
-var BASE_CLASSNAME = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["relative flex text-grey-900 display-body"])));
-var BACKGROUND_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-accent-100"]))),
-  blue: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-blue-100"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-green-100"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["bg-orange-100"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["bg-red-100"])))
-};
-var BORDER_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-grey-500"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-accent-500"]))),
-  blue: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-blue-500"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["border-green-500"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["border-orange-500"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["border-red-500"])))
-};
-var ELEVATION_CLASSNAMES = {
-  inline: "",
-  content: "",
-  section: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["shadow-z100"]))),
-  page: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["shadow-z300"])))
-};
-var ICON_VARIANTS = {
-  grey: _reactFeather.AlertCircle,
-  accent: _reactFeather.AlertCircle,
-  blue: _reactFeather.AlertCircle,
-  green: _reactFeather.CheckCircle,
-  orange: _reactFeather.AlertTriangle,
-  red: _reactFeather.AlertOctagon
-};
-var ICON_CLASSNAME_VARIANTS = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["text-accent-500"]))),
-  blue: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["text-blue-500"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["text-green-700"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["text-orange-500"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["text-red-500"])))
-};
-var TITLE_CLASSNAME_VARIANTS = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["text-accent-900"]))),
-  blue: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["text-blue-900"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["text-green-900"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["text-orange-900"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["text-red-900"])))
-};
-/** @deprecated use the new `Alert` component instead */
-
-/**
- * <p className="stl-space-x-2"><span className="stl-bg-orange-200 stl-font-bold stl-text-orange-800 stl-px-2 stl-py-1.5 stl-rounded">🌇 Sunsetting</span><span>use the new `Alert` component instead</span></p>
- *
- * Banners inform users about important changes or persistent conditions. Use this component if you need
- * to communicate to users in a prominent way. Take in consideration 3 levels of hierarchy when deciding
- * on the appropriate banner to use:
- *
- * #### Page banner
- * - Use this banner to display critical messages about data, functionality or any other site-wide information you want to convey
- * - Place this banner at the top of the page and make sure it occupies the full width of the content area
- *
- * #### Section banner
- * - Use this banner to display a message that relates to a section of the page the user is in, e.g. billing details
- * - Place this banner inside the section (e.g. card, popover, modal), below the heading
- *
- * #### In-card banner
- * - Use this banner to display a message that relates to a specific part of the section, e.g. no events for personalization strategy
- * - Place this banner immediately above or below the element it relates to most
- *
- * ## Variantions
- * Consider the context and implied severity to choose from the following range:
- *
- * - **Accent**: `variant="accent"`
- * - **Informational**: `variant="gray"` & `variant="blue"`
- * - **Warning**: `variant="orange"`
- * - **Error**: `variant="red"`
- * - **Success**: `variant="green"`
- *
- * ## Content guidelines
- * #### Title
- * - Use simple, clear language
- * - Keep headings to a single sentence
- * - Avoid using punctuation such as periods, commas, or semicolons
- *
- * #### Body
- * - Be concise, keep content to 1 to 2 sentences max
- * - Clarify the benefit of the main task
- * - Explain how to resolve the issue, particularly for warning and error banners
- * - Avoid repeating the heading
- *
- * #### Buttons and links
- * - Keep them short, clear and predictable
- * - Start with verb that encourages action
- * - Avoid unnecessary words
- * - Link should set the expectation of where users will be taken
- *
- * #### Usability best practices
- * - Make sure banners appear one at the time and disappear once the issue is resolved
- * - Make them dismissible even if they contain critical information or an important step users need to take
- * - Make them concise and scannable—users shouldn't need to spend a lot of time figuring out what they need to know and do
- * - Use an appropriate color and icon for success, info, warning and error states
- */
-
-var Banner = function Banner(props) {
-  var _props$usageContext = props.usageContext,
-      usageContext = _props$usageContext === void 0 ? "content" : _props$usageContext,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? "grey" : _props$variant,
-      onDismiss = props.onDismiss,
-      className = props.className,
-      style = props.style,
-      children = props.children;
-  var containerClassName = (0, _classnames["default"])(BASE_CLASSNAME, usageContext !== "inline" ? "".concat((0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["border-t-3 p-4"]))), " ").concat(BORDER_CLASSNAMES[variant]) : (0, _satellitePrefixer["default"])(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2["default"])(["py-2 px-3"]))), ELEVATION_CLASSNAMES[usageContext], ["inline", "content"].includes(usageContext) ? BACKGROUND_CLASSNAMES[variant] : (0, _satellitePrefixer["default"])(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2["default"])(["bg-white"]))), usageContext !== "page" && (0, _satellitePrefixer["default"])(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2["default"])(["rounded"]))), className);
-  var icon = props.icon === undefined ? usageContext !== "page" : props.icon;
-  var Icon = typeof icon === "boolean" && icon ? ICON_VARIANTS[variant] : icon;
-  var subduedContent = Boolean(isBannerDefaultProps(props) && usageContext === "section" && props.title);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: containerClassName,
-    style: style,
-    children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-      className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2["default"])(["\n            flex-shrink-0\n            ", "\n            ", "\n            "])), usageContext !== "inline" ? "mr-4" : "mr-2", isBannerDefaultProps(props) && props.title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
-      size: "1rem"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2["default"])(["flex flex-1 flex-col ", ""])), onDismiss && "mr-2"),
-      children: [isBannerDefaultProps(props) && props.title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
-        className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-1"]))), TITLE_CLASSNAME_VARIANTS[variant]),
-        children: props.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2["default"])(["", " ", ""])), usageContext === "page" && "text-center", subduedContent && "text-grey-600"),
-        children: children
-      })]
-    }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-        title: "Close",
-        variant: "subtle",
-        size: "small",
-        icon: _reactFeather.X,
-        onClick: function onClick(evt) {
-          evt.stopPropagation();
-          onDismiss();
-        }
-      })
-    })]
-  });
-};
-
-exports.Banner = Banner;
-var _default = Banner;
-exports["default"] = _default;

package/cjs/Banner/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Banner";
-export { default } from "./Banner";

package/cjs/Banner/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Banner["default"];
-  }
-});
-
-var _Banner = _interopRequireWildcard(require("./Banner"));
-
-Object.keys(_Banner).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Banner[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Banner[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/Sidebar/Sidebar.tailwind.d.ts

@@ -1,5 +0,0 @@
-export = sidebarPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const sidebarPlugin: import('../tailwind-types').TailwindPlugin;

package/cjs/Sidebar/Sidebar.tailwind.js

@@ -1,69 +0,0 @@
-"use strict";
-
-// @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var sidebarPlugin = function sidebarPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
-  /**
-   * Returns a left border built with a box-shadow
-   * @param {string} color
-   */
-  var borderLeftInsetShadow = function borderLeftInsetShadow(color) {
-    return "inset 3px 0 0 ".concat(color);
-  };
-
-  addComponents({
-    ".sidebar": {
-      backgroundColor: theme("colors.grey.900"),
-      color: theme("colors.grey.200"),
-      width: 256
-    },
-    ".sidebar-light": {
-      backgroundColor: theme("colors.white"),
-      boxShadow: "\n        0 0 0 1px ".concat(theme("colors.shadow.5"), ",\n        0 1px 3px 0 ").concat(theme("colors.shadow.15"), "\n      ")
-    },
-    ".sidebar-collapsed": {
-      width: 80
-    }
-  });
-  addComponents({
-    ".sidebar-link": {
-      display: "flex",
-      alignItems: "center",
-      padding: "".concat(theme("spacing.2"), " ").concat(theme("spacing.6")),
-      color: "inherit",
-      height: "2.5rem",
-      cursor: "pointer",
-      transition: "background-color 100ms ease-in-out",
-      "&, &:hover": {
-        textDecoration: "none",
-        outline: "none"
-      },
-      "&:hover, &:focus, &.sidebar-link-active": {
-        backgroundColor: theme("colors.grey.950"),
-        color: theme("colors.white")
-      },
-      "&.sidebar-link-active": {
-        boxShadow: borderLeftInsetShadow(theme("colors.accent.500"))
-      }
-    },
-    ".sidebar-link-light": {
-      backgroundColor: "transparent",
-      color: theme("colors.grey.600"),
-      "&:hover, &:focus, &.sidebar-link-active": {
-        backgroundColor: theme("colors.grey.100"),
-        color: theme("colors.grey.900")
-      },
-      "&.sidebar-link-active": {
-        boxShadow: borderLeftInsetShadow(theme("colors.accent.600"))
-      }
-    }
-  });
-};
-
-module.exports = sidebarPlugin;

package/cjs/Sidebar/components/SidebarHeader.d.ts

@@ -1,5 +0,0 @@
-import type { DetailedHTMLProps, HTMLAttributes } from "react";
-export interface SidebarHeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
-}
-export declare const SidebarHeader: ({ className, children, ...headingProps }: SidebarHeaderProps) => JSX.Element;
-export default SidebarHeader;

package/cjs/Sidebar/components/SidebarLink.d.ts

@@ -1,9 +0,0 @@
-import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent } from "react";
-import type { IconComponentType } from "../../types";
-import matchLocation from "../../utils/matchLocation";
-export interface SidebarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
-    icon?: IconComponentType;
-    active?: typeof matchLocation | boolean;
-}
-export declare const SidebarLink: FunctionComponent<SidebarLinkProps>;
-export default SidebarLink;

package/cjs/Sidebar/components/SidebarLink.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SidebarLink = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
-var _useLocation2 = _interopRequireDefault(require("react-use/lib/useLocation"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-var _Tooltip = require("../../Tooltip");
-
-var _matchLocation = _interopRequireDefault(require("../../utils/matchLocation"));
-
-var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
-
-var _SidebarContext = require("../SidebarContext");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var _excluded = ["className", "children", "active", "icon"];
-
-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) { (0, _defineProperty2["default"])(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; }
-
-var IdentityWrapper = function IdentityWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
-  });
-};
-
-var SidebarLink = function SidebarLink(_ref2) {
-  var className = _ref2.className,
-      children = _ref2.children,
-      _ref2$active = _ref2.active,
-      active = _ref2$active === void 0 ? _matchLocation["default"] : _ref2$active,
-      Icon = _ref2.icon,
-      anchorProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-
-  var _useLocation = (0, _useLocation2["default"])(),
-      _useLocation$pathname = _useLocation.pathname,
-      pathname = _useLocation$pathname === void 0 ? "" : _useLocation$pathname;
-
-  var satelliteLinkProps = (0, _useLinkProps["default"])(anchorProps);
-
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-      variant = _useSidebarContext.variant,
-      collapsed = _useSidebarContext.collapsed;
-
-  var showActive = Boolean(anchorProps.href && typeof active === "function" ? active(anchorProps.href, {
-    pathname: pathname
-  }) : active);
-  var activeIconBackground = variant === "light" ? "bg-accent-200" : "bg-grey-800";
-  var Wrapper = collapsed ? _Tooltip.TooltipWrapper : IdentityWrapper;
-  var isExternalLink = satelliteLinkProps.target === "_blank";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
-    content: children,
-    tooltipVariant: "light",
-    placement: "right",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), satelliteLinkProps), {}, {
-      className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className),
-      children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            flex-shrink-0\n            ml-1 mr-2 h-6 w-6\n            flex items-center justify-center\n            text-inherit rounded\n            ", "\n          "])), showActive && activeIconBackground),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-          size: "1rem"
-        })
-      }), !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""])), !Icon && "ml-2"),
-        children: children
-      }), !collapsed && isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
-        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["ml-1"]))),
-        size: "1em"
-      })]
-    }))
-  });
-};
-
-exports.SidebarLink = SidebarLink;
-var _default = SidebarLink;
-exports["default"] = _default;

package/cjs/tailwind-types.d.ts

@@ -1,52 +0,0 @@
-import type * as CSS from "csstype";
-export declare type CSSValues = string | number;
-export declare type CSSPropertiesObject = CSS.Properties<CSSValues>;
-interface CSSinJSSeed<A> {
-    [key: string]: A;
-}
-export declare type CSSinJS = CSSinJSSeed<CSSPropertiesObject | CSSinJS | CSSValues>;
-export interface ModifySelectorsHelpers {
-    /** the complete unmodified selector for the current rule */
-    selector: string;
-    /**  the class name of the current rule with the leading dot removed */
-    className: string;
-}
-export interface VariantHelpers {
-    /** a helper function to simplify adding basic variants */
-    modifySelectors: ModifySelectorsHelpers;
-    /** the user's configured separator string */
-    separator: string;
-    /** a PostCSS Container containing all of the rules the variant is being applied to, for creating complex variants */
-    container: any;
-}
-export declare type ModifySelectorsCallback = (helpers: ModifySelectorsHelpers) => void;
-export declare type VariantCallback = (helpers: VariantHelpers) => void;
-export declare type Variants = string[];
-export interface UtilitiesOptions {
-    respectPrefix?: boolean;
-    respectImportant?: boolean;
-    variants?: Variants;
-}
-export declare type TailwindFunction = (theme: (valuePath: string) => string) => any;
-export interface TailwindPluginOptions {
-    /** for registering new utility styles */
-    addUtilities(utilities: CSSinJS | CSSinJS[], options?: UtilitiesOptions | Variants): void;
-    /** for registering new component styles */
-    addComponents(components: CSSinJS | CSSinJS[]): void;
-    /** for registering new base styles */
-    addBase(base: CSSinJS): void;
-    /** for registering custom variants */
-    addVariant(name: string, callback: VariantCallback): void;
-    /** for escaping strings meant to be used in class names */
-    e(className: string): string;
-    /** for manually applying the user's configured prefix to parts of a selector */
-    prefix(className: string): string;
-    /**  for looking up values in the user's theme configuration */
-    theme(valuePath: string, defaultValue?: any): any;
-    /** for looking up values in the user's variants configuration */
-    variants(valuePath: string, defaultValue?: Variants): Variants;
-    /** for looking up values in the user's Tailwind configuration */
-    config(valuePath: string): string;
-}
-export declare type TailwindPlugin = (options: TailwindPluginOptions) => void;
-export {};

package/esm/Banner/Banner.d.ts

@@ -1,85 +0,0 @@
-import type { CSSProperties, FunctionComponent, ReactNode } from "react";
-import type { ColorVariant, IconComponentType } from "../types";
-export declare type BannerContextType = "page" | "section" | "content" | "inline";
-export interface BannerPropsBase {
-    /** @ignore */
-    className?: string;
-    /** @ignore */
-    style?: CSSProperties;
-    /** @default grey */
-    variant?: ColorVariant;
-    icon?: boolean | IconComponentType;
-    onDismiss?(): void;
-}
-export interface BannerPageProps extends BannerPropsBase {
-    /**
-     * Usage context description
-     * @default page
-     */
-    usageContext?: "page";
-}
-export interface BannerDefaultProps extends BannerPropsBase {
-    /**
-     * Usage context description
-     * @default content
-     */
-    usageContext?: "inline" | "content" | "section";
-    /** Descriptive title for the `Banner` */
-    title?: ReactNode;
-}
-export declare type BannerProps = BannerPageProps | BannerDefaultProps;
-/** @deprecated use the new `Alert` component instead */
-/**
- * <p className="stl-space-x-2"><span className="stl-bg-orange-200 stl-font-bold stl-text-orange-800 stl-px-2 stl-py-1.5 stl-rounded">🌇 Sunsetting</span><span>use the new `Alert` component instead</span></p>
- *
- * Banners inform users about important changes or persistent conditions. Use this component if you need
- * to communicate to users in a prominent way. Take in consideration 3 levels of hierarchy when deciding
- * on the appropriate banner to use:
- *
- * #### Page banner
- * - Use this banner to display critical messages about data, functionality or any other site-wide information you want to convey
- * - Place this banner at the top of the page and make sure it occupies the full width of the content area
- *
- * #### Section banner
- * - Use this banner to display a message that relates to a section of the page the user is in, e.g. billing details
- * - Place this banner inside the section (e.g. card, popover, modal), below the heading
- *
- * #### In-card banner
- * - Use this banner to display a message that relates to a specific part of the section, e.g. no events for personalization strategy
- * - Place this banner immediately above or below the element it relates to most
- *
- * ## Variantions
- * Consider the context and implied severity to choose from the following range:
- *
- * - **Accent**: `variant="accent"`
- * - **Informational**: `variant="gray"` & `variant="blue"`
- * - **Warning**: `variant="orange"`
- * - **Error**: `variant="red"`
- * - **Success**: `variant="green"`
- *
- * ## Content guidelines
- * #### Title
- * - Use simple, clear language
- * - Keep headings to a single sentence
- * - Avoid using punctuation such as periods, commas, or semicolons
- *
- * #### Body
- * - Be concise, keep content to 1 to 2 sentences max
- * - Clarify the benefit of the main task
- * - Explain how to resolve the issue, particularly for warning and error banners
- * - Avoid repeating the heading
- *
- * #### Buttons and links
- * - Keep them short, clear and predictable
- * - Start with verb that encourages action
- * - Avoid unnecessary words
- * - Link should set the expectation of where users will be taken
- *
- * #### Usability best practices
- * - Make sure banners appear one at the time and disappear once the issue is resolved
- * - Make them dismissible even if they contain critical information or an important step users need to take
- * - Make them concise and scannable—users shouldn't need to spend a lot of time figuring out what they need to know and do
- * - Use an appropriate color and icon for success, info, warning and error states
- */
-export declare const Banner: FunctionComponent<BannerProps>;
-export default Banner;