@egov3/system-design 1.2.65 → 1.3.67

package/dist/cjs/styles/colors.css.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n}\n";
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+//# sourceMappingURL=colors.css.js.map

package/dist/cjs/styles/colors.css.js.map

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

package/dist/cjs/styles/typography.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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";
+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"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+exports.default = typography;
+//# sourceMappingURL=typography.module.css.js.map

package/dist/cjs/styles/typography.module.css.js.map

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

package/dist/cjs/svg/ClearIcon.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var tslib_es6_js = require('/home/runner/work/system-design/system-design/node_modules/tslib/tslib.es6.js');
+var React = require('react');
+
+var ClearIcon = function (_a) {
+    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_es6_js.__rest(_a, ["fill", "pathFill", "width", "height"]);
+    return (React.createElement("svg", tslib_es6_js.__assign({ "data-testid": "Icons_CLEAR", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: fill, viewBox: "0 0 20 20" }, props),
+        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" })));
+};
+
+exports.ClearIcon = ClearIcon;
+//# sourceMappingURL=ClearIcon.js.map

package/dist/cjs/svg/ClearIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon.js","sources":["../../../src/svg/ClearIcon.tsx"],"sourcesContent":[null],"names":["__rest","__assign"],"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,mBAAA,CAAA,EAAA,EALgB,uCAMzB,CADS;IAER,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,qBAAA,CAAA,EAAA,aAAA,EACc,aAAa,EACzB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,WAAW,EAAA,EACf,KAAK,CAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uLAAuL,EACzL,QAAQ,EAAC,SAAS,EAAA,CACZ,CACJ;AAEV;;;;"}

package/dist/cjs/utils/joinClasses.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var joinClasses = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return args.filter(function (item) { return !!item; }).join(" ");
+};
+
+exports.joinClasses = joinClasses;
+//# sourceMappingURL=joinClasses.js.map

package/dist/cjs/utils/joinClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joinClasses.js","sources":["../../../src/utils/joinClasses.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,IAAM,WAAW,GAAG,YAAA;IAAC,IAAA,IAAA,GAAA,EAAA;SAAA,IAAA,EAAA,GAAA,CAAkB,EAAlB,EAAA,GAAA,SAAA,CAAA,MAAkB,EAAlB,EAAA,EAAkB,EAAA;QAAlB,IAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC1B,IAAA,OAAA,IAAI,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvC;;;;"}

package/dist/esm/components/Accordion/Accordion.module.css.js

@@ -0,0 +1,18 @@
+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";
+var styles = {"accordionBtn":"Accordion-module_accordionBtn__1unNG","accordionContent":"Accordion-module_accordionContent__Qnx7K","accordionContent--hidden":"Accordion-module_accordionContent--hidden__DrXay"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Accordion.module.css.js.map

package/dist/esm/components/Accordion/Accordion.module.css.js.map

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import styles from './Accordion.module.css.js';
+import { joinClasses } from '../../utils/joinClasses.js';
+
+var Accordion = function (_a) {
+    var open = _a.open, setOpen = _a.setOpen, children = _a.children, title = _a.title;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { "data-testid": "Accordion_BUTTON", className: styles.accordionBtn, onClick: function () {
+                setOpen(!open);
+            } },
+            title,
+            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: {
+                    transform: !open ? "none" : "rotate(0.5turn)",
+                } },
+                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" }))),
+        React.createElement("div", { "data-testid": "Accordion_CONTENT", className: joinClasses(styles.accordionContent, !open && styles["accordionContent--hidden"]) }, children)));
+};
+
+export { Accordion };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYO,IAAM,SAAS,GAAG,UAAC,EAKR,EAAA;QAJhB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AACgB,IAAA,QACrB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,YAAA;AACP,gBAAA,OAAO,CAAC,CAAC,IAAI,CAAC;YAChB,CAAC,EAAA;YAEA,KAAK;YACN,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,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;oBACL,SAAS,EAAE,CAAC,IAAI,GAAG,MAAM,GAAG,iBAAiB;AAC9C,iBAAA,EAAA;gBAED,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mHAAmH,EACrH,IAAI,EAAC,SAAS,EAAA,CACd,CACE,CACC;QACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,mBAAmB,EAC/B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,gBAAgB,EACvB,CAAC,IAAI,IAAI,MAAM,CAAC,0BAA0B,CAAC,CAC5C,EAAA,EAEA,QAAQ,CACL,CACL;AApCkB;;;;"}

package/dist/esm/components/Button/button.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".button-module_button__JyfZW {\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__EDl7t {\n  color: var(--default-white-color);\n  background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__H36E7 {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__Do6iX {\n  color: var(--text-accent);\n  background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__XRuq- {\n  color: var(--text-disabled-accent-color);\n  background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__LtTTr {\n  color: var(--text-primary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__5YS63 {\n  color: var(--text-secondary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-black--disabled__M7H0K {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-black__SFwzH {\n  color: var(--default-white-color);\n  background-color: var(--button-black-default-color);\n}\n\n.button-module_btn-default__EDl7t:hover {\n  background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__Do6iX:hover {\n  background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__LtTTr:hover {\n  background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn-black__SFwzH:hover {\n  background-color: var(--button-black-on-hover-color);\n}\n\n.button-module_btn--mini__a9EJm {\n  gap: 4px;\n  padding: 6px 12px;\n}\n.button-module_btn--small__xfhlR {\n  gap: 8px;\n  padding: 8px 16px;\n}\n.button-module_btn--medium__pFJSr {\n  gap: 8px;\n  padding: 8px 20px;\n}\n.button-module_btn--large__GvwY2 {\n  gap: 8px;\n  padding: 14px 24px;\n}\n\n.button-module_btn-square--mini__RWpOc {\n  border-radius: 4px;\n}\n.button-module_btn-square--small__M-WgA {\n  border-radius: 6px;\n}\n.button-module_btn-square--medium__aDBfE {\n  border-radius: 10px;\n}\n.button-module_btn-square--large__dwebF {\n  border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__bX5xJ {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--small__LI-QV {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--medium__TKy02 {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--large__joy-r {\n  border-radius: 40px;\n}\n";
+var styles = {"button":"button-module_button__JyfZW","btn-default":"button-module_btn-default__EDl7t","btn-default--disabled":"button-module_btn-default--disabled__H36E7","btn-tinted":"button-module_btn-tinted__Do6iX","btn-tinted--disabled":"button-module_btn-tinted--disabled__XRuq-","btn-secondary":"button-module_btn-secondary__LtTTr","btn-secondary--disabled":"button-module_btn-secondary--disabled__5YS63","btn-black--disabled":"button-module_btn-black--disabled__M7H0K","btn-black":"button-module_btn-black__SFwzH","btn--mini":"button-module_btn--mini__a9EJm","btn--small":"button-module_btn--small__xfhlR","btn--medium":"button-module_btn--medium__pFJSr","btn--large":"button-module_btn--large__GvwY2","btn-square--mini":"button-module_btn-square--mini__RWpOc","btn-square--small":"button-module_btn-square--small__M-WgA","btn-square--medium":"button-module_btn-square--medium__aDBfE","btn-square--large":"button-module_btn-square--large__dwebF","btn-rounded--mini":"button-module_btn-rounded--mini__bX5xJ","btn-rounded--small":"button-module_btn-rounded--small__LI-QV","btn-rounded--medium":"button-module_btn-rounded--medium__TKy02","btn-rounded--large":"button-module_btn-rounded--large__joy-r"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=button.module.css.js.map

package/dist/esm/components/Button/button.module.css.js.map

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { joinClasses } from '../../utils/joinClasses.js';
+import styles from './button.module.css.js';
+import typography from '../../styles/typography.module.css.js';
+
+var btnTypography = {
+    mini: typography.caption2Medium,
+    small: typography.caption1Medium,
+    medium: typography.body2Medium,
+    large: typography.body1Medium,
+};
+var Button = function (_a) {
+    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;
+    return (React.createElement("button", { "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles["btn--".concat(size)], btnTypography[size], isRounded
+            ? styles["btn-rounded--".concat(size)]
+            : styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, children));
+};
+
+export { Button };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAoBA,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,QAClB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACe,UAAU,EAAA,YAAA,EACX,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,eAAQ,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,EAEX,QAAQ,CACF;AApBS;;;;"}

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

@@ -0,0 +1,18 @@
+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}";
+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"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=InputField.module.css.js.map

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

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

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

@@ -0,0 +1,40 @@
+import React, { forwardRef } from 'react';
+import { joinClasses } from '../../utils/joinClasses.js';
+import styles from './InputField.module.css.js';
+import typography from '../../styles/typography.module.css.js';
+import { ClearIcon } from '../../svg/ClearIcon.js';
+
+// InputField.tsx
+var InputField = forwardRef(function (_a, ref) {
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.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;
+    var handleClear = function () {
+        if (onChange) {
+            onChange({
+                target: { value: "" },
+            });
+        }
+    };
+    var handleFocus = function () {
+        setFocused(true);
+        if (onFocus)
+            onFocus();
+    };
+    var handleBlur = function () {
+        setFocused(false);
+        if (onBlur)
+            onBlur();
+    };
+    var handleKeyDown = function (event) {
+        if (onEnterPress && event.key === "Enter") {
+            onEnterPress(event);
+        }
+    };
+    return (React.createElement("div", { "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 },
+        labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
+        inputLeftIcon,
+        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 }),
+        isClearable && value && (React.createElement(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))));
+});
+
+export { InputField };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Modal/Modal.module.css.js

@@ -0,0 +1,18 @@
+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";
+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"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Modal.module.css.js.map

package/dist/esm/components/Modal/Modal.module.css.js.map

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import Icons from '@egov3/graphics';
+import { joinClasses } from '../../utils/joinClasses.js';
+import { Components } from '../index.js';
+import styles from './Modal.module.css.js';
+
+var Modal = function (_a) {
+    var open = _a.open, setOpen = _a.setOpen, children = _a.children, headerTitle = _a.headerTitle, variant = _a.variant;
+    if (open) {
+        return (React.createElement("div", { "data-testid": "Modal_OVERLAY", className: styles.overlay },
+            React.createElement("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) },
+                headerTitle && headerTitle.length > 0 && (React.createElement("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader },
+                    React.createElement(Components.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, headerTitle),
+                    React.createElement("button", { "data-testid": "ModalHeader_BTN", onClick: function () {
+                            setOpen(!open);
+                        } },
+                        React.createElement(Icons.General.Close, { "data-testid": "Modal_ICON" })))),
+                children)));
+    }
+    else {
+        return null;
+    }
+};
+
+export { Modal };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":[null],"names":[],"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;QACR,QACE,4CAAiB,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA;AACxD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,EAAA,CAAA,MAAA,CAAG,OAAO,EAAA,SAAA,CAAS,CAAC,CAC5B,EAAA;AAEA,gBAAA,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,KACpC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA;oBAC7D,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,UAAU,EAAA,EACpB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,aAAa,EAAA,aAAA,EACX,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAEtB,WAAW,CACU;oBACxB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,iBAAiB,EAC7B,OAAO,EAAE,YAAA;AACP,4BAAA,OAAO,CAAC,CAAC,IAAI,CAAC;wBAChB,CAAC,EAAA;wBAED,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,mBAAa,YAAY,EAAA,CAAG,CACzC,CACL,CACP;gBACA,QAAQ,CACL,CACF;AAET,IAAA;AAAM,SAAA;AACL,QAAA,OAAO,IAAI;AACZ,IAAA;AACH;;;;"}

package/dist/esm/components/RadioGroup/RadioGroup.module.css.js

@@ -0,0 +1,18 @@
+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";
+var styles = {"radio":"RadioGroup-module_radio__iyFIA","radioBtn":"RadioGroup-module_radioBtn__n1J5v","radioBtnText":"RadioGroup-module_radioBtnText__aP5kH"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RadioGroup.module.css.js.map

package/dist/esm/components/RadioGroup/RadioGroup.module.css.js.map

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import styles from './RadioGroup.module.css.js';
+import typography from '../../styles/typography.module.css.js';
+import { joinClasses } from '../../utils/joinClasses.js';
+
+var CustomRadioButton = function (_a) {
+    var label = _a.label, name = _a.name, checked = _a.checked, onChange = _a.onChange, value = _a.value;
+    return (React.createElement("label", { "data-testid": "RadioGroupItem_LABEL", className: styles.radio },
+        React.createElement("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }),
+        React.createElement("span", { "data-testid": "RadioGroupItem_RADIO", className: styles.radioBtn }),
+        React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses(styles.radioBtnText, typography.body2Regular) }, label)));
+};
+var RadioGroup = function (_a) {
+    var RadioGroupItems = _a.RadioGroupItems, invokeCustomOnChange = _a.invokeCustomOnChange, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
+    var handleChange = function (event) {
+        setSelectedOption(event.target.value);
+        invokeCustomOnChange(event);
+    };
+    return (React.createElement("fieldset", { "data-testid": "RadioGroup_FIELDSET" }, RadioGroupItems.map(function (item) { return (React.createElement(CustomRadioButton, { key: item.label, label: item.label, name: "radio", checked: selectedOption === item.value, onChange: handleChange, value: item.value })); })));
+};
+
+export { CustomRadioButton, RadioGroup };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/RadioGroup/index.tsx"],"sourcesContent":[null],"names":[],"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;IACwB,QAC7B,8CAAmB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA;QAC/D,KAAA,CAAA,aAAA,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;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAS;AAC5E,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,IAEnE,KAAK,CACD,CACD;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,QACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,aAAA,EAAsB,qBAAqB,EAAA,EACxC,eAAe,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QAC7B,oBAAC,iBAAiB,EAAA,EAChB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,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,CACjB,EACH,CAT8B,CAS9B,CAAC,CACO;AAEf;;;;"}

package/dist/esm/components/RadioToggle/RadioToggle.module.css.js

@@ -0,0 +1,18 @@
+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";
+var styles = {"wrap":"RadioToggle-module_wrap__tM-kQ","wrapLock":"RadioToggle-module_wrapLock__sLgxo","round":"RadioToggle-module_round__5NUUP"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RadioToggle.module.css.js.map

package/dist/esm/components/RadioToggle/RadioToggle.module.css.js.map

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { joinClasses } from '../../utils/joinClasses.js';
+import styles from './RadioToggle.module.css.js';
+
+var RadioToggle = function (_a) {
+    var lock = _a.lock, setLock = _a.setLock;
+    return (React.createElement("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 () {
+            setLock(!lock);
+        } },
+        React.createElement("div", { "data-testid": "RadioToggle_WRAP", className: joinClasses(styles.wrap, lock && styles.wrapLock) },
+            React.createElement("div", { "data-testid": "RadioToggle_ROUND", className: styles.round }))));
+};
+
+export { RadioToggle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/RadioToggle/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAAoC,EAAA;QAAlC,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;IAA0B,QACnE,+CACc,oBAAoB,EAAA,cAAA,EAClB,IAAI,EAAA,YAAA,EACP,+GAAqB,EAChC,OAAO,EAAE,YAAA;AACP,YAAA,OAAO,CAAC,CAAC,IAAI,CAAC;QAChB,CAAC,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAA;YAE5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,CAAQ,CAChE,CACC;AAf0D;;;;"}

package/dist/esm/components/SelectBoxButton/SelectBoxButton.module.css.js

@@ -0,0 +1,18 @@
+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";
+var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__MyVJF","label":"SelectBoxButton-module_label__hlxlc","errorLabel":"SelectBoxButton-module_errorLabel__gYbNN","selectText":"SelectBoxButton-module_selectText__7FeVj"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=SelectBoxButton.module.css.js.map

package/dist/esm/components/SelectBoxButton/SelectBoxButton.module.css.js.map

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import Icons from '@egov3/graphics';
+import { Components } from '../index.js';
+import styles from './SelectBoxButton.module.css.js';
+
+var SelectBoxButton = function (_a) {
+    var setIsOpen = _a.setIsOpen, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue;
+    return (React.createElement("button", { "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, onClick: function () { return !disabled && setIsOpen(true); } },
+        React.createElement("div", { "data-testid": "SelectBoxModal_TITLE" },
+            React.createElement(Components.Typography, { tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, labelText),
+            modalValue && modalValue.length > 0 && (React.createElement(Components.Typography, { tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, modalValue))),
+        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 })));
+};
+
+export { SelectBoxButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAeO,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;IACwB,QAClC,+CACc,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,OAAO,EAAE,YAAA,EAAM,OAAA,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA,CAA5B,CAA4B,EAAA;AAE3C,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,UAAU,EAAA,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,EAEpB,SAAS,CACY;AACvB,YAAA,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClC,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,UAAU,EAAA,EACpB,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAE,MAAM,CAAC,UAAU,gBAChB,UAAU,EAAA,EAErB,UAAU,CACW,CACzB,CACG;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EAChB,mGAAmB,EAC9B,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,CAC3B,CACK;AAjCyB;;;;"}

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

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '/home/runner/work/system-design/system-design/node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { joinClasses } from '../../utils/joinClasses.js';
+import typography from '../../styles/typography.module.css.js';
+
+var Typography = function (_a) {
+    var _b;
+    var tag = _a.tag, fontClass = _a.fontClass, className = _a.className, children = _a.children, style = _a.style, restProps = __rest(_a, ["tag", "fontClass", "className", "children", "style"]);
+    return React.createElement(tag, __assign(__assign({}, restProps), { className: joinClasses((_b = typography[fontClass]) !== null && _b !== void 0 ? _b : "", className), style: style }), children);
+};
+
+export { Typography };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Typography/index.tsx"],"sourcesContent":[null],"names":[],"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,GAAA,MAAA,CAAA,EAAA,EANmC,sDAOhD,CADa;AAEZ,IAAA,OAAA,KAAK,CAAC,aAAa,CACjB,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAEE,SAAS,CAAA,EAAA,EACZ,SAAS,EAAE,WAAW,CAAC,CAAA,EAAA,GAAA,UAAU,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/esm/components/index.js

@@ -0,0 +1,24 @@
+import { Accordion } from './Accordion/index.js';
+import { Button } from './Button/index.js';
+import { InputField } from './InputField/index.js';
+import { Modal } from './Modal/index.js';
+import { RadioGroup, CustomRadioButton } from './RadioGroup/index.js';
+import { RadioToggle } from './RadioToggle/index.js';
+import { SelectBoxButton } from './SelectBoxButton/index.js';
+import { Typography } from './Typography/index.js';
+import '../styles/colors.css.js';
+
+var Components = {
+    Accordion: Accordion,
+    Button: Button,
+    CustomRadioButton: CustomRadioButton,
+    InputField: InputField,
+    Modal: Modal,
+    RadioGroup: RadioGroup,
+    RadioToggle: RadioToggle,
+    SelectBoxButton: SelectBoxButton,
+    Typography: Typography,
+};
+
+export { Button, Components };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAWO,IAAM,UAAU,GAAG;AACxB,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;;;;;"}