@egov3/system-design 1.3.82 → 1.3.84

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".InputField-module_inputContainer__m0Ft1 {\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g {\n  display: block;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\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\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_input--onfocus__kUVkQ {\n  background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__kUVkQ .InputField-module_input__cHn6S {\n  background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__fH8PC {\n  text-align: center;\n}\n";
-var styles = {"inputContainer":"InputField-module_inputContainer__m0Ft1","inputContainerLabeled":"InputField-module_inputContainerLabeled__89l6g","input":"InputField-module_input__cHn6S","clearIcon":"InputField-module_clearIcon__V-zim","input--onfocus":"InputField-module_input--onfocus__kUVkQ","code":"InputField-module_code__fH8PC"};
+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];

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

@@ -9,7 +9,14 @@ var typography_module = require('../../styles/typography.module.css.js');
 var InputField_module = require('./InputField.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.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, ariaLabel = _a.ariaLabel, _h = _a.focused, focused = _h === void 0 ? false : _h, _j = _a.setFocused, setFocused = _j === void 0 ? function () { } : _j, _k = _a.readOnly, readOnly = _k === void 0 ? false : _k, _l = _a.dataTestid, dataTestid = _l === void 0 ? "InputField_MAIN" : _l, _m = _a.variant, variant = _m === void 0 ? "default" : _m;
+    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({
@@ -18,12 +25,18 @@ var InputField = React.forwardRef(function (_a, ref) {
         }
     };
     var handleFocus = function () {
-        setFocused(true);
+        if (!isControlled) {
+            setLocalFocused(true);
+        }
+        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(true);
         if (onFocus)
             onFocus();
     };
     var handleBlur = function () {
-        setFocused(false);
+        if (!isControlled) {
+            setLocalFocused(false);
+        }
+        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(false);
         if (onBlur)
             onBlur();
     };
@@ -32,7 +45,36 @@ var InputField = React.forwardRef(function (_a, ref) {
             onEnterPress(event);
         }
     };
-    return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": dataTestid, className: joinClasses.joinClasses(InputField_module.default[labelText.length > 0 ? "inputContainerLabeled" : "inputContainer"], focused ? InputField_module.default["input--onfocus"] : undefined, type === "text" ? typography_module.default.body1Regular : undefined, InputField_module.default["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style }, { children: [labelText.length > 0 && (jsxRuntime.jsx("label", tslib.__assign({ htmlFor: id, "data-testid": "InputField_LABEL" }, { children: labelText }))), inputLeftIcon, jsxRuntime.jsx("input", { ref: ref, "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: joinClasses.joinClasses(InputField_module.default.input, variant === "code" ? InputField_module.default.code : undefined), placeholder: placeholder, "aria-placeholder": placeholder, onFocus: handleFocus, onBlur: handleBlur, onChange: onChange, onKeyDown: handleKeyDown, value: value, readOnly: readOnly || !onChange }), isClearable && value && (jsxRuntime.jsx(ClearIcon.ClearIcon, { fill: "red", pathFill: "#758393", className: InputField_module.default.clearIcon, onClick: handleClear }))] })));
+    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;
+        }
+    }, [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 }))] })));
 });
 
 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","_jsxs","joinClasses","styles","typography","_jsx","__assign","ClearIcon"],"mappings":"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"}
+{"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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"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".Label-module_secondaryText__EOLOU {\n  color: var(--text-secondary);\n}\n\n.Label-module_textVariantRegular__MOkOo {\n  color: var(--text-primary);\n}\n\n.Label-module_textVariantError__m0iV4 {\n  color: var(--text-error);\n}\n\n.Label-module_textVariantInfo__OM3cB {\n  color: var(--text-accent);\n}\n\n.Label-module_textVariantSuccess__5xMR3 {\n  color: var(--text-success);\n}\n\n.Label-module_label__KDbNb {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n";
-var styles = {"secondaryText":"Label-module_secondaryText__EOLOU","textVariantRegular":"Label-module_textVariantRegular__MOkOo","textVariantError":"Label-module_textVariantError__m0iV4","textVariantInfo":"Label-module_textVariantInfo__OM3cB","textVariantSuccess":"Label-module_textVariantSuccess__5xMR3","label":"Label-module_label__KDbNb"};
+var css_248z = ".Label-module_wrapper__bdOow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n}\n\n.Label-module_small__x-s-Y,\n.Label-module_tiny__R7XP8 {\n  color: var(--text-secondary);\n}\n\n.Label-module_spaced__rvkyR {\n  padding: 12px 16px;\n}\n\n.Label-module_spaced__rvkyR.Label-module_tiny__R7XP8 {\n  padding: 8px 12px;\n}\n\n.Label-module_icon__pIH1L {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n";
+var styles = {"wrapper":"Label-module_wrapper__bdOow","small":"Label-module_small__x-s-Y","tiny":"Label-module_tiny__R7XP8","spaced":"Label-module_spaced__rvkyR","icon":"Label-module_icon__pIH1L"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -2,13 +2,23 @@
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var toPascalCase = require('../../utils/string/toPascalCase.js');
-var index = require('../Typography/index.js');
+var joinClasses = require('../../utils/joinClasses.js');
+var typography_module = require('../../styles/typography.module.css.js');
 var Label_module = require('./Label.module.css.js');
 
+var labelTypography = {
+    tiny: typography_module.default.caption1Semibold,
+    small: typography_module.default.body2Medium,
+    big: typography_module.default.body1Medium,
+};
+var iconFill = {
+    big: "var(--text-primary)",
+    small: "var(--text-secondary)",
+    tiny: "",
+};
 var Label = function (_a) {
-    var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.variant, variant = _c === void 0 ? "REGULAR" : _c;
-    return (jsxRuntime.jsxs("span", tslib.__assign({ "data-testid": "Label_WRAPPER", className: Label_module.default.label }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "LabelText_MAIN", "aria-label": mainText, className: Label_module.default["textVariant".concat(toPascalCase.toPascalCase(variant))], fontClass: "body2Regular" }, { children: mainText })), (secondaryText === null || secondaryText === void 0 ? void 0 : secondaryText.length) > 0 && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "LabelText_SECONDARY", "aria-label": secondaryText, className: Label_module.default.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
+    var variant = _a.variant, text = _a.text, isSpaced = _a.isSpaced, Icon = _a.Icon, onAction = _a.onAction;
+    return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Label_WRAPPER", className: joinClasses.joinClasses(Label_module.default.wrapper, Label_module.default[variant], labelTypography[variant], isSpaced && Label_module.default.spaced) }, { children: [jsxRuntime.jsx("span", tslib.__assign({ "data-testid": "Label_TEXT" }, { children: text })), Icon && variant !== "tiny" && (jsxRuntime.jsx(Icon, { className: Label_module.default.icon, fill: iconFill[variant], onClick: onAction, "data-testid": "Label_ICON" }))] })));
 };
 
 exports.Label = Label;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography","toPascalCase"],"mappings":";;;;;;;;AAUO,IAAM,KAAK,GAAG,UAAC,EAIR,EAAA;AAHZ,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AACF,IAAA,QACjBA,eAAA,CAAA,MAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAkB,eAAe,EAAC,SAAS,EAAEC,oBAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,eAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,gBAAgB,EAAA,YAAA,EAChB,QAAQ,EACpB,SAAS,EAAEC,oBAAM,CAAC,qBAAcG,yBAAY,CAAC,OAAO,CAAC,CAAE,CAAC,EACxD,SAAS,EAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAEvB,QAAQ,EAAA,CAAA,CACE,EACZ,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,IAAG,CAAC,KACxBF,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,qBAAqB,gBACrB,aAAa,EACzB,SAAS,EAAEC,oBAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtBU;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["typography","_jsxs","__assign","joinClasses","styles","_jsx"],"mappings":";;;;;;;;AAaA,IAAM,eAAe,GAAG;IACtB,IAAI,EAAEA,yBAAU,CAAC,gBAAgB;IACjC,KAAK,EAAEA,yBAAU,CAAC,WAAW;IAC7B,GAAG,EAAEA,yBAAU,CAAC,WAAW;CAC5B;AAED,IAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,qBAAqB;AAC1B,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,IAAI,EAAE,EAAE;CACT;AAEM,IAAM,KAAK,GAAG,UAAC,EAMR,EAAA;AALZ,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,QACEC,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAEC,uBAAW,CACpBC,oBAAM,CAAC,OAAO,EACdA,oBAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,OAAO,CAAC,EACxB,QAAQ,IAAIA,oBAAM,CAAC,MAAM,CAC1B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEDC,cAAA,CAAA,MAAA,EAAAH,cAAA,CAAA,EAAA,aAAA,EAAkB,YAAY,EAAA,EAAA,EAAA,QAAA,EAAE,IAAI,EAAA,CAAA,CAAQ,EAC3C,IAAI,IAAI,OAAO,KAAK,MAAM,KACzBG,cAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAED,oBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,QAAQ,EAAA,aAAA,EACL,YAAY,EAAA,CACxB,CACH,CAAA,EAAA,CAAA,CACG;AAEV;;;;"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".Modal-module_overlay__gg1lr {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  box-sizing: border-box;\n}\n\n.Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  height: fit-content;\n  animation: Modal-module_flyDawn__0J-tE 1s;\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: 1052px;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n  color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDawn__0J-tE {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n";
-var styles = {"overlay":"Modal-module_overlay__gg1lr","contentWrap":"Modal-module_contentWrap__k38CL","flyDawn":"Modal-module_flyDawn__0J-tE","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte"};
+var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  height: fit-content;\n  animation: Modal-module_flyDown__8XGLa 1s;\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: 1052px;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n  color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n";
+var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -4,21 +4,20 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var graphics = require('@egov3/graphics');
 var React = require('react');
-var index = require('../../constants/i18n/index.js');
+var index$1 = require('../../constants/i18n/index.js');
 var joinClasses = require('../../utils/joinClasses.js');
-var index$1 = require('../Typography/index.js');
+var index = require('../Overlay/index.js');
+var index$2 = require('../Typography/index.js');
 var Modal_module = require('./Modal.module.css.js');
 
 var Modal = function (_a) {
     var children = _a.children, header = _a.header, lang = _a.lang, open = _a.open, setOpen = _a.setOpen, variant = _a.variant, _b = _a.withOverlay, withOverlay = _b === void 0 ? true : _b;
-    var Wrapper = withOverlay ? "div" : React.Fragment;
-    return (jsxRuntime.jsx(Wrapper, tslib.__assign({}, (withOverlay
-        ? { className: Modal_module.default.overlay, "data-testid": "Modal_OVERLAY" }
-        : {}), { children: jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, Modal_module.default["".concat(variant, "Variant")]) }, { children: [header && (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsxRuntime.jsx("button", tslib.__assign({ "aria-label": index.i18n.Modal.ariaBackButton[lang], className: Modal_module.default.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsxRuntime.jsx("button", tslib.__assign({ "aria-label": index.i18n.Modal.ariaAuthorizationPageBtn[lang], className: Modal_module.default.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsxRuntime.jsx(graphics.Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsxRuntime.jsx(index$1.Typography, tslib.__assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
+    var Wrapper = withOverlay ? index.Overlay : React.Fragment;
+    return (jsxRuntime.jsx(Wrapper, { children: jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, Modal_module.default["".concat(variant, "Variant")]) }, { children: [header && (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsxRuntime.jsx("button", tslib.__assign({ "aria-label": index$1.i18n.Modal.ariaBackButton[lang], className: Modal_module.default.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsxRuntime.jsx("button", tslib.__assign({ "aria-label": index$1.i18n.Modal.ariaAuthorizationPageBtn[lang], className: Modal_module.default.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsxRuntime.jsx(graphics.Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsxRuntime.jsx(index$2.Typography, tslib.__assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
                                 if (setOpen) {
                                     setOpen(!open);
                                 }
-                            } }, { children: jsxRuntime.jsx(graphics.Icons.General.Close, { "data-testid": "Modal_ICON" }) }))) : (jsxRuntime.jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: Modal_module.default.regCloseBtn }))] }))), children] })) })));
+                            } }, { children: jsxRuntime.jsx(graphics.Icons.General.Close, { "data-testid": "Modal_ICON" }) }))) : (jsxRuntime.jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: Modal_module.default.regCloseBtn }))] }))), children] })) }));
 };
 
 exports.Modal = Modal;

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".Overlay-module_overlay__GhGVx {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  box-sizing: border-box;\n}\n";
+var styles = {"overlay":"Overlay-module_overlay__GhGVx"};
+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=Overlay.module.css.js.map

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

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var joinClasses = require('../../utils/joinClasses.js');
+var Overlay_module = require('./Overlay.module.css.js');
+
+var Overlay = function (_a) {
+    var children = _a.children, className = _a.className;
+    return (jsxRuntime.jsx("div", tslib.__assign({ className: className ? joinClasses.joinClasses(Overlay_module.default.overlay, className) : Overlay_module.default.overlay, "data-testid": "Overlay_WRAP" }, { children: children })));
+};
+
+exports.Overlay = Overlay;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Overlay/index.tsx"],"sourcesContent":[null],"names":["_jsx","__assign","joinClasses","styles"],"mappings":";;;;;;;AASO,IAAM,OAAO,GAAG,UAAC,EAAsC,EAAA;QAApC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAC3C,IAAA,QACEA,cAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACE,SAAS,EACP,SAAS,GAAGC,uBAAW,CAACC,sBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAGA,sBAAM,CAAC,OAAO,EAAA,aAAA,EAEzD,cAAc,EAAA,EAAA,EAAA,QAAA,EAEzB,QAAQ,EAAA,CAAA,CACL;AAEV;;;;"}

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

@@ -3,12 +3,12 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var graphics = require('@egov3/graphics');
-var index = require('../Label/index.js');
+var index = require('../TextPair/index.js');
 var StatusText_module = require('./StatusText.module.css.js');
 
 var StatusText = function (_a) {
     var text = _a.text, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "ERROR" : _d;
-    return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "StatusText_WRAP", className: StatusText_module.default.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "StatusTextError_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.Error, { className: StatusText_module.default.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.InfoStroke, { className: StatusText_module.default.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.CheckedRound, { className: StatusText_module.default.iconWrapper, fill: "var(--icon-success)" }) }))), jsxRuntime.jsx("div", tslib.__assign({ className: isAlignedCenter ? StatusText_module.default.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsxRuntime.jsx(index.Label, { mainText: text, variant: variant }) }))] })));
+    return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "StatusText_WRAP", className: StatusText_module.default.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "StatusTextError_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.Error, { className: StatusText_module.default.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.InfoStroke, { className: StatusText_module.default.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.CheckedRound, { className: StatusText_module.default.iconWrapper, fill: "var(--icon-success)" }) }))), jsxRuntime.jsx("div", tslib.__assign({ className: isAlignedCenter ? StatusText_module.default.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsxRuntime.jsx(index.TextPair, { mainText: text, variant: variant }) }))] })));
 };
 
 exports.StatusText = StatusText;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Icons","Label"],"mappings":";;;;;;;;AAaO,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,eAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA;AACK,IAAA,QACtBA,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAEC,yBAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCE,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAEF,yBAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCE,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAEF,yBAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCE,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAEF,yBAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAGC,yBAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BC,cAAA,CAACE,WAAK,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CAAA,CACvC,KACF;AAhCgB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Icons","TextPair"],"mappings":";;;;;;;;AAaO,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,eAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA;AACK,IAAA,QACtBA,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAEC,yBAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCE,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAEF,yBAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCE,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAEF,yBAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCE,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAEF,yBAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAGC,yBAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BC,cAAA,CAACE,cAAQ,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CAAA,CAC1C,KACF;AAhCgB;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".TextPair-module_secondaryText__FXPSx {\n  color: var(--text-secondary);\n}\n\n.TextPair-module_textVariantRegular__NZKNO {\n  color: var(--text-primary);\n}\n\n.TextPair-module_textVariantError__t1TS4 {\n  color: var(--text-error);\n}\n\n.TextPair-module_textVariantInfo__z-oNu {\n  color: var(--text-accent);\n}\n\n.TextPair-module_textVariantSuccess__oEbaK {\n  color: var(--text-success);\n}\n\n.TextPair-module_label__ZJWNp {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n";
+var styles = {"secondaryText":"TextPair-module_secondaryText__FXPSx","textVariantRegular":"TextPair-module_textVariantRegular__NZKNO","textVariantError":"TextPair-module_textVariantError__t1TS4","textVariantInfo":"TextPair-module_textVariantInfo__z-oNu","textVariantSuccess":"TextPair-module_textVariantSuccess__oEbaK","label":"TextPair-module_label__ZJWNp"};
+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=TextPair.module.css.js.map

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

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var toPascalCase = require('../../utils/string/toPascalCase.js');
+var index = require('../Typography/index.js');
+var TextPair_module = require('./TextPair.module.css.js');
+
+var TextPair = function (_a) {
+    var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.variant, variant = _c === void 0 ? "REGULAR" : _c;
+    return (jsxRuntime.jsxs("span", tslib.__assign({ "data-testid": "Label_WRAPPER", className: TextPair_module.default.label }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "TextPair_MAIN", "aria-label": mainText, className: TextPair_module.default["textVariant".concat(toPascalCase.toPascalCase(variant))], fontClass: "body2Regular" }, { children: mainText })), (secondaryText === null || secondaryText === void 0 ? void 0 : secondaryText.length) > 0 && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "TextPair_SECONDARY", "aria-label": secondaryText, className: TextPair_module.default.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
+};
+
+exports.TextPair = TextPair;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextPair/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography","toPascalCase"],"mappings":";;;;;;;;AAUO,IAAM,QAAQ,GAAG,UAAC,EAIR,EAAA;AAHf,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AACC,IAAA,QACpBA,eAAA,CAAA,MAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAkB,eAAe,EAAC,SAAS,EAAEC,uBAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,eAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,eAAe,EAAA,YAAA,EACf,QAAQ,EACpB,SAAS,EAAEC,uBAAM,CAAC,qBAAcG,yBAAY,CAAC,OAAO,CAAC,CAAE,CAAC,EACxD,SAAS,EAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAEvB,QAAQ,EAAA,CAAA,CACE,EACZ,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,IAAG,CAAC,KACxBF,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,gBACpB,aAAa,EACzB,SAAS,EAAEC,uBAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtBa;;;;"}

package/dist/cjs/baseComponents/index.js

@@ -1,33 +1,37 @@
 'use strict';
 
 require('../styles/colors.css.js');
-var index$b = require('./Accordion/index.js');
-var index$a = require('./Button/index.js');
-var index$9 = require('./InputField/index.js');
-var index$2 = require('./Label/index.js');
-var index$8 = require('./Loader/index.js');
-var index$7 = require('./Modal/index.js');
-var index$6 = require('./RadioGroup/index.js');
-var index$5 = require('./RadioToggle/index.js');
-var index$4 = require('./SelectBoxButton/index.js');
-var index = require('./StatusText/index.js');
-var index$1 = require('./TabButtons/index.js');
-var index$3 = require('./Typography/index.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 = 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$1 = require('./StatusText/index.js');
+var index$2 = require('./TabButtons/index.js');
+var index$3 = require('./TextPair/index.js');
+var index$4 = require('./Typography/index.js');
 
 var BaseComponents = {
-    Accordion: index$b.Accordion,
-    Button: index$a.Button,
-    CustomRadioButton: index$6.CustomRadioButton,
-    InputField: index$9.InputField,
-    Loader: index$8.Loader,
-    Modal: index$7.Modal,
-    RadioGroup: index$6.RadioGroup,
-    RadioToggle: index$5.RadioToggle,
-    SelectBoxButton: index$4.SelectBoxButton,
-    Typography: index$3.Typography,
-    Label: index$2.Label,
-    TabButtons: index$1.TabButtons,
-    StatusText: index.StatusText,
+    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,
+    TextPair: index$3.TextPair,
+    TabButtons: index$2.TabButtons,
+    StatusText: index$1.StatusText,
+    Overlay: index.Overlay,
 };
 
 exports.BaseComponents = BaseComponents;

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","Loader","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography","Label","TabButtons","StatusText"],"mappings":";;;;;;;;;;;;;;;;AAeO,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,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,KAAK,EAAAC,aAAA;AACL,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,UAAU,EAAAC,gBAAA;;;;;"}
+{"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;;;;;"}

package/dist/cjs/components/Feedback/Feedback.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".Feedback-module_wrap__Fth3r {\n  display: flex;\n  flex-direction: column;\n  width: 400px;\n  gap: 12px;\n  animation: Feedback-module_flyUp__7nAmw 1s;\n}\n\n.Feedback-module_card__VN0ke {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n\n  border-radius: 12px;\n  background: var(--surface-surface-2);\n  box-shadow: 0 12px 32px 0 rgba(128, 130, 136, 0.5);\n}\n\n.Feedback-module_content__Z5k4R {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 16px;\n  padding: 16px;\n}\n\n.Feedback-module_icons__IBXgG {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.Feedback-module_icon__ws0WA {\n  width: 48px;\n  height: 48px;\n  fill: var(--icon-tertiary);\n  cursor: pointer;\n}\n\n.Feedback-module_text__ICy-u {\n  color: var(--text-secondary);\n}\n\n.Feedback-module_button__5jzxO {\n  margin-top: 16px;\n}\n\n@keyframes Feedback-module_flyUp__7nAmw {\n  from {\n    transform: translateY(1000px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n";
+var styles = {"wrap":"Feedback-module_wrap__Fth3r","card":"Feedback-module_card__VN0ke","content":"Feedback-module_content__Z5k4R","icons":"Feedback-module_icons__IBXgG","icon":"Feedback-module_icon__ws0WA","text":"Feedback-module_text__ICy-u","button":"Feedback-module_button__5jzxO"};
+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=Feedback.module.css.js.map

package/dist/cjs/components/Feedback/Feedback.module.css.js.map

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

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var graphics = require('@egov3/graphics');
+var index = require('../../baseComponents/index.js');
+var index$1 = require('../../constants/i18n/index.js');
+var Feedback_module = require('./Feedback.module.css.js');
+
+var Feedback = function (_a) {
+    var onAction = _a.onAction, value = _a.value, onChange = _a.onChange, lang = _a.lang, rating = _a.rating, setRating = _a.setRating, setOpen = _a.setOpen;
+    var langDic = index$1.i18n.Feedback;
+    var getEmojiColor = function (emojiRating) {
+        if (rating !== emojiRating)
+            return "var(--icon-tertiary)";
+        switch (emojiRating) {
+            case 1:
+                return "var(--icon-error-color)";
+            case 2:
+                return "var(--icon-warning-color)";
+            case 3:
+                return "var(--icon-accent-color)";
+            case 4:
+            case 5:
+                return "var(--icon-success)";
+        }
+    };
+    var handleEmojiClick = function (emojiRating) {
+        setRating(emojiRating);
+    };
+    return (jsxRuntime.jsx(index.BaseComponents.Overlay, { children: jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP", className: Feedback_module.default.wrap }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP_RATING", className: Feedback_module.default.card }, { children: [jsxRuntime.jsx(index.BaseComponents.Label, { variant: "big", isSpaced: true, text: langDic.titleRating[lang], Icon: graphics.Icons.General.Close, onAction: function () {
+                                setOpen(false);
+                            } }), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_RATING_CONTENT", className: Feedback_module.default.content }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_ICONS", className: Feedback_module.default.icons }, { children: [jsxRuntime.jsx(graphics.Icons.Emoji.Angry, { className: Feedback_module.default.icon, fill: getEmojiColor(1), "data-color": getEmojiColor(1), "aria-label": langDic.angryEmoji[lang], onClick: function () {
+                                                handleEmojiClick(1);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Frowning, { className: Feedback_module.default.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.frowningEmoji[lang], onClick: function () {
+                                                handleEmojiClick(2);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Neutral, { className: Feedback_module.default.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.neutralEmoji[lang], onClick: function () {
+                                                handleEmojiClick(3);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Smile, { className: Feedback_module.default.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.smileEmoji[lang], onClick: function () {
+                                                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] }))] }))] }))] })) }));
+};
+
+exports.Feedback = Feedback;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

package/dist/cjs/components/IdentityModal/IdentityModal.module.css.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".IdentityModal-module_wrapper__km5vC {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow-y: auto;\n  padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n  background-color: var(--default-white-color);\n  border-radius: 16px;\n  width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  padding: 32px;\n  width: calc(400px - 64px);\n}\n";
-var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS"};
+var css_248z = ".IdentityModal-module_wrapper__km5vC {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow-y: auto;\n  padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n  background-color: var(--default-white-color);\n  border-radius: 16px;\n  width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  padding: 32px;\n  width: calc(400px - 64px);\n}\n\n.IdentityModal-module_langFooterWrapper__6-WDx {\n  padding-top: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 16px;\n  align-self: stretch;\n}\n\n.IdentityModal-module_langFooter__dhgU2 {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 100%;\n}\n\n.IdentityModal-module_langFooterNotActive__STqX- {\n  background: var(--page-color-background-white);\n  color: var(--text-accent);\n}\n\n.IdentityModal-module_langFooterActive__o058h {\n  background: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n}\n";
+var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS","langFooterWrapper":"IdentityModal-module_langFooterWrapper__6-WDx","langFooter":"IdentityModal-module_langFooter__dhgU2","langFooterNotActive":"IdentityModal-module_langFooterNotActive__STqX-","langFooterActive":"IdentityModal-module_langFooterActive__o058h"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -21,9 +21,9 @@ var IdentityModal = function (_a) {
                     : {
                         goIdentityMain: navigator(goMainClosure.secondary),
                         goBackService: goBackService,
-                    } }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: IdentityModal_module.default.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsxRuntime.jsx(index$1.IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })), handleLangChange && (jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.footerLang, "data-testid": "IdentityModule_FOOTER" }, { children: common.languageList.map(function (_a) {
+                    } }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: IdentityModal_module.default.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsxRuntime.jsx(index$1.IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })), handleLangChange && (jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.langFooterWrapper, "data-testid": "IdentityModule_FOOTER" }, { children: common.languageList.map(function (_a) {
                     var langCode = _a[0], langLabel = _a[1];
-                    return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses.joinClasses(IdentityModal_module.default.lang, langCode === lang ? IdentityModal_module.default.langActive : IdentityModal_module.default.langNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
+                    return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses.joinClasses(IdentityModal_module.default.langFooter, langCode === lang ? IdentityModal_module.default.langFooterActive : IdentityModal_module.default.langFooterNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
                             handleLangChange(langCode);
                         } }, { children: jsxRuntime.jsx(index.BaseComponents.Typography, tslib.__assign({ "aria-label": langLabel, "data-testid": "IdentityModule_FOOTER_".concat(langCode), fontClass: "caption1Semibold", tag: "span" }, { children: langCode.toLocaleUpperCase() })) }), langCode));
                 }) })))] }));