@algolia/satellite 1.0.0-v3.98 → 1.0.0

package/Tooltip/Tooltip.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-export declare type TooltipVariant = "dark" | "light";
-export interface TooltipProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    variant?: TooltipVariant;
-}
-/**
- * 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.
- *
- * Use tooltips to identify or add a small amount of information to an element. Typically, tooltips are used to help users understand the meaning or purpose of icons, showing the full version of truncated text, or displaying the alt text for an image. Tooltips do not receive input focus.
- * When writing tooltips, be short and concise.. When you need to add more than a single line of extra information, consider using inline dialogs instead.
- *
- * The position of tooltips is flexible and will change depending on how close the element is to the edge of the screen.
- *
- * ## Best practices
- * Tooltips should:
- *
- * - Provide useful, additional information or clarification
- * - Succinctly describe or expand on the element they point to
- * - Not be used to communicate critical information, including errors in forms or other interaction feedback
- * - 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 declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "key" | "children" | "aria-label" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant"> & React.RefAttributes<HTMLDivElement>>;
-export default Tooltip;

package/Tooltip/Tooltip.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Tooltip = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tooltip ", " typo-display-body"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-/**
- * 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.
- *
- * Use tooltips to identify or add a small amount of information to an element. Typically, tooltips are used to help users understand the meaning or purpose of icons, showing the full version of truncated text, or displaying the alt text for an image. Tooltips do not receive input focus.
- * When writing tooltips, be short and concise.. When you need to add more than a single line of extra information, consider using inline dialogs instead.
- *
- * The position of tooltips is flexible and will change depending on how close the element is to the edge of the screen.
- *
- * ## Best practices
- * Tooltips should:
- *
- * - Provide useful, additional information or clarification
- * - Succinctly describe or expand on the element they point to
- * - Not be used to communicate critical information, including errors in forms or other interaction feedback
- * - 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
- */
-var Tooltip = _react["default"].forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "dark" : _ref$variant,
-      divProps = (0, _objectWithoutProperties2["default"])(_ref, ["className", "variant"]);
-  return _react["default"].createElement("div", (0, _extends2["default"])({}, divProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject(), variant === "light" && "tooltip-light"), className),
-    ref: ref
-  }));
-});
-
-exports.Tooltip = Tooltip;
-Tooltip.displayName = "Tooltip";
-var _default = Tooltip;
-exports["default"] = _default;

package/Tooltip/Tooltip.tailwind.d.ts

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

package/Tooltip/Tooltip.tailwind.js

@@ -1,122 +0,0 @@
-"use strict";
-
-// @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var tooltipPlugin = function tooltipPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  var arrowSize = 4;
-  var tooltipMargin = 8;
-  var tooltipDarkBackground = theme("colors.grey.900");
-  var tooltipLightBackground = theme("colors.white");
-  addComponents({
-    ".tooltip": {
-      padding: "".concat(theme("spacing.1"), " ").concat(theme("spacing.2")),
-      backgroundColor: tooltipDarkBackground,
-      color: theme("colors.white"),
-      boxShadow: theme("boxShadow.z200"),
-      borderRadius: theme("borderRadius.default"),
-      // Used on the dashboard, should probably move over there
-      code: {
-        color: "currentColor",
-        border: "1px solid currentColor",
-        background: "initial",
-        whiteSpace: "nowrap",
-        lineHeight: 2
-      }
-    },
-    ".tooltip-light": {
-      color: theme("colors.grey.900"),
-      backgroundColor: tooltipLightBackground
-    }
-  });
-  addComponents({
-    ".tooltip-wrapper": {
-      display: "inline-block",
-      lineHeight: 0,
-      outline: 0
-    },
-    ".tooltip-wrapper-popper": {
-      zIndex: theme("zIndex.tooltip"),
-      userSelect: "none",
-      maxWidth: theme("spacing.64"),
-      '&[data-placement^="right"]': {
-        marginLeft: tooltipMargin
-      },
-      '&[data-placement^="left"]': {
-        marginRight: tooltipMargin
-      },
-      '&[data-placement^="top"]': {
-        marginBottom: tooltipMargin
-      },
-      '&[data-placement^="bottom"]': {
-        marginTop: tooltipMargin
-      }
-    },
-    ".tooltip-wrapper-arrow": {
-      position: "absolute",
-      display: "block",
-      width: arrowSize,
-      height: arrowSize,
-      border: "".concat(arrowSize, "px solid transparent"),
-      color: tooltipDarkBackground,
-      '[data-placement^="right"] > &': {
-        left: -arrowSize,
-        borderLeft: "none",
-        borderRightColor: "currentColor"
-      },
-      '[data-placement^="left"] > &': {
-        right: -arrowSize,
-        borderRight: "none",
-        borderLeftColor: "currentColor"
-      },
-      '[data-placement^="top"] > &': {
-        top: "100%",
-        borderBottom: "none",
-        borderTopColor: "currentColor"
-      },
-      '[data-placement^="bottom"] > &': {
-        top: -arrowSize,
-        borderTop: "none",
-        borderBottomColor: "currentColor"
-      }
-    },
-    ".tooltip-wrapper-arrow-light": {
-      color: theme("colors.shadow.10"),
-      "&::after": {
-        position: "absolute",
-        content: '" "',
-        border: "".concat(arrowSize - 1, "px solid transparent")
-      },
-      '[data-placement^="left"] > &::after': {
-        right: 1,
-        transform: "translate(0, -50%)",
-        borderRight: "none",
-        borderLeftColor: tooltipLightBackground
-      },
-      '[data-placement^="right"] > &::after': {
-        left: 1,
-        transform: "translate(0, -50%)",
-        borderLeft: "none",
-        borderRightColor: tooltipLightBackground
-      },
-      '[data-placement^="top"] > &::after': {
-        bottom: 1,
-        transform: "translate(-50%, 0)",
-        borderBottom: "none",
-        borderTopColor: tooltipLightBackground
-      },
-      '[data-placement^="bottom"] > &::after': {
-        top: 1,
-        transform: "translate(-50%, 0)",
-        borderTop: "none",
-        borderBottomColor: tooltipLightBackground
-      }
-    }
-  });
-};
-
-module.exports = tooltipPlugin;

package/Tooltip/TooltipWrapper.d.ts

@@ -1,15 +0,0 @@
-import React, { FunctionComponent } from "react";
-import { IPopperProps } from "react-popper";
-import { TooltipVariant } from "./Tooltip";
-export interface TooltipWrapperProps {
-    show?: boolean;
-    delay?: number;
-    content: React.ReactNode;
-    placement?: IPopperProps["placement"];
-    tooltipVariant?: TooltipVariant;
-    tooltipClassName?: string;
-    wrapperClassName?: string;
-    modifiers?: IPopperProps["modifiers"];
-}
-export declare const TooltipWrapper: FunctionComponent<TooltipWrapperProps>;
-export default TooltipWrapper;

package/Tooltip/TooltipWrapper.js

@@ -1,157 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.TooltipWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactPopper = require("react-popper");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-arrow ", ""]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-popper"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var TooltipWrapper = function TooltipWrapper(_ref) {
-  var show = _ref.show,
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 0 : _ref$delay,
-      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,
-      modifiers = _ref.modifiers;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      internalShow = _useState2[0],
-      setInternalShow = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      targetRef = _useState4[0],
-      setTargetRef = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      popperRef = _useState6[0],
-      setPopperRef = _useState6[1];
-
-  var hideTimeoutId = (0, _react.useRef)();
-  var delayTimeoutId = (0, _react.useRef)();
-  var isControlled = typeof show === "boolean";
-  var showTooltip = (isControlled ? show : internalShow) && targetRef;
-  (0, _react.useEffect)(function () {
-    var clearTimeouts = function clearTimeouts() {
-      clearTimeout(hideTimeoutId.current);
-      clearTimeout(delayTimeoutId.current);
-    };
-
-    var handleShowTooltip = function handleShowTooltip() {
-      clearTimeouts();
-      delayTimeoutId.current = setTimeout(function () {
-        return setInternalShow(true);
-      }, delay);
-    };
-
-    var handleHideTooltip = function handleHideTooltip() {
-      clearTimeouts();
-      hideTimeoutId.current = setTimeout(function () {
-        return setInternalShow(false);
-      }, 100);
-    };
-
-    [targetRef, popperRef].forEach(function (ref) {
-      if (ref && !isControlled) {
-        ref.addEventListener("mouseenter", handleShowTooltip);
-        ref.addEventListener("mouseleave", handleHideTooltip);
-      }
-    });
-
-    var handleFocusIn = function handleFocusIn(evt) {
-      var target = evt.target;
-      var shouldShowTooltip = [popperRef, targetRef].some(function (ref) {
-        return Boolean(ref && ref.contains(target));
-      });
-
-      if (shouldShowTooltip) {
-        handleShowTooltip();
-      } else {
-        handleHideTooltip();
-      }
-    };
-
-    document.addEventListener("focusin", handleFocusIn);
-    return function () {
-      clearTimeouts();
-      document.removeEventListener("focusin", handleFocusIn);
-    };
-  }, [popperRef, targetRef, isControlled, delay]);
-  if (!tooltipContent) return _react["default"].createElement(_react["default"].Fragment, null, children);
-  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("span", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), wrapperClassName),
-    ref: setTargetRef
-  }, children), showTooltip && (0, _reactDom.createPortal)(_react["default"].createElement(_reactPopper.Popper, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2()), tooltipClassName),
-    placement: placement,
-    modifiers: modifiers,
-    innerRef: setPopperRef,
-    target: targetRef,
-    positionFixed: true
-  }, _react["default"].createElement(_reactPopper.Arrow, {
-    className: (0, _satellitePrefixer["default"])(_templateObject3(), tooltipVariant === "light" && "tooltip-wrapper-arrow-light")
-  }), _react["default"].createElement(_Tooltip["default"], {
-    variant: tooltipVariant
-  }, tooltipContent)), document.body));
-};
-
-exports.TooltipWrapper = TooltipWrapper;
-var _default = TooltipWrapper;
-exports["default"] = _default;

package/Tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Tooltip";
-export * from "./TooltipWrapper";
-export { default } from "./Tooltip";

package/Tooltip/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Tooltip["default"];
-  }
-});
-
-var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
-
-Object.keys(_Tooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Tooltip[key];
-    }
-  });
-});
-
-var _TooltipWrapper = require("./TooltipWrapper");
-
-Object.keys(_TooltipWrapper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TooltipWrapper[key];
-    }
-  });
-});

package/Typography/Typography.tailwind.d.ts

@@ -1,17 +0,0 @@
-/**
- * @type {import('../tailwind-types').TailwindFunction}
- */
-declare const desktop: import('../tailwind-types').TailwindFunction;
-/**
- * @type {import('../tailwind-types').TailwindFunction}
- */
-declare const mobile: import('../tailwind-types').TailwindFunction;
-/**
- * @type {import("../tailwind-types").TailwindPlugin}
- */
-declare const typographyPlugin: import("../tailwind-types").TailwindPlugin;
-export declare namespace styles {
-    export { desktop };
-    export { mobile };
-}
-export { typographyPlugin as plugin };

package/Typography/Typography.tailwind.js

@@ -1,186 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-// @ts-check
-// @ts-ignore
-var _require = require("lodash"),
-    mapKeys = _require.mapKeys;
-/**
- * @type {import('../tailwind-types').TailwindFunction}
- */
-
-
-var desktop = function desktop(theme) {
-  return {
-    "display-xlarge": {
-      fontSize: theme("fontSize.3xl"),
-      lineHeight: theme("lineHeight.3xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-large": {
-      fontSize: theme("fontSize.2xl"),
-      lineHeight: theme("lineHeight.2xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-medium": {
-      fontSize: theme("fontSize.xl"),
-      lineHeight: theme("lineHeight.xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-small": {
-      fontSize: theme("fontSize.lg"),
-      lineHeight: theme("lineHeight.lg"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-heading": {
-      fontSize: theme("fontSize.md"),
-      lineHeight: theme("lineHeight.md"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-subheading": {
-      fontSize: theme("fontSize.sm"),
-      lineHeight: theme("lineHeight.sm"),
-      fontWeight: theme("fontWeight.semibold"),
-      textTransform: "uppercase"
-    },
-    "display-body": {
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-caption": {
-      fontSize: theme("fontSize.sm"),
-      lineHeight: theme("lineHeight.sm"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-code": {
-      fontFamily: theme("fontFamily.mono"),
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      fontWeight: theme("fontWeight.normal")
-    }
-  };
-};
-/**
- * @type {import('../tailwind-types').TailwindFunction}
- */
-
-
-var mobile = function mobile(theme) {
-  return {
-    "display-xlarge": {
-      lineHeight: theme("lineHeight.xl"),
-      fontSize: theme("fontSize.2xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-large": {
-      lineHeight: theme("lineHeight.xl"),
-      fontSize: theme("fontSize.xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-medium": {
-      lineHeight: theme("lineHeight.xl"),
-      fontSize: theme("fontSize.lg"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-small": {
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-heading": {
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-subheading": {
-      lineHeight: theme("lineHeight.sm"),
-      fontSize: theme("fontSize.mobile"),
-      fontWeight: theme("fontWeight.semibold"),
-      textTransform: "uppercase"
-    },
-    "display-body": {
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-caption": {
-      lineHeight: theme("lineHeight.base"),
-      fontSize: theme("fontSize.mobile"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-code": {
-      fontFamily: theme("fontFamily.mono"),
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.normal")
-    }
-  };
-};
-/**
- * @type {import("../tailwind-types").TailwindPlugin}
- */
-
-
-var typographyPlugin = function typographyPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      addUtilities = _ref.addUtilities,
-      e = _ref.e,
-      theme = _ref.theme,
-      variants = _ref.variants;
-  var desktop = theme("typography.desktop", {})(theme);
-  var mobile = theme("typography.mobile", {})(theme);
-  var common = {
-    reversed: {
-      color: theme("colors.white")
-    },
-    disabled: {
-      color: theme("colors.grey.300")
-    },
-    subdued: {
-      color: theme("colors.grey.600")
-    },
-    link: {
-      color: theme("colors.accent.600"),
-      "&:hover": {
-        textDecoration: "underline"
-      }
-    }
-  }; // add utilities for manual typography declaration
-  // Example: `className="typo-m-display-small lg:typo-display-small"`
-
-  var utilities = _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"`
-
-
-  var components = _objectSpread({}, mapKeys(mobile, function (_, key) {
-    return ".".concat(e(key));
-  }), (0, _defineProperty2["default"])({}, "@media (min-width: ".concat(theme("screens.md"), ")"), _objectSpread({}, mapKeys(desktop, function (_, key) {
-    return ".".concat(e(key));
-  })))); // register add-ons
-
-
-  addUtilities(utilities, variants("styles", ["responsive"]));
-  addComponents(components);
-};
-
-module.exports = {
-  styles: {
-    desktop: desktop,
-    mobile: mobile
-  },
-  plugin: typographyPlugin
-};

package/UserContent/UserContent.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface UserContentProps {
-    styled?: boolean;
-    className?: string;
-    content?: string;
-}
-export declare const UserContent: React.FC<UserContentProps>;
-export default UserContent;