@egov3/system-design 1.3.86 → 1.3.87

package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".BaseField-module_inputContainer__OO-kD {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.BaseField-module_placeholderPadding__vrmf- {\n  padding: 16px 16px;\n}\n\n.BaseField-module_labelPadding__UeTP- {\n  padding: 8px 16px;\n}\n\n.BaseField-module_inputContainerLabeled__2dJtD {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.BaseField-module_inputContainerIcon__dPNhD {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n\n.BaseField-module_inputContainerLabeled__2dJtD label {\n  color: var(--text-secondary);\n}\n\n.BaseField-module_input__f-4fw {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.BaseField-module_input__f-4fw:active,\n.BaseField-module_input__f-4fw:focus {\n  outline: none;\n}\n\n.BaseField-module_input__f-4fw::placeholder {\n  color: var(--text-disabled-color);\n}\n\ninput {\n  height: 24px;\n}\n\ntextarea {\n  height: 24px;\n  box-sizing: border-box;\n  resize: none;\n  line-height: 24px;\n}\n\n.BaseField-module_input__f-4fw::-webkit-inner-spin-button,\n.BaseField-module_input__f-4fw::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.BaseField-module_clearIcon__EWZCS {\n  cursor: pointer;\n}\n\n.BaseField-module_code__TmEwt {\n  text-align: center;\n}\n";
+var styles = {"inputContainer":"BaseField-module_inputContainer__OO-kD","placeholderPadding":"BaseField-module_placeholderPadding__vrmf-","labelPadding":"BaseField-module_labelPadding__UeTP-","inputContainerLabeled":"BaseField-module_inputContainerLabeled__2dJtD","inputContainerIcon":"BaseField-module_inputContainerIcon__dPNhD","input":"BaseField-module_input__f-4fw","clearIcon":"BaseField-module_clearIcon__EWZCS","code":"BaseField-module_code__TmEwt"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=BaseField.module.css.js.map

package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/baseComponents/BaseField/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ClearIcon = require('../../svg/ClearIcon.js');
+var joinClasses = require('../../utils/joinClasses.js');
+var typography_module = require('../../styles/typography.module.css.js');
+var BaseField_module = require('./BaseField.module.css.js');
+
+var BaseFieldInner = function (_a, ref) {
+    var _b = _a.value, value = _b === void 0 ? "" : _b, labelText = _a.labelText, inputLeftIcon = _a.inputLeftIcon, isClearable = _a.isClearable, className = _a.className, style = _a.style, id = _a.id, controlledFocused = _a.focused, setFocused = _a.setFocused, onChange = _a.onChange, _c = _a.dataTestid, dataTestid = _c === void 0 ? "BaseField_MAIN" : _c, children = _a.children;
+    var _d = React.useState(false), localFocused = _d[0], setLocalFocused = _d[1];
+    var focused = controlledFocused !== null && controlledFocused !== void 0 ? controlledFocused : localFocused;
+    var isLabelShown = !!labelText && (focused || value.length > 0);
+    var isLabelPlaceholderShown = !!labelText && !focused && value.length === 0;
+    var handleFocus = function () {
+        setLocalFocused(true);
+        setFocused === null || setFocused === void 0 ? void 0 : setFocused(true);
+    };
+    var handleBlur = function () {
+        setLocalFocused(false);
+        setFocused === null || setFocused === void 0 ? void 0 : setFocused(false);
+    };
+    var handleChange = function (event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    };
+    var handleClear = function () {
+        if (!onChange)
+            return;
+        var event = {
+            target: { value: "" },
+        };
+        onChange(event);
+    };
+    return (jsxRuntime.jsxs("div", tslib.__assign({ ref: ref, "data-testid": dataTestid, className: joinClasses.joinClasses(BaseField_module.default.inputContainer, focused && BaseField_module.default["input--onfocus"], isLabelShown ? BaseField_module.default.labelPadding : BaseField_module.default.placeholderPadding, typography_module.default.body2Regular, className), style: style }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ className: BaseField_module.default.inputContainerLabeled }, { children: [isLabelShown && (jsxRuntime.jsx("label", tslib.__assign({ htmlFor: id, className: typography_module.default.caption1Regular }, { children: labelText }))), jsxRuntime.jsxs("div", tslib.__assign({ className: BaseField_module.default.inputContainerIcon }, { children: [inputLeftIcon, children({
+                                focused: focused,
+                                showLabel: isLabelShown,
+                                showPlaceholder: isLabelPlaceholderShown,
+                                handleFocus: handleFocus,
+                                handleBlur: handleBlur,
+                                handleChange: handleChange,
+                            })] }))] })), isClearable && value && (jsxRuntime.jsx(ClearIcon.ClearIcon, { className: BaseField_module.default.clearIcon, onClick: handleClear, pathFill: "#758393" }))] })));
+};
+var BaseField = React.forwardRef(BaseFieldInner);
+
+exports.BaseField = BaseField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/baseComponents/BaseField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","__assign","joinClasses","styles","typography","_jsx","ClearIcon","forwardRef"],"mappings":"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"}

package/dist/cjs/baseComponents/InputField/index.js

@@ -3,78 +3,25 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var ClearIcon = require('../../svg/ClearIcon.js');
 var joinClasses = require('../../utils/joinClasses.js');
-var typography_module = require('../../styles/typography.module.css.js');
-var InputField_module = require('./InputField.module.css.js');
+var index = require('../BaseField/index.js');
+var BaseField_module = require('../BaseField/BaseField.module.css.js');
 
-var InputField = React.forwardRef(function (_a, ref) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.className, className = _c === void 0 ? "" : _c, style = _a.style, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? "text" : _e, id = _a.id, _f = _a.labelText, labelText = _f === void 0 ? "" : _f, ariaLabel = _a.ariaLabel, controlledFocused = _a.focused, setControlledFocused = _a.setFocused, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "InputField_MAIN" : _h, _j = _a.variant, variant = _j === void 0 ? "default" : _j, _k = _a.autoExpand, autoExpand = _k === void 0 ? false : _k;
-    var _l = React.useState(false), localFocused = _l[0], setLocalFocused = _l[1];
-    var textareaRef = React.useRef(null);
-    var inputRef = React.useRef(null);
-    var isControlled = controlledFocused !== undefined;
-    var focused = isControlled ? controlledFocused : localFocused;
-    var isLabelShown = labelText.length > 0 && (focused || value.length > 0);
-    var isLabelPlaceholderShown = value.length === 0 && !focused;
-    var handleClear = function () {
-        if (onChange) {
-            onChange({
-                target: { value: "" },
-            });
-        }
-    };
-    var handleFocus = function () {
-        if (!isControlled) {
-            setLocalFocused(true);
-        }
-        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(true);
-        if (onFocus)
-            onFocus();
-    };
-    var handleBlur = function () {
-        if (!isControlled) {
-            setLocalFocused(false);
-        }
-        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(false);
-        if (onBlur)
-            onBlur();
-    };
+var InputField = React.forwardRef(function (props, ref) {
+    var id = props.id, labelText = props.labelText, value = props.value, readOnly = props.readOnly, onChange = props.onChange, onKeyDown = props.onKeyDown, _a = props.variant, variant = _a === void 0 ? "default" : _a, focused = props.focused, setFocused = props.setFocused, isClearable = props.isClearable, inputLeftIcon = props.inputLeftIcon, htmlProps = tslib.__rest(props, ["id", "labelText", "value", "readOnly", "onChange", "onKeyDown", "variant", "focused", "setFocused", "isClearable", "inputLeftIcon"]);
     var handleKeyDown = function (event) {
-        if (onEnterPress && event.key === "Enter") {
-            onEnterPress(event);
-        }
-    };
-    var handleTextareaInput = function (event) {
-        var textarea = event.currentTarget;
-        textarea.style.height = "24px";
-        textarea.style.height = "".concat(textarea.scrollHeight, "px");
-        if (onChange) {
-            onChange(event);
-        }
-    };
-    React.useImperativeHandle(ref, function () {
-        if (autoExpand) {
-            return textareaRef.current;
-        }
-        else {
-            return inputRef.current;
+        var _a;
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        if (event.key === "Enter") {
+            (_a = props.onEnterPress) === null || _a === void 0 ? void 0 : _a.call(props, event);
         }
-    }, [autoExpand]);
-    var commonProps = {
-        "data-testid": "InputField_INPUT",
-        "aria-label": ariaLabel,
-        id: id,
-        className: joinClasses.joinClasses(InputField_module.default.input, variant === "code" && InputField_module.default.code, type === "text" ? typography_module.default.body2Regular : undefined),
-        placeholder: isLabelPlaceholderShown ? labelText : "",
-        "aria-placeholder": isLabelPlaceholderShown ? labelText : "",
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onChange: onChange,
-        value: value,
-        readOnly: readOnly || !onChange,
     };
-    return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": dataTestid, className: joinClasses.joinClasses(InputField_module.default.inputContainer, focused ? InputField_module.default["input--onfocus"] : undefined, type === "text" ? typography_module.default.body2Regular : undefined, InputField_module.default["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], isLabelShown ? InputField_module.default.labelPadding : InputField_module.default.placeholderPadding, className), style: style }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ className: InputField_module.default.inputContainerLabeled, "data-testid": "InputField_WRAP_W_LABEL" }, { children: [isLabelShown && (jsxRuntime.jsx("label", tslib.__assign({ htmlFor: id, "data-testid": "InputField_LABEL", className: typography_module.default.caption1Regular }, { children: labelText }))), jsxRuntime.jsxs("div", tslib.__assign({ className: InputField_module.default.inputContainerIcon, "data-testid": "InputField_WRAP_LEFT_ICON" }, { children: [inputLeftIcon, autoExpand ? (jsxRuntime.jsx("textarea", tslib.__assign({ ref: textareaRef, onInput: handleTextareaInput }, commonProps))) : (jsxRuntime.jsx("input", tslib.__assign({ ref: inputRef, type: type, onKeyDown: handleKeyDown }, commonProps)))] }))] })), isClearable && value && (jsxRuntime.jsx(ClearIcon.ClearIcon, { fill: "red", pathFill: "#758393", className: InputField_module.default.clearIcon, onClick: handleClear }))] })));
+    return (jsxRuntime.jsx(index.BaseField, tslib.__assign({}, props, { onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon }, { children: function (_a) {
+            var handleFocus = _a.handleFocus, handleBlur = _a.handleBlur, showPlaceholder = _a.showPlaceholder, handleChange = _a.handleChange;
+            return (jsxRuntime.jsx("input", tslib.__assign({ "data-testid": "InputField_INPUT", ref: ref }, htmlProps, { id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: function (e) {
+                    handleChange(e);
+                }, className: joinClasses.joinClasses(BaseField_module.default.input, variant === "code" && BaseField_module.default.code, htmlProps.className) })));
+        } })));
 });
 
 exports.InputField = InputField;

package/dist/cjs/baseComponents/InputField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","useState","useRef","useImperativeHandle","joinClasses","styles","typography","_jsxs","__assign","_jsx","ClearIcon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","_jsx","BaseField","__assign","joinClasses","styles"],"mappings":";;;;;;;;;IA4Ba,UAAU,GAAGA,gBAAU,CAClC,UAAC,KAAK,EAAE,GAAG,EAAA;AAEP,IAAA,IAAA,EAAE,GAYA,KAAK,CAAA,EAZL,EACF,SAAS,GAWP,KAAK,CAAA,SAXE,EACT,KAAK,GAUH,KAAK,CAAA,KAVF,EACL,QAAQ,GASN,KAAK,CAAA,QATC,EACR,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,SAAS,GAOP,KAAK,CAAA,SAPE,EACT,EAAA,GAME,KAAK,CAAA,OANY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,WAAW,GAGT,KAAK,CAAA,WAHI,EACX,aAAa,GAEX,KAAK,CAAA,aAFM,EACV,SAAS,GAAAC,YAAA,CACV,KAAK,EAbH,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,CAaL,CADa;IAGd,IAAM,aAAa,GAAG,UAAC,KAA4C,EAAA;;AACjE,QAAA,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAG,KAAK,CAAC;AAClB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAG,KAAK,CAAC;AAC5B,QAAA;AACH,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAACC,eAAS,EAAAC,cAAA,CAAA,EAAA,EACJ,KAAK,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE3B,UAAC,EAA0D,EAAA;gBAAxD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;YAAO,QAC/DF,wDACc,kBAAkB,EAC9B,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,EAAA,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,CAAC,EAAA;oBACV,YAAY,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,SAAS,EAAEG,uBAAW,CACpBC,wBAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAIA,wBAAM,CAAC,IAAI,EACjC,SAAS,CAAC,SAAS,CACpB,EAAA,CAAA,CACD;QApB6D,CAqBhE,EAAA,CAAA,CACS;AAEhB,CAAC;;;;"}

package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".InputFieldGroup-module_input__Jz7Ir {\n  width: 24px;\n}\n";
+var styles = {"input":"InputFieldGroup-module_input__Jz7Ir"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=InputFieldGroup.module.css.js.map

package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFieldGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/baseComponents/InputFieldGroup/index.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var joinClasses = require('../../utils/joinClasses.js');
+var index = require('../InputField/index.js');
+var InputFieldGroup_module = require('./InputFieldGroup.module.css.js');
+
+var isModifierKeyPressed = function (event) {
+    return event.metaKey || event.ctrlKey || event.altKey;
+};
+var isSingleDigit = function (key) {
+    return key.length === 1 && /^\d$/.test(key);
+};
+var shouldPreventKeyInput = function (event) {
+    if (isModifierKeyPressed(event))
+        return false;
+    if (event.key.length !== 1)
+        return false;
+    return !isSingleDigit(event.key);
+};
+var InputFieldGroup = function (_a) {
+    var length = _a.length, code = _a.code, ariaLabel = _a["aria-label"], className = _a.className, focused = _a.focused, setFocused = _a.setFocused, handleInputChange = _a.handleInputChange, handleKeyDown = _a.handleKeyDown;
+    var inputsRef = React.useRef([]);
+    var focusInput = function (index) {
+        setTimeout(function () {
+            var _a;
+            (_a = inputsRef.current[index]) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 0);
+    };
+    var extractDigits = function (text) { return text.replace(/\D/g, ""); };
+    var handlePaste = function (startIndex, pastedText) {
+        var digits = extractDigits(pastedText);
+        for (var i = 0; i < digits.length && startIndex + i < length; i++) {
+            var index = startIndex + i;
+            handleInputChange(index)({
+                target: { value: digits[i] },
+            });
+        }
+        var lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
+        focusInput(lastFilledIndex);
+    };
+    var handleChange = function (index) { return function (event) {
+        var digits = extractDigits(event.target.value);
+        if (digits.length > 1) {
+            handlePaste(index, digits);
+            return;
+        }
+        handleInputChange(index)(event);
+        if (digits.length === 1 && index < length - 1) {
+            focusInput(index + 1);
+        }
+    }; };
+    var handleKey = function (index) { return function (event) {
+        if (shouldPreventKeyInput(event)) {
+            event.preventDefault();
+            return;
+        }
+        handleKeyDown === null || handleKeyDown === void 0 ? void 0 : handleKeyDown(index)(event);
+        if (event.key === "Backspace" && index > 0) {
+            focusInput(index - 1);
+        }
+    }; };
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: length }).map(function (_, index$1) {
+            var fieldId = "inputCode_".concat(index$1);
+            return (jsxRuntime.jsx(index.InputField, { "data-testid": "InputField_".concat(fieldId), ref: function (el) {
+                    inputsRef.current[index$1] = el;
+                }, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index$1] || "", "aria-label": ariaLabel, focused: focused, setFocused: setFocused, onChange: handleChange(index$1), onKeyDown: handleKey(index$1), className: joinClasses.joinClasses(className, InputFieldGroup_module.default.input) }, fieldId));
+        }) }));
+};
+
+exports.InputFieldGroup = InputFieldGroup;
+//# sourceMappingURL=index.js.map

package/dist/cjs/baseComponents/InputFieldGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["useRef","_jsx","_Fragment","index","InputField","joinClasses","styles"],"mappings":"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"}

package/dist/cjs/baseComponents/TextareaField/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var joinClasses = require('../../utils/joinClasses.js');
+var index = require('../BaseField/index.js');
+var BaseField_module = require('../BaseField/BaseField.module.css.js');
+
+var TextareaField = React.forwardRef(function (props, ref) {
+    var id = props.id, labelText = props.labelText, value = props.value, readOnly = props.readOnly, onChange = props.onChange, _a = props.variant, variant = _a === void 0 ? "default" : _a, focused = props.focused, setFocused = props.setFocused, isClearable = props.isClearable, inputLeftIcon = props.inputLeftIcon, htmlProps = tslib.__rest(props, ["id", "labelText", "value", "readOnly", "onChange", "variant", "focused", "setFocused", "isClearable", "inputLeftIcon"]);
+    var handleAutoResize = function (event) {
+        var textarea = event.currentTarget;
+        textarea.style.height = "24px";
+        textarea.style.height = "".concat(textarea.scrollHeight, "px");
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    };
+    return (jsxRuntime.jsx(index.BaseField, tslib.__assign({}, props, { onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon }, { children: function (_a) {
+            var handleFocus = _a.handleFocus, handleBlur = _a.handleBlur, showPlaceholder = _a.showPlaceholder, handleChange = _a.handleChange;
+            return (jsxRuntime.jsx("textarea", tslib.__assign({ "data-testid": "TextAreaField_TEXTAREA", ref: ref }, htmlProps, { id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onInput: handleAutoResize, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, className: joinClasses.joinClasses(BaseField_module.default.input, variant === "code" && BaseField_module.default.code) })));
+        } })));
+});
+
+exports.TextareaField = TextareaField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/baseComponents/TextareaField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","_jsx","BaseField","__assign","joinClasses","styles"],"mappings":";;;;;;;;;IA0Ba,aAAa,GAAGA,gBAAU,CAGrC,UAAC,KAAK,EAAE,GAAG,EAAA;AAET,IAAA,IAAA,EAAE,GAWA,KAAK,CAAA,EAXL,EACF,SAAS,GAUP,KAAK,CAAA,SAVE,EACT,KAAK,GASH,KAAK,CAAA,KATF,EACL,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,QAAQ,GAON,KAAK,CAAA,QAPC,EACR,EAAA,GAME,KAAK,CAAA,OANY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,WAAW,GAGT,KAAK,CAAA,WAHI,EACX,aAAa,GAEX,KAAK,CAAA,aAFM,EACV,SAAS,GAAAC,YAAA,CACV,KAAK,EAZH,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,CAYL,CADa;IAGd,IAAM,gBAAgB,GAAG,UAAC,KAA6C,EAAA;AACrE,QAAA,IAAM,QAAQ,GAAG,KAAK,CAAC,aAAa;AACpC,QAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;QAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,QAAQ,CAAC,YAAY,EAAA,IAAA,CAAI;AACpD,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAACC,eAAS,EAAAC,cAAA,CAAA,EAAA,EACJ,KAAK,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE3B,UAAC,EAA0D,EAAA;gBAAxD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;AAAO,YAAA,QAC/DF,cAAA,CAAA,UAAA,EAAAE,cAAA,CAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,EAAA,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAEC,uBAAW,CACpBC,wBAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAIA,wBAAM,CAAC,IAAI,CAClC,IACD;QAjB6D,CAkBhE,EAAA,CAAA,CACS;AAEhB,CAAC;;;;"}

package/dist/cjs/baseComponents/index.js

@@ -1,33 +1,37 @@
 'use strict';
 
 require('../styles/colors.css.js');
-var index$d = require('./Accordion/index.js');
-var index$c = require('./Button/index.js');
-var index$b = require('./InputField/index.js');
-var index$a = require('./Label/index.js');
-var index$9 = require('./Loader/index.js');
-var index$8 = require('./Modal/index.js');
+var index$f = require('./Accordion/index.js');
+var index$e = require('./Button/index.js');
+var index$d = require('./InputField/index.js');
+var index$c = require('./InputFieldGroup/index.js');
+var index$b = require('./Label/index.js');
+var index$a = require('./Loader/index.js');
+var index$9 = require('./Modal/index.js');
 var index = require('./Overlay/index.js');
-var index$7 = require('./RadioGroup/index.js');
-var index$6 = require('./RadioToggle/index.js');
-var index$5 = require('./SelectBoxButton/index.js');
+var index$8 = require('./RadioGroup/index.js');
+var index$7 = require('./RadioToggle/index.js');
+var index$6 = require('./SelectBoxButton/index.js');
 var index$1 = require('./StatusText/index.js');
 var index$2 = require('./TabButtons/index.js');
+var index$4 = require('./TextareaField/index.js');
 var index$3 = require('./TextPair/index.js');
-var index$4 = require('./Typography/index.js');
+var index$5 = require('./Typography/index.js');
 
 var BaseComponents = {
-    Accordion: index$d.Accordion,
-    Button: index$c.Button,
-    CustomRadioButton: index$7.CustomRadioButton,
-    InputField: index$b.InputField,
-    Label: index$a.Label,
-    Loader: index$9.Loader,
-    Modal: index$8.Modal,
-    RadioGroup: index$7.RadioGroup,
-    RadioToggle: index$6.RadioToggle,
-    SelectBoxButton: index$5.SelectBoxButton,
-    Typography: index$4.Typography,
+    Accordion: index$f.Accordion,
+    Button: index$e.Button,
+    CustomRadioButton: index$8.CustomRadioButton,
+    InputField: index$d.InputField,
+    InputFieldGroup: index$c.InputFieldGroup,
+    Label: index$b.Label,
+    Loader: index$a.Loader,
+    Modal: index$9.Modal,
+    RadioGroup: index$8.RadioGroup,
+    RadioToggle: index$7.RadioToggle,
+    SelectBoxButton: index$6.SelectBoxButton,
+    Typography: index$5.Typography,
+    TextareaField: index$4.TextareaField,
     TextPair: index$3.TextPair,
     TabButtons: index$2.TabButtons,
     StatusText: index$1.StatusText,

package/dist/cjs/baseComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Label","Loader","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography","TextPair","TabButtons","StatusText","Overlay"],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAAA,iBAAA;AACT,IAAA,MAAM,EAAAC,cAAA;AACN,IAAA,iBAAiB,EAAAC,yBAAA;AACjB,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,MAAM,EAAAC,cAAA;AACN,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,WAAW,EAAAC,mBAAA;AACX,IAAA,eAAe,EAAAC,uBAAA;AACf,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,QAAQ,EAAAC,gBAAA;AACR,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,OAAO,EAAAC,aAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","InputFieldGroup","Label","Loader","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography","TextareaField","TextPair","TabButtons","StatusText","Overlay"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAAA,iBAAA;AACT,IAAA,MAAM,EAAAC,cAAA;AACN,IAAA,iBAAiB,EAAAC,yBAAA;AACjB,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,eAAe,EAAAC,uBAAA;AACf,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,MAAM,EAAAC,cAAA;AACN,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,WAAW,EAAAC,mBAAA;AACX,IAAA,eAAe,EAAAC,uBAAA;AACf,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,aAAa,EAAAC,qBAAA;AACb,IAAA,QAAQ,EAAAC,gBAAA;AACR,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,OAAO,EAAAC,aAAA;;;;;"}

package/dist/cjs/components/Feedback/index.js

@@ -40,7 +40,7 @@ var Feedback = function (_a) {
                                                 handleEmojiClick(4);
                                             } }), jsxRuntime.jsx(graphics.Icons.Emoji.Grin, { className: Feedback_module.default.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.grinEmoji[lang], onClick: function () {
                                                 handleEmojiClick(5);
-                                            } })] })), jsxRuntime.jsx(index.BaseComponents.Typography, tslib.__assign({ tag: "span", fontClass: "caption2Regular", className: Feedback_module.default.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP_INPUT", className: Feedback_module.default.card }, { children: [jsxRuntime.jsx(index.BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxRuntime.jsxs("div", tslib.__assign({ className: Feedback_module.default.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsxRuntime.jsx(index.BaseComponents.InputField, { id: "serviceFeedbackInput", ariaLabel: langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange, autoExpand: true }), jsxRuntime.jsx(index.BaseComponents.Button, tslib.__assign({ size: "large", className: Feedback_module.default.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
+                                            } })] })), jsxRuntime.jsx(index.BaseComponents.Typography, tslib.__assign({ tag: "span", fontClass: "caption2Regular", className: Feedback_module.default.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP_INPUT", className: Feedback_module.default.card }, { children: [jsxRuntime.jsx(index.BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxRuntime.jsxs("div", tslib.__assign({ className: Feedback_module.default.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsxRuntime.jsx(index.BaseComponents.TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange }), jsxRuntime.jsx(index.BaseComponents.Button, tslib.__assign({ size: "large", className: Feedback_module.default.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
 };
 
 exports.Feedback = Feedback;

package/dist/cjs/components/Feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","BaseComponents","_jsxs","__assign","styles","Icons"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","BaseComponents","_jsxs","__assign","styles","Icons"],"mappings":"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"}

package/dist/esm/baseComponents/BaseField/BaseField.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".BaseField-module_inputContainer__OO-kD {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.BaseField-module_placeholderPadding__vrmf- {\n  padding: 16px 16px;\n}\n\n.BaseField-module_labelPadding__UeTP- {\n  padding: 8px 16px;\n}\n\n.BaseField-module_inputContainerLabeled__2dJtD {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.BaseField-module_inputContainerIcon__dPNhD {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n\n.BaseField-module_inputContainerLabeled__2dJtD label {\n  color: var(--text-secondary);\n}\n\n.BaseField-module_input__f-4fw {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.BaseField-module_input__f-4fw:active,\n.BaseField-module_input__f-4fw:focus {\n  outline: none;\n}\n\n.BaseField-module_input__f-4fw::placeholder {\n  color: var(--text-disabled-color);\n}\n\ninput {\n  height: 24px;\n}\n\ntextarea {\n  height: 24px;\n  box-sizing: border-box;\n  resize: none;\n  line-height: 24px;\n}\n\n.BaseField-module_input__f-4fw::-webkit-inner-spin-button,\n.BaseField-module_input__f-4fw::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.BaseField-module_clearIcon__EWZCS {\n  cursor: pointer;\n}\n\n.BaseField-module_code__TmEwt {\n  text-align: center;\n}\n";
+var styles = {"inputContainer":"BaseField-module_inputContainer__OO-kD","placeholderPadding":"BaseField-module_placeholderPadding__vrmf-","labelPadding":"BaseField-module_labelPadding__UeTP-","inputContainerLabeled":"BaseField-module_inputContainerLabeled__2dJtD","inputContainerIcon":"BaseField-module_inputContainerIcon__dPNhD","input":"BaseField-module_input__f-4fw","clearIcon":"BaseField-module_clearIcon__EWZCS","code":"BaseField-module_code__TmEwt"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=BaseField.module.css.js.map

package/dist/esm/baseComponents/BaseField/BaseField.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/baseComponents/BaseField/index.js

@@ -0,0 +1,46 @@
+import { __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useState } from 'react';
+import { ClearIcon } from '../../svg/ClearIcon.js';
+import { joinClasses } from '../../utils/joinClasses.js';
+import typography from '../../styles/typography.module.css.js';
+import styles from './BaseField.module.css.js';
+
+var BaseFieldInner = function (_a, ref) {
+    var _b = _a.value, value = _b === void 0 ? "" : _b, labelText = _a.labelText, inputLeftIcon = _a.inputLeftIcon, isClearable = _a.isClearable, className = _a.className, style = _a.style, id = _a.id, controlledFocused = _a.focused, setFocused = _a.setFocused, onChange = _a.onChange, _c = _a.dataTestid, dataTestid = _c === void 0 ? "BaseField_MAIN" : _c, children = _a.children;
+    var _d = useState(false), localFocused = _d[0], setLocalFocused = _d[1];
+    var focused = controlledFocused !== null && controlledFocused !== void 0 ? controlledFocused : localFocused;
+    var isLabelShown = !!labelText && (focused || value.length > 0);
+    var isLabelPlaceholderShown = !!labelText && !focused && value.length === 0;
+    var handleFocus = function () {
+        setLocalFocused(true);
+        setFocused === null || setFocused === void 0 ? void 0 : setFocused(true);
+    };
+    var handleBlur = function () {
+        setLocalFocused(false);
+        setFocused === null || setFocused === void 0 ? void 0 : setFocused(false);
+    };
+    var handleChange = function (event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    };
+    var handleClear = function () {
+        if (!onChange)
+            return;
+        var event = {
+            target: { value: "" },
+        };
+        onChange(event);
+    };
+    return (jsxs("div", __assign({ ref: ref, "data-testid": dataTestid, className: joinClasses(styles.inputContainer, focused && styles["input--onfocus"], isLabelShown ? styles.labelPadding : styles.placeholderPadding, typography.body2Regular, className), style: style }, { children: [jsxs("div", __assign({ className: styles.inputContainerLabeled }, { children: [isLabelShown && (jsx("label", __assign({ htmlFor: id, className: typography.caption1Regular }, { children: labelText }))), jsxs("div", __assign({ className: styles.inputContainerIcon }, { children: [inputLeftIcon, children({
+                                focused: focused,
+                                showLabel: isLabelShown,
+                                showPlaceholder: isLabelPlaceholderShown,
+                                handleFocus: handleFocus,
+                                handleBlur: handleBlur,
+                                handleChange: handleChange,
+                            })] }))] })), isClearable && value && (jsx(ClearIcon, { className: styles.clearIcon, onClick: handleClear, pathFill: "#758393" }))] })));
+};
+var BaseField = forwardRef(BaseFieldInner);
+
+export { BaseField };
+//# sourceMappingURL=index.js.map

package/dist/esm/baseComponents/BaseField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/baseComponents/InputField/index.js

@@ -1,78 +1,25 @@
-import { __assign } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useRef, useImperativeHandle } from 'react';
-import { ClearIcon } from '../../svg/ClearIcon.js';
+import { __rest, __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { joinClasses } from '../../utils/joinClasses.js';
-import typography from '../../styles/typography.module.css.js';
-import styles from './InputField.module.css.js';
+import { BaseField } from '../BaseField/index.js';
+import styles from '../BaseField/BaseField.module.css.js';
 
-var InputField = forwardRef(function (_a, ref) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.className, className = _c === void 0 ? "" : _c, style = _a.style, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? "text" : _e, id = _a.id, _f = _a.labelText, labelText = _f === void 0 ? "" : _f, ariaLabel = _a.ariaLabel, controlledFocused = _a.focused, setControlledFocused = _a.setFocused, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "InputField_MAIN" : _h, _j = _a.variant, variant = _j === void 0 ? "default" : _j, _k = _a.autoExpand, autoExpand = _k === void 0 ? false : _k;
-    var _l = useState(false), localFocused = _l[0], setLocalFocused = _l[1];
-    var textareaRef = useRef(null);
-    var inputRef = useRef(null);
-    var isControlled = controlledFocused !== undefined;
-    var focused = isControlled ? controlledFocused : localFocused;
-    var isLabelShown = labelText.length > 0 && (focused || value.length > 0);
-    var isLabelPlaceholderShown = value.length === 0 && !focused;
-    var handleClear = function () {
-        if (onChange) {
-            onChange({
-                target: { value: "" },
-            });
-        }
-    };
-    var handleFocus = function () {
-        if (!isControlled) {
-            setLocalFocused(true);
-        }
-        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(true);
-        if (onFocus)
-            onFocus();
-    };
-    var handleBlur = function () {
-        if (!isControlled) {
-            setLocalFocused(false);
-        }
-        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(false);
-        if (onBlur)
-            onBlur();
-    };
+var InputField = forwardRef(function (props, ref) {
+    var id = props.id, labelText = props.labelText, value = props.value, readOnly = props.readOnly, onChange = props.onChange, onKeyDown = props.onKeyDown, _a = props.variant, variant = _a === void 0 ? "default" : _a, focused = props.focused, setFocused = props.setFocused, isClearable = props.isClearable, inputLeftIcon = props.inputLeftIcon, htmlProps = __rest(props, ["id", "labelText", "value", "readOnly", "onChange", "onKeyDown", "variant", "focused", "setFocused", "isClearable", "inputLeftIcon"]);
     var handleKeyDown = function (event) {
-        if (onEnterPress && event.key === "Enter") {
-            onEnterPress(event);
-        }
-    };
-    var handleTextareaInput = function (event) {
-        var textarea = event.currentTarget;
-        textarea.style.height = "24px";
-        textarea.style.height = "".concat(textarea.scrollHeight, "px");
-        if (onChange) {
-            onChange(event);
-        }
-    };
-    useImperativeHandle(ref, function () {
-        if (autoExpand) {
-            return textareaRef.current;
-        }
-        else {
-            return inputRef.current;
+        var _a;
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        if (event.key === "Enter") {
+            (_a = props.onEnterPress) === null || _a === void 0 ? void 0 : _a.call(props, event);
         }
-    }, [autoExpand]);
-    var commonProps = {
-        "data-testid": "InputField_INPUT",
-        "aria-label": ariaLabel,
-        id: id,
-        className: joinClasses(styles.input, variant === "code" && styles.code, type === "text" ? typography.body2Regular : undefined),
-        placeholder: isLabelPlaceholderShown ? labelText : "",
-        "aria-placeholder": isLabelPlaceholderShown ? labelText : "",
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onChange: onChange,
-        value: value,
-        readOnly: readOnly || !onChange,
     };
-    return (jsxs("div", __assign({ "data-testid": dataTestid, className: joinClasses(styles.inputContainer, focused ? styles["input--onfocus"] : undefined, type === "text" ? typography.body2Regular : undefined, styles["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], isLabelShown ? styles.labelPadding : styles.placeholderPadding, className), style: style }, { children: [jsxs("div", __assign({ className: styles.inputContainerLabeled, "data-testid": "InputField_WRAP_W_LABEL" }, { children: [isLabelShown && (jsx("label", __assign({ htmlFor: id, "data-testid": "InputField_LABEL", className: typography.caption1Regular }, { children: labelText }))), jsxs("div", __assign({ className: styles.inputContainerIcon, "data-testid": "InputField_WRAP_LEFT_ICON" }, { children: [inputLeftIcon, autoExpand ? (jsx("textarea", __assign({ ref: textareaRef, onInput: handleTextareaInput }, commonProps))) : (jsx("input", __assign({ ref: inputRef, type: type, onKeyDown: handleKeyDown }, commonProps)))] }))] })), isClearable && value && (jsx(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))] })));
+    return (jsx(BaseField, __assign({}, props, { onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon }, { children: function (_a) {
+            var handleFocus = _a.handleFocus, handleBlur = _a.handleBlur, showPlaceholder = _a.showPlaceholder, handleChange = _a.handleChange;
+            return (jsx("input", __assign({ "data-testid": "InputField_INPUT", ref: ref }, htmlProps, { id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: function (e) {
+                    handleChange(e);
+                }, className: joinClasses(styles.input, variant === "code" && styles.code, htmlProps.className) })));
+        } })));
 });
 
 export { InputField };

package/dist/esm/baseComponents/InputField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;IA4Ba,UAAU,GAAG,UAAU,CAClC,UAAC,KAAK,EAAE,GAAG,EAAA;AAEP,IAAA,IAAA,EAAE,GAYA,KAAK,CAAA,EAZL,EACF,SAAS,GAWP,KAAK,CAAA,SAXE,EACT,KAAK,GAUH,KAAK,CAAA,KAVF,EACL,QAAQ,GASN,KAAK,CAAA,QATC,EACR,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,SAAS,GAOP,KAAK,CAAA,SAPE,EACT,EAAA,GAME,KAAK,CAAA,OANY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,WAAW,GAGT,KAAK,CAAA,WAHI,EACX,aAAa,GAEX,KAAK,CAAA,aAFM,EACV,SAAS,GAAA,MAAA,CACV,KAAK,EAbH,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,CAaL,CADa;IAGd,IAAM,aAAa,GAAG,UAAC,KAA4C,EAAA;;AACjE,QAAA,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAG,KAAK,CAAC;AAClB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAG,KAAK,CAAC;AAC5B,QAAA;AACH,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACJ,KAAK,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE3B,UAAC,EAA0D,EAAA;gBAAxD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;YAAO,QAC/DA,uCACc,kBAAkB,EAC9B,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,EAAA,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,CAAC,EAAA;oBACV,YAAY,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,EACjC,SAAS,CAAC,SAAS,CACpB,EAAA,CAAA,CACD;QApB6D,CAqBhE,EAAA,CAAA,CACS;AAEhB,CAAC;;;;"}

package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".InputFieldGroup-module_input__Jz7Ir {\n  width: 24px;\n}\n";
+var styles = {"input":"InputFieldGroup-module_input__Jz7Ir"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=InputFieldGroup.module.css.js.map

package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFieldGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/baseComponents/InputFieldGroup/index.js

@@ -0,0 +1,71 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { joinClasses } from '../../utils/joinClasses.js';
+import { InputField } from '../InputField/index.js';
+import styles from './InputFieldGroup.module.css.js';
+
+var isModifierKeyPressed = function (event) {
+    return event.metaKey || event.ctrlKey || event.altKey;
+};
+var isSingleDigit = function (key) {
+    return key.length === 1 && /^\d$/.test(key);
+};
+var shouldPreventKeyInput = function (event) {
+    if (isModifierKeyPressed(event))
+        return false;
+    if (event.key.length !== 1)
+        return false;
+    return !isSingleDigit(event.key);
+};
+var InputFieldGroup = function (_a) {
+    var length = _a.length, code = _a.code, ariaLabel = _a["aria-label"], className = _a.className, focused = _a.focused, setFocused = _a.setFocused, handleInputChange = _a.handleInputChange, handleKeyDown = _a.handleKeyDown;
+    var inputsRef = useRef([]);
+    var focusInput = function (index) {
+        setTimeout(function () {
+            var _a;
+            (_a = inputsRef.current[index]) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 0);
+    };
+    var extractDigits = function (text) { return text.replace(/\D/g, ""); };
+    var handlePaste = function (startIndex, pastedText) {
+        var digits = extractDigits(pastedText);
+        for (var i = 0; i < digits.length && startIndex + i < length; i++) {
+            var index = startIndex + i;
+            handleInputChange(index)({
+                target: { value: digits[i] },
+            });
+        }
+        var lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
+        focusInput(lastFilledIndex);
+    };
+    var handleChange = function (index) { return function (event) {
+        var digits = extractDigits(event.target.value);
+        if (digits.length > 1) {
+            handlePaste(index, digits);
+            return;
+        }
+        handleInputChange(index)(event);
+        if (digits.length === 1 && index < length - 1) {
+            focusInput(index + 1);
+        }
+    }; };
+    var handleKey = function (index) { return function (event) {
+        if (shouldPreventKeyInput(event)) {
+            event.preventDefault();
+            return;
+        }
+        handleKeyDown === null || handleKeyDown === void 0 ? void 0 : handleKeyDown(index)(event);
+        if (event.key === "Backspace" && index > 0) {
+            focusInput(index - 1);
+        }
+    }; };
+    return (jsx(Fragment, { children: Array.from({ length: length }).map(function (_, index) {
+            var fieldId = "inputCode_".concat(index);
+            return (jsx(InputField, { "data-testid": "InputField_".concat(fieldId), ref: function (el) {
+                    inputsRef.current[index] = el;
+                }, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel, focused: focused, setFocused: setFocused, onChange: handleChange(index), onKeyDown: handleKey(index), className: joinClasses(className, styles.input) }, fieldId));
+        }) }));
+};
+
+export { InputFieldGroup };
+//# sourceMappingURL=index.js.map

package/dist/esm/baseComponents/InputFieldGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/baseComponents/TextareaField/index.js

@@ -0,0 +1,23 @@
+import { __rest, __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { joinClasses } from '../../utils/joinClasses.js';
+import { BaseField } from '../BaseField/index.js';
+import styles from '../BaseField/BaseField.module.css.js';
+
+var TextareaField = forwardRef(function (props, ref) {
+    var id = props.id, labelText = props.labelText, value = props.value, readOnly = props.readOnly, onChange = props.onChange, _a = props.variant, variant = _a === void 0 ? "default" : _a, focused = props.focused, setFocused = props.setFocused, isClearable = props.isClearable, inputLeftIcon = props.inputLeftIcon, htmlProps = __rest(props, ["id", "labelText", "value", "readOnly", "onChange", "variant", "focused", "setFocused", "isClearable", "inputLeftIcon"]);
+    var handleAutoResize = function (event) {
+        var textarea = event.currentTarget;
+        textarea.style.height = "24px";
+        textarea.style.height = "".concat(textarea.scrollHeight, "px");
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    };
+    return (jsx(BaseField, __assign({}, props, { onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon }, { children: function (_a) {
+            var handleFocus = _a.handleFocus, handleBlur = _a.handleBlur, showPlaceholder = _a.showPlaceholder, handleChange = _a.handleChange;
+            return (jsx("textarea", __assign({ "data-testid": "TextAreaField_TEXTAREA", ref: ref }, htmlProps, { id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onInput: handleAutoResize, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, className: joinClasses(styles.input, variant === "code" && styles.code) })));
+        } })));
+});
+
+export { TextareaField };
+//# sourceMappingURL=index.js.map

package/dist/esm/baseComponents/TextareaField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;IA0Ba,aAAa,GAAG,UAAU,CAGrC,UAAC,KAAK,EAAE,GAAG,EAAA;AAET,IAAA,IAAA,EAAE,GAWA,KAAK,CAAA,EAXL,EACF,SAAS,GAUP,KAAK,CAAA,SAVE,EACT,KAAK,GASH,KAAK,CAAA,KATF,EACL,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,QAAQ,GAON,KAAK,CAAA,QAPC,EACR,EAAA,GAME,KAAK,CAAA,OANY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,WAAW,GAGT,KAAK,CAAA,WAHI,EACX,aAAa,GAEX,KAAK,CAAA,aAFM,EACV,SAAS,GAAA,MAAA,CACV,KAAK,EAZH,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,CAYL,CADa;IAGd,IAAM,gBAAgB,GAAG,UAAC,KAA6C,EAAA;AACrE,QAAA,IAAM,QAAQ,GAAG,KAAK,CAAC,aAAa;AACpC,QAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;QAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,QAAQ,CAAC,YAAY,EAAA,IAAA,CAAI;AACpD,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACJ,KAAK,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE3B,UAAC,EAA0D,EAAA;gBAAxD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;AAAO,YAAA,QAC/DA,GAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,EAAA,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,CAClC,IACD;QAjB6D,CAkBhE,EAAA,CAAA,CACS;AAEhB,CAAC;;;;"}

package/dist/esm/baseComponents/index.js

@@ -2,6 +2,7 @@ import '../styles/colors.css.js';
 import { Accordion } from './Accordion/index.js';
 import { Button } from './Button/index.js';
 import { InputField } from './InputField/index.js';
+import { InputFieldGroup } from './InputFieldGroup/index.js';
 import { Label } from './Label/index.js';
 import { Loader } from './Loader/index.js';
 import { Modal } from './Modal/index.js';
@@ -11,6 +12,7 @@ import { RadioToggle } from './RadioToggle/index.js';
 import { SelectBoxButton } from './SelectBoxButton/index.js';
 import { StatusText } from './StatusText/index.js';
 import { TabButtons } from './TabButtons/index.js';
+import { TextareaField } from './TextareaField/index.js';
 import { TextPair } from './TextPair/index.js';
 import { Typography } from './Typography/index.js';
 
@@ -19,6 +21,7 @@ var BaseComponents = {
     Button: Button,
     CustomRadioButton: CustomRadioButton,
     InputField: InputField,
+    InputFieldGroup: InputFieldGroup,
     Label: Label,
     Loader: Loader,
     Modal: Modal,
@@ -26,6 +29,7 @@ var BaseComponents = {
     RadioToggle: RadioToggle,
     SelectBoxButton: SelectBoxButton,
     Typography: Typography,
+    TextareaField: TextareaField,
     TextPair: TextPair,
     TabButtons: TabButtons,
     StatusText: StatusText,

package/dist/esm/baseComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,OAAO,EAAA,OAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,aAAa,EAAA,aAAA;AACb,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,OAAO,EAAA,OAAA;;;;;"}

package/dist/esm/components/Feedback/index.js

@@ -38,7 +38,7 @@ var Feedback = function (_a) {
                                                 handleEmojiClick(4);
                                             } }), jsx(Icons.Emoji.Grin, { className: styles.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.grinEmoji[lang], onClick: function () {
                                                 handleEmojiClick(5);
-                                            } })] })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxs("div", __assign({ "data-testid": "Feedback_WRAP_INPUT", className: styles.card }, { children: [jsx(BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxs("div", __assign({ className: styles.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsx(BaseComponents.InputField, { id: "serviceFeedbackInput", ariaLabel: langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange, autoExpand: true }), jsx(BaseComponents.Button, __assign({ size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
+                                            } })] })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxs("div", __assign({ "data-testid": "Feedback_WRAP_INPUT", className: styles.card }, { children: [jsx(BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxs("div", __assign({ className: styles.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsx(BaseComponents.TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange }), jsx(BaseComponents.Button, __assign({ size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
 };
 
 export { Feedback };

package/dist/esm/components/Feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/types/baseComponents/InputField/index.d.ts

@@ -1,25 +1,20 @@
-import React__default, { JSX, HTMLInputTypeAttribute } from 'react';
+import React__default, { JSX } from 'react';
 
-interface IInputFieldProps extends React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, HTMLInputElement | HTMLTextAreaElement> {
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+interface IInputFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    id: string;
+    labelText?: string;
     value?: string;
-    className?: string;
-    style?: React__default.CSSProperties;
+    readOnly?: boolean;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
     isClearable?: boolean;
     inputLeftIcon?: JSX.Element;
-    type?: HTMLInputTypeAttribute;
-    id: string;
-    labelText?: string;
-    ariaLabel: string;
     focused?: boolean;
-    setFocused?: (val: boolean) => void;
-    readOnly?: boolean;
-    dataTestid?: string;
+    setFocused?: (value: boolean) => void;
+    className?: string;
+    style?: React__default.CSSProperties;
     variant?: "default" | "code";
-    autoExpand?: boolean;
 }
 
 export type { IInputFieldProps };

package/dist/types/baseComponents/InputFieldGroup/index.d.ts

@@ -0,0 +1,12 @@
+interface IInputFieldGroupProps {
+    length: number;
+    code: string[];
+    "aria-label": string;
+    className?: string;
+    focused?: boolean;
+    setFocused?: (value: boolean) => void;
+    handleInputChange: (index: number) => (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown?: (index: number) => (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+
+export type { IInputFieldGroupProps };

package/dist/types/baseComponents/TextareaField/index.d.ts

@@ -0,0 +1,19 @@
+import React__default, { JSX } from 'react';
+
+interface ITextareaFieldProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> {
+    id: string;
+    labelText?: string;
+    value?: string;
+    onChange?: (event: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
+    isClearable?: boolean;
+    inputLeftIcon?: JSX.Element;
+    focused?: boolean;
+    setFocused?: (value: boolean) => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+    readOnly?: boolean;
+    dataTestid?: string;
+    variant?: "default" | "code";
+}
+
+export type { ITextareaFieldProps };

package/dist/types/components/Feedback/index.d.ts

@@ -7,7 +7,7 @@ interface IFeedbackProps extends ILangProps {
     setRating: Dispatch<SetStateAction<number>>;
     setOpen: Dispatch<SetStateAction<boolean>>;
     value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
 
 export type { IFeedbackProps };

package/dist/types/index.d.ts

@@ -16,11 +16,13 @@ import { IOverlayProps } from './baseComponents/Overlay/index.js';
 import { IStatusTextProps } from './baseComponents/StatusText/index.js';
 import { ITabButtonsProps } from './baseComponents/TabButtons/index.js';
 import { ITextPairProps } from './baseComponents/TextPair/index.js';
+import { ITextareaFieldProps } from './baseComponents/TextareaField/index.js';
 import { ITypographyProps } from './baseComponents/Typography/index.js';
 import { ISelectBoxProps } from './baseComponents/SelectBoxButton/index.js';
 import { IRadioToggleProps } from './baseComponents/RadioToggle/index.js';
 import { IModalProps } from './baseComponents/Modal/index.js';
 import { ILabelProps } from './baseComponents/Label/index.js';
+import { IInputFieldGroupProps } from './baseComponents/InputFieldGroup/index.js';
 import * as React from 'react';
 import { IInputFieldProps } from './baseComponents/InputField/index.js';
 import { ICustomRadioButtonProps, IRadioGroupProps } from './baseComponents/RadioGroup/index.js';
@@ -33,7 +35,8 @@ declare const SystemDesign: {
         Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
         Button: ({ onClick, children, style, className, isRounded, isIcon, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
         CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
-        InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+        InputField: React.ForwardRefExoticComponent<IInputFieldProps & React.RefAttributes<HTMLInputElement>>;
+        InputFieldGroup: ({ length, code, "aria-label": ariaLabel, className, focused, setFocused, handleInputChange, handleKeyDown, }: IInputFieldGroupProps) => react_jsx_runtime.JSX.Element;
         Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react_jsx_runtime.JSX.Element;
         Loader: () => react_jsx_runtime.JSX.Element;
         Modal: ({ children, header, lang, open, setOpen, variant, withOverlay, }: IModalProps) => react_jsx_runtime.JSX.Element;
@@ -41,6 +44,7 @@ declare const SystemDesign: {
         RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
         SelectBoxButton: ({ handleClick, labelText, disabled, error, modalValue, lang, }: ISelectBoxProps) => react_jsx_runtime.JSX.Element;
         Typography: React.FC<ITypographyProps>;
+        TextareaField: React.ForwardRefExoticComponent<ITextareaFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
         TextPair: ({ mainText, secondaryText, variant, }: ITextPairProps) => react_jsx_runtime.JSX.Element;
         TabButtons: ({ tabDocLabels, activeTab, handleClick, }: ITabButtonsProps) => react_jsx_runtime.JSX.Element;
         StatusText: ({ text, isAlignedCenter, isNeedIcon, variant, }: IStatusTextProps) => react_jsx_runtime.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.86",
+  "version": "1.3.87",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",
   "module": "dist/esm/index.js",

package/dist/cjs/baseComponents/InputField/InputField.module.css.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var css_248z = ".InputField-module_inputContainer__m0Ft1 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.InputField-module_placeholderPadding__CSmkz {\n  padding: 16px 16px;\n}\n\n.InputField-module_labelPadding__AUAjl {\n  padding: 8px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.InputField-module_inputContainerIcon__0zWu9 {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n\n.InputField-module_inputContainerLabeled__89l6g label {\n  color: var(--text-secondary);\n}\n\n.InputField-module_input__cHn6S {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__cHn6S:active,\n.InputField-module_input__cHn6S:focus {\n  outline: none;\n}\n\n.InputField-module_input__cHn6S::placeholder {\n  color: var(--text-disabled-color);\n}\n\ninput {\n  height: 24px;\n}\n\ntextarea {\n  resize: none;\n  height: 24px;\n  position: relative;\n}\n\ntextarea::placeholder {\n  position: absolute;\n  top: 2px;\n}\n\n.InputField-module_input__cHn6S::-webkit-inner-spin-button,\n.InputField-module_input__cHn6S::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.InputField-module_clearIcon__V-zim {\n  cursor: pointer;\n}\n\n.InputField-module_code__fH8PC {\n  text-align: center;\n}\n";
-var styles = {"inputContainer":"InputField-module_inputContainer__m0Ft1","placeholderPadding":"InputField-module_placeholderPadding__CSmkz","labelPadding":"InputField-module_labelPadding__AUAjl","inputContainerLabeled":"InputField-module_inputContainerLabeled__89l6g","inputContainerIcon":"InputField-module_inputContainerIcon__0zWu9","input":"InputField-module_input__cHn6S","clearIcon":"InputField-module_clearIcon__V-zim","code":"InputField-module_code__fH8PC"};
-function styleInject(css, options) {
-    if (typeof document === 'undefined') return;
-    const head = document.head || document.getElementsByTagName('head')[0];
-    const style = document.createElement('style');
-    style.type = 'text/css';
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(document.createTextNode(css));
-    }
-    head.appendChild(style);
-  }
-  styleInject(css_248z);
-
-exports.default = styles;
-//# sourceMappingURL=InputField.module.css.js.map

package/dist/cjs/baseComponents/InputField/InputField.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/baseComponents/InputField/InputField.module.css.js

@@ -1,18 +0,0 @@
-var css_248z = ".InputField-module_inputContainer__m0Ft1 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.InputField-module_placeholderPadding__CSmkz {\n  padding: 16px 16px;\n}\n\n.InputField-module_labelPadding__AUAjl {\n  padding: 8px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.InputField-module_inputContainerIcon__0zWu9 {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n\n.InputField-module_inputContainerLabeled__89l6g label {\n  color: var(--text-secondary);\n}\n\n.InputField-module_input__cHn6S {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__cHn6S:active,\n.InputField-module_input__cHn6S:focus {\n  outline: none;\n}\n\n.InputField-module_input__cHn6S::placeholder {\n  color: var(--text-disabled-color);\n}\n\ninput {\n  height: 24px;\n}\n\ntextarea {\n  resize: none;\n  height: 24px;\n  position: relative;\n}\n\ntextarea::placeholder {\n  position: absolute;\n  top: 2px;\n}\n\n.InputField-module_input__cHn6S::-webkit-inner-spin-button,\n.InputField-module_input__cHn6S::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.InputField-module_clearIcon__V-zim {\n  cursor: pointer;\n}\n\n.InputField-module_code__fH8PC {\n  text-align: center;\n}\n";
-var styles = {"inputContainer":"InputField-module_inputContainer__m0Ft1","placeholderPadding":"InputField-module_placeholderPadding__CSmkz","labelPadding":"InputField-module_labelPadding__AUAjl","inputContainerLabeled":"InputField-module_inputContainerLabeled__89l6g","inputContainerIcon":"InputField-module_inputContainerIcon__0zWu9","input":"InputField-module_input__cHn6S","clearIcon":"InputField-module_clearIcon__V-zim","code":"InputField-module_code__fH8PC"};
-function styleInject(css, options) {
-    if (typeof document === 'undefined') return;
-    const head = document.head || document.getElementsByTagName('head')[0];
-    const style = document.createElement('style');
-    style.type = 'text/css';
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(document.createTextNode(css));
-    }
-    head.appendChild(style);
-  }
-  styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=InputField.module.css.js.map

package/dist/esm/baseComponents/InputField/InputField.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}