@auspices/eos 2.33.4 → 2.34.0

package/dist/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from "react";
 import { BoxProps } from "../Box";
-export declare type BannerProps = BoxProps & {
+export declare type BannerProps = Omit<BoxProps, "bg"> & {
     bg?: string;
     children: ReactNode;
     dismissable?: boolean;

package/dist/Banner/Banner.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -69,25 +65,21 @@ exports.Banner = void 0;
 var react_1 = __importStar(require("react"));
 var Box_1 = require("../Box");
 var Remove_1 = require("../Remove");
-var theme_1 = require("../theme");
-var styled_components_1 = __importStar(require("styled-components"));
+var hooks_1 = require("../hooks");
+var Clickable_1 = require("../Clickable");
 var Banner = function (_a) {
     var _b = _a.bg, bg = _b === void 0 ? "primary" : _b, children = _a.children, _c = _a.dismissable, dismissable = _c === void 0 ? true : _c, rest = __rest(_a, ["bg", "children", "dismissable"]);
+    var contrasting = (0, hooks_1.useContrastingColor)(bg);
     var _d = __read((0, react_1.useState)(false), 2), dismissed = _d[0], setDismissed = _d[1];
     var handleClick = function () {
         setDismissed(true);
     };
     if (dismissed)
         return null;
-    return (react_1.default.createElement(Box_1.Box, __assign({ position: "relative", textAlign: "center", display: "flex", alignItems: "center", justifyContent: "center", flex: 1, px: 6, py: 4, bg: bg }, rest),
-        react_1.default.createElement(Text, { fontSize: 0, lineHeight: 2, bg: bg }, children),
-        dismissable && (react_1.default.createElement(Remove_1.Remove, { position: "absolute", top: 0, right: 0, bottom: 0, p: 1, display: "flex", alignItems: "center", onClick: handleClick }))));
+    return (react_1.default.createElement(Box_1.Box, __assign({ position: "relative", textAlign: "center", display: "flex", alignItems: "center", justifyContent: "center", flex: 1, px: 8, py: 4, bg: bg }, rest),
+        react_1.default.createElement(Box_1.Box, { fontSize: 0, lineHeight: 2, color: contrasting }, children),
+        dismissable && (react_1.default.createElement(Clickable_1.Clickable, { onClick: handleClick, position: "absolute", top: 0, right: 0, bottom: 0, p: 1, display: "flex", alignItems: "center", cursor: "pointer" },
+            react_1.default.createElement(Remove_1.Ex, { color: contrasting })))));
 };
 exports.Banner = Banner;
-var Text = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var bg = (0, theme_1.themeGet)("colors.".concat(props.bg), props.bg)(props);
-    var color = (0, theme_1.getContrastTIQHex)(bg);
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), color);
-});
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=Banner.js.map

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,8BAAuC;AACvC,oCAAmC;AACnC,kCAAuD;AACvD,qEAAgD;AAQzC,IAAM,MAAM,GAAoB,UAAC,EAKvC;IAJC,IAAA,UAAc,EAAd,EAAE,mBAAG,SAAS,KAAA,EACd,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EACf,IAAI,cAJ+B,iCAKvC,CADQ;IAED,IAAA,KAAA,OAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,EAAE,IACF,IAAI;QAER,8BAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,IACrC,QAAQ,CACJ;QAEN,WAAW,IAAI,CACd,8BAAC,eAAM,IACL,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,CAAC,EACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,MAAM,UA6CjB;AAEF,IAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,+EAAa,MACjC,EAMD,IACF,KAPG,UAAC,KAAK;IACN,IAAM,EAAE,GAAG,IAAA,gBAAQ,EAAC,iBAAU,KAAK,CAAC,EAAE,CAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAW,CAAC;IACrE,IAAM,KAAK,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,CAAC;IACpC,WAAO,uBAAG,gGAAA,iBACC,EAAK,SACf,KADU,KAAK,EACd;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAAuC;AACvC,oCAA+B;AAC/B,kCAA+C;AAC/C,0CAAyC;AAQlC,IAAM,MAAM,GAAoB,UAAC,EAKvC;IAJC,IAAA,UAAc,EAAd,EAAE,mBAAG,SAAS,KAAA,EACd,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EACf,IAAI,cAJ+B,iCAKvC,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,2BAAmB,EAAC,EAAE,CAAC,CAAC;IAEtC,IAAA,KAAA,OAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,EAAE,IACF,IAAI;QAER,8BAAC,SAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,IAChD,QAAQ,CACL;QAEL,WAAW,IAAI,CACd,8BAAC,qBAAS,IACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,CAAC,EACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,SAAS;YAEhB,8BAAC,WAAE,IAAC,KAAK,EAAE,WAAW,GAAI,CAChB,CACb,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,MAAM,UAkDjB"}

package/dist/Box/Box.d.ts

@@ -11,6 +11,6 @@ export declare type BoxProps = BorderProps & TypographyProps & BoxSpatialProps &
     children?: React.ReactNode;
 };
 export declare const boxMixin: import("styled-system").styleFn;
-export declare const Box: import("styled-components").StyledComponent<"div", any, BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & TextColorProps & TransitionProps & {
+export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & TextColorProps & TransitionProps & {
     children?: React.ReactNode;
 }, never>;

package/dist/Button/Button.d.ts

@@ -22,13 +22,13 @@ export declare type ButtonProps = ClickableProps & {
     selected?: boolean;
     highlighted?: boolean;
 };
-export declare const buttonHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const buttonFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const buttonSelectedMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const buttonDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const buttonHighlightedMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const buttonMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonProps, any>>;
-export declare const Button: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+export declare const buttonHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const buttonFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const buttonSelectedMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const buttonDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const buttonHighlightedMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const buttonMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonProps, import("styled-components").DefaultTheme>>;
+export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

package/dist/Caret/Caret.d.ts

@@ -4,7 +4,7 @@ export declare type CaretProps = BoxProps & {
     direction?: "up" | "down" | "left" | "right";
     size?: number;
 };
-export declare const Caret: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Caret: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     direction?: "left" | "right" | "up" | "down" | undefined;

package/dist/Cell/Cell.d.ts

@@ -16,7 +16,7 @@ export declare const CELL: {
     py: number;
     transition: string;
 };
-export declare const cellFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const Cell: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const cellFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const Cell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Clear/Clear.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { RemoveProps } from "../Remove";
 export declare type ClearProps = RemoveProps;
-export declare const clearHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const clearFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const Clear: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+export declare const clearHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const clearFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const Clear: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

package/dist/Clear/Clear.js

@@ -33,7 +33,7 @@ var theme_get_1 = require("@styled-system/theme-get");
 var Remove_1 = require("../Remove");
 exports.clearHoverMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"], ["\n  background-color: ", ";\n\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary"));
 exports.clearFocusMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &,\n  &:hover {\n    background-color: ", ";\n\n    &::before,\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  &,\n  &:hover {\n    background-color: ", ";\n\n    &::before,\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary"));
-exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: background-color 200ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: background-color 200ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("space.4"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
+exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: color 250ms, background-color 250ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  transition: color 250ms, background-color 250ms;\n\n  &::before,\n  &::after {\n    width: ", ";\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("space.4"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
     var hover = _a.hover;
     return hover && exports.clearHoverMixin;
 }, exports.clearHoverMixin, function (_a) {

package/dist/Clear/Clear.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAInC,QAAA,eAAe,OAAG,uBAAG,mKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,OAAG,uBAAG,qMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAGlD;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,gZAAA,iBACpB,EAAmB,mBAClB,EAAmB,gDAEb,EAAuB,qFAKhC,EAAmB,6CAER,EAA4B,qCAIhD,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KAvBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAEb,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAKhC,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAER,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAIhD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAEnB"}
+{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAInC,QAAA,eAAe,OAAG,uBAAG,mKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,OAAG,uBAAG,qMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAGlD;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,6ZAAA,iBACpB,EAAmB,mBAClB,EAAmB,gDAEb,EAAuB,kGAKhC,EAAmB,6CAER,EAA4B,qCAIhD,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KAvBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAEb,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAKhC,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAER,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAIhD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAEnB"}

package/dist/Clickable/Clickable.d.ts

@@ -5,7 +5,7 @@ export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElemen
     cursor?: ResponsiveValue<string>;
     textDecoration?: ResponsiveValue<string>;
 };
-export declare const Clickable: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Clickable: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     cursor?: ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

package/dist/ContextMenu/ContextMenu.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare const Toggle: import("styled-components").StyledComponent<"button", any, React.ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Toggle: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, React.ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: React.ReactNode;
 } & {
     cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

package/dist/Divider/Divider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type DividerProps = BoxProps;
-export declare const Divider: import("styled-components").StyledComponent<"hr", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Divider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Grid/Grid.d.ts

@@ -5,5 +5,5 @@ export declare type GridProps = SystemGridProps & BoxProps & {
     cellSize?: ResponsiveValue<number | string>;
     cellGap?: number | string;
 };
-export declare const GridCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GridCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Grid: React.FC<GridProps>;

package/dist/HTML/HTML.d.ts

@@ -5,7 +5,7 @@ export declare type HTMLProps = BoxProps & ({
 } | {
     children: React.ReactNode;
 });
-export declare const Styles: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Styles: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: React.ReactNode;
 }, never>;
 export declare const HTML: React.FC<HTMLProps>;

package/dist/Image/Image.d.ts

@@ -6,7 +6,7 @@ declare enum Mode {
     Loaded = 2
 }
 export declare const imgMixin: import("styled-components").FlattenSimpleInterpolation;
-export declare const Img: import("styled-components").StyledComponent<"img", any, {
+export declare const Img: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     mode: Mode;
 }, never>;
 export declare type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src"> & BoxProps & {

package/dist/Input/Input.d.ts

@@ -4,10 +4,10 @@ export declare type InputProps = React.InputHTMLAttributes<HTMLInputElement> & B
     focus?: boolean;
     hover?: boolean;
 };
-export declare const inputFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const inputFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const inputHoverMixin: import("styled-components").FlattenSimpleInterpolation;
-export declare const inputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
-export declare const Input: import("styled-components").StyledComponent<"input", any, import("react").InputHTMLAttributes<HTMLInputElement> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+export declare const inputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, import("styled-components").DefaultTheme>>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("react").InputHTMLAttributes<HTMLInputElement> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     focus?: boolean | undefined;
     hover?: boolean | undefined;
 }, never>;

package/dist/Mono/Mono.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type MonoProps = BoxProps;
-export declare const Mono: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Mono: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Pane/Pane.d.ts

@@ -4,7 +4,7 @@ export declare type PaneProps = StackProps & React.HTMLAttributes<HTMLDivElement
     children: React.ReactNode;
     onEnter?(): void;
 };
-export declare const paneShadowMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const paneShadowMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const Pane: React.ForwardRefExoticComponent<PaneProps & {
     ref?: React.Ref<HTMLDivElement>;
 }>;

package/dist/Pane/PaneHeader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type PaneHeaderProps = BoxProps;
-export declare const PaneHeader: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const PaneHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Pane/PaneOption.d.ts

@@ -6,11 +6,11 @@ export declare type PaneOptionProps = ClickableProps & {
     focus?: boolean;
     disabled?: boolean;
 };
-export declare const paneOptionHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const paneOptionActiveMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const paneOptionFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const paneOptionDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const PaneOption: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+export declare const paneOptionHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const paneOptionActiveMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const paneOptionFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const paneOptionDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const PaneOption: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

package/dist/Pill/Pill.d.ts

@@ -16,7 +16,7 @@ export declare const PILL: {
     py: number;
     transition: string;
 };
-export declare const pillFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const Pill: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+export declare const pillFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const Pill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Plus/Plus.d.ts

@@ -5,7 +5,7 @@ export declare type PlusProps = BoxProps & {
     strokeWidth?: string;
     axis?: "horizontal" | "vertical" | "both";
 };
-export declare const Plus: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Plus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     size: number | string;

package/dist/Remove/Remove.d.ts

@@ -1,12 +1,16 @@
 /// <reference types="react" />
 import { ClickableProps } from "../Clickable";
-export declare const removeFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const removeHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const exMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const Ex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+    children?: import("react").ReactNode;
+}, never>;
+export declare const removeFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const removeHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare type RemoveProps = ClickableProps & {
     hover?: boolean;
     focus?: boolean;
 };
-export declare const Remove: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+export declare const Remove: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 } & {
     cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;

package/dist/Remove/Remove.js

@@ -27,13 +27,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Remove = exports.removeHoverMixin = exports.removeFocusMixin = void 0;
+exports.Remove = exports.removeHoverMixin = exports.removeFocusMixin = exports.Ex = exports.exMixin = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Clickable_1 = require("../Clickable");
-exports.removeFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: 0;\n\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"], ["\n  outline: 0;\n\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"])), (0, theme_get_1.themeGet)("colors.primary"));
-exports.removeHoverMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"], ["\n  &::before,\n  &::after {\n    background-color: ", ";\n  }\n"])), (0, theme_get_1.themeGet)("colors.primary"));
-exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  mix-blend-mode: difference;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: ", ";\n    transition: background-color 250ms;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  mix-blend-mode: difference;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: ", ";\n    transition: background-color 250ms;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("colors.tertiary"), function (_a) {
+var Box_1 = require("../Box");
+exports.exMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: color 250ms;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n"], ["\n  transition: color 250ms;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n"])), (0, theme_get_1.themeGet)("space.5"));
+exports.Ex = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), exports.exMixin);
+exports.Ex.defaultProps = {
+    position: "relative",
+    display: "inline-flex",
+    color: "tertiary",
+};
+exports.removeFocusMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  color: ", ";\n"], ["\n  outline: 0;\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.primary"));
+exports.removeHoverMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.primary"));
+exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("colors.tertiary"), exports.exMixin, function (_a) {
     var hover = _a.hover;
     return hover && exports.removeHoverMixin;
 }, exports.removeHoverMixin, function (_a) {
@@ -43,5 +51,5 @@ exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templat
 exports.Remove.defaultProps = {
     position: "relative",
 };
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=Remove.js.map

package/dist/Remove/Remove.js.map

@@ -1 +1 @@
-{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AAE5C,QAAA,gBAAgB,OAAG,uBAAG,uJAAA,uEAKX,EAA0B,UAEjD,KAFuB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AACW,QAAA,gBAAgB,OAAG,uBAAG,sIAAA,sDAGX,EAA0B,UAEjD,KAFuB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAOW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,mnBAAa,iBACrC,EAAmB,mBAClB,EAAmB,0IAQtB,EAAmB,qGAKR,EAA2B,6MAY/C,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAnCc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAQtB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAKR,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAY/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAEpB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}
+{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,8BAA6B;AAEhB,QAAA,OAAO,OAAG,uBAAG,ucAAA,kHAOb,EAAmB,+QAe/B,KAfY,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAe9B;AAEW,QAAA,EAAE,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,wHAAA,iBACd,EAAmB,mBAClB,EAAmB,OAC/B,EAAO,IACV,KAHc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAC/B,eAAO,EACT;AAEF,UAAE,CAAC,YAAY,GAAG;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,uGAAA,4BAExB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AACW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AAOW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,wOAAa,iBACrC,EAAmB,mBAClB,EAAmB,kCAExB,EAA2B,OAClC,EAAO,QAEP,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAfc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAClC,eAAO,EAEP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAEpB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}

package/dist/Skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
 export declare type SkeletonProps = BoxProps;
-export declare const Skeleton: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+export declare const Skeleton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,uDAA6C;AAE7C,8BAAuC;AAOhC,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,aAAmB,EAAnB,KAAK,mBAAG,WAAW,KAAA,EAChB,IAAI,cAHuC,iBAI/C,CADQ;IAEC,IAAA,MAAM,GAAK,IAAA,4BAAQ,GAAW,OAAxB,CAAyB;IAEvC,OAAO,CACL,8BAAC,SAAG,eAAK,IAAI;QACX,qDACa,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAE3B,qCACE,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACrB,IAAI,EAAC,MAAM;gBAEX,wCAAM,CAAC,EAAC,eAAe,GAAG;gBAC1B,wCAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,iBAAiB,GAAG;gBACzC,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG;gBAC/C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG;gBACjD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG;gBAC/C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG;gBACjD,wCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,eAAe,GAAG;gBACxC,wCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,iBAAiB,GAAG;gBAC1C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,oDACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,iFAAiF,EAC1F,MAAM,EAAC,oKAAoK,EAC3K,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,IAAI,EACV,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,UAAU,GACnB,CACA,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,OAAO,WAkDlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,uDAA6C;AAE7C,8BAAuC;AAOhC,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,aAAmB,EAAnB,KAAK,mBAAG,WAAW,KAAA,EAChB,IAAI,cAHuC,iBAI/C,CADQ;IAEC,IAAA,MAAM,GAAK,IAAA,4BAAQ,GAAE,OAAf,CAAgB;IAE9B,OAAO,CACL,8BAAC,SAAG,eAAK,IAAI;QACX,qDACa,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAE3B,qCACE,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACrB,IAAI,EAAC,MAAM;gBAEX,wCAAM,CAAC,EAAC,eAAe,GAAG;gBAC1B,wCAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,iBAAiB,GAAG;gBACzC,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG;gBAC/C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG;gBACjD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG;gBAC/C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG;gBACjD,wCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,eAAe,GAAG;gBACxC,wCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,iBAAiB,GAAG;gBAC1C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,oDACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,iFAAiF,EAC1F,MAAM,EAAC,oKAAoK,EAC3K,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,IAAI,EACV,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,UAAU,GACnB,CACA,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,OAAO,WAkDlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/Truncate/Truncate.d.ts

@@ -1 +1 @@
-export declare const Truncate: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Truncate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./useClickOutside";
+export * from "./useContrastingColor";
 export * from "./useUniqueId";
 export * from "./useUpdateEffect";

package/dist/hooks/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useClickOutside"), exports);
+__exportStar(require("./useContrastingColor"), exports);
 __exportStar(require("./useUniqueId"), exports);
 __exportStar(require("./useUpdateEffect"), exports);
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,gDAA8B;AAC9B,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,wDAAsC;AACtC,gDAA8B;AAC9B,oDAAkC"}

package/dist/hooks/useContrastingColor.d.ts

@@ -0,0 +1,2 @@
+import { ColorScheme } from "../theme";
+export declare const useContrastingColor: (keyOrHex: keyof ColorScheme | string) => "black" | "white";

package/dist/hooks/useContrastingColor.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContrastingColor = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../theme");
+var useContrastingColor = function (keyOrHex) {
+    var colors = (0, styled_components_1.useTheme)().colors;
+    var color = colors[keyOrHex] || keyOrHex;
+    return (0, theme_1.getContrastTIQHex)(color);
+};
+exports.useContrastingColor = useContrastingColor;
+//# sourceMappingURL=useContrastingColor.js.map

package/dist/hooks/useContrastingColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContrastingColor.js","sourceRoot":"","sources":["../../src/hooks/useContrastingColor.ts"],"names":[],"mappings":";;;AAAA,uDAA6C;AAC7C,kCAA0D;AAEnD,IAAM,mBAAmB,GAAG,UAAC,QAAoC;IAC9D,IAAA,MAAM,GAAK,IAAA,4BAAQ,GAAE,OAAf,CAAgB;IAE9B,IAAM,KAAK,GAAG,MAAM,CAAC,QAA6B,CAAC,IAAI,QAAQ,CAAC;IAEhE,OAAO,IAAA,yBAAiB,EAAC,KAAK,CAAC,CAAC;AAClC,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B"}

package/dist/theme/utils.d.ts

@@ -16,4 +16,4 @@ export declare const getContrastYIQRGB: ({ r, g, b, a, }: {
 }) => "black" | "white";
 export declare const getContrastTIQHex: (value: string) => "black" | "white";
 export declare const colorHash: (string: string) => string;
-export declare const space: (index: number) => "0" | "0.125rem" | "0.25rem" | "0.5rem" | "0.75rem" | "1rem" | "1.5rem" | "2rem" | "4rem" | "8rem" | "16rem";
+export declare const space: (index: number) => "0" | "0.75rem" | "1rem" | "1.5rem" | "2rem" | "0.125rem" | "0.25rem" | "0.5rem" | "4rem" | "8rem" | "16rem";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auspices/eos",
-  "version": "2.33.4",
+  "version": "2.34.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [