@auspices/eos 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/README.md +1 -1
  2. package/dist/Button/Button.d.ts +0 -16
  3. package/dist/Button/Button.js +4 -17
  4. package/dist/Button/Button.js.map +1 -1
  5. package/dist/Cell/Cell.d.ts +1 -15
  6. package/dist/Cell/Cell.js +5 -16
  7. package/dist/Cell/Cell.js.map +1 -1
  8. package/dist/Clear/Clear.d.ts +5 -1
  9. package/dist/Clear/Clear.js +12 -2
  10. package/dist/Clear/Clear.js.map +1 -1
  11. package/dist/ClearableInput/ClearableInput.js +3 -4
  12. package/dist/ClearableInput/ClearableInput.js.map +1 -1
  13. package/dist/Clickable/Clickable.js +2 -7
  14. package/dist/Clickable/Clickable.js.map +1 -1
  15. package/dist/Input/Input.d.ts +3 -4
  16. package/dist/Input/Input.js +4 -15
  17. package/dist/Input/Input.js.map +1 -1
  18. package/dist/Pill/Pill.d.ts +0 -15
  19. package/dist/Pill/Pill.js +2 -14
  20. package/dist/Pill/Pill.js.map +1 -1
  21. package/dist/Remove/Remove.js +3 -1
  22. package/dist/Remove/Remove.js.map +1 -1
  23. package/package.json +1 -1
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  A React UI library
4
4
 
5
- [![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)
5
+ [![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)
6
6
 
7
7
  ## Meta
8
8
 
package/dist/Button/Button.d.ts CHANGED
@@ -1,22 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ClickableProps } from "../Clickable";
3
3
  import { CellProps } from "../Cell";
4
- export declare const BUTTON: {
5
- display: string;
6
- alignItems: string;
7
- justifyContent: string;
8
- backgroundColor: string;
9
- borderColor: string;
10
- borderStyle: string;
11
- borderWidth: string;
12
- color: string;
13
- fontFamily: string;
14
- lineHeight: number;
15
- transition: string;
16
- fontSize: number[];
17
- px: number;
18
- py: number;
19
- };
20
4
  export type ButtonProps = ClickableProps & CellProps & {
21
5
  focus?: boolean;
22
6
  hover?: boolean;
package/dist/Button/Button.js CHANGED
@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
7
  if (k2 === undefined) k2 = k;
19
8
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38,13 +27,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
38
27
  return result;
39
28
  };
40
29
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.Button = exports.buttonMixin = exports.buttonHighlightedMixin = exports.buttonDisabledMixin = exports.buttonSelectedMixin = exports.buttonFocusMixin = exports.buttonHoverMixin = exports.BUTTON = void 0;
30
+ exports.Button = exports.buttonMixin = exports.buttonHighlightedMixin = exports.buttonDisabledMixin = exports.buttonSelectedMixin = exports.buttonFocusMixin = exports.buttonHoverMixin = void 0;
42
31
  var styled_components_1 = __importStar(require("styled-components"));
43
32
  var theme_get_1 = require("@styled-system/theme-get");
44
33
  var Clickable_1 = require("../Clickable");
45
34
  var Cell_1 = require("../Cell");
46
- var styled_system_1 = require("styled-system");
47
- exports.BUTTON = __assign(__assign({}, Cell_1.CELL), { display: "inline-flex", alignItems: "center", justifyContent: "center" });
48
35
  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"));
49
36
  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);
50
37
  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 |
55
42
  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"));
56
43
  }
57
44
  });
58
- 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) {
45
+ 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) {
59
46
  var hover = _a.hover;
60
47
  return hover && exports.buttonHoverMixin;
61
48
  }, exports.buttonHoverMixin, function (_a) {
@@ -66,13 +53,13 @@ exports.buttonMixin = (0, styled_components_1.css)(templateObject_8 || (template
66
53
  return disabled && exports.buttonDisabledMixin;
67
54
  }, exports.buttonDisabledMixin, function (_a) {
68
55
  var selected = _a.selected;
69
- 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);
56
+ 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);
70
57
  }, function (_a) {
71
58
  var highlighted = _a.highlighted;
72
59
  return highlighted && exports.buttonHighlightedMixin;
73
60
  });
74
61
  exports.Button = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.buttonMixin);
75
- exports.Button.defaultProps = __assign({}, exports.BUTTON);
62
+ exports.Button.defaultProps = { variant: "default" };
76
63
  exports.Button.displayName = "Button";
77
64
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
78
65
  //# sourceMappingURL=Button.js.map
package/dist/Button/Button.js.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -12,26 +12,12 @@ export declare const CELL_VARIANTS: {
12
12
  py: number;
13
13
  };
14
14
  };
15
- export declare const CELL: {
16
- alignItems: string;
17
- backgroundColor: string;
18
- borderColor: string;
19
- borderStyle: string;
20
- borderWidth: string;
21
- color: string;
22
- display: string;
23
- fontFamily: string;
24
- lineHeight: number;
25
- transition: string;
26
- fontSize: number[];
27
- px: number;
28
- py: number;
29
- };
30
15
  type CellVariant = keyof typeof CELL_VARIANTS;
31
16
  export type CellProps = BoxProps & {
32
17
  variant?: CellVariant;
33
18
  };
34
19
  export declare const cellFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
20
+ export declare const cellMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
35
21
  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 & {
36
22
  children?: import("react").ReactNode;
37
23
  } & {
package/dist/Cell/Cell.js CHANGED
@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
7
  if (k2 === undefined) k2 = k;
19
8
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
38
27
  return result;
39
28
  };
40
29
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.Cell = exports.cellFocusMixin = exports.CELL = exports.CELL_VARIANTS = void 0;
30
+ exports.Cell = exports.cellMixin = exports.cellFocusMixin = exports.CELL_VARIANTS = void 0;
42
31
  var styled_components_1 = __importStar(require("styled-components"));
43
32
  var styled_system_1 = require("styled-system");
44
33
  var theme_get_1 = require("@styled-system/theme-get");
@@ -55,10 +44,10 @@ exports.CELL_VARIANTS = {
55
44
  py: 2,
56
45
  },
57
46
  };
58
- 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" });
59
47
  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"));
60
- 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);
61
- exports.Cell.defaultProps = __assign(__assign({}, exports.CELL), { variant: "default" });
48
+ 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);
49
+ 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);
50
+ exports.Cell.defaultProps = { variant: "default" };
62
51
  exports.Cell.displayName = "Cell";
63
- var templateObject_1, templateObject_2;
52
+ var templateObject_1, templateObject_2, templateObject_3;
64
53
  //# sourceMappingURL=Cell.js.map
package/dist/Cell/Cell.js.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { RemoveProps } from "../Remove";
3
- export type ClearProps = RemoveProps;
3
+ export type ClearProps = RemoveProps & {
4
+ variant?: "small" | "default";
5
+ };
4
6
  export declare const clearHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
5
7
  export declare const clearFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
6
8
  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"
11
13
  } & {
12
14
  hover?: boolean | undefined;
13
15
  focus?: boolean | undefined;
16
+ } & {
17
+ variant?: "small" | "default" | undefined;
14
18
  }, never>;
package/dist/Clear/Clear.js CHANGED
@@ -33,12 +33,22 @@ var theme_get_1 = require("@styled-system/theme-get");
33
33
  var Remove_1 = require("../Remove");
34
34
  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"));
35
35
  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"));
36
- 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) {
36
+ 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) {
37
+ var variant = _a.variant;
38
+ if (variant === "small") {
39
+ 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"));
40
+ }
41
+ 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"));
42
+ }, function (_a) {
37
43
  var hover = _a.hover;
38
44
  return hover && exports.clearHoverMixin;
39
45
  }, exports.clearHoverMixin, function (_a) {
40
46
  var focus = _a.focus;
41
47
  return focus && exports.clearFocusMixin;
42
48
  }, exports.clearFocusMixin);
43
- var templateObject_1, templateObject_2, templateObject_3;
49
+ exports.Clear.displayName = "Clear";
50
+ exports.Clear.defaultProps = {
51
+ variant: "default",
52
+ };
53
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
44
54
  //# sourceMappingURL=Clear.js.map
package/dist/Clear/Clear.js.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -70,7 +70,6 @@ var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs")
70
70
  var Input_1 = require("../Input");
71
71
  var Box_1 = require("../Box");
72
72
  var Clear_1 = require("../Clear");
73
- var Cell_1 = require("../Cell");
74
73
  var theme_1 = require("../theme");
75
74
  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);
76
75
  exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef) {
@@ -80,7 +79,7 @@ exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef)
80
79
  _b = _a.value,
81
80
  // Above are spatial props for wrapper, remainder
82
81
  // is split off into input
83
- 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"]);
82
+ 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"]);
84
83
  var ref = (0, react_1.useRef)(null);
85
84
  var _c = __read((0, react_1.useState)(value), 2), controlledValue = _c[0], setValue = _c[1];
86
85
  var handleClick = (0, react_1.useCallback)(function () {
@@ -108,8 +107,8 @@ exports.ClearableInput = react_1.default.forwardRef(function (_a, forwardedRef)
108
107
  flexShrink: flexShrink,
109
108
  flexBasis: flexBasis,
110
109
  }),
111
- 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 })),
112
- 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%)" } }))));
110
+ 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 })),
111
+ 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%)" } }))));
113
112
  });
114
113
  exports.ClearableInput.displayName = "ClearableInput";
115
114
  //# sourceMappingURL=ClearableInput.js.map
package/dist/ClearableInput/ClearableInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ClearableInput.js","sourceRoot":"","sources":["../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ClearableInput.js","sourceRoot":"","sources":["../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":"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"}
package/dist/Clickable/Clickable.js CHANGED
@@ -8,17 +8,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Clickable = void 0;
11
+ var theme_get_1 = __importDefault(require("@styled-system/theme-get"));
11
12
  var styled_components_1 = __importDefault(require("styled-components"));
12
13
  var styled_system_1 = require("styled-system");
13
14
  var Box_1 = require("../Box");
14
15
  var cursor = (0, styled_system_1.system)({ cursor: true });
15
16
  var textDecoration = (0, styled_system_1.system)({ textDecoration: true });
16
- 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));
17
- exports.Clickable.defaultProps = {
18
- fontFamily: "body",
19
- fontSize: 2,
20
- lineHeight: 0,
21
- color: "primary",
22
- };
17
+ 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));
23
18
  var templateObject_1;
24
19
  //# sourceMappingURL=Clickable.js.map
package/dist/Clickable/Clickable.js.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,18 +1,17 @@
1
1
  /// <reference types="react" />
2
- import { BorderProps, FlexboxProps, SpaceProps, TypographyProps, LayoutProps, ColorProps } from "styled-system";
3
2
  import { CellProps } from "../Cell";
4
- export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps & BorderProps & FlexboxProps & TypographyProps & LayoutProps & SpaceProps & ColorProps & {
3
+ export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps & {
5
4
  focus?: boolean;
6
5
  hover?: boolean;
7
6
  };
8
7
  export declare const inputFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
9
8
  export declare const inputHoverMixin: import("styled-components").FlattenSimpleInterpolation;
10
9
  export declare const inputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, import("styled-components").DefaultTheme>>;
11
- 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 & {
10
+ 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 & {
12
11
  children?: import("react").ReactNode;
13
12
  } & {
14
13
  variant?: "small" | "default" | undefined;
15
- } & 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> & {
14
+ } & {
16
15
  focus?: boolean | undefined;
17
16
  hover?: boolean | undefined;
18
17
  }, never>;
package/dist/Input/Input.js CHANGED
@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
7
  if (k2 === undefined) k2 = k;
19
8
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -40,12 +29,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
40
29
  Object.defineProperty(exports, "__esModule", { value: true });
41
30
  exports.Input = exports.inputMixin = exports.inputHoverMixin = exports.inputFocusMixin = void 0;
42
31
  var styled_components_1 = __importStar(require("styled-components"));
43
- var styled_system_1 = require("styled-system");
44
32
  var Cell_1 = require("../Cell");
45
- 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);
46
33
  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);
47
34
  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"])));
48
- 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) {
35
+ 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) {
49
36
  var focus = _a.focus;
50
37
  return focus && exports.inputFocusMixin;
51
38
  }, exports.inputFocusMixin, function (_a) {
@@ -53,6 +40,8 @@ exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateO
53
40
  return hover && exports.inputHoverMixin;
54
41
  }, exports.inputHoverMixin);
55
42
  exports.Input = styled_components_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.inputMixin);
56
- exports.Input.defaultProps = __assign({}, Cell_1.CELL);
43
+ exports.Input.defaultProps = {
44
+ variant: "default",
45
+ };
57
46
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
58
47
  //# sourceMappingURL=Input.js.map
package/dist/Input/Input.js.map CHANGED
@@ -1 +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"}
1
+ {"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/Pill/Pill.d.ts CHANGED
@@ -1,21 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { CellProps } from "../Cell";
3
3
  export type PillProps = CellProps;
4
- export declare const PILL: {
5
- alignItems: string;
6
- backgroundColor: string;
7
- borderColor: string;
8
- borderStyle: string;
9
- borderWidth: string;
10
- color: string;
11
- display: string;
12
- fontFamily: string;
13
- lineHeight: number;
14
- transition: string;
15
- fontSize: number[];
16
- px: number;
17
- py: number;
18
- };
19
4
  export declare const pillFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
20
5
  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 & {
21
6
  children?: import("react").ReactNode;
package/dist/Pill/Pill.js CHANGED
@@ -1,21 +1,9 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.Pill = exports.pillFocusMixin = exports.PILL = void 0;
3
+ exports.Pill = exports.pillFocusMixin = void 0;
15
4
  // Aliases to Cell
16
5
  var Cell_1 = require("../Cell");
17
- exports.PILL = __assign({}, Cell_1.CELL);
18
6
  exports.pillFocusMixin = Cell_1.cellFocusMixin;
19
7
  exports.Pill = Cell_1.Cell;
20
- exports.Pill.defaultProps = __assign({}, exports.PILL);
8
+ exports.Pill.defaultProps = Cell_1.Cell.defaultProps;
21
9
  //# sourceMappingURL=Pill.js.map
package/dist/Pill/Pill.js.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -34,6 +34,7 @@ var Clickable_1 = require("../Clickable");
34
34
  var Box_1 = require("../Box");
35
35
  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"));
36
36
  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);
37
+ exports.Ex.displayName = "Ex";
37
38
  exports.Ex.defaultProps = {
38
39
  position: "relative",
39
40
  display: "inline-flex",
@@ -41,13 +42,14 @@ exports.Ex.defaultProps = {
41
42
  };
42
43
  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"));
43
44
  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"));
44
- 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) {
45
+ 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) {
45
46
  var hover = _a.hover;
46
47
  return hover && exports.removeHoverMixin;
47
48
  }, exports.removeHoverMixin, function (_a) {
48
49
  var focus = _a.focus;
49
50
  return focus && exports.removeHoverMixin;
50
51
  }, exports.removeFocusMixin);
52
+ exports.Remove.displayName = "Remove";
51
53
  exports.Remove.defaultProps = {
52
54
  position: "relative",
53
55
  };
package/dist/Remove/Remove.js.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@auspices/eos",
3
- "version": "3.0.0",
3
+ "version": "4.0.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [