@egov3/system-design 1.3.67 → 1.3.69
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/components/Accordion/index.js +8 -12
- package/dist/cjs/components/Accordion/index.js.map +1 -1
- package/dist/cjs/components/Button/index.js +5 -4
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/InputField/InputField.module.css.js +1 -1
- package/dist/cjs/components/InputField/index.js +5 -8
- package/dist/cjs/components/InputField/index.js.map +1 -1
- package/dist/cjs/components/Modal/index.js +6 -11
- package/dist/cjs/components/Modal/index.js.map +1 -1
- package/dist/cjs/components/RadioGroup/index.js +6 -8
- package/dist/cjs/components/RadioGroup/index.js.map +1 -1
- package/dist/cjs/components/RadioToggle/index.js +4 -5
- package/dist/cjs/components/RadioToggle/index.js.map +1 -1
- package/dist/cjs/components/SelectBoxButton/index.js +3 -6
- package/dist/cjs/components/SelectBoxButton/index.js.map +1 -1
- package/dist/cjs/components/Typography/index.js +3 -3
- package/dist/cjs/components/Typography/index.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/typography.module.css.js +1 -1
- package/dist/cjs/svg/ClearIcon.js +4 -5
- package/dist/cjs/svg/ClearIcon.js.map +1 -1
- package/dist/esm/components/Accordion/index.js +8 -12
- package/dist/esm/components/Accordion/index.js.map +1 -1
- package/dist/esm/components/Button/index.js +5 -4
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/InputField/InputField.module.css.js +1 -1
- package/dist/esm/components/InputField/index.js +6 -9
- package/dist/esm/components/InputField/index.js.map +1 -1
- package/dist/esm/components/Modal/index.js +6 -11
- package/dist/esm/components/Modal/index.js.map +1 -1
- package/dist/esm/components/RadioGroup/index.js +6 -8
- package/dist/esm/components/RadioGroup/index.js.map +1 -1
- package/dist/esm/components/RadioToggle/index.js +4 -5
- package/dist/esm/components/RadioToggle/index.js.map +1 -1
- package/dist/esm/components/SelectBoxButton/index.js +3 -6
- package/dist/esm/components/SelectBoxButton/index.js.map +1 -1
- package/dist/esm/components/Typography/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/typography.module.css.js +1 -1
- package/dist/esm/svg/ClearIcon.js +3 -4
- package/dist/esm/svg/ClearIcon.js.map +1 -1
- package/dist/types/components/Accordion/index.d.ts +3 -3
- package/dist/types/components/Typography/index.d.ts +2 -2
- package/dist/types/index.d.ts +8 -7
- package/package.json +7 -3
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
6
|
+
var Accordion_module = require('./Accordion.module.css.js');
|
|
6
7
|
|
|
7
8
|
var Accordion = function (_a) {
|
|
8
9
|
var open = _a.open, setOpen = _a.setOpen, children = _a.children, title = _a.title;
|
|
9
|
-
return (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
React.createElement("svg", { "data-testid": "Accordion_DIRECTION", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
|
|
15
|
-
transform: !open ? "none" : "rotate(0.5turn)",
|
|
16
|
-
} },
|
|
17
|
-
React.createElement("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" }))),
|
|
18
|
-
React.createElement("div", { "data-testid": "Accordion_CONTENT", className: joinClasses.joinClasses(Accordion_module.default.accordionContent, !open && Accordion_module.default["accordionContent--hidden"]) }, children)));
|
|
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
|
+
setOpen(!open);
|
|
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: !open ? "none" : "rotate(0.5turn)",
|
|
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 }))] }));
|
|
19
15
|
};
|
|
20
16
|
|
|
21
17
|
exports.Accordion = Accordion;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":[null],"names":["styles","joinClasses"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","__assign","styles","_jsx","joinClasses"],"mappings":";;;;;;;AAWO,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,CAAC,IAAI,GAAG,MAAM,GAAG,iBAAiB;AAC9C,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;;;;"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
5
|
-
var button_module = require('./button.module.css.js');
|
|
6
6
|
var typography_module = require('../../styles/typography.module.css.js');
|
|
7
|
+
var button_module = require('./button.module.css.js');
|
|
7
8
|
|
|
8
9
|
var btnTypography = {
|
|
9
10
|
mini: typography_module.default.caption2Medium,
|
|
@@ -13,9 +14,9 @@ var btnTypography = {
|
|
|
13
14
|
};
|
|
14
15
|
var Button = function (_a) {
|
|
15
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.ariaLabel, ariaLabel = _g === void 0 ? "Кнопка" : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "Button_MAIN" : _h;
|
|
16
|
-
return (
|
|
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
|
|
17
18
|
? button_module.default["btn-rounded--".concat(size)]
|
|
18
|
-
: 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));
|
|
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
20
|
};
|
|
20
21
|
|
|
21
22
|
exports.Button = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["typography","joinClasses","styles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["typography","_jsx","__assign","joinClasses","styles"],"mappings":";;;;;;;;AAmBA,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,EAWR,EAAA;QAVb,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,KAAA,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,SAAoB,EAApB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAA0B,EAA1B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA;AACR,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;AAC/B,cAAEA,qBAAM,CAAC,sBAAe,IAAI,CAAE,CAAC,EACjC,QAAQ,GAAGA,qBAAM,CAAC,cAAO,OAAO,EAAA,YAAA,CAAY,CAAC,GAAGA,qBAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,CAAE,CAAC,EACxEA,qBAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EAEX,QAAQ,IACF;AArBS;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".InputField-module_inputContainer__f-bIm {\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__zrQbJ {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__zrQbJ label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__Lgxvm {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__Lgxvm:active,\n.InputField-module_input__Lgxvm:focus {\n outline: none;\n}\n\n.InputField-module_input__Lgxvm::placeholder {\n color: var(--text-disabled-color);\n}\n\n.InputField-module_input__Lgxvm::-webkit-inner-spin-button,\n.InputField-module_input__Lgxvm::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__1KYtM {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__cJyDp {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__cJyDp .InputField-module_input__Lgxvm {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__ktf8F {
|
|
5
|
+
var css_248z = ".InputField-module_inputContainer__f-bIm {\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__zrQbJ {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__zrQbJ label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__Lgxvm {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__Lgxvm:active,\n.InputField-module_input__Lgxvm:focus {\n outline: none;\n}\n\n.InputField-module_input__Lgxvm::placeholder {\n color: var(--text-disabled-color);\n}\n\n.InputField-module_input__Lgxvm::-webkit-inner-spin-button,\n.InputField-module_input__Lgxvm::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__1KYtM {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__cJyDp {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__cJyDp .InputField-module_input__Lgxvm {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__ktf8F {\n text-align: center;\n}\n";
|
|
6
6
|
var styles = {"inputContainer":"InputField-module_inputContainer__f-bIm","inputContainerLabeled":"InputField-module_inputContainerLabeled__zrQbJ","input":"InputField-module_input__Lgxvm","clearIcon":"InputField-module_clearIcon__1KYtM","input--onfocus":"InputField-module_input--onfocus__cJyDp","code":"InputField-module_code__ktf8F"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
3
5
|
var React = require('react');
|
|
6
|
+
var ClearIcon = require('../../svg/ClearIcon.js');
|
|
4
7
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
5
|
-
var InputField_module = require('./InputField.module.css.js');
|
|
6
8
|
var typography_module = require('../../styles/typography.module.css.js');
|
|
7
|
-
var
|
|
9
|
+
var InputField_module = require('./InputField.module.css.js');
|
|
8
10
|
|
|
9
|
-
// InputField.tsx
|
|
10
11
|
var InputField = React.forwardRef(function (_a, ref) {
|
|
11
12
|
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, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, _k = _a.setFocused, setFocused = _k === void 0 ? function () { } : _k, _l = _a.readOnly, readOnly = _l === void 0 ? false : _l, _m = _a.dataTestid, dataTestid = _m === void 0 ? "InputField_MAIN" : _m, _o = _a.variant, variant = _o === void 0 ? "default" : _o;
|
|
12
13
|
var handleClear = function () {
|
|
@@ -31,11 +32,7 @@ var InputField = React.forwardRef(function (_a, ref) {
|
|
|
31
32
|
onEnterPress(event);
|
|
32
33
|
}
|
|
33
34
|
};
|
|
34
|
-
return (
|
|
35
|
-
labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
|
|
36
|
-
inputLeftIcon,
|
|
37
|
-
React.createElement("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 }),
|
|
38
|
-
isClearable && value && (React.createElement(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 ? "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 }))] })));
|
|
39
36
|
});
|
|
40
37
|
|
|
41
38
|
exports.InputField = InputField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","joinClasses","styles","typography","ClearIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","joinClasses","styles","typography","_jsx","__assign","ClearIcon"],"mappings":"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"}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
var Icons = require('@egov3/graphics');
|
|
5
|
-
var joinClasses = require('../../utils/joinClasses.js');
|
|
6
6
|
var index = require('../index.js');
|
|
7
|
+
var joinClasses = require('../../utils/joinClasses.js');
|
|
7
8
|
var Modal_module = require('./Modal.module.css.js');
|
|
8
9
|
|
|
9
10
|
var Modal = function (_a) {
|
|
10
11
|
var open = _a.open, setOpen = _a.setOpen, children = _a.children, headerTitle = _a.headerTitle, variant = _a.variant;
|
|
11
12
|
if (open) {
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
React.createElement(index.Components.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.title }, headerTitle),
|
|
16
|
-
React.createElement("button", { "data-testid": "ModalHeader_BTN", onClick: function () {
|
|
17
|
-
setOpen(!open);
|
|
18
|
-
} },
|
|
19
|
-
React.createElement(Icons.General.Close, { "data-testid": "Modal_ICON" })))),
|
|
20
|
-
children)));
|
|
13
|
+
return (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "Modal_OVERLAY", className: Modal_module.default.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: [headerTitle && headerTitle.length > 0 && (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader }, { children: [jsxRuntime.jsx(index.Components.Typography, tslib.__assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.title }, { children: headerTitle })), jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "ModalHeader_BTN", onClick: function () {
|
|
14
|
+
setOpen(!open);
|
|
15
|
+
} }, { children: jsxRuntime.jsx(Icons.General.Close, { "data-testid": "Modal_ICON" }) }))] }))), children] })) })));
|
|
21
16
|
}
|
|
22
17
|
else {
|
|
23
18
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":[null],"names":["styles","joinClasses","Components"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","__assign","styles","_jsxs","joinClasses","Components"],"mappings":";;;;;;;;;AAgBO,IAAM,KAAK,GAAG,UAAC,EAMR,EAAA;AALZ,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAI,IAAI,EAAE;AACR,QAAA,QACEA,cAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,eAAe,EAAC,SAAS,EAAEC,oBAAM,CAAC,OAAO,EAAA,EAAA,EAAA,QAAA,EACxDC,uDACc,eAAe,EAC3B,SAAS,EAAEC,uBAAW,CACpBF,oBAAM,CAAC,WAAW,EAClBA,oBAAM,CAAC,EAAA,CAAA,MAAA,CAAG,OAAO,YAAS,CAAC,CAC5B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEA,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,KACpCC,eAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,oBAAM,CAAC,aAAa,iBAC7DF,cAAA,CAACK,gBAAU,CAAC,UAAU,mBACpB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,aAAa,EAAA,aAAA,EACX,aAAa,EACzB,SAAS,EAAEH,oBAAM,CAAC,KAAK,gBAEtB,WAAW,EAAA,CAAA,CACU,EACxBF,cAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,iBACD,iBAAiB,EAC7B,OAAO,EAAE,YAAA;AACP,oCAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AAChB,gCAAA,CAAC,gBAEDD,cAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAA,aAAA,EAAa,YAAY,EAAA,CAAG,EAAA,CAAA,CACzC,KACL,CACP,EACA,QAAQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA,CACF;AAET,IAAA;AAAM,SAAA;AACL,QAAA,OAAO,IAAI;AACZ,IAAA;AACH;;;;"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var typography_module = require('../../styles/typography.module.css.js');
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
5
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
6
|
+
var typography_module = require('../../styles/typography.module.css.js');
|
|
7
|
+
var RadioGroup_module = require('./RadioGroup.module.css.js');
|
|
7
8
|
|
|
8
9
|
var CustomRadioButton = function (_a) {
|
|
9
10
|
var label = _a.label, name = _a.name, checked = _a.checked, onChange = _a.onChange, value = _a.value;
|
|
10
|
-
return (
|
|
11
|
-
React.createElement("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }),
|
|
12
|
-
React.createElement("span", { "data-testid": "RadioGroupItem_RADIO", className: RadioGroup_module.default.radioBtn }),
|
|
13
|
-
React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses.joinClasses(RadioGroup_module.default.radioBtnText, typography_module.default.body2Regular) }, label)));
|
|
11
|
+
return (jsxRuntime.jsxs("label", tslib.__assign({ "data-testid": "RadioGroupItem_LABEL", className: RadioGroup_module.default.radio }, { children: [jsxRuntime.jsx("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }), jsxRuntime.jsx("span", { "data-testid": "RadioGroupItem_RADIO", className: RadioGroup_module.default.radioBtn }), jsxRuntime.jsx("span", tslib.__assign({ "data-testid": "RadioGroupItem_TEXT", className: joinClasses.joinClasses(RadioGroup_module.default.radioBtnText, typography_module.default.body2Regular) }, { children: label }))] })));
|
|
14
12
|
};
|
|
15
13
|
var RadioGroup = function (_a) {
|
|
16
14
|
var RadioGroupItems = _a.RadioGroupItems, invokeCustomOnChange = _a.invokeCustomOnChange, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
|
|
@@ -18,7 +16,7 @@ var RadioGroup = function (_a) {
|
|
|
18
16
|
setSelectedOption(event.target.value);
|
|
19
17
|
invokeCustomOnChange(event);
|
|
20
18
|
};
|
|
21
|
-
return (
|
|
19
|
+
return (jsxRuntime.jsx("fieldset", tslib.__assign({ "data-testid": "RadioGroup_FIELDSET" }, { children: RadioGroupItems.map(function (item) { return (jsxRuntime.jsx(CustomRadioButton, { label: item.label, name: "radio", checked: selectedOption === item.value, onChange: handleChange, value: item.value }, item.label)); }) })));
|
|
22
20
|
};
|
|
23
21
|
|
|
24
22
|
exports.CustomRadioButton = CustomRadioButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["styles","joinClasses","typography"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","joinClasses","typography"],"mappings":";;;;;;;;AAyBO,IAAM,iBAAiB,GAAG,UAAC,EAMR,EAAA;AALxB,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AACwB,IAAA,QAC7BA,eAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAmB,sBAAsB,EAAC,SAAS,EAAEC,yBAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CAC/DC,cAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACFA,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,sBAAsB,EAAC,SAAS,EAAED,yBAAM,CAAC,QAAQ,EAAA,CAAS,EAC5EC,cAAA,CAAA,MAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAEG,uBAAW,CAACF,yBAAM,CAAC,YAAY,EAAEG,yBAAU,CAAC,YAAY,CAAC,EAAA,EAAA,EAAA,QAAA,EAEnE,KAAK,EAAA,CAAA,CACD,KACD;AAjBqB;AAoBxB,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA;IAEd,IAAM,YAAY,GAAG,UAAC,KAA0C,EAAA;AAC9D,QAAA,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACrC,oBAAoB,CAAC,KAAK,CAAC;AAC7B,IAAA,CAAC;IACD,QACEF,cAAA,CAAA,UAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAsB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACxC,eAAe,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QAC7BE,cAAA,CAAC,iBAAiB,EAAA,EAEhB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,KAAK,EACtC,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EALZ,IAAI,CAAC,KAAK,CAMf,EACH,CAT8B,CAS9B,CAAC,EAAA,CAAA,CACO;AAEf;;;;;"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
5
6
|
var RadioToggle_module = require('./RadioToggle.module.css.js');
|
|
6
7
|
|
|
7
8
|
var RadioToggle = function (_a) {
|
|
8
9
|
var lock = _a.lock, setLock = _a.setLock;
|
|
9
|
-
return (
|
|
10
|
+
return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "RadioToggle_BUTTON", "aria-pressed": lock, "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F", onClick: function () {
|
|
10
11
|
setLock(!lock);
|
|
11
|
-
} },
|
|
12
|
-
React.createElement("div", { "data-testid": "RadioToggle_WRAP", className: joinClasses.joinClasses(RadioToggle_module.default.wrap, lock && RadioToggle_module.default.wrapLock) },
|
|
13
|
-
React.createElement("div", { "data-testid": "RadioToggle_ROUND", className: RadioToggle_module.default.round }))));
|
|
12
|
+
} }, { children: jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "RadioToggle_WRAP", className: joinClasses.joinClasses(RadioToggle_module.default.wrap, lock && RadioToggle_module.default.wrapLock) }, { children: jsxRuntime.jsx("div", { "data-testid": "RadioToggle_ROUND", className: RadioToggle_module.default.round }) })) })));
|
|
14
13
|
};
|
|
15
14
|
|
|
16
15
|
exports.RadioToggle = RadioToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioToggle/index.tsx"],"sourcesContent":[null],"names":["joinClasses","styles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioToggle/index.tsx"],"sourcesContent":[null],"names":["_jsx","__assign","joinClasses","styles"],"mappings":";;;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAAoC,EAAA;QAAlC,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAA0B,IAAA,QACnEA,cAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,oBAAoB,EAAA,cAAA,EAClB,IAAI,EAAA,YAAA,EACP,+GAAqB,EAChC,OAAO,EAAE,YAAA;AACP,YAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AAChB,QAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDD,cAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAEC,uBAAW,CAACC,0BAAM,CAAC,IAAI,EAAE,IAAI,IAAIA,0BAAM,CAAC,QAAQ,CAAC,EAAA,EAAA,EAAA,QAAA,EAE5DH,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAEG,0BAAM,CAAC,KAAK,EAAA,CAAQ,EAAA,CAAA,CAChE,IACC;AAhB0D;;;;"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
var Icons = require('@egov3/graphics');
|
|
5
6
|
var index = require('../index.js');
|
|
6
7
|
var SelectBoxButton_module = require('./SelectBoxButton.module.css.js');
|
|
7
8
|
|
|
8
9
|
var SelectBoxButton = function (_a) {
|
|
9
10
|
var setIsOpen = _a.setIsOpen, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue;
|
|
10
|
-
return (
|
|
11
|
-
React.createElement("div", { "data-testid": "SelectBoxModal_TITLE" },
|
|
12
|
-
React.createElement(index.Components.Typography, { tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, labelText),
|
|
13
|
-
modalValue && modalValue.length > 0 && (React.createElement(index.Components.Typography, { tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, modalValue))),
|
|
14
|
-
React.createElement(Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: SelectBoxButton_module.default.clearIcon })));
|
|
11
|
+
return (jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: SelectBoxButton_module.default.selectContainer, onClick: function () { return !disabled && setIsOpen(true); } }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SelectBoxModal_TITLE" }, { children: [jsxRuntime.jsx(index.Components.Typography, tslib.__assign({ tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, { children: labelText })), modalValue && modalValue.length > 0 && (jsxRuntime.jsx(index.Components.Typography, tslib.__assign({ tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsxRuntime.jsx(Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: SelectBoxButton_module.default.clearIcon })] })));
|
|
15
12
|
};
|
|
16
13
|
|
|
17
14
|
exports.SelectBoxButton = SelectBoxButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["styles","Components"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Components"],"mappings":";;;;;;;;AAgBO,IAAM,eAAe,GAAG,UAAC,EAMd,EAAA;AALhB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA;AACwB,IAAA,QAClCA,eAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAEC,8BAAM,CAAC,eAAe,EACjC,OAAO,EAAE,YAAA,EAAM,OAAA,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA,CAA5B,CAA4B,EAAA,EAAA,EAAA,QAAA,EAAA,CAE3CF,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EAAA,CACrCE,cAAA,CAACC,gBAAU,CAAC,UAAU,EAAAH,cAAA,CAAA,EACpB,GAAG,EAAC,OAAO,EACX,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,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,CACY,EACvB,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClCC,cAAA,CAACC,gBAAU,CAAC,UAAU,EAAAH,cAAA,CAAA,EACpB,GAAG,EAAC,KAAK,EACT,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,CACW,CACzB,CAAA,EAAA,CAAA,CACG,EACNC,cAAA,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EAChB,mGAAmB,EAC9B,IAAI,EAAC,SAAS,EACd,SAAS,EAAED,8BAAM,CAAC,SAAS,EAAA,CAC3B,CAAA,EAAA,CAAA,CACK;AAlCyB;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
6
6
|
var typography_module = require('../../styles/typography.module.css.js');
|
|
7
7
|
|
|
8
8
|
var Typography = function (_a) {
|
|
9
9
|
var _b;
|
|
10
|
-
var tag = _a.tag, fontClass = _a.fontClass, className = _a.className, children = _a.children, style = _a.style, restProps =
|
|
11
|
-
return React.createElement(tag,
|
|
10
|
+
var tag = _a.tag, fontClass = _a.fontClass, className = _a.className, children = _a.children, style = _a.style, restProps = tslib.__rest(_a, ["tag", "fontClass", "className", "children", "style"]);
|
|
11
|
+
return React.createElement(tag, tslib.__assign(tslib.__assign({}, restProps), { className: joinClasses.joinClasses((_b = typography_module.default[fontClass]) !== null && _b !== void 0 ? _b : "", className), style: style }), children);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.Typography = Typography;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Typography/index.tsx"],"sourcesContent":[null],"names":["__rest","__assign","joinClasses","typography"],"mappings":";;;;;;;AA2BO,IAAM,UAAU,GAAyB,UAAC,EAOhD,EAAA;;AANC,IAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Typography/index.tsx"],"sourcesContent":[null],"names":["__rest","__assign","joinClasses","typography"],"mappings":";;;;;;;AA2BO,IAAM,UAAU,GAAyB,UAAC,EAOhD,EAAA;;AANC,IAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAAA,YAAA,CAAA,EAAA,EANmC,sDAOhD,CADa;AAEZ,IAAA,OAAA,KAAK,CAAC,aAAa,CACjB,GAAG,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAEE,SAAS,CAAA,EAAA,EACZ,SAAS,EAAEC,uBAAW,CAAC,CAAA,EAAA,GAAAC,yBAAU,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,SAAS,CAAC,EAC9D,KAAK,EAAA,KAAA,EAAA,CAAA,EAEP,QAAQ,CACT;;;;;"}
|
package/dist/cjs/index.js
CHANGED
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components"],"mappings":";;;;;;AAEA,IAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components"],"mappings":";;;;;;AAEA,IAAM,YAAY,GAAG;AACnB,IAAA,UAAU,EAAAA,gBAAA;;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = "/* Headings/Heading 1 */\n.typography-module_heading1__ub7Od {\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 36px; /* 112.5% */\n letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.typography-module_heading3__QLNPD {\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 116.667% */\n letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.typography-module_subtitles3__QZScB {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.typography-module_body1Medium__INZB0 {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.typography-module_body1Regular__H3iQB {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.typography-module_body2Medium__Caa0m {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.typography-module_body2Regular__MEtzs {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.typography-module_body3Regular__rp6ng {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.typography-module_caption1Medium__xXMm- {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.typography-module_caption1Regular__QVGyq {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.typography-module_caption1Semibold__Il1Aq {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.typography-module_caption2Medium__0Vvmy {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.typography-module_caption2Regular__GxtiS {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 12px; /* 120% */\n}\n\n.typography-module_caption2Semibold__4ysJe {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 120% */\n}\n";
|
|
5
|
+
var css_248z = "/* Headings/Heading 1 */\n.typography-module_heading1__ub7Od {\n font-family: \"Inter\", sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 36px; /* 112.5% */\n letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.typography-module_heading3__QLNPD {\n font-family: \"Inter\", sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 116.667% */\n letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.typography-module_subtitles3__QZScB {\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.typography-module_body1Medium__INZB0 {\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.typography-module_body1Regular__H3iQB {\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.typography-module_body2Medium__Caa0m {\n font-family: \"Inter\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.typography-module_body2Regular__MEtzs {\n font-family: \"Inter\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.typography-module_body3Regular__rp6ng {\n font-family: \"Inter\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.typography-module_caption1Medium__xXMm- {\n font-family: \"Inter\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.typography-module_caption1Regular__QVGyq {\n font-family: \"Inter\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.typography-module_caption1Semibold__Il1Aq {\n font-family: \"Inter\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.typography-module_caption2Medium__0Vvmy {\n font-family: \"Inter\", sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.typography-module_caption2Regular__GxtiS {\n font-family: \"Inter\", sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 12px; /* 120% */\n}\n\n.typography-module_caption2Semibold__4ysJe {\n font-family: \"Inter\", sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 120% */\n}\n";
|
|
6
6
|
var typography = {"heading1":"typography-module_heading1__ub7Od","heading3":"typography-module_heading3__QLNPD","subtitles3":"typography-module_subtitles3__QZScB","body1Medium":"typography-module_body1Medium__INZB0","body1Regular":"typography-module_body1Regular__H3iQB","body2Medium":"typography-module_body2Medium__Caa0m","body2Regular":"typography-module_body2Regular__MEtzs","body3Regular":"typography-module_body3Regular__rp6ng","caption1Medium":"typography-module_caption1Medium__xXMm-","caption1Regular":"typography-module_caption1Regular__QVGyq","caption1Semibold":"typography-module_caption1Semibold__Il1Aq","caption2Medium":"typography-module_caption2Medium__0Vvmy","caption2Regular":"typography-module_caption2Regular__GxtiS","caption2Semibold":"typography-module_caption2Semibold__4ysJe"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
|
|
6
6
|
var ClearIcon = function (_a) {
|
|
7
|
-
var _b = _a.fill, fill = _b === void 0 ? "none" : _b, _c = _a.pathFill, pathFill = _c === void 0 ? "#fff" : _c, _d = _a.width, width = _d === void 0 ? 20 : _d, _e = _a.height, height = _e === void 0 ? 20 : _e, props =
|
|
8
|
-
return (
|
|
9
|
-
React.createElement("path", { fill: pathFill, fillRule: "evenodd", d: "M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z", clipRule: "evenodd" })));
|
|
7
|
+
var _b = _a.fill, fill = _b === void 0 ? "none" : _b, _c = _a.pathFill, pathFill = _c === void 0 ? "#fff" : _c, _d = _a.width, width = _d === void 0 ? 20 : _d, _e = _a.height, height = _e === void 0 ? 20 : _e, props = tslib.__rest(_a, ["fill", "pathFill", "width", "height"]);
|
|
8
|
+
return (jsxRuntime.jsx("svg", tslib.__assign({ "data-testid": "Icons_CLEAR", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: fill, viewBox: "0 0 20 20" }, props, { children: jsxRuntime.jsx("path", { fill: pathFill, fillRule: "evenodd", d: "M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z", clipRule: "evenodd" }) })));
|
|
10
9
|
};
|
|
11
10
|
|
|
12
11
|
exports.ClearIcon = ClearIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearIcon.js","sources":["../../../src/svg/ClearIcon.tsx"],"sourcesContent":[null],"names":["__rest","
|
|
1
|
+
{"version":3,"file":"ClearIcon.js","sources":["../../../src/svg/ClearIcon.tsx"],"sourcesContent":[null],"names":["__rest","_jsx"],"mappings":";;;;;AAEO,IAAM,SAAS,GAAG,UAAC,EAM8B,EAAA;AALtD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAAA,GAAA,EAAA,CAAA,QAAiB,EAAjB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAA,EACjB,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,cAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,KAAK,GAAAA,YAAA,CAAA,EAAA,EALgB,uCAMzB,CADS;IAER,QACEC,sDACc,aAAa,EACzB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,WAAW,EAAA,EACf,KAAK,cAETA,cAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uLAAuL,EACzL,QAAQ,EAAC,SAAS,EAAA,CACZ,EAAA,CAAA,CACJ;AAEV;;;;"}
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
|
+
import styles from './Accordion.module.css.js';
|
|
4
5
|
|
|
5
6
|
var Accordion = function (_a) {
|
|
6
7
|
var open = _a.open, setOpen = _a.setOpen, children = _a.children, title = _a.title;
|
|
7
|
-
return (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
React.createElement("svg", { "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: !open ? "none" : "rotate(0.5turn)",
|
|
14
|
-
} },
|
|
15
|
-
React.createElement("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" }))),
|
|
16
|
-
React.createElement("div", { "data-testid": "Accordion_CONTENT", className: joinClasses(styles.accordionContent, !open && styles["accordionContent--hidden"]) }, children)));
|
|
8
|
+
return (jsxs(Fragment, { children: [jsxs("button", __assign({ type: "button", "data-testid": "Accordion_BUTTON", className: styles.accordionBtn, onClick: function () {
|
|
9
|
+
setOpen(!open);
|
|
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: !open ? "none" : "rotate(0.5turn)",
|
|
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 }))] }));
|
|
17
13
|
};
|
|
18
14
|
|
|
19
15
|
export { Accordion };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAWO,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,CAAC,IAAI,GAAG,MAAM,GAAG,iBAAiB;AAC9C,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,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
3
|
-
import styles from './button.module.css.js';
|
|
4
4
|
import typography from '../../styles/typography.module.css.js';
|
|
5
|
+
import styles from './button.module.css.js';
|
|
5
6
|
|
|
6
7
|
var btnTypography = {
|
|
7
8
|
mini: typography.caption2Medium,
|
|
@@ -11,9 +12,9 @@ var btnTypography = {
|
|
|
11
12
|
};
|
|
12
13
|
var Button = function (_a) {
|
|
13
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.ariaLabel, ariaLabel = _g === void 0 ? "Кнопка" : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "Button_MAIN" : _h;
|
|
14
|
-
return (
|
|
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
|
|
15
16
|
? styles["btn-rounded--".concat(size)]
|
|
16
|
-
: styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, children));
|
|
17
|
+
: styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, { children: children })));
|
|
17
18
|
};
|
|
18
19
|
|
|
19
20
|
export { Button };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAmBA,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,EAWR,EAAA;QAVb,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,KAAA,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,SAAoB,EAApB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAA0B,EAA1B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA;AACR,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;AAC/B,cAAE,MAAM,CAAC,sBAAe,IAAI,CAAE,CAAC,EACjC,QAAQ,GAAG,MAAM,CAAC,cAAO,OAAO,EAAA,YAAA,CAAY,CAAC,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,CAAE,CAAC,EACxE,MAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EAEX,QAAQ,IACF;AArBS;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ".InputField-module_inputContainer__f-bIm {\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__zrQbJ {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__zrQbJ label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__Lgxvm {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__Lgxvm:active,\n.InputField-module_input__Lgxvm:focus {\n outline: none;\n}\n\n.InputField-module_input__Lgxvm::placeholder {\n color: var(--text-disabled-color);\n}\n\n.InputField-module_input__Lgxvm::-webkit-inner-spin-button,\n.InputField-module_input__Lgxvm::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__1KYtM {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__cJyDp {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__cJyDp .InputField-module_input__Lgxvm {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__ktf8F {
|
|
1
|
+
var css_248z = ".InputField-module_inputContainer__f-bIm {\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__zrQbJ {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__zrQbJ label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__Lgxvm {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__Lgxvm:active,\n.InputField-module_input__Lgxvm:focus {\n outline: none;\n}\n\n.InputField-module_input__Lgxvm::placeholder {\n color: var(--text-disabled-color);\n}\n\n.InputField-module_input__Lgxvm::-webkit-inner-spin-button,\n.InputField-module_input__Lgxvm::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__1KYtM {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__cJyDp {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__cJyDp .InputField-module_input__Lgxvm {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__ktf8F {\n text-align: center;\n}\n";
|
|
2
2
|
var styles = {"inputContainer":"InputField-module_inputContainer__f-bIm","inputContainerLabeled":"InputField-module_inputContainerLabeled__zrQbJ","input":"InputField-module_input__Lgxvm","clearIcon":"InputField-module_clearIcon__1KYtM","input--onfocus":"InputField-module_input--onfocus__cJyDp","code":"InputField-module_code__ktf8F"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ClearIcon } from '../../svg/ClearIcon.js';
|
|
2
5
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
3
|
-
import styles from './InputField.module.css.js';
|
|
4
6
|
import typography from '../../styles/typography.module.css.js';
|
|
5
|
-
import
|
|
7
|
+
import styles from './InputField.module.css.js';
|
|
6
8
|
|
|
7
|
-
// InputField.tsx
|
|
8
9
|
var InputField = forwardRef(function (_a, ref) {
|
|
9
10
|
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, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, _k = _a.setFocused, setFocused = _k === void 0 ? function () { } : _k, _l = _a.readOnly, readOnly = _l === void 0 ? false : _l, _m = _a.dataTestid, dataTestid = _m === void 0 ? "InputField_MAIN" : _m, _o = _a.variant, variant = _o === void 0 ? "default" : _o;
|
|
10
11
|
var handleClear = function () {
|
|
@@ -29,11 +30,7 @@ var InputField = forwardRef(function (_a, ref) {
|
|
|
29
30
|
onEnterPress(event);
|
|
30
31
|
}
|
|
31
32
|
};
|
|
32
|
-
return (
|
|
33
|
-
labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
|
|
34
|
-
inputLeftIcon,
|
|
35
|
-
React.createElement("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 }),
|
|
36
|
-
isClearable && value && (React.createElement(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))));
|
|
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 }))] })));
|
|
37
34
|
});
|
|
38
35
|
|
|
39
36
|
export { InputField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/InputField/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
3
|
import Icons from '@egov3/graphics';
|
|
3
|
-
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
4
|
import { Components } from '../index.js';
|
|
5
|
+
import { joinClasses } from '../../utils/joinClasses.js';
|
|
5
6
|
import styles from './Modal.module.css.js';
|
|
6
7
|
|
|
7
8
|
var Modal = function (_a) {
|
|
8
9
|
var open = _a.open, setOpen = _a.setOpen, children = _a.children, headerTitle = _a.headerTitle, variant = _a.variant;
|
|
9
10
|
if (open) {
|
|
10
|
-
return (
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
React.createElement(Components.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, headerTitle),
|
|
14
|
-
React.createElement("button", { "data-testid": "ModalHeader_BTN", onClick: function () {
|
|
15
|
-
setOpen(!open);
|
|
16
|
-
} },
|
|
17
|
-
React.createElement(Icons.General.Close, { "data-testid": "Modal_ICON" })))),
|
|
18
|
-
children)));
|
|
11
|
+
return (jsx("div", __assign({ "data-testid": "Modal_OVERLAY", className: styles.overlay }, { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [headerTitle && headerTitle.length > 0 && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [jsx(Components.Typography, __assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, { children: headerTitle })), jsx("button", __assign({ type: "button", "data-testid": "ModalHeader_BTN", onClick: function () {
|
|
12
|
+
setOpen(!open);
|
|
13
|
+
} }, { children: jsx(Icons.General.Close, { "data-testid": "Modal_ICON" }) }))] }))), children] })) })));
|
|
19
14
|
}
|
|
20
15
|
else {
|
|
21
16
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAgBO,IAAM,KAAK,GAAG,UAAC,EAMR,EAAA;AALZ,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAI,IAAI,EAAE;AACR,QAAA,QACEA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,EAAA,EAAA,QAAA,EACxDC,sCACc,eAAe,EAC3B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,EAAA,CAAA,MAAA,CAAG,OAAO,YAAS,CAAC,CAC5B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEA,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,KACpCA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,iBAC7DD,GAAA,CAAC,UAAU,CAAC,UAAU,aACpB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,aAAa,EAAA,aAAA,EACX,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,gBAEtB,WAAW,EAAA,CAAA,CACU,EACxBA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,iBACD,iBAAiB,EAC7B,OAAO,EAAE,YAAA;AACP,oCAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AAChB,gCAAA,CAAC,gBAEDA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAA,aAAA,EAAa,YAAY,EAAA,CAAG,EAAA,CAAA,CACzC,KACL,CACP,EACA,QAAQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA,CACF;AAET,IAAA;AAAM,SAAA;AACL,QAAA,OAAO,IAAI;AACZ,IAAA;AACH;;;;"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import typography from '../../styles/typography.module.css.js';
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
|
+
import typography from '../../styles/typography.module.css.js';
|
|
5
|
+
import styles from './RadioGroup.module.css.js';
|
|
5
6
|
|
|
6
7
|
var CustomRadioButton = function (_a) {
|
|
7
8
|
var label = _a.label, name = _a.name, checked = _a.checked, onChange = _a.onChange, value = _a.value;
|
|
8
|
-
return (
|
|
9
|
-
React.createElement("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }),
|
|
10
|
-
React.createElement("span", { "data-testid": "RadioGroupItem_RADIO", className: styles.radioBtn }),
|
|
11
|
-
React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses(styles.radioBtnText, typography.body2Regular) }, label)));
|
|
9
|
+
return (jsxs("label", __assign({ "data-testid": "RadioGroupItem_LABEL", className: styles.radio }, { children: [jsx("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }), jsx("span", { "data-testid": "RadioGroupItem_RADIO", className: styles.radioBtn }), jsx("span", __assign({ "data-testid": "RadioGroupItem_TEXT", className: joinClasses(styles.radioBtnText, typography.body2Regular) }, { children: label }))] })));
|
|
12
10
|
};
|
|
13
11
|
var RadioGroup = function (_a) {
|
|
14
12
|
var RadioGroupItems = _a.RadioGroupItems, invokeCustomOnChange = _a.invokeCustomOnChange, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
|
|
@@ -16,7 +14,7 @@ var RadioGroup = function (_a) {
|
|
|
16
14
|
setSelectedOption(event.target.value);
|
|
17
15
|
invokeCustomOnChange(event);
|
|
18
16
|
};
|
|
19
|
-
return (
|
|
17
|
+
return (jsx("fieldset", __assign({ "data-testid": "RadioGroup_FIELDSET" }, { children: RadioGroupItems.map(function (item) { return (jsx(CustomRadioButton, { label: item.label, name: "radio", checked: selectedOption === item.value, onChange: handleChange, value: item.value }, item.label)); }) })));
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
export { CustomRadioButton, RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioGroup/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAyBO,IAAM,iBAAiB,GAAG,UAAC,EAMR,EAAA;AALxB,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AACwB,IAAA,QAC7BA,IAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAmB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CAC/DC,GAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAS,EAC5EA,GAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,EAAA,EAAA,EAAA,QAAA,EAEnE,KAAK,EAAA,CAAA,CACD,KACD;AAjBqB;AAoBxB,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA;IAEd,IAAM,YAAY,GAAG,UAAC,KAA0C,EAAA;AAC9D,QAAA,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACrC,oBAAoB,CAAC,KAAK,CAAC;AAC7B,IAAA,CAAC;IACD,QACEA,GAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAsB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACxC,eAAe,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QAC7BA,GAAA,CAAC,iBAAiB,EAAA,EAEhB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,KAAK,EACtC,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EALZ,IAAI,CAAC,KAAK,CAMf,EACH,CAT8B,CAS9B,CAAC,EAAA,CAAA,CACO;AAEf;;;;"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
3
4
|
import styles from './RadioToggle.module.css.js';
|
|
4
5
|
|
|
5
6
|
var RadioToggle = function (_a) {
|
|
6
7
|
var lock = _a.lock, setLock = _a.setLock;
|
|
7
|
-
return (
|
|
8
|
+
return (jsx("button", __assign({ type: "button", "data-testid": "RadioToggle_BUTTON", "aria-pressed": lock, "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F", onClick: function () {
|
|
8
9
|
setLock(!lock);
|
|
9
|
-
} },
|
|
10
|
-
React.createElement("div", { "data-testid": "RadioToggle_WRAP", className: joinClasses(styles.wrap, lock && styles.wrapLock) },
|
|
11
|
-
React.createElement("div", { "data-testid": "RadioToggle_ROUND", className: styles.round }))));
|
|
10
|
+
} }, { children: jsx("div", __assign({ "data-testid": "RadioToggle_WRAP", className: joinClasses(styles.wrap, lock && styles.wrapLock) }, { children: jsx("div", { "data-testid": "RadioToggle_ROUND", className: styles.round }) })) })));
|
|
12
11
|
};
|
|
13
12
|
|
|
14
13
|
export { RadioToggle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioToggle/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/RadioToggle/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAAoC,EAAA;QAAlC,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAA0B,IAAA,QACnEA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,oBAAoB,EAAA,cAAA,EAClB,IAAI,EAAA,YAAA,EACP,+GAAqB,EAChC,OAAO,EAAE,YAAA;AACP,YAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AAChB,QAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAA,EAAA,EAAA,QAAA,EAE5DA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,CAAQ,EAAA,CAAA,CAChE,IACC;AAhB0D;;;;"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
3
|
import Icons from '@egov3/graphics';
|
|
3
4
|
import { Components } from '../index.js';
|
|
4
5
|
import styles from './SelectBoxButton.module.css.js';
|
|
5
6
|
|
|
6
7
|
var SelectBoxButton = function (_a) {
|
|
7
8
|
var setIsOpen = _a.setIsOpen, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue;
|
|
8
|
-
return (
|
|
9
|
-
React.createElement("div", { "data-testid": "SelectBoxModal_TITLE" },
|
|
10
|
-
React.createElement(Components.Typography, { tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, labelText),
|
|
11
|
-
modalValue && modalValue.length > 0 && (React.createElement(Components.Typography, { tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, modalValue))),
|
|
12
|
-
React.createElement(Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: styles.clearIcon })));
|
|
9
|
+
return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, onClick: function () { return !disabled && setIsOpen(true); } }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE" }, { children: [jsx(Components.Typography, __assign({ tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), modalValue && modalValue.length > 0 && (jsx(Components.Typography, __assign({ tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: styles.clearIcon })] })));
|
|
13
10
|
};
|
|
14
11
|
|
|
15
12
|
export { SelectBoxButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAgBO,IAAM,eAAe,GAAG,UAAC,EAMd,EAAA;AALhB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA;AACwB,IAAA,QAClCA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,OAAO,EAAE,YAAA,EAAM,OAAA,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA,CAA5B,CAA4B,EAAA,EAAA,EAAA,QAAA,EAAA,CAE3CA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EAAA,CACrCC,GAAA,CAAC,UAAU,CAAC,UAAU,EAAA,QAAA,CAAA,EACpB,GAAG,EAAC,OAAO,EACX,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,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,CACY,EACvB,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClCA,GAAA,CAAC,UAAU,CAAC,UAAU,EAAA,QAAA,CAAA,EACpB,GAAG,EAAC,KAAK,EACT,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,CACW,CACzB,CAAA,EAAA,CAAA,CACG,EACNA,GAAA,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EAChB,mGAAmB,EAC9B,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,CAC3B,CAAA,EAAA,CAAA,CACK;AAlCyB;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __rest, __assign } from '
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
4
|
import typography from '../../styles/typography.module.css.js';
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,YAAY,GAAG;AACnB,IAAA,UAAU,EAAA,UAAA;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = "/* Headings/Heading 1 */\n.typography-module_heading1__ub7Od {\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 36px; /* 112.5% */\n letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.typography-module_heading3__QLNPD {\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 116.667% */\n letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.typography-module_subtitles3__QZScB {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.typography-module_body1Medium__INZB0 {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.typography-module_body1Regular__H3iQB {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.typography-module_body2Medium__Caa0m {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.typography-module_body2Regular__MEtzs {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.typography-module_body3Regular__rp6ng {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.typography-module_caption1Medium__xXMm- {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.typography-module_caption1Regular__QVGyq {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.typography-module_caption1Semibold__Il1Aq {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.typography-module_caption2Medium__0Vvmy {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.typography-module_caption2Regular__GxtiS {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 12px; /* 120% */\n}\n\n.typography-module_caption2Semibold__4ysJe {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 120% */\n}\n";
|
|
1
|
+
var css_248z = "/* Headings/Heading 1 */\n.typography-module_heading1__ub7Od {\n font-family: \"Inter\", sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 36px; /* 112.5% */\n letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.typography-module_heading3__QLNPD {\n font-family: \"Inter\", sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 116.667% */\n letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.typography-module_subtitles3__QZScB {\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.typography-module_body1Medium__INZB0 {\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.typography-module_body1Regular__H3iQB {\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.typography-module_body2Medium__Caa0m {\n font-family: \"Inter\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.typography-module_body2Regular__MEtzs {\n font-family: \"Inter\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.typography-module_body3Regular__rp6ng {\n font-family: \"Inter\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.typography-module_caption1Medium__xXMm- {\n font-family: \"Inter\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.typography-module_caption1Regular__QVGyq {\n font-family: \"Inter\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.typography-module_caption1Semibold__Il1Aq {\n font-family: \"Inter\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.typography-module_caption2Medium__0Vvmy {\n font-family: \"Inter\", sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.typography-module_caption2Regular__GxtiS {\n font-family: \"Inter\", sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 12px; /* 120% */\n}\n\n.typography-module_caption2Semibold__4ysJe {\n font-family: \"Inter\", sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 120% */\n}\n";
|
|
2
2
|
var typography = {"heading1":"typography-module_heading1__ub7Od","heading3":"typography-module_heading3__QLNPD","subtitles3":"typography-module_subtitles3__QZScB","body1Medium":"typography-module_body1Medium__INZB0","body1Regular":"typography-module_body1Regular__H3iQB","body2Medium":"typography-module_body2Medium__Caa0m","body2Regular":"typography-module_body2Regular__MEtzs","body3Regular":"typography-module_body3Regular__rp6ng","caption1Medium":"typography-module_caption1Medium__xXMm-","caption1Regular":"typography-module_caption1Regular__QVGyq","caption1Semibold":"typography-module_caption1Semibold__Il1Aq","caption2Medium":"typography-module_caption2Medium__0Vvmy","caption2Regular":"typography-module_caption2Regular__GxtiS","caption2Semibold":"typography-module_caption2Semibold__4ysJe"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { __rest, __assign } from '
|
|
2
|
-
import
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
4
|
var ClearIcon = function (_a) {
|
|
5
5
|
var _b = _a.fill, fill = _b === void 0 ? "none" : _b, _c = _a.pathFill, pathFill = _c === void 0 ? "#fff" : _c, _d = _a.width, width = _d === void 0 ? 20 : _d, _e = _a.height, height = _e === void 0 ? 20 : _e, props = __rest(_a, ["fill", "pathFill", "width", "height"]);
|
|
6
|
-
return (
|
|
7
|
-
React.createElement("path", { fill: pathFill, fillRule: "evenodd", d: "M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z", clipRule: "evenodd" })));
|
|
6
|
+
return (jsx("svg", __assign({ "data-testid": "Icons_CLEAR", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: fill, viewBox: "0 0 20 20" }, props, { children: jsx("path", { fill: pathFill, fillRule: "evenodd", d: "M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z", clipRule: "evenodd" }) })));
|
|
8
7
|
};
|
|
9
8
|
|
|
10
9
|
export { ClearIcon };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearIcon.js","sources":["../../../src/svg/ClearIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAEO,IAAM,SAAS,GAAG,UAAC,EAM8B,EAAA;AALtD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAAA,GAAA,EAAA,CAAA,QAAiB,EAAjB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAA,EACjB,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,cAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,KAAK,GAAA,MAAA,CAAA,EAAA,EALgB,uCAMzB,CADS;IAER,
|
|
1
|
+
{"version":3,"file":"ClearIcon.js","sources":["../../../src/svg/ClearIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAEO,IAAM,SAAS,GAAG,UAAC,EAM8B,EAAA;AALtD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAAA,GAAA,EAAA,CAAA,QAAiB,EAAjB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAA,EACjB,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,cAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,KAAK,GAAA,MAAA,CAAA,EAAA,EALgB,uCAMzB,CADS;IAER,QACEA,qCACc,aAAa,EACzB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,WAAW,EAAA,EACf,KAAK,cAETA,GAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uLAAuL,EACzL,QAAQ,EAAC,SAAS,EAAA,CACZ,EAAA,CAAA,CACJ;AAEV;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Dispatch, JSX } from 'react';
|
|
2
2
|
|
|
3
3
|
interface IAccordionProps {
|
|
4
4
|
open: boolean;
|
|
5
|
-
setOpen: Dispatch<
|
|
6
|
-
children:
|
|
5
|
+
setOpen: Dispatch<React.SetStateAction<boolean>>;
|
|
6
|
+
children: React.ReactNode;
|
|
7
7
|
title: JSX.Element;
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React__default, {
|
|
1
|
+
import React__default, { ElementType } from 'react';
|
|
2
2
|
|
|
3
3
|
type TFontClass = "heading1" | "heading3" | "subtitles3" | "body1Medium" | "body1Regular" | "body2Medium" | "body2Regular" | "body3Regular" | "caption1Medium" | "caption1Regular" | "caption1Semibold" | "caption2Medium" | "caption2Regular" | "caption2Semibold";
|
|
4
4
|
interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
5
|
-
tag:
|
|
5
|
+
tag: ElementType;
|
|
6
6
|
fontClass: TFontClass;
|
|
7
7
|
}
|
|
8
8
|
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2,21 +2,22 @@ import { ITypographyProps } from './components/Typography/index.js';
|
|
|
2
2
|
import { ISelectBoxProps } from './components/SelectBoxButton/index.js';
|
|
3
3
|
import { IRadioToggleProps } from './components/RadioToggle/index.js';
|
|
4
4
|
import { IModalProps } from './components/Modal/index.js';
|
|
5
|
+
import * as React from 'react';
|
|
5
6
|
import { IInputFieldProps } from './components/InputField/index.js';
|
|
6
7
|
import { ICustomRadioButtonProps, IRadioGroupProps } from './components/RadioGroup/index.js';
|
|
7
8
|
import { IButtonProps } from './components/Button/index.js';
|
|
8
|
-
import * as
|
|
9
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
10
|
import { IAccordionProps } from './components/Accordion/index.js';
|
|
10
11
|
|
|
11
12
|
declare const SystemDesign: {
|
|
12
13
|
Components: {
|
|
13
|
-
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) =>
|
|
14
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) =>
|
|
15
|
-
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) =>
|
|
14
|
+
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
15
|
+
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
16
|
+
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
16
17
|
InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
17
|
-
Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) =>
|
|
18
|
-
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) =>
|
|
19
|
-
RadioToggle: ({ lock, setLock }: IRadioToggleProps) =>
|
|
18
|
+
Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => react_jsx_runtime.JSX.Element | null;
|
|
19
|
+
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
20
|
+
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|
|
20
21
|
SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
|
|
21
22
|
Typography: React.FC<ITypographyProps>;
|
|
22
23
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@egov3/system-design",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.69",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"types": "dist/types/index.d.ts",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "rollup -c",
|
|
16
16
|
"test": "jest",
|
|
17
|
+
"lint": "biome check .",
|
|
18
|
+
"lint:fix": "biome check --write .",
|
|
17
19
|
"sb": "storybook dev -p 6006",
|
|
18
20
|
"build-storybook": "storybook build"
|
|
19
21
|
},
|
|
@@ -29,6 +31,7 @@
|
|
|
29
31
|
"@babel/preset-env": "^7.16.4",
|
|
30
32
|
"@babel/preset-react": "^7.16.0",
|
|
31
33
|
"@babel/preset-typescript": "^7.16.0",
|
|
34
|
+
"@biomejs/biome": "2.2.6",
|
|
32
35
|
"@chromatic-com/storybook": "^4.1.1",
|
|
33
36
|
"@mdx-js/react": "^2.1.2",
|
|
34
37
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
@@ -66,7 +69,8 @@
|
|
|
66
69
|
"webpack": "^5"
|
|
67
70
|
},
|
|
68
71
|
"dependencies": {
|
|
69
|
-
"@egov3/graphics": "^1.0.
|
|
70
|
-
"tsconfig-paths-webpack-plugin": "^4.2.0"
|
|
72
|
+
"@egov3/graphics": "^1.0.51",
|
|
73
|
+
"tsconfig-paths-webpack-plugin": "^4.2.0",
|
|
74
|
+
"tslib": "^2.8.1"
|
|
71
75
|
}
|
|
72
76
|
}
|