@auspices/eos 3.0.0 → 4.1.0

package/README.md

@@ -2,7 +2,7 @@
 
 A React UI library
 
-[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) [![npm](https://img.shields.io/npm/v/@auspices/eos)](https://www.npmjs.com/package/@auspices/eos) [![Build Status](https://travis-ci.org/auspices/eos.svg?branch=master)](https://travis-ci.org/auspices/eos)
+[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) [![npm](https://img.shields.io/npm/v/@auspices/eos)](https://www.npmjs.com/package/@auspices/eos) [![CircleCI](https://dl.circleci.com/status-badge/img/gh/auspices/eos/tree/master.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/auspices/eos/tree/master)
 
 ## Meta
 

package/dist/AspectRatioBox/AspectRatioBox.js

@@ -31,28 +31,20 @@ var proportional_scale_1 = require("proportional-scale");
 var Box_1 = require("../Box");
 var responsiveScale = function (args) {
     if ("maxWidth" in args && args.maxWidth === "100%") {
-        return {
-            maxWidth: "100%",
-            paddingBottom: (0, proportional_scale_1.paddingBottom)({
-                width: args.aspectWidth,
-                height: args.aspectHeight,
-            }),
-        };
+        return { maxWidth: "100%" };
     }
     var width = args.aspectWidth, height = args.aspectHeight, rest = __rest(args, ["aspectWidth", "aspectHeight"]);
     // @ts-ignore
     var scaled = (0, proportional_scale_1.scale)(__assign({ width: width, height: height }, rest));
-    return {
-        maxWidth: "".concat(scaled.width, "px"),
-        paddingBottom: scaled.paddingBottom,
-    };
+    return { maxWidth: "".concat(scaled.width, "px") };
 };
 var AspectRatioBox = function (_a) {
     var aspectWidth = _a.aspectWidth, aspectHeight = _a.aspectHeight, children = _a.children, rest = __rest(_a, ["aspectWidth", "aspectHeight", "children"]);
     var scaled = responsiveScale(__assign({ aspectHeight: aspectHeight, aspectWidth: aspectWidth }, rest));
-    return (react_1.default.createElement(Box_1.Box, __assign({ position: "relative", width: "100%", style: { maxWidth: scaled.maxWidth } }, rest),
-        react_1.default.createElement(Box_1.Box, { position: "relative", width: "100%", height: 0, overflow: "hidden", paddingBottom: scaled.paddingBottom }),
-        react_1.default.createElement(Box_1.Box, { position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }, children)));
+    return (react_1.default.createElement(Box_1.Box, __assign({ width: "100%", style: {
+            maxWidth: scaled.maxWidth,
+            aspectRatio: "".concat(aspectWidth, " / ").concat(aspectHeight),
+        } }, rest), children));
 };
 exports.AspectRatioBox = AspectRatioBox;
 exports.AspectRatioBox.displayName = "AspectRatioBox";

package/dist/AspectRatioBox/AspectRatioBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatioBox.js","sourceRoot":"","sources":["../../src/AspectRatioBox/AspectRatioBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yDAA0D;AAC1D,8BAAuC;AAavC,IAAM,eAAe,GAAG,UAAC,IAAsC;IAC7D,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;QAClD,OAAO;YACL,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,IAAA,kCAAa,EAAC;gBAC3B,KAAK,EAAE,IAAI,CAAC,WAAW;gBACvB,MAAM,EAAE,IAAI,CAAC,YAAY;aAC1B,CAAC;SACH,CAAC;KACH;IAEO,IAAa,KAAK,GAAoC,IAAI,YAAxC,EAAgB,MAAM,GAAc,IAAI,aAAlB,EAAK,IAAI,UAAK,IAAI,EAA5D,+BAAqD,CAAF,CAAU;IACnE,aAAa;IACb,IAAM,MAAM,GAAG,IAAA,0BAAK,aAAG,KAAK,OAAA,EAAE,MAAM,QAAA,IAAK,IAAI,EAAG,CAAC;IAEjD,OAAO;QACL,QAAQ,EAAE,UAAG,MAAM,CAAC,KAAK,OAAI;QAC7B,aAAa,EAAE,MAAM,CAAC,aAAa;KACpC,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,cAAc,GAAkC,UAAC,EAK7D;IAJC,IAAA,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,IAAI,cAJqD,2CAK7D,CADQ;IAEP,IAAM,MAAM,GAAG,eAAe,YAAG,YAAY,cAAA,EAAE,WAAW,aAAA,IAAK,IAAI,EAAG,CAAC;IAEvE,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAChC,IAAI;QAER,8BAAC,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,CAAC,EACT,QAAQ,EAAC,QAAQ,EACjB,aAAa,EAAE,MAAM,CAAC,aAAa,GACnC;QAEF,8BAAC,SAAG,IAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IACjE,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"AspectRatioBox.js","sourceRoot":"","sources":["../../src/AspectRatioBox/AspectRatioBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yDAA2C;AAC3C,8BAAuC;AAavC,IAAM,eAAe,GAAG,UAAC,IAAsC;IAC7D,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;QAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;KAC7B;IAEO,IAAa,KAAK,GAAoC,IAAI,YAAxC,EAAgB,MAAM,GAAc,IAAI,aAAlB,EAAK,IAAI,UAAK,IAAI,EAA5D,+BAAqD,CAAF,CAAU;IACnE,aAAa;IACb,IAAM,MAAM,GAAG,IAAA,0BAAK,aAAG,KAAK,OAAA,EAAE,MAAM,QAAA,IAAK,IAAI,EAAG,CAAC;IAEjD,OAAO,EAAE,QAAQ,EAAE,UAAG,MAAM,CAAC,KAAK,OAAI,EAAE,CAAC;AAC3C,CAAC,CAAC;AAEK,IAAM,cAAc,GAAkC,UAAC,EAK7D;IAJC,IAAA,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,IAAI,cAJqD,2CAK7D,CADQ;IAEP,IAAM,MAAM,GAAG,eAAe,YAAG,YAAY,cAAA,EAAE,WAAW,aAAA,IAAK,IAAI,EAAG,CAAC;IAEvE,OAAO,CACL,8BAAC,SAAG,aACF,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,WAAW,EAAE,UAAG,WAAW,gBAAM,YAAY,CAAE;SAChD,IACG,IAAI,GAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/Button/Button.d.ts

@@ -1,22 +1,6 @@
 /// <reference types="react" />
 import { ClickableProps } from "../Clickable";
 import { CellProps } from "../Cell";
-export declare const BUTTON: {
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    backgroundColor: string;
-    borderColor: string;
-    borderStyle: string;
-    borderWidth: string;
-    color: string;
-    fontFamily: string;
-    lineHeight: number;
-    transition: string;
-    fontSize: number[];
-    px: number;
-    py: number;
-};
 export type ButtonProps = ClickableProps & CellProps & {
     focus?: boolean;
     hover?: boolean;

package/dist/Button/Button.js

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38,13 +27,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.buttonMixin = exports.buttonHighlightedMixin = exports.buttonDisabledMixin = exports.buttonSelectedMixin = exports.buttonFocusMixin = exports.buttonHoverMixin = exports.BUTTON = void 0;
+exports.Button = exports.buttonMixin = exports.buttonHighlightedMixin = exports.buttonDisabledMixin = exports.buttonSelectedMixin = exports.buttonFocusMixin = exports.buttonHoverMixin = void 0;
 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"));
@@ -55,7 +42,7 @@ exports.buttonHighlightedMixin = (0, styled_components_1.css)(templateObject_6 |
         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) {
+exports.buttonMixin = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: box-shadow 250ms ease, color 200ms ease;\n  min-width: 0;\n  user-select: none;\n  font-weight: normal;\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: box-shadow 250ms ease, color 200ms ease;\n  min-width: 0;\n  user-select: none;\n  font-weight: normal;\n\n  ", "\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.cellMixin, function (_a) {
     var hover = _a.hover;
     return hover && exports.buttonHoverMixin;
 }, exports.buttonHoverMixin, function (_a) {
@@ -66,13 +53,13 @@ exports.buttonMixin = (0, styled_components_1.css)(templateObject_8 || (template
     return disabled && exports.buttonDisabledMixin;
 }, exports.buttonDisabledMixin, function (_a) {
     var selected = _a.selected;
-    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);
+    return selected && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", "\n\n      &:focus {\n        ", "\n      }\n\n      &:disabled {\n        ", "\n      }\n    "], ["\n      ", "\n\n      &:focus {\n        ", "\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_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.buttonMixin);
-exports.Button.defaultProps = __assign({}, exports.BUTTON);
+exports.Button.defaultProps = { variant: "default" };
 exports.Button.displayName = "Button";
 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,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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+D;AAUlD,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,mbAAa,gOAUvC,EAAS,QAET,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAYC,QAED,EAA0D,IAC7D,KAhCG,gBAAS,EAET,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,+KAAA,UACC,EAAmB,+BAGjB,EAAmB,2CAInB,EAAmB,iBAExB,KATG,2BAAmB,EAGjB,2BAAmB,EAInB,2BAAmB,CAExB;AAXD,CAWC,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,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAE7C,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/Cell/Cell.d.ts

@@ -12,26 +12,12 @@ export declare const CELL_VARIANTS: {
         py: number;
     };
 };
-export declare const CELL: {
-    alignItems: string;
-    backgroundColor: string;
-    borderColor: string;
-    borderStyle: string;
-    borderWidth: string;
-    color: string;
-    display: string;
-    fontFamily: string;
-    lineHeight: number;
-    transition: string;
-    fontSize: number[];
-    px: number;
-    py: number;
-};
 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 cellMixin: 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;
 } & {

package/dist/Cell/Cell.js

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = exports.cellFocusMixin = exports.CELL = exports.CELL_VARIANTS = void 0;
+exports.Cell = exports.cellMixin = exports.cellFocusMixin = 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");
@@ -55,10 +44,10 @@ exports.CELL_VARIANTS = {
         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  ", ";\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.cellMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  line-height: ", ";\n  transition: box-shadow 250ms ease;\n\n  ", "\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  line-height: ", ";\n  transition: box-shadow 250ms ease;\n\n  ", "\n  ", "\n"])), (0, theme_get_1.themeGet)("colors.background"), (0, theme_get_1.themeGet)("colors.border"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("fonts.body"), (0, theme_get_1.themeGet)("lineHeights.2"), (0, styled_system_1.variant)({ variants: exports.CELL_VARIANTS }), Box_1.boxMixin);
+exports.Cell = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  &:focus {\n    ", "\n  }\n"], ["\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), exports.cellMixin, exports.cellFocusMixin);
+exports.Cell.defaultProps = { variant: "default" };
 exports.Cell.displayName = "Cell";
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;
 //# 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,+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"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Cell/Cell.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAAwC;AACxC,sDAAoD;AACpD,8BAA4C;AAE/B,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;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,SAAS,OAAG,uBAAG,sUAAA,gDAEN,EAA6B,qBACjC,EAAyB,4DAGhC,EAA0B,sCAEpB,EAAsB,oBACtB,EAAyB,+CAGtC,EAAoC,MACpC,EAAQ,IACX,KAZqB,IAAA,oBAAQ,EAAC,mBAAmB,CAAC,EACjC,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGhC,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEpB,IAAA,oBAAQ,EAAC,YAAY,CAAC,EACtB,IAAA,oBAAQ,EAAC,eAAe,CAAC,EAGtC,IAAA,uBAAO,EAAC,EAAE,QAAQ,EAAE,qBAAa,EAAE,CAAC,EACpC,cAAQ,EACV;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,6GAAW,MACrC,EAAS,uBAGP,EAAc,SAEnB,KALG,iBAAS,EAGP,sBAAc,EAElB;AAEF,YAAI,CAAC,YAAY,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAE3C,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/Clear/Clear.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { RemoveProps } from "../Remove";
-export type ClearProps = RemoveProps;
+export type ClearProps = RemoveProps & {
+    variant?: "small" | "default";
+};
 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 & {
@@ -11,4 +13,6 @@ export declare const Clear: import("styled-components").StyledComponent<"button"
 } & {
     hover?: boolean | undefined;
     focus?: boolean | undefined;
+} & {
+    variant?: "small" | "default" | undefined;
 }, never>;

package/dist/Clear/Clear.js

@@ -33,12 +33,22 @@ 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: 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) {
+exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: ", ";\n  transition: color 250ms, background-color 250ms;\n\n  &::before,\n  &::after {\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  border-radius: 50%;\n  background-color: ", ";\n  transition: color 250ms, background-color 250ms;\n\n  &::before,\n  &::after {\n    height: 1px;\n    background-color: ", ";\n    transition: none;\n  }\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
+    var variant = _a.variant;
+    if (variant === "small") {
+        return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        min-width: ", ";\n        min-height: ", ";\n\n        &::before,\n        &::after {\n          width: ", ";\n        }\n      "], ["\n        min-width: ", ";\n        min-height: ", ";\n\n        &::before,\n        &::after {\n          width: ", ";\n        }\n      "])), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("space.3"));
+    }
+    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      min-width: ", ";\n      min-height: ", ";\n\n      &::before,\n      &::after {\n        width: ", ";\n      }\n    "], ["\n      min-width: ", ";\n      min-height: ", ";\n\n      &::before,\n      &::after {\n        width: ", ";\n      }\n    "])), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.4"));
+}, function (_a) {
     var hover = _a.hover;
     return hover && exports.clearHoverMixin;
 }, exports.clearHoverMixin, function (_a) {
     var focus = _a.focus;
     return focus && exports.clearFocusMixin;
 }, exports.clearFocusMixin);
-var templateObject_1, templateObject_2, templateObject_3;
+exports.Clear.displayName = "Clear";
+exports.Clear.defaultProps = {
+    variant: "default",
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=Clear.js.map

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,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"}
+{"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,4WAAY,+CAEzB,EAAuB,+HAMrB,EAA4B,qCAIhD,EAsBD,QAEC,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KA3CqB,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAMrB,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAIhD,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,WAAO,uBAAG,gNAAA,uBACK,EAAmB,yBAClB,EAAmB,gEAItB,EAAmB,sBAE/B,KAPc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAItB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAE9B;KACH;IAED,WAAO,uBAAG,kMAAA,qBACK,EAAmB,uBAClB,EAAmB,0DAItB,EAAmB,kBAE/B,KAPc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAItB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAE9B;AACJ,CAAC,EAEC,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;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC"}

package/dist/ClearableInput/ClearableInput.js

@@ -70,7 +70,6 @@ var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs")
 var Input_1 = require("../Input");
 var Box_1 = require("../Box");
 var Clear_1 = require("../Clear");
-var Cell_1 = require("../Cell");
 var theme_1 = require("../theme");
 var CLEARABLE_BUTTON_WITH_MARGINS = "".concat(parseFloat((0, theme_1.space)(4)) * 2 + parseFloat((0, theme_1.space)(6))).concat(theme_1.SPACE_SCALE_UNIT);
 exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef) {
@@ -80,7 +79,7 @@ exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef)
     _b = _a.value, 
     // Above are spatial props for wrapper, remainder
     // is split off into input
-    value = _b === void 0 ? "" : _b, onChange = _a.onChange, onClear = _a.onClear, rest = __rest(_a, ["m", "mt", "mr", "mb", "ml", "minWidth", "width", "flex", "flexGrow", "flexShrink", "flexBasis", "value", "onChange", "onClear"]);
+    value = _b === void 0 ? "" : _b, onChange = _a.onChange, onClear = _a.onClear, variant = _a.variant, rest = __rest(_a, ["m", "mt", "mr", "mb", "ml", "minWidth", "width", "flex", "flexGrow", "flexShrink", "flexBasis", "value", "onChange", "onClear", "variant"]);
     var ref = (0, react_1.useRef)(null);
     var _c = __read((0, react_1.useState)(value), 2), controlledValue = _c[0], setValue = _c[1];
     var handleClick = (0, react_1.useCallback)(function () {
@@ -108,8 +107,8 @@ exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef)
         flexShrink: flexShrink,
         flexBasis: flexBasis,
     }),
-        react_1.default.createElement(Input_1.Input, __assign({}, rest, { ref: (0, compose_react_refs_1.default)(ref, forwardedRef), width: "100%", value: controlledValue, onChange: handleChange, px: 0, pl: Cell_1.CELL.px, pr: CLEARABLE_BUTTON_WITH_MARGINS })),
-        controlledValue && (react_1.default.createElement(Clear_1.Clear, { onClick: handleClick, position: "absolute", top: "50%", right: 0, mx: 4, backgroundColor: "hint", borderRadius: "50%", type: "reset", style: { transform: "translateY(-50%)" } }))));
+        react_1.default.createElement(Input_1.Input, __assign({}, rest, { ref: (0, compose_react_refs_1.default)(ref, forwardedRef), variant: variant, width: "100%", value: controlledValue, onChange: handleChange, pr: CLEARABLE_BUTTON_WITH_MARGINS })),
+        controlledValue && (react_1.default.createElement(Clear_1.Clear, { variant: variant, onClick: handleClick, position: "absolute", top: "50%", right: 0, mx: 4, backgroundColor: "hint", borderRadius: "50%", type: "reset", style: { transform: "translateY(-50%)" } }))));
 });
 exports.ClearableInput.displayName = "ClearableInput";
 //# sourceMappingURL=ClearableInput.js.map

package/dist/ClearableInput/ClearableInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearableInput.js","sourceRoot":"","sources":["../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ClearableInput.js","sourceRoot":"","sources":["../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":"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"}

package/dist/Clickable/Clickable.js

@@ -8,17 +8,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Clickable = void 0;
+var theme_get_1 = __importDefault(require("@styled-system/theme-get"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var styled_system_1 = require("styled-system");
 var Box_1 = require("../Box");
 var cursor = (0, styled_system_1.system)({ cursor: true });
 var textDecoration = (0, styled_system_1.system)({ textDecoration: true });
-exports.Clickable = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  appearance: none;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  ", "\n"], ["\n  appearance: none;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  ", "\n"])), (0, styled_system_1.compose)(Box_1.boxMixin, cursor, textDecoration));
-exports.Clickable.defaultProps = {
-    fontFamily: "body",
-    fontSize: 2,
-    lineHeight: 0,
-    color: "primary",
-};
+exports.Clickable = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  appearance: none;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n\n  ", "\n"], ["\n  appearance: none;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n\n  ", "\n"])), (0, theme_get_1.default)("fonts.body"), (0, theme_get_1.default)("fontSizes.2"), (0, theme_get_1.default)("lineHeights.0"), (0, theme_get_1.default)("colors.primary"), (0, styled_system_1.compose)(Box_1.boxMixin, cursor, textDecoration));
 var templateObject_1;
 //# sourceMappingURL=Clickable.js.map

package/dist/Clickable/Clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/Clickable/Clickable.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,+CAAiE;AACjE,8BAA4C;AAE5C,IAAM,MAAM,GAAG,IAAA,sBAAM,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,IAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;AAQ3C,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,mKAAgB,0FAKlD,EAAyC,IAC5C,KADG,IAAA,uBAAO,EAAC,cAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAC3C;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,SAAS;CACjB,CAAC"}
+{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/Clickable/Clickable.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,uEAAgD;AAChD,wEAAuC;AACvC,+CAAiE;AACjE,8BAA4C;AAE5C,IAAM,MAAM,GAAG,IAAA,sBAAM,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,IAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;AAQ3C,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,qPAAgB,uGAKrC,EAAsB,kBACxB,EAAuB,oBACrB,EAAyB,cAC/B,EAA0B,SAEjC,EAAyC,IAC5C,KANgB,IAAA,mBAAQ,EAAC,YAAY,CAAC,EACxB,IAAA,mBAAQ,EAAC,aAAa,CAAC,EACrB,IAAA,mBAAQ,EAAC,eAAe,CAAC,EAC/B,IAAA,mBAAQ,EAAC,gBAAgB,CAAC,EAEjC,IAAA,uBAAO,EAAC,cAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAC3C"}

package/dist/Input/Input.d.ts

@@ -1,18 +1,17 @@
 /// <reference types="react" />
-import { BorderProps, FlexboxProps, SpaceProps, TypographyProps, LayoutProps, ColorProps } from "styled-system";
 import { CellProps } from "../Cell";
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps & BorderProps & FlexboxProps & TypographyProps & LayoutProps & SpaceProps & ColorProps & {
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps & {
     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>> & 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 & {
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("react").InputHTMLAttributes<HTMLInputElement> & 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;
-} & 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

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -40,12 +29,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.inputMixin = exports.inputHoverMixin = exports.inputFocusMixin = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
-var styled_system_1 = require("styled-system");
 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\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) {
+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  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  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"])), Cell_1.cellMixin, function (_a) {
     var focus = _a.focus;
     return focus && exports.inputFocusMixin;
 }, exports.inputFocusMixin, function (_a) {
@@ -53,6 +40,8 @@ exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateO
     return hover && exports.inputHoverMixin;
 }, exports.inputHoverMixin);
 exports.Input = styled_components_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.inputMixin);
-exports.Input.defaultProps = __assign({}, Cell_1.CELL);
+exports.Input.defaultProps = {
+    variant: "default",
+};
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,gCAA+D;AAQlD,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,wIAOrC,EAAS,QAET,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAfG,gBAAS,EAET,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,GAAG;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC"}

package/dist/Pagination/Pagination.js

@@ -73,7 +73,7 @@ var Pagination = function (_a) {
     return (react_1.default.createElement(Stack_1.Stack, __assign({ direction: "horizontal" }, rest),
         react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
             react_1.default.createElement(Page, { pageNumber: 1, currentPage: page, href: href, per: per }, "A"),
-            react_1.default.createElement(Page, { pageNumber: prevPage, currentPage: page, rel: "prev", href: href, per: per }, "past")),
+            react_1.default.createElement(Page, { pageNumber: prevPage, currentPage: page, rel: "prev", href: href, per: per }, "\u2190")),
         __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
             return page > i + 1 ? (react_1.default.createElement(Page, { key: page - (i + 1), pageNumber: page - (i + 1), currentPage: page, href: href, per: per, display: ["none", "none", "block"] }, page - (i + 1))) : undefined;
         })
@@ -85,7 +85,7 @@ var Pagination = function (_a) {
         })
             .filter(Boolean),
         react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
-            react_1.default.createElement(Page, { pageNumber: nextPage, currentPage: page, href: href, per: per, rel: "next" }, "next"),
+            react_1.default.createElement(Page, { pageNumber: nextPage, currentPage: page, href: href, per: per, rel: "next" }, "\u2192"),
             react_1.default.createElement(Page, { pageNumber: totalPages, currentPage: page, href: href, per: per }, "\u03A9"))));
 };
 exports.Pagination = Pagination;

package/dist/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/Pill/Pill.d.ts

@@ -1,21 +1,6 @@
 /// <reference types="react" />
 import { CellProps } from "../Cell";
 export type PillProps = CellProps;
-export declare const PILL: {
-    alignItems: string;
-    backgroundColor: string;
-    borderColor: string;
-    borderStyle: string;
-    borderWidth: string;
-    color: string;
-    display: string;
-    fontFamily: string;
-    lineHeight: number;
-    transition: string;
-    fontSize: number[];
-    px: number;
-    py: number;
-};
 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;

package/dist/Pill/Pill.js

@@ -1,21 +1,9 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pill = exports.pillFocusMixin = exports.PILL = void 0;
+exports.Pill = exports.pillFocusMixin = void 0;
 // Aliases to Cell
 var Cell_1 = require("../Cell");
-exports.PILL = __assign({}, Cell_1.CELL);
 exports.pillFocusMixin = Cell_1.cellFocusMixin;
 exports.Pill = Cell_1.Cell;
-exports.Pill.defaultProps = __assign({}, exports.PILL);
+exports.Pill.defaultProps = Cell_1.Cell.defaultProps;
 //# sourceMappingURL=Pill.js.map

package/dist/Pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kBAAkB;AAClB,gCAAgE;AAInD,QAAA,IAAI,gBAAQ,WAAI,EAAG;AAEnB,QAAA,cAAc,GAAG,qBAAc,CAAC;AAEhC,QAAA,IAAI,GAAG,WAAI,CAAC;AAEzB,YAAI,CAAC,YAAY,gBAAQ,YAAI,CAAE,CAAC"}
+{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.ts"],"names":[],"mappings":";;;AAAA,kBAAkB;AAClB,gCAA0D;AAG7C,QAAA,cAAc,GAAG,qBAAc,CAAC;AAChC,QAAA,IAAI,GAAG,WAAI,CAAC;AAEzB,YAAI,CAAC,YAAY,GAAG,WAAI,CAAC,YAAY,CAAC"}

package/dist/Remove/Remove.js

@@ -34,6 +34,7 @@ var Clickable_1 = require("../Clickable");
 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.displayName = "Ex";
 exports.Ex.defaultProps = {
     position: "relative",
     display: "inline-flex",
@@ -41,13 +42,14 @@ exports.Ex.defaultProps = {
 };
 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) {
+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  ", "\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  ", "\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) {
     var focus = _a.focus;
     return focus && exports.removeHoverMixin;
 }, exports.removeFocusMixin);
+exports.Remove.displayName = "Remove";
 exports.Remove.defaultProps = {
     position: "relative",
 };

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;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"}
+{"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,WAAW,GAAG,IAAI,CAAC;AAEtB,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,0OAAa,iBACrC,EAAmB,mBAClB,EAAmB,kCAExB,EAA2B,SAElC,EAAO,QAEP,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAhBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAElC,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,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auspices/eos",
-  "version": "3.0.0",
+  "version": "4.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -51,24 +51,24 @@
     "@storybook/addon-viewport": "6.5.14",
     "@storybook/addons": "6.5.14",
     "@storybook/react": "6.5.14",
-    "@types/node": "18.11.11",
+    "@types/node": "18.11.17",
     "@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",
+    "@typescript-eslint/eslint-plugin": "5.46.1",
+    "@typescript-eslint/parser": "5.46.1",
     "babel-loader": "8.3.0",
     "cz-conventional-changelog": "3.3.0",
-    "eslint": "8.29.0",
+    "eslint": "8.30.0",
     "eslint-plugin-react": "7.31.11",
     "eslint-plugin-react-hooks": "4.6.0",
-    "prettier": "2.8.0",
+    "prettier": "2.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "semantic-release": "19.0.5",
     "storybook-states": "1.2.0",
     "styled-components": "5.3.6",
     "ts-node": "10.9.1",
-    "typescript": "4.9.3"
+    "typescript": "4.9.4"
   },
   "publishConfig": {
     "access": "public",