@auspices/eos 2.34.0 → 3.0.0

package/dist/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type AlertProps = BoxProps & {
+export type AlertProps = BoxProps & {
     mode: "notification" | "error";
 };
 export declare const Alert: React.FC<AlertProps>;

package/dist/Alerts/Alerts.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type AlertsProps = Omit<StackProps, "spacing"> & {
+export type AlertsProps = Omit<StackProps, "spacing"> & {
     limit?: number;
     spacing?: number | string;
 };

package/dist/Alerts/useAlerts.d.ts

@@ -1,15 +1,15 @@
 import React from "react";
-declare type Body = string | JSX.Element;
-export declare type TAlert = {
+type Body = string | JSX.Element;
+export type TAlert = {
     mode: "notification" | "error";
     id: string;
     body: Body;
 };
-declare type Message = {
+type Message = {
     body: Body;
     ttl?: number;
 };
-declare type State = {
+type State = {
     alerts: TAlert[];
 };
 export declare const AlertsContext: React.Context<{
@@ -17,7 +17,7 @@ export declare const AlertsContext: React.Context<{
     sendNotification(message: Message): void;
     sendError(message: Message): void;
 }>;
-export declare type AlertsProviderProps = {
+export type AlertsProviderProps = {
     children: React.ReactNode;
 };
 export declare const AlertsProvider: React.FC<AlertsProviderProps>;

package/dist/AspectRatioBox/AspectRatioBox.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { BoxProps } from "../Box";
-declare type MaxDimensions = {
+type MaxDimensions = {
     maxWidth?: number | "100%";
     maxHeight?: number;
 };
-declare type AspectDimensions = {
+type AspectDimensions = {
     aspectWidth: number;
     aspectHeight: number;
 };
-export declare type AspectRatioBoxProps = Omit<BoxProps, "maxWidth" | "maxHeight"> & AspectDimensions & MaxDimensions;
+export type AspectRatioBoxProps = Omit<BoxProps, "maxWidth" | "maxHeight"> & AspectDimensions & MaxDimensions;
 export declare const AspectRatioBox: React.FC<AspectRatioBoxProps>;
 export {};

package/dist/Banner/Banner.d.ts

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

package/dist/Banner/Banner.js

@@ -76,8 +76,8 @@ var Banner = function (_a) {
     };
     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: 8, py: 4, bg: bg }, rest),
-        react_1.default.createElement(Box_1.Box, { fontSize: 0, lineHeight: 2, color: contrasting }, children),
+    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, fontSize: 1, lineHeight: 2, color: contrasting }, rest),
+        react_1.default.createElement(Box_1.Box, null, 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 })))));
 };

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"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"}
+{"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,EACN,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,WAAW,IACd,IAAI;QAER,8BAAC,SAAG,QAAE,QAAQ,CAAO;QAEpB,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;AAnDW,QAAA,MAAM,UAmDjB"}

package/dist/Box/Box.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { BorderProps, FlexboxProps, SpaceProps, TypographyProps, PositionProps, LayoutProps, ColorProps, ResponsiveValue } from "styled-system";
-export declare type BoxSpatialProps = FlexboxProps & SpaceProps & PositionProps & LayoutProps;
-export declare type TextColorProps = {
+export type BoxSpatialProps = FlexboxProps & SpaceProps & PositionProps & LayoutProps;
+export type TextColorProps = {
     textColor?: ResponsiveValue<string>;
 };
-export declare type TransitionProps = {
+export type TransitionProps = {
     transition?: ResponsiveValue<string>;
 };
-export declare type BoxProps = BorderProps & TypographyProps & BoxSpatialProps & Omit<ColorProps, "color"> & TextColorProps & TransitionProps & {
+export type BoxProps = BorderProps & TypographyProps & BoxSpatialProps & Omit<ColorProps, "color"> & TextColorProps & TransitionProps & {
     children?: React.ReactNode;
 };
 export declare const boxMixin: import("styled-system").styleFn;

package/dist/Button/Button.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ClickableProps } from "../Clickable";
+import { CellProps } from "../Cell";
 export declare const BUTTON: {
     display: string;
     alignItems: string;
@@ -10,13 +11,13 @@ export declare const BUTTON: {
     borderWidth: string;
     color: string;
     fontFamily: string;
-    fontSize: number[];
     lineHeight: number;
+    transition: string;
+    fontSize: number[];
     px: number;
     py: number;
-    transition: string;
 };
-export declare type ButtonProps = ClickableProps & {
+export type ButtonProps = ClickableProps & CellProps & {
     focus?: boolean;
     hover?: boolean;
     selected?: boolean;
@@ -26,13 +27,15 @@ export declare const buttonHoverMixin: import("styled-components").FlattenInterp
 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 buttonHighlightedMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonProps, 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;
     textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+} & {
+    variant?: "small" | "default" | undefined;
 } & {
     focus?: boolean | undefined;
     hover?: boolean | undefined;

package/dist/Button/Button.js

@@ -43,13 +43,19 @@ var styled_components_1 = __importStar(require("styled-components"));
 var theme_get_1 = require("@styled-system/theme-get");
 var Clickable_1 = require("../Clickable");
 var Cell_1 = require("../Cell");
+var styled_system_1 = require("styled-system");
 exports.BUTTON = __assign(__assign({}, Cell_1.CELL), { display: "inline-flex", alignItems: "center", justifyContent: "center" });
 exports.buttonHoverMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.secondary"));
 exports.buttonFocusMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: 0;\n  ", "\n"], ["\n  outline: 0;\n  ", "\n"])), Cell_1.cellFocusMixin);
 exports.buttonSelectedMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n  text-decoration: underline;\n  color: ", ";\n  border-color: ", ";\n"], ["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n  text-decoration: underline;\n  color: ", ";\n  border-color: ", ";\n"])), (0, theme_get_1.themeGet)("space.1"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.tertiary"));
 exports.buttonDisabledMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  border-color: ", ";\n  pointer-events: none;\n  cursor: default;\n  z-index: -1;\n"], ["\n  position: relative;\n  color: ", ";\n  border-color: ", ";\n  pointer-events: none;\n  cursor: default;\n  z-index: -1;\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.tertiary"));
-exports.buttonHighlightedMixin = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &::before {\n    content: \"\u2192\u00A0\";\n    margin-left: -", ";\n  }\n"], ["\n  &::before {\n    content: \"\u2192\\u00A0\";\n    margin-left: -", ";\n  }\n"])), (0, theme_get_1.themeGet)("space.3"));
-exports.buttonMixin = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n  font-weight: normal;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"], ["\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n  font-weight: normal;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), Cell_1.CELL.transition, function (_a) {
+exports.buttonHighlightedMixin = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  &::before {\n    content: \"\u2192\u00A0\";\n\n    ", ")}\n  }\n"], ["\n  &::before {\n    content: \"\u2192\\u00A0\";\n\n    ", ")}\n  }\n"])), function (_a) {
+    var variant = _a.variant;
+    if (variant !== "small") {
+        return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          margin-left: -", ";\n        "], ["\n          margin-left: -", ";\n        "])), (0, theme_get_1.themeGet)("space.3"));
+    }
+});
+exports.buttonMixin = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n  font-weight: normal;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  cursor: pointer;\n  transition: ", ", color 200ms ease;\n  min-width: 0;\n  user-select: none;\n  font-weight: normal;\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), (0, styled_system_1.variant)({ variants: Cell_1.CELL_VARIANTS }), Cell_1.CELL.transition, function (_a) {
     var hover = _a.hover;
     return hover && exports.buttonHoverMixin;
 }, exports.buttonHoverMixin, function (_a) {
@@ -60,13 +66,13 @@ exports.buttonMixin = (0, styled_components_1.css)(templateObject_7 || (template
     return disabled && exports.buttonDisabledMixin;
 }, exports.buttonDisabledMixin, function (_a) {
     var selected = _a.selected;
-    return selected && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "], ["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "])), exports.buttonSelectedMixin, exports.buttonSelectedMixin, exports.buttonSelectedMixin);
+    return selected && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "], ["\n      ", "\n      &:focus {\n        ", "\n      }\n      &:disabled {\n        ", "\n      }\n    "])), exports.buttonSelectedMixin, exports.buttonSelectedMixin, exports.buttonSelectedMixin);
 }, function (_a) {
     var highlighted = _a.highlighted;
     return highlighted && exports.buttonHighlightedMixin;
 });
-exports.Button = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
+exports.Button = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
 exports.Button.defaultProps = __assign({}, exports.BUTTON);
 exports.Button.displayName = "Button";
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+C;AAElC,QAAA,MAAM,yBACd,WAAI,KACP,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACxB;AASW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,+FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,OAAG,uBAAG,qJAAA,sEAGrB,EAAmB,UAEtC,KAFmB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAErC;AAEW,QAAA,WAAW,OAAG,uBAAG,2UAAa,sCAE3B,EAAe,0FAK3B,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAUC,QAED,EAA0D,IAC7D,KAjCe,WAAI,CAAC,UAAU,EAK3B,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,EAGlB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,2BAAmB;AAA/B,CAA+B,EAE/C,2BAAmB,EAGrB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,2KAAA,UACC,EAAmB,6BAEjB,EAAmB,yCAGnB,EAAmB,iBAExB,KAPG,2BAAmB,EAEjB,2BAAmB,EAGnB,2BAAmB,CAExB;AATD,CASC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,8BAAsB;AAArC,CAAqC,EAC5D;AAEW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,+EAAa,MAChD,EAAW,IACd,KADG,mBAAW,EACb;AAEF,cAAM,CAAC,YAAY,gBAAQ,cAAM,CAAE,CAAC;AAEpC,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAAyE;AACzE,+CAAwC;AAE3B,QAAA,MAAM,yBACd,WAAI,KACP,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACxB;AAUW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,+FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,OAAG,uBAAG,0IAAa,0DAIhD,EAMD,WAEJ,KARK,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,WAAO,uBAAG,+GAAA,4BACQ,EAAmB,aACpC,KADiB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EACnC;KACH;AACH,CAAC,EAEH;AAEW,QAAA,WAAW,OAAG,uBAAG,qVAAa,MACvC,EAAoC,wCAGxB,EAAe,0FAK3B,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAUC,QAED,EAA0D,IAC7D,KApCG,IAAA,uBAAO,EAAC,EAAE,QAAQ,EAAE,oBAAa,EAAE,CAAC,EAGxB,WAAI,CAAC,UAAU,EAK3B,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,EAGlB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,2BAAmB;AAA/B,CAA+B,EAE/C,2BAAmB,EAGrB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,2KAAA,UACC,EAAmB,6BAEjB,EAAmB,yCAGnB,EAAmB,iBAExB,KAPG,2BAAmB,EAEjB,2BAAmB,EAGnB,2BAAmB,CAExB;AATD,CASC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,8BAAsB;AAArC,CAAqC,EAC5D;AAEW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,+EAAa,MAChD,EAAW,IACd,KADG,mBAAW,EACb;AAEF,cAAM,CAAC,YAAY,gBAAQ,cAAM,CAAE,CAAC;AAEpC,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/Caret/Caret.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type CaretProps = BoxProps & {
+export type CaretProps = BoxProps & {
     direction?: "up" | "down" | "left" | "right";
     size?: number;
 };

package/dist/Cell/Cell.d.ts

@@ -1,6 +1,17 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type CellProps = BoxProps;
+export declare const CELL_VARIANTS: {
+    default: {
+        fontSize: number[];
+        px: number;
+        py: number;
+    };
+    small: {
+        fontSize: number[];
+        px: number;
+        py: number;
+    };
+};
 export declare const CELL: {
     alignItems: string;
     backgroundColor: string;
@@ -10,13 +21,20 @@ export declare const CELL: {
     color: string;
     display: string;
     fontFamily: string;
-    fontSize: number[];
     lineHeight: number;
+    transition: string;
+    fontSize: number[];
     px: number;
     py: number;
-    transition: string;
+};
+type CellVariant = keyof typeof CELL_VARIANTS;
+export type CellProps = BoxProps & {
+    variant?: CellVariant;
 };
 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;
+} & {
+    variant?: "small" | "default" | undefined;
 }, never>;
+export {};

package/dist/Cell/Cell.js

@@ -38,28 +38,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = exports.cellFocusMixin = exports.CELL = void 0;
+exports.Cell = exports.cellFocusMixin = exports.CELL = exports.CELL_VARIANTS = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
+var styled_system_1 = require("styled-system");
 var theme_get_1 = require("@styled-system/theme-get");
 var Box_1 = require("../Box");
-exports.CELL = {
-    alignItems: "center",
-    backgroundColor: "background",
-    borderColor: "border",
-    borderStyle: "solid",
-    borderWidth: "1px",
-    color: "primary",
-    display: "flex",
-    fontFamily: "body",
-    fontSize: [2, 2, 3],
-    lineHeight: 2,
-    px: 6,
-    py: 4,
-    transition: "box-shadow 250ms ease",
+exports.CELL_VARIANTS = {
+    default: {
+        fontSize: [2, 2, 3],
+        px: 6,
+        py: 4,
+    },
+    small: {
+        fontSize: [0, 0, 1],
+        px: 3,
+        py: 2,
+    },
 };
+exports.CELL = __assign(__assign({}, exports.CELL_VARIANTS.default), { alignItems: "center", backgroundColor: "background", borderColor: "border", borderStyle: "solid", borderWidth: "1px", color: "primary", display: "flex", fontFamily: "body", lineHeight: 2, transition: "box-shadow 250ms ease" });
 exports.cellFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n"], ["\n  outline: 0;\n  box-shadow: inset 0 0 0 ", " ", ";\n"])), (0, theme_get_1.themeGet)("space.1"), (0, theme_get_1.themeGet)("colors.accent"));
-exports.Cell = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:focus {\n    ", "\n  }\n"], ["\n  &:focus {\n    ", "\n  }\n"])), exports.cellFocusMixin);
-exports.Cell.defaultProps = __assign({}, exports.CELL);
+exports.Cell = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n\n  &:focus {\n    ", "\n  }\n"], ["\n  ", ";\n\n  &:focus {\n    ", "\n  }\n"])), (0, styled_system_1.variant)({ variants: exports.CELL_VARIANTS }), exports.cellFocusMixin);
+exports.Cell.defaultProps = __assign(__assign({}, exports.CELL), { variant: "default" });
 exports.Cell.displayName = "Cell";
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=Cell.js.map

package/dist/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,8BAAuC;AAI1B,QAAA,IAAI,GAAG;IAClB,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,YAAY;IAC7B,WAAW,EAAE,QAAQ;IACrB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE,CAAC;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,UAAU,EAAE,uBAAuB;CACpC,CAAC;AAEW,QAAA,cAAc,OAAG,uBAAG,6HAAA,6CAEL,EAAmB,GAAI,EAAyB,KAC3E,KAD2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAC1E;AAEW,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,mGAAW,qBAEpC,EAAc,SAEnB,KAFK,sBAAc,EAElB;AAEF,YAAI,CAAC,YAAY,gBAAQ,YAAI,CAAE,CAAC;AAEhC,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAAwC;AACxC,sDAAoD;AACpD,8BAAuC;AAE1B,QAAA,aAAa,GAAG;IAC3B,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;CACF,CAAC;AAEW,QAAA,IAAI,yBACZ,qBAAa,CAAC,OAAO,KACxB,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,YAAY,EAC7B,WAAW,EAAE,QAAQ,EACrB,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,CAAC,EACb,UAAU,EAAE,uBAAuB,IACnC;AAQW,QAAA,cAAc,OAAG,uBAAG,6HAAA,6CAEL,EAAmB,GAAI,EAAyB,KAC3E,KAD2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAC1E;AAEW,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,8GAAW,MACtC,EAAoC,wBAGlC,EAAc,SAEnB,KALG,IAAA,uBAAO,EAAC,EAAE,QAAQ,EAAE,qBAAa,EAAE,CAAC,EAGlC,sBAAc,EAElB;AAEF,YAAI,CAAC,YAAY,yBAAQ,YAAI,KAAE,OAAO,EAAE,SAAS,GAAE,CAAC;AAEpD,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/Clear/Clear.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RemoveProps } from "../Remove";
-export declare type ClearProps = RemoveProps;
+export type ClearProps = RemoveProps;
 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 & {

package/dist/ClearableInput/ClearableInput.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { InputProps } from "../Input";
 import { BoxSpatialProps } from "../Box";
-export declare type ClearableInputProps = BoxSpatialProps & Omit<InputProps, "onChange" | "value"> & {
+export type ClearableInputProps = BoxSpatialProps & Omit<InputProps, "onChange" | "value"> & {
     onChange?(value: string): void;
     onClear?(): void;
     value?: string;

package/dist/Clickable/Clickable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ResponsiveValue } from "styled-system";
 import { BoxProps } from "../Box";
-export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps & {
+export type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps & {
     cursor?: ResponsiveValue<string>;
     textDecoration?: ResponsiveValue<string>;
 };

package/dist/Confirm/Confirm.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type ConfirmProps = BoxProps & {
+export type ConfirmProps = BoxProps & {
     children?: string;
     onCancel(): void;
     onConfirm(): void;

package/dist/Confirm/useConfirm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ModalProps } from "../Modal";
 import { ConfirmProps } from "./Confirm";
-export declare type UseConfirm = {
+export type UseConfirm = {
     onConfirm(): void;
     onCancel?(): void;
 };

package/dist/ContextMenu/ContextMenu.d.ts

@@ -16,7 +16,7 @@ export declare const Toggle: import("styled-components").StyledComponent<"button
     borderColor: string;
     backgroundColor: string;
 }, "backgroundColor" | "border" | "borderColor" | "p">;
-export declare type ContextMenuProps = BoxProps & {
+export type ContextMenuProps = BoxProps & {
     onOpen?(): void;
     onClose?(): void;
 };

package/dist/Divider/Divider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type DividerProps = BoxProps;
+export type DividerProps = BoxProps;
 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/Dropdown/Dropdown.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import { BoxProps } from "../Box";
 import { Placement } from "@popperjs/core";
-export declare type DropdownPaneOptions = React.ReactNode;
-export declare type DropdownRenderProps = ({ handleClose, }: {
+export type DropdownPaneOptions = React.ReactNode;
+export type DropdownRenderProps = ({ handleClose, }: {
     handleClose(): void;
 }) => DropdownPaneOptions;
 export declare const isDropdownRenderProps: (children: DropdownPaneOptions | DropdownRenderProps) => children is DropdownRenderProps;
-export declare type DropdownProps = BoxProps & {
+export type DropdownProps = BoxProps & {
     label: string | JSX.Element | ((anchorProps: {
         open: boolean;
         ref: React.MutableRefObject<HTMLButtonElement | null>;

package/dist/Ellipsis/Ellipsis.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type EllipsisProps = BoxProps & {
+export type EllipsisProps = BoxProps & {
     size?: string;
     spacing?: number | string;
     orientation?: "horizontal" | "vertical";

package/dist/EmptyFrame/EmptyFrame.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type EmptyFrameProps = BoxProps & {
+export type EmptyFrameProps = BoxProps & {
     color?: string;
     outline?: boolean;
     strokeWidth?: number;

package/dist/Expandable/Expandable.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type ExpandableProps = StackProps & {
+export type ExpandableProps = StackProps & {
     label: string;
 };
 export declare const Expandable: React.FC<ExpandableProps>;

package/dist/Field/Field.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { InputProps } from "../Input";
 import { SplitProps } from "../Split";
-declare type RequiredProps = Omit<SplitProps, "children"> & {
+type RequiredProps = Omit<SplitProps, "children"> & {
     label: React.ReactNode;
 };
-export declare type FieldProps = RequiredProps & ({
+export type FieldProps = RequiredProps & ({
     input: InputProps;
 } | {
     children: JSX.Element | string | null;

package/dist/File/File.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ClickableProps } from "../Clickable";
-export declare type FileProps = ClickableProps & {
+export type FileProps = ClickableProps & {
     name?: string | null;
     meta?: string | null;
     selected?: boolean;

package/dist/Flyout/Flyout.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { PaneOptionProps } from "../Pane";
-export declare type FlyoutPaneOptions = React.ReactElement<PaneOptionProps> | React.ReactElement<PaneOptionProps>[];
-export declare type FlyoutProps = PaneOptionProps & {
+export type FlyoutPaneOptions = React.ReactElement<PaneOptionProps> | React.ReactElement<PaneOptionProps>[];
+export type FlyoutProps = PaneOptionProps & {
     label: string | JSX.Element;
     children: FlyoutPaneOptions;
     open?: boolean;

package/dist/Grid/Grid.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { GridProps as SystemGridProps, ResponsiveValue } from "styled-system";
 import { BoxProps } from "../Box";
-export declare type GridProps = SystemGridProps & BoxProps & {
+export type GridProps = SystemGridProps & BoxProps & {
     cellSize?: ResponsiveValue<number | string>;
     cellGap?: number | string;
 };

package/dist/HTML/HTML.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type HTMLProps = BoxProps & ({
+export type HTMLProps = BoxProps & ({
     html: string;
 } | {
     children: React.ReactNode;

package/dist/Image/Image.d.ts

@@ -9,7 +9,7 @@ export declare const imgMixin: import("styled-components").FlattenSimpleInterpol
 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 & {
+export type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src"> & BoxProps & {
     srcs: string[];
     onError?(): void;
     onLoad?(): void;

package/dist/Input/Input.d.ts

@@ -1,13 +1,18 @@
 /// <reference types="react" />
 import { BorderProps, FlexboxProps, SpaceProps, TypographyProps, LayoutProps, ColorProps } from "styled-system";
-export declare type InputProps = React.InputHTMLAttributes<HTMLInputElement> & BorderProps & FlexboxProps & TypographyProps & LayoutProps & SpaceProps & ColorProps & {
+import { CellProps } from "../Cell";
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps & BorderProps & FlexboxProps & TypographyProps & LayoutProps & SpaceProps & ColorProps & {
     focus?: boolean;
     hover?: boolean;
 };
 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, 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> & {
+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>> & 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> & import("styled-system").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"> & import("..").TextColorProps & import("..").TransitionProps & {
+    children?: import("react").ReactNode;
+} & {
+    variant?: "small" | "default" | undefined;
+} & 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/Input/Input.js

@@ -45,7 +45,7 @@ var Cell_1 = require("../Cell");
 var systemProps = (0, styled_system_1.compose)(styled_system_1.border, styled_system_1.flexbox, styled_system_1.space, styled_system_1.typography, styled_system_1.layout, styled_system_1.color);
 exports.inputFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  ::placeholder {\n    text-decoration: underline;\n  }\n"], ["\n  ", ";\n\n  ::placeholder {\n    text-decoration: underline;\n  }\n"])), Cell_1.cellFocusMixin);
 exports.inputHoverMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ::placeholder {\n    text-decoration: underline;\n  }\n"], ["\n  ::placeholder {\n    text-decoration: underline;\n  }\n"])));
-exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  background-color: transparent;\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"], ["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  background-color: transparent;\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"])), systemProps, function (_a) {
+exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  background-color: transparent;\n\n  ", "\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"], ["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  background-color: transparent;\n\n  ", "\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"])), systemProps, (0, styled_system_1.variant)({ variants: Cell_1.CELL_VARIANTS }), function (_a) {
     var focus = _a.focus;
     return focus && exports.inputFocusMixin;
 }, exports.inputFocusMixin, function (_a) {

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAcuB;AACvB,gCAA+C;AAa/C,IAAM,WAAW,GAAG,IAAA,uBAAO,EAAC,sBAAM,EAAE,uBAAO,EAAE,qBAAK,EAAE,0BAAU,EAAE,sBAAM,EAAE,qBAAK,CAAC,CAAC;AAElE,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,2UAAY,oGAKrC,EAAW,4CAIX,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAjBG,WAAW,EAIX,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,EAMnB;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,+EAAY,MACzC,EAAU,IACb,KADG,kBAAU,EACZ;AAEF,aAAK,CAAC,YAAY,gBACb,WAAI,CACR,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAeuB;AACvB,gCAAyE;AAczE,IAAM,WAAW,GAAG,IAAA,uBAAO,EAAC,sBAAM,EAAE,uBAAO,EAAE,qBAAK,EAAE,0BAAU,EAAE,sBAAM,EAAE,qBAAK,CAAC,CAAC;AAElE,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,qVAAY,oGAKrC,EAAW,4CAIX,EAAoC,QAEpC,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAnBG,WAAW,EAIX,IAAA,uBAAO,EAAC,EAAE,QAAQ,EAAE,oBAAa,EAAE,CAAC,EAEpC,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,EAMnB;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,+EAAY,MACzC,EAAU,IACb,KADG,kBAAU,EACZ;AAEF,aAAK,CAAC,YAAY,gBACb,WAAI,CACR,CAAC"}

package/dist/KeyValueEditor/KeyValueEditor.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type KeyValueSchema = {
+export type KeyValueSchema = {
     key: string;
     name: string;
     type: "string" | "number";
 }[];
-export declare type KeyValueData = Record<string, string>;
+export type KeyValueData = Record<string, string>;
 export declare const toSchema: (data: KeyValueData) => KeyValueSchema;
-export declare type KeyValueEditorProps = Omit<StackProps, "onChange"> & {
+export type KeyValueEditorProps = Omit<StackProps, "onChange"> & {
     schema: KeyValueSchema;
     data: KeyValueData;
     onChange?(data: KeyValueData): void;

package/dist/KeyValueInput/KeyValueInput.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { InputProps } from "../Input";
 import { SplitProps } from "../Split";
-export declare type KeyValueInputProps = Omit<SplitProps, "children"> & {
+export type KeyValueInputProps = Omit<SplitProps, "children"> & {
     k: InputProps;
     v?: InputProps;
 };

package/dist/Loading/Loading.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CellProps } from "../Cell";
-export declare type LoadingProps = CellProps & {
+export type LoadingProps = CellProps & {
     children?: React.ReactNode;
     loading?: boolean;
 };

package/dist/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type ModalProps = BoxProps & {
+export type ModalProps = BoxProps & {
     onClose?(): void;
     overlay?: boolean;
 };

package/dist/Mono/Mono.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type MonoProps = BoxProps;
+export type MonoProps = BoxProps;
 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/MultiSelect/MultiSelect.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-export declare type MultiSelectPayload = Record<string, unknown>;
-export declare type MultiSelectItem = {
+export type MultiSelectPayload = Record<string, unknown>;
+export type MultiSelectItem = {
     id: string;
     payload: MultiSelectPayload;
 };
@@ -10,7 +10,7 @@ export declare const MultiSelectContext: React.Context<{
     deselect(id: string, payload?: MultiSelectPayload): void;
     isWrapped: boolean;
 }>;
-export declare type MultiSelectProps = {
+export type MultiSelectProps = {
     onChange?(selection: MultiSelectItem[], payload?: MultiSelectPayload): void;
 };
 export declare const MultiSelect: React.FC<MultiSelectProps>;

package/dist/MultiSelect/useMultiSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MultiSelectPayload } from "./MultiSelect";
-export declare type UseMultiSelect = {
+export type UseMultiSelect = {
     defaultSelected?: boolean;
     payload?: MultiSelectPayload;
 };

package/dist/Pagination/Page.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ButtonProps } from "../Button";
-export declare type PageProps = ButtonProps & {
+export type PageProps = ButtonProps & {
     pageNumber: number;
     href: string;
     per: number;

package/dist/Pagination/Pagination.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { StackProps } from "../Stack";
 import { PageProps } from "./Page";
-export declare type PaginationProps = StackProps & {
+export type PaginationProps = StackProps & {
     page?: number;
     per?: number;
     total: number;

package/dist/Pane/Pane.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type PaneProps = StackProps & React.HTMLAttributes<HTMLDivElement> & {
+export type PaneProps = StackProps & React.HTMLAttributes<HTMLDivElement> & {
     children: React.ReactNode;
     onEnter?(): void;
 };

package/dist/Pane/PaneHeader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type PaneHeaderProps = BoxProps;
+export type PaneHeaderProps = BoxProps;
 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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ClickableProps } from "../Clickable";
-export declare type PaneOptionProps = ClickableProps & {
+export type PaneOptionProps = ClickableProps & {
     active?: boolean;
     hover?: boolean;
     focus?: boolean;

package/dist/Pill/Pill.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CellProps } from "../Cell";
-export declare type PillProps = CellProps;
+export type PillProps = CellProps;
 export declare const PILL: {
     alignItems: string;
     backgroundColor: string;
@@ -10,13 +10,15 @@ export declare const PILL: {
     color: string;
     display: string;
     fontFamily: string;
-    fontSize: number[];
     lineHeight: number;
+    transition: string;
+    fontSize: number[];
     px: number;
     py: number;
-    transition: string;
 };
 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;
+} & {
+    variant?: "small" | "default" | undefined;
 }, never>;

package/dist/Plus/Plus.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type PlusProps = BoxProps & {
+export type PlusProps = BoxProps & {
     size: number | string;
     strokeWidth?: string;
     axis?: "horizontal" | "vertical" | "both";

package/dist/Popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Placement } from "@popperjs/core";
-export declare type PopperProps = {
+export type PopperProps = {
     anchor: JSX.Element;
     children: JSX.Element;
     open?: boolean;

package/dist/Popper/usePopper.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Placement, StrictModifiers } from "@popperjs/core";
 import { UseClickOutside } from "../hooks/useClickOutside";
-export declare type UsePopper = {
+export type UsePopper = {
     open?: boolean;
     distance?: number;
     placement?: Placement;

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type ProgressBarProps = Omit<BoxProps, "color"> & {
+export type ProgressBarProps = Omit<BoxProps, "color"> & {
     progress: number;
     color?: string;
 };

package/dist/Remove/Remove.d.ts

@@ -6,7 +6,7 @@ export declare const Ex: import("styled-components").StyledComponent<"div", impo
 }, 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 & {
+export type RemoveProps = ClickableProps & {
     hover?: boolean;
     focus?: boolean;
 };

package/dist/ResponsiveImage/ResponsiveImage.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ImageProps } from "../Image";
 import { AspectRatioBoxProps } from "../AspectRatioBox";
-export declare type ResponsiveImageProps = ImageProps & AspectRatioBoxProps & {
+export type ResponsiveImageProps = ImageProps & AspectRatioBoxProps & {
     indicator?: boolean;
     placeholder?: string;
 };

package/dist/Select/Select.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import { DropdownProps } from "../Dropdown";
-export declare type SelectValue = string | number | boolean | null;
-export declare type SelectOption = {
+export type SelectValue = string | number | boolean | null;
+export type SelectOption = {
     label: string;
     value: SelectValue;
 };
-export declare type SelectProps = Omit<DropdownProps, "children"> & {
+export type SelectProps = Omit<DropdownProps, "children"> & {
     options: SelectOption[];
     value?: SelectValue;
     onChange?(value: SelectValue): void;

package/dist/Skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type SkeletonProps = BoxProps;
+export type SkeletonProps = BoxProps;
 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.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Theme } from "../theme";
 import { BoxProps } from "../Box";
-export declare type SpinnerProps = BoxProps & {
+export type SpinnerProps = BoxProps & {
     size?: number;
     color?: keyof Theme["colors"];
 };

package/dist/Split/Split.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type SplitProps = StackProps & {
+export type SplitProps = StackProps & {
     children: [JSX.Element, JSX.Element];
 };
 export declare const Split: React.FC<SplitProps>;

package/dist/Stack/Stack.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { BoxProps } from "../Box";
-declare type Direction = "vertical" | "horizontal";
+type Direction = "vertical" | "horizontal";
 export declare const DEFAULT_STACK_SPACING = "-1px";
 export declare const DEFAULT_STACK_DIRECTION: Direction;
-export declare type StackProps = BoxProps & {
+export type StackProps = BoxProps & {
     spacing?: number | string;
     direction?: Direction | Direction[];
     children?: React.ReactNode;

package/dist/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box, BoxProps } from "../Box";
-export declare type TagProps = Omit<BoxProps, "bg" | "backgroundColor" | "children"> & {
+export type TagProps = Omit<BoxProps, "bg" | "backgroundColor" | "children"> & {
     bg?: string;
     backgroundColor?: string;
     children: string | JSX.Element;

package/dist/Themer/useThemer.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Theme, Scheme } from "../theme";
 export declare const prefersDark: () => boolean;
-declare type Backend = {
+type Backend = {
     get(): Scheme | null;
     set(scheme: Scheme): void;
 };

package/dist/Tooltip/Tooltip.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { Box, BoxProps } from "../Box";
 import { Placement } from "../Popper";
 export declare const Tip: typeof Box;
-export declare type TooltipProps = BoxProps & {
+export type TooltipProps = BoxProps & {
     children: JSX.Element;
     label: JSX.Element | string;
     placement?: Placement;

package/dist/Upload/Upload.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CellProps } from "../Cell";
-export declare type UploadProps = CellProps & {
+export type UploadProps = CellProps & {
     label: string;
     progress: number;
     foregroundColor?: string;

package/dist/hooks/useClickOutside.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type UseClickOutside = {
+export type UseClickOutside = {
     ref: React.RefObject<HTMLElement>;
     when: boolean;
     type?: keyof DocumentEventMap;

package/dist/theme/theme.d.ts

@@ -1,9 +1,9 @@
-export declare type Constants = {
+export type Constants = {
     black: "black";
     white: "white";
 };
 export declare const CONSTANTS: Constants;
-export declare type ColorScheme = {
+export type ColorScheme = {
     primary: string;
     border: string;
     secondary: string;
@@ -20,7 +20,7 @@ export declare const SCHEMES: {
     dark: ColorScheme;
     light: ColorScheme;
 };
-export declare type Scheme = keyof typeof SCHEMES;
+export type Scheme = keyof typeof SCHEMES;
 export declare const SPACE_SCALE: readonly ["0", "0.125rem", "0.25rem", "0.5rem", "0.75rem", "1rem", "1.5rem", "2rem", "4rem", "8rem", "16rem"];
 export declare const SPACE_SCALE_UNIT = "rem";
 export declare const FONT_SCALE: readonly ["0.75rem", "0.875rem", "1rem", "1.125rem", "1.5rem", "2rem"];
@@ -41,4 +41,4 @@ export declare const THEME: {
     space: readonly ["0", "0.125rem", "0.25rem", "0.5rem", "0.75rem", "1rem", "1.5rem", "2rem", "4rem", "8rem", "16rem"];
     breakpoints: string[];
 };
-export declare type Theme = typeof THEME;
+export type Theme = typeof THEME;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auspices/eos",
-  "version": "2.34.0",
+  "version": "3.0.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -44,31 +44,31 @@
     "use-keyboard-list-navigation": "^2.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.18.6",
-    "@storybook/addon-actions": "6.5.9",
+    "@babel/core": "7.20.5",
+    "@storybook/addon-actions": "6.5.14",
     "@storybook/addon-info": "5.3.21",
-    "@storybook/addon-links": "6.5.9",
-    "@storybook/addon-viewport": "6.5.9",
-    "@storybook/addons": "6.5.9",
-    "@storybook/react": "6.5.9",
-    "@types/node": "18.0.5",
-    "@types/react-dom": "18.0.6",
-    "@types/styled-components": "5.1.25",
-    "@typescript-eslint/eslint-plugin": "5.30.6",
-    "@typescript-eslint/parser": "5.30.6",
-    "babel-loader": "8.2.5",
+    "@storybook/addon-links": "6.5.14",
+    "@storybook/addon-viewport": "6.5.14",
+    "@storybook/addons": "6.5.14",
+    "@storybook/react": "6.5.14",
+    "@types/node": "18.11.11",
+    "@types/react-dom": "18.0.9",
+    "@types/styled-components": "5.1.26",
+    "@typescript-eslint/eslint-plugin": "5.45.1",
+    "@typescript-eslint/parser": "5.45.1",
+    "babel-loader": "8.3.0",
     "cz-conventional-changelog": "3.3.0",
-    "eslint": "8.20.0",
-    "eslint-plugin-react": "7.30.1",
+    "eslint": "8.29.0",
+    "eslint-plugin-react": "7.31.11",
     "eslint-plugin-react-hooks": "4.6.0",
-    "prettier": "2.7.1",
+    "prettier": "2.8.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "semantic-release": "^19.0.3",
+    "semantic-release": "19.0.5",
     "storybook-states": "1.2.0",
-    "styled-components": "5.3.5",
+    "styled-components": "5.3.6",
     "ts-node": "10.9.1",
-    "typescript": "4.7.4"
+    "typescript": "4.9.3"
   },
   "publishConfig": {
     "access": "public",