@algolia/satellite 1.0.0-beta.133 → 1.0.0-beta.136

package/cjs/styles/tailwind.config.js

@@ -8,31 +8,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 NODE_ENV = process.env.NODE_ENV;
+// @ts-check
+var colors = require("./colors");
 
-var typography = require("../Typography/Typography.tailwind");
+var makePurgeCssExtractor = require("./helpers/makePurgeCssExtractor.js");
 
 var rgba = require("./rgba");
 
-var colors = require("./colors");
-
 var zIndexes = require("./zIndexes");
 
-var makePurgeCssExtractor = require("./helpers/makePurgeCssExtractor.js");
-
 var prefix = "stl-";
-var purge = {
-  mode: "layers",
-  layers: ["utilities"],
-  enabled: NODE_ENV === "production" || NODE_ENV === "storybook",
-  content: [NODE_ENV === "production" ? "./src/**/!(*.test|*.stories).{ts,tsx}" : "./src/**/!(*.test).{ts,tsx,mdx}", "./src/**/*.tailwind.js"],
-  options: {
-    defaultExtractor: makePurgeCssExtractor(prefix)
-  }
-};
+/** @type {import('tailwindcss').Config} */
+
 module.exports = {
   prefix: prefix,
-  purge: purge,
+  content: {
+    files: ["./src/**/*.tailwind.js", "./src/**/!(*.test|*.stories).{ts,tsx}"],
+    extract: makePurgeCssExtractor(prefix)
+  },
+  safelist: ["stl-instantsearch"],
   theme: {
     fontFamily: {
       sans: ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
@@ -85,7 +79,8 @@ module.exports = {
       2: "2px",
       3: "3px"
     },
-    boxShadow: function boxShadow(theme) {
+    boxShadow: function boxShadow(_ref) {
+      var theme = _ref.theme;
       return {
         none: "none",
         z100: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 1px 3px 0px ").concat(theme("colors.shadow.15")),
@@ -112,6 +107,7 @@ module.exports = {
       accent: colors.nebula,
       inherit: "inherit",
       transparent: "transparent",
+      current: "currentColor",
       shadow: {
         5: rgba(colors.grey[900], 0.05),
         10: rgba(colors.grey[900], 0.1),
@@ -124,19 +120,24 @@ module.exports = {
         "2px": "2px",
         128: "32rem"
       },
-      inset: function inset(theme) {
+      inset: function inset(_ref2) {
+        var theme = _ref2.theme;
         return theme("width");
       },
-      maxWidth: function maxWidth(theme) {
+      maxWidth: function maxWidth(_ref3) {
+        var theme = _ref3.theme;
         return theme("width");
       },
-      minWidth: function minWidth(theme) {
+      minWidth: function minWidth(_ref4) {
+        var theme = _ref4.theme;
         return theme("width");
       },
-      maxHeight: function maxHeight(theme) {
+      maxHeight: function maxHeight(_ref5) {
+        var theme = _ref5.theme;
         return theme("height");
       },
-      minHeight: function minHeight(theme) {
+      minHeight: function minHeight(_ref6) {
+        var theme = _ref6.theme;
         return theme("height");
       },
       zIndex: zIndexes,
@@ -144,12 +145,7 @@ module.exports = {
         grab: "grab",
         help: "help"
       }
-    },
-    typography: typography.styles
-  },
-  variants: {
-    borderWidth: ["responsive", "first"],
-    visibility: ["responsive", "group-hover"]
+    }
   },
-  plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), typography.plugin, require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Sidebar/Sidebar.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
+  plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
 };

package/cjs/types.d.ts

@@ -10,3 +10,10 @@ export declare type ColorVariant = "accent" | "grey" | "green" | "blue" | "orang
 export declare type AtLeastOne<T, U = {
     [K in keyof T]: Pick<T, K>;
 }> = Partial<T> & U[keyof U];
+/**
+ * Makes an optional property required
+ * See https://bobbyhadz.com/blog/typescript-make-property-required
+ */
+export declare type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
+    [Property in Key]-?: Type[Property];
+};

package/cjs/utilities/utilities.tailwind.d.ts

@@ -1,2 +1,5 @@
-declare const _exports: import('../tailwind-types').TailwindPlugin;
+declare const _exports: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};
 export = _exports;

package/cjs/utilities/utilities.tailwind.js

@@ -5,11 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 // @ts-check
+var plugin = require("tailwindcss/plugin");
 
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-module.exports = function (_ref) {
+module.exports = plugin(function (_ref) {
   var addUtilities = _ref.addUtilities;
   addUtilities({
     ".no-scrollbar": {
@@ -20,7 +18,7 @@ module.exports = function (_ref) {
       // for Chrome, Safari, and Opera
       "&::-webkit-scrollbar": {
         display: "none",
-        width: 0
+        width: "0px"
       }
     },
     ".no-search-input-decoration": {
@@ -29,4 +27,4 @@ module.exports = function (_ref) {
       })
     }
   });
-};
+});

package/cjs/utils/isCssPropertySupported.d.ts

@@ -1,2 +1,2 @@
-declare const isCssPropertySupported: <P extends number | "all" | "left" | "right" | "bottom" | "top" | "font" | "clipPath" | "filter" | "marker" | "mask" | "resize" | "fill" | "color" | "clip" | "content" | "flex" | "grid" | "stroke" | "zoom" | "clear" | "border" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "backgroundAttachment" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageOrientation" | "imageRendering" | "inlineSize" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineBreak" | "lineHeight" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskComposite" | "maskImage" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "objectFit" | "objectPosition" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "pointerEvents" | "position" | "quotes" | "rotate" | "rowGap" | "rubyAlign" | "rubyPosition" | "scale" | "scrollBehavior" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "animation" | "background" | "backgroundPosition" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "columnRule" | "columns" | "flexFlow" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "listStyle" | "margin" | "outline" | "overflow" | "overscrollBehavior" | "placeItems" | "placeSelf" | "textDecoration" | "textEmphasis" | "transition" | "gridColumnGap" | "gridGap" | "gridRowGap" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "colorInterpolationFilters" | "cssFloat" | "cssText" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTapHighlightColor" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "getPropertyPriority" | "getPropertyValue" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
+declare const isCssPropertySupported: <P extends number | "filter" | "fill" | "animationName" | "all" | "offset" | "height" | "width" | "left" | "top" | "item" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "clip" | "clipPath" | "clipRule" | "color" | "colorInterpolation" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "content" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "cursor" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fillOpacity" | "fillRule" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "imageRendering" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetRotate" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
 export default isCssPropertySupported;

package/cjs/utils/useLinkProps.d.ts

@@ -1,4 +1,7 @@
 import type { AnchorHTMLAttributes } from "react";
-export declare type UseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel">;
-export declare const useLinkProps: (props: UseLinkProps) => UseLinkProps;
+export declare type UseLinkPropsArgs = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel" | "role" | "tabIndex"> & {
+    disabled?: boolean;
+};
+export declare type UseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel" | "role" | "tabIndex" | "aria-disabled">;
+export declare const useLinkProps: (props: UseLinkPropsArgs) => UseLinkProps;
 export default useLinkProps;

package/cjs/utils/useLinkProps.js

@@ -47,11 +47,18 @@ var useLinkProps = function useLinkProps(props) {
   var isExternal = router.isExternalLocation(parsedLocation);
   var target = (_props$target = props.target) !== null && _props$target !== void 0 ? _props$target : router.shouldOpenInNewTab(parsedLocation) ? "_blank" : undefined;
   var rel = (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : isExternal ? "noopener noreferrer" : undefined;
-  return {
+  return props.disabled ? {
+    role: "link",
+    target: target,
+    tabIndex: -1,
+    "aria-disabled": true
+  } : {
     target: target,
     href: href,
     rel: rel,
-    onClick: onClick
+    onClick: onClick,
+    role: props.role,
+    tabIndex: props.tabIndex
   };
 };
 

package/esm/AnnouncementBadge/AnnouncementBadge.d.ts

@@ -1,10 +1,14 @@
 import type { FunctionComponent, HTMLAttributes } from "react";
 export declare type AnnouncementBadgeSizes = "default" | "small";
+export declare type AnnouncementBadgeTexts = "new" | "beta" | "internal" | "pilot";
+export declare type AnnouncementBadgeLocale = {
+    [key in AnnouncementBadgeTexts]?: string;
+};
 export interface AnnouncementBadgeProps extends HTMLAttributes<HTMLSpanElement> {
     size?: AnnouncementBadgeSizes;
-    text?: "new" | "beta" | "internal" | "pilot";
+    text?: AnnouncementBadgeTexts;
     variant?: "accent" | "red";
-    locale?: string;
+    locale?: AnnouncementBadgeLocale;
     children?: never;
 }
 export declare const AnnouncementBadge: FunctionComponent<AnnouncementBadgeProps>;

package/esm/AnnouncementBadge/AnnouncementBadge.js

@@ -9,9 +9,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 "classnames";
+import cx from "clsx";
+import { useLocale } from "../Satellite";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_LOCALE = {
+  beta: "beta",
+  internal: "internal",
+  "new": "new",
+  pilot: "pilot"
+};
 var DEFAULT_CLASSNAME = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["capitalize inline-block rounded-full text-white select-none"])));
 var SIZE_CLASSNAMES = {
   "default": stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["display-body h-6 leading-md px-2"]))),
@@ -24,13 +31,17 @@ export var AnnouncementBadge = function AnnouncementBadge(_ref) {
       text = _ref$text === void 0 ? "new" : _ref$text,
       variantProp = _ref.variant,
       className = _ref.className,
-      locale = _ref.locale,
+      propsLocale = _ref.locale,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  var contextLocale = useLocale("announcementBadge");
+
+  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LOCALE), contextLocale), propsLocale);
+
   var variant = typeof variantProp === "string" ? variantProp : text === "internal" ? "red" : "accent";
   return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(DEFAULT_CLASSNAME, variant === "red" ? stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-red-600"]))) : stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-accent-600"]))), SIZE_CLASSNAMES[size], className),
-    children: locale || text
+    children: locale[text]
   }));
 };
 export default AnnouncementBadge;

package/esm/AutoComplete/AutoComplete.d.ts

@@ -10,7 +10,7 @@ interface State {
     showAllResults: boolean;
 }
 declare type DefaultOptionProps = OptionItemProps & {
-    locale?: AutoCompleteLocale;
+    optionItemPrefix?: AutoCompleteLocale["optionItemPrefix"];
 };
 /**
  * Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
@@ -29,6 +29,7 @@ declare type DefaultOptionProps = OptionItemProps & {
  * - Style different data
  */
 export declare class AutoComplete<T extends Option = Option> extends Component<AutoCompleteProps<T>, State> {
+    static contextType: import("react").Context<import("../Satellite").SatelliteContextType>;
     static defaultProps: {
         clearable: boolean;
         creatable: boolean;
@@ -38,15 +39,8 @@ export declare class AutoComplete<T extends Option = Option> extends Component<A
         options: never[];
         separatorKeyCodes: never[];
         separatorKeys: never[];
-        optionItemComponent: ({ locale, ...props }: DefaultOptionProps) => JSX.Element;
+        optionItemComponent: ({ optionItemPrefix, ...props }: DefaultOptionProps) => JSX.Element;
         noWrap: boolean;
-        locale: {
-            clearInputButton: string;
-            emptyStateTitle: string;
-            itemsAvailable: (resultCount: number) => string;
-            showMoreButton: (extraResults: number) => string;
-            optionItemPrefix: (multiple: boolean) => "Add" | "Use";
-        };
     };
     state: State;
     inputContainerRef: HTMLDivElement | null;
@@ -62,10 +56,11 @@ export declare class AutoComplete<T extends Option = Option> extends Component<A
     handleChange: (option: T) => void;
     handleShowAllResults: (evt: MouseEvent<HTMLButtonElement>) => void;
     removeValue: (removedOption: T) => void;
-    getA11yStatusMessage: (options: A11yStatusMessageOptions<any>) => string;
+    getA11yStatusMessage: (options: A11yStatusMessageOptions<Option>) => any;
     renderInput: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
     renderMenu: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>) => JSX.Element;
     renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
+    private get locale();
     render(): JSX.Element;
 }
 export default AutoComplete;

package/esm/AutoComplete/AutoComplete.js

@@ -12,7 +12,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-var _excluded = ["locale"];
+var _excluded = ["optionItemPrefix"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -28,7 +28,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 cx from "classnames";
+import cx from "clsx";
 import Downshift from "downshift";
 import { Component } from "react";
 import { createPortal } from "react-dom";
@@ -37,14 +37,14 @@ import { Popper } from "react-popper";
 import Button from "../Button";
 import Card from "../Card";
 import { FieldStateContext } from "../Field/FieldStateContext";
+import { SatelliteContext } from "../Satellite";
 import ScrollIndicator from "../ScrollIndicator";
 import stl from "../styles/helpers/satellitePrefixer";
 import Tag from "../Tag";
-import pluralize from "../utils/pluralize";
 import uniqBy from "../utils/uniqBy";
 import AutoCompleteEmptyState from "./components/AutoCompleteEmptyState";
 import DefaultOptionItem from "./components/DefaultOptionItem";
-import { defaultCreateFromInputValue, isAutoCompleteMultiProps } from "./utils";
+import { DEFAULT_AUTOCOMPLETE_LOCALE, defaultCreateFromInputValue, isAutoCompleteMultiProps } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
@@ -112,26 +112,19 @@ var BACKSPACE_KEY_CODE = 8;
 
 /** @ignore */
 var DefaultEmptyState = function DefaultEmptyState(_ref) {
-  var _locale$emptyStateTit;
-
-  var locale = _ref.locale;
+  var emptyStateTitle = _ref.emptyStateTitle;
   return /*#__PURE__*/_jsx(AutoCompleteEmptyState, {
-    title: (_locale$emptyStateTit = locale === null || locale === void 0 ? void 0 : locale.emptyStateTitle) !== null && _locale$emptyStateTit !== void 0 ? _locale$emptyStateTit : AutoComplete.defaultProps.locale.emptyStateTitle
+    title: emptyStateTitle
   });
 };
 
-/** @ignore */
 var DefaultOption = function DefaultOption(_ref2) {
-  var locale = _ref2.locale,
+  var optionItemPrefix = _ref2.optionItemPrefix,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   return /*#__PURE__*/_jsx(DefaultOptionItem, _objectSpread(_objectSpread({}, props), {}, {
     locale: {
-      optionItemPrefix: function optionItemPrefix(multiple) {
-        var _locale$optionItemPre, _locale$optionItemPre2;
-
-        return (_locale$optionItemPre = locale === null || locale === void 0 ? void 0 : (_locale$optionItemPre2 = locale.optionItemPrefix) === null || _locale$optionItemPre2 === void 0 ? void 0 : _locale$optionItemPre2.call(locale, multiple)) !== null && _locale$optionItemPre !== void 0 ? _locale$optionItemPre : AutoComplete.defaultProps.locale.optionItemPrefix(multiple);
-      }
+      optionItemPrefix: optionItemPrefix !== null && optionItemPrefix !== void 0 ? optionItemPrefix : DEFAULT_AUTOCOMPLETE_LOCALE.optionItemPrefix
     }
   }));
 };
@@ -346,23 +339,17 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
       }
 
       if (!options.resultCount) {
-        var _this$props$locale$em, _this$props$locale;
-
-        return (_this$props$locale$em = (_this$props$locale = _this.props.locale) === null || _this$props$locale === void 0 ? void 0 : _this$props$locale.emptyStateTitle) !== null && _this$props$locale$em !== void 0 ? _this$props$locale$em : "";
+        return _this.locale.emptyStateTitle;
       }
 
       if (options.resultCount > 0) {
-        var _this$props$locale$it, _this$props$locale2, _this$props$locale2$i;
-
-        return (_this$props$locale$it = (_this$props$locale2 = _this.props.locale) === null || _this$props$locale2 === void 0 ? void 0 : (_this$props$locale2$i = _this$props$locale2.itemsAvailable) === null || _this$props$locale2$i === void 0 ? void 0 : _this$props$locale2$i.call(_this$props$locale2, options.resultCount)) !== null && _this$props$locale$it !== void 0 ? _this$props$locale$it : "";
+        return _this.locale.itemsAvailable(options.resultCount);
       }
 
       return "";
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
-      var _this$props$locale3;
-
       var _this$props3 = _this.props,
           id = _this$props3.id,
           placeholder = _this$props3.placeholder,
@@ -428,7 +415,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
         onClick: _this.handleFakeInputClick,
         ref: _this.handleInputContainerRefUpdate,
         children: [Icon && /*#__PURE__*/_jsx(Icon, {
-          className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 flex-shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
+          className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
           size: "1rem"
         }), /*#__PURE__*/_jsxs("div", {
           className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName),
@@ -460,7 +447,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
             type: "button",
             className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["w-6 flex items-center justify-center text-grey-500"]))),
             onClick: _this.handleClearClick,
-            "aria-label": (_this$props$locale3 = _this.props.locale) === null || _this$props$locale3 === void 0 ? void 0 : _this$props$locale3.clearInputButton,
+            "aria-label": _this.locale.clearInputButton,
             children: /*#__PURE__*/_jsx(X, {
               size: ".75rem"
             })
@@ -479,7 +466,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
           isOpen = autocompleteHelpers.isOpen;
 
       var defaultEmptyState = /*#__PURE__*/_jsx(DefaultEmptyState, {
-        locale: _this.props.locale
+        emptyStateTitle: _this.locale.emptyStateTitle
       });
 
       var _this$props4 = _this.props,
@@ -522,8 +509,6 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
         referenceElement: (_this$inputContainerR3 = _this.inputContainerRef) !== null && _this$inputContainerR3 !== void 0 ? _this$inputContainerR3 : undefined,
         modifiers: MENU_POPPER_MODFIERS,
         children: function children(popper) {
-          var _this$props$locale4, _this$props$locale4$s;
-
           return /*#__PURE__*/_jsx("div", {
             className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
             style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
@@ -547,7 +532,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
                       children: /*#__PURE__*/_jsx(OptionItem, _objectSpread(_objectSpread({}, optionItemProps), {}, {
                         highlighted: index === highlightedIndex,
                         option: result,
-                        locale: _this.props.locale
+                        optionItemPrefix: _this.locale.optionItemPrefix
                       }))
                     }), result.value);
                   }), extraResults > 0 && !showAllResults && /*#__PURE__*/_jsx("li", {
@@ -556,7 +541,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
                       variant: "subtle",
                       size: "small",
                       onMouseDown: _this.handleShowAllResults,
-                      children: (_this$props$locale4 = _this.props.locale) === null || _this$props$locale4 === void 0 ? void 0 : (_this$props$locale4$s = _this$props$locale4.showMoreButton) === null || _this$props$locale4$s === void 0 ? void 0 : _this$props$locale4$s.call(_this$props$locale4, extraResults)
+                      children: _this.locale.showMoreButton(extraResults)
                     })
                   })]
                 }))
@@ -571,6 +556,8 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderSelect", function (autocompleteHelpers, fieldState) {
+      var _this$context$portalT;
+
       var _this$props5 = _this.props,
           className = _this$props5.className,
           options = _this$props5.options,
@@ -588,7 +575,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/_jsxs("div", {
         className: className,
-        children: [_this.renderInput(results, autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/createPortal(_this.renderMenu(results, autocompleteHelpers), document.body)]
+        children: [_this.renderInput(results, autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/createPortal(_this.renderMenu(results, autocompleteHelpers), (_this$context$portalT = _this.context["portalTarget"]) !== null && _this$context$portalT !== void 0 ? _this$context$portalT : document.body)]
       });
     });
 
@@ -611,6 +598,11 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
         });
       }
     }
+  }, {
+    key: "locale",
+    get: function get() {
+      return _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_AUTOCOMPLETE_LOCALE), this.context["locales"]), this.props.locale);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -645,6 +637,8 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
   return AutoComplete;
 }(Component);
 
+_defineProperty(AutoComplete, "contextType", SatelliteContext);
+
 _defineProperty(AutoComplete, "defaultProps", {
   clearable: false,
   creatable: false,
@@ -655,22 +649,7 @@ _defineProperty(AutoComplete, "defaultProps", {
   separatorKeyCodes: [],
   separatorKeys: [],
   optionItemComponent: DefaultOption,
-  noWrap: false,
-  locale: {
-    clearInputButton: "Clear input value",
-    emptyStateTitle: "No matches found",
-    itemsAvailable: function itemsAvailable(resultCount) {
-      return "".concat(pluralize(resultCount, "item is", {
-        plural: "items are"
-      }), " available");
-    },
-    showMoreButton: function showMoreButton(extraResults) {
-      return "Show ".concat(pluralize(extraResults, "result"), " more");
-    },
-    optionItemPrefix: function optionItemPrefix(multiple) {
-      return multiple ? "Add" : "Use";
-    }
-  }
+  noWrap: false
 });
 
 export default AutoComplete;

package/esm/AutoComplete/AutoComplete.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = autoCompletePlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const autoCompletePlugin: import('../tailwind-types').TailwindPlugin;
+declare const autoCompletePlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};

package/esm/AutoComplete/AutoComplete.tailwind.js

@@ -1,13 +1,11 @@
 import _rgba from "../styles/rgba";
 import _disabledColor from "../styles/disabledColor";
+import _plugin from "tailwindcss/plugin";
 // @ts-check
+var plugin = _plugin;
 var disabledColor = _disabledColor;
 var rgba = _rgba;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-var autoCompletePlugin = function autoCompletePlugin(_ref) {
+var autoCompletePlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
       theme = _ref.theme;
   addComponents({
@@ -30,14 +28,14 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
       "&::after": {
         content: '" "',
         display: "block",
-        minHeight: 30,
+        minHeight: "30px",
         // don't ask me why 30
-        fontSize: 0
+        fontSize: "0px"
       },
       "&.autocomplete-large": {
         minHeight: "3rem",
         "&::after": {
-          minHeight: 38 // don't ask me why 38
+          minHeight: "38px" // don't ask me why 38
 
         }
       }
@@ -67,12 +65,12 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
       scrollbarWidth: "none",
       msOverflowStyle: "-ms-autohiding-scrollbar",
       "&::-webkit-scrollbar": {
-        width: 0,
-        height: 0
+        width: "0px",
+        height: "0px"
       }
     },
     ".autocomplete-input": {
-      flex: 1,
+      flex: "1",
       backgroundColor: "transparent",
       caretColor: theme("colors.grey.600"),
       color: theme("colors.grey.900"),
@@ -92,6 +90,5 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
       }
     }
   });
-};
-
+});
 export default autoCompletePlugin;