@egov3/system-design 1.3.66 → 1.3.67

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=Accordion.module.css.js.map

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

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

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=button.module.css.js.map

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

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

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=InputField.module.css.js.map

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

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

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=Modal.module.css.js.map

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

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

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=RadioGroup.module.css.js.map

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

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

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=RadioToggle.module.css.js.map

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

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

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

@@ -2,11 +2,21 @@
 
 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);
+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 = styles;
 //# sourceMappingURL=SelectBoxButton.module.css.js.map

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

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

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

@@ -1,11 +1,17 @@
 '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 = ":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";
-styleInject(css_248z);
-
-exports.default = css_248z;
+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

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

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

@@ -2,11 +2,21 @@
 
 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 = "/* 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"};
-styleInject(css_248z);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/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);
+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

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

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

@@ -1,7 +1,15 @@
-import styleInject from '/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js';
-
 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";
-styleInject(css_248z);
-
-export { css_248z as default };
+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/esm/styles/colors.css.js.map

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

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

@@ -1,8 +1,18 @@
-import styleInject from '/home/runner/work/system-design/system-design/node_modules/style-inject/dist/style-inject.es.js';
-
 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"};
-styleInject(css_248z);
+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 { typography as default };
 //# sourceMappingURL=typography.module.css.js.map

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

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

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,10 @@
+import React__default, { Dispatch, JSX } from 'react';
+
+interface IAccordionProps {
+    open: boolean;
+    setOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    children: React__default.ReactNode;
+    title: JSX.Element;
+}
+
+export type { IAccordionProps };

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+interface IButtonProps {
+    ariaLabel?: string;
+    onClick?: () => void;
+    children: React__default.ReactNode;
+    className?: string;
+    isRounded?: boolean;
+    disabled?: boolean;
+    variant?: "default" | "tinted" | "secondary" | "black";
+    size?: "mini" | "small" | "medium" | "large";
+    style?: React__default.CSSProperties;
+    dataTestid?: string;
+}
+
+export type { IButtonProps };

package/dist/types/components/InputField/index.d.ts

@@ -0,0 +1,25 @@
+import React__default, { JSX, HTMLInputTypeAttribute } from 'react';
+
+interface IInputFieldProps extends React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    placeholder?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    isClearable?: boolean;
+    inputLeftIcon?: JSX.Element;
+    type?: HTMLInputTypeAttribute;
+    id: string;
+    labelText?: string;
+    ariaLabel: string;
+    focused?: boolean;
+    setFocused?: (val: boolean) => void;
+    readOnly?: boolean;
+    dataTestid?: string;
+    variant?: "default" | "code";
+}
+
+export type { IInputFieldProps };

package/dist/types/components/Modal/index.d.ts

@@ -0,0 +1,11 @@
+import React__default, { JSX, Dispatch } from 'react';
+
+interface IModalProps {
+    open: boolean;
+    children: JSX.Element;
+    setOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    headerTitle?: string;
+    variant: "large" | "small";
+}
+
+export type { IModalProps };

package/dist/types/components/RadioGroup/index.d.ts

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+interface RadioGroupItem {
+    label: string;
+    value: string;
+}
+interface ICustomRadioButtonProps {
+    label: string;
+    name: string;
+    checked: boolean;
+    onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+}
+interface IRadioGroupProps {
+    RadioGroupItems: RadioGroupItem[];
+    invokeCustomOnChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    setSelectedOption: React__default.Dispatch<React__default.SetStateAction<string>>;
+    selectedOption: string;
+}
+
+export type { ICustomRadioButtonProps, IRadioGroupProps, RadioGroupItem };

package/dist/types/components/RadioToggle/index.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+
+interface IRadioToggleProps {
+    lock: boolean;
+    setLock: Dispatch<SetStateAction<boolean>>;
+}
+
+export type { IRadioToggleProps };

package/dist/types/components/SelectBoxButton/index.d.ts

@@ -0,0 +1,11 @@
+import React__default, { Dispatch } from 'react';
+
+interface ISelectBoxProps {
+    labelText?: string;
+    setIsOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    disabled: boolean;
+    error?: boolean;
+    modalValue?: string;
+}
+
+export type { ISelectBoxProps };

package/dist/types/components/Typography/index.d.ts

@@ -0,0 +1,9 @@
+import React__default, { JSX } from 'react';
+
+type TFontClass = "heading1" | "heading3" | "subtitles3" | "body1Medium" | "body1Regular" | "body2Medium" | "body2Regular" | "body3Regular" | "caption1Medium" | "caption1Regular" | "caption1Semibold" | "caption2Medium" | "caption2Regular" | "caption2Semibold";
+interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
+    tag: keyof JSX.IntrinsicElements | React__default.JSXElementConstructor<any>;
+    fontClass: TFontClass;
+}
+
+export type { ITypographyProps };

package/dist/types/index.d.ts

@@ -0,0 +1,25 @@
+import { ITypographyProps } from './components/Typography/index.js';
+import { ISelectBoxProps } from './components/SelectBoxButton/index.js';
+import { IRadioToggleProps } from './components/RadioToggle/index.js';
+import { IModalProps } from './components/Modal/index.js';
+import { IInputFieldProps } from './components/InputField/index.js';
+import { ICustomRadioButtonProps, IRadioGroupProps } from './components/RadioGroup/index.js';
+import { IButtonProps } from './components/Button/index.js';
+import * as React from 'react';
+import { IAccordionProps } from './components/Accordion/index.js';
+
+declare const SystemDesign: {
+    Components: {
+        Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => React.JSX.Element;
+        Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => React.JSX.Element;
+        CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
+        InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+        Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => React.JSX.Element | null;
+        RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;
+        RadioToggle: ({ lock, setLock }: IRadioToggleProps) => React.JSX.Element;
+        SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
+        Typography: React.FC<ITypographyProps>;
+    };
+};
+
+export { SystemDesign as default };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.66",
+  "version": "1.3.67",
   "main": "dist/cjs/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "module": "dist/esm/index.js",
   "files": [
     "dist"

package/dist/index.d.ts

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import React__default, { JSX, Dispatch, SetStateAction, HTMLInputTypeAttribute } from 'react';
-
-type TFontClass = "heading1" | "heading3" | "subtitles3" | "body1Medium" | "body1Regular" | "body2Medium" | "body2Regular" | "body3Regular" | "caption1Medium" | "caption1Regular" | "caption1Semibold" | "caption2Medium" | "caption2Regular" | "caption2Semibold";
-interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
-    tag: keyof JSX.IntrinsicElements | React__default.JSXElementConstructor<any>;
-    fontClass: TFontClass;
-}
-
-interface ISelectBoxProps {
-    labelText?: string;
-    setIsOpen: Dispatch<React__default.SetStateAction<boolean>>;
-    disabled: boolean;
-    error?: boolean;
-    modalValue?: string;
-}
-
-interface IRadioToggleProps {
-    lock: boolean;
-    setLock: Dispatch<SetStateAction<boolean>>;
-}
-
-interface IModalProps {
-    open: boolean;
-    children: JSX.Element;
-    setOpen: Dispatch<React__default.SetStateAction<boolean>>;
-    headerTitle?: string;
-    variant: "large" | "small";
-}
-
-interface IInputFieldProps extends React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
-    placeholder?: string;
-    className?: string;
-    style?: React__default.CSSProperties;
-    isClearable?: boolean;
-    inputLeftIcon?: JSX.Element;
-    type?: HTMLInputTypeAttribute;
-    id: string;
-    labelText?: string;
-    ariaLabel: string;
-    focused?: boolean;
-    setFocused?: (val: boolean) => void;
-    readOnly?: boolean;
-    dataTestid?: string;
-    variant?: "default" | "code";
-}
-
-interface RadioGroupItem {
-    label: string;
-    value: string;
-}
-interface ICustomRadioButtonProps {
-    label: string;
-    name: string;
-    checked: boolean;
-    onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    value: string;
-}
-interface IRadioGroupProps {
-    RadioGroupItems: RadioGroupItem[];
-    invokeCustomOnChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    setSelectedOption: React__default.Dispatch<React__default.SetStateAction<string>>;
-    selectedOption: string;
-}
-
-interface IButtonProps {
-    ariaLabel?: string;
-    onClick?: () => void;
-    children: React__default.ReactNode;
-    className?: string;
-    isRounded?: boolean;
-    disabled?: boolean;
-    variant?: "default" | "tinted" | "secondary" | "black";
-    size?: "mini" | "small" | "medium" | "large";
-    style?: React__default.CSSProperties;
-    dataTestid?: string;
-}
-
-interface IAccordionProps {
-    open: boolean;
-    setOpen: Dispatch<React__default.SetStateAction<boolean>>;
-    children: React__default.ReactNode;
-    title: JSX.Element;
-}
-
-declare const SystemDesign: {
-    Components: {
-        Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => React.JSX.Element;
-        Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => React.JSX.Element;
-        CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
-        InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-        Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => React.JSX.Element | null;
-        RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;
-        RadioToggle: ({ lock, setLock }: IRadioToggleProps) => React.JSX.Element;
-        SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
-        Typography: React.FC<ITypographyProps>;
-    };
-};
-
-export { SystemDesign as default };