@beequip/hexagon 0.11.0

package/dist/components/Badge/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBadge = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledBadge = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: column;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: 40px;\n    color: ", ";\n    text-transform: uppercase;\n    line-height: 8px;\n    white-space: nowrap;\n"], ["\n    display: inline-flex;\n    flex-direction: column;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: 40px;\n    color: ", ";\n    text-transform: uppercase;\n    line-height: 8px;\n    white-space: nowrap;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline * 2; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[3]; }, function (props) { return props.theme.colors.white; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/components/Badge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,uYAAY,yEAGlC,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAiC,qBAChC,EAAmC,0CAExC,EAAiC,sFAI7C,KAXc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAChC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAExC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EAI7C"}

package/dist/components/Box/index.d.ts

@@ -0,0 +1,17 @@
+import { Spacing, SpacingMap } from '../../theme/types';
+import * as React from 'react';
+export interface BoxProps {
+    top?: Spacing;
+    bottom?: Spacing;
+    left?: Spacing;
+    right?: Spacing;
+    className?: string;
+    center?: boolean;
+    visible?: [boolean, boolean];
+    hook?: string;
+}
+export declare const mt: (value: Spacing, themeSpacing: SpacingMap<number>) => string;
+export declare const ml: (value: Spacing, themeSpacing: SpacingMap<number>) => string;
+export declare const mb: (value: Spacing, themeSpacing: SpacingMap<number>) => string;
+export declare const mr: (value: Spacing, themeSpacing: SpacingMap<number>) => string;
+export declare const Box: React.FC<BoxProps>;

package/dist/components/Box/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = exports.mr = exports.mb = exports.ml = exports.mt = void 0;
+var tslib_1 = require("tslib");
+var styles_1 = require("./styles");
+var React = require("react");
+var mt = function (value, themeSpacing) {
+    return "margin-top: " + themeSpacing[value] + "px";
+};
+exports.mt = mt;
+var ml = function (value, themeSpacing) {
+    return "margin-left: " + themeSpacing[value] + "px";
+};
+exports.ml = ml;
+var mb = function (value, themeSpacing) {
+    return "margin-bottom: " + themeSpacing[value] + "px";
+};
+exports.mb = mb;
+var mr = function (value, themeSpacing) {
+    return "margin-right: " + themeSpacing[value] + "px";
+};
+exports.mr = mr;
+var Box = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    return (React.createElement(styles_1.StyledBox, tslib_1.__assign({ "data-hook": props.hook }, props), children));
+};
+exports.Box = Box;
+exports.Box.defaultProps = {
+    bottom: 3,
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.tsx"],"names":[],"mappings":";;;;AACA,mCAAoC;AACpC,6BAA8B;AAavB,IAAM,EAAE,GAAG,UACd,KAAc,EACd,YAAgC;IAEhC,OAAO,iBAAe,YAAY,CAAC,KAAK,CAAC,OAAI,CAAA;AACjD,CAAC,CAAA;AALY,QAAA,EAAE,MAKd;AACM,IAAM,EAAE,GAAG,UACd,KAAc,EACd,YAAgC;IAEhC,OAAO,kBAAgB,YAAY,CAAC,KAAK,CAAC,OAAI,CAAA;AAClD,CAAC,CAAA;AALY,QAAA,EAAE,MAKd;AACM,IAAM,EAAE,GAAG,UACd,KAAc,EACd,YAAgC;IAEhC,OAAO,oBAAkB,YAAY,CAAC,KAAK,CAAC,OAAI,CAAA;AACpD,CAAC,CAAA;AALY,QAAA,EAAE,MAKd;AACM,IAAM,EAAE,GAAG,UACd,KAAc,EACd,YAAgC;IAEhC,OAAO,mBAAiB,YAAY,CAAC,KAAK,CAAC,OAAI,CAAA;AACnD,CAAC,CAAA;AALY,QAAA,EAAE,MAKd;AAEM,IAAM,GAAG,GAAuB,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IACxD,OAAO,CACH,oBAAC,kBAAS,kCAAY,KAAK,CAAC,IAAI,IAAM,KAAK,GACtC,QAAQ,CACD,CACf,CAAA;AACL,CAAC,CAAA;AANY,QAAA,GAAG,OAMf;AAED,WAAG,CAAC,YAAY,GAAG;IACf,MAAM,EAAE,CAAC;CACZ,CAAA"}

package/dist/components/Box/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react/types-6-0';
+import { BoxProps } from '.';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Default: Story<BoxProps>;
+export declare const Centered: Story<BoxProps>;

package/dist/components/Box/index.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Centered = exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+var __1 = require("../..");
+exports.default = {
+    title: 'Hexagon/Box',
+    component: _1.Box,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(_1.Box, tslib_1.__assign({}, args),
+        react_1.default.createElement(__1.Text, null,
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed laoreet elit, nec lacinia justo. Nulla facilisi. Quisque massa est, dignissim vitae tempor ac, tempor sed magna. Sed condimentum nisl non nulla sollicitudin, a bibendum turpis venenatis. Quisque ac bibendum massa, tempus sagittis tellus.",
+            ' ')));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {};
+exports.Centered = Template.bind({});
+exports.Centered.args = {
+    center: true,
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/components/Box/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Box/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAiC;AACjC,2BAA4B;AAE5B,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAG;IACd,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAoB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAC/C,8BAAC,MAAG,uBAAK,IAAI;QACT,8BAAC,QAAI;;YAKuC,GAAG,CACxC,CACL,CACT,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAA;AAEJ,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,MAAM,EAAE,IAAI;CACf,CAAA"}

package/dist/components/Box/styles.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from '.';
+export declare const StyledBox: import("styled-components").StyledComponent<"div", any, BoxProps, never>;

package/dist/components/Box/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBox = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var _1 = require(".");
+var index_1 = require("../../theme/index");
+exports.StyledBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    text-align: ", ";\n    display: ", ";\n\n    ", "\n"], ["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    text-align: ", ";\n    display: ", ";\n\n    ", "\n"])), function (props) { return props.top && _1.mt(props.top, props.theme.spacing); }, function (props) { return props.right && _1.mr(props.right, props.theme.spacing); }, function (props) { return props.bottom && _1.mb(props.bottom, props.theme.spacing); }, function (props) { return props.left && _1.ml(props.left, props.theme.spacing); }, function (props) { return (props.center ? 'center' : 'inherit'); }, function (props) {
+    return props.visible && props.visible[0] === false ? 'none' : 'block';
+}, index_1.media.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        ", ";\n\n    "], ["\n        ", ";\n\n    "])), function (props) {
+    return props.visible && props.visible[1] === false
+        ? 'display: none'
+        : null;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/components/Box/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Box/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,sBAA4C;AAC5C,2CAAyC;AAE5B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,kLAAU,QACvC,EAAwD,SACxD,EAA4D,SAC5D,EAA8D,SAC9D,EAA0D,qBAC9C,EAA8C,kBACjD,EACuD,WAEhE,EAMD,IACJ,KAfK,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,GAAG,IAAI,KAAE,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAA/C,CAA+C,EACxD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,IAAI,KAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAnD,CAAmD,EAC5D,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,IAAI,KAAE,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAArD,CAAqD,EAC9D,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,IAAI,KAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAjD,CAAiD,EAC9C,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAArC,CAAqC,EACjD,UAAA,KAAK;IACZ,OAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;AAA9D,CAA8D,EAEhE,aAAK,CAAC,CAAC,oGAAU,YACb,EAGY,WAEjB,KALK,UAAA,KAAK;IACH,OAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK;QACvC,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,IAAI;AAFV,CAEU,GAGrB"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ButtonSize, ButtonStyles } from '../../theme/types';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Adds a custom selector as a data-attribute
+     */
+    hook?: string;
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Determines the visual appearance of the button
+     */
+    kind?: ButtonStyles;
+    /**
+     * Supports the sizes large, medium and small
+     */
+    size?: ButtonSize;
+    loading?: boolean;
+    disabled?: boolean;
+    /**
+     * Adds a left or right arrow
+     */
+    nav?: 'previous' | 'next';
+    /**
+     * Link attribute will be deprecated in favor of ghost button style.
+     */
+    link?: boolean;
+}
+export declare const Button: React.FC<ButtonProps>;

package/dist/components/Button/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var ArrowLeft_1 = require("../../assets/icons/ArrowLeft");
+var ArrowRight_1 = require("../../assets/icons/ArrowRight");
+var types_1 = require("../../theme/types");
+var styles_1 = require("./styles");
+var Button = function (_a) {
+    var disabled = _a.disabled, loading = _a.loading, hook = _a.hook, nav = _a.nav, children = _a.children, link = _a.link, rest = tslib_1.__rest(_a, ["disabled", "loading", "hook", "nav", "children", "link"]);
+    return link ? (React.createElement(styles_1.StyledLinkButton, tslib_1.__assign({ disabled: disabled || loading, "data-hook": hook }, rest),
+        nav === 'previous' && (React.createElement(styles_1.StyledIcon, { nav: nav },
+            React.createElement(ArrowLeft_1.ArrowLeft, { width: 16 }))),
+        children,
+        nav === 'next' && React.createElement(ArrowRight_1.ArrowRight, { width: 16 }))) : (React.createElement(styles_1.StyledButton, tslib_1.__assign({ disabled: disabled || loading, "data-hook": hook }, rest), loading ? ('Aan het laden...') : (React.createElement(React.Fragment, null,
+        nav === 'previous' && (React.createElement(styles_1.StyledIcon, { nav: nav },
+            React.createElement(ArrowLeft_1.ArrowLeft, { width: 16 }))),
+        children,
+        nav === 'next' && (React.createElement(styles_1.StyledIcon, { nav: nav },
+            React.createElement(ArrowRight_1.ArrowRight, { width: 16 })))))));
+};
+exports.Button = Button;
+exports.Button.defaultProps = {
+    type: 'button',
+    kind: 'primary',
+    size: types_1.SIZE_MEDIUM,
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,4DAA0D;AAC1D,2CAAyE;AACzE,mCAAqE;AA6B9D,IAAM,MAAM,GAA0B,UAAC,EAQ7C;IAPG,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,sBAPmC,0DAQ7C,CADU;IAEP,OAAO,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,yBAAgB,qBACb,QAAQ,EAAE,QAAQ,IAAI,OAAO,eAClB,IAAI,IACX,IAAI;QAEP,GAAG,KAAK,UAAU,IAAI,CACnB,oBAAC,mBAAU,IAAC,GAAG,EAAE,GAAG;YAChB,oBAAC,qBAAS,IAAC,KAAK,EAAE,EAAE,GAAI,CACf,CAChB;QACA,QAAQ;QACR,GAAG,KAAK,MAAM,IAAI,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,GAAI,CAC7B,CACtB,CAAC,CAAC,CAAC,CACA,oBAAC,qBAAY,qBAAC,QAAQ,EAAE,QAAQ,IAAI,OAAO,eAAa,IAAI,IAAM,IAAI,GACjE,OAAO,CAAC,CAAC,CAAC,CACP,kBAAkB,CACrB,CAAC,CAAC,CAAC,CACA;QACK,GAAG,KAAK,UAAU,IAAI,CACnB,oBAAC,mBAAU,IAAC,GAAG,EAAE,GAAG;YAChB,oBAAC,qBAAS,IAAC,KAAK,EAAE,EAAE,GAAI,CACf,CAChB;QACA,QAAQ;QACR,GAAG,KAAK,MAAM,IAAI,CACf,oBAAC,mBAAU,IAAC,GAAG,EAAE,GAAG;YAChB,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,GAAI,CAChB,CAChB,CACF,CACN,CACU,CAClB,CAAA;AACL,CAAC,CAAA;AA5CY,QAAA,MAAM,UA4ClB;AAED,cAAM,CAAC,YAAY,GAAG;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,mBAAW;CACpB,CAAA"}

package/dist/components/Button/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/react/types-6-0';
+import { ButtonProps } from '.';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const All: Story<ButtonProps>;
+export declare const Primary: Story<ButtonProps>;
+export declare const Secondary: Story<ButtonProps>;
+export declare const Tertiary: Story<ButtonProps>;
+export declare const Ghost: Story<ButtonProps>;
+export declare const None: Story<ButtonProps>;
+export declare const Sizes: Story<ButtonProps>;

package/dist/components/Button/index.stories.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sizes = exports.None = exports.Ghost = exports.Tertiary = exports.Secondary = exports.Primary = exports.All = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+var Box_1 = require("../Box");
+var ButtonGroup_1 = require("../ButtonGroup");
+var buttonStyles = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'ghost',
+    'none',
+];
+exports.default = {
+    title: 'Hexagon/Button',
+    component: _1.Button,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var kind = _a.kind, args = tslib_1.__rest(_a, ["kind"]);
+    return (react_1.default.createElement(_1.Button, tslib_1.__assign({ kind: kind }, args), kind));
+};
+var All = function () {
+    return (react_1.default.createElement(react_1.default.Fragment, null, buttonStyles.map(function (kind, index) { return (react_1.default.createElement(Box_1.Box, { key: index },
+        react_1.default.createElement(_1.Button, { kind: kind }, kind))); })));
+};
+exports.All = All;
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    kind: 'primary',
+};
+exports.Secondary = Template.bind({});
+exports.Secondary.args = {
+    kind: 'secondary',
+};
+exports.Tertiary = Template.bind({});
+exports.Tertiary.args = {
+    kind: 'tertiary',
+};
+exports.Ghost = Template.bind({});
+exports.Ghost.args = {
+    kind: 'ghost',
+};
+exports.None = Template.bind({});
+exports.None.args = {
+    kind: 'none',
+};
+var Sizes = function () {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ButtonGroup_1.ButtonGroup, { direction: "row" },
+            react_1.default.createElement(_1.Button, { kind: "primary", size: "large" }, "Large"),
+            react_1.default.createElement(_1.Button, { kind: "primary", size: "medium" }, "Medium"),
+            react_1.default.createElement(_1.Button, { kind: "primary", size: "small" }, "Small"))));
+};
+exports.Sizes = Sizes;
+exports.Sizes.parameters = {
+    controls: { hideNoControlsWarning: true },
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/components/Button/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Button/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAuC;AAEvC,8BAA4B;AAC5B,8CAA4C;AAE5C,IAAM,YAAY,GAAmB;IACjC,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,MAAM;CACT,CAAA;AAED,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,sBAAf,QAAiB,CAAF;IAAO,OAAA,CACxD,8BAAC,SAAM,qBAAC,IAAI,EAAE,IAAI,IAAM,IAAI,GACvB,IAAI,CACA,CACZ,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAuB;IACnC,OAAO,CACH,8DACK,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,8BAAC,SAAG,IAAC,GAAG,EAAE,KAAK;QACX,8BAAC,SAAM,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAU,CACjC,CACT,EAJkC,CAIlC,CAAC,CACH,CACN,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,GAAG,OAUf;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,WAAW;CACpB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,UAAU;CACnB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAG;IACR,IAAI,EAAE,MAAM;CACf,CAAA;AAEM,IAAM,KAAK,GAAuB;IACrC,OAAO,CACH;QACI,8BAAC,yBAAW,IAAC,SAAS,EAAC,KAAK;YACxB,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,aAE3B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B,CACC,CACf,CACN,CAAA;AACL,CAAC,CAAA;AAhBY,QAAA,KAAK,SAgBjB;AAED,aAAK,CAAC,UAAU,GAAG;IACf,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}

package/dist/components/Button/styles.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '.';
+export declare const StyledButton: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export declare const StyledLinkButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {
+    nav: 'previous' | 'next';
+}, never>;

package/dist/components/Button/styles.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledIcon = exports.StyledLinkButton = exports.StyledButton = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var styled_map_1 = require("styled-map");
+var index_1 = require("../../theme/index");
+var theme_1 = require("../../theme/theme");
+var types_1 = require("../../theme/types");
+var styles_1 = require("../Link/styles");
+exports.StyledButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    appearance: none;\n    background: none;\n    border: none;\n    position: relative;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: ", ";\n    padding: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    white-space: nowrap;\n    line-height: ", ";\n    box-shadow: ", ";\n    background: ", ";\n    border-radius: ", "px;\n    color: ", ";\n    opacity: ", ";\n    cursor: ", ";\n\n    &:hover,\n    &:focus {\n        outline: none;\n        background: ", ";\n        border-color: ", ";\n        color: ", ";\n    }\n\n    ", ";\n"], ["\n    appearance: none;\n    background: none;\n    border: none;\n    position: relative;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: ", ";\n    padding: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    white-space: nowrap;\n    line-height: ", ";\n    box-shadow: ", ";\n    background: ", ";\n    border-radius: ", "px;\n    color: ", ";\n    opacity: ", ";\n    cursor: ", ";\n\n    &:hover,\n    &:focus {\n        outline: none;\n        background: ", ";\n        border-color: ", ";\n        color: ", ";\n    }\n\n    ", ";\n"])), styled_map_1.default('kind', {
+    primary: '100%',
+    secondary: '100%',
+    tertiary: '100%',
+    ghost: 'auto',
+}), function (props) {
+    var _a;
+    return styled_map_1.default('size', (_a = {},
+        _a[types_1.SIZE_SMALL] = "0 " + props.theme.spacing[1] + "px;",
+        _a[types_1.SIZE_MEDIUM] = props.kind === 'none' ? '0' : '0 28px',
+        _a));
+}, function (props) { return props.theme.font.default; }, function (props) {
+    var _a;
+    return styled_map_1.default('size', (_a = {},
+        _a[types_1.SIZE_SMALL] = props.theme.font.sizes.s,
+        _a[types_1.SIZE_MEDIUM] = props.theme.font.sizes.m,
+        _a[types_1.SIZE_LARGE] = props.theme.font.sizes.l,
+        _a));
+}, function (props) {
+    var _a;
+    return styled_map_1.default('size', (_a = {},
+        _a[types_1.SIZE_SMALL] = props.theme.spacing[4] + "px",
+        _a[types_1.SIZE_MEDIUM] = '44px;',
+        _a));
+}, function (props) {
+    return props.disabled
+        ? styled_map_1.default('kind', {
+            primary: props.theme.colors.grey[4],
+            secondary: props.theme.colors.grey[4],
+            tertiary: "inset 0 0 0 2px " + props.theme.colors.grey[3] + ";",
+            ghost: 'none',
+        })
+        : styled_map_1.default('kind', {
+            primary: 'none',
+            secondary: 'none',
+            tertiary: "inset 0 0 0 2px " + props.theme.colors.primary + ";",
+            ghost: 'none',
+        });
+}, function (props) {
+    return props.disabled
+        ? styled_map_1.default('kind', {
+            primary: props.theme.colors.grey[4],
+            secondary: props.theme.colors.grey[4],
+            tertiary: 'transparent',
+            ghost: 'transparent',
+        })
+        : styled_map_1.default('kind', {
+            primary: props.theme.colors.buttons.primary,
+            secondary: props.theme.colors.buttons.secondary,
+            tertiary: 'transparent',
+            ghost: 'transparent',
+        });
+}, function (props) { return props.theme.borderRadius.button; }, function (props) {
+    return props.disabled
+        ? props.theme.colors.grey[3]
+        : styled_map_1.default('kind', {
+            primary: 'white',
+            secondary: 'white',
+            tertiary: props.theme.colors.primary,
+            ghost: props.theme.colors.grey[1],
+        });
+}, styled_map_1.default({
+    disabled: 0.5,
+    default: 1,
+}), styled_map_1.default({
+    disabled: 'not-allowed',
+    default: 'pointer',
+}), function (props) {
+    return props.disabled
+        ? styled_map_1.default('kind', {
+            primary: props.theme.colors.grey[4],
+            secondary: props.theme.colors.grey[4],
+            tertiary: 'transparent',
+            ghost: 'transparent',
+        })
+        : styled_map_1.default('kind', {
+            primary: props.theme.colors.buttons.primaryHover,
+            secondary: props.theme.colors.buttons.secondaryHover,
+            tertiary: props.theme.colors.buttons.primary,
+            ghost: 'transparent',
+        });
+}, function (props) {
+    return props.disabled
+        ? props.theme.colors.grey[4]
+        : styled_map_1.default('kind', {
+            primary: props.theme.colors.buttons.primaryHover,
+            secondary: props.theme.colors.buttons.secondaryHover,
+            tertiary: theme_1.GREY1,
+            ghost: 'transparent',
+        });
+}, function (props) {
+    return props.disabled
+        ? props.theme.colors.grey[3]
+        : styled_map_1.default('kind', {
+            primary: 'white',
+            secondary: 'white',
+            tertiary: 'white',
+            ghost: props.theme.colors.grey[2],
+        });
+}, index_1.media.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        width: auto;\n        line-height: ", ";\n        padding: ", ";\n    "], ["\n        width: auto;\n        line-height: ", ";\n        padding: ", ";\n    "])), function (props) {
+    var _a;
+    return styled_map_1.default('size', (_a = {},
+        _a[types_1.SIZE_SMALL] = props.theme.spacing[4] + "px",
+        _a[types_1.SIZE_MEDIUM] = props.theme.spacing[6] + "px",
+        _a[types_1.SIZE_LARGE] = props.theme.spacing[7] + "px",
+        _a));
+}, function (props) {
+    var _a;
+    return styled_map_1.default('size', (_a = {},
+        _a[types_1.SIZE_SMALL] = "0 " + props.theme.spacing[1] + "px;",
+        _a[types_1.SIZE_MEDIUM] = props.kind === 'none' ? '0' : '0 28px',
+        _a[types_1.SIZE_LARGE] = "0 " + props.theme.spacing[7] + "px;",
+        _a));
+}));
+exports.StyledLinkButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    ", ";\n    border: none;\n    background: none;\n    padding: 0;\n\n    &:hover {\n        color: ", ";\n    }\n"], ["\n    ", ";\n    border: none;\n    background: none;\n    padding: 0;\n\n    &:hover {\n        color: ", ";\n    }\n"])), styles_1.linkStyles, function (props) {
+    return props.secondary
+        ? props.theme.colors.grey[2]
+        : props.theme.colors.links.hover;
+});
+exports.StyledIcon = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n\n    svg {\n        position: relative;\n        top: 2px;\n    }\n"], ["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n\n    svg {\n        position: relative;\n        top: 2px;\n    }\n"])), function (props) { return (props.nav === 'previous' ? 'left: 16px' : 0); }, function (props) { return (props.nav === 'next' ? 'right: 16px' : 0); }, function (props) { return (props.nav === 'previous' ? 'margin-right: 16px' : 0); }, function (props) { return (props.nav === 'next' ? 'margin-left: 16px' : 0); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styles.js.map

package/dist/components/Button/styles.js.map

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

package/dist/components/ButtonGroup/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ButtonGroupProps {
+    direction?: 'row' | 'column';
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/components/ButtonGroup/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var ButtonGroup = function (_a) {
+    var direction = _a.direction, children = _a.children;
+    return (React.createElement(styles_1.StyledButtonGroup, { direction: direction }, children));
+};
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=index.js.map

package/dist/components/ButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,mCAA4C;AAMrC,IAAM,WAAW,GAA+B,UAAC,EAGvD;QAFG,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,0BAAiB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAqB,CAC1E,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,WAAW,eAOvB"}

package/dist/components/ButtonGroup/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react/types-6-0';
+import { ButtonGroupProps } from '.';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Horizontal: Story<ButtonGroupProps>;
+export declare const Vertical: Story<ButtonGroupProps>;

package/dist/components/ButtonGroup/index.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vertical = exports.Horizontal = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+var Button_1 = require("../Button");
+exports.default = {
+    title: 'Hexagon/ButtonGroup',
+    component: _1.ButtonGroup,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(_1.ButtonGroup, tslib_1.__assign({}, args),
+        react_1.default.createElement(Button_1.Button, { kind: "primary" }, "Submit"),
+        react_1.default.createElement(Button_1.Button, { kind: "ghost" }, "Cancel")));
+};
+exports.Horizontal = Template.bind({});
+exports.Horizontal.args = {
+    direction: 'row',
+};
+exports.Vertical = Template.bind({});
+exports.Vertical.args = {
+    direction: 'column',
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/components/ButtonGroup/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAiD;AACjD,oCAAkC;AAElC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAW;IACtB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA4B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACvD,8BAAC,cAAW,uBAAK,IAAI;QACjB,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,aAAgB;QACtC,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,aAAgB,CAC1B,CACjB,CAAA;CAAA,CAAA;AAEY,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,kBAAU,CAAC,IAAI,GAAG;IACd,SAAS,EAAE,KAAK;CACnB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,QAAQ;CACtB,CAAA"}

package/dist/components/ButtonGroup/styles.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroupProps } from '.';
+export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, ButtonGroupProps, never>;

package/dist/components/ButtonGroup/styles.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledButtonGroup = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../theme");
+exports.StyledButtonGroup = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    flex-direction: ", ";\n\n    button + button {\n        ", ";\n    }\n\n    ", "\n"], ["\n    display: flex;\n    flex-direction: ", ";\n\n    button + button {\n        ", ";\n    }\n\n    ", "\n"])), function (props) {
+    return props.direction === 'column' ? 'column' : 'row';
+}, function (props) {
+    return props.direction === 'column'
+        ? "margin-top: " + props.theme.baseline + "px"
+        : "margin-left: " + props.theme.baseline + "px";
+}, theme_1.media.xs(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        button + button {\n            margin-top: ", "px;\n            margin-left: ", "px;\n        };\n        align-items: flex-start;\n    "], ["\n        button + button {\n            margin-top: ", "px;\n            margin-left: ", "px;\n        };\n        align-items: flex-start;\n    "])), function (props) {
+    return props.direction === 'column' ? props.theme.baseline : 0;
+}, function (props) {
+    return props.direction === 'row' ? props.theme.baseline : 0;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/components/ButtonGroup/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,qCAAmC;AAEtB,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,yLAAkB,4CAEvC,EACiC,sCAG7C,EAGgD,kBAGpD,EAQD,IACJ,KAnBqB,UAAA,KAAK;IACnB,OAAA,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;AAA/C,CAA+C,EAG7C,UAAA,KAAK;IACH,OAAA,KAAK,CAAC,SAAS,KAAK,QAAQ;QACxB,CAAC,CAAC,iBAAe,KAAK,CAAC,KAAK,CAAC,QAAQ,OAAI;QACzC,CAAC,CAAC,kBAAgB,KAAK,CAAC,KAAK,CAAC,QAAQ,OAAI;AAF9C,CAE8C,EAGpD,aAAK,CAAC,EAAE,+NAAkB,uDAEN,EAC6C,gCAC5C,EACyC,yDAG/D,KANqB,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAAvD,CAAuD,EAC5C,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAApD,CAAoD,GAInE"}

package/dist/components/Card/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Spacing, TextAlignType } from '../../theme/types';
+import { BoxProps } from '../Box';
+export interface CardProps {
+    background?: 'white' | 'grey' | string;
+    px?: Spacing;
+    py?: Spacing;
+    shadow?: boolean;
+    textAlign?: TextAlignType;
+}
+export declare const Card: React.FC<CardProps & BoxProps>;

package/dist/components/Card/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Box_1 = require("../Box");
+var styles_1 = require("./styles");
+var Card = function (_a) {
+    var hook = _a.hook, top = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, children = _a.children, rest = tslib_1.__rest(_a, ["hook", "top", "right", "bottom", "left", "children"]);
+    return (React.createElement(Box_1.Box, { "data-hook": hook, top: top, right: right, bottom: bottom, left: left },
+        React.createElement(styles_1.StyledCard, tslib_1.__assign({}, rest), children)));
+};
+exports.Card = Card;
+exports.Card.defaultProps = {
+    background: 'white',
+    shadow: false,
+    px: 2,
+    py: 2,
+    onClose: undefined,
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,8BAAsC;AACtC,mCAAqC;AAU9B,IAAM,IAAI,GAAmC,UAAC,EAQpD;IAPG,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAP0C,sDAQpD,CADU;IAEP,OAAO,CACH,oBAAC,SAAG,iBACW,IAAI,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI;QAEV,oBAAC,mBAAU,uBAAK,IAAI,GAAG,QAAQ,CAAc,CAC3C,CACT,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,KAAK;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,SAAS;CACR,CAAA"}

package/dist/components/Card/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react/types-6-0';
+import { CardProps } from '.';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Default: Story<CardProps>;
+export declare const withBackground: Story<CardProps>;
+export declare const withShadow: Story<CardProps>;

package/dist/components/Card/index.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withShadow = exports.withBackground = exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+var theme_1 = require("../../theme");
+var Text_1 = require("../Text");
+exports.default = {
+    title: 'Hexagon/Card',
+    component: _1.Card,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(_1.Card, tslib_1.__assign({}, args),
+        react_1.default.createElement(Text_1.Text, null,
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed laoreet elit, nec lacinia justo. Nulla facilisi. Quisque massa est, dignissim vitae tempor ac, tempor sed magna. Sed condimentum nisl non nulla sollicitudin, a bibendum turpis venenatis. Quisque ac bibendum massa, tempus sagittis tellus.",
+            ' ')));
+};
+exports.Default = Template.bind({});
+exports.withBackground = Template.bind({});
+exports.withBackground.args = {
+    background: theme_1.theme.colors.grey[5],
+};
+// TODO: padding
+exports.withShadow = Template.bind({});
+exports.withShadow.args = {
+    background: theme_1.theme.colors.grey[5],
+    shadow: true,
+    px: 5,
+    py: 5,
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/components/Card/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;CACnC,CAAA;AAED,gBAAgB;AACH,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,kBAAU,CAAC,IAAI,GAAG;IACd,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAChC,MAAM,EAAE,IAAI;IACZ,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA"}

package/dist/components/Card/styles.d.ts

@@ -0,0 +1,2 @@
+import { CardProps } from '.';
+export declare const StyledCard: import("styled-components").StyledComponent<"div", any, CardProps, never>;