@egov3/system-design 1.3.68 → 1.3.70

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.
Files changed (141) hide show
  1. package/dist/cjs/{components → baseComponents}/Accordion/Accordion.module.css.js +2 -2
  2. package/dist/cjs/baseComponents/Accordion/index.js +18 -0
  3. package/dist/cjs/baseComponents/Accordion/index.js.map +1 -0
  4. package/dist/cjs/baseComponents/Button/button.module.css.js +22 -0
  5. package/dist/cjs/{components → baseComponents}/Button/index.js +5 -4
  6. package/dist/cjs/baseComponents/Button/index.js.map +1 -0
  7. package/dist/cjs/baseComponents/InputField/InputField.module.css.js +22 -0
  8. package/dist/cjs/{components → baseComponents}/InputField/index.js +5 -8
  9. package/dist/cjs/baseComponents/InputField/index.js.map +1 -0
  10. package/dist/cjs/{components → baseComponents}/Modal/Modal.module.css.js +2 -2
  11. package/dist/cjs/baseComponents/Modal/index.js +26 -0
  12. package/dist/cjs/baseComponents/Modal/index.js.map +1 -0
  13. package/dist/cjs/{components → baseComponents}/RadioGroup/RadioGroup.module.css.js +2 -2
  14. package/dist/cjs/baseComponents/RadioGroup/index.js +23 -0
  15. package/dist/cjs/baseComponents/RadioGroup/index.js.map +1 -0
  16. package/dist/cjs/{components → baseComponents}/RadioToggle/RadioToggle.module.css.js +2 -2
  17. package/dist/cjs/baseComponents/RadioToggle/index.js +16 -0
  18. package/dist/cjs/baseComponents/RadioToggle/index.js.map +1 -0
  19. package/dist/cjs/{components → baseComponents}/SelectBoxButton/SelectBoxButton.module.css.js +2 -2
  20. package/dist/cjs/baseComponents/SelectBoxButton/index.js +15 -0
  21. package/dist/cjs/baseComponents/SelectBoxButton/index.js.map +1 -0
  22. package/dist/cjs/baseComponents/Typography/index.js.map +1 -0
  23. package/dist/cjs/baseComponents/index.js +26 -0
  24. package/dist/cjs/baseComponents/index.js.map +1 -0
  25. package/dist/cjs/components/IdentityHeader/IdentityHeader.module.css.js +22 -0
  26. package/dist/cjs/components/IdentityHeader/IdentityHeader.module.css.js.map +1 -0
  27. package/dist/cjs/components/IdentityHeader/index.js +15 -0
  28. package/dist/cjs/components/IdentityHeader/index.js.map +1 -0
  29. package/dist/cjs/components/IdentityModal/IdentityModal.module.css.js +22 -0
  30. package/dist/cjs/components/IdentityModal/IdentityModal.module.css.js.map +1 -0
  31. package/dist/cjs/components/IdentityModal/index.js +22 -0
  32. package/dist/cjs/components/IdentityModal/index.js.map +1 -0
  33. package/dist/cjs/components/index.js +2 -18
  34. package/dist/cjs/components/index.js.map +1 -1
  35. package/dist/cjs/constants/i18n/index.js +26 -0
  36. package/dist/cjs/constants/i18n/index.js.map +1 -0
  37. package/dist/cjs/index.js +3 -1
  38. package/dist/cjs/index.js.map +1 -1
  39. package/dist/cjs/styles/typography.module.css.js +1 -1
  40. package/dist/cjs/svg/ClearIcon.js +2 -3
  41. package/dist/cjs/svg/ClearIcon.js.map +1 -1
  42. package/dist/esm/{components → baseComponents}/Accordion/Accordion.module.css.js +2 -2
  43. package/dist/esm/baseComponents/Accordion/index.js +16 -0
  44. package/dist/esm/baseComponents/Accordion/index.js.map +1 -0
  45. package/dist/esm/baseComponents/Button/button.module.css.js +18 -0
  46. package/dist/esm/{components → baseComponents}/Button/index.js +5 -4
  47. package/dist/esm/baseComponents/Button/index.js.map +1 -0
  48. package/dist/esm/baseComponents/InputField/InputField.module.css.js +18 -0
  49. package/dist/esm/{components → baseComponents}/InputField/index.js +6 -9
  50. package/dist/esm/baseComponents/InputField/index.js.map +1 -0
  51. package/dist/esm/{components → baseComponents}/Modal/Modal.module.css.js +2 -2
  52. package/dist/esm/baseComponents/Modal/index.js +24 -0
  53. package/dist/esm/baseComponents/Modal/index.js.map +1 -0
  54. package/dist/esm/{components → baseComponents}/RadioGroup/RadioGroup.module.css.js +2 -2
  55. package/dist/esm/baseComponents/RadioGroup/index.js +20 -0
  56. package/dist/esm/baseComponents/RadioGroup/index.js.map +1 -0
  57. package/dist/esm/{components → baseComponents}/RadioToggle/RadioToggle.module.css.js +2 -2
  58. package/dist/esm/baseComponents/RadioToggle/index.js +14 -0
  59. package/dist/esm/baseComponents/RadioToggle/index.js.map +1 -0
  60. package/dist/esm/{components → baseComponents}/SelectBoxButton/SelectBoxButton.module.css.js +2 -2
  61. package/dist/esm/baseComponents/SelectBoxButton/index.js +13 -0
  62. package/dist/esm/baseComponents/SelectBoxButton/index.js.map +1 -0
  63. package/dist/esm/baseComponents/Typography/index.js.map +1 -0
  64. package/dist/esm/baseComponents/index.js +24 -0
  65. package/dist/esm/baseComponents/index.js.map +1 -0
  66. package/dist/esm/components/IdentityHeader/IdentityHeader.module.css.js +18 -0
  67. package/dist/esm/components/IdentityHeader/IdentityHeader.module.css.js.map +1 -0
  68. package/dist/esm/components/IdentityHeader/index.js +13 -0
  69. package/dist/esm/components/IdentityHeader/index.js.map +1 -0
  70. package/dist/esm/components/IdentityModal/IdentityModal.module.css.js +18 -0
  71. package/dist/esm/components/IdentityModal/IdentityModal.module.css.js.map +1 -0
  72. package/dist/esm/components/IdentityModal/index.js +20 -0
  73. package/dist/esm/components/IdentityModal/index.js.map +1 -0
  74. package/dist/esm/components/index.js +3 -18
  75. package/dist/esm/components/index.js.map +1 -1
  76. package/dist/esm/constants/i18n/index.js +24 -0
  77. package/dist/esm/constants/i18n/index.js.map +1 -0
  78. package/dist/esm/index.js +3 -1
  79. package/dist/esm/index.js.map +1 -1
  80. package/dist/esm/styles/typography.module.css.js +1 -1
  81. package/dist/esm/svg/ClearIcon.js +2 -3
  82. package/dist/esm/svg/ClearIcon.js.map +1 -1
  83. package/dist/types/baseComponents/Accordion/index.d.ts +10 -0
  84. package/dist/types/baseComponents/Modal/index.d.ts +18 -0
  85. package/dist/types/{components → baseComponents}/RadioGroup/index.d.ts +3 -4
  86. package/dist/types/{components → baseComponents}/Typography/index.d.ts +2 -2
  87. package/dist/types/components/IdentityModal/index.d.ts +10 -0
  88. package/dist/types/index.d.ts +20 -15
  89. package/package.json +5 -2
  90. package/dist/cjs/components/Accordion/index.js +0 -22
  91. package/dist/cjs/components/Accordion/index.js.map +0 -1
  92. package/dist/cjs/components/Button/button.module.css.js +0 -22
  93. package/dist/cjs/components/Button/index.js.map +0 -1
  94. package/dist/cjs/components/InputField/InputField.module.css.js +0 -22
  95. package/dist/cjs/components/InputField/index.js.map +0 -1
  96. package/dist/cjs/components/Modal/index.js +0 -28
  97. package/dist/cjs/components/Modal/index.js.map +0 -1
  98. package/dist/cjs/components/RadioGroup/index.js +0 -26
  99. package/dist/cjs/components/RadioGroup/index.js.map +0 -1
  100. package/dist/cjs/components/RadioToggle/index.js +0 -17
  101. package/dist/cjs/components/RadioToggle/index.js.map +0 -1
  102. package/dist/cjs/components/SelectBoxButton/index.js +0 -18
  103. package/dist/cjs/components/SelectBoxButton/index.js.map +0 -1
  104. package/dist/cjs/components/Typography/index.js.map +0 -1
  105. package/dist/esm/components/Accordion/index.js +0 -20
  106. package/dist/esm/components/Accordion/index.js.map +0 -1
  107. package/dist/esm/components/Button/button.module.css.js +0 -18
  108. package/dist/esm/components/Button/index.js.map +0 -1
  109. package/dist/esm/components/InputField/InputField.module.css.js +0 -18
  110. package/dist/esm/components/InputField/index.js.map +0 -1
  111. package/dist/esm/components/Modal/index.js +0 -26
  112. package/dist/esm/components/Modal/index.js.map +0 -1
  113. package/dist/esm/components/RadioGroup/index.js +0 -23
  114. package/dist/esm/components/RadioGroup/index.js.map +0 -1
  115. package/dist/esm/components/RadioToggle/index.js +0 -15
  116. package/dist/esm/components/RadioToggle/index.js.map +0 -1
  117. package/dist/esm/components/SelectBoxButton/index.js +0 -16
  118. package/dist/esm/components/SelectBoxButton/index.js.map +0 -1
  119. package/dist/esm/components/Typography/index.js.map +0 -1
  120. package/dist/types/components/Accordion/index.d.ts +0 -10
  121. package/dist/types/components/Modal/index.d.ts +0 -11
  122. /package/dist/cjs/{components → baseComponents}/Accordion/Accordion.module.css.js.map +0 -0
  123. /package/dist/cjs/{components → baseComponents}/Button/button.module.css.js.map +0 -0
  124. /package/dist/cjs/{components → baseComponents}/InputField/InputField.module.css.js.map +0 -0
  125. /package/dist/cjs/{components → baseComponents}/Modal/Modal.module.css.js.map +0 -0
  126. /package/dist/cjs/{components → baseComponents}/RadioGroup/RadioGroup.module.css.js.map +0 -0
  127. /package/dist/cjs/{components → baseComponents}/RadioToggle/RadioToggle.module.css.js.map +0 -0
  128. /package/dist/cjs/{components → baseComponents}/SelectBoxButton/SelectBoxButton.module.css.js.map +0 -0
  129. /package/dist/cjs/{components → baseComponents}/Typography/index.js +0 -0
  130. /package/dist/esm/{components → baseComponents}/Accordion/Accordion.module.css.js.map +0 -0
  131. /package/dist/esm/{components → baseComponents}/Button/button.module.css.js.map +0 -0
  132. /package/dist/esm/{components → baseComponents}/InputField/InputField.module.css.js.map +0 -0
  133. /package/dist/esm/{components → baseComponents}/Modal/Modal.module.css.js.map +0 -0
  134. /package/dist/esm/{components → baseComponents}/RadioGroup/RadioGroup.module.css.js.map +0 -0
  135. /package/dist/esm/{components → baseComponents}/RadioToggle/RadioToggle.module.css.js.map +0 -0
  136. /package/dist/esm/{components → baseComponents}/SelectBoxButton/SelectBoxButton.module.css.js.map +0 -0
  137. /package/dist/esm/{components → baseComponents}/Typography/index.js +0 -0
  138. /package/dist/types/{components → baseComponents}/Button/index.d.ts +0 -0
  139. /package/dist/types/{components → baseComponents}/InputField/index.d.ts +0 -0
  140. /package/dist/types/{components → baseComponents}/RadioToggle/index.d.ts +0 -0
  141. /package/dist/types/{components → baseComponents}/SelectBoxButton/index.d.ts +0 -0
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".Accordion-module_accordionBtn__1unNG {\n border-radius: inherit;\n width: 100%;\n text-align: left;\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n}\n\n.Accordion-module_accordionContent__Qnx7K {\n max-height: 1000px;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__DrXay {\n max-height: 0;\n}\n";
6
- var styles = {"accordionBtn":"Accordion-module_accordionBtn__1unNG","accordionContent":"Accordion-module_accordionContent__Qnx7K","accordionContent--hidden":"Accordion-module_accordionContent--hidden__DrXay"};
5
+ var css_248z = ".Accordion-module_accordionBtn__gDXnX {\n border-radius: inherit;\n width: 100%;\n text-align: left;\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n}\n\n.Accordion-module_accordionContent__1uGdm {\n max-height: 1000px;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__8NPs2 {\n max-height: 0;\n}\n";
6
+ var styles = {"accordionBtn":"Accordion-module_accordionBtn__gDXnX","accordionContent":"Accordion-module_accordionContent__1uGdm","accordionContent--hidden":"Accordion-module_accordionContent--hidden__8NPs2"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var joinClasses = require('../../utils/joinClasses.js');
6
+ var Accordion_module = require('./Accordion.module.css.js');
7
+
8
+ var Accordion = function (_a) {
9
+ var open = _a.open, setOpen = _a.setOpen, children = _a.children, title = _a.title;
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 }))] }));
15
+ };
16
+
17
+ exports.Accordion = Accordion;
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/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;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".button-module_button__qkLhS {\n border: none;\n transition: background-color 0.2s ease;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n\n.button-module_btn-default__YioHN {\n color: var(--default-white-color);\n background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__fr-V2 {\n color: var(--text-disabled-color);\n background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__KkeAr {\n color: var(--text-accent);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__liGfs {\n color: var(--text-disabled-accent-color);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__I6qUT {\n color: var(--text-primary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__0sOG6 {\n color: var(--text-secondary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-black--disabled__--ovk {\n color: var(--text-disabled-color);\n background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-black__URYlq {\n color: var(--default-white-color);\n background-color: var(--button-black-default-color);\n}\n\n.button-module_btn-default__YioHN:hover {\n background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__KkeAr:hover {\n background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__I6qUT:hover {\n background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn-black__URYlq:hover {\n background-color: var(--button-black-on-hover-color);\n}\n\n.button-module_btn--mini__Dkz5x {\n gap: 4px;\n padding: 6px 12px;\n}\n.button-module_btn--small__UyEju {\n gap: 8px;\n padding: 8px 16px;\n}\n.button-module_btn--medium__zPMiz {\n gap: 8px;\n padding: 8px 20px;\n}\n.button-module_btn--large__qgM6v {\n gap: 8px;\n padding: 14px 24px;\n}\n\n.button-module_btn-square--mini__YRbGv {\n border-radius: 4px;\n}\n.button-module_btn-square--small__w3otU {\n border-radius: 6px;\n}\n.button-module_btn-square--medium__RAmxe {\n border-radius: 10px;\n}\n.button-module_btn-square--large__let6w {\n border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__MaPdN {\n border-radius: 32px;\n}\n.button-module_btn-rounded--small__StzZx {\n border-radius: 32px;\n}\n.button-module_btn-rounded--medium__DRz4t {\n border-radius: 32px;\n}\n.button-module_btn-rounded--large__ro5zj {\n border-radius: 40px;\n}\n";
6
+ var styles = {"button":"button-module_button__qkLhS","btn-default":"button-module_btn-default__YioHN","btn-default--disabled":"button-module_btn-default--disabled__fr-V2","btn-tinted":"button-module_btn-tinted__KkeAr","btn-tinted--disabled":"button-module_btn-tinted--disabled__liGfs","btn-secondary":"button-module_btn-secondary__I6qUT","btn-secondary--disabled":"button-module_btn-secondary--disabled__0sOG6","btn-black--disabled":"button-module_btn-black--disabled__--ovk","btn-black":"button-module_btn-black__URYlq","btn--mini":"button-module_btn--mini__Dkz5x","btn--small":"button-module_btn--small__UyEju","btn--medium":"button-module_btn--medium__zPMiz","btn--large":"button-module_btn--large__qgM6v","btn-square--mini":"button-module_btn-square--mini__YRbGv","btn-square--small":"button-module_btn-square--small__w3otU","btn-square--medium":"button-module_btn-square--medium__RAmxe","btn-square--large":"button-module_btn-square--large__let6w","btn-rounded--mini":"button-module_btn-rounded--mini__MaPdN","btn-rounded--small":"button-module_btn-rounded--small__StzZx","btn-rounded--medium":"button-module_btn-rounded--medium__DRz4t","btn-rounded--large":"button-module_btn-rounded--large__ro5zj"};
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=button.module.css.js.map
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var React = require('react');
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 (React.createElement("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
+ 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;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/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;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".InputField-module_inputContainer__m0Ft1 {\n display: flex;\n align-items: center;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__cHn6S {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__cHn6S:active,\n.InputField-module_input__cHn6S:focus {\n outline: none;\n}\n\n.InputField-module_input__cHn6S::placeholder {\n color: var(--text-disabled-color);\n}\n\n.InputField-module_input__cHn6S::-webkit-inner-spin-button,\n.InputField-module_input__cHn6S::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__V-zim {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__kUVkQ {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__kUVkQ .InputField-module_input__cHn6S {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__fH8PC {\n text-align: center;\n}\n";
6
+ var styles = {"inputContainer":"InputField-module_inputContainer__m0Ft1","inputContainerLabeled":"InputField-module_inputContainerLabeled__89l6g","input":"InputField-module_input__cHn6S","clearIcon":"InputField-module_clearIcon__V-zim","input--onfocus":"InputField-module_input--onfocus__kUVkQ","code":"InputField-module_code__fH8PC"};
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=InputField.module.css.js.map
@@ -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 ClearIcon = require('../../svg/ClearIcon.js');
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 (React.createElement("div", { "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 },
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;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","joinClasses","styles","typography","_jsx","__assign","ClearIcon"],"mappings":"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"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".Modal-module_overlay__dd9h1 {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.Modal-module_contentWrap__TeYsL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n height: fit-content;\n animation: Modal-module_flyDawn__scb7- 1s;\n}\n\n.Modal-module_largeVariant__L-djj {\n width: 1052px;\n}\n\n.Modal-module_smallVariant__OSCjI {\n width: 400px;\n}\n\n.Modal-module_contentHeader__6XO83 {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.Modal-module_title__A5OeE {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDawn__scb7- {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n";
6
- var styles = {"overlay":"Modal-module_overlay__dd9h1","contentWrap":"Modal-module_contentWrap__TeYsL","flyDawn":"Modal-module_flyDawn__scb7-","largeVariant":"Modal-module_largeVariant__L-djj","smallVariant":"Modal-module_smallVariant__OSCjI","contentHeader":"Modal-module_contentHeader__6XO83","title":"Modal-module_title__A5OeE"};
5
+ var css_248z = ".Modal-module_overlay__gg1lr {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n height: fit-content;\n animation: Modal-module_flyDawn__0J-tE 1s;\n}\n\n.Modal-module_largeVariant__tnPGL {\n width: 1052px;\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDawn__0J-tE {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n";
6
+ var styles = {"overlay":"Modal-module_overlay__gg1lr","contentWrap":"Modal-module_contentWrap__k38CL","flyDawn":"Modal-module_flyDawn__0J-tE","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var Icons = require('@egov3/graphics');
6
+ var React = require('react');
7
+ var index = require('../../constants/i18n/index.js');
8
+ var joinClasses = require('../../utils/joinClasses.js');
9
+ var index$1 = require('../index.js');
10
+ var Modal_module = require('./Modal.module.css.js');
11
+
12
+ var Modal = function (_a) {
13
+ var children = _a.children, header = _a.header, lang = _a.lang, open = _a.open, setOpen = _a.setOpen, variant = _a.variant, _b = _a.withOverlay, withOverlay = _b === void 0 ? true : _b;
14
+ var Wrapper = withOverlay ? "div" : React.Fragment;
15
+ return (jsxRuntime.jsx(Wrapper, tslib.__assign({}, (withOverlay
16
+ ? { className: Modal_module.default.overlay, "data-testid": "Modal_OVERLAY" }
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(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(Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsxRuntime.jsx(index$1.BaseComponents.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
+ if (setOpen) {
20
+ setOpen(!open);
21
+ }
22
+ } }, { children: jsxRuntime.jsx(Icons.General.Close, { "data-testid": "Modal_ICON" }) }))) : jsxRuntime.jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: Modal_module.default.regCloseBtn })] }))), children] })) })));
23
+ };
24
+
25
+ exports.Modal = Modal;
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","__assign","styles","_jsxs","joinClasses","i18n","BaseComponents"],"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 = ".RadioGroup-module_radio__iyFIA {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.RadioGroup-module_radio__iyFIA input {\n display: none;\n}\n\n.RadioGroup-module_radioBtn__n1J5v {\n position: relative;\n height: 15px;\n width: 15px;\n border-radius: 50%;\n border: 2px solid var(--button-secondary-on-hover);\n margin: 10px;\n transition: background 0.3s;\n}\n\n.RadioGroup-module_radioBtn__n1J5v::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n height: 10px;\n width: 10px;\n background: var(--button-primary-default);\n border-radius: 50%;\n transform: scale(0) translate(-50%, -50%);\n transition: transform 0.3s;\n}\n\ninput:checked + .RadioGroup-module_radioBtn__n1J5v::after {\n transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .RadioGroup-module_radioBtn__n1J5v {\n border: 2px solid var(--button-primary-default);\n}\n\n.RadioGroup-module_radioBtnText__aP5kH {\n padding-left: 10px;\n width: fit-content;\n}\n";
6
- var styles = {"radio":"RadioGroup-module_radio__iyFIA","radioBtn":"RadioGroup-module_radioBtn__n1J5v","radioBtnText":"RadioGroup-module_radioBtnText__aP5kH"};
5
+ var css_248z = ".RadioGroup-module_radio__Pp5Uh {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.RadioGroup-module_radio__Pp5Uh input {\n display: none;\n}\n\n.RadioGroup-module_radioBtn__Rdtno {\n position: relative;\n height: 15px;\n width: 15px;\n border-radius: 50%;\n border: 2px solid var(--button-secondary-on-hover);\n margin: 10px;\n transition: background 0.3s;\n}\n\n.RadioGroup-module_radioBtn__Rdtno::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n height: 10px;\n width: 10px;\n background: var(--button-primary-default);\n border-radius: 50%;\n transform: scale(0) translate(-50%, -50%);\n transition: transform 0.3s;\n}\n\ninput:checked + .RadioGroup-module_radioBtn__Rdtno::after {\n transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .RadioGroup-module_radioBtn__Rdtno {\n border: 2px solid var(--button-primary-default);\n}\n\n.RadioGroup-module_radioBtnText__7qJeI {\n padding-left: 10px;\n width: fit-content;\n}\n";
6
+ var styles = {"radio":"RadioGroup-module_radio__Pp5Uh","radioBtn":"RadioGroup-module_radioBtn__Rdtno","radioBtnText":"RadioGroup-module_radioBtnText__7qJeI"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
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');
8
+
9
+ var CustomRadioButton = function (_a) {
10
+ var label = _a.label, name = _a.name, checked = _a.checked, onChange = _a.onChange, value = _a.value;
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 }))] })));
12
+ };
13
+ var RadioGroup = function (_a) {
14
+ var radioGroupItems = _a.radioGroupItems, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
15
+ var handleChange = function (event) {
16
+ setSelectedOption(event.target.value);
17
+ };
18
+ 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)); }) })));
19
+ };
20
+
21
+ exports.CustomRadioButton = CustomRadioButton;
22
+ exports.RadioGroup = RadioGroup;
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","joinClasses","typography"],"mappings":";;;;;;;;AAwBO,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,EAIR,EAAA;AAHjB,IAAA,IAAA,eAAe,qBAAA,EACf,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;AACvC,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;;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".RadioToggle-module_wrap__tM-kQ {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 4px;\n width: 32px;\n height: 16px;\n border-radius: 40px;\n background: var(--leaf);\n}\n\n.RadioToggle-module_wrapLock__sLgxo {\n justify-content: flex-start;\n background: var(--surface-surface-3-color);\n}\n\n.RadioToggle-module_round__5NUUP {\n width: 16px;\n height: 16px;\n background: var(--surface-surface-2);\n border-radius: 100px;\n}\n";
6
- var styles = {"wrap":"RadioToggle-module_wrap__tM-kQ","wrapLock":"RadioToggle-module_wrapLock__sLgxo","round":"RadioToggle-module_round__5NUUP"};
5
+ var css_248z = ".RadioToggle-module_wrap__8YjWu {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 4px;\n width: 32px;\n height: 16px;\n border-radius: 40px;\n background: var(--leaf);\n}\n\n.RadioToggle-module_wrapLock__fmILT {\n justify-content: flex-start;\n background: var(--surface-surface-3-color);\n}\n\n.RadioToggle-module_round__X-Pkz {\n width: 16px;\n height: 16px;\n background: var(--surface-surface-2);\n border-radius: 100px;\n}\n";
6
+ var styles = {"wrap":"RadioToggle-module_wrap__8YjWu","wrapLock":"RadioToggle-module_wrapLock__fmILT","round":"RadioToggle-module_round__X-Pkz"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var joinClasses = require('../../utils/joinClasses.js');
6
+ var RadioToggle_module = require('./RadioToggle.module.css.js');
7
+
8
+ var RadioToggle = function (_a) {
9
+ var lock = _a.lock, setLock = _a.setLock;
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 () {
11
+ setLock(!lock);
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 }) })) })));
13
+ };
14
+
15
+ exports.RadioToggle = RadioToggle;
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/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;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".SelectBoxButton-module_selectContainer__MyVJF {\n display: flex;\n height: 56px;\n justify-content: space-between;\n align-items: center;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 8px 16px;\n}\n\n.SelectBoxButton-module_label__hlxlc {\n display: flex;\n color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_errorLabel__gYbNN {\n display: flex;\n color: var(--icon-error-color);\n}\n\n.SelectBoxButton-module_selectText__7FeVj {\n display: flex;\n color: var(--text-primary);\n}\n";
6
- var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__MyVJF","label":"SelectBoxButton-module_label__hlxlc","errorLabel":"SelectBoxButton-module_errorLabel__gYbNN","selectText":"SelectBoxButton-module_selectText__7FeVj"};
5
+ var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n display: flex;\n height: 56px;\n justify-content: space-between;\n align-items: center;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 8px 16px;\n}\n\n.SelectBoxButton-module_label__QXEFa {\n display: flex;\n color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n display: flex;\n color: var(--icon-error-color);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n display: flex;\n color: var(--text-primary);\n}\n";
6
+ var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","label":"SelectBoxButton-module_label__QXEFa","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","selectText":"SelectBoxButton-module_selectText__bHp-v"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var Icons = require('@egov3/graphics');
6
+ var index = require('../index.js');
7
+ var SelectBoxButton_module = require('./SelectBoxButton.module.css.js');
8
+
9
+ var SelectBoxButton = function (_a) {
10
+ var setIsOpen = _a.setIsOpen, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue;
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.BaseComponents.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.BaseComponents.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 })] })));
12
+ };
13
+
14
+ exports.SelectBoxButton = SelectBoxButton;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","BaseComponents"],"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,oBAAc,CAAC,UAAU,EAAAH,cAAA,CAAA,EACxB,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,CACgB,EAC3B,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClCC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAAH,cAAA,CAAA,EACxB,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,CACe,CAC7B,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;;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/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;;;;;"}
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ var index$7 = require('./Accordion/index.js');
4
+ var index$6 = require('./Button/index.js');
5
+ var index$5 = require('./InputField/index.js');
6
+ var index$4 = require('./Modal/index.js');
7
+ var index$3 = require('./RadioGroup/index.js');
8
+ var index$2 = require('./RadioToggle/index.js');
9
+ var index$1 = require('./SelectBoxButton/index.js');
10
+ var index = require('./Typography/index.js');
11
+ require('../styles/colors.css.js');
12
+
13
+ var BaseComponents = {
14
+ Accordion: index$7.Accordion,
15
+ Button: index$6.Button,
16
+ CustomRadioButton: index$3.CustomRadioButton,
17
+ InputField: index$5.InputField,
18
+ Modal: index$4.Modal,
19
+ RadioGroup: index$3.RadioGroup,
20
+ RadioToggle: index$2.RadioToggle,
21
+ SelectBoxButton: index$1.SelectBoxButton,
22
+ Typography: index.Typography,
23
+ };
24
+
25
+ exports.BaseComponents = BaseComponents;
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography"],"mappings":";;;;;;;;;;;;AAWO,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,gBAAA;;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".IdentityHeader-module_regGoBack__xT2TD {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 24px;\n}\n\n.IdentityHeader-module_logo__9SkFi {\n margin-bottom: -12px;\n}\n\n.IdentityHeader-module_regCloseBtn__C-kO3 {\n width: 20px;\n}\n\n.IdentityHeader-module_mainIconJustify__wlXWa {\n margin-bottom: -20px;\n}\n\n.IdentityHeader-module_identityHeader__KCGvz {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 24px;\n padding: 12px 16px;\n}\n";
6
+ var styles = {"mainIconJustify":"IdentityHeader-module_mainIconJustify__wlXWa"};
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=IdentityHeader.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IdentityHeader.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 Icons = require('@egov3/graphics');
6
+ var index = require('../../constants/i18n/index.js');
7
+ var IdentityHeader_module = require('./IdentityHeader.module.css.js');
8
+
9
+ var IdentityHeader = function (_a) {
10
+ var goMainPage = _a.goMainPage, lang = _a.lang;
11
+ return (jsxRuntime.jsx("button", tslib.__assign({ "aria-label": index.i18n.IdentityHeader.buttonIcon[lang], className: IdentityHeader_module.default.mainIconJustify, "data-testid": "IdentityModule_BTN_LOGO", onClick: goMainPage, type: "button" }, { children: jsxRuntime.jsx(Icons.Logo.Egov, { width: "138px", height: "48px", "data-testid": "IdentityModule_BTN_LOGO_ICON" }) })));
12
+ };
13
+
14
+ exports.IdentityHeader = IdentityHeader;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/IdentityHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","i18n","styles"],"mappings":";;;;;;;;AASO,IAAM,cAAc,GAAG,UAAC,EAAmC,EAAA;QAAjC,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;IAAsB,QACrEA,wDACcC,UAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAChD,SAAS,EAAEC,6BAAM,CAAC,eAAe,iBACrB,yBAAyB,EACrC,OAAO,EAAE,UAAU,EACnB,IAAI,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAEbF,cAAA,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,MAAM,EAAA,aAAA,EACD,8BAA8B,EAAA,CAC1C,EAAA,CAAA,CACK;AAb4D;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".IdentityModal-module_wrapper__km5vC {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n background-color: var(--default-white-color);\n border-radius: 16px;\n width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n padding: 32px;\n width: calc(400px - 64px);\n}\n";
6
+ var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS"};
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=IdentityModal.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IdentityModal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var index = require('../../baseComponents/index.js');
6
+ var index$1 = require('../IdentityHeader/index.js');
7
+ var IdentityModal_module = require('./IdentityModal.module.css.js');
8
+
9
+ var IdentityModal = function (_a) {
10
+ var children = _a.children, goBackService = _a.goBackService, isMain = _a.isMain, lang = _a.lang, navigator = _a.navigator;
11
+ var goMainClosure = {
12
+ primary: { owner: "IdentityModal", route: "/" },
13
+ secondary: { owner: "IdentityModal", route: "identity/main/" },
14
+ };
15
+ return (jsxRuntime.jsx(index.BaseComponents.Modal, tslib.__assign({ variant: 'small', withOverlay: false, lang: "ru", header: isMain ? undefined : {
16
+ goIdentityMain: navigator(goMainClosure.secondary),
17
+ goBackService: goBackService
18
+ } }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: IdentityModal_module.default.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsxRuntime.jsx(index$1.IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })));
19
+ };
20
+
21
+ exports.IdentityModal = IdentityModal;
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsx","BaseComponents","__assign","styles","_jsxs","IdentityHeader"],"mappings":";;;;;;;;AAYO,IAAM,aAAa,GAAG,UAAC,EAMR,EAAA;AALpB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;IAED,QACEA,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAAC,cAAA,CAAA,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC,IAAI,EAAC,MAAM,EACxE,MAAM,GAAG,SAAS,GAAG;AACnB,YAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,YAAA,aAAa,EAAE;SAChB,EAAA,EAAA,EAAA,QAAA,EACDF,cAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EAAK,SAAS,EAAEC,4BAAM,CAAC,QAAQ,EAAA,aAAA,EAAc,0BAA0B,EAAA,EAAA,EAAA,QAAA,EACrEC,eAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EACE,SAAS,EAAEC,4BAAM,CAAC,SAAS,EAAA,aAAA,EACf,2BAA2B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLH,cAAA,CAACK,sBAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,EAAA,CACV,CACH,EACA,QAAQ,KACL,EAAA,CAAA,CACF,EAAA,CAAA,CACe;AAE3B;;;;"}
@@ -1,27 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var index$7 = require('./Accordion/index.js');
4
- var index = require('./Button/index.js');
5
- var index$6 = require('./InputField/index.js');
6
- var index$5 = require('./Modal/index.js');
7
- var index$4 = require('./RadioGroup/index.js');
8
- var index$3 = require('./RadioToggle/index.js');
9
- var index$2 = require('./SelectBoxButton/index.js');
10
- var index$1 = require('./Typography/index.js');
11
3
  require('../styles/colors.css.js');
4
+ var index = require('./IdentityModal/index.js');
12
5
 
13
6
  var Components = {
14
- Accordion: index$7.Accordion,
15
- Button: index.Button,
16
- CustomRadioButton: index$4.CustomRadioButton,
17
- InputField: index$6.InputField,
18
- Modal: index$5.Modal,
19
- RadioGroup: index$4.RadioGroup,
20
- RadioToggle: index$3.RadioToggle,
21
- SelectBoxButton: index$2.SelectBoxButton,
22
- Typography: index$1.Typography,
7
+ IdentityModal: index.IdentityModal,
23
8
  };
24
9
 
25
- exports.Button = index.Button;
26
10
  exports.Components = Components;
27
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography"],"mappings":";;;;;;;;;;;;AAWO,IAAM,UAAU,GAAG;AACxB,IAAA,SAAS,EAAAA,iBAAA;AACT,IAAA,MAAM,EAAAC,YAAA;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;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["IdentityModal"],"mappings":";;;;;AAIO,IAAM,UAAU,GAAG;AACxB,IAAA,aAAa,EAAAA,mBAAA;;;;;"}
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ var i18n = {
4
+ Modal: {
5
+ ariaAuthorizationPageBtn: {
6
+ ru: "Кнопка для перехода на страницу авторизации",
7
+ kk: "kkКнопка для перехода на страницу авторизации",
8
+ en: "enКнопка для перехода на страницу авторизации",
9
+ },
10
+ ariaBackButton: {
11
+ ru: "Кнопка для перехода назад",
12
+ kk: "kkКнопка для перехода назад",
13
+ en: "enКнопка для перехода назад",
14
+ },
15
+ },
16
+ IdentityHeader: {
17
+ buttonIcon: {
18
+ ru: "Кнопка на главную",
19
+ kk: "Басты бетке өту батырмасы",
20
+ en: "Button to main page",
21
+ },
22
+ }
23
+ };
24
+
25
+ exports.i18n = i18n;
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF;;;;;"}
package/dist/cjs/index.js CHANGED
@@ -3,9 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var index = require('./components/index.js');
6
+ var index$1 = require('./baseComponents/index.js');
6
7
 
7
8
  var SystemDesign = {
8
- Components: index.Components
9
+ BaseComponents: index$1.BaseComponents,
10
+ Components: index.Components,
9
11
  };
10
12
 
11
13
  exports.default = SystemDesign;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components"],"mappings":";;;;;;AAEA,IAAM,YAAY,GAAI;AACpB,IAAA,UAAU,EAAAA;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["BaseComponents","Components"],"mappings":";;;;;;;AAGA,IAAM,YAAY,GAAG;AACnB,IAAA,cAAc,EAAAA,sBAAA;AACd,IAAA,UAAU,EAAAC,gBAAA;;;;;"}