@beequip/hexagon 0.11.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Form/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,gIAAA,qDAGpC,KAAA"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { JustifyType } from '../../theme/types';
+interface GridProps {
+    justify?: JustifyType;
+    className?: string;
+}
+export declare const Grid: React.FC<GridProps>;
+export {};

package/dist/components/Grid/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,mCAAqC;AAO9B,IAAM,IAAI,GAAwB,UAAC,EAAuB;QAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CAClE,oBAAC,mBAAU,IAAC,SAAS,EAAE,SAAS,IAC3B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CACxB,CAChB;AAJqE,CAIrE,CAAA;AAJY,QAAA,IAAI,QAIhB"}

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

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

package/dist/components/Grid/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledGrid = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    flex-flow: row wrap;\n    margin-left: ", "px;\n    margin-right: ", "px;\n"], ["\n    display: flex;\n    flex-flow: row wrap;\n    margin-left: ", "px;\n    margin-right: ", "px;\n"])), function (props) { return props.theme.baseline * -1; }, function (props) { return props.theme.baseline * -1; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,kLAAA,mEAGjB,EAAkC,yBACjC,EAAkC,OACrD,KAFkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAzB,CAAyB,EACjC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAzB,CAAyB,EACrD"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { AlignType } from '../../theme/types';
+interface GridColumnProps {
+    children: React.ReactNode;
+    align?: AlignType;
+    order?: number;
+    xxs?: number;
+    xs?: number;
+    s?: number;
+    m?: number;
+    l?: number;
+    xl?: number;
+    xxl?: number;
+}
+export declare const GridColumn: {
+    ({ xxs, xs, s, m, l, xl, xxl, children, order, align, }: GridColumnProps): JSX.Element;
+    defaultProps: {
+        order: number;
+        align: string;
+    };
+};
+export {};

package/dist/components/GridColumn/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridColumn = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var index_1 = require("../../theme/index");
+var styled_components_1 = require("styled-components");
+// Helper function for column width
+var column = function (width) {
+    return "\n        flex: 0 0 " + width + ";\n        max-width: " + width + ";\n    ";
+};
+var StyledGridColumn = styled_components_1.default.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n    flex: 1;\n    order: ", ";\n    margin-bottom: ", "px;\n    flex: 0 0 100%;\n    max-width: 100%;\n    padding: 0 ", "px;\n    align-self: ", ";\n\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n"], ["\n    flex: 1;\n    order: ", ";\n    margin-bottom: ", "px;\n    flex: 0 0 100%;\n    max-width: 100%;\n    padding: 0 ", "px;\n    align-self: ", ";\n\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n"])), function (props) { return props.order; }, (index_1.baseline * 2) / 3, index_1.baseline, function (props) { return props.align; }, function (props) { return props.xxs && index_1.media.xxs(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.xxs)); }, function (props) { return props.xs && index_1.media.xs(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.xs)); }, function (props) { return props.s && index_1.media.s(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.s)); }, function (props) { return props.m && index_1.media.m(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.m)); }, function (props) { return props.l && index_1.media.l(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.l)); }, function (props) { return props.xl && index_1.media.xl(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.xl)); }, function (props) { return props.xxl && index_1.media.xxl(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), column(props.xxl)); });
+var GridColumn = function (_a) {
+    var xxs = _a.xxs, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, xxl = _a.xxl, children = _a.children, order = _a.order, align = _a.align;
+    var widths = Object.entries({ xxs: xxs, xs: xs, s: s, m: m, l: l, xl: xl, xxl: xxl }).reduce(function (acc, entry) {
+        if (entry[1]) {
+            acc[entry[0]] = (100 / 12) * entry[1] + '%';
+        }
+        return acc;
+    }, {});
+    return (React.createElement(StyledGridColumn, tslib_1.__assign({ order: order, align: align }, widths), React.Children.toArray(children)));
+};
+exports.GridColumn = GridColumn;
+exports.GridColumn.defaultProps = {
+    order: 0,
+    align: 'auto',
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Spacing } from '../../theme/types';
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    weight?: '400' | '500' | '800' | '900';
+    size?: 1 | 2 | 3 | 4 | 5 | 6;
+    margin?: Spacing;
+}
+export declare const Heading: React.FC<HeadingProps>;

package/dist/components/Heading/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Heading = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var Heading = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    return (React.createElement(styles_1.StyledHeading, tslib_1.__assign({}, props), children));
+};
+exports.Heading = Heading;
+exports.Heading.defaultProps = {
+    align: 'inherit',
+    size: 2,
+    margin: 2,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Heading/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,mCAAwC;AASjC,IAAM,OAAO,GAA2B,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IAAO,OAAA,CACvE,oBAAC,sBAAa,uBAAK,KAAK,GAAG,QAAQ,CAAiB,CACvD,CAAA;CAAA,CAAA;AAFY,QAAA,OAAO,WAEnB;AAED,eAAO,CAAC,YAAY,GAAG;IACnB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;CACa,CAAA"}

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = exports.All = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+exports.default = {
+    title: 'Hexagon/Heading',
+    component: _1.Heading,
+    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.Heading, tslib_1.__assign({}, args), "Heading"));
+};
+var All = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(_1.Heading, { size: 1 }, "Heading 1"),
+    react_1.default.createElement(_1.Heading, { size: 2 }, "Heading 2"),
+    react_1.default.createElement(_1.Heading, { size: 3 }, "Heading 3"),
+    react_1.default.createElement(_1.Heading, { size: 4 }, "Heading 4"),
+    react_1.default.createElement(_1.Heading, { size: 5 }, "Heading 5"),
+    react_1.default.createElement(_1.Heading, { size: 6 }, "Heading 6"))); };
+exports.All = All;
+exports.All.parameters = {
+    controls: { hideNoControlsWarning: true },
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Heading/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AAEzC,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,UAAO,uBAAK,IAAI,aAAmB,CACvC,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAwB,cAAM,OAAA,CAC1C;IACI,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB,CACtC,CACN,EAT6C,CAS7C,CAAA;AATY,QAAA,GAAG,OASf;AAED,WAAG,CAAC,UAAU,GAAG;IACb,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import { HeadingProps } from './index';
+export declare const StyledHeading: import("styled-components").StyledComponent<"h2", any, HeadingProps, never>;

package/dist/components/Heading/styles.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledHeading = void 0;
+var tslib_1 = require("tslib");
+var styled_map_1 = require("styled-map");
+var styled_components_1 = require("styled-components");
+exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    margin: 0;\n    text-align: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    margin-bottom: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n"], ["\n    margin: 0;\n    text-align: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    margin-bottom: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n"])), function (_a) {
+    var align = _a.align;
+    return align;
+}, function (props) { return props.theme.font.heading; }, styled_map_1.default('size', {
+    1: function (props) { return props.theme.font.sizes.xxxl; },
+    2: function (props) { return props.theme.font.sizes.xxl; },
+    3: function (props) { return props.theme.font.sizes.l; },
+    4: function (props) { return props.theme.font.sizes.m; },
+    5: function (props) { return props.theme.font.sizes.m; },
+    6: function (props) { return props.theme.font.sizes.m; },
+}), styled_map_1.default('margin', {
+    0: function (props) { return props.theme.spacing[0] + 'px'; },
+    1: function (props) { return props.theme.spacing[1] + 'px'; },
+    2: function (props) { return props.theme.spacing[2] + 'px'; },
+    3: function (props) { return props.theme.spacing[3] + 'px'; },
+    4: function (props) { return props.theme.spacing[4] + 'px'; },
+    5: function (props) { return props.theme.spacing[5] + 'px'; },
+}), styled_map_1.default('size', {
+    1: '40px',
+    2: '36px',
+    3: '28px',
+    4: '24px',
+    5: '24px',
+}), function (props) {
+    return props.weight
+        ? props.weight
+        : styled_map_1.default('size', {
+            1: 900,
+            2: 900,
+            3: 900,
+            4: 900,
+            5: 800,
+            6: 800,
+        });
+}, function (props) { return props.theme.colors.text.heading; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Heading/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,aAAa,GAAG,2BAAM,CAAC,EAAE,gQAAc,oCAElC,EAAoB,sBACnB,EAAiC,oBACnC,EAOX,wBACe,EAOf,sBACa,EAMb,sBACa,EAUH,gBACH,EAAwC,KACpD,KArCiB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EACnB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,oBAAS,CAAC,MAAM,EAAE;IAC3B,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAA3B,CAA2B;IAC9C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAA1B,CAA0B;IAC7C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IAC3C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IAC3C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IAC3C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;CAC9C,CAAC,EACe,oBAAS,CAAC,QAAQ,EAAE;IACjC,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,EAA7B,CAA6B;IAChD,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,EAA7B,CAA6B;IAChD,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,EAA7B,CAA6B;IAChD,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,EAA7B,CAA6B;IAChD,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,EAA7B,CAA6B;IAChD,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,EAA7B,CAA6B;CACnD,CAAC,EACa,oBAAS,CAAC,MAAM,EAAE;IAC7B,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACZ,CAAC,EACa,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,MAAM;QACR,CAAC,CAAC,KAAK,CAAC,MAAM;QACd,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE;YACd,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;SACT,CAAC;AATR,CASQ,EACH,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EACpD"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Spacing } from '../../theme/types';
+export interface HelpTextProps {
+    bottomMargin?: Spacing;
+    inline?: boolean;
+    className?: string;
+}
+export declare const HelpText: React.FC<HelpTextProps>;

package/dist/components/HelpText/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpText = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var HelpText = function (_a) {
+    var className = _a.className, bottomMargin = _a.bottomMargin, inline = _a.inline, children = _a.children;
+    return (React.createElement(styles_1.StyledHelpText, { className: className, bottomMargin: bottomMargin, inline: inline }, children));
+};
+exports.HelpText = HelpText;
+exports.HelpText.defaultProps = {
+    inline: true,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HelpText/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,mCAAyC;AAQlC,IAAM,QAAQ,GAA4B,UAAC,EAKjD;QAJG,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,uBAAc,IACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,IAEb,QAAQ,CACI,CACpB,CAAA;AACL,CAAC,CAAA;AAfY,QAAA,QAAQ,YAepB;AAED,gBAAQ,CAAC,YAAY,GAAG;IACpB,MAAM,EAAE,IAAI;CACf,CAAA"}

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

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

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

@@ -0,0 +1,24 @@
+"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/HelpText',
+    component: _1.HelpText,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+    parameters: {
+        docs: {
+            description: {
+                component: 'This component is mainly used in combination with an input field, like `<Input />`',
+            },
+        },
+    },
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(_1.HelpText, tslib_1.__assign({}, args), "Cras faucibus quis"));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/HelpText/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;IAChC,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EACL,oFAAoF;aAC3F;SACJ;KACJ;CACI,CAAA;AAET,IAAM,QAAQ,GAAyB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACpD,8BAAC,WAAQ,uBAAK,IAAI,wBAA+B,CACpD,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

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

package/dist/components/HelpText/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/HelpText/styles.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAIzB,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kOAAe,iBACxC,EAA4C,sBACxC,EAAiC,8CAEnC,EAAiC,gBACrC,EAAsC,0CAGlD,KAPc,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAnC,CAAmC,EACxC,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,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAA7B,CAA6B,EAGlD"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    circle?: boolean;
+    src: string;
+    alt: string;
+}
+export declare const Image: React.FC<ImageProps>;

package/dist/components/Image/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var Image = function (_a) {
+    var circle = _a.circle, width = _a.width, height = _a.height, props = tslib_1.__rest(_a, ["circle", "width", "height"]);
+    return (React.createElement(styles_1.StyledImage, { circle: circle, width: width, height: height },
+        React.createElement("img", tslib_1.__assign({}, props))));
+};
+exports.Image = Image;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAsC;AAQ/B,IAAM,KAAK,GAAyB,UAAC,EAK3C;IAJG,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACH,KAAK,sBAJgC,6BAK3C,CADW;IAER,OAAO,CACH,oBAAC,oBAAW,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;QACrD,gDAAS,KAAK,EAAI,CACR,CACjB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,KAAK,SAWjB"}

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

@@ -0,0 +1,5 @@
+export declare const StyledImage: import("styled-components").StyledComponent<"div", any, {
+    circle?: boolean | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+}, never>;

package/dist/components/Image/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledImage = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledImage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n    display: inline-block;\n    width: ", ";\n    height: ", ";\n    overflow: hidden;\n\n    img {\n        height: 100%;\n        width: auto;\n    }\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n    display: inline-block;\n    width: ", ";\n    height: ", ";\n    overflow: hidden;\n\n    img {\n        height: 100%;\n        width: auto;\n    }\n"])), function (props) {
+    return props.circle ? '50%' : props.theme.borderRadius.default + 'px';
+}, function (props) { return (props.width ? props.width + 'px' : 'auto'); }, function (props) { return (props.height ? props.height + 'px' : 'auto'); });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yRAInC,8CAEmB,EACiD,4CAEzD,EAAoD,iBACnD,EAAsD,6FAOnE,KAXoB,UAAA,KAAK;IAClB,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI;AAA9D,CAA8D,EAEzD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EACnD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAOnE"}

package/dist/components/Input/CurrencyInput/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface CurrencyInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onBlur'> {
+    value: number | undefined;
+    hook: string;
+    prefix?: string;
+    autoComplete?: string;
+    helpText?: string;
+    tooltip?: React.ReactNode;
+    onChange: (value: number | '') => void;
+    onBlur: (value: number | '') => void;
+}
+export declare const CurrencyInput: {
+    (props: CurrencyInputProps): JSX.Element;
+    defaultProps: {
+        autoComplete: string;
+    };
+};

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencyInput = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("../styles");
+var styles_2 = require("./styles");
+var utilities_1 = require("./utilities");
+var CurrencyInput = function (props) {
+    var valueFromProp = props.value, hook = props.hook, prefix = props.prefix, helpText = props.helpText, onChange = props.onChange, onBlur = props.onBlur, rest = tslib_1.__rest(props, ["value", "hook", "prefix", "helpText", "onChange", "onBlur"]);
+    var _a = tslib_1.__read(React.useState(valueFromProp !== undefined && valueFromProp !== null
+        ? utilities_1.addFormatting(valueFromProp)
+        : ''), 2), currentValue = _a[0], updateCurrentValue = _a[1];
+    var handleChange = function (event) {
+        var value = event.target.value;
+        var valueAsString = value;
+        if (valueAsString === '' || valueAsString === null) {
+            updateCurrentValue('');
+            onChange('');
+            return false;
+        }
+        var valueAsInt = parseInt(utilities_1.removeFormatting(valueAsString), 10);
+        if (utilities_1.checkIsValidNumber(valueAsInt)) {
+            var setValue = utilities_1.addFormatting(valueAsInt);
+            updateCurrentValue(setValue);
+        }
+        onChange(valueAsInt);
+        return null;
+    };
+    var handleBlur = function (event) {
+        var value = event.target.value;
+        var valueAsString = value;
+        if (valueAsString === '' || valueAsString === null) {
+            updateCurrentValue('');
+            onBlur('');
+            return false;
+        }
+        var valueAsInt = parseInt(utilities_1.removeFormatting(valueAsString), 10);
+        if (utilities_1.checkIsValidNumber(valueAsInt)) {
+            var setValue = utilities_1.addFormatting(valueAsInt);
+            updateCurrentValue(setValue);
+        }
+        onBlur(valueAsInt);
+        return null;
+    };
+    React.useEffect(function () {
+        if (valueFromProp && valueFromProp !== parseInt(currentValue, 10)) {
+            updateCurrentValue(utilities_1.addFormatting(valueFromProp));
+        }
+    }, [valueFromProp, currentValue]);
+    return (React.createElement(styles_2.StyledCurrencyInputWrapper, null,
+        React.createElement(styles_2.StyledCurrencySign, null, prefix ? prefix : '€'),
+        React.createElement(styles_2.StyledCurrencyInput, tslib_1.__assign({ type: "text", value: currentValue, onChange: handleChange, onBlur: handleBlur, "data-hook": hook, inputMode: "decimal" }, rest)),
+        helpText && React.createElement(styles_1.StyledHelpText, null, helpText)));
+};
+exports.CurrencyInput = CurrencyInput;
+exports.CurrencyInput.defaultProps = {
+    autoComplete: 'off',
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Input/CurrencyInput/index.stories.d.ts

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

package/dist/components/Input/CurrencyInput/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/CurrencyInput',
+    component: _1.CurrencyInput,
+    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.CurrencyInput, tslib_1.__assign({}, args)));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,gBAAa;IACxB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA8B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACzD,8BAAC,gBAAa,uBAAK,IAAI,EAAI,CAC9B,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface StyledCurrencyInputProps {
+    error?: string | React.ReactNode;
+}
+export declare const StyledCurrencyInput: import("styled-components").StyledComponent<"input", any, StyledCurrencyInputProps, never>;
+export declare const StyledCurrencyInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCurrencySign: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTooltip = exports.StyledCurrencySign = exports.StyledCurrencyInputWrapper = exports.StyledCurrencyInput = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var styles_1 = require("../styles");
+exports.StyledCurrencyInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    padding-left: 16px;\n"], ["\n    ", ";\n    padding-left: 16px;\n"])), styles_1.inputStyles);
+exports.StyledCurrencyInputWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    position: relative;\n"], ["\n    display: flex;\n    position: relative;\n"])));
+exports.StyledCurrencySign = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-weight: 600;\n    color: ", ";\n    background-color: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 48px;\n"], ["\n    font-family: ", ";\n    font-weight: 600;\n    color: ", ";\n    background-color: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 48px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.colors.grey[2]; }, function (props) { return props.theme.colors.grey[4]; });
+exports.StyledTooltip = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    margin-left: ", "px;\n"], ["\n    font-family: ", ";\n    margin-left: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.baseline; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,oCAAuC;AAM1B,QAAA,mBAAmB,GAAG,2BAAM,CAAC,KAAK,mHAA0B,QACnE,EAAW,8BAEhB,KAFK,oBAAW,EAEhB;AAEY,QAAA,0BAA0B,GAAG,2BAAM,CAAC,GAAG,4HAAA,iDAGnD,KAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,2QAAA,qBACzB,EAAiC,uCAEvC,EAAmC,2BACxB,EAAmC,mGAK1D,KARkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEvC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAK1D;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,iIAAA,qBACpB,EAAiC,sBACjC,EAA6B,OAC/C,KAFkB,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,EAC/C"}

package/dist/components/Input/CurrencyInput/utilities.d.ts

@@ -0,0 +1,3 @@
+export declare const addFormatting: (value: number) => string;
+export declare const removeFormatting: (value: string) => string;
+export declare const checkIsValidNumber: (input: number) => number | boolean;

package/dist/components/Input/CurrencyInput/utilities.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsValidNumber = exports.removeFormatting = exports.addFormatting = void 0;
+var addFormatting = function (value) {
+    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+};
+exports.addFormatting = addFormatting;
+var removeFormatting = function (value) { return value.replace(/\./g, ''); };
+exports.removeFormatting = removeFormatting;
+var checkIsValidNumber = function (input) {
+    if (input === 0) {
+        return true;
+    }
+    if (input < 0 || Number.isNaN(input)) {
+        return false;
+    }
+    return input;
+};
+exports.checkIsValidNumber = checkIsValidNumber;
+//# sourceMappingURL=utilities.js.map

package/dist/components/Input/CurrencyInput/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/utilities.ts"],"names":[],"mappings":";;;AAAO,IAAM,aAAa,GAAG,UAAC,KAAa;IACvC,OAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC;AAAtD,CAAsD,CAAA;AAD7C,QAAA,aAAa,iBACgC;AAEnD,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAxB,CAAwB,CAAA;AAA9D,QAAA,gBAAgB,oBAA8C;AAEpE,IAAM,kBAAkB,GAAG,UAAC,KAAa;IAC5C,IAAI,KAAK,KAAK,CAAC,EAAE;QACb,OAAO,IAAI,CAAA;KACd;IAED,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QAClC,OAAO,KAAK,CAAA;KACf;IAED,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAVY,QAAA,kBAAkB,sBAU9B"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Tooltip } from '../../theme/types';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    hook: string;
+    error?: string | React.ReactNode;
+    helpText?: string;
+    tooltip?: Tooltip;
+}
+export declare const Input: React.FC<InputProps>;

package/dist/components/Input/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var react_tooltip_1 = require("react-tooltip");
+var InfoCircle_1 = require("../../assets/icons/InfoCircle");
+var theme_1 = require("../../theme/theme");
+var Input = function (_a) {
+    var hook = _a.hook, helpText = _a.helpText, tooltip = _a.tooltip, props = tslib_1.__rest(_a, ["hook", "helpText", "tooltip"]);
+    return (React.createElement(styles_1.StyledInputWrapper, null,
+        React.createElement(styles_1.StyledInputInner, null,
+            React.createElement(styles_1.StyledInput, tslib_1.__assign({ "data-hook": hook }, props)),
+            helpText && React.createElement(styles_1.StyledHelpText, null, helpText)),
+        tooltip && (React.createElement(styles_1.StyledTooltip, null,
+            React.createElement(react_tooltip_1.default, null),
+            React.createElement(InfoCircle_1.InfoCircle, { "data-background-color": theme_1.GREY1, "data-multiline": true, "data-place": tooltip.place, "data-tip": tooltip.content, "data-offset": "{'top': 10, 'left': 10}", width: 16, color: theme_1.PRIMARY })))));
+};
+exports.Input = Input;
+exports.Input.defaultProps = {
+    autoComplete: 'off',
+    disabled: false,
+    type: 'text',
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAMiB;AAEjB,+CAAwC;AACxC,4DAA0D;AAC1D,2CAAkD;AAU3C,IAAM,KAAK,GAAyB,UAAC,EAK3C;IAJG,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,KAAK,sBAJgC,+BAK3C,CADW;IAER,OAAO,CACH,oBAAC,2BAAkB;QACf,oBAAC,yBAAgB;YACb,oBAAC,oBAAW,kCAAY,IAAI,IAAM,KAAK,EAAI;YAC1C,QAAQ,IAAI,oBAAC,uBAAc,QAAE,QAAQ,CAAkB,CACzC;QAClB,OAAO,IAAI,CACR,oBAAC,sBAAa;YACV,oBAAC,uBAAY,OAAG;YAChB,oBAAC,uBAAU,6BACgB,aAAK,oBACZ,IAAI,gBACR,OAAO,CAAC,KAAK,cACf,OAAO,CAAC,OAAO,iBACb,yBAAyB,EACrC,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,eAAO,GAChB,CACU,CACnB,CACgB,CACxB,CAAA;AACL,CAAC,CAAA;AA5BY,QAAA,KAAK,SA4BjB;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACf,CAAA"}

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

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