@fattureincloud/fic-design-system 0.3.17 → 0.3.21

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.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.d.ts

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

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.d.ts

@@ -0,0 +1,9 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from './types';
+export interface BoxedInputWrapperProps extends colorsPalette {
+    borderColor: paletteColor;
+    normalFocused: CommonInputParts;
+    status: statusType;
+}
+export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;

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.d.ts

@@ -0,0 +1,14 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { InputHelperProps } from '../inputHelper';
+export declare type inputSizeType = 'large' | 'medium';
+export declare type statusType = 'normal' | 'success' | 'warning' | 'error';
+export interface CommonFormTypes {
+    inputSize?: inputSizeType;
+    isDisabled?: boolean;
+    helper?: InputHelperProps;
+    status?: statusType;
+}
+export interface CommonInputParts extends colorsPalette {
+    borderColor: paletteColor;
+}

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.d.ts

@@ -0,0 +1,12 @@
+import { ReactChild } from 'react';
+import { IconProps } from '../../icon';
+import { inputHelperStatus } from './types';
+export interface InputHelperProps extends WrapperProps {
+    message: ReactChild;
+    icon?: IconProps;
+}
+declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;
+interface WrapperProps {
+    status: inputHelperStatus;
+}
+export default InputHelper;

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.d.ts

@@ -0,0 +1,3 @@
+import InputHelper, { InputHelperProps } from './InputHelper';
+import inputHelperPalette, { InputHelperPalette } from './inputHelperPalette';
+export { InputHelper, InputHelperProps, inputHelperPalette, InputHelperPalette };

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.d.ts

@@ -0,0 +1,7 @@
+import { colorsPalette } from 'common/types/colorsPalette';
+import { inputHelperStatus } from './types';
+export declare type InputHelperPalette = {
+    [k in inputHelperStatus]: colorsPalette;
+};
+declare const inputHelperPalette: InputHelperPalette;
+export default inputHelperPalette;

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.d.ts

@@ -0,0 +1 @@
+export declare type inputHelperStatus = 'normal' | 'error' | 'warning' | 'info' | 'success';

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.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LabelProps } from '../label';
+import { InputElementProps } from './types';
+export declare type InputTextProps = LabelProps & InputElementProps;
+declare const InputText: (props: InputTextProps) => JSX.Element;
+export default InputText;

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/InputText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,0CAA0C,CAAA;AAC1E,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAA;AAC5C,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAKpD,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC9B,IAAA,mBAAK,EAAE,2BAAS,EAAE,kDAAa,CAAU;IACzC,IAAA,6BAAU,EAAE,yBAAQ,EAAE,qBAAM,CAAU;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;QACvC,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACnE,oBAAC,YAAY,eAAK,UAAU,EAAI;QAC/B,MAAM,IAAI,oBAAC,WAAW,eAAK,MAAM,EAAI,CAClB,CACvB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxedInputWrapperProps } from '../../common/styles';
+import { InputElementProps } from '../types';
+declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'isDisabled' | 'status'>;
+export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default InputElement;

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

@@ -0,0 +1,49 @@
+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, { useCallback, useRef } from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+import { boxedInputWrapperStyle } from '../../common/styles';
+import StatusIcon from './StatusIcon';
+import { StyledInput } from './styled';
+import { getInputTextStyles } from './utils';
+var InputElement = function (_a) {
+    var autoFocus = _a.autoFocus, onBlur = _a.onBlur, onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, isDisabled = _a.isDisabled, name = _a.name, inputSize = _a.inputSize, leadingIcon = _a.leadingIcon, onKeyPress = _a.onKeyPress, _d = _a.status, status = _d === void 0 ? 'normal' : _d, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, inputType = _a.inputType, onFocus = _a.onFocus, className = _a.className, actionIcon = _a.actionIcon, setValue = _a.setValue;
+    var ref = useRef(null);
+    var onClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
+    var actualValue = (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    var handleChange = useCallback(function (e) {
+        setValue === null || setValue === void 0 ? void 0 : setValue(e.currentTarget.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    }, [onChange, setValue]);
+    var handleBlur = useCallback(function (e) {
+        setValue === null || setValue === void 0 ? void 0 : setValue(e.target.value.trim());
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur, setValue]);
+    return (React.createElement(Wrapper, { onClick: onClick, isDisabled: isDisabled, status: status, className: className },
+        leadingIcon && React.createElement(InputIcon, __assign({}, leadingIcon, { isDisabled: isDisabled })),
+        React.createElement(StyledInput, { ref: ref, type: inputType, autoFocus: autoFocus, value: actualValue, placeholder: "" + placeholder, disabled: isDisabled, name: name, inputSize: inputSize, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, onKeyPress: onKeyPress, onKeyDown: onKeyDown, onKeyUp: onKeyUp }),
+        React.createElement(StatusIcon, { status: status }),
+        actionIcon && React.createElement(InputIcon, __assign({}, actionIcon, { isDisabled: isDisabled }))));
+};
+var Wrapper = styled.div.attrs(getInputTextStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"], ["\n  ", ";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"])), boxedInputWrapperStyle);
+var InputIcon = styled(Icon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n"], ["\n  color: ", ";\n  font-size: 14px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.black[100];
+});
+export default InputElement;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=InputElement.js.map

package/dist/components/form/inputText/components/InputElement.js.map

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