@egov3/system-design 1.3.76 → 1.3.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/baseComponents/Accordion/index.js +1 -1
- package/dist/cjs/baseComponents/Accordion/index.js.map +1 -1
- package/dist/cjs/baseComponents/Button/index.js +2 -2
- package/dist/cjs/baseComponents/Button/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputField/index.js +1 -1
- package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
- package/dist/cjs/baseComponents/Label/Label.module.css.js +2 -2
- package/dist/cjs/baseComponents/Label/index.js +3 -2
- package/dist/cjs/baseComponents/Label/index.js.map +1 -1
- package/dist/cjs/baseComponents/Modal/index.js +0 -1
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/baseComponents/SelectBoxButton/SelectBoxButton.module.css.js +1 -1
- package/dist/cjs/baseComponents/SelectBoxButton/index.js +1 -1
- package/dist/cjs/baseComponents/SelectBoxButton/index.js.map +1 -1
- package/dist/cjs/baseComponents/StatusText/StatusText.module.css.js +22 -0
- package/dist/cjs/baseComponents/StatusText/StatusText.module.css.js.map +1 -0
- package/dist/cjs/baseComponents/StatusText/index.js +15 -0
- package/dist/cjs/baseComponents/StatusText/index.js.map +1 -0
- package/dist/cjs/baseComponents/index.js +3 -3
- package/dist/cjs/baseComponents/index.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +1 -1
- package/dist/cjs/utils/string/toPascalCase.js +8 -0
- package/dist/cjs/utils/string/toPascalCase.js.map +1 -0
- package/dist/esm/baseComponents/Accordion/index.js +1 -1
- package/dist/esm/baseComponents/Accordion/index.js.map +1 -1
- package/dist/esm/baseComponents/Button/index.js +3 -3
- package/dist/esm/baseComponents/Button/index.js.map +1 -1
- package/dist/esm/baseComponents/InputField/index.js +1 -1
- package/dist/esm/baseComponents/InputField/index.js.map +1 -1
- package/dist/esm/baseComponents/Label/Label.module.css.js +2 -2
- package/dist/esm/baseComponents/Label/index.js +3 -2
- package/dist/esm/baseComponents/Label/index.js.map +1 -1
- package/dist/esm/baseComponents/Modal/index.js +0 -1
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/baseComponents/SelectBoxButton/SelectBoxButton.module.css.js +1 -1
- package/dist/esm/baseComponents/SelectBoxButton/index.js +1 -1
- package/dist/esm/baseComponents/SelectBoxButton/index.js.map +1 -1
- package/dist/esm/baseComponents/StatusText/StatusText.module.css.js +18 -0
- package/dist/esm/baseComponents/StatusText/StatusText.module.css.js.map +1 -0
- package/dist/esm/baseComponents/StatusText/index.js +13 -0
- package/dist/esm/baseComponents/StatusText/index.js.map +1 -0
- package/dist/esm/baseComponents/index.js +3 -3
- package/dist/esm/baseComponents/index.js.map +1 -1
- package/dist/esm/styles/colors.css.js +1 -1
- package/dist/esm/utils/string/toPascalCase.js +6 -0
- package/dist/esm/utils/string/toPascalCase.js.map +1 -0
- package/dist/types/baseComponents/Button/index.d.ts +3 -9
- package/dist/types/baseComponents/Label/index.d.ts +1 -1
- package/dist/types/baseComponents/StatusText/index.d.ts +8 -0
- package/dist/types/index.d.ts +4 -4
- package/package.json +1 -1
- package/dist/cjs/baseComponents/WarningText/WarningText.module.css.js +0 -22
- package/dist/cjs/baseComponents/WarningText/WarningText.module.css.js.map +0 -1
- package/dist/cjs/baseComponents/WarningText/index.js +0 -15
- package/dist/cjs/baseComponents/WarningText/index.js.map +0 -1
- package/dist/esm/baseComponents/WarningText/WarningText.module.css.js +0 -18
- package/dist/esm/baseComponents/WarningText/WarningText.module.css.js.map +0 -1
- package/dist/esm/baseComponents/WarningText/index.js +0 -13
- package/dist/esm/baseComponents/WarningText/index.js.map +0 -1
- package/dist/types/baseComponents/WarningText/index.d.ts +0 -7
|
@@ -10,7 +10,7 @@ var Accordion = function (_a) {
|
|
|
10
10
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "Accordion_BUTTON", className: Accordion_module.default.accordionBtn, onClick: function () {
|
|
11
11
|
setOpen(!open);
|
|
12
12
|
} }, { children: [title, jsxRuntime.jsx("svg", tslib.__assign({ "data-testid": "Accordion_DIRECTION", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
|
|
13
|
-
transform:
|
|
13
|
+
transform: open ? "rotate(0.5turn)" : "none",
|
|
14
14
|
} }, { children: jsxRuntime.jsx("path", { d: "M9.99998 15.1933L2.45746 7.65162L3.63579 6.47329L9.99998 12.8366L16.3641 6.47329L17.5425 7.65162L9.99998 15.1933Z", fill: "#758393" }) }))] })), jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "Accordion_CONTENT", className: joinClasses.joinClasses(Accordion_module.default.accordionContent, !open && Accordion_module.default["accordionContent--hidden"]) }, { children: children }))] }));
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","__assign","styles","_jsx","joinClasses"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","__assign","styles","_jsx","joinClasses"],"mappings":";;;;;;;AAYO,IAAM,SAAS,GAAG,UAAC,EAKR,EAAA;QAJhB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AACgB,IAAA,QACrBA,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAAE,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,kBAAkB,EAC9B,SAAS,EAAEC,wBAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,YAAA;AACP,oBAAA,OAAO,CAAC,CAAC,IAAI,CAAC;gBAChB,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CAEA,KAAK,EACNC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;4BACL,SAAS,EAAE,IAAI,GAAG,iBAAiB,GAAG,MAAM;AAC7C,yBAAA,EAAA,EAAA,EAAA,QAAA,EAEDE,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mHAAmH,EACrH,IAAI,EAAC,SAAS,EAAA,CACd,IACE,CAAA,EAAA,CAAA,CACC,EACTA,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EACc,mBAAmB,EAC/B,SAAS,EAAEG,uBAAW,CACpBF,wBAAM,CAAC,gBAAgB,EACvB,CAAC,IAAI,IAAIA,wBAAM,CAAC,0BAA0B,CAAC,CAC5C,EAAA,EAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACL,IACL;AArCkB;;;;"}
|
|
@@ -13,10 +13,10 @@ var btnTypography = {
|
|
|
13
13
|
large: typography_module.default.body1Medium,
|
|
14
14
|
};
|
|
15
15
|
var Button = function (_a) {
|
|
16
|
-
var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, _g = _a
|
|
16
|
+
var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, _g = _a["aria-label"], ariaLabel = _g === void 0 ? "Кнопка" : _g, _h = _a["data-testid"], dataTestid = _h === void 0 ? "Button_MAIN" : _h, rest = tslib.__rest(_a, ["onClick", "children", "style", "className", "isRounded", "disabled", "variant", "size", "aria-label", "data-testid"]);
|
|
17
17
|
return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses.joinClasses(button_module.default["btn--".concat(size)], btnTypography[size], isRounded
|
|
18
18
|
? button_module.default["btn-rounded--".concat(size)]
|
|
19
|
-
: button_module.default["btn-square--".concat(size)], disabled ? button_module.default["btn-".concat(variant, "--disabled")] : button_module.default["btn-".concat(variant)], button_module.default.button, className), style: style }, { children: children })));
|
|
19
|
+
: button_module.default["btn-square--".concat(size)], disabled ? button_module.default["btn-".concat(variant, "--disabled")] : button_module.default["btn-".concat(variant)], button_module.default.button, className), style: style }, rest, { children: children })));
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
exports.Button = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["typography","_jsx","__assign","joinClasses","styles"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["typography","__rest","_jsx","__assign","joinClasses","styles"],"mappings":";;;;;;;;AAeA,IAAM,aAAa,GAAG;IACpB,IAAI,EAAEA,yBAAU,CAAC,cAAc;IAC/B,KAAK,EAAEA,yBAAU,CAAC,cAAc;IAChC,MAAM,EAAEA,yBAAU,CAAC,WAAW;IAC9B,KAAK,EAAEA,yBAAU,CAAC,WAAW;CAC9B;AAEM,IAAM,MAAM,GAAG,UAAC,EAYR,EAAA;AAXb,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACf,EAAA,GAAA,EAAA,CAAA,YAAA,CAAkC,EAApB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAClC,EAAA,GAAA,EAAA,CAAA,aAAA,CAAyC,EAA1B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACtC,IAAI,GAAAC,YAAA,CAAA,EAAA,EAXc,sHAYtB,CADQ;AACW,IAAA,QAClBC,cAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,iBACA,UAAU,EAAA,YAAA,EACX,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEC,uBAAW,CACpBC,qBAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EACtB,aAAa,CAAC,IAAI,CAAC,EACnB;AACE,cAAEA,qBAAM,CAAC,eAAA,CAAA,MAAA,CAAgB,IAAI,CAAE;cAC7BA,qBAAM,CAAC,cAAA,CAAA,MAAA,CAAe,IAAI,CAAE,CAAC,EACjC,QAAQ,GAAGA,qBAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,eAAY,CAAC,GAAGA,qBAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,CAAE,CAAC,EACxEA,qBAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,EACR,IAAI,cAEP,QAAQ,EAAA,CAAA,CACF;;;;;"}
|
|
@@ -32,7 +32,7 @@ var InputField = React.forwardRef(function (_a, ref) {
|
|
|
32
32
|
onEnterPress(event);
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": dataTestid, className: joinClasses.joinClasses(InputField_module.default[labelText.length ? "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 }), isClearable && value && (jsxRuntime.jsx(ClearIcon.ClearIcon, { fill: "red", pathFill: "#758393", className: InputField_module.default.clearIcon, onClick: handleClear }))] })));
|
|
35
|
+
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 }))] })));
|
|
36
36
|
});
|
|
37
37
|
|
|
38
38
|
exports.InputField = InputField;
|
|
@@ -1 +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":";;;;;;;;;;IAkCa,UAAU,GAAGA,gBAAU,CAClC,UACE,EAoBmB,EACnB,GAAG,EAAA;QApBD,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,KAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,iBAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,GAAA,EAAA,EACf,EAAA,GAAA,EAAA,CAAA,UAAqB,EAArB,UAAU,mBAAG,YAAA,EAAO,CAAC,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,UAA8B,EAA9B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,iBAAiB,GAAA,EAAA,EAC9B,eAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AAIrB,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,IAAI,QAAQ,EAAE;AACZ,YAAA,QAAQ,CAAC;AACP,gBAAA,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AACiB,aAAA,CAAC;AAC1C,QAAA;AACH,IAAA,CAAC;AACD,IAAA,IAAM,WAAW,GAAG,YAAA;QAClB,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,IAAI,OAAO;AAAE,YAAA,OAAO,EAAE;AACxB,IAAA,CAAC;AACD,IAAA,IAAM,UAAU,GAAG,YAAA;QACjB,UAAU,CAAC,KAAK,CAAC;AACjB,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;AACtB,IAAA,CAAC;IACD,IAAM,aAAa,GAAG,UAAC,KAA4C,EAAA;AACjE,QAAA,IAAI,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzC,YAAY,CAAC,KAAK,CAAC;AACpB,QAAA;AACH,IAAA,CAAC;IAED,QACEC,uDACe,UAAU,EACvB,SAAS,EAAEC,uBAAW,CACpBC,yBAAM,
|
|
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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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".Label-module_secondaryText__EOLOU {\n color: var(--text-secondary);\n}\n\n.Label-
|
|
6
|
-
var styles = {"secondaryText":"Label-module_secondaryText__EOLOU","
|
|
5
|
+
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";
|
|
6
|
+
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"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var toPascalCase = require('../../utils/string/toPascalCase.js');
|
|
5
6
|
var index = require('../Typography/index.js');
|
|
6
7
|
var Label_module = require('./Label.module.css.js');
|
|
7
8
|
|
|
8
9
|
var Label = function (_a) {
|
|
9
|
-
var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.
|
|
10
|
-
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:
|
|
10
|
+
var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.variant, variant = _c === void 0 ? "REGULAR" : _c;
|
|
11
|
+
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 })))] })));
|
|
11
12
|
};
|
|
12
13
|
|
|
13
14
|
exports.Label = Label;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography"],"mappings":"
|
|
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;;;;"}
|
|
@@ -15,7 +15,6 @@ var Modal = function (_a) {
|
|
|
15
15
|
return (jsxRuntime.jsx(Wrapper, tslib.__assign({}, (withOverlay
|
|
16
16
|
? { className: Modal_module.default.overlay, "data-testid": "Modal_OVERLAY" }
|
|
17
17
|
: {}), { 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 () {
|
|
18
|
-
console.log("ModalHeaderBtn_CLOSE open = ", open);
|
|
19
18
|
if (setOpen) {
|
|
20
19
|
setOpen(!open);
|
|
21
20
|
}
|
|
@@ -1 +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":";;;;;;;;;;;
|
|
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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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n display: flex;\n height: 56px;\n padding: 8px 16px;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n border-radius: 12px;\n background: var(--surface-surface-1);\n}\n\n.SelectBoxButton-module_labelWrapper__qziDR {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 2px;\n flex: 1 0 0;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY {\n width: 20px;\n height: 20px;\n}\n\n.SelectBoxButton-
|
|
5
|
+
var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n display: flex;\n height: 56px;\n padding: 8px 16px;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n border-radius: 12px;\n background: var(--surface-surface-1);\n}\n\n.SelectBoxButton-module_labelWrapper__qziDR {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 2px;\n flex: 1 0 0;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY {\n width: 20px;\n height: 20px;\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n color: var(--text-error);\n}\n\n.SelectBoxButton-module_label__QXEFa {\n color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--text-primary);\n}\n";
|
|
6
6
|
var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","labelWrapper":"SelectBoxButton-module_labelWrapper__qziDR","chevronIcon":"SelectBoxButton-module_chevronIcon__c3YkY","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","label":"SelectBoxButton-module_label__QXEFa","selectText":"SelectBoxButton-module_selectText__bHp-v"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
@@ -10,7 +10,7 @@ var SelectBoxButton_module = require('./SelectBoxButton.module.css.js');
|
|
|
10
10
|
var SelectBoxButton = function (_a) {
|
|
11
11
|
var handleClick = _a.handleClick, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue, lang = _a.lang;
|
|
12
12
|
var hasValue = modalValue && modalValue.length > 0;
|
|
13
|
-
return (jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: SelectBoxButton_module.default.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SelectBoxModal_TITLE", className: SelectBoxButton_module.default.labelWrapper }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsxRuntime.jsx(graphics.Icons.Basic.ChevronDownSmall, { "aria-label": index$1.i18n.SelectBoxButton.ariaExpandButton[lang], className: SelectBoxButton_module.default.chevronIcon, "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
|
|
13
|
+
return (jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: SelectBoxButton_module.default.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SelectBoxModal_TITLE", className: SelectBoxButton_module.default.labelWrapper }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsxRuntime.jsx(graphics.Icons.Basic.ChevronDownSmall, { "aria-label": index$1.i18n.SelectBoxButton.ariaExpandButton[lang], className: SelectBoxButton_module.default.chevronIcon, fill: "var(--icon-secondary-color)", "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.SelectBoxButton = SelectBoxButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography","Icons","i18n"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography","Icons","i18n"],"mappings":";;;;;;;;;AAeO,IAAM,eAAe,GAAG,UAAC,EAOd,EAAA;AANhB,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,WAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;IAEJ,IAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;AAEpD,IAAA,QACEA,eAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAEC,8BAAM,CAAC,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,EAAA,EAAA,QAAA,EAAA,CAEpBF,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAC,SAAS,EAAEC,8BAAM,CAAC,YAAY,EAAA,EAAA,EAAA,QAAA,EAAA,CACpEC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,QAAQ,GAAG,iBAAiB,GAAG,cAAc,EAAA,aAAA,EAC5C,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAGC,8BAAM,CAAC,UAAU,GAAGA,8BAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAAA,EAAA,QAAA,EAEpB,SAAS,EAAA,CAAA,CACC,EAEZ,QAAQ,KACPC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAEC,8BAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EAAA,EAAA,EAAA,QAAA,EAErB,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,EACNC,cAAA,CAACE,cAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EACfC,YAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACvD,SAAS,EAAEJ,8BAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,6BAA6B,EAAA,aAAA,EACtB,6BAA6B,EAAA,CACzC,CAAA,EAAA,CAAA,CACK;AAEb;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css_248z = ".StatusText-module_iconWrapper__dGtFw {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.StatusText-module_centerAlign__lTYQ8 {\n text-align: center;\n}\n\n.StatusText-module_wrap__7eTUu {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n";
|
|
6
|
+
var styles = {"iconWrapper":"StatusText-module_iconWrapper__dGtFw","centerAlign":"StatusText-module_centerAlign__lTYQ8","wrap":"StatusText-module_wrap__7eTUu"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=StatusText.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusText.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var graphics = require('@egov3/graphics');
|
|
6
|
+
var index = require('../Label/index.js');
|
|
7
|
+
var StatusText_module = require('./StatusText.module.css.js');
|
|
8
|
+
|
|
9
|
+
var StatusText = function (_a) {
|
|
10
|
+
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;
|
|
11
|
+
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 }) }))] })));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
exports.StatusText = StatusText;
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('../styles/colors.css.js');
|
|
3
4
|
var index$a = require('./Accordion/index.js');
|
|
4
5
|
var index$9 = require('./Button/index.js');
|
|
5
6
|
var index$8 = require('./InputField/index.js');
|
|
@@ -8,10 +9,9 @@ var index$7 = require('./Modal/index.js');
|
|
|
8
9
|
var index$6 = require('./RadioGroup/index.js');
|
|
9
10
|
var index$5 = require('./RadioToggle/index.js');
|
|
10
11
|
var index$4 = require('./SelectBoxButton/index.js');
|
|
12
|
+
var index = require('./StatusText/index.js');
|
|
11
13
|
var index$1 = require('./TabButtons/index.js');
|
|
12
14
|
var index$3 = require('./Typography/index.js');
|
|
13
|
-
var index = require('./WarningText/index.js');
|
|
14
|
-
require('../styles/colors.css.js');
|
|
15
15
|
|
|
16
16
|
var BaseComponents = {
|
|
17
17
|
Accordion: index$a.Accordion,
|
|
@@ -25,7 +25,7 @@ var BaseComponents = {
|
|
|
25
25
|
Typography: index$3.Typography,
|
|
26
26
|
Label: index$2.Label,
|
|
27
27
|
TabButtons: index$1.TabButtons,
|
|
28
|
-
|
|
28
|
+
StatusText: index.StatusText,
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
exports.BaseComponents = BaseComponents;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography","Label","TabButtons","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography","Label","TabButtons","StatusText"],"mappings":";;;;;;;;;;;;;;;AAcO,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,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;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var css_248z = ":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n --button-black-default-color: #000;\n --button-black-on-hover-color: #333;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n";
|
|
3
|
+
var css_248z = ":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n --button-black-default-color: #000;\n --button-black-on-hover-color: #333;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n --text-success: #57bb09;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n";
|
|
4
4
|
function styleInject(css, options) {
|
|
5
5
|
if (typeof document === 'undefined') return;
|
|
6
6
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toPascalCase.js","sources":["../../../../src/utils/string/toPascalCase.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,IAAM,YAAY,GAAG,UAAC,GAAW,EAAA;IACtC,OAAA,GAAG,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAAtE;;;;"}
|
|
@@ -8,7 +8,7 @@ var Accordion = function (_a) {
|
|
|
8
8
|
return (jsxs(Fragment, { children: [jsxs("button", __assign({ type: "button", "data-testid": "Accordion_BUTTON", className: styles.accordionBtn, onClick: function () {
|
|
9
9
|
setOpen(!open);
|
|
10
10
|
} }, { children: [title, jsx("svg", __assign({ "data-testid": "Accordion_DIRECTION", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
|
|
11
|
-
transform:
|
|
11
|
+
transform: open ? "rotate(0.5turn)" : "none",
|
|
12
12
|
} }, { children: jsx("path", { d: "M9.99998 15.1933L2.45746 7.65162L3.63579 6.47329L9.99998 12.8366L16.3641 6.47329L17.5425 7.65162L9.99998 15.1933Z", fill: "#758393" }) }))] })), jsx("div", __assign({ "data-testid": "Accordion_CONTENT", className: joinClasses(styles.accordionContent, !open && styles["accordionContent--hidden"]) }, { children: children }))] }));
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAYO,IAAM,SAAS,GAAG,UAAC,EAKR,EAAA;QAJhB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AACgB,IAAA,QACrBA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,kBAAkB,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,YAAA;AACP,oBAAA,OAAO,CAAC,CAAC,IAAI,CAAC;gBAChB,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CAEA,KAAK,EACNE,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;4BACL,SAAS,EAAE,IAAI,GAAG,iBAAiB,GAAG,MAAM;AAC7C,yBAAA,EAAA,EAAA,EAAA,QAAA,EAEDA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mHAAmH,EACrH,IAAI,EAAC,SAAS,EAAA,CACd,IACE,CAAA,EAAA,CAAA,CACC,EACTA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,mBAAmB,EAC/B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,gBAAgB,EACvB,CAAC,IAAI,IAAI,MAAM,CAAC,0BAA0B,CAAC,CAC5C,EAAA,EAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACL,IACL;AArCkB;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
4
|
import typography from '../../styles/typography.module.css.js';
|
|
@@ -11,10 +11,10 @@ var btnTypography = {
|
|
|
11
11
|
large: typography.body1Medium,
|
|
12
12
|
};
|
|
13
13
|
var Button = function (_a) {
|
|
14
|
-
var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, _g = _a
|
|
14
|
+
var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, _g = _a["aria-label"], ariaLabel = _g === void 0 ? "Кнопка" : _g, _h = _a["data-testid"], dataTestid = _h === void 0 ? "Button_MAIN" : _h, rest = __rest(_a, ["onClick", "children", "style", "className", "isRounded", "disabled", "variant", "size", "aria-label", "data-testid"]);
|
|
15
15
|
return (jsx("button", __assign({ type: "button", "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles["btn--".concat(size)], btnTypography[size], isRounded
|
|
16
16
|
? styles["btn-rounded--".concat(size)]
|
|
17
|
-
: styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, { children: children })));
|
|
17
|
+
: styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, rest, { children: children })));
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
export { Button };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAeA,IAAM,aAAa,GAAG;IACpB,IAAI,EAAE,UAAU,CAAC,cAAc;IAC/B,KAAK,EAAE,UAAU,CAAC,cAAc;IAChC,MAAM,EAAE,UAAU,CAAC,WAAW;IAC9B,KAAK,EAAE,UAAU,CAAC,WAAW;CAC9B;AAEM,IAAM,MAAM,GAAG,UAAC,EAYR,EAAA;AAXb,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACf,EAAA,GAAA,EAAA,CAAA,YAAA,CAAkC,EAApB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAClC,EAAA,GAAA,EAAA,CAAA,aAAA,CAAyC,EAA1B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACtC,IAAI,GAAA,MAAA,CAAA,EAAA,EAXc,sHAYtB,CADQ;AACW,IAAA,QAClBA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,iBACA,UAAU,EAAA,YAAA,EACX,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EACtB,aAAa,CAAC,IAAI,CAAC,EACnB;AACE,cAAE,MAAM,CAAC,eAAA,CAAA,MAAA,CAAgB,IAAI,CAAE;cAC7B,MAAM,CAAC,cAAA,CAAA,MAAA,CAAe,IAAI,CAAE,CAAC,EACjC,QAAQ,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,eAAY,CAAC,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,CAAE,CAAC,EACxE,MAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,EACR,IAAI,cAEP,QAAQ,EAAA,CAAA,CACF;;;;;"}
|
|
@@ -30,7 +30,7 @@ var InputField = forwardRef(function (_a, ref) {
|
|
|
30
30
|
onEnterPress(event);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
return (jsxs("div", __assign({ "data-testid": dataTestid, className: joinClasses(styles[labelText.length ? "inputContainerLabeled" : "inputContainer"], focused ? styles["input--onfocus"] : undefined, type === "text" ? typography.body1Regular : undefined, styles["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style }, { children: [labelText.length > 0 && (jsx("label", __assign({ htmlFor: id, "data-testid": "InputField_LABEL" }, { children: labelText }))), inputLeftIcon, jsx("input", { ref: ref, "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: joinClasses(styles.input, variant === "code" ? styles.code : undefined), placeholder: placeholder, "aria-placeholder": placeholder, onFocus: handleFocus, onBlur: handleBlur, onChange: onChange, onKeyDown: handleKeyDown, value: value, readOnly: readOnly }), isClearable && value && (jsx(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))] })));
|
|
33
|
+
return (jsxs("div", __assign({ "data-testid": dataTestid, className: joinClasses(styles[labelText.length > 0 ? "inputContainerLabeled" : "inputContainer"], focused ? styles["input--onfocus"] : undefined, type === "text" ? typography.body1Regular : undefined, styles["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style }, { children: [labelText.length > 0 && (jsx("label", __assign({ htmlFor: id, "data-testid": "InputField_LABEL" }, { children: labelText }))), inputLeftIcon, jsx("input", { ref: ref, "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: joinClasses(styles.input, variant === "code" ? styles.code : undefined), placeholder: placeholder, "aria-placeholder": placeholder, onFocus: handleFocus, onBlur: handleBlur, onChange: onChange, onKeyDown: handleKeyDown, value: value, readOnly: readOnly || !onChange }), isClearable && value && (jsx(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))] })));
|
|
34
34
|
});
|
|
35
35
|
|
|
36
36
|
export { InputField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;IAkCa,UAAU,GAAG,UAAU,CAClC,UACE,EAoBmB,EACnB,GAAG,EAAA;QApBD,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,KAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,iBAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,GAAA,EAAA,EACf,EAAA,GAAA,EAAA,CAAA,UAAqB,EAArB,UAAU,mBAAG,YAAA,EAAO,CAAC,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,UAA8B,EAA9B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,iBAAiB,GAAA,EAAA,EAC9B,eAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AAIrB,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,IAAI,QAAQ,EAAE;AACZ,YAAA,QAAQ,CAAC;AACP,gBAAA,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AACiB,aAAA,CAAC;AAC1C,QAAA;AACH,IAAA,CAAC;AACD,IAAA,IAAM,WAAW,GAAG,YAAA;QAClB,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,IAAI,OAAO;AAAE,YAAA,OAAO,EAAE;AACxB,IAAA,CAAC;AACD,IAAA,IAAM,UAAU,GAAG,YAAA;QACjB,UAAU,CAAC,KAAK,CAAC;AACjB,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;AACtB,IAAA,CAAC;IACD,IAAM,aAAa,GAAG,UAAC,KAA4C,EAAA;AACjE,QAAA,IAAI,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzC,YAAY,CAAC,KAAK,CAAC;AACpB,QAAA;AACH,IAAA,CAAC;IAED,QACEA,sCACe,UAAU,EACvB,SAAS,EAAE,WAAW,CACpB,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".Label-module_secondaryText__EOLOU {\n color: var(--text-secondary);\n}\n\n.Label-
|
|
2
|
-
var styles = {"secondaryText":"Label-module_secondaryText__EOLOU","
|
|
1
|
+
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";
|
|
2
|
+
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"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { toPascalCase } from '../../utils/string/toPascalCase.js';
|
|
3
4
|
import { Typography } from '../Typography/index.js';
|
|
4
5
|
import styles from './Label.module.css.js';
|
|
5
6
|
|
|
6
7
|
var Label = function (_a) {
|
|
7
|
-
var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.
|
|
8
|
-
return (jsxs("span", __assign({ "data-testid": "Label_WRAPPER", className: styles.label }, { children: [jsx(Typography, __assign({ tag: "span", "data-testid": "LabelText_MAIN", "aria-label": mainText, className:
|
|
8
|
+
var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.variant, variant = _c === void 0 ? "REGULAR" : _c;
|
|
9
|
+
return (jsxs("span", __assign({ "data-testid": "Label_WRAPPER", className: styles.label }, { children: [jsx(Typography, __assign({ tag: "span", "data-testid": "LabelText_MAIN", "aria-label": mainText, className: styles["textVariant".concat(toPascalCase(variant))], fontClass: "body2Regular" }, { children: mainText })), (secondaryText === null || secondaryText === void 0 ? void 0 : secondaryText.length) > 0 && (jsx(Typography, __assign({ tag: "span", "data-testid": "LabelText_SECONDARY", "aria-label": secondaryText, className: styles.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
|
|
9
10
|
};
|
|
10
11
|
|
|
11
12
|
export { Label };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"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,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAkB,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,IAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,gBAAgB,EAAA,YAAA,EAChB,QAAQ,EACpB,SAAS,EAAE,MAAM,CAAC,qBAAc,YAAY,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,KACxBA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,qBAAqB,gBACrB,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtBU;;;;"}
|
|
@@ -13,7 +13,6 @@ var Modal = function (_a) {
|
|
|
13
13
|
return (jsx(Wrapper, __assign({}, (withOverlay
|
|
14
14
|
? { className: styles.overlay, "data-testid": "Modal_OVERLAY" }
|
|
15
15
|
: {}), { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [header && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsx("button", __assign({ "aria-label": i18n.Modal.ariaBackButton[lang], className: styles.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsx("button", __assign({ "aria-label": i18n.Modal.ariaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsx(Typography, __assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsx("button", __assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
|
|
16
|
-
console.log("ModalHeaderBtn_CLOSE open = ", open);
|
|
17
16
|
if (setOpen) {
|
|
18
17
|
setOpen(!open);
|
|
19
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n display: flex;\n height: 56px;\n padding: 8px 16px;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n border-radius: 12px;\n background: var(--surface-surface-1);\n}\n\n.SelectBoxButton-module_labelWrapper__qziDR {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 2px;\n flex: 1 0 0;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY {\n width: 20px;\n height: 20px;\n}\n\n.SelectBoxButton-
|
|
1
|
+
var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n display: flex;\n height: 56px;\n padding: 8px 16px;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n border-radius: 12px;\n background: var(--surface-surface-1);\n}\n\n.SelectBoxButton-module_labelWrapper__qziDR {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 2px;\n flex: 1 0 0;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY {\n width: 20px;\n height: 20px;\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n color: var(--text-error);\n}\n\n.SelectBoxButton-module_label__QXEFa {\n color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--text-primary);\n}\n";
|
|
2
2
|
var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","labelWrapper":"SelectBoxButton-module_labelWrapper__qziDR","chevronIcon":"SelectBoxButton-module_chevronIcon__c3YkY","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","label":"SelectBoxButton-module_label__QXEFa","selectText":"SelectBoxButton-module_selectText__bHp-v"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
@@ -8,7 +8,7 @@ import styles from './SelectBoxButton.module.css.js';
|
|
|
8
8
|
var SelectBoxButton = function (_a) {
|
|
9
9
|
var handleClick = _a.handleClick, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue, lang = _a.lang;
|
|
10
10
|
var hasValue = modalValue && modalValue.length > 0;
|
|
11
|
-
return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsx(Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.ariaExpandButton[lang], className: styles.chevronIcon, "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
|
|
11
|
+
return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsx(Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.ariaExpandButton[lang], className: styles.chevronIcon, fill: "var(--icon-secondary-color)", "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { SelectBoxButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAeO,IAAM,eAAe,GAAG,UAAC,EAOd,EAAA;AANhB,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,WAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;IAEJ,IAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;AAEpD,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,EAAA,EAAA,QAAA,EAAA,CAEpBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,EAAA,EAAA,QAAA,EAAA,CACpEC,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,QAAQ,GAAG,iBAAiB,GAAG,cAAc,EAAA,aAAA,EAC5C,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAAA,EAAA,QAAA,EAEpB,SAAS,EAAA,CAAA,CACC,EAEZ,QAAQ,KACPA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EAAA,EAAA,EAAA,QAAA,EAErB,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,EACNA,GAAA,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EACf,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACvD,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,6BAA6B,EAAA,aAAA,EACtB,6BAA6B,EAAA,CACzC,CAAA,EAAA,CAAA,CACK;AAEb;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var css_248z = ".StatusText-module_iconWrapper__dGtFw {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.StatusText-module_centerAlign__lTYQ8 {\n text-align: center;\n}\n\n.StatusText-module_wrap__7eTUu {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n";
|
|
2
|
+
var styles = {"iconWrapper":"StatusText-module_iconWrapper__dGtFw","centerAlign":"StatusText-module_centerAlign__lTYQ8","wrap":"StatusText-module_wrap__7eTUu"};
|
|
3
|
+
function styleInject(css, options) {
|
|
4
|
+
if (typeof document === 'undefined') return;
|
|
5
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
6
|
+
const style = document.createElement('style');
|
|
7
|
+
style.type = 'text/css';
|
|
8
|
+
if (style.styleSheet) {
|
|
9
|
+
style.styleSheet.cssText = css;
|
|
10
|
+
} else {
|
|
11
|
+
style.appendChild(document.createTextNode(css));
|
|
12
|
+
}
|
|
13
|
+
head.appendChild(style);
|
|
14
|
+
}
|
|
15
|
+
styleInject(css_248z);
|
|
16
|
+
|
|
17
|
+
export { styles as default };
|
|
18
|
+
//# sourceMappingURL=StatusText.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusText.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Icons } from '@egov3/graphics';
|
|
4
|
+
import { Label } from '../Label/index.js';
|
|
5
|
+
import styles from './StatusText.module.css.js';
|
|
6
|
+
|
|
7
|
+
var StatusText = function (_a) {
|
|
8
|
+
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;
|
|
9
|
+
return (jsxs("div", __assign({ "data-testid": "StatusText_WRAP", className: styles.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsx("div", __assign({ "data-testid": "StatusTextError_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsx("div", __assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsx(Icons.General.InfoStroke, { className: styles.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsx("div", __assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsx(Icons.General.CheckedRound, { className: styles.iconWrapper, fill: "var(--icon-success)" }) }))), jsx("div", __assign({ className: isAlignedCenter ? styles.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsx(Label, { mainText: text, variant: variant }) }))] })));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { StatusText };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"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,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BA,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CAAA,CACvC,KACF;AAhCgB;;;;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import '../styles/colors.css.js';
|
|
1
2
|
import { Accordion } from './Accordion/index.js';
|
|
2
3
|
import { Button } from './Button/index.js';
|
|
3
4
|
import { InputField } from './InputField/index.js';
|
|
@@ -6,10 +7,9 @@ import { Modal } from './Modal/index.js';
|
|
|
6
7
|
import { RadioGroup, CustomRadioButton } from './RadioGroup/index.js';
|
|
7
8
|
import { RadioToggle } from './RadioToggle/index.js';
|
|
8
9
|
import { SelectBoxButton } from './SelectBoxButton/index.js';
|
|
10
|
+
import { StatusText } from './StatusText/index.js';
|
|
9
11
|
import { TabButtons } from './TabButtons/index.js';
|
|
10
12
|
import { Typography } from './Typography/index.js';
|
|
11
|
-
import { WarningText } from './WarningText/index.js';
|
|
12
|
-
import '../styles/colors.css.js';
|
|
13
13
|
|
|
14
14
|
var BaseComponents = {
|
|
15
15
|
Accordion: Accordion,
|
|
@@ -23,7 +23,7 @@ var BaseComponents = {
|
|
|
23
23
|
Typography: Typography,
|
|
24
24
|
Label: Label,
|
|
25
25
|
TabButtons: TabButtons,
|
|
26
|
-
|
|
26
|
+
StatusText: StatusText,
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
export { BaseComponents };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAcO,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,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAcO,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,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n --button-black-default-color: #000;\n --button-black-on-hover-color: #333;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n";
|
|
1
|
+
var css_248z = ":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n --button-black-default-color: #000;\n --button-black-on-hover-color: #333;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n --text-success: #57bb09;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n";
|
|
2
2
|
function styleInject(css, options) {
|
|
3
3
|
if (typeof document === 'undefined') return;
|
|
4
4
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toPascalCase.js","sources":["../../../../src/utils/string/toPascalCase.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,IAAM,YAAY,GAAG,UAAC,GAAW,EAAA;IACtC,OAAA,GAAG,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAAtE;;;;"}
|
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
+
import { IHTMLAttributesDataProps } from '~interfaces/common';
|
|
2
3
|
|
|
3
|
-
interface IButtonProps {
|
|
4
|
-
ariaLabel?: string;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
children: React__default.ReactNode;
|
|
7
|
-
className?: string;
|
|
4
|
+
interface IButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, IHTMLAttributesDataProps {
|
|
8
5
|
isRounded?: boolean;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
variant?: "default" | "tinted" | "secondary" | "black";
|
|
11
6
|
size?: "mini" | "small" | "medium" | "large";
|
|
12
|
-
|
|
13
|
-
dataTestid?: string;
|
|
7
|
+
variant?: "default" | "tinted" | "secondary" | "black";
|
|
14
8
|
}
|
|
15
9
|
|
|
16
10
|
export type { IButtonProps };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IDocCardProps } from './components/DocCard/index.js';
|
|
2
2
|
import { IPrimaryProps } from './components/IdentityHeader/index.js';
|
|
3
3
|
import { IIdentityModalProps } from './components/IdentityModal/index.js';
|
|
4
|
-
import {
|
|
4
|
+
import { IStatusTextProps } from './baseComponents/StatusText/index.js';
|
|
5
5
|
import { ITabButtonsProps } from './baseComponents/TabButtons/index.js';
|
|
6
6
|
import { ILabelProps } from './baseComponents/Label/index.js';
|
|
7
7
|
import { ITypographyProps } from './baseComponents/Typography/index.js';
|
|
@@ -18,7 +18,7 @@ import { IAccordionProps } from './baseComponents/Accordion/index.js';
|
|
|
18
18
|
declare const SystemDesign: {
|
|
19
19
|
BaseComponents: {
|
|
20
20
|
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
21
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
21
|
+
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
22
22
|
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
23
23
|
InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
24
24
|
Modal: ({ children, header, lang, open, setOpen, variant, withOverlay, }: IModalProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -26,9 +26,9 @@ declare const SystemDesign: {
|
|
|
26
26
|
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|
|
27
27
|
SelectBoxButton: ({ handleClick, labelText, disabled, error, modalValue, lang, }: ISelectBoxProps) => react_jsx_runtime.JSX.Element;
|
|
28
28
|
Typography: React.FC<ITypographyProps>;
|
|
29
|
-
Label: ({ mainText, secondaryText,
|
|
29
|
+
Label: ({ mainText, secondaryText, variant, }: ILabelProps) => react_jsx_runtime.JSX.Element;
|
|
30
30
|
TabButtons: ({ tabDocLabels, activeTab, handleClick, }: ITabButtonsProps) => react_jsx_runtime.JSX.Element;
|
|
31
|
-
|
|
31
|
+
StatusText: ({ text, isAlignedCenter, isNeedIcon, variant, }: IStatusTextProps) => react_jsx_runtime.JSX.Element;
|
|
32
32
|
};
|
|
33
33
|
Components: {
|
|
34
34
|
IdentityModal: ({ children, goBackService, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var css_248z = ".WarningText-module_iconWrapper__shYJy {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.WarningText-module_iconWrapper__shYJy > :first-child {\n fill: var(--icon-error-color);\n}\n\n.WarningText-module_centerAlign__B7AJp {\n text-align: center;\n}\n\n.WarningText-module_wrap__1DySd {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n";
|
|
6
|
-
var styles = {"iconWrapper":"WarningText-module_iconWrapper__shYJy","centerAlign":"WarningText-module_centerAlign__B7AJp","wrap":"WarningText-module_wrap__1DySd"};
|
|
7
|
-
function styleInject(css, options) {
|
|
8
|
-
if (typeof document === 'undefined') return;
|
|
9
|
-
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
-
const style = document.createElement('style');
|
|
11
|
-
style.type = 'text/css';
|
|
12
|
-
if (style.styleSheet) {
|
|
13
|
-
style.styleSheet.cssText = css;
|
|
14
|
-
} else {
|
|
15
|
-
style.appendChild(document.createTextNode(css));
|
|
16
|
-
}
|
|
17
|
-
head.appendChild(style);
|
|
18
|
-
}
|
|
19
|
-
styleInject(css_248z);
|
|
20
|
-
|
|
21
|
-
exports.default = styles;
|
|
22
|
-
//# sourceMappingURL=WarningText.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WarningText.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib = require('tslib');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var graphics = require('@egov3/graphics');
|
|
6
|
-
var index = require('../Label/index.js');
|
|
7
|
-
var WarningText_module = require('./WarningText.module.css.js');
|
|
8
|
-
|
|
9
|
-
var WarningText = function (_a) {
|
|
10
|
-
var errorText = _a.errorText, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c;
|
|
11
|
-
return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Warning_WRAP", className: WarningText_module.default.wrap }, { children: [isNeedIcon && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "Warning_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.Error, { className: WarningText_module.default.iconWrapper }) }))), jsxRuntime.jsx("div", tslib.__assign({ className: isAlignedCenter && WarningText_module.default.centerAlign, "data-testid": "Warning_TEXT" }, { children: jsxRuntime.jsx(index.Label, { mainText: errorText, error: true }) }))] })));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.WarningText = WarningText;
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/WarningText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Icons","Label"],"mappings":";;;;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAIR,EAAA;AAHlB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IACK,QACvBA,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACnD,UAAU,KACTC,sDAAiB,cAAc,EAAA,EAAA,EAAA,QAAA,EAC7BA,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAC,SAAS,EAAEF,0BAAM,CAAC,WAAW,GAAI,EAAA,CAAA,CAClD,CACP,EACDC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EACE,SAAS,EAAE,eAAe,IAAIC,0BAAM,CAAC,WAAW,EAAA,aAAA,EACpC,cAAc,EAAA,EAAA,EAAA,QAAA,EAE1BC,eAACE,WAAK,EAAA,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,CAAI,EAAA,CAAA,CACvC,CAAA,EAAA,CAAA,CACF;AAbiB;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var css_248z = ".WarningText-module_iconWrapper__shYJy {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.WarningText-module_iconWrapper__shYJy > :first-child {\n fill: var(--icon-error-color);\n}\n\n.WarningText-module_centerAlign__B7AJp {\n text-align: center;\n}\n\n.WarningText-module_wrap__1DySd {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n";
|
|
2
|
-
var styles = {"iconWrapper":"WarningText-module_iconWrapper__shYJy","centerAlign":"WarningText-module_centerAlign__B7AJp","wrap":"WarningText-module_wrap__1DySd"};
|
|
3
|
-
function styleInject(css, options) {
|
|
4
|
-
if (typeof document === 'undefined') return;
|
|
5
|
-
const head = document.head || document.getElementsByTagName('head')[0];
|
|
6
|
-
const style = document.createElement('style');
|
|
7
|
-
style.type = 'text/css';
|
|
8
|
-
if (style.styleSheet) {
|
|
9
|
-
style.styleSheet.cssText = css;
|
|
10
|
-
} else {
|
|
11
|
-
style.appendChild(document.createTextNode(css));
|
|
12
|
-
}
|
|
13
|
-
head.appendChild(style);
|
|
14
|
-
}
|
|
15
|
-
styleInject(css_248z);
|
|
16
|
-
|
|
17
|
-
export { styles as default };
|
|
18
|
-
//# sourceMappingURL=WarningText.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WarningText.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Icons } from '@egov3/graphics';
|
|
4
|
-
import { Label } from '../Label/index.js';
|
|
5
|
-
import styles from './WarningText.module.css.js';
|
|
6
|
-
|
|
7
|
-
var WarningText = function (_a) {
|
|
8
|
-
var errorText = _a.errorText, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c;
|
|
9
|
-
return (jsxs("div", __assign({ "data-testid": "Warning_WRAP", className: styles.wrap }, { children: [isNeedIcon && (jsx("div", __assign({ "data-testid": "Warning_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper }) }))), jsx("div", __assign({ className: isAlignedCenter && styles.centerAlign, "data-testid": "Warning_TEXT" }, { children: jsx(Label, { mainText: errorText, error: true }) }))] })));
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { WarningText };
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/WarningText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAIR,EAAA;AAHlB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IACK,QACvBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACnD,UAAU,KACTC,qCAAiB,cAAc,EAAA,EAAA,EAAA,QAAA,EAC7BA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,EAAA,CAAA,CAClD,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,IAAI,MAAM,CAAC,WAAW,EAAA,aAAA,EACpC,cAAc,EAAA,EAAA,EAAA,QAAA,EAE1BA,IAAC,KAAK,EAAA,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,CAAI,EAAA,CAAA,CACvC,CAAA,EAAA,CAAA,CACF;AAbiB;;;;"}
|