@beequip/hexagon 0.11.0

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+exports.default = {
+    title: 'Hexagon/Form/Input',
+    component: _1.Input,
+    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.Input, tslib_1.__assign({}, args));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Input/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAE3D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface InputStylesProps {
+    error?: string | React.ReactNode;
+    disabled?: boolean;
+}
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const inputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputStylesProps, any>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, InputStylesProps, never>;
+export declare const StyledHelpText: import("styled-components").StyledComponent<import("react").FC<import("../HelpText").HelpTextProps>, any, {}, never>;
+export declare const StyledInputInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/components/Input/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTooltip = exports.StyledInputInner = exports.StyledHelpText = exports.StyledInput = exports.inputStyles = exports.StyledInputWrapper = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var HelpText_1 = require("../HelpText");
+exports.StyledInputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    position: relative;\n"], ["\n    display: flex;\n    position: relative;\n"])));
+exports.inputStyles = styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    color: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", "px;\n    background-color: ", ";\n    overflow: hidden;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    padding: 12px 16px;\n    height: 48px;\n    line-height: normal;\n    width: 100%;\n\n    &[type='text'],\n    &[type='number'],\n    &[type='email'],\n    &[type='tel'],\n    &[type='search'] {\n        -webkit-appearance: none;\n    }\n\n    &[type='number'] {\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n\n    // hide the helptext if it is available\n    + div {\n        opacity: 0;\n    }\n\n    &:focus {\n        border-color: ", ";\n        outline: none;\n\n        // show the helptext if it is available\n        + div {\n            opacity: 1;\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n    }\n"], ["\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    color: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", "px;\n    background-color: ", ";\n    overflow: hidden;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    padding: 12px 16px;\n    height: 48px;\n    line-height: normal;\n    width: 100%;\n\n    &[type='text'],\n    &[type='number'],\n    &[type='email'],\n    &[type='tel'],\n    &[type='search'] {\n        -webkit-appearance: none;\n    }\n\n    &[type='number'] {\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n\n    // hide the helptext if it is available\n    + div {\n        opacity: 0;\n    }\n\n    &:focus {\n        border-color: ", ";\n        outline: none;\n\n        // show the helptext if it is available\n        + div {\n            opacity: 1;\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.m; }, function (props) {
+    return props.disabled
+        ? props.theme.colors.grey[2]
+        : props.theme.colors.input.color;
+}, function (props) { return props.theme.borderWidth; }, function (props) {
+    return props.error
+        ? props.theme.colors.input.error
+        : props.theme.colors.input.border;
+}, function (props) { return props.theme.borderRadius.input; }, function (props) {
+    return props.disabled
+        ? props.theme.colors.grey[4]
+        : props.theme.colors.input.background;
+}, function (props) { return props.theme.colors.input.focus; }, function (props) { return props.theme.colors.input.placeholder; });
+exports.StyledInput = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), exports.inputStyles);
+exports.StyledHelpText = styled_components_1.default(HelpText_1.HelpText)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    display: inline-block;\n    position: absolute;\n    top: 50%;\n    right: 20px;\n    transition: opacity 200ms;\n    pointer-events: none;\n\n    > div {\n        color: ", " !important;\n    }\n"], ["\n    display: inline-block;\n    position: absolute;\n    top: 50%;\n    right: 20px;\n    transition: opacity 200ms;\n    pointer-events: none;\n\n    > div {\n        color: ", " !important;\n    }\n"])), function (props) { return props.theme.colors.grey[2]; });
+exports.StyledInputInner = styled_components_1.default.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n"], ["\n    position: relative;\n    width: 100%;\n"])));
+exports.StyledTooltip = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    margin-left: ", "px;\n    line-height: 1.6;\n"], ["\n    font-family: ", ";\n    margin-left: ", "px;\n    line-height: 1.6;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.baseline; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,wCAAsC;AAOzB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,4HAAA,iDAG3C,KAAA;AAEY,QAAA,WAAW,GAAG,uBAAG,ouCAAkB,qBAC7B,EAAiC,2CAEnC,EAAiC,gBACrC,EAG+B,iIAKxB,EAAgC,yBAChC,EAGyB,wBACxB,EAAuC,6BACpC,EAGyB,yqBA+BzB,EAAuC,mLAU9C,EAA6C,YAE7D,KA/DkB,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,EACrC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAKxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAChC,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAFrC,CAEqC,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACpC,UAAA,KAAK;IACrB,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU;AAFzC,CAEyC,EA+BzB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAU9C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAApC,CAAoC,EAE7D;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,yFAAkB,QACnD,EAAW,IAChB,KADK,mBAAW,EAChB;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,mBAAQ,CAAC,uRAAA,mLAS7B,EAAmC,uBAEnD,KAFgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEnD;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,0HAAA,+CAGzC,KAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,wJAAA,qBACpB,EAAiC,sBACjC,EAA6B,8BAE/C,KAHkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACjC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAE/C"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    label: string;
+    htmlFor?: string;
+    title?: string;
+    optional?: boolean;
+}
+export declare const Label: React.FC<LabelProps>;

package/dist/components/Label/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var HelpText_1 = require("../HelpText");
+var styles_1 = require("./styles");
+var Label = function (_a) {
+    var label = _a.label, optional = _a.optional, props = tslib_1.__rest(_a, ["label", "optional"]);
+    return (React.createElement(styles_1.StyledLabel, tslib_1.__assign({}, props),
+        label,
+        " ",
+        optional && React.createElement(HelpText_1.HelpText, { inline: true }, "(optioneel)")));
+};
+exports.Label = Label;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,wCAAsC;AACtC,mCAAsC;AAU/B,IAAM,KAAK,GAAyB,UAAC,EAA6B;IAA3B,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA3B,qBAA6B,CAAF;IACnE,OAAO,CACH,oBAAC,oBAAW,uBAAK,KAAK;QACjB,KAAK;;QAAG,QAAQ,IAAI,oBAAC,mBAAQ,IAAC,MAAM,EAAE,IAAI,kBAAwB,CACzD,CACjB,CAAA;AACL,CAAC,CAAA;AANY,QAAA,KAAK,SAMjB"}

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

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

package/dist/components/Label/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLabel = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    font-weight: normal;\n    line-height: ", "px;\n    display: inline-block;\n    margin-bottom: ", "px;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    font-weight: normal;\n    line-height: ", "px;\n    display: inline-block;\n    margin-bottom: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[2]; }, function (props) { return props.theme.baseline * 3; }, function (props) { return props.theme.baseline; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Label/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2PAAA,qBACpB,EAAiC,oBACnC,EAAiC,gBACrC,EAAmC,gDAE7B,EAAiC,sDAE/B,EAA6B,OACjD,KAPkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAE7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EAE/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EACjD"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    hook: string;
+    secondary?: boolean;
+    open?: 'open' | 'closed';
+    nav?: 'previous' | 'next';
+    textDecoration?: boolean;
+    ref?: React.Ref<HTMLAnchorElement>;
+}
+export declare const Link: React.FC<LinkProps>;

package/dist/components/Link/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = 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 ChevronDown_1 = require("../../assets/icons/ChevronDown");
+var ChevronUp_1 = require("../../assets/icons/ChevronUp");
+var styles_1 = require("./styles");
+var Link = function (_a) {
+    var hook = _a.hook, nav = _a.nav, children = _a.children, open = _a.open, props = tslib_1.__rest(_a, ["hook", "nav", "children", "open"]);
+    return (React.createElement(styles_1.StyledLink, tslib_1.__assign({ "data-hook": hook }, props),
+        nav === 'previous' && React.createElement(ArrowLeft_1.ArrowLeft, { width: 16 }),
+        children,
+        nav === 'next' && React.createElement(ArrowRight_1.ArrowRight, { width: 16 }),
+        open === 'open' ? (React.createElement(ChevronUp_1.ChevronUp, { width: 12 })) : open === 'closed' ? (React.createElement(ChevronDown_1.ChevronDown, { width: 12 })) : null));
+};
+exports.Link = Link;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,4DAA0D;AAC1D,8DAA4D;AAC5D,0DAAwD;AACxD,mCAAqC;AAY9B,IAAM,IAAI,GAAwB,UAAC,EAMzC;IALG,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,KAAK,sBAL8B,mCAMzC,CADW;IAER,OAAO,CACH,oBAAC,mBAAU,kCAAY,IAAI,IAAM,KAAK;QACjC,GAAG,KAAK,UAAU,IAAI,oBAAC,qBAAS,IAAC,KAAK,EAAE,EAAE,GAAI;QAC9C,QAAQ;QACR,GAAG,KAAK,MAAM,IAAI,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,GAAI;QAC3C,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,qBAAS,IAAC,KAAK,EAAE,EAAE,GAAI,CAC3B,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpB,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI,CAC7B,CAAC,CAAC,CAAC,IAAI,CACC,CAChB,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,IAAI,QAmBhB"}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+exports.default = {
+    title: 'Hexagon/Links/Link',
+    component: _1.Link,
+    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.Link, tslib_1.__assign({}, args), "This is a link"));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Link/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AAEnC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,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,oBAAuB,CACxC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const linkStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    secondary?: boolean | undefined;
+    textDecoration?: boolean | undefined;
+}, any>>;
+export declare const StyledArrowLeft: import("styled-components").StyledComponent<({ width }: import("../../theme/types").IconProps) => JSX.Element, any, {}, never>;
+export declare const StyledArrowRight: import("styled-components").StyledComponent<({ width }: import("../../theme/types").IconProps) => JSX.Element, any, {}, never>;
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {
+    secondary?: boolean | undefined;
+    textDecoration?: boolean | undefined;
+}, never>;

package/dist/components/Link/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLink = exports.StyledArrowRight = exports.StyledArrowLeft = exports.linkStyles = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var ArrowLeft_1 = require("../../assets/icons/ArrowLeft");
+var ArrowRight_1 = require("../../assets/icons/ArrowRight");
+exports.linkStyles = styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: inherit;\n    color: ", ";\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 120ms ease-in;\n    text-decoration-line: ", ";\n    text-decoration-style: solid;\n\n    &:hover {\n        text-decoration-line: none;\n        color: ", ";\n    }\n"], ["\n    display: inline;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: inherit;\n    color: ", ";\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 120ms ease-in;\n    text-decoration-line: ", ";\n    text-decoration-style: solid;\n\n    &:hover {\n        text-decoration-line: none;\n        color: ", ";\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) {
+    return props.secondary
+        ? props.theme.colors.grey[1]
+        : props.theme.colors.links.default;
+}, function (props) {
+    return props.textDecoration ? 'underline' : 'auto';
+}, function (props) {
+    return props.secondary
+        ? props.theme.colors.grey[2]
+        : props.theme.colors.links.hover;
+});
+exports.StyledArrowLeft = styled_components_1.default(ArrowLeft_1.ArrowLeft)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    margin-top: -4px;\n"], ["\n    margin-top: -4px;\n"])));
+exports.StyledArrowRight = styled_components_1.default(ArrowRight_1.ArrowRight)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    margin-top: -4px;\n"], ["\n    margin-top: -4px;\n"])));
+exports.StyledLink = styled_components_1.default.a(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    ", ";\n\n    svg {\n        position: relative;\n        top: 3px;\n    }\n\n    svg:first-child {\n        margin-right: 6px;\n    }\n\n    svg:last-child {\n        margin-left: 6px;\n    }\n"], ["\n    ", ";\n\n    svg {\n        position: relative;\n        top: 3px;\n    }\n\n    svg:first-child {\n        margin-right: 6px;\n    }\n\n    svg:last-child {\n        margin-left: 6px;\n    }\n"])), exports.linkStyles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;AAE7C,QAAA,UAAU,GAAG,uBAAG,4aAG3B,2CAEiB,EAAiC,gEAGvC,EAGiC,qHAIlB,EACuB,6GAKlC,EAG+B,YAE/C,KArBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAGvC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAIlB,UAAA,KAAK;IACzB,OAAA,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;AAA3C,CAA2C,EAKlC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAE/C;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,qBAAS,CAAC,sGAAA,2BAE/C,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,uBAAU,CAAC,sGAAA,2BAEjD,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,oRAAA,QAC5B,EAAU,+LAcf,KAdK,kBAAU,EAcf"}

package/dist/components/List/OrderedList.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface OrderListProps {
+    items: string[];
+}
+export declare const OrderedList: React.FC<OrderListProps>;
+export {};

package/dist/components/List/OrderedList.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderedList = void 0;
+var React = require("react");
+var OrderedListItem_1 = require("./OrderedListItem");
+var styles_1 = require("./styles");
+var OrderedList = function (_a) {
+    var items = _a.items;
+    return (React.createElement(styles_1.StyledOrderedList, null, items.map(function (value, index) { return (React.createElement(OrderedListItem_1.OrderedListItem, { key: index }, value)); })));
+};
+exports.OrderedList = OrderedList;
+//# sourceMappingURL=OrderedList.js.map

package/dist/components/List/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,qDAAmD;AACnD,mCAA4C;AAMrC,IAAM,WAAW,GAA6B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAChE,oBAAC,0BAAiB,QACb,KAAK,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACzB,oBAAC,iCAAe,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAmB,CACzD,EAF4B,CAE5B,CAAC,CACc,CACvB;AANmE,CAMnE,CAAA;AANY,QAAA,WAAW,eAMvB"}

package/dist/components/List/OrderedListItem.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const OrderedListItem: React.FC;

package/dist/components/List/OrderedListItem.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderedListItem = void 0;
+var React = require("react");
+var __1 = require("../../");
+var styles_1 = require("./styles");
+var OrderedListItem = function (_a) {
+    var children = _a.children;
+    return (React.createElement(styles_1.StyledOrderedListItem, null,
+        React.createElement(__1.Text, { size: "s", color: "grey" }, children)));
+};
+exports.OrderedListItem = OrderedListItem;
+//# sourceMappingURL=OrderedListItem.js.map

package/dist/components/List/OrderedListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedListItem.js","sourceRoot":"","sources":["../../../src/components/List/OrderedListItem.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,4BAA6B;AAC7B,mCAAgD;AAEzC,IAAM,eAAe,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACvD,oBAAC,8BAAqB;QAClB,oBAAC,QAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,IACtB,QAAQ,CACN,CACa,CAC3B;AAN0D,CAM1D,CAAA;AANY,QAAA,eAAe,mBAM3B"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ListProps extends React.HTMLAttributes<HTMLElement> {
+    hook?: string;
+}
+export declare const List: React.FC<ListProps>;

package/dist/components/List/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var List = function (_a) {
+    var hook = _a.hook, children = _a.children, props = tslib_1.__rest(_a, ["hook", "children"]);
+    return (React.createElement(styles_1.StyledList, tslib_1.__assign({ "data-hook": hook }, props), children));
+};
+exports.List = List;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAqC;AAM9B,IAAM,IAAI,GAAwB,UAAC,EAA4B;IAA1B,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA1B,oBAA4B,CAAF;IAChE,OAAO,CACH,oBAAC,mBAAU,kCAAY,IAAI,IAAM,KAAK,GACjC,QAAQ,CACA,CAChB,CAAA;AACL,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB"}

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+var ListItem_1 = require("../ListItem");
+exports.default = {
+    title: 'Hexagon/List',
+    component: _1.List,
+    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.List, tslib_1.__assign({}, args),
+        react_1.default.createElement(ListItem_1.ListItem, null, "hello"),
+        react_1.default.createElement(ListItem_1.ListItem, null, "hello"),
+        react_1.default.createElement(ListItem_1.ListItem, null, "hello"),
+        react_1.default.createElement(ListItem_1.ListItem, null, "hello")));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/List/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,wCAAsC;AAEtC,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,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB,CACvB,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+import { ListProps } from './index';
+export declare const StyledList: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
+export declare const StyledOrderedList: import("styled-components").StyledComponent<"ol", any, {}, never>;
+export declare const StyledOrderedListItem: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/components/List/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledOrderedListItem = exports.StyledOrderedList = exports.StyledList = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledList = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    padding: 0 0 0 ", "px;\n    margin: 0;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    padding: 0 0 0 ", "px;\n    margin: 0;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.m; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.baseline * 4; });
+exports.StyledOrderedList = styled_components_1.default.ol(function (_a) {
+    var theme = _a.theme;
+    return styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n        margin: 0;\n        padding: ", "px ", "px\n            ", "px ", "px;\n        background-color: ", ";\n        border-radius: ", "px;\n    "], ["\n        margin: 0;\n        padding: ", "px ", "px\n            ", "px ", "px;\n        background-color: ", ";\n        border-radius: ", "px;\n    "])), theme.spacing[3], theme.spacing[2], theme.spacing[2], theme.spacing[5], theme.colors.primaryLightBackground, theme.borderRadius.default);
+});
+exports.StyledOrderedListItem = styled_components_1.default.li(function (_a) {
+    var theme = _a.theme;
+    return styled_components_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n        font-family: ", ";\n        font-size: ", ";\n        font-weight: bold;\n        margin-bottom: ", "px;\n    "], ["\n        font-family: ", ";\n        font-size: ", ";\n        font-weight: bold;\n        margin-bottom: ", "px;\n    "])), theme.font.default, theme.font.sizes.s, theme.spacing[1]);
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/List/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAGlC,QAAA,UAAU,GAAG,2BAAM,CAAC,EAAE,2LAAW,qBAC3B,EAAiC,oBACnC,EAAiC,gBACrC,EAAwC,wBAChC,EAAiC,uBAErD,KALkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAChC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EAErD;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,EAAE,CACtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,uBAAG,oOAAA,yCAEH,EAAgB,KAAM,EAAgB,kBAC3C,EAAgB,KAAM,EAAgB,iCACxB,EAAmC,4BACtC,EAA0B,WAC9C,KAJc,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC3C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EACxB,KAAK,CAAC,MAAM,CAAC,sBAAsB,EACtC,KAAK,CAAC,YAAY,CAAC,OAAO;AALhC,CAMd,CACJ,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,EAAE,CAC1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,uBAAG,qMAAA,yBACC,EAAkB,wBACpB,EAAkB,wDAEd,EAAgB,WACpC,KAJkB,KAAK,CAAC,IAAI,CAAC,OAAO,EACpB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAEd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAJtB,CAKd,CACJ,CAAA"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    icon?: boolean;
+    invert?: boolean;
+}
+export declare const ListItem: React.FC<ListItemProps>;

package/dist/components/ListItem/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Checkmark_1 = require("../../assets/icons/Checkmark");
+var theme_1 = require("../../theme/theme");
+var styles_1 = require("./styles");
+var ListItem = function (_a) {
+    var icon = _a.icon, children = _a.children, props = tslib_1.__rest(_a, ["icon", "children"]);
+    return (React.createElement(styles_1.StyledListItem, tslib_1.__assign({}, props),
+        icon && React.createElement(Checkmark_1.Checkmark, { color: theme_1.PRIMARY }),
+        children));
+};
+exports.ListItem = ListItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ListItem/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,2CAA2C;AAC3C,mCAAyC;AAOlC,IAAM,QAAQ,GAA4B,UAAC,EAIjD;IAHG,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,KAAK,sBAHsC,oBAIjD,CADW;IAER,OAAO,CACH,oBAAC,uBAAc,uBAAK,KAAK;QACpB,IAAI,IAAI,oBAAC,qBAAS,IAAC,KAAK,EAAE,eAAO,GAAI;QACrC,QAAQ,CACI,CACpB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,QAAQ,YAWpB"}

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

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

package/dist/components/ListItem/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledListItem = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledListItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    line-height: ", ";\n    color: ", ";\n    svg {\n        width: 16px;\n        margin-right: 8px;\n    }\n"], ["\n    line-height: ", ";\n    color: ", ";\n    svg {\n        width: 16px;\n        margin-right: 8px;\n    }\n"])), function (props) { return props.theme.font.lineHeight; }, function (props) {
+    return props.invert ? 'white' : props.theme.colors.text.default;
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ListItem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,cAAc,GAAG,2BAAM,CAAC,EAAE,6LAAe,qBACnC,EAAoC,gBAC1C,EACmD,yEAK/D,KAPkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAAxD,CAAwD,EAK/D"}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface ModalProps {
+    children: React.ReactNode;
+    modalOpen: boolean;
+    onClose: () => void;
+}
+export declare class Modal extends React.Component<ModalProps, {}> {
+    el: HTMLElement | null;
+    modalRoot: HTMLElement | null;
+    appRoot: HTMLElement | null;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ModalProps): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal | null;
+}

package/dist/components/Modal/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var ReactDOM = require("react-dom");
+var react_pose_1 = require("react-pose");
+var Cross_1 = require("../../assets/icons/Cross");
+var styles_1 = require("./styles");
+// eslint-disable-next-line @typescript-eslint/ban-types
+var Modal = /** @class */ (function (_super) {
+    tslib_1.__extends(Modal, _super);
+    function Modal() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Modal.prototype.componentDidMount = function () {
+        this.el = document.createElement('div');
+        this.appRoot = document.getElementById('root');
+        this.modalRoot = document.getElementById('portal');
+        if (this.modalRoot) {
+            this.modalRoot.appendChild(this.el);
+            if (this.appRoot) {
+                this.appRoot.classList.remove('portal--open');
+            }
+        }
+    };
+    Modal.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.modalOpen !== prevProps.modalOpen && this.appRoot) {
+            if (this.props.modalOpen) {
+                document.body.style.overflow = 'hidden';
+                document.body.style.height = '100%';
+                this.appRoot.classList.add('portal--open');
+            }
+            else {
+                this.appRoot.classList.remove('portal--open');
+                document.body.removeAttribute('style');
+            }
+        }
+    };
+    Modal.prototype.componentWillUnmount = function () {
+        if (this.modalRoot && this.appRoot && this.el) {
+            this.modalRoot.removeChild(this.el);
+            this.appRoot.classList.remove('portal--open');
+        }
+    };
+    Modal.prototype.render = function () {
+        if (!this.el) {
+            return null;
+        }
+        return ReactDOM.createPortal(React.createElement(styles_1.StyledContainer, { modalOpen: this.props.modalOpen },
+            React.createElement(react_pose_1.PoseGroup, null, this.props.modalOpen && [
+                React.createElement(styles_1.StyledShade, { key: "shade", onClick: this.props.onClose }),
+                React.createElement(styles_1.StyledModal, { key: "modal" },
+                    React.createElement(styles_1.StyledButton, { hook: "close-lease-calculator", onClick: this.props.onClose },
+                        React.createElement(Cross_1.Cross, { width: 20 })),
+                    this.props.children),
+            ])), this.el);
+    };
+    return Modal;
+}(React.Component));
+exports.Modal = Modal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,oCAAqC;AACrC,yCAAsC;AACtC,kDAAgD;AAChD,mCAKiB;AAQjB,wDAAwD;AACxD;IAA2B,iCAA+B;IAA1D;;IAkEA,CAAC;IA7DU,iCAAiB,GAAxB;QACI,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;QAElD,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACnC,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;aAChD;SACJ;IACL,CAAC;IAEM,kCAAkB,GAAzB,UAA0B,SAAqB;QAC3C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBACtB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;gBACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;gBACnC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;aAC7C;iBAAM;gBACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;gBAC7C,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;aACzC;SACJ;IACL,CAAC;IAEM,oCAAoB,GAA3B;QACI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,EAAE,EAAE;YAC3C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACnC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;SAChD;IACL,CAAC;IAEM,sBAAM,GAAb;QACI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;YACV,OAAO,IAAI,CAAA;SACd;QAED,OAAO,QAAQ,CAAC,YAAY,CACxB,oBAAC,wBAAe,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC5C,oBAAC,sBAAS,QACL,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI;gBACrB,oBAAC,oBAAW,IACR,GAAG,EAAC,OAAO,EACX,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAC7B;gBACF,oBAAC,oBAAW,IAAC,GAAG,EAAC,OAAO;oBACpB,oBAAC,qBAAY,IACT,IAAI,EAAC,wBAAwB,EAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;wBAE3B,oBAAC,aAAK,IAAC,KAAK,EAAE,EAAE,GAAI,CACT;oBACd,IAAI,CAAC,KAAK,CAAC,QAAQ,CACV;aACjB,CACO,CACE,EAClB,IAAI,CAAC,EAAE,CACV,CAAA;IACL,CAAC;IACL,YAAC;AAAD,CAAC,AAlED,CAA2B,KAAK,CAAC,SAAS,GAkEzC;AAlEY,sBAAK"}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+exports.default = {
+    title: 'Hexagon/Modal/Modal',
+    component: _1.Modal,
+    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.Modal, tslib_1.__assign({}, args), "Hello"));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Modal/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACjD,8BAAC,QAAK,uBAAK,IAAI,WAAe,CACjC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}