@algolia/satellite 1.0.0-v3.99 → 1.1.0

package/Tag/Tag.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Tag = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-function _templateObject13() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tag-close-button"]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["truncate flex-1"]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tag"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["border-red-200 hover:bg-red-200 focus:bg-red-200"]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["border-orange-300 hover:bg-orange-300 focus:bg-orange-300"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["border-green-300 hover:bg-green-300 focus:bg-green-300"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["border-blue-200 hover:bg-blue-200 focus:bg-blue-200"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["border-grey-200 hover:bg-grey-200 focus:bg-grey-200"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["bg-red-100 border-red-200 text-red-700"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["bg-orange-100 border-orange-300 text-orange-800"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["bg-green-100 border-green-300 text-green-800"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["bg-blue-100 border-blue-200 text-blue-700"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 border-grey-200 text-grey-700"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var VARIANT_CLASSNAMES = {
-  "default": (0, _satellitePrefixer["default"])(_templateObject()),
-  blue: (0, _satellitePrefixer["default"])(_templateObject2()),
-  green: (0, _satellitePrefixer["default"])(_templateObject3()),
-  orange: (0, _satellitePrefixer["default"])(_templateObject4()),
-  red: (0, _satellitePrefixer["default"])(_templateObject5())
-};
-var BUTTON_CLOSE_VARIANT_CLASSNAMES = {
-  "default": (0, _satellitePrefixer["default"])(_templateObject6()),
-  blue: (0, _satellitePrefixer["default"])(_templateObject7()),
-  green: (0, _satellitePrefixer["default"])(_templateObject8()),
-  orange: (0, _satellitePrefixer["default"])(_templateObject9()),
-  red: (0, _satellitePrefixer["default"])(_templateObject10())
-};
-/**
- * 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.
- *
- * - For status information, use badges instead
- * - For tallies or counts, use badges
- *
- * ## Variations
- * Consider the context and implied severity to choose from the following range:
- *
- * - **Informational**: `variant="default"` & `variant="blue"`
- * - **Success**: `variant="green"`
- * - **Warning**: `variant="orange"`
- * - **Error**: `variant="red"`
- *
- * ## Usability best practices
- * - Present tags close to or within the input control to allow users to add and remove tags
- * - When writing tags, avoid line-wrapping
- * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
- */
-
-var Tag = _react["default"].forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "default" : _ref$variant,
-      className = _ref.className,
-      onDelete = _ref.onDelete,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["children", "variant", "className", "onDelete"]);
-  var title = typeof children === "string" ? children : "tag";
-  var tagClassName = (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject11()), VARIANT_CLASSNAMES[variant], className);
-  var editable = Boolean(onDelete);
-
-  var handleDelete = function handleDelete(evt) {
-    evt.stopPropagation();
-
-    if (onDelete) {
-      onDelete(evt);
-    }
-  };
-
-  return _react["default"].createElement("span", (0, _extends2["default"])({}, props, {
-    className: tagClassName,
-    "aria-label": title,
-    ref: ref
-  }), _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject12())
-  }, children), editable && _react["default"].createElement("button", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject13()), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
-    type: "button",
-    onClick: handleDelete,
-    "aria-label": "Remove ".concat(title)
-  }, _react["default"].createElement(_reactFeather.X, {
-    size: "1em"
-  })));
-});
-
-exports.Tag = Tag;
-Tag.displayName = "Tag";
-var _default = Tag;
-exports["default"] = _default;

package/Tag/Tag.tailwind.d.ts

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

package/Tag/Tag.tailwind.js

@@ -1,42 +0,0 @@
-"use strict";
-
-// @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var tagPlugin = function tagPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".tag": {
-      display: "inline-flex",
-      alignItems: "center",
-      borderRadius: theme("borderRadius.default"),
-      border: "1px solid transparent",
-      overflow: "hidden",
-      height: theme("spacing.6"),
-      padding: "0 ".concat(theme("spacing.2")),
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.sm")
-    },
-    ".tag-close-button": {
-      height: "100%",
-      paddingLeft: theme("spacing.1"),
-      paddingRight: theme("spacing.1"),
-      marginLeft: theme("spacing.2"),
-      marginRight: "-".concat(theme("spacing.2")),
-      borderLeft: "1px solid transparent",
-      "&, &:focus": {
-        outlineWidth: 0
-      },
-      "&:focus-visible": {
-        outlineOffset: -2,
-        outlineWidth: 3,
-        outlineColor: theme("colors.accent.600")
-      }
-    }
-  });
-};
-
-module.exports = tagPlugin;

package/Tag/index.d.ts

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

package/Tag/index.js

@@ -1,27 +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 _Tag["default"];
-  }
-});
-
-var _Tag = _interopRequireWildcard(require("./Tag"));
-
-Object.keys(_Tag).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 _Tag[key];
-    }
-  });
-});

package/TextArea/TextArea.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-}
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

package/TextArea/TextArea.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.TextArea = 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"])(["text-area"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var TextArea = _react["default"].forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["className"]);
-  return _react["default"].createElement("textarea", (0, _extends2["default"])({}, otherProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className),
-    ref: ref
-  }));
-});
-
-exports.TextArea = TextArea;
-TextArea.displayName = "TextArea";
-var _default = TextArea;
-exports["default"] = _default;

package/TextArea/TextArea.tailwind.d.ts

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

package/TextArea/TextArea.tailwind.js

@@ -1,45 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba");
-
-var disabledColor = require("../styles/disabledColor");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var textAreaPlugin = function textAreaPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".text-area": {
-      width: "100%",
-      padding: theme("spacing.4"),
-      backgroundColor: theme("colors.white"),
-      border: "1px solid ".concat(theme("colors.grey.200")),
-      borderRadius: theme("borderRadius.default"),
-      boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.3)),
-      transition: "all 100ms ease-in-out",
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      "&::placeholder": {
-        color: theme("colors.grey.600")
-      },
-      "&:focus": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-        outline: "none"
-      },
-      "&:disabled": {
-        cursor: "not-allowed",
-        color: theme("colors.grey.300"),
-        background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-        borderColor: disabledColor(theme("colors.grey.200")),
-        boxShadow: "none"
-      }
-    }
-  });
-};
-
-module.exports = textAreaPlugin;

package/TextArea/index.d.ts

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

package/TextArea/index.js

@@ -1,27 +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 _TextArea["default"];
-  }
-});
-
-var _TextArea = _interopRequireWildcard(require("./TextArea"));
-
-Object.keys(_TextArea).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 _TextArea[key];
-    }
-  });
-});

package/Toggle/Toggle.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export declare type ToggleProps = Omit<React.HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
-/**
- * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
- *
- * - Toggles should not require a Save button to apply the changes
- * - If a Save button is needed, try using Radio groups or Checkboxes instead
- */
-export declare const Toggle: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLInputElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "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" | "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"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & React.RefAttributes<HTMLInputElement>>;
-export default Toggle;

package/Toggle/Toggle.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Toggle = 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 _reactFeather = require("react-feather");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["text-white"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["toggle flex justify-around items-center"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["toggle-container"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-/**
- * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
- *
- * - Toggles should not require a Save button to apply the changes
- * - If a Save button is needed, try using Radio groups or Checkboxes instead
- */
-var Toggle = _react["default"].forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      inputProps = (0, _objectWithoutProperties2["default"])(_ref, ["className"]);
-  return _react["default"].createElement("div", {
-    translate: "yes",
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }, _react["default"].createElement("input", (0, _extends2["default"])({}, inputProps, {
-    type: "checkbox",
-    ref: ref
-  })), _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2())
-  }, _react["default"].createElement(_reactFeather.Check, {
-    size: 12,
-    className: (0, _satellitePrefixer["default"])(_templateObject3())
-  }), _react["default"].createElement(_reactFeather.X, {
-    size: 12,
-    className: (0, _satellitePrefixer["default"])(_templateObject4())
-  })));
-});
-
-exports.Toggle = Toggle;
-Toggle.displayName = "Toggle";
-var _default = Toggle;
-exports["default"] = _default;

package/Toggle/Toggle.tailwind.d.ts

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

package/Toggle/Toggle.tailwind.js

@@ -1,71 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var buttonPlugin = function buttonPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  var transition = "all 72ms ease-in-out";
-  addComponents({
-    ".toggle-container": {
-      position: "relative",
-      display: "block",
-      height: 18,
-      width: 32,
-      overflow: "hidden",
-      "& input": {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        opacity: 0,
-        cursor: "pointer",
-        "&:disabled": {
-          cursor: "not-allowed"
-        }
-      }
-    },
-    ".toggle": {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      pointerEvents: "none",
-      borderRadius: 9999,
-      background: theme("colors.grey.100"),
-      boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.2)),
-      transition: transition,
-      "&::after": {
-        position: "absolute",
-        top: 1,
-        left: 1,
-        width: 16,
-        height: 16,
-        content: '" "',
-        borderRadius: 9999,
-        background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
-        boxShadow: "0px 1px 1px 0px ".concat(theme("colors.shadow.10")),
-        transition: transition
-      },
-      "input:checked ~ &": {
-        background: theme("colors.accent.600"),
-        boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.900"), 0.1)),
-        "&:after": {
-          transform: "translateX(14px)"
-        }
-      },
-      "input:disabled ~ &": {
-        opacity: 0.6
-      }
-    }
-  });
-};
-
-module.exports = buttonPlugin;

package/Toggle/index.d.ts

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

package/Toggle/index.js

@@ -1,27 +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 _Toggle["default"];
-  }
-});
-
-var _Toggle = _interopRequireWildcard(require("./Toggle"));
-
-Object.keys(_Toggle).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 _Toggle[key];
-    }
-  });
-});