@egov3/system-design 2.2.1 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +22 -22
- package/dist/esm/index.js +22 -22
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2808,8 +2808,8 @@ function styleInject(css, ref) {
|
|
|
2808
2808
|
}
|
|
2809
2809
|
}
|
|
2810
2810
|
|
|
2811
|
-
var css_248z$b = "
|
|
2812
|
-
var styles$b = {"
|
|
2811
|
+
var css_248z$b = ".Accordion-module_accordionBtn__LQdRX {\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__sarnp {\n max-height: 1000px;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__6kNQ2 {\n max-height: 0;\n}";
|
|
2812
|
+
var styles$b = {"accordionBtn":"Accordion-module_accordionBtn__LQdRX","accordionContent":"Accordion-module_accordionContent__sarnp","accordionContent--hidden":"Accordion-module_accordionContent--hidden__6kNQ2"};
|
|
2813
2813
|
styleInject(css_248z$b);
|
|
2814
2814
|
|
|
2815
2815
|
var joinClasses = function () {
|
|
@@ -2834,8 +2834,8 @@ var Accordion = function (_a) {
|
|
|
2834
2834
|
React.createElement("div", { "data-testid": "Accordion_CONTENT", className: joinClasses(styles$b.accordionContent, !open && styles$b["accordionContent--hidden"]) }, children)));
|
|
2835
2835
|
};
|
|
2836
2836
|
|
|
2837
|
-
var css_248z$a = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n
|
|
2838
|
-
var styles$a = {"
|
|
2837
|
+
var css_248z$a = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.button-module_button__WDVlB {\n border: none;\n transition: background-color 0.2s ease;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n\n.button-module_btn-default__upnYC {\n color: var(--default-white-color);\n background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__tlBX8 {\n color: var(--text-disabled-color);\n background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__hE7vU {\n color: var(--text-accent);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__KYbnK {\n color: var(--text-disabled-accent-color);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__C8isQ {\n color: var(--text-primary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__2Y-Q3 {\n color: var(--text-secondary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-default__upnYC:hover {\n background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__hE7vU:hover {\n background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__C8isQ:hover {\n background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn--mini__7zJ2M {\n gap: 4px;\n padding: 6px 12px;\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n.button-module_btn--small__IGPOx {\n gap: 8px;\n padding: 8px 16px;\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.button-module_btn--medium__WaM0q {\n gap: 8px;\n padding: 8px 20px;\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.button-module_btn--large__qrwDc {\n gap: 8px;\n padding: 14px 24px;\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n.button-module_btn-square--mini__Ak5mN {\n border-radius: 4px;\n}\n\n.button-module_btn-square--small__O58ux {\n border-radius: 6px;\n}\n\n.button-module_btn-square--medium__xNiKL {\n border-radius: 10px;\n}\n\n.button-module_btn-square--large__9JUii {\n border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__7ZTyL {\n border-radius: 32px;\n}\n\n.button-module_btn-rounded--small__KJhsk {\n border-radius: 32px;\n}\n\n.button-module_btn-rounded--medium__wT5Uc {\n border-radius: 32px;\n}\n\n.button-module_btn-rounded--large__46yFD {\n border-radius: 40px;\n}";
|
|
2838
|
+
var styles$a = {"button":"button-module_button__WDVlB","btn-default":"button-module_btn-default__upnYC","btn-default--disabled":"button-module_btn-default--disabled__tlBX8","btn-tinted":"button-module_btn-tinted__hE7vU","btn-tinted--disabled":"button-module_btn-tinted--disabled__KYbnK","btn-secondary":"button-module_btn-secondary__C8isQ","btn-secondary--disabled":"button-module_btn-secondary--disabled__2Y-Q3","btn--mini":"button-module_btn--mini__7zJ2M","btn--small":"button-module_btn--small__IGPOx","btn--medium":"button-module_btn--medium__WaM0q","btn--large":"button-module_btn--large__qrwDc","btn-square--mini":"button-module_btn-square--mini__Ak5mN","btn-square--small":"button-module_btn-square--small__O58ux","btn-square--medium":"button-module_btn-square--medium__xNiKL","btn-square--large":"button-module_btn-square--large__9JUii","btn-rounded--mini":"button-module_btn-rounded--mini__7ZTyL","btn-rounded--small":"button-module_btn-rounded--small__KJhsk","btn-rounded--medium":"button-module_btn-rounded--medium__wT5Uc","btn-rounded--large":"button-module_btn-rounded--large__46yFD"};
|
|
2839
2839
|
styleInject(css_248z$a);
|
|
2840
2840
|
|
|
2841
2841
|
var Button = function (_a) {
|
|
@@ -3032,8 +3032,8 @@ var toPascalCase = function (str) {
|
|
|
3032
3032
|
return str.toLowerCase().charAt(0).toUpperCase() + str.toLowerCase().slice(1);
|
|
3033
3033
|
};
|
|
3034
3034
|
|
|
3035
|
-
var css_248z$9 = ".CalendarBody-module_wrapper__MIfkF {\n width: 118px;\n height: 24px;\n display: flex;\n padding: 4px 0px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n flex: 1;\n border-top: 1px solid
|
|
3036
|
-
var styles$9 = {"
|
|
3035
|
+
var css_248z$9 = ".CalendarBody-module_wrapper__MIfkF {\n width: 118px;\n height: 24px;\n display: flex;\n padding: 4px 0px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n flex: 1;\n border-top: 1px solid var(--surface-surface-3-color);\n border-bottom: 1px solid var(--surface-surface-3-color);\n}\n\n.CalendarBody-module_wrapperDay__yvdIO {\n width: 118px;\n}\n\n.CalendarBody-module_wrapperMonth__RRA2P {\n width: 132px;\n}\n\n.CalendarBody-module_wrapperYear__8Nj0E {\n width: 118px;\n}\n\n.CalendarBody-module_cover__1FMOf {\n width: 368px;\n height: 128px;\n display: flex;\n align-items: center;\n padding: 8px 0;\n}\n\n.CalendarBody-module_block__-0RqE {\n height: 21px;\n display: flex;\n flex-direction: column;\n align-self: center;\n gap: 4px;\n position: relative;\n top: -58px;\n}\n\n.CalendarBody-module_end__NJW3b {\n top: 58px;\n justify-content: end;\n}\n\n.CalendarBody-module_start__yPFse {\n top: -58px;\n justify-content: start;\n}\n\n.CalendarBody-module_btn__MxJLT {\n gap: 4px;\n display: flex;\n flex-direction: column;\n padding: 0px;\n}\n\n.CalendarBody-module_currentText__G73w9 {\n display: block;\n margin: 0 auto;\n color: var(--text-primary);\n text-align: center;\n}\n\n.CalendarBody-module_text__pdeie {\n margin: 0 auto;\n height: 24px;\n color: var(--text-disabled-color);\n text-align: center;\n}\n\n.CalendarBody-module_currentMonth__yYDJb {\n display: block;\n width: 76px;\n}\n\n.CalendarBody-module_currentError__jdk4i {\n color: var(--text-error);\n}\n\n.CalendarBody-module_btnUpAndDown__2pxYA {\n padding: 0px;\n}";
|
|
3036
|
+
var styles$9 = {"wrapper":"CalendarBody-module_wrapper__MIfkF","wrapperDay":"CalendarBody-module_wrapperDay__yvdIO","wrapperMonth":"CalendarBody-module_wrapperMonth__RRA2P","wrapperYear":"CalendarBody-module_wrapperYear__8Nj0E","cover":"CalendarBody-module_cover__1FMOf","block":"CalendarBody-module_block__-0RqE","end":"CalendarBody-module_end__NJW3b","start":"CalendarBody-module_start__yPFse","btn":"CalendarBody-module_btn__MxJLT","currentText":"CalendarBody-module_currentText__G73w9","text":"CalendarBody-module_text__pdeie","currentMonth":"CalendarBody-module_currentMonth__yYDJb","currentError":"CalendarBody-module_currentError__jdk4i","btnUpAndDown":"CalendarBody-module_btnUpAndDown__2pxYA"};
|
|
3037
3037
|
styleInject(css_248z$9);
|
|
3038
3038
|
|
|
3039
3039
|
var Body = function (_a) {
|
|
@@ -3093,8 +3093,8 @@ var Body = function (_a) {
|
|
|
3093
3093
|
React.createElement(Cp.Basic.ChevronDownSmall, { fill: "#758393" })))); })));
|
|
3094
3094
|
};
|
|
3095
3095
|
|
|
3096
|
-
var css_248z$8 = ".CalendarFooter-module_tab__gZl5U {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarFooter-module_titleActiv__AuYeo {\n padding: 8px 0px;\n width: 180px;\n color:
|
|
3097
|
-
var styles$8 = {"
|
|
3096
|
+
var css_248z$8 = ".CalendarFooter-module_tab__gZl5U {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarFooter-module_titleActiv__AuYeo {\n padding: 8px 0px;\n width: 180px;\n color: var(--text-primary);\n text-align: center;\n border-bottom: 2px solid var(--icon-accent-color);\n}\n\n.CalendarFooter-module_title__ILiy5 {\n width: 180px;\n padding: 8px 0px;\n color: var(--text-disabled-color);\n text-align: center;\n border-bottom: 2px solid var(--surface-surface-3-color);\n}\n\n.CalendarFooter-module_titleError__tY9nG {\n text-align: center;\n border-bottom: 2px solid var(--text-error);\n}";
|
|
3097
|
+
var styles$8 = {"tab":"CalendarFooter-module_tab__gZl5U","titleActiv":"CalendarFooter-module_titleActiv__AuYeo","title":"CalendarFooter-module_title__ILiy5","titleError":"CalendarFooter-module_titleError__tY9nG"};
|
|
3098
3098
|
styleInject(css_248z$8);
|
|
3099
3099
|
|
|
3100
3100
|
var Footer = function (_a) {
|
|
@@ -3128,8 +3128,8 @@ var PERIOD_KEYS = {
|
|
|
3128
3128
|
to: "to",
|
|
3129
3129
|
};
|
|
3130
3130
|
|
|
3131
|
-
var css_248z$7 = ".CalendarHeader-module_tab__CblTV {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarHeader-module_titleActiv__WuPAX {\n padding: 8px 0px;\n width: 180px;\n color:
|
|
3132
|
-
var styles$7 = {"
|
|
3131
|
+
var css_248z$7 = ".CalendarHeader-module_tab__CblTV {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarHeader-module_titleActiv__WuPAX {\n padding: 8px 0px;\n width: 180px;\n color: var(--text-primary);\n text-align: center;\n border-bottom: 2px solid var(--icon-accent-color);\n}\n\n.CalendarHeader-module_title__pepJ1 {\n width: 180px;\n padding: 8px 0px;\n color: var(--text-disabled-color);\n text-align: center;\n border-bottom: 2px solid var(--surface-surface-3-color);\n}\n\n.CalendarHeader-module_titleError__gJ7OM {\n text-align: center;\n border-bottom: 2px solid var(--text-error);\n}";
|
|
3132
|
+
var styles$7 = {"tab":"CalendarHeader-module_tab__CblTV","titleActiv":"CalendarHeader-module_titleActiv__WuPAX","title":"CalendarHeader-module_title__pepJ1","titleError":"CalendarHeader-module_titleError__gJ7OM"};
|
|
3133
3133
|
styleInject(css_248z$7);
|
|
3134
3134
|
|
|
3135
3135
|
var Header = function (_a) {
|
|
@@ -3212,8 +3212,8 @@ var isValidateDate = function (date) {
|
|
|
3212
3212
|
return dateObj <= currentDate;
|
|
3213
3213
|
};
|
|
3214
3214
|
|
|
3215
|
-
var css_248z$6 = ".Main-module_modalBlock__qu-0- {\n display: flex;\n padding: 16px;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n}\n\n.Main-module_currentError__jyWSz {\n color:
|
|
3216
|
-
var styles$6 = {"
|
|
3215
|
+
var css_248z$6 = ".Main-module_modalBlock__qu-0- {\n display: flex;\n padding: 16px;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n}\n\n.Main-module_currentError__jyWSz {\n color: var(--text-error);\n}\n\n.Main-module_textError__BgkxP {\n padding: 0 0 8px 0;\n}\n\n.Main-module_save__i4Vh0 {\n align-self: stretch;\n}";
|
|
3216
|
+
var styles$6 = {"modalBlock":"Main-module_modalBlock__qu-0-","currentError":"Main-module_currentError__jyWSz","textError":"Main-module_textError__BgkxP","save":"Main-module_save__i4Vh0"};
|
|
3217
3217
|
styleInject(css_248z$6);
|
|
3218
3218
|
|
|
3219
3219
|
var Main = function (_a) {
|
|
@@ -3356,8 +3356,8 @@ var Calendar = {
|
|
|
3356
3356
|
Header: Header,
|
|
3357
3357
|
};
|
|
3358
3358
|
|
|
3359
|
-
var css_248z$5 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n
|
|
3360
|
-
var styles$5 = {"
|
|
3359
|
+
var css_248z$5 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.InputField-module_inputContainer__J1gSu {\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__63H-X {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n.InputField-module_inputContainerLabeled__63H-X label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__y6Hs- {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n.InputField-module_input__y6Hs-:active, .InputField-module_input__y6Hs-:focus {\n outline: none;\n}\n.InputField-module_input__y6Hs-::placeholder {\n color: var(--text-disabled-color);\n}\n.InputField-module_input__y6Hs-::-webkit-inner-spin-button, .InputField-module_input__y6Hs-::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__WFQKa {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__F5PRb {\n background-color: var(--surface-surface-3-color);\n}\n.InputField-module_input--onfocus__F5PRb .InputField-module_input__y6Hs- {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input-text__Cg-9A {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}";
|
|
3360
|
+
var styles$5 = {"inputContainer":"InputField-module_inputContainer__J1gSu","inputContainerLabeled":"InputField-module_inputContainerLabeled__63H-X","input":"InputField-module_input__y6Hs-","clearIcon":"InputField-module_clearIcon__WFQKa","input--onfocus":"InputField-module_input--onfocus__F5PRb","input-text":"InputField-module_input-text__Cg-9A"};
|
|
3361
3361
|
styleInject(css_248z$5);
|
|
3362
3362
|
|
|
3363
3363
|
var ClearIcon = function (_a) {
|
|
@@ -3398,8 +3398,8 @@ var InputField = react.exports.forwardRef(function (_a, ref) {
|
|
|
3398
3398
|
isClearable && value && (React.createElement(ClearIcon, { fill: "red", pathFill: "#758393", className: styles$5.clearIcon, onClick: handleClear }))));
|
|
3399
3399
|
});
|
|
3400
3400
|
|
|
3401
|
-
var css_248z$4 = "
|
|
3402
|
-
var styles$4 = {"
|
|
3401
|
+
var css_248z$4 = ".Modal-module_overlay__-TJEC {\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__Jezam {\n background: var(--page-color-background-white);\n border-radius: 16px;\n height: fit-content;\n animation: Modal-module_flyDawn__k-iRY 1s;\n}\n\n.Modal-module_largeVariant__fqcnb {\n width: 1052px;\n}\n\n.Modal-module_smallVariant__FM0Mg {\n width: 400px;\n}\n\n.Modal-module_contentHeader__0Tq4L {\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__vOhPA {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDawn__k-iRY {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY();\n opacity: 1;\n }\n}";
|
|
3402
|
+
var styles$4 = {"overlay":"Modal-module_overlay__-TJEC","contentWrap":"Modal-module_contentWrap__Jezam","flyDawn":"Modal-module_flyDawn__k-iRY","largeVariant":"Modal-module_largeVariant__fqcnb","smallVariant":"Modal-module_smallVariant__FM0Mg","contentHeader":"Modal-module_contentHeader__0Tq4L","title":"Modal-module_title__vOhPA"};
|
|
3403
3403
|
styleInject(css_248z$4);
|
|
3404
3404
|
|
|
3405
3405
|
var Modal = function (_a) {
|
|
@@ -3420,8 +3420,8 @@ var Modal = function (_a) {
|
|
|
3420
3420
|
}
|
|
3421
3421
|
};
|
|
3422
3422
|
|
|
3423
|
-
var css_248z$3 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n
|
|
3424
|
-
var styles$3 = {"
|
|
3423
|
+
var css_248z$3 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.RadioGroup-module_radio__cmSnZ {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.RadioGroup-module_radio__cmSnZ input {\n display: none;\n}\n\n.RadioGroup-module_radioBtn__HSuIE {\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__HSuIE::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__HSuIE::after {\n transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .RadioGroup-module_radioBtn__HSuIE {\n border: 2px solid var(--button-primary-default);\n}\n\n.RadioGroup-module_radioBtnText__Kx9T1 {\n padding-left: 10px;\n width: fit-content;\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}";
|
|
3424
|
+
var styles$3 = {"radio":"RadioGroup-module_radio__cmSnZ","radioBtn":"RadioGroup-module_radioBtn__HSuIE","radioBtnText":"RadioGroup-module_radioBtnText__Kx9T1"};
|
|
3425
3425
|
styleInject(css_248z$3);
|
|
3426
3426
|
|
|
3427
3427
|
var CustomRadioButton = function (_a) {
|
|
@@ -3440,8 +3440,8 @@ var RadioGroup = function (_a) {
|
|
|
3440
3440
|
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 })); })));
|
|
3441
3441
|
};
|
|
3442
3442
|
|
|
3443
|
-
var css_248z$2 = "
|
|
3444
|
-
var styles$2 = {"
|
|
3443
|
+
var css_248z$2 = ".RadioToggle-module_wrap__Z7gAu {\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__T8rZ0 {\n justify-content: flex-start;\n background: var(--surface-surface-3-color);\n}\n\n.RadioToggle-module_round__Fki8X {\n width: 16px;\n height: 16px;\n background: var(--surface-surface-2);\n border-radius: 100px;\n}";
|
|
3444
|
+
var styles$2 = {"wrap":"RadioToggle-module_wrap__Z7gAu","wrapLock":"RadioToggle-module_wrapLock__T8rZ0","round":"RadioToggle-module_round__Fki8X"};
|
|
3445
3445
|
styleInject(css_248z$2);
|
|
3446
3446
|
|
|
3447
3447
|
var RadioToggle = function (_a) {
|
|
@@ -3453,8 +3453,8 @@ var RadioToggle = function (_a) {
|
|
|
3453
3453
|
React.createElement("div", { "data-testid": "RadioToggle_ROUND", className: styles$2.round }))));
|
|
3454
3454
|
};
|
|
3455
3455
|
|
|
3456
|
-
var css_248z$1 = ".SelectBoxButton-module_selectContainer__QchHG {\n display: flex;\n height: 56px;\n justify-content: space-between;\n align-items: center;\n background-color:
|
|
3457
|
-
var styles$1 = {"
|
|
3456
|
+
var css_248z$1 = ".SelectBoxButton-module_selectContainer__QchHG {\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__jHWS2 {\n display: flex;\n color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_errorLabel__-sMha {\n display: flex;\n color: var(--icon-error-color);\n}\n\n.SelectBoxButton-module_selectText__ohC7C {\n display: flex;\n color: var(--text-primary);\n}";
|
|
3457
|
+
var styles$1 = {"selectContainer":"SelectBoxButton-module_selectContainer__QchHG","label":"SelectBoxButton-module_label__jHWS2","errorLabel":"SelectBoxButton-module_errorLabel__-sMha","selectText":"SelectBoxButton-module_selectText__ohC7C"};
|
|
3458
3458
|
styleInject(css_248z$1);
|
|
3459
3459
|
|
|
3460
3460
|
var SelectBoxButton = function (_a) {
|
package/dist/esm/index.js
CHANGED
|
@@ -2806,8 +2806,8 @@ function styleInject(css, ref) {
|
|
|
2806
2806
|
}
|
|
2807
2807
|
}
|
|
2808
2808
|
|
|
2809
|
-
var css_248z$b = "
|
|
2810
|
-
var styles$b = {"
|
|
2809
|
+
var css_248z$b = ".Accordion-module_accordionBtn__LQdRX {\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__sarnp {\n max-height: 1000px;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__6kNQ2 {\n max-height: 0;\n}";
|
|
2810
|
+
var styles$b = {"accordionBtn":"Accordion-module_accordionBtn__LQdRX","accordionContent":"Accordion-module_accordionContent__sarnp","accordionContent--hidden":"Accordion-module_accordionContent--hidden__6kNQ2"};
|
|
2811
2811
|
styleInject(css_248z$b);
|
|
2812
2812
|
|
|
2813
2813
|
var joinClasses = function () {
|
|
@@ -2832,8 +2832,8 @@ var Accordion = function (_a) {
|
|
|
2832
2832
|
React.createElement("div", { "data-testid": "Accordion_CONTENT", className: joinClasses(styles$b.accordionContent, !open && styles$b["accordionContent--hidden"]) }, children)));
|
|
2833
2833
|
};
|
|
2834
2834
|
|
|
2835
|
-
var css_248z$a = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n
|
|
2836
|
-
var styles$a = {"
|
|
2835
|
+
var css_248z$a = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.button-module_button__WDVlB {\n border: none;\n transition: background-color 0.2s ease;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n\n.button-module_btn-default__upnYC {\n color: var(--default-white-color);\n background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__tlBX8 {\n color: var(--text-disabled-color);\n background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__hE7vU {\n color: var(--text-accent);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__KYbnK {\n color: var(--text-disabled-accent-color);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__C8isQ {\n color: var(--text-primary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__2Y-Q3 {\n color: var(--text-secondary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-default__upnYC:hover {\n background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__hE7vU:hover {\n background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__C8isQ:hover {\n background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn--mini__7zJ2M {\n gap: 4px;\n padding: 6px 12px;\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n.button-module_btn--small__IGPOx {\n gap: 8px;\n padding: 8px 16px;\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.button-module_btn--medium__WaM0q {\n gap: 8px;\n padding: 8px 20px;\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.button-module_btn--large__qrwDc {\n gap: 8px;\n padding: 14px 24px;\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n.button-module_btn-square--mini__Ak5mN {\n border-radius: 4px;\n}\n\n.button-module_btn-square--small__O58ux {\n border-radius: 6px;\n}\n\n.button-module_btn-square--medium__xNiKL {\n border-radius: 10px;\n}\n\n.button-module_btn-square--large__9JUii {\n border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__7ZTyL {\n border-radius: 32px;\n}\n\n.button-module_btn-rounded--small__KJhsk {\n border-radius: 32px;\n}\n\n.button-module_btn-rounded--medium__wT5Uc {\n border-radius: 32px;\n}\n\n.button-module_btn-rounded--large__46yFD {\n border-radius: 40px;\n}";
|
|
2836
|
+
var styles$a = {"button":"button-module_button__WDVlB","btn-default":"button-module_btn-default__upnYC","btn-default--disabled":"button-module_btn-default--disabled__tlBX8","btn-tinted":"button-module_btn-tinted__hE7vU","btn-tinted--disabled":"button-module_btn-tinted--disabled__KYbnK","btn-secondary":"button-module_btn-secondary__C8isQ","btn-secondary--disabled":"button-module_btn-secondary--disabled__2Y-Q3","btn--mini":"button-module_btn--mini__7zJ2M","btn--small":"button-module_btn--small__IGPOx","btn--medium":"button-module_btn--medium__WaM0q","btn--large":"button-module_btn--large__qrwDc","btn-square--mini":"button-module_btn-square--mini__Ak5mN","btn-square--small":"button-module_btn-square--small__O58ux","btn-square--medium":"button-module_btn-square--medium__xNiKL","btn-square--large":"button-module_btn-square--large__9JUii","btn-rounded--mini":"button-module_btn-rounded--mini__7ZTyL","btn-rounded--small":"button-module_btn-rounded--small__KJhsk","btn-rounded--medium":"button-module_btn-rounded--medium__wT5Uc","btn-rounded--large":"button-module_btn-rounded--large__46yFD"};
|
|
2837
2837
|
styleInject(css_248z$a);
|
|
2838
2838
|
|
|
2839
2839
|
var Button = function (_a) {
|
|
@@ -3030,8 +3030,8 @@ var toPascalCase = function (str) {
|
|
|
3030
3030
|
return str.toLowerCase().charAt(0).toUpperCase() + str.toLowerCase().slice(1);
|
|
3031
3031
|
};
|
|
3032
3032
|
|
|
3033
|
-
var css_248z$9 = ".CalendarBody-module_wrapper__MIfkF {\n width: 118px;\n height: 24px;\n display: flex;\n padding: 4px 0px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n flex: 1;\n border-top: 1px solid
|
|
3034
|
-
var styles$9 = {"
|
|
3033
|
+
var css_248z$9 = ".CalendarBody-module_wrapper__MIfkF {\n width: 118px;\n height: 24px;\n display: flex;\n padding: 4px 0px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n flex: 1;\n border-top: 1px solid var(--surface-surface-3-color);\n border-bottom: 1px solid var(--surface-surface-3-color);\n}\n\n.CalendarBody-module_wrapperDay__yvdIO {\n width: 118px;\n}\n\n.CalendarBody-module_wrapperMonth__RRA2P {\n width: 132px;\n}\n\n.CalendarBody-module_wrapperYear__8Nj0E {\n width: 118px;\n}\n\n.CalendarBody-module_cover__1FMOf {\n width: 368px;\n height: 128px;\n display: flex;\n align-items: center;\n padding: 8px 0;\n}\n\n.CalendarBody-module_block__-0RqE {\n height: 21px;\n display: flex;\n flex-direction: column;\n align-self: center;\n gap: 4px;\n position: relative;\n top: -58px;\n}\n\n.CalendarBody-module_end__NJW3b {\n top: 58px;\n justify-content: end;\n}\n\n.CalendarBody-module_start__yPFse {\n top: -58px;\n justify-content: start;\n}\n\n.CalendarBody-module_btn__MxJLT {\n gap: 4px;\n display: flex;\n flex-direction: column;\n padding: 0px;\n}\n\n.CalendarBody-module_currentText__G73w9 {\n display: block;\n margin: 0 auto;\n color: var(--text-primary);\n text-align: center;\n}\n\n.CalendarBody-module_text__pdeie {\n margin: 0 auto;\n height: 24px;\n color: var(--text-disabled-color);\n text-align: center;\n}\n\n.CalendarBody-module_currentMonth__yYDJb {\n display: block;\n width: 76px;\n}\n\n.CalendarBody-module_currentError__jdk4i {\n color: var(--text-error);\n}\n\n.CalendarBody-module_btnUpAndDown__2pxYA {\n padding: 0px;\n}";
|
|
3034
|
+
var styles$9 = {"wrapper":"CalendarBody-module_wrapper__MIfkF","wrapperDay":"CalendarBody-module_wrapperDay__yvdIO","wrapperMonth":"CalendarBody-module_wrapperMonth__RRA2P","wrapperYear":"CalendarBody-module_wrapperYear__8Nj0E","cover":"CalendarBody-module_cover__1FMOf","block":"CalendarBody-module_block__-0RqE","end":"CalendarBody-module_end__NJW3b","start":"CalendarBody-module_start__yPFse","btn":"CalendarBody-module_btn__MxJLT","currentText":"CalendarBody-module_currentText__G73w9","text":"CalendarBody-module_text__pdeie","currentMonth":"CalendarBody-module_currentMonth__yYDJb","currentError":"CalendarBody-module_currentError__jdk4i","btnUpAndDown":"CalendarBody-module_btnUpAndDown__2pxYA"};
|
|
3035
3035
|
styleInject(css_248z$9);
|
|
3036
3036
|
|
|
3037
3037
|
var Body = function (_a) {
|
|
@@ -3091,8 +3091,8 @@ var Body = function (_a) {
|
|
|
3091
3091
|
React.createElement(Cp.Basic.ChevronDownSmall, { fill: "#758393" })))); })));
|
|
3092
3092
|
};
|
|
3093
3093
|
|
|
3094
|
-
var css_248z$8 = ".CalendarFooter-module_tab__gZl5U {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarFooter-module_titleActiv__AuYeo {\n padding: 8px 0px;\n width: 180px;\n color:
|
|
3095
|
-
var styles$8 = {"
|
|
3094
|
+
var css_248z$8 = ".CalendarFooter-module_tab__gZl5U {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarFooter-module_titleActiv__AuYeo {\n padding: 8px 0px;\n width: 180px;\n color: var(--text-primary);\n text-align: center;\n border-bottom: 2px solid var(--icon-accent-color);\n}\n\n.CalendarFooter-module_title__ILiy5 {\n width: 180px;\n padding: 8px 0px;\n color: var(--text-disabled-color);\n text-align: center;\n border-bottom: 2px solid var(--surface-surface-3-color);\n}\n\n.CalendarFooter-module_titleError__tY9nG {\n text-align: center;\n border-bottom: 2px solid var(--text-error);\n}";
|
|
3095
|
+
var styles$8 = {"tab":"CalendarFooter-module_tab__gZl5U","titleActiv":"CalendarFooter-module_titleActiv__AuYeo","title":"CalendarFooter-module_title__ILiy5","titleError":"CalendarFooter-module_titleError__tY9nG"};
|
|
3096
3096
|
styleInject(css_248z$8);
|
|
3097
3097
|
|
|
3098
3098
|
var Footer = function (_a) {
|
|
@@ -3126,8 +3126,8 @@ var PERIOD_KEYS = {
|
|
|
3126
3126
|
to: "to",
|
|
3127
3127
|
};
|
|
3128
3128
|
|
|
3129
|
-
var css_248z$7 = ".CalendarHeader-module_tab__CblTV {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarHeader-module_titleActiv__WuPAX {\n padding: 8px 0px;\n width: 180px;\n color:
|
|
3130
|
-
var styles$7 = {"
|
|
3129
|
+
var css_248z$7 = ".CalendarHeader-module_tab__CblTV {\n width: 368px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n}\n\n.CalendarHeader-module_titleActiv__WuPAX {\n padding: 8px 0px;\n width: 180px;\n color: var(--text-primary);\n text-align: center;\n border-bottom: 2px solid var(--icon-accent-color);\n}\n\n.CalendarHeader-module_title__pepJ1 {\n width: 180px;\n padding: 8px 0px;\n color: var(--text-disabled-color);\n text-align: center;\n border-bottom: 2px solid var(--surface-surface-3-color);\n}\n\n.CalendarHeader-module_titleError__gJ7OM {\n text-align: center;\n border-bottom: 2px solid var(--text-error);\n}";
|
|
3130
|
+
var styles$7 = {"tab":"CalendarHeader-module_tab__CblTV","titleActiv":"CalendarHeader-module_titleActiv__WuPAX","title":"CalendarHeader-module_title__pepJ1","titleError":"CalendarHeader-module_titleError__gJ7OM"};
|
|
3131
3131
|
styleInject(css_248z$7);
|
|
3132
3132
|
|
|
3133
3133
|
var Header = function (_a) {
|
|
@@ -3210,8 +3210,8 @@ var isValidateDate = function (date) {
|
|
|
3210
3210
|
return dateObj <= currentDate;
|
|
3211
3211
|
};
|
|
3212
3212
|
|
|
3213
|
-
var css_248z$6 = ".Main-module_modalBlock__qu-0- {\n display: flex;\n padding: 16px;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n}\n\n.Main-module_currentError__jyWSz {\n color:
|
|
3214
|
-
var styles$6 = {"
|
|
3213
|
+
var css_248z$6 = ".Main-module_modalBlock__qu-0- {\n display: flex;\n padding: 16px;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n}\n\n.Main-module_currentError__jyWSz {\n color: var(--text-error);\n}\n\n.Main-module_textError__BgkxP {\n padding: 0 0 8px 0;\n}\n\n.Main-module_save__i4Vh0 {\n align-self: stretch;\n}";
|
|
3214
|
+
var styles$6 = {"modalBlock":"Main-module_modalBlock__qu-0-","currentError":"Main-module_currentError__jyWSz","textError":"Main-module_textError__BgkxP","save":"Main-module_save__i4Vh0"};
|
|
3215
3215
|
styleInject(css_248z$6);
|
|
3216
3216
|
|
|
3217
3217
|
var Main = function (_a) {
|
|
@@ -3354,8 +3354,8 @@ var Calendar = {
|
|
|
3354
3354
|
Header: Header,
|
|
3355
3355
|
};
|
|
3356
3356
|
|
|
3357
|
-
var css_248z$5 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n
|
|
3358
|
-
var styles$5 = {"
|
|
3357
|
+
var css_248z$5 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.InputField-module_inputContainer__J1gSu {\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__63H-X {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n.InputField-module_inputContainerLabeled__63H-X label {\n color: var(--text-secondary);\n}\n\n.InputField-module_input__y6Hs- {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n.InputField-module_input__y6Hs-:active, .InputField-module_input__y6Hs-:focus {\n outline: none;\n}\n.InputField-module_input__y6Hs-::placeholder {\n color: var(--text-disabled-color);\n}\n.InputField-module_input__y6Hs-::-webkit-inner-spin-button, .InputField-module_input__y6Hs-::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.InputField-module_clearIcon__WFQKa {\n cursor: pointer;\n}\n\n.InputField-module_input--onfocus__F5PRb {\n background-color: var(--surface-surface-3-color);\n}\n.InputField-module_input--onfocus__F5PRb .InputField-module_input__y6Hs- {\n background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input-text__Cg-9A {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}";
|
|
3358
|
+
var styles$5 = {"inputContainer":"InputField-module_inputContainer__J1gSu","inputContainerLabeled":"InputField-module_inputContainerLabeled__63H-X","input":"InputField-module_input__y6Hs-","clearIcon":"InputField-module_clearIcon__WFQKa","input--onfocus":"InputField-module_input--onfocus__F5PRb","input-text":"InputField-module_input-text__Cg-9A"};
|
|
3359
3359
|
styleInject(css_248z$5);
|
|
3360
3360
|
|
|
3361
3361
|
var ClearIcon = function (_a) {
|
|
@@ -3396,8 +3396,8 @@ var InputField = react.exports.forwardRef(function (_a, ref) {
|
|
|
3396
3396
|
isClearable && value && (React.createElement(ClearIcon, { fill: "red", pathFill: "#758393", className: styles$5.clearIcon, onClick: handleClear }))));
|
|
3397
3397
|
});
|
|
3398
3398
|
|
|
3399
|
-
var css_248z$4 = "
|
|
3400
|
-
var styles$4 = {"
|
|
3399
|
+
var css_248z$4 = ".Modal-module_overlay__-TJEC {\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__Jezam {\n background: var(--page-color-background-white);\n border-radius: 16px;\n height: fit-content;\n animation: Modal-module_flyDawn__k-iRY 1s;\n}\n\n.Modal-module_largeVariant__fqcnb {\n width: 1052px;\n}\n\n.Modal-module_smallVariant__FM0Mg {\n width: 400px;\n}\n\n.Modal-module_contentHeader__0Tq4L {\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__vOhPA {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDawn__k-iRY {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY();\n opacity: 1;\n }\n}";
|
|
3400
|
+
var styles$4 = {"overlay":"Modal-module_overlay__-TJEC","contentWrap":"Modal-module_contentWrap__Jezam","flyDawn":"Modal-module_flyDawn__k-iRY","largeVariant":"Modal-module_largeVariant__fqcnb","smallVariant":"Modal-module_smallVariant__FM0Mg","contentHeader":"Modal-module_contentHeader__0Tq4L","title":"Modal-module_title__vOhPA"};
|
|
3401
3401
|
styleInject(css_248z$4);
|
|
3402
3402
|
|
|
3403
3403
|
var Modal = function (_a) {
|
|
@@ -3418,8 +3418,8 @@ var Modal = function (_a) {
|
|
|
3418
3418
|
}
|
|
3419
3419
|
};
|
|
3420
3420
|
|
|
3421
|
-
var css_248z$3 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n
|
|
3422
|
-
var styles$3 = {"
|
|
3421
|
+
var css_248z$3 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.RadioGroup-module_radio__cmSnZ {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.RadioGroup-module_radio__cmSnZ input {\n display: none;\n}\n\n.RadioGroup-module_radioBtn__HSuIE {\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__HSuIE::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__HSuIE::after {\n transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .RadioGroup-module_radioBtn__HSuIE {\n border: 2px solid var(--button-primary-default);\n}\n\n.RadioGroup-module_radioBtnText__Kx9T1 {\n padding-left: 10px;\n width: fit-content;\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}";
|
|
3422
|
+
var styles$3 = {"radio":"RadioGroup-module_radio__cmSnZ","radioBtn":"RadioGroup-module_radioBtn__HSuIE","radioBtnText":"RadioGroup-module_radioBtnText__Kx9T1"};
|
|
3423
3423
|
styleInject(css_248z$3);
|
|
3424
3424
|
|
|
3425
3425
|
var CustomRadioButton = function (_a) {
|
|
@@ -3438,8 +3438,8 @@ var RadioGroup = function (_a) {
|
|
|
3438
3438
|
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 })); })));
|
|
3439
3439
|
};
|
|
3440
3440
|
|
|
3441
|
-
var css_248z$2 = "
|
|
3442
|
-
var styles$2 = {"
|
|
3441
|
+
var css_248z$2 = ".RadioToggle-module_wrap__Z7gAu {\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__T8rZ0 {\n justify-content: flex-start;\n background: var(--surface-surface-3-color);\n}\n\n.RadioToggle-module_round__Fki8X {\n width: 16px;\n height: 16px;\n background: var(--surface-surface-2);\n border-radius: 100px;\n}";
|
|
3442
|
+
var styles$2 = {"wrap":"RadioToggle-module_wrap__Z7gAu","wrapLock":"RadioToggle-module_wrapLock__T8rZ0","round":"RadioToggle-module_round__Fki8X"};
|
|
3443
3443
|
styleInject(css_248z$2);
|
|
3444
3444
|
|
|
3445
3445
|
var RadioToggle = function (_a) {
|
|
@@ -3451,8 +3451,8 @@ var RadioToggle = function (_a) {
|
|
|
3451
3451
|
React.createElement("div", { "data-testid": "RadioToggle_ROUND", className: styles$2.round }))));
|
|
3452
3452
|
};
|
|
3453
3453
|
|
|
3454
|
-
var css_248z$1 = ".SelectBoxButton-module_selectContainer__QchHG {\n display: flex;\n height: 56px;\n justify-content: space-between;\n align-items: center;\n background-color:
|
|
3455
|
-
var styles$1 = {"
|
|
3454
|
+
var css_248z$1 = ".SelectBoxButton-module_selectContainer__QchHG {\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__jHWS2 {\n display: flex;\n color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_errorLabel__-sMha {\n display: flex;\n color: var(--icon-error-color);\n}\n\n.SelectBoxButton-module_selectText__ohC7C {\n display: flex;\n color: var(--text-primary);\n}";
|
|
3455
|
+
var styles$1 = {"selectContainer":"SelectBoxButton-module_selectContainer__QchHG","label":"SelectBoxButton-module_label__jHWS2","errorLabel":"SelectBoxButton-module_errorLabel__-sMha","selectText":"SelectBoxButton-module_selectText__ohC7C"};
|
|
3456
3456
|
styleInject(css_248z$1);
|
|
3457
3457
|
|
|
3458
3458
|
var SelectBoxButton = function (_a) {
|