@beequip/hexagon 0.11.0 → 0.15.0

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

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTooltip = exports.StyledCurrencySign = exports.StyledCurrencyInputWrapper = exports.StyledCurrencyInput = void 0;
+exports.StyledTooltip = 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.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.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;
+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;
 //# sourceMappingURL=styles.js.map

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,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"}
+{"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.d.ts

@@ -5,5 +5,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     error?: string | React.ReactNode;
     helpText?: string;
     tooltip?: Tooltip;
+    postfix?: string;
+    prefix?: string;
 }
 export declare const Input: React.FC<InputProps>;

package/dist/components/Input/index.js

@@ -3,16 +3,18 @@ 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 styles_1 = require("./styles");
 var Input = function (_a) {
-    var hook = _a.hook, helpText = _a.helpText, tooltip = _a.tooltip, props = tslib_1.__rest(_a, ["hook", "helpText", "tooltip"]);
+    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.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.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,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"}
+{"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,10 +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 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.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,5 +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; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+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":";;;;AAAA,uDAA+C;AAC/C,wCAAsC;AAOzB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,4HAAA,iDAG3C,KAAA;AAEY,QAAA,WAAW,GAAG,uBAAG,ouCAAkB,qBAC7B,EAAiC,2CAEnC,EAAiC,gBACrC,EAG+B,iIAKxB,EAAgC,yBAChC,EAGyB,wBACxB,EAAuC,6BACpC,EAGyB,yqBA+BzB,EAAuC,mLAU9C,EAA6C,YAE7D,KA/DkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAKxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAChC,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAFrC,CAEqC,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACpC,UAAA,KAAK;IACrB,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU;AAFzC,CAEyC,EA+BzB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAU9C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAApC,CAAoC,EAE7D;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,yFAAkB,QACnD,EAAW,IAChB,KADK,mBAAW,EAChB;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,mBAAQ,CAAC,uRAAA,mLAS7B,EAAmC,uBAEnD,KAFgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEnD;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,0HAAA,+CAGzC,KAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,wJAAA,qBACpB,EAAiC,sBACjC,EAA6B,8BAE/C,KAHkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACjC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAE/C"}
+{"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"}