@beequip/hexagon 0.14.0 → 0.15.2

package/dist/components/Checkbox/styles.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledCheckbox = exports.StyledCheck = exports.StyledCheckboxLabel = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
-exports.StyledCheckboxLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-left: ", "px;\n    cursor: pointer;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-left: ", "px;\n    cursor: pointer;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.m; }, function (props) { return props.theme.font.lineHeight; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.spacing[1]; });
-exports.StyledCheck = styled_components_1.default.input(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    height: 16px;\n    width: 16px;\n    cursor: pointer;\n"], ["\n    height: 16px;\n    width: 16px;\n    cursor: pointer;\n"])));
+exports.StyledCheckboxLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    cursor: pointer;\n    margin-left: 8px;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    cursor: pointer;\n    margin-left: 8px;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.font.lineHeight; }, function (props) { return props.theme.colors.text.default; });
+exports.StyledCheck = styled_components_1.default.input(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    height: 16px;\n    width: 16px;\n    cursor: pointer;\n    margin: 0;\n    margin-top: 1px;\n"], ["\n    height: 16px;\n    width: 16px;\n    cursor: pointer;\n    margin: 0;\n    margin-top: 1px;\n"])));
 exports.StyledCheckbox = styled_components_1.default.label(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    cursor: pointer;\n"], ["\n    display: flex;\n    cursor: pointer;\n"])));
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,uNAAA,qBAC1B,EAAiC,oBACnC,EAAiC,sBAC/B,EAAoC,gBAC1C,EAAwC,sBAClC,EAA+B,6BAEjD,KANkB,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,EAC/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAEjD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,0IAAA,+DAItC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,yHAAA,8CAGzC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,oNAAA,qBAC1B,EAAiC,oBACnC,EAAiC,sBAC/B,EAAoC,gBAC1C,EAAwC,kDAGpD,KANkB,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,EAC/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAGpD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,gLAAA,qGAMtC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,yHAAA,8CAGzC,KAAA"}

package/dist/components/Error/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Error = void 0;
 var React = require("react");
-var ExclamationCircle_1 = require("../../assets/icons/ExclamationCircle");
+var ExclamationTriangle_1 = require("../../assets/icons/ExclamationTriangle");
 var theme_1 = require("../../theme");
 var Error = function () {
-    return React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 20, color: theme_1.theme.colors.error });
+    return React.createElement(ExclamationTriangle_1.ExclamationTriangle, { width: 24, color: theme_1.theme.colors.error });
 };
 exports.Error = Error;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Error/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,0EAAwE;AACxE,qCAAmC;AAE5B,IAAM,KAAK,GAAa;IAC3B,OAAO,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,CAAC,KAAK,GAAI,CAAA;AACtE,CAAC,CAAA;AAFY,QAAA,KAAK,SAEjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Error/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,8EAA4E;AAC5E,qCAAmC;AAE5B,IAAM,KAAK,GAAa;IAC3B,OAAO,oBAAC,yCAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,CAAC,KAAK,GAAI,CAAA;AACxE,CAAC,CAAA;AAFY,QAAA,KAAK,SAEjB"}

package/dist/components/Heading/styles.js

@@ -10,10 +10,10 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
 }, 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; },
+    3: function (props) { return props.theme.font.sizes.xl; },
+    4: function (props) { return props.theme.font.sizes.l; },
     5: function (props) { return props.theme.font.sizes.m; },
-    6: function (props) { return props.theme.font.sizes.m; },
+    6: function (props) { return props.theme.font.sizes.s; },
 }), styled_map_1.default('margin', {
     0: function (props) { return props.theme.spacing[0] + 'px'; },
     1: function (props) { return props.theme.spacing[1] + 'px'; },
@@ -21,12 +21,14 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
     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'; },
+    6: function (props) { return props.theme.spacing[6] + 'px'; },
 }), styled_map_1.default('size', {
-    1: '40px',
-    2: '36px',
-    3: '28px',
-    4: '24px',
+    1: '48px',
+    2: '42px',
+    3: '36px',
+    4: '30px',
     5: '24px',
+    6: '21px',
 }), function (props) {
     return props.weight
         ? props.weight
@@ -36,7 +38,7 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
             3: 900,
             4: 900,
             5: 800,
-            6: 800,
+            6: 600,
         });
 }, function (props) { return props.theme.colors.text.heading; });
 var templateObject_1;

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

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

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

@@ -49,7 +49,7 @@ var CurrencyInput = function (props) {
         }
     }, [valueFromProp, currentValue]);
     return (React.createElement(styles_2.StyledCurrencyInputWrapper, null,
-        React.createElement(styles_1.StyledPrePostFix, null, prefix ? prefix : '€'),
+        React.createElement(styles_1.StyledPreFix, 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)));
 };

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

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

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

@@ -4,7 +4,7 @@ exports.StyledTooltip = exports.StyledCurrencyInputWrapper = exports.StyledCurre
 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.StyledCurrencyInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    padding-left: 16px;\n    border-radius: 0 5px 5px 0;\n"], ["\n    ", ";\n    padding-left: 16px;\n    border-radius: 0 5px 5px 0;\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.StyledTooltip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = 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;

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

@@ -1 +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,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"}
+{"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,oJAA0B,QACnE,EAAW,+DAGhB,KAHK,oBAAW,EAGhB;AAEY,QAAA,0BAA0B,GAAG,2BAAM,CAAC,GAAG,4HAAA,iDAGnD,KAAA;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/index.js

@@ -10,11 +10,11 @@ var styles_1 = require("./styles");
 var Input = function (_a) {
     var hook = _a.hook, helpText = _a.helpText, tooltip = _a.tooltip, postfix = _a.postfix, prefix = _a.prefix, props = tslib_1.__rest(_a, ["hook", "helpText", "tooltip", "postfix", "prefix"]);
     return (React.createElement(styles_1.StyledInputWrapper, null,
-        prefix && React.createElement(styles_1.StyledPrePostFix, null, prefix),
+        prefix && React.createElement(styles_1.StyledPreFix, null, prefix),
         React.createElement(styles_1.StyledInputInner, null,
-            React.createElement(styles_1.StyledInput, tslib_1.__assign({ "data-hook": hook }, props)),
+            React.createElement(styles_1.StyledInput, tslib_1.__assign({ "data-hook": hook, prefix: prefix, postfix: postfix }, props)),
             helpText && React.createElement(styles_1.StyledHelpText, null, helpText)),
-        postfix && React.createElement(styles_1.StyledPrePostFix, null, postfix),
+        postfix && React.createElement(styles_1.StyledPostFix, null, postfix),
         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 })))));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,+CAAwC;AACxC,4DAA0D;AAC1D,2CAAkD;AAElD,mCAOiB;AAYV,IAAM,KAAK,GAAyB,UAAC,EAO3C;IANG,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,sBANgC,oDAO3C,CADW;IAER,OAAO,CACH,oBAAC,2BAAkB;QACd,MAAM,IAAI,oBAAC,yBAAgB,QAAE,MAAM,CAAoB;QACxD,oBAAC,yBAAgB;YACb,oBAAC,oBAAW,kCAAY,IAAI,IAAM,KAAK,EAAI;YAC1C,QAAQ,IAAI,oBAAC,uBAAc,QAAE,QAAQ,CAAkB,CACzC;QAClB,OAAO,IAAI,oBAAC,yBAAgB,QAAE,OAAO,CAAoB;QACzD,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;AAhCY,QAAA,KAAK,SAgCjB;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACf,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,+CAAwC;AACxC,4DAA0D;AAC1D,2CAAkD;AAElD,mCAQiB;AAYV,IAAM,KAAK,GAAyB,UAAC,EAO3C;IANG,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,sBANgC,oDAO3C,CADW;IAER,OAAO,CACH,oBAAC,2BAAkB;QACd,MAAM,IAAI,oBAAC,qBAAY,QAAE,MAAM,CAAgB;QAChD,oBAAC,yBAAgB;YACb,oBAAC,oBAAW,kCACG,IAAI,EACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IACZ,KAAK,EACX;YACD,QAAQ,IAAI,oBAAC,uBAAc,QAAE,QAAQ,CAAkB,CACzC;QAClB,OAAO,IAAI,oBAAC,sBAAa,QAAE,OAAO,CAAiB;QACnD,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;AArCY,QAAA,KAAK,SAqCjB;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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.WithPostfix = exports.WithPrefix = exports.Default = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var _1 = require(".");
@@ -14,4 +14,12 @@ var Template = function (_a) {
     return react_1.default.createElement(_1.Input, tslib_1.__assign({}, args));
 };
 exports.Default = Template.bind({});
+exports.WithPrefix = Template.bind({});
+exports.WithPrefix.args = {
+    prefix: '€',
+};
+exports.WithPostfix = Template.bind({});
+exports.WithPostfix.args = {
+    postfix: 'mnd',
+};
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +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"}
+{"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;AAE3B,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,kBAAU,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,GAAG;CACd,CAAA;AAEY,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;CACjB,CAAA"}

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

@@ -3,11 +3,16 @@ interface InputStylesProps {
     error?: string | React.ReactNode;
     disabled?: boolean;
 }
+interface PreOrPostFix {
+    prefix?: string;
+    postfix?: string;
+}
 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 inputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputStylesProps & PreOrPostFix, any>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, InputStylesProps & PreOrPostFix, 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 declare const StyledPrePostFix: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPreFix: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPostFix: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/dist/components/Input/styles.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledPrePostFix = exports.StyledTooltip = exports.StyledInputInner = exports.StyledHelpText = exports.StyledInput = exports.inputStyles = exports.StyledInputWrapper = void 0;
+exports.StyledPostFix = exports.StyledPreFix = 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) {
+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: ", ";\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: 16px 16px;\n    height: 40px;\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        font-weight: 500;\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: ", ";\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: 16px 16px;\n    height: 40px;\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        font-weight: 500;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) {
     return props.disabled
         ? props.theme.colors.grey[2]
         : props.theme.colors.input.color;
@@ -13,7 +13,13 @@ exports.inputStyles = styled_components_1.css(templateObject_2 || (templateObjec
     return props.error
         ? props.theme.colors.input.error
         : props.theme.colors.input.border;
-}, function (props) { return props.theme.borderRadius.input; }, function (props) {
+}, function (props) {
+    return props.prefix
+        ? '0 5px 5px 0'
+        : props.postfix
+            ? '5px 0 0 5px'
+            : props.theme.borderRadius.default + "px";
+}, function (props) {
     return props.disabled
         ? props.theme.colors.grey[4]
         : props.theme.colors.input.background;
@@ -22,6 +28,8 @@ exports.StyledInput = styled_components_1.default.input(templateObject_3 || (tem
 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; });
-exports.StyledPrePostFix = styled_components_1.default.div(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 600;\n    color: ", ";\n    background-color: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 48px;\n    padding: 0 ", "px;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 600;\n    color: ", ";\n    background-color: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 48px;\n    padding: 0 ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[1]; }, function (props) { return props.theme.colors.grey[4]; }, function (props) { return props.theme.baseline * 2; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var prePostStyles = styled_components_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    color: ", ";\n    background-color: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 40px;\n    padding: 0 ", "px;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    color: ", ";\n    background-color: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 40px;\n    padding: 0 ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[1]; }, function (props) { return props.theme.colors.grey[4]; }, function (props) { return props.theme.baseline * 2; });
+exports.StyledPreFix = styled_components_1.default.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n    ", ";\n    border-radius: 5px 0 0 5px;\n"], ["\n    ", ";\n    border-radius: 5px 0 0 5px;\n"])), prePostStyles);
+exports.StyledPostFix = styled_components_1.default.div(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n    ", ";\n    border-radius: 0 5px 5px 0;\n"], ["\n    ", ";\n    border-radius: 0 5px 5px 0;\n"])), prePostStyles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=styles.js.map

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

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

package/dist/components/Modal/styles.js

@@ -37,6 +37,6 @@ exports.Shade = react_pose_1.default.div({
 exports.StyledShade = styled_components_1.default(exports.Shade)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    position: absolute;\n    background: rgba(0, 0, 0, 0.8);\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 100vh;\n"], ["\n    position: absolute;\n    background: rgba(0, 0, 0, 0.8);\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 100vh;\n"])));
 exports.StyledButton = styled_components_1.default(Button_1.Button)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    background: none;\n    border: none;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 57px;\n    height: 57px;\n    padding: 0;\n    z-index: 10;\n\n    ", "\n\n    &:hover {\n        background: none;\n\n        svg {\n            fill: orange;\n        }\n    }\n\n    svg {\n        fill: black;\n    }\n"], ["\n    background: none;\n    border: none;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 57px;\n    height: 57px;\n    padding: 0;\n    z-index: 10;\n\n    ", "\n\n    &:hover {\n        background: none;\n\n        svg {\n            fill: orange;\n        }\n    }\n\n    svg {\n        fill: black;\n    }\n"])), theme_1.media.s(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n        right: 10px;\n        top: 10px;\n    "], ["\n        right: 10px;\n        top: 10px;\n    "]))));
 exports.StyledContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    position: fixed;\n    width: 100%;\n    top: 0;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    z-index: 500;\n    height: ", ";\n"], ["\n    position: fixed;\n    width: 100%;\n    top: 0;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    z-index: 500;\n    height: ", ";\n"])), function (props) { return (props.modalOpen ? '100%' : 'auto'); });
-exports.StyledModal = styled_components_1.default(exports.ModalContent)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n    position: relative;\n    max-width: 700px;\n    height: 100%;\n    background: white;\n    z-index: 1;\n    padding: ", "px ", "px;\n    overflow: auto;\n\n    ", "\n"], ["\n    position: relative;\n    max-width: 700px;\n    height: 100%;\n    background: white;\n    z-index: 1;\n    padding: ", "px ", "px;\n    overflow: auto;\n\n    ", "\n"])), theme_1.baseline * 4, theme_1.baseline * 2, theme_1.media.xs(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n        padding: ", "px;\n        max-height: calc(100vh - 40px);\n        height: auto;\n        border-radius: ", "px;\n    "], ["\n        padding: ", "px;\n        max-height: calc(100vh - 40px);\n        height: auto;\n        border-radius: ", "px;\n    "])), theme_1.baseline * 6, function (props) { return props.theme.borderRadius.default; }));
+exports.StyledModal = styled_components_1.default(exports.ModalContent)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n    position: relative;\n    max-width: 700px;\n    height: 100%;\n    background: white;\n    z-index: 1;\n    padding: ", "px ", "px;\n    overflow: auto;\n\n    ", "\n"], ["\n    position: relative;\n    max-width: 700px;\n    height: 100%;\n    background: white;\n    z-index: 1;\n    padding: ", "px ", "px;\n    overflow: auto;\n\n    ", "\n"])), theme_1.baseline * 4, theme_1.baseline * 2, theme_1.media.xs(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n        padding: ", "px;\n        max-height: calc(100vh - 40px);\n        height: auto;\n        border-radius: ", "px;\n    "], ["\n        padding: ", "px;\n        max-height: calc(100vh - 40px);\n        height: auto;\n        border-radius: ", "px;\n    "])), theme_1.baseline * 6, function (props) { return props.theme.borderRadius.large; }));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAA8B;AAC9B,qCAA6C;AAC7C,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,YAAY,GAAG,oBAAK,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE;QACH,CAAC,EAAE,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;IACD,IAAI,EAAE;QACF,CAAC,EAAE,EAAE;QACL,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;CACJ,CAAC,CAAA;AAEW,QAAA,KAAK,GAAG,oBAAK,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE;QACH,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;CACJ,CAAC,CAAA;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,aAAK,CAAC,2NAAA,gJAQvC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sZAAA,iLAWpC,EAGD,wJAaJ,KAhBK,aAAK,CAAC,CAAC,6HAAA,kDAGR,MAaJ;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,sPAAyB,oKAQpD,EAA4C,KACzD,KADa,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACzD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,oBAAY,CAAC,yPAAA,6HAMhC,EAAY,KAAM,EAAY,kCAGvC,EAKD,IACJ,KATc,gBAAQ,GAAG,CAAC,EAAM,gBAAQ,GAAG,CAAC,EAGvC,aAAK,CAAC,EAAE,6MAAA,qBACK,EAAY,8FAGN,EAAyC,WAC7D,KAJc,gBAAQ,GAAG,CAAC,EAGN,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,GAEjE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAA8B;AAC9B,qCAA6C;AAC7C,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,YAAY,GAAG,oBAAK,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE;QACH,CAAC,EAAE,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;IACD,IAAI,EAAE;QACF,CAAC,EAAE,EAAE;QACL,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;CACJ,CAAC,CAAA;AAEW,QAAA,KAAK,GAAG,oBAAK,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE;QACH,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;CACJ,CAAC,CAAA;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,aAAK,CAAC,2NAAA,gJAQvC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sZAAA,iLAWpC,EAGD,wJAaJ,KAhBK,aAAK,CAAC,CAAC,6HAAA,kDAGR,MAaJ;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,sPAAyB,oKAQpD,EAA4C,KACzD,KADa,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACzD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,oBAAY,CAAC,yPAAA,6HAMhC,EAAY,KAAM,EAAY,kCAGvC,EAKD,IACJ,KATc,gBAAQ,GAAG,CAAC,EAAM,gBAAQ,GAAG,CAAC,EAGvC,aAAK,CAAC,EAAE,6MAAA,qBACK,EAAY,8FAGN,EAAuC,WAC3D,KAJc,gBAAQ,GAAG,CAAC,EAGN,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,GAE/D"}

package/dist/components/Notification/index.js

@@ -2,15 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Notification = void 0;
 var React = require("react");
-var CheckCircle_1 = require("../../assets/icons/CheckCircle");
+var MessageSquareCheck_1 = require("../../assets/icons/MessageSquareCheck");
+var ExclamationTriangle_1 = require("../../assets/icons/ExclamationTriangle");
 var ExclamationCircle_1 = require("../../assets/icons/ExclamationCircle");
-var InfoCircle_1 = require("../../assets/icons/InfoCircle");
+var MessageSquareDots_1 = require("../../assets/icons/MessageSquareDots");
 var styles_1 = require("./styles");
 var Notification = function (_a) {
     var hook = _a.hook, type = _a.type, children = _a.children;
     return (React.createElement(styles_1.StyledNotification, { "data-hook": hook, type: type },
         React.createElement("div", { style: { display: 'flex', alignItems: 'flex-start' } },
-            React.createElement(styles_1.StyledIcon, { type: type }, type === 'error' ? (React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 17 })) : type === 'success' ? (React.createElement(CheckCircle_1.CheckCircle, { width: 17 })) : (React.createElement(InfoCircle_1.InfoCircle, { width: 17 }))),
+            React.createElement(styles_1.StyledIcon, { type: type }, type === 'error' ? (React.createElement(ExclamationTriangle_1.ExclamationTriangle, { width: 24 })) : type === 'success' ? (React.createElement(MessageSquareCheck_1.MessageSquareCheck, { width: 24 })) : type === 'warning' ? (React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 24 })) : (React.createElement(MessageSquareDots_1.MessageSquareDots, { width: 24 }))),
             React.createElement("span", null, children))));
 };
 exports.Notification = Notification;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,0EAAwE;AACxE,4DAA0D;AAC1D,mCAAyD;AAWlD,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHG,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,2BAAkB,iBAAY,IAAI,EAAE,IAAI,EAAE,IAAI;QAC3C,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE;YACrD,oBAAC,mBAAU,IAAC,IAAI,EAAE,IAAI,IACjB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAChB,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI,CACnC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI,CAC7B,CAAC,CAAC,CAAC,CACA,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,GAAI,CAC5B,CACQ;YACb,kCAAO,QAAQ,CAAQ,CACrB,CACW,CACxB,CAAA;AACL,CAAC,CAAA;AArBY,QAAA,YAAY,gBAqBxB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,4EAA0E;AAC1E,8EAA4E;AAC5E,0EAAwE;AACxE,0EAAwE;AACxE,mCAAyD;AAWlD,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHG,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,2BAAkB,iBAAY,IAAI,EAAE,IAAI,EAAE,IAAI;QAC3C,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE;YACrD,oBAAC,mBAAU,IAAC,IAAI,EAAE,IAAI,IACjB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAChB,oBAAC,yCAAmB,IAAC,KAAK,EAAE,EAAE,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,uCAAkB,IAAC,KAAK,EAAE,EAAE,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI,CACnC,CAAC,CAAC,CAAC,CACA,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI,CACnC,CACQ;YACb,kCAAO,QAAQ,CAAQ,CACrB,CACW,CACxB,CAAA;AACL,CAAC,CAAA;AAvBY,QAAA,YAAY,gBAuBxB"}

package/dist/components/Notification/styles.js

@@ -5,12 +5,14 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var styled_map_1 = require("styled-map");
 var Box_1 = require("../Box");
-exports.StyledNotification = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 21px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border-left: 4px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"], ["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 21px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border-left: 4px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"])), function (props) { return Box_1.mb(2, props.theme.spacing); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 1.5; }, function (props) { return props.theme.baseline * 2; }, styled_map_1.default('type', {
-    error: '#FFEFEE',
-    warning: '#FFF4E1',
-    message: '#EAF3FF',
-    succes: '#EBFFF1',
-}), function (props) { return props.theme.colors.grey[1]; }, function (props) {
+exports.StyledNotification = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border: 1px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"], ["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border: 1px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"])), function (props) { return Box_1.mb(2, props.theme.spacing); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 1.5; }, function (props) { return props.theme.baseline * 2; }, function (props) {
+    return styled_map_1.default('type', {
+        error: props.theme.colors.red[4],
+        warning: props.theme.colors.orange[4],
+        message: props.theme.colors.blue[3],
+        success: props.theme.colors.green[3],
+    });
+}, function (props) { return props.theme.colors.grey[1]; }, function (props) {
     return props.contentAlign === 'center'
         ? 'center'
         : props.contentAlign === 'right'
@@ -18,13 +20,13 @@ exports.StyledNotification = styled_components_1.default.div(templateObject_1 ||
             : 'flex-start';
 }, function (props) { return (props.contentAlign ? props.contentAlign : 'left'); }, function (props) {
     return styled_map_1.default('type', {
-        error: props.theme.colors.error,
-        warning: props.theme.colors.warning,
-        message: props.theme.colors.message,
-        success: props.theme.colors.success,
+        error: props.theme.colors.red[2],
+        warning: '#FFD68F',
+        message: '#A8CDFF',
+        success: props.theme.colors.green[2],
     });
 });
-exports.StyledIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    width: 20px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"], ["\n    display: inline-flex;\n    width: 20px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"])), function (props) {
+exports.StyledIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    width: 24px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"], ["\n    display: inline-flex;\n    width: 24px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"])), function (props) {
     return styled_map_1.default('type', {
         error: props.theme.colors.error,
         warning: props.theme.colors.warning,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;AAEd,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6cAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAKlB,gBACO,EAAmC,+FAI7B,EAKO,qBACR,EAA2D,6EAGzD,EAMV,8CAIT,KAlCK,UAAA,KAAK,IAAI,OAAA,QAAE,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAA1B,CAA0B,EACtB,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,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAA1B,CAA0B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACnB,oBAAS,CAAC,MAAM,EAAE;IAClC,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CACpB,CAAC,EACO,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAI7B,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,YAAY,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO;YAChC,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,YAAY;AAJlB,CAIkB,EACR,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlD,CAAkD,EAGzD,UAAA,KAAK;IACjB,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;AALF,CAKE,EAIT;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8LAElC,4DAGW,EAMH,uBACU,EAA+B,4BAElD,KATY,UAAA,KAAK;IACV,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;AALF,CAKE,EACU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAElD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;AAEd,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,wcAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAMd,gBACG,EAAmC,+FAI7B,EAKO,qBACR,EAA2D,wEAGzD,EAMV,8CAIT,KAnCK,UAAA,KAAK,IAAI,OAAA,QAAE,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAA1B,CAA0B,EACtB,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,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAA1B,CAA0B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACnB,UAAA,KAAK;IACrB,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;KACvC,CAAC;AALF,CAKE,EACG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAI7B,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,YAAY,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO;YAChC,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,YAAY;AAJlB,CAIkB,EACR,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlD,CAAkD,EAGzD,UAAA,KAAK;IACjB,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAChC,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;KACvC,CAAC;AALF,CAKE,EAIT;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8LAElC,4DAGW,EAMH,uBACU,EAA+B,4BAElD,KATY,UAAA,KAAK;IACV,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;AALF,CAKE,EACU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAElD"}

package/dist/components/Radio/styles.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledRadioLabel = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
-exports.StyledRadioLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: normal;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    input {\n        margin: 0 8px 0 0;\n        height: 24px;\n        width: 24px;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: normal;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    input {\n        margin: 0 8px 0 0;\n        height: 24px;\n        width: 24px;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.font.lineHeight; });
+exports.StyledRadioLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: 500;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    input {\n        margin: 0 8px 4px 0;\n        height: 16px;\n        width: 16px;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: 500;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    input {\n        margin: 0 8px 4px 0;\n        height: 16px;\n        width: 16px;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.font.lineHeight; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,qZAAqB,qBAC9C,EAAiC,oBACnC,EAAiC,gBACrC,EAAwC,sBAClC,EAAoC,mPAatD,KAhBkB,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,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAatD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,oZAAqB,qBAC9C,EAAiC,oBACnC,EAAiC,gBACrC,EAAwC,sBAClC,EAAoC,kPAatD,KAhBkB,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,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAatD"}

package/dist/components/Select/index.js

@@ -3,9 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
 var tslib_1 = require("tslib");
 var React = require("react");
-var ChevronDown_1 = require("../../assets/icons/ChevronDown");
+var fa_1 = require("react-icons/fa");
 var styles_1 = require("./styles");
-var theme_1 = require("../../theme/theme");
 var Select = function (_a) {
     var error = _a.error, value = _a.value, hook = _a.hook, loading = _a.loading, options = _a.options, placeholder = _a.placeholder, children = _a.children, props = tslib_1.__rest(_a, ["error", "value", "hook", "loading", "options", "placeholder", "children"]);
     return (React.createElement("div", { style: { position: 'relative' } },
@@ -13,7 +12,7 @@ var Select = function (_a) {
             placeholder && (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, placeholder)),
             options.map(function (item) { return (React.createElement(styles_1.StyledOption, { key: item.id, value: item.id }, item.name)); }))) : (children)),
         React.createElement(styles_1.StyledChevron, null,
-            React.createElement(ChevronDown_1.ChevronDown, { width: 10, color: theme_1.GREY2 }))));
+            React.createElement(fa_1.FaChevronDown, { size: 12 }))));
 };
 exports.Select = Select;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,mCAAoE;AACpE,2CAAyC;AAWlC,IAAM,MAAM,GAA0B,UAAC,EAS7C;IARG,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBARkC,2EAS7C,CADW;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChC,oBAAC,qBAAY,qBACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,KAAK,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,eACP,IAAI,IACX,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,uBAEhC,CAClB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV;YACK,WAAW,IAAI,CACZ,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAC1C,WAAW,CACD,CAClB;YACA,OAAO,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACjB,oBAAC,qBAAY,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,IAAI,CACC,CAClB,EAJoB,CAIpB,CAAC,CACH,CACN,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACU;QACf,oBAAC,sBAAa;YACV,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAK,GAAI,CAC5B,CACd,CACT,CAAA;AACL,CAAC,CAAA;AA7CY,QAAA,MAAM,UA6ClB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,qCAA8C;AAC9C,mCAAoE;AAW7D,IAAM,MAAM,GAA0B,UAAC,EAS7C;IARG,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBARkC,2EAS7C,CADW;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChC,oBAAC,qBAAY,qBACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,KAAK,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,eACP,IAAI,IACX,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,uBAEhC,CAClB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV;YACK,WAAW,IAAI,CACZ,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAC1C,WAAW,CACD,CAClB;YACA,OAAO,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACjB,oBAAC,qBAAY,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,IAAI,CACC,CAClB,EAJoB,CAIpB,CAAC,CACH,CACN,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACU;QACf,oBAAC,sBAAa;YACV,oBAAC,kBAAa,IAAC,IAAI,EAAE,EAAE,GAAI,CACf,CACd,CACT,CAAA;AACL,CAAC,CAAA;AA7CY,QAAA,MAAM,UA6ClB"}

package/dist/components/Select/styles.js

@@ -4,7 +4,7 @@ exports.StyledChevron = exports.StyledOption = exports.StyledSelect = void 0;
 var tslib_1 = require("tslib");
 var styled_map_1 = require("styled-map");
 var styled_components_1 = require("styled-components");
-exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 48px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 48px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.m; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
+exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 16px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 16px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
     return props.error
         ? props.theme.colors.input.error
         : props.theme.colors.input.border;
@@ -19,6 +19,6 @@ exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (t
     default: 'pointer',
 }), function (props) { return props.theme.colors.input.focus; });
 exports.StyledOption = styled_components_1.default.option(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n"], ["\n    color: ", ";\n"])), function (props) { return props.theme.colors.input.color; });
-exports.StyledChevron = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    pointer-events: none;\n    width: 10px;\n    height: 16px;\n"], ["\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    pointer-events: none;\n    width: 10px;\n    height: 16px;\n"])));
+exports.StyledChevron = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 15px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n"], ["\n    position: absolute;\n    top: 0;\n    right: 15px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n"])));
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,8jBAKxC,qBACkB,EAAiC,oBACnC,EAAiC,wMAS7B,EAAuC,yBACxC,EAAgC,yBAChC,EAGyB,gBAChC,EAK+B,2BACpB,EAA4C,iBACtD,EAGR,kEAGkB,EAAuC,gEAK9D,KAlCkB,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,EAS7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACxC,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,EAChC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtC,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAJpC,CAIoC,EACpB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACtD,oBAAS,CAAC;IAChB,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;CACrB,CAAC,EAGkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAK9D;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,iGAAA,eAC5B,EAAuC,KACnD,KADY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EACnD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,0MAAA,+HAOtC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,8jBAKxC,qBACkB,EAAiC,oBACnC,EAAiC,wMAS7B,EAAuC,yBACxC,EAAgC,yBAChC,EAGyB,gBAChC,EAK+B,2BACpB,EAA4C,iBACtD,EAGR,kEAGkB,EAAuC,gEAK9D,KAlCkB,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,EAS7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACxC,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,EAChC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtC,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAJpC,CAIoC,EACpB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACtD,oBAAS,CAAC;IAChB,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;CACrB,CAAC,EAGkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAK9D;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,iGAAA,eAC5B,EAAuC,KACnD,KADY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EACnD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,mOAAA,wJAQtC,KAAA"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface TagProps {
-    kind?: 'action' | 'stale' | 'disabled';
+    kind?: 'default' | 'success' | 'error' | 'warning' | 'disabled';
 }
 export declare const Tag: React.FC<TagProps>;

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

@@ -3,3 +3,7 @@ import { TagProps } from './';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Default: Story<TagProps>;
+export declare const Error: Story<TagProps>;
+export declare const Success: Story<TagProps>;
+export declare const Warning: Story<TagProps>;
+export declare const Disabled: Story<TagProps>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Disabled = exports.Warning = exports.Success = exports.Error = exports.Default = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var _1 = require("./");
@@ -14,4 +14,23 @@ var Template = function (_a) {
     return react_1.default.createElement(_1.Tag, tslib_1.__assign({}, args), "Hexagon");
 };
 exports.Default = Template.bind({});
+exports.Default.args = {
+    kind: 'default',
+};
+exports.Error = Template.bind({});
+exports.Error.args = {
+    kind: 'error',
+};
+exports.Success = Template.bind({});
+exports.Success.args = {
+    kind: 'success',
+};
+exports.Warning = Template.bind({});
+exports.Warning.args = {
+    kind: 'warning',
+};
+exports.Disabled = Template.bind({});
+exports.Disabled.args = {
+    kind: 'disabled',
+};
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Tag/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAkC;AAElC,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,8BAAC,MAAG,uBAAK,IAAI,aAAe,CAAA;CAAA,CAAA;AAElE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Tag/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAkC;AAElC,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,8BAAC,MAAG,uBAAK,IAAI,aAAe,CAAA;CAAA,CAAA;AAElE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,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,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,UAAU;CACnB,CAAA"}