@algolia/satellite 1.0.0-beta.116 → 1.0.0-beta.120

package/cjs/styles/tailwind.config.d.ts

@@ -1,28 +1,20 @@
 export const prefix: "stl-";
 export namespace purge {
-    export const mode: string;
-    export const layers: string[];
-    export const enabled: boolean;
-    export const content: string[];
-    export namespace options {
-        export const defaultExtractor: (content: string) => string[];
+    const mode: string;
+    const layers: string[];
+    const enabled: boolean;
+    const content: string[];
+    namespace options {
+        const defaultExtractor: (content: string) => string[];
     }
 }
-declare const zIndexes: {
-    sidebar: number;
-    fullPageLayout: number;
-    modalOverlay: number;
-    modal: number;
-    dropdown: number;
-    notification: number;
-    tooltip: number;
-};
+import zIndexes = require("./zIndexes");
 export declare namespace theme {
-    export namespace fontFamily {
-        export const sans: string[];
-        export const mono: string[];
+    namespace fontFamily {
+        const sans: string[];
+        const mono: string[];
     }
-    export const fontSize: {
+    const fontSize: {
         sm: string;
         mobile: string;
         base: string;
@@ -32,7 +24,7 @@ export declare namespace theme {
         "2xl": string;
         "3xl": string;
     };
-    export const lineHeight: {
+    const lineHeight: {
         inherit: string;
         sm: string;
         base: string;
@@ -43,18 +35,18 @@ export declare namespace theme {
         "3xl": string;
         none: string;
     };
-    export namespace borderRadius {
-        export const none: string;
-        export const DEFAULT: string;
-        export const full: string;
+    namespace borderRadius {
+        const none: string;
+        const DEFAULT: string;
+        const full: string;
     }
-    export const borderWidth: {
+    const borderWidth: {
         DEFAULT: string;
         0: string;
         2: string;
         3: string;
     };
-    export function boxShadow(theme: any): {
+    function boxShadow(theme: any): {
         none: string;
         z100: string;
         z200: string;
@@ -62,7 +54,7 @@ export declare namespace theme {
         z400: string;
         z500: string;
     };
-    export const opacity: {
+    const opacity: {
         0: string;
         10: string;
         20: string;
@@ -75,7 +67,7 @@ export declare namespace theme {
         90: string;
         100: string;
     };
-    export const colors: {
+    const colors: {
         accent: {
             900: string;
             800: string;
@@ -177,7 +169,7 @@ export declare namespace theme {
             100: string;
         };
     };
-    export namespace extend {
+    namespace extend {
         export const spacing: {
             "2px": string;
             128: string;
@@ -189,11 +181,11 @@ export declare namespace theme {
         export function minHeight(theme: any): any;
         export { zIndexes as zIndex };
         export namespace cursor {
-            export const grab: string;
-            export const help: string;
+            const grab: string;
+            const help: string;
         }
     }
-    export const typography: {
+    const typography: {
         desktop: import("../tailwind-types").TailwindFunction;
         mobile: import("../tailwind-types").TailwindFunction;
     };
@@ -204,4 +196,3 @@ export declare namespace variants {
     export const visibility: string[];
 }
 export declare const plugins: import("../tailwind-types").TailwindPlugin[];
-export {};

package/cjs/styles/zIndexes.d.ts

@@ -1,7 +1,7 @@
-export declare const sidebar: number;
-export declare const fullPageLayout: number;
-export declare const modalOverlay: number;
-export declare const modal: number;
-export declare const dropdown: number;
-export declare const notification: number;
-export declare const tooltip: number;
+export const sidebar: number;
+export const fullPageLayout: number;
+export const modalOverlay: number;
+export const modal: number;
+export const dropdown: number;
+export const notification: number;
+export const tooltip: number;

package/cjs/utils/genericChangeHandler.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.genericChangeHandler = genericChangeHandler;
 exports["default"] = void 0;
+exports.genericChangeHandler = genericChangeHandler;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/cjs/utils/hashCode.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.hashCode = void 0;
+exports.hashCode = exports["default"] = void 0;
 
 // https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript?rq=1
 var hashCode = function hashCode(value) {

package/cjs/utils/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "genericChangeHandler", {
     return _genericChangeHandler.genericChangeHandler;
   }
 });
+Object.defineProperty(exports, "isNil", {
+  enumerable: true,
+  get: function get() {
+    return _isNil.isNil;
+  }
+});
 Object.defineProperty(exports, "pluralize", {
   enumerable: true,
   get: function get() {
@@ -33,12 +39,6 @@ Object.defineProperty(exports, "uniqueId", {
     return _uniqueId.uniqueId;
   }
 });
-Object.defineProperty(exports, "isNil", {
-  enumerable: true,
-  get: function get() {
-    return _isNil.isNil;
-  }
-});
 
 var _genericChangeHandler = require("./genericChangeHandler");
 

package/cjs/utils/isCssPropertySupported.d.ts

@@ -1,2 +1,2 @@
-declare const isCssPropertySupported: <P extends number | "left" | "right" | "bottom" | "top" | "font" | "clipPath" | "filter" | "marker" | "mask" | "resize" | "color" | "clip" | "content" | "flex" | "grid" | "fill" | "stroke" | "zoom" | "clear" | "border" | "padding" | "height" | "width" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "enableBackground" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "imageRendering" | "kerning" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "translate" | "position" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cssFloat" | "cssText" | "emptyCells" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFeatureSettings" | "fontKerning" | "fontSynthesis" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "imeMode" | "inlineSize" | "justifyContent" | "justifyItems" | "justifySelf" | "layoutGrid" | "layoutGridChar" | "layoutGridLine" | "layoutGridMode" | "layoutGridType" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskComposite" | "maskImage" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "msContentZoomChaining" | "msContentZoomLimit" | "msContentZoomLimitMax" | "msContentZoomLimitMin" | "msContentZoomSnap" | "msContentZoomSnapPoints" | "msContentZoomSnapType" | "msContentZooming" | "msFlowFrom" | "msFlowInto" | "msFontFeatureSettings" | "msGridColumn" | "msGridColumnAlign" | "msGridColumnSpan" | "msGridColumns" | "msGridRow" | "msGridRowAlign" | "msGridRowSpan" | "msGridRows" | "msHighContrastAdjust" | "msHyphenateLimitChars" | "msHyphenateLimitLines" | "msHyphenateLimitZone" | "msHyphens" | "msImeAlign" | "msOverflowStyle" | "msScrollChaining" | "msScrollLimit" | "msScrollLimitXMax" | "msScrollLimitXMin" | "msScrollLimitYMax" | "msScrollLimitYMin" | "msScrollRails" | "msScrollSnapPointsX" | "msScrollSnapPointsY" | "msScrollSnapType" | "msScrollSnapX" | "msScrollSnapY" | "msScrollTranslation" | "msTextCombineHorizontal" | "msTextSizeAdjust" | "msTouchAction" | "msTouchSelect" | "msUserSelect" | "msWrapFlow" | "msWrapMargin" | "msWrapThrough" | "objectFit" | "objectPosition" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "penAction" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "quotes" | "rowGap" | "rubyAlign" | "rubyOverhang" | "rubyPosition" | "scrollBehavior" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textKashida" | "textKashidaSpace" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderImage" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxDirection" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitColumnBreakAfter" | "webkitColumnBreakBefore" | "webkitColumnBreakInside" | "webkitColumnCount" | "webkitColumnGap" | "webkitColumnRule" | "webkitColumnRuleColor" | "webkitColumnRuleStyle" | "webkitColumnRuleWidth" | "webkitColumnSpan" | "webkitColumnWidth" | "webkitColumns" | "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" | "webkitUserModify" | "webkitUserSelect" | "webkitWritingMode" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
+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" | "translate" | "position" | "height" | "width" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "glyphOrientationVertical" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cssFloat" | "cssText" | "emptyCells" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFeatureSettings" | "fontKerning" | "fontSynthesis" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskComposite" | "maskImage" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "objectFit" | "objectPosition" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "quotes" | "rowGap" | "rubyAlign" | "rubyPosition" | "scrollBehavior" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "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" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
 export default isCssPropertySupported;

package/cjs/utils/isNil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.isNil = void 0;
+exports.isNil = exports["default"] = void 0;
 
 /**
  * Checks if `value` is `null` or `undefined`.

package/cjs/utils/matchLocation.d.ts

@@ -1,3 +1,3 @@
 export declare type LocationSubset = Pick<Location, "pathname">;
-declare const matchLocation: (href: string, location: Pick<Location, "pathname">) => boolean;
+declare const matchLocation: (href: string, location: LocationSubset) => boolean;
 export default matchLocation;

package/cjs/utils/parseUrl.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.parseURL = void 0;
+exports.parseURL = exports["default"] = void 0;
 
 var parseURL = function parseURL(url) {
   var parser = document.createElement("a"); // Let the browser do the work

package/cjs/utils/pluralize.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pluralize = pluralize;
 exports["default"] = void 0;
+exports.pluralize = pluralize;
 var DEFAULT_OPTIONS = {
   numberFormatter: function numberFormatter(number) {
     return String(number);

package/cjs/utils/range.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.range = range;
 exports["default"] = void 0;
+exports.range = range;
 
 function range(start, end) {
   if (start >= end) throw "Start should be greater than end";

package/cjs/utils/uniqBy.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uniqBy = uniqBy;
 exports["default"] = void 0;
+exports.uniqBy = uniqBy;
 
 function uniqBy(arr, identity) {
   if (!arr) return arr;

package/cjs/utils/uniqueId.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uniqueId = uniqueId;
 exports["default"] = void 0;
+exports.uniqueId = uniqueId;
 var counters = {};
 
 function uniqueId() {

package/cjs/utils/useLinkProps.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 export declare type UseLinkProps = Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel">;
-export declare const useLinkProps: (props: Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "href" | "onClick" | "rel">) => Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "href" | "onClick" | "rel">;
+export declare const useLinkProps: (props: UseLinkProps) => UseLinkProps;
 export default useLinkProps;

package/cjs/utils/useLinkProps.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.useLinkProps = void 0;
+exports.useLinkProps = exports["default"] = void 0;
 
 var _react = require("react");
 

package/cjs/utils/useTriggerInputChange.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+declare type InputValue = JSX.IntrinsicElements["input"]["value"];
 /**
  * Trigger a native input change event.
  * See https://stackoverflow.com/questions/23892547/what-is-the-best-way-to-trigger-onchange-event-in-react-js
  */
-declare const useTriggerInputChange: (inputRef: import("react").MutableRefObject<HTMLInputElement | null>) => (value: string | number | string[] | undefined) => void;
+declare const useTriggerInputChange: (inputRef: React.MutableRefObject<HTMLInputElement | null>) => (value: InputValue) => void;
 export default useTriggerInputChange;

package/esm/AnnouncementBadge/AnnouncementBadge.d.ts

@@ -2,7 +2,7 @@ import React, { FunctionComponent } from "react";
 export declare type AnnouncementBadgeSizes = "default" | "small";
 export interface AnnouncementBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: AnnouncementBadgeSizes;
-    text?: "new" | "beta" | "internal";
+    text?: "new" | "beta" | "internal" | "pilot";
     variant?: "accent" | "red";
     children?: never;
 }

package/esm/AutoComplete/AutoComplete.d.ts

@@ -31,7 +31,7 @@ export declare class AutoComplete<T extends Option> extends Component<AutoComple
         options: never[];
         separatorKeyCodes: never[];
         separatorKeys: never[];
-        optionItemComponent: React.ComponentType<import("./types").OptionItemProps>;
+        optionItemComponent: import("./types").OptionItemComponentType;
         noWrap: boolean;
     };
     state: State;
@@ -46,7 +46,7 @@ export declare class AutoComplete<T extends Option> extends Component<AutoComple
     updateInputWidth: () => void;
     handleKeyDown: (state: ControllerStateAndHelpers<Option>) => (evt: React.KeyboardEvent<any>) => void;
     handleChange: (option: Option) => void;
-    handleShowAllResults: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    handleShowAllResults: (evt: React.MouseEvent<HTMLButtonElement>) => void;
     removeValue: (removedOption: Option) => void;
     renderInput: (results: Option[], autocompleteHelpers: ControllerStateAndHelpers<Option>, fieldState: FieldState) => JSX.Element;
     renderMenu: (results: Option[], autocompleteHelpers: ControllerStateAndHelpers<Option>) => JSX.Element;

package/esm/AutoComplete/AutoComplete.tailwind.js

@@ -32,7 +32,7 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
         display: "block",
         minHeight: 30,
         // don't ask me why 30
-        fontSize: "0px"
+        fontSize: 0
       },
       "&.autocomplete-large": {
         minHeight: "3rem",

package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts

@@ -7,5 +7,5 @@ export interface AutoCompleteEmptyStateProps {
     title: React.ReactNode;
     description?: React.ReactNode;
 }
-export declare const AutoCompleteEmptyState: ({ icon, variant, title, description }: AutoCompleteEmptyStateProps) => JSX.Element;
+export declare const AutoCompleteEmptyState: ({ icon, variant, title, description, }: AutoCompleteEmptyStateProps) => JSX.Element;
 export default AutoCompleteEmptyState;

package/esm/Avatars/ApplicationAvatar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ApplicationAvatarSize, MinimalApplication } from "./types";
-interface ApplicationAvatarProps {
+export interface ApplicationAvatarProps {
     /** A minimal application object containing `applicationID` and `name`. */
     application: MinimalApplication;
     /** @default "medium" */

package/esm/Avatars/UserAvatar.d.ts

@@ -9,5 +9,5 @@ export declare type UserAvatarProps = {
     className?: string;
 };
 /** The `UserAvatar` is used as a visual representation of a user. */
-declare const UserAvatar: ({ className, user, size }: UserAvatarProps) => JSX.Element;
+export declare const UserAvatar: ({ className, user, size }: UserAvatarProps) => JSX.Element;
 export default UserAvatar;

package/esm/Avatars/UserAvatar.js

@@ -9,7 +9,7 @@ import stl from "../styles/helpers/satellitePrefixer";
 import { getUserInitials, getUserBackgroundClassName } from "./utils";
 
 /** The `UserAvatar` is used as a visual representation of a user. */
-var UserAvatar = function UserAvatar(_ref) {
+export var UserAvatar = function UserAvatar(_ref) {
   var _user$email;
 
   var className = _ref.className,
@@ -39,5 +39,4 @@ var UserAvatar = function UserAvatar(_ref) {
     }
   }));
 };
-
 export default UserAvatar;

package/esm/Card/Card.tailwind.js

@@ -29,7 +29,8 @@ var cardPlugin = function cardPlugin(_ref) {
       boxShadow: theme("boxShadow.z400")
     },
     ".card-z500": {
-      boxShadow: theme("boxShadow.z500")
+      boxShadow: theme("boxShadow.z500"),
+      borderRadius: 8
     }
   });
 };

package/esm/Card/components/CardHeader.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export declare type CardHeaderProps = JSX.IntrinsicElements["div"];
-export declare const CardHeader: ({ className, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
+export declare const CardHeader: ({ className, ...props }: CardHeaderProps) => JSX.Element;
 export default CardHeader;

package/esm/Checkbox/Checkbox.d.ts

@@ -20,5 +20,5 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
  * - Checkboxes require the use of a button to apply the settings once they are selected
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLInputElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-label" | "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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "onChange" | "defaultChecked" | "autoFocus" | "checked"> & CheckboxCustomProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & CheckboxCustomProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/esm/DatePicker/utils.d.ts

@@ -1 +1 @@
-export declare const formatDate: (date: number | Date) => string;
+export declare const formatDate: (date: Date | number) => string;

package/esm/Dropdown/Dropdown.d.ts

@@ -28,7 +28,7 @@ export declare const DEFAULT_DROPDOWN_POPPER_MODIFIERS: StrictModifier[];
  * - Make sure the most common options are listed. These can be grouped into sub-categories under headings
  */
 export declare const Dropdown: {
-    ({ placement, menuClassName, modifiers, renderTarget, renderFooter, children }: DropdownProps): JSX.Element;
+    ({ placement, menuClassName, modifiers, renderTarget, renderFooter, children, }: DropdownProps): JSX.Element;
     ButtonItem: {
         (props: import("./components/DropdownButtonItem").DropdownButtonItemProps): JSX.Element;
         defaultProps: {
@@ -39,7 +39,7 @@ export declare const Dropdown: {
         (props: import("./components/DropdownLinkItem").DropdownLinkItemProps): JSX.Element;
         defaultProps: {
             toggle: boolean;
-        }; /** Modifiers for the Popper menu */
+        };
     };
     RadioItem: {
         (props: import("./components/DropdownRadioItem").DropdownRadioItemProps): JSX.Element;

package/esm/Dropdown/Dropdown.js

@@ -108,7 +108,7 @@ export var Dropdown = function Dropdown(_ref) {
   }), /*#__PURE__*/React.createElement(Card, {
     fullBleed: true,
     elevation: "300",
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex flex-col py-1"])))
+    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex flex-col py-1 text-grey-900"])))
   }, children, footer ? /*#__PURE__*/React.createElement(DropdownFooterItem, null, footer) : null))), document.body)));
 };
 Dropdown.ButtonItem = DropdownButtonItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts

@@ -1,6 +1,4 @@
 import React, { FC } from "react";
-export declare type DropdownCollapsibleValue = undefined | string | string[];
-export declare type DropdownCollapsiblePropsOnChange = (name: string, value: DropdownCollapsibleValue) => void;
 export interface DropdownCollapsibleItemProps {
     title: React.ReactNode;
     name?: string;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -7,7 +7,7 @@ import React, { useState } from "react";
 import { ChevronDown, ChevronRight } from "react-feather";
 import { uniqueId } from "../../../utils";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { useDropdownCollapsibleItemsGroup } from ".";
+import { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
 export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
   var title = _ref.title,
       name = _ref.name,
@@ -45,7 +45,7 @@ export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
     className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
     size: "1.25em"
   })), isExpanded && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300"])))
+    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"])))
   }, children));
 };
 export default DropdownCollapsibleItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts

@@ -4,4 +4,4 @@ export declare type DropdownCollapsibleItemsGroupProps = {
     onItemClick(name: string): void;
     children: ReactNode;
 };
-export declare const DropdownCollapsibleItemsGroup: ({ expandedItems, onItemClick, children }: DropdownCollapsibleItemsGroupProps) => JSX.Element;
+export declare const DropdownCollapsibleItemsGroup: ({ expandedItems, onItemClick, children, }: DropdownCollapsibleItemsGroupProps) => JSX.Element;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -6,4 +6,4 @@ export declare type DropdownCollapsibleItemsMultiGroupProps = {
 /**
  * Multiple collapsible item can be open at a given time
  */
-export declare const DropdownCollapsibleItemsMultiGroup: ({ initialExpandedItems, children }: DropdownCollapsibleItemsMultiGroupProps) => JSX.Element;
+export declare const DropdownCollapsibleItemsMultiGroup: ({ initialExpandedItems, children, }: DropdownCollapsibleItemsMultiGroupProps) => JSX.Element;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -6,4 +6,4 @@ export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
  */
-export declare const DropdownCollapsibleItemsSingleGroup: ({ initialExpandedItem, children }: DropdownCollapsibleItemsExclusiveGroupProps) => JSX.Element;
+export declare const DropdownCollapsibleItemsSingleGroup: ({ initialExpandedItem, children, }: DropdownCollapsibleItemsExclusiveGroupProps) => JSX.Element;

package/esm/Dropdown/useDropdownItemProps.js

@@ -9,7 +9,7 @@ export var useDropdownItemProps = function useDropdownItemProps(props) {
   var _useDropdownContext = useDropdownContext(),
       showMenu = _useDropdownContext.showMenu;
 
-  var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
+  var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
   return {
     className: className,
     onClick: props.disabled ? function (evt) {

package/esm/Link/Link.d.ts

@@ -5,7 +5,7 @@ export declare type LinkProps = {
     endIcon?: IconComponentType;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare const Link: React.ForwardRefExoticComponent<{
-    startIcon?: React.ComponentClass<import("react-feather").IconProps, any> | React.FunctionComponent<import("react-feather").IconProps> | undefined;
-    endIcon?: React.ComponentClass<import("react-feather").IconProps, any> | React.FunctionComponent<import("react-feather").IconProps> | undefined;
+    startIcon?: IconComponentType | undefined;
+    endIcon?: IconComponentType | undefined;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/esm/Modal/Modal.d.ts

@@ -14,7 +14,7 @@ export interface ModalProps {
     closeIconText?: string;
 }
 export declare const Modal: {
-    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText }: ModalProps): React.ReactPortal;
+    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText, }: ModalProps): React.ReactPortal;
     Footer: React.FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
 };
 export default Modal;

package/esm/Modal/Modal.js

@@ -108,19 +108,22 @@ export var Modal = function Modal(_ref) {
     role: "dialog"
   }, /*#__PURE__*/React.createElement(Card, {
     ref: dialogRef,
-    className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["my-6 mx-auto"]))), !fullBleed && stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["p-8"]))), SIZE_CLASSNAMES[size], className),
-    fullBleed: fullBleed
-  }, /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["modal-header flex"])))
+    elevation: "500",
+    className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["my-6 mx-auto"]))), SIZE_CLASSNAMES[size], className),
+    fullBleed: true
+  }, /*#__PURE__*/React.createElement("header", {
+    className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                px-8 min-h-14\n                flex items-center justify-between  space-x-2\n                ", "\n                ", "\n              "])), title ? "border-b border-grey-100" : "justify-end", !title && hideCloseIcon && "hidden")
   }, title && /*#__PURE__*/React.createElement("h2", {
-    className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["truncate mb-8 mr-2 flex-1 display-medium"])))
+    className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex-1 display-heading truncate"])))
   }, title), !hideCloseIcon && /*#__PURE__*/React.createElement(IconButton, {
     icon: X,
     title: closeIconText,
     variant: "subtle",
     onClick: onDismiss,
-    className: cx(!title && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["float-right"]))))
-  })), children)))), document.body);
+    className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex-shrink-0 -mr-2"])))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: fullBleed ? undefined : stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["p-10"])))
+  }, children))))), document.body);
 };
 Modal.Footer = ModalFooter;
 export default Modal;