@fattureincloud/fic-design-system 0.3.20 → 0.3.21

package/dist/components/form/checkbox/checkbox.stories.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useCallback } from 'react';
+import Checkbox from './Checkbox';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export var WithStatus = function (args) {
+    var _a = useCheckboxValue('indeterminate'), status = _a.status, setIndeterminate = _a.setIndeterminate, setCheck = _a.setCheck, setUncheck = _a.setUncheck;
+    var onClick = useCallback(function () {
+        if (status === 'checked') {
+            setUncheck();
+        }
+        else if (status === 'unchecked') {
+            setIndeterminate();
+        }
+        else {
+            setCheck();
+        }
+    }, [setCheck, setIndeterminate, setUncheck, status]);
+    return React.createElement(Checkbox, __assign({}, args, { onClick: onClick, value: status }));
+};
+export var WithBoolean = function (args) {
+    var _a = useCheckboxValue(true), value = _a.value, toggleCheckbox = _a.toggleCheckbox;
+    var helper = { status: 'error', message: 'Si è verificato un error' };
+    return React.createElement(Checkbox, __assign({}, args, { onClick: toggleCheckbox, value: value, helper: helper }));
+};
+var CheckboxStories = {
+    title: 'New Components/Checkbox',
+    component: Checkbox,
+    args: {
+        text: 'A Checkbox Story',
+        large: true,
+        isDisabled: false,
+    },
+};
+export default CheckboxStories;
+//# sourceMappingURL=checkbox.stories.js.map

package/dist/components/form/checkbox/checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/form/checkbox/checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,QAA2B,MAAM,YAAY,CAAA;AACpD,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AAEvD,MAAM,CAAC,IAAM,UAAU,GAAyB,UAAA,IAAI;IAC5C,IAAA,sCAAsF,EAApF,kBAAM,EAAE,sCAAgB,EAAE,sBAAQ,EAAE,0BAAgD,CAAA;IAE5F,IAAM,OAAO,GAAG,WAAW,CAAC;QAC1B,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,UAAU,EAAE,CAAA;SACb;aAAM,IAAI,MAAM,KAAK,WAAW,EAAE;YACjC,gBAAgB,EAAE,CAAA;SACnB;aAAM;YACL,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAEpD,OAAO,oBAAC,QAAQ,eAAK,IAAI,IAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAA;AAChE,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAyB,UAAA,IAAI;IAC7C,IAAA,2BAAkD,EAAhD,gBAAK,EAAE,kCAAyC,CAAA;IACxD,IAAM,MAAM,GAAqB,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,0BAA0B,EAAE,CAAA;IAEzF,OAAO,oBAAC,QAAQ,eAAK,IAAI,IAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AACtF,CAAC,CAAA;AAED,IAAM,eAAe,GAAwB;IAC3C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,KAAK;KAClB;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/form/checkbox/checkboxPalette.d.ts

@@ -0,0 +1,16 @@
+import { paletteColor } from '../../../styles/types';
+import { checkboxParts, checkboxState, checkboxStatus } from './types';
+export declare type CheckboxPalette = {
+    input: {
+        [k in checkboxState]: {
+            [k in checkboxStatus]: {
+                [k in checkboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in checkboxState]: paletteColor;
+    };
+};
+declare const checkboxPalette: CheckboxPalette;
+export default checkboxPalette;

package/dist/components/form/checkbox/checkboxPalette.js

@@ -0,0 +1,39 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var normalChecked = {
+    tickColor: defaultPalette.white[100],
+    backgroundColor: defaultPalette.blue[500],
+    borderColor: defaultPalette.blue[500],
+};
+var errorChecked = {
+    tickColor: defaultPalette.white[100],
+    backgroundColor: defaultPalette.red[500],
+    borderColor: defaultPalette.red[500],
+};
+var checkboxPalette = {
+    input: {
+        normal: {
+            checked: normalChecked,
+            indeterminate: normalChecked,
+            unchecked: {
+                tickColor: defaultPalette.white[100],
+                backgroundColor: 'transparent',
+                borderColor: defaultPalette.grey[500],
+            },
+        },
+        error: {
+            checked: errorChecked,
+            indeterminate: errorChecked,
+            unchecked: {
+                tickColor: defaultPalette.white[100],
+                backgroundColor: 'transparent',
+                borderColor: defaultPalette.red[500],
+            },
+        },
+    },
+    label: {
+        normal: defaultPalette.black[100],
+        error: defaultPalette.red[500],
+    },
+};
+export default checkboxPalette;
+//# sourceMappingURL=checkboxPalette.js.map

package/dist/components/form/checkbox/checkboxPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxPalette.js","sourceRoot":"","sources":["../../../../src/components/form/checkbox/checkboxPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAiB3D,IAAM,aAAa,GAAG;IACpB,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;IACpC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;IACzC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;CACtC,CAAA;AAED,IAAM,YAAY,GAAG;IACnB,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;IACpC,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;IACxC,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;CACrC,CAAA;AAED,IAAM,eAAe,GAAoB;IACvC,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,aAAa;YAC5B,SAAS,EAAE;gBACT,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;gBACpC,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;aACtC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE,YAAY;YAC3B,SAAS,EAAE;gBACT,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;gBACpC,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;aACrC;SACF;KACF;IACD,KAAK,EAAE;QACL,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACjC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;KAC/B;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/form/checkbox/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    isDisabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "backgroundColor" | "cursor" | "height" | "opacity" | "width" | "borderColor" | "tickColor">;
+export default Input;

package/dist/components/form/checkbox/components/Input.js

@@ -0,0 +1,31 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { getInputStyle } from '../utils';
+var Input = styled.span.attrs(getInputStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 4px;\n  font-size: 10px;\n  text-align: center;\n\n  width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  border: ", ";\n  cursor: ", ";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: ", ";\n"], ["\n  border-radius: 4px;\n  font-size: 10px;\n  text-align: center;\n\n  width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  border: ", ";\n  cursor: ", ";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: ", ";\n"])), function (_a) {
+    var width = _a.width;
+    return width;
+}, function (_a) {
+    var height = _a.height;
+    return height;
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor;
+}, function (_a) {
+    var tickColor = _a.tickColor;
+    return tickColor;
+}, function (_a) {
+    var borderColor = _a.borderColor;
+    return "1px solid " + borderColor;
+}, function (_a) {
+    var cursor = _a.cursor;
+    return cursor;
+}, function (_a) {
+    var opacity = _a.opacity;
+    return opacity;
+});
+export default Input;
+var templateObject_1;
+//# sourceMappingURL=Input.js.map

package/dist/components/form/checkbox/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/form/checkbox/components/Input.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AASxC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAqC,aAAa,CAAC,qVAAoB,iFAK3F,EAAoB,eACnB,EAAsB,yBACZ,EAAwC,cACnD,EAA4B,eAC3B,EAA+C,eAC/C,EAAsB,0FAMrB,EAAwB,KACpC,KAZU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACnB,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EACZ,UAAC,EAAmB;QAAjB,oCAAe;IAAO,OAAA,eAAe;AAAf,CAAe,EACnD,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,SAAS;AAAT,CAAS,EAC3B,UAAC,EAAe;QAAb,4BAAW;IAAO,OAAA,eAAa,WAAa;AAA1B,CAA0B,EAC/C,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EAMrB,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,OAAO;AAAP,CAAO,CACpC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/form/checkbox/components/Label.d.ts

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    isDisabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "cursor" | "fontSize" | "opacity">;
+export default Label;

package/dist/components/form/checkbox/components/Label.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { getLabelStyle } from '../utils';
+var Label = styled.span.attrs(getLabelStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  text-align: left;\n  font-size: ", ";\n  cursor: ", ";\n  color: ", ";\n  opacity: ", ";\n"], ["\n  flex: 1;\n  text-align: left;\n  font-size: ", ";\n  cursor: ", ";\n  color: ", ";\n  opacity: ", ";\n"])), function (_a) {
+    var fontSize = _a.fontSize;
+    return fontSize;
+}, function (_a) {
+    var cursor = _a.cursor;
+    return cursor;
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var opacity = _a.opacity;
+    return opacity;
+});
+export default Label;
+var templateObject_1;
+//# sourceMappingURL=Label.js.map

package/dist/components/form/checkbox/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../src/components/form/checkbox/components/Label.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAQxC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAuC,aAAa,CAAC,+KAAoB,kDAGzF,EAA0B,eAC7B,EAAsB,cACvB,EAAoB,gBAClB,EAAwB,KACpC,KAJc,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAC7B,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EACvB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EAClB,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,OAAO;AAAP,CAAO,CACpC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/form/checkbox/hooks/useCheckboxValue.d.ts

@@ -0,0 +1,11 @@
+import { checkboxStatus } from '../types';
+interface UseCheckboxValueReturn {
+    status: checkboxStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    setIndeterminate: () => void;
+    toggleCheckbox: () => void;
+}
+declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+export default useCheckboxValue;

package/dist/components/form/checkbox/hooks/useCheckboxValue.js

@@ -0,0 +1,21 @@
+import { useCallback, useState } from 'react';
+import { convertToStatus } from '../utils';
+var useCheckboxValue = function (initialValue) {
+    if (initialValue === void 0) { initialValue = 'unchecked'; }
+    var _a = useState(function () { return convertToStatus(initialValue); }), status = _a[0], setStatus = _a[1];
+    var value = status === 'checked';
+    var setCheck = useCallback(function () { return setStatus('checked'); }, []);
+    var setUncheck = useCallback(function () { return setStatus('unchecked'); }, []);
+    var setIndeterminate = useCallback(function () { return setStatus('indeterminate'); }, []);
+    var toggleCheckbox = useCallback(function () { return setStatus(function (status) { return (status === 'unchecked' ? 'checked' : 'unchecked'); }); }, []);
+    return {
+        status: status,
+        value: value,
+        setCheck: setCheck,
+        setUncheck: setUncheck,
+        setIndeterminate: setIndeterminate,
+        toggleCheckbox: toggleCheckbox,
+    };
+};
+export default useCheckboxValue;
+//# sourceMappingURL=useCheckboxValue.js.map

package/dist/components/form/checkbox/hooks/useCheckboxValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckboxValue.js","sourceRoot":"","sources":["../../../../../src/components/form/checkbox/hooks/useCheckboxValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAW1C,IAAM,gBAAgB,GAAG,UAAC,YAAoD;IAApD,6BAAA,EAAA,0BAAoD;IACtE,IAAA,oEAAmE,EAAlE,cAAM,EAAE,iBAA0D,CAAA;IAEzE,IAAM,KAAK,GAAG,MAAM,KAAK,SAAS,CAAA;IAClC,IAAM,QAAQ,GAAG,WAAW,CAAC,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,EAApB,CAAoB,EAAE,EAAE,CAAC,CAAA;IAC5D,IAAM,UAAU,GAAG,WAAW,CAAC,cAAM,OAAA,SAAS,CAAC,WAAW,CAAC,EAAtB,CAAsB,EAAE,EAAE,CAAC,CAAA;IAChE,IAAM,gBAAgB,GAAG,WAAW,CAAC,cAAM,OAAA,SAAS,CAAC,eAAe,CAAC,EAA1B,CAA0B,EAAE,EAAE,CAAC,CAAA;IAC1E,IAAM,cAAc,GAAG,WAAW,CAAC,cAAM,OAAA,SAAS,CAAC,UAAA,MAAM,IAAI,OAAA,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,EAAlD,CAAkD,CAAC,EAAvE,CAAuE,EAAE,EAAE,CAAC,CAAA;IAErH,OAAO;QACL,MAAM,QAAA;QACN,KAAK,OAAA;QACL,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;KACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/form/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import Checkbox, { CheckboxProps } from './Checkbox';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

package/dist/components/form/checkbox/index.js

@@ -0,0 +1,5 @@
+import Checkbox from './Checkbox';
+import checkboxPalette from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, checkboxPalette };
+//# sourceMappingURL=index.js.map

package/dist/components/form/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAA2B,MAAM,YAAY,CAAA;AACpD,OAAO,eAAoC,MAAM,mBAAmB,CAAA;AACpE,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAiB,eAAe,EAAmB,CAAA"}

package/dist/components/form/checkbox/types.d.ts

@@ -0,0 +1,19 @@
+import { paletteColor } from '../../../styles/types';
+export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
+export declare type checkboxState = 'normal' | 'error';
+export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
+export interface CheckboxStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    tickColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/components/form/checkbox/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/form/checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/checkbox/types.ts"],"names":[],"mappings":""}

package/dist/components/form/checkbox/utils.d.ts

@@ -0,0 +1,24 @@
+import { DefaultTheme } from 'styled-components';
+import { IconProps } from '../../icon';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+import { checkboxStatus, CheckboxStyles } from './types';
+interface InputMapParams extends CheckboxInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+interface LabelMapProps extends CheckboxLabelProps {
+    theme: DefaultTheme;
+}
+export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+    fontSize: string;
+    cursor: string;
+    opacity: number;
+    color: string;
+};
+declare type statusIconType = {
+    [k in checkboxStatus]: IconProps['icon'] | null;
+};
+export declare const statusIcon: statusIconType;
+export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export {};

package/dist/components/form/checkbox/utils.js

@@ -0,0 +1,37 @@
+import { faCheck, faMinus } from '@fortawesome/pro-solid-svg-icons';
+export var getInputStyle = function (_a) {
+    var theme = _a.theme, value = _a.value, isDisabled = _a.isDisabled, large = _a.large, hasError = _a.hasError;
+    var _b = theme.components.checkbox.input, normal = _b.normal, error = _b.error;
+    var size = large ? '20px' : '16px';
+    var currentStatus = hasError ? error : normal;
+    var _c = currentStatus[value], borderColor = _c.borderColor, tickColor = _c.tickColor, backgroundColor = _c.backgroundColor;
+    return {
+        backgroundColor: backgroundColor,
+        tickColor: tickColor,
+        borderColor: borderColor,
+        cursor: isDisabled ? 'not-allowed' : 'pointer',
+        height: size,
+        width: size,
+        opacity: isDisabled ? 0.3 : 1,
+    };
+};
+export var getLabelStyle = function (_a) {
+    var isDisabled = _a.isDisabled, large = _a.large, theme = _a.theme, hasError = _a.hasError;
+    var _b = theme.components.checkbox.label, normal = _b.normal, error = _b.error;
+    var color = hasError ? error : normal;
+    return {
+        fontSize: large ? '16px' : '14px',
+        cursor: isDisabled ? 'not-allowed' : 'pointer',
+        opacity: isDisabled ? 0.1 : 1,
+        color: color,
+    };
+};
+export var statusIcon = {
+    checked: faCheck,
+    indeterminate: faMinus,
+    unchecked: null,
+};
+export var convertToStatus = function (value) {
+    return typeof value === 'boolean' ? (value ? 'checked' : 'unchecked') : value;
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/form/checkbox/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/form/checkbox/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAYnE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAA6D;QAA3D,gBAAK,EAAE,gBAAK,EAAE,0BAAU,EAAE,gBAAK,EAAE,sBAAQ;IACjE,IAAA,oCAAmD,EAAjD,kBAAM,EAAE,gBAAyC,CAAA;IACzD,IAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IAEpC,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IACzC,IAAA,yBAAkE,EAAhE,4BAAW,EAAE,wBAAS,EAAE,oCAAwC,CAAA;IAExE,OAAO;QACL,eAAe,iBAAA;QACf,SAAS,WAAA;QACT,WAAW,aAAA;QACX,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QAC9C,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC9B,CAAA;AACH,CAAC,CAAA;AAMD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAqD;QAAnD,0BAAU,EAAE,gBAAK,EAAE,gBAAK,EAAE,sBAAQ;IAC1D,IAAA,oCAAmD,EAAjD,kBAAM,EAAE,gBAAyC,CAAA;IAEzD,IAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvC,OAAO;QACL,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACjC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QAC9C,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,KAAK,OAAA;KACN,CAAA;AACH,CAAC,CAAA;AAMD,MAAM,CAAC,IAAM,UAAU,GAAmB;IACxC,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,OAAO;IACtB,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAA+B;IAC7D,OAAA,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK;AAAtE,CAAsE,CAAA"}

package/dist/components/form/common/components/ComplexInputWrapper.js

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var ComplexInputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 6px;\n  flex: 1;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 6px;\n  flex: 1;\n"])));
+export default ComplexInputWrapper;
+var templateObject_1;
+//# sourceMappingURL=ComplexInputWrapper.js.map

package/dist/components/form/common/components/ComplexInputWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexInputWrapper.js","sourceRoot":"","sources":["../../../../../src/components/form/common/components/ComplexInputWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,wIAAA,qEAKrC,IAAA,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/form/common/exampleHelpers.d.ts

@@ -0,0 +1,3 @@
+import { InputHelperProps } from '../inputHelper';
+export declare const errorHelper: InputHelperProps;
+export declare const warningHelper: InputHelperProps;

package/dist/components/form/common/exampleHelpers.js

@@ -0,0 +1,9 @@
+export var errorHelper = {
+    status: 'error',
+    message: 'Si è verificato un problema',
+};
+export var warningHelper = {
+    status: 'warning',
+    message: 'Fare attenzione',
+};
+//# sourceMappingURL=exampleHelpers.js.map

package/dist/components/form/common/exampleHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exampleHelpers.js","sourceRoot":"","sources":["../../../../src/components/form/common/exampleHelpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,WAAW,GAAqB;IAC3C,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,6BAA6B;CACvC,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAqB;IAC7C,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,iBAAiB;CAC3B,CAAA"}

package/dist/components/form/common/styles.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var boxedInputWrapperStyle = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n\n  border-radius: 4px;\n\n  transition: box-shadow 0.3s ease-in-out;\n\n  &:focus-within {\n    ", "\n  }\n"], ["\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n\n  border-radius: 4px;\n\n  transition: box-shadow 0.3s ease-in-out;\n\n  &:focus-within {\n    ",
+    "\n  }\n"])), function (_a) {
+    var background = _a.background;
+    return background;
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var borderColor = _a.borderColor;
+    return borderColor;
+}, function (_a) {
+    var status = _a.status, normalFocused = _a.normalFocused, borderColor = _a.borderColor;
+    return status === 'normal'
+        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            box-shadow: 0 0 0 3px ", ";\n            border-color: ", ";\n          "], ["\n            box-shadow: 0 0 0 3px ", ";\n            border-color: ", ";\n          "])), normalFocused.borderColor + '85', normalFocused.borderColor) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            box-shadow: 0 0 0 3px ", ";\n          "], ["\n            box-shadow: 0 0 0 3px ", ";\n          "])), borderColor + '85');
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

package/dist/components/form/common/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/form/common/styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAYvC,MAAM,CAAC,IAAM,sBAAsB,GAAG,GAAG,mPAAwB,kBACjD,EAA8B,cACnC,EAAoB,yBACT,EAAgC,sGAOhD;IAQK,SAEV,KAnBe,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,UAAU;AAAV,CAAU,EACnC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACT,UAAC,EAAe;QAAb,4BAAW;IAAO,OAAA,WAAW;AAAX,CAAW,EAOhD,UAAC,EAAsC;QAApC,kBAAM,EAAE,gCAAa,EAAE,4BAAW;IACrC,OAAA,MAAM,KAAK,QAAQ;QACjB,CAAC,CAAC,GAAG,2JAAA,sCACuB,EAAgC,+BACxC,EAAyB,eAC1C,KAFyB,aAAa,CAAC,WAAW,GAAG,IAAI,EACxC,aAAa,CAAC,WAAW,EAE7C,CAAC,CAAC,GAAG,0HAAA,sCACuB,EAAkB,eAC3C,KADyB,WAAW,GAAG,IAAI,CAC3C;AAPL,CAOK,CAEV,CAAA"}

package/dist/components/form/common/types.js

@@ -0,0 +1,3 @@
+export var inputSizeArray = ['large', 'medium'];
+export var statusesArray = ['normal', 'success', 'warning', 'error'];
+//# sourceMappingURL=types.js.map

package/dist/components/form/common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/common/types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAGjD,MAAM,CAAC,IAAM,aAAa,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA"}

package/dist/components/form/inputHelper/InputHelper.js

@@ -0,0 +1,40 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../icon';
+import { useHelperIcon } from './hooks/useHelperIcon';
+var InputHelper = function (_a) {
+    var status = _a.status, message = _a.message, icon = _a.icon;
+    var statusIcon = useHelperIcon(status, icon);
+    return (React.createElement(Wrapper, { status: status },
+        statusIcon && React.createElement(StyledIcon, __assign({}, statusIcon)),
+        message));
+};
+var StyledIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 2px;\n"], ["\n  margin-top: 2px;\n"])));
+var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n\n  padding: 4px 8px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n\n  font-size: 12px;\n  line-height: 18px;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n\n  padding: 4px 8px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n\n  font-size: 12px;\n  line-height: 18px;\n\n  ", " {\n    color: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme, status = _a.status;
+    return theme.components.inputHelper[status].color;
+}, function (_a) {
+    var theme = _a.theme, status = _a.status;
+    return theme.components.inputHelper[status].background;
+}, StyledIcon, function (_a) {
+    var theme = _a.theme, status = _a.status;
+    return theme.components.inputHelper[status].color;
+});
+export default InputHelper;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=InputHelper.js.map

package/dist/components/form/inputHelper/InputHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelper.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/InputHelper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAQrD,IAAM,WAAW,GAAG,UAAC,EAA2C;QAAzC,kBAAM,EAAE,oBAAO,EAAE,cAAI;IAC1C,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM;QACpB,UAAU,IAAI,oBAAC,UAAU,eAAK,UAAU,EAAI;QAC5C,OAAO,CACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,2FAAA,wBAE9B,IAAA,CAAA;AAMD,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,sSAAc,aAC7B,EAAiE,mBAC5D,EAAsE,gKAYlF,EAAU,iBACD,EAAiE,UAE7E,KAhBU,UAAC,EAAiB;QAAf,gBAAK,EAAE,kBAAM;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK;AAA1C,CAA0C,EAC5D,UAAC,EAAiB;QAAf,gBAAK,EAAE,kBAAM;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,UAAU;AAA/C,CAA+C,EAYlF,UAAU,EACD,UAAC,EAAiB;QAAf,gBAAK,EAAE,kBAAM;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK;AAA1C,CAA0C,CAE7E,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/form/inputHelper/hooks/useHelperIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../../icon';
+export declare const useHelperIcon: (status: string, icon?: IconProps | null | undefined) => IconProps | null;

package/dist/components/form/inputHelper/hooks/useHelperIcon.js

@@ -0,0 +1,9 @@
+import { useTheme } from 'styled-components';
+export var useHelperIcon = function (status, icon) {
+    var theme = useTheme();
+    if (icon || icon === null) {
+        return icon;
+    }
+    return theme.components.inputHelper[status].defaultIcon;
+};
+//# sourceMappingURL=useHelperIcon.js.map

package/dist/components/form/inputHelper/hooks/useHelperIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHelperIcon.js","sourceRoot":"","sources":["../../../../../src/components/form/inputHelper/hooks/useHelperIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAK5C,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,MAAyB,EAAE,IAAuB;IAC9E,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE;QACzB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,WAAW,CAAA;AACzD,CAAC,CAAA"}

package/dist/components/form/inputHelper/index.js

@@ -0,0 +1,4 @@
+import InputHelper from './InputHelper';
+import inputHelperPalette from './inputHelperPalette';
+export { InputHelper, inputHelperPalette };
+//# sourceMappingURL=index.js.map

package/dist/components/form/inputHelper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAiC,MAAM,eAAe,CAAA;AAC7D,OAAO,kBAA0C,MAAM,sBAAsB,CAAA;AAE7E,OAAO,EAAE,WAAW,EAAoB,kBAAkB,EAAsB,CAAA"}

package/dist/components/form/inputHelper/inputHelper.stories.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { boolean } from '@storybook/addon-knobs';
+import React from 'react';
+import { getRandomIcon } from '../../../common/utils/iconsUtils';
+import InputHelper from './InputHelper';
+import { inputHelperStatusesArray } from './types';
+export var WithKnobs = function (args) {
+    var customIcon = boolean('customIcon', false);
+    var icon = customIcon ? getRandomIcon() : undefined;
+    return React.createElement(InputHelper, __assign({}, args, { icon: icon }));
+};
+var InputHelperStories = {
+    title: 'New Components/InputHelper',
+    component: InputHelper,
+    args: {
+        status: 'normal',
+        message: 'Messaggio di esempio',
+    },
+    argTypes: {
+        status: {
+            options: inputHelperStatusesArray,
+            control: { type: 'select' },
+        },
+    },
+};
+export default InputHelperStories;
+//# sourceMappingURL=inputHelper.stories.js.map

package/dist/components/form/inputHelper/inputHelper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHelper.stories.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/inputHelper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,WAAiC,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,CAAC,IAAM,SAAS,GAA4B,UAAA,IAAI;IACpD,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IAE/C,IAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAErD,OAAO,oBAAC,WAAW,eAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,CAAA;AAC9C,CAAC,CAAA;AAED,IAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,sBAAsB;KAChC;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,wBAAwB;YACjC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/form/inputHelper/inputHelperPalette.js

@@ -0,0 +1,31 @@
+import { faCheckCircle, faExclamationTriangle, faInfoCircle, faTimesCircle } from '@fortawesome/pro-solid-svg-icons';
+import defaultPalette from '../../../styles/defaultPalette';
+var inputHelperPalette = {
+    normal: {
+        color: defaultPalette.black[100],
+        background: defaultPalette.grey[100],
+        defaultIcon: null,
+    },
+    error: {
+        color: defaultPalette.red[900],
+        background: defaultPalette.red[50],
+        defaultIcon: { icon: faTimesCircle },
+    },
+    warning: {
+        color: defaultPalette.yellow[900],
+        background: defaultPalette.yellow[50],
+        defaultIcon: { icon: faExclamationTriangle },
+    },
+    info: {
+        color: defaultPalette.blue[900],
+        background: defaultPalette.blue[50],
+        defaultIcon: { icon: faInfoCircle },
+    },
+    success: {
+        color: defaultPalette.green[900],
+        background: defaultPalette.green[50],
+        defaultIcon: { icon: faCheckCircle },
+    },
+};
+export default inputHelperPalette;
+//# sourceMappingURL=inputHelperPalette.js.map

package/dist/components/form/inputHelper/inputHelperPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHelperPalette.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/inputHelperPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAGpH,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAY3D,IAAM,kBAAkB,GAAuB;IAC7C,MAAM,EAAE;QACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,WAAW,EAAE,IAAI;KAClB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;QAC9B,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QAClC,WAAW,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;KACrC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;QACjC,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACrC,WAAW,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE;KAC7C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/B,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,WAAW,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACpC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,WAAW,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;KACrC;CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/form/inputHelper/types.js

@@ -0,0 +1,2 @@
+export var inputHelperStatusesArray = ['normal', 'error', 'warning', 'info', 'success'];
+//# sourceMappingURL=types.js.map

package/dist/components/form/inputHelper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA"}

package/dist/components/form/inputText/InputText.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import ComplexInputWrapper from '../common/components/ComplexInputWrapper';
+import InputHelper from '../inputHelper/InputHelper';
+import { Label } from '../label';
+import InputElement from './components/InputElement';
+var InputText = function (props) {
+    var label = props.label, className = props.className, inputProps = __rest(props, ["label", "className"]);
+    var isDisabled = props.isDisabled, required = props.required, helper = props.helper;
+    return (React.createElement(ComplexInputWrapper, { className: className },
+        React.createElement(Label, { label: label, isDisabled: isDisabled, required: required }),
+        React.createElement(InputElement, __assign({}, inputProps)),
+        helper && React.createElement(InputHelper, __assign({}, helper))));
+};
+export default InputText;
+//# sourceMappingURL=InputText.js.map