@egov3/system-design 1.2.64 → 1.3.66

package/README.md

@@ -47,6 +47,10 @@ yarn sb
 
 # Release Notes
 
+## 1.2.65
+- Добавлен вариант `black` для `Button`
+- Исправлена толщина иконки в `Accordion`
+
 ## 1.2.56
 - добавлены глобалные стили
 

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=Accordion.module.css.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var Accordion_module = require('./Accordion.module.css.js');
+var joinClasses = require('../../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: Accordion_module.default.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.joinClasses(Accordion_module.default.accordionContent, !open && Accordion_module.default["accordionContent--hidden"]) }, children)));
+};
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":[null],"names":["styles","joinClasses"],"mappings":";;;;;;AAYO,IAAM,SAAS,GAAG,UAAC,EAKR,EAAA;QAJhB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AACgB,IAAA,QACrB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAEA,wBAAM,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,EAAEC,uBAAW,CACpBD,wBAAM,CAAC,gBAAgB,EACvB,CAAC,IAAI,IAAIA,wBAAM,CAAC,0BAA0B,CAAC,CAC5C,EAAA,EAEA,QAAQ,CACL,CACL;AApCkB;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=button.module.css.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var joinClasses = require('../../utils/joinClasses.js');
+var button_module = require('./button.module.css.js');
+var typography_module = require('../../styles/typography.module.css.js');
+
+var btnTypography = {
+    mini: typography_module.default.caption2Medium,
+    small: typography_module.default.caption1Medium,
+    medium: typography_module.default.body2Medium,
+    large: typography_module.default.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.joinClasses(button_module.default["btn--".concat(size)], btnTypography[size], isRounded
+            ? button_module.default["btn-rounded--".concat(size)]
+            : 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));
+};
+
+exports.Button = Button;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["typography","joinClasses","styles"],"mappings":";;;;;;;AAoBA,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,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,EAAEC,uBAAW,CACpBC,qBAAM,CAAC,eAAQ,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,EAEX,QAAQ,CACF;AApBS;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=InputField.module.css.js.map

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

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

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

@@ -0,0 +1,42 @@
+'use strict';
+
+var React = require('react');
+var joinClasses = require('../../utils/joinClasses.js');
+var InputField_module = require('./InputField.module.css.js');
+var typography_module = require('../../styles/typography.module.css.js');
+var ClearIcon = require('../../svg/ClearIcon.js');
+
+// InputField.tsx
+var InputField = React.forwardRef(function (_a, ref) {
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, _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.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 },
+        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.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 && (React.createElement(ClearIcon.ClearIcon, { fill: "red", pathFill: "#758393", className: InputField_module.default.clearIcon, onClick: handleClear }))));
+});
+
+exports.InputField = InputField;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=Modal.module.css.js.map

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

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

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var Icons = require('@egov3/graphics');
+var joinClasses = require('../../utils/joinClasses.js');
+var index = require('../index.js');
+var Modal_module = require('./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: Modal_module.default.overlay },
+            React.createElement("div", { "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, Modal_module.default["".concat(variant, "Variant")]) },
+                headerTitle && headerTitle.length > 0 && (React.createElement("div", { "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader },
+                    React.createElement(index.Components.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.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;
+    }
+};
+
+exports.Modal = Modal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":[null],"names":["styles","joinClasses","Components"],"mappings":";;;;;;;;AAgBO,IAAM,KAAK,GAAG,UAAC,EAMR,EAAA;AALZ,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAI,IAAI,EAAE;QACR,QACE,4CAAiB,eAAe,EAAC,SAAS,EAAEA,oBAAM,CAAC,OAAO,EAAA;AACxD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAEC,uBAAW,CACpBD,oBAAM,CAAC,WAAW,EAClBA,oBAAM,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,EAAEA,oBAAM,CAAC,aAAa,EAAA;oBAC7D,KAAA,CAAA,aAAA,CAACE,gBAAU,CAAC,UAAU,EAAA,EACpB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,aAAa,EAAA,aAAA,EACX,aAAa,EACzB,SAAS,EAAEF,oBAAM,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/cjs/components/RadioGroup/RadioGroup.module.css.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=RadioGroup.module.css.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var RadioGroup_module = require('./RadioGroup.module.css.js');
+var typography_module = require('../../styles/typography.module.css.js');
+var joinClasses = require('../../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: RadioGroup_module.default.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: RadioGroup_module.default.radioBtn }),
+        React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses.joinClasses(RadioGroup_module.default.radioBtnText, typography_module.default.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 })); })));
+};
+
+exports.CustomRadioButton = CustomRadioButton;
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["styles","joinClasses","typography"],"mappings":";;;;;;;AAyBO,IAAM,iBAAiB,GAAG,UAAC,EAMR,EAAA;AALxB,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;IACwB,QAC7B,8CAAmB,sBAAsB,EAAC,SAAS,EAAEA,yBAAM,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,EAAEA,yBAAM,CAAC,QAAQ,EAAA,CAAS;AAC5E,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAEC,uBAAW,CAACD,yBAAM,CAAC,YAAY,EAAEE,yBAAU,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/cjs/components/RadioToggle/RadioToggle.module.css.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=RadioToggle.module.css.js.map

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

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

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var joinClasses = require('../../utils/joinClasses.js');
+var RadioToggle_module = require('./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.joinClasses(RadioToggle_module.default.wrap, lock && RadioToggle_module.default.wrapLock) },
+            React.createElement("div", { "data-testid": "RadioToggle_ROUND", className: RadioToggle_module.default.round }))));
+};
+
+exports.RadioToggle = RadioToggle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/RadioToggle/index.tsx"],"sourcesContent":[null],"names":["joinClasses","styles"],"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,EAAEA,uBAAW,CAACC,0BAAM,CAAC,IAAI,EAAE,IAAI,IAAIA,0BAAM,CAAC,QAAQ,CAAC,EAAA;YAE5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAEA,0BAAM,CAAC,KAAK,EAAA,CAAQ,CAChE,CACC;AAf0D;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js');
+
+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"};
+styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=SelectBoxButton.module.css.js.map

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

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

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var Icons = require('@egov3/graphics');
+var index = require('../index.js');
+var SelectBoxButton_module = require('./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: SelectBoxButton_module.default.selectContainer, onClick: function () { return !disabled && setIsOpen(true); } },
+        React.createElement("div", { "data-testid": "SelectBoxModal_TITLE" },
+            React.createElement(index.Components.Typography, { tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, labelText),
+            modalValue && modalValue.length > 0 && (React.createElement(index.Components.Typography, { tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, modalValue))),
+        React.createElement(Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: SelectBoxButton_module.default.clearIcon })));
+};
+
+exports.SelectBoxButton = SelectBoxButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["styles","Components"],"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,EAAEA,8BAAM,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,CAACC,gBAAU,CAAC,UAAU,EAAA,EACpB,GAAG,EAAC,OAAO,EACX,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAGD,8BAAM,CAAC,UAAU,GAAGA,8BAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAEpB,SAAS,CACY;AACvB,YAAA,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClC,KAAA,CAAA,aAAA,CAACC,gBAAU,CAAC,UAAU,EAAA,EACpB,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAED,8BAAM,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,EAAEA,8BAAM,CAAC,SAAS,EAAA,CAC3B,CACK;AAjCyB;;;;"}

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

@@ -0,0 +1,15 @@
+'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 joinClasses = require('../../utils/joinClasses.js');
+var typography_module = require('../../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 = tslib_es6_js.__rest(_a, ["tag", "fontClass", "className", "children", "style"]);
+    return React.createElement(tag, tslib_es6_js.__assign(tslib_es6_js.__assign({}, restProps), { className: joinClasses.joinClasses((_b = typography_module.default[fontClass]) !== null && _b !== void 0 ? _b : "", className), style: style }), children);
+};
+
+exports.Typography = Typography;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Typography/index.tsx"],"sourcesContent":[null],"names":["__rest","__assign","joinClasses","typography"],"mappings":";;;;;;;AA2BO,IAAM,UAAU,GAAyB,UAAC,EAOhD,EAAA;;AANC,IAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAAA,mBAAA,CAAA,EAAA,EANmC,sDAOhD,CADa;AAEZ,IAAA,OAAA,KAAK,CAAC,aAAa,CACjB,GAAG,EAAAC,qBAAA,CAAAA,qBAAA,CAAA,EAAA,EAEE,SAAS,CAAA,EAAA,EACZ,SAAS,EAAEC,uBAAW,CAAC,CAAA,EAAA,GAAAC,yBAAU,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,SAAS,CAAC,EAC9D,KAAK,EAAA,KAAA,EAAA,CAAA,EAEP,QAAQ,CACT;;;;;"}

package/dist/cjs/components/index.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var index$7 = require('./Accordion/index.js');
+var index = require('./Button/index.js');
+var index$6 = require('./InputField/index.js');
+var index$5 = require('./Modal/index.js');
+var index$4 = require('./RadioGroup/index.js');
+var index$3 = require('./RadioToggle/index.js');
+var index$2 = require('./SelectBoxButton/index.js');
+var index$1 = require('./Typography/index.js');
+require('../styles/colors.css.js');
+
+var Components = {
+    Accordion: index$7.Accordion,
+    Button: index.Button,
+    CustomRadioButton: index$4.CustomRadioButton,
+    InputField: index$6.InputField,
+    Modal: index$5.Modal,
+    RadioGroup: index$4.RadioGroup,
+    RadioToggle: index$3.RadioToggle,
+    SelectBoxButton: index$2.SelectBoxButton,
+    Typography: index$1.Typography,
+};
+
+exports.Button = index.Button;
+exports.Components = Components;
+//# sourceMappingURL=index.js.map

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

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