odaptos_design_system 1.3.0 → 1.3.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/odaptos_design_system.cjs.development.css +33 -33
- package/dist/odaptos_design_system.cjs.development.js +225 -159
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +215 -182
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -40,10 +40,12 @@ function styleInject(css, ref) {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
var css_248z = ".
|
|
43
|
+
var css_248z = ".Accordion-modules_accordion__76onN{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.5rem;box-shadow:0 4px 5px 0 rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.5rem;max-width:32rem;padding:.5rem;width:100%}.Accordion-modules_accordion__76onN:hover{background:var(--color-neutral-clear-shades-100,#fafafa)}.Accordion-modules_accordion__76onN .Accordion-modules_accordion_header__CDQqI{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Accordion-modules_accordion__76onN .Accordion-modules_accordion_header__CDQqI p{overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;white-space:nowrap;width:85%}.Accordion-modules_accordion__76onN .Accordion-modules_accordion_header__CDQqI svg{height:1rem;width:1rem}";
|
|
44
|
+
var styles = {"accordion":"Accordion-modules_accordion__76onN","accordion_header":"Accordion-modules_accordion_header__CDQqI"};
|
|
44
45
|
styleInject(css_248z);
|
|
45
46
|
|
|
46
|
-
var css_248z$1 = "@import \"../../example/index.css\";.
|
|
47
|
+
var css_248z$1 = "@import \"../../example/index.css\";.Text-modules_text__ozdxE{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.Text-modules_text_underline__XbdCw{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.Text-modules_text_line_through__DUaY1{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.Text-modules_text_required__obGmQ:after{color:red;content:\" *\"}.Text-modules_text__ozdxE.Text-modules_text_xs__CwJmb.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.Text-modules_text__ozdxE.Text-modules_text_sm__PMvPW.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_base__FeNwr.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_lg__AZg6q.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_xl__9n-wJ.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxl__coKK2.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.Text-modules_text__ozdxE.Text-modules_text_xxxl__zFTwK.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxxxl__47gjH.Text-modules_text_regular__1iah7{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.Text-modules_text__ozdxE.Text-modules_text_xs__CwJmb.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__ozdxE.Text-modules_text_sm__PMvPW.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_base__FeNwr.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_lg__AZg6q.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_xl__9n-wJ.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxl__coKK2.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.Text-modules_text__ozdxE.Text-modules_text_xxxl__zFTwK.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxxxl__47gjH.Text-modules_text_regular__1iah7.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.Text-modules_text__ozdxE.Text-modules_text_xs__CwJmb.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.Text-modules_text__ozdxE.Text-modules_text_sm__PMvPW.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_base__FeNwr.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_lg__AZg6q.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_xl__9n-wJ.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxl__coKK2.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.Text-modules_text__ozdxE.Text-modules_text_xxxl__zFTwK.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxxxl__47gjH.Text-modules_text_bold__zv90B{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.Text-modules_text__ozdxE.Text-modules_text_xs__CwJmb.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__ozdxE.Text-modules_text_sm__PMvPW.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_base__FeNwr.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_lg__AZg6q.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_xl__9n-wJ.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxl__coKK2.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.Text-modules_text__ozdxE.Text-modules_text_xxxl__zFTwK.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxxxl__47gjH.Text-modules_text_bold__zv90B.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.Text-modules_text__ozdxE.Text-modules_text_xs__CwJmb.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.Text-modules_text__ozdxE.Text-modules_text_sm__PMvPW.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_base__FeNwr.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_lg__AZg6q.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_xl__9n-wJ.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxl__coKK2.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.Text-modules_text__ozdxE.Text-modules_text_xxxl__zFTwK.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxxxl__47gjH.Text-modules_text_semi_bold__JDMdS{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.Text-modules_text__ozdxE.Text-modules_text_xs__CwJmb.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__ozdxE.Text-modules_text_sm__PMvPW.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_base__FeNwr.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_lg__AZg6q.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.Text-modules_text__ozdxE.Text-modules_text_xl__9n-wJ.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxl__coKK2.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.Text-modules_text__ozdxE.Text-modules_text_xxxl__zFTwK.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__ozdxE.Text-modules_text_xxxxl__47gjH.Text-modules_text_semi_bold__JDMdS.Text-modules_text_italic__VX9AW{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
48
|
+
var styles$1 = {"text":"Text-modules_text__ozdxE","text_underline":"Text-modules_text_underline__XbdCw","text_line_through":"Text-modules_text_line_through__DUaY1","text_required":"Text-modules_text_required__obGmQ","text_xs":"Text-modules_text_xs__CwJmb","text_regular":"Text-modules_text_regular__1iah7","text_sm":"Text-modules_text_sm__PMvPW","text_base":"Text-modules_text_base__FeNwr","text_lg":"Text-modules_text_lg__AZg6q","text_xl":"Text-modules_text_xl__9n-wJ","text_xxl":"Text-modules_text_xxl__coKK2","text_xxxl":"Text-modules_text_xxxl__zFTwK","text_xxxxl":"Text-modules_text_xxxxl__47gjH","text_italic":"Text-modules_text_italic__VX9AW","text_bold":"Text-modules_text_bold__zv90B","text_semi_bold":"Text-modules_text_semi_bold__JDMdS"};
|
|
47
49
|
styleInject(css_248z$1);
|
|
48
50
|
|
|
49
51
|
/** This text should be use to display basic text
|
|
@@ -61,23 +63,24 @@ const Text = ({
|
|
|
61
63
|
...props
|
|
62
64
|
}) => {
|
|
63
65
|
const getTextSize = () => {
|
|
64
|
-
if (size === 'xs') return
|
|
66
|
+
if (size === 'xs') return styles$1.text_xs;else if (size === 'sm') return styles$1.text_sm;else if (size === 'base') return styles$1.text_base;else if (size === 'lg') return styles$1.text_lg;else if (size === 'xl') return styles$1.text_xl;else if (size === 'xxl') return styles$1.text_xxl;else if (size === 'xxxl') return styles$1.text_xxxl;else if (size === 'xxxxl') return styles$1.text_xxxxl;else return styles$1.text_base;
|
|
65
67
|
};
|
|
66
68
|
const getTextWeight = () => {
|
|
67
|
-
if (weight === 'semi-bold') return
|
|
69
|
+
if (weight === 'semi-bold') return styles$1.text_semi_bold;else if (weight === 'bold') return styles$1.text_bold;else if (weight === 'regular') return styles$1.text_regular;else return styles$1.text_regular;
|
|
68
70
|
};
|
|
69
71
|
const getTextDecoration = () => {
|
|
70
|
-
if (textDecoration === 'underline') return
|
|
72
|
+
if (textDecoration === 'underline') return styles$1.text_underline;else if (textDecoration === 'line-through') return styles$1.text_line_through;else return '';
|
|
71
73
|
};
|
|
72
74
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
73
75
|
style: {
|
|
74
76
|
color: color
|
|
75
77
|
},
|
|
76
|
-
className: `${
|
|
78
|
+
className: `${styles$1.text} ${italic ? styles$1.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$1.text_required} ${getTextSize()}`
|
|
77
79
|
}), text);
|
|
78
80
|
};
|
|
79
81
|
|
|
80
|
-
var css_248z$2 = ".
|
|
82
|
+
var css_248z$2 = ".IconButton-modules_icon_button__nZlzu{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.IconButton-modules_icon_button_primary__Oki8i{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_primary__Oki8i:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.IconButton-modules_icon_button_primary__Oki8i:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solidvar(--color-neutral-dark-shades-800,#4b4e52)}.IconButton-modules_icon_button_primary__Oki8i:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_primary__Oki8i svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_secondary__leJSB{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__leJSB:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__leJSB:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__leJSB:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_secondary__leJSB:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_secondary__leJSB svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary__p-WsR{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__p-WsR:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.IconButton-modules_icon_button_tertiary__p-WsR:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_tertiary__p-WsR:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__p-WsR:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_tertiary__p-WsR svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary_alt__LKmSX{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary_alt__LKmSX:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.IconButton-modules_icon_button_tertiary_alt__LKmSX:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.IconButton-modules_icon_button_tertiary_alt__LKmSX:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary_alt__LKmSX:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.IconButton-modules_icon_button_tertiary_alt__LKmSX svg{stroke:#07f!important;fill:#07f!important}.IconButton-modules_icon_button_alert__1DEmV{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_alert__1DEmV:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.IconButton-modules_icon_button_alert__1DEmV:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.IconButton-modules_icon_button_alert__1DEmV:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_alert__1DEmV:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.IconButton-modules_icon_button_alert__1DEmV svg{stroke:#f54c4c!important;fill:#f54c4c!important}.IconButton-modules_icon_button_success__SzD9h{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.IconButton-modules_icon_button_success__SzD9h:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.IconButton-modules_icon_button_success__SzD9h:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.IconButton-modules_icon_button_success__SzD9h:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.IconButton-modules_icon_button_success__SzD9h svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_xxs__8xuQ6{border-radius:.25rem;padding:.25rem}.IconButton-modules_icon_button_xxs__8xuQ6 svg{height:.75rem;width:.75rem}.IconButton-modules_icon_button_xs__jMs4K{border-radius:.25rem;padding:.25rem}.IconButton-modules_icon_button_xs__jMs4K svg{height:1rem;width:1rem}.IconButton-modules_icon_button_base__00dbp{border-radius:.5rem;padding:.5rem}.IconButton-modules_icon_button_base__00dbp svg{height:1.25rem;width:1.25rem}.IconButton-modules_icon_button_lg__TNqQt{border-radius:.5rem;padding:.625rem}.IconButton-modules_icon_button_lg__TNqQt svg{height:1.5rem;width:1.5rem}";
|
|
83
|
+
var styles$2 = {"icon_button":"IconButton-modules_icon_button__nZlzu","icon_button_primary":"IconButton-modules_icon_button_primary__Oki8i","icon_button_secondary":"IconButton-modules_icon_button_secondary__leJSB","icon_button_tertiary":"IconButton-modules_icon_button_tertiary__p-WsR","icon_button_tertiary_alt":"IconButton-modules_icon_button_tertiary_alt__LKmSX","icon_button_alert":"IconButton-modules_icon_button_alert__1DEmV","icon_button_success":"IconButton-modules_icon_button_success__SzD9h","icon_button_xxs":"IconButton-modules_icon_button_xxs__8xuQ6","icon_button_xs":"IconButton-modules_icon_button_xs__jMs4K","icon_button_base":"IconButton-modules_icon_button_base__00dbp","icon_button_lg":"IconButton-modules_icon_button_lg__TNqQt"};
|
|
81
84
|
styleInject(css_248z$2);
|
|
82
85
|
|
|
83
86
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=422-2878&mode=dev */
|
|
@@ -89,14 +92,14 @@ const IconButton = ({
|
|
|
89
92
|
...props
|
|
90
93
|
}) => {
|
|
91
94
|
const getStylesByVariant = () => {
|
|
92
|
-
if (variant === 'primary') return
|
|
95
|
+
if (variant === 'primary') return styles$2.icon_button_primary;else if (variant === 'secondary') return styles$2.icon_button_secondary;else if (variant === 'tertiary') return styles$2.icon_button_tertiary;else if (variant === 'tertiary-alt') return styles$2.icon_button_tertiary_alt;else if (variant === 'alert') return styles$2.icon_button_alert;else if (variant === 'success') return styles$2.icon_button_success;else return styles$2.icon_button_primary;
|
|
93
96
|
};
|
|
94
97
|
const getStylesBySize = () => {
|
|
95
|
-
if (size === 'xxs') return
|
|
96
|
-
if (size === 'xs') return
|
|
98
|
+
if (size === 'xxs') return styles$2.icon_button_xxs;
|
|
99
|
+
if (size === 'xs') return styles$2.icon_button_xs;else if (size === 'base') return styles$2.icon_button_base;else if (size === 'lg') return styles$2.icon_button_lg;else return styles$2.icon_button_base;
|
|
97
100
|
};
|
|
98
101
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
99
|
-
className: `${
|
|
102
|
+
className: `${styles$2.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`
|
|
100
103
|
}, props), icon ?? /*#__PURE__*/React.createElement(MinusCircledIcon, null));
|
|
101
104
|
};
|
|
102
105
|
|
|
@@ -4005,9 +4008,9 @@ const Accordion = ({
|
|
|
4005
4008
|
}) => {
|
|
4006
4009
|
const [isAccordionOpen, setIsAccordionOpen] = useState(false);
|
|
4007
4010
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
4008
|
-
className: `${
|
|
4011
|
+
className: `${styles.accordion} ${className ?? ''}`
|
|
4009
4012
|
}), /*#__PURE__*/React.createElement("div", {
|
|
4010
|
-
className:
|
|
4013
|
+
className: styles.accordion_header,
|
|
4011
4014
|
onClick: () => setIsAccordionOpen(prev => !prev)
|
|
4012
4015
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
4013
4016
|
size: "base",
|
|
@@ -4024,7 +4027,8 @@ const Accordion = ({
|
|
|
4024
4027
|
})), isAccordionOpen && /*#__PURE__*/React.createElement("div", null, children));
|
|
4025
4028
|
};
|
|
4026
4029
|
|
|
4027
|
-
var css_248z$3 = ".
|
|
4030
|
+
var css_248z$3 = ".SingleSelect-modules_newAutocomplete__AgBoW{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__AgBoW label,.SingleSelect-modules_newAutocomplete__AgBoW span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__a6UdT{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__RuMrq.SingleSelect-modules_MuiInputBase-root__ByCLC.SingleSelect-modules_MuiInputBase-formControl__5hTna{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__9S4k5{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__2WnMK{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
4031
|
+
var styles$3 = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
|
|
4028
4032
|
styleInject(css_248z$3);
|
|
4029
4033
|
|
|
4030
4034
|
const CssTextField = /*#__PURE__*/styled(TextField)({
|
|
@@ -4143,7 +4147,7 @@ const SingleSelect = ({
|
|
|
4143
4147
|
text: `${topLabel ? topLabel : ''} ${required ? '*' : ''}`,
|
|
4144
4148
|
weight: "bold",
|
|
4145
4149
|
size: "base",
|
|
4146
|
-
className:
|
|
4150
|
+
className: styles$3.input_top_label,
|
|
4147
4151
|
required: required
|
|
4148
4152
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
4149
4153
|
id: "tags-standard",
|
|
@@ -4182,28 +4186,29 @@ const SingleSelect = ({
|
|
|
4182
4186
|
})),
|
|
4183
4187
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
4184
4188
|
fill: "black",
|
|
4185
|
-
className: `${
|
|
4189
|
+
className: `${styles$3.icon}`
|
|
4186
4190
|
}),
|
|
4187
4191
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
4188
4192
|
fill: "black",
|
|
4189
|
-
className: `${
|
|
4193
|
+
className: `${styles$3.icon}`
|
|
4190
4194
|
}),
|
|
4191
|
-
className: `${
|
|
4195
|
+
className: `${styles$3.newAutocomplete}`
|
|
4192
4196
|
}, props)), errorText && /*#__PURE__*/React.createElement(Text, {
|
|
4193
4197
|
size: "xs",
|
|
4194
4198
|
color: "#F54C4C",
|
|
4195
4199
|
italic: true,
|
|
4196
4200
|
text: errorText,
|
|
4197
|
-
className:
|
|
4201
|
+
className: styles$3.text_below
|
|
4198
4202
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
4199
4203
|
size: "xs",
|
|
4200
4204
|
italic: true,
|
|
4201
4205
|
text: helperText,
|
|
4202
|
-
className:
|
|
4206
|
+
className: styles$3.text_below
|
|
4203
4207
|
}));
|
|
4204
4208
|
};
|
|
4205
4209
|
|
|
4206
|
-
var css_248z$4 = "@import \"../../example/index.css\";.
|
|
4210
|
+
var css_248z$4 = "@import \"../../example/index.css\";.TextForButton-modules_button_text__ti6YE{font-family:var(--sdFontFamilyPoppins);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);margin:unset;padding:.125rem 0;text-align:left}.TextForButton-modules_button_text_bold__L1fLC{font-weight:var(--sdFontWeightSemibold)}.TextForButton-modules_button_text_sm__NXijI{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForButton-modules_button_text_base__5ToZ9{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForButton-modules_button_text_lg__s-LLo{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight150)}";
|
|
4211
|
+
var styles$4 = {"button_text":"TextForButton-modules_button_text__ti6YE","button_text_bold":"TextForButton-modules_button_text_bold__L1fLC","button_text_sm":"TextForButton-modules_button_text_sm__NXijI","button_text_base":"TextForButton-modules_button_text_base__5ToZ9","button_text_lg":"TextForButton-modules_button_text_lg__s-LLo"};
|
|
4207
4212
|
styleInject(css_248z$4);
|
|
4208
4213
|
|
|
4209
4214
|
/** This button should only be used in the Button component
|
|
@@ -4218,18 +4223,18 @@ const TextForButton = ({
|
|
|
4218
4223
|
...props
|
|
4219
4224
|
}) => {
|
|
4220
4225
|
const getTextSize = () => {
|
|
4221
|
-
if (size === 'sm') return
|
|
4226
|
+
if (size === 'sm') return styles$4.button_text_sm;else if (size === 'base') return styles$4.button_text_base;else if (size === 'lg') return styles$4.button_text_lg;else return styles$4.button_text_base;
|
|
4222
4227
|
};
|
|
4223
4228
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
4224
4229
|
style: {
|
|
4225
4230
|
color: color
|
|
4226
4231
|
},
|
|
4227
|
-
className: `${
|
|
4232
|
+
className: `${styles$4.button_text} ${bold ? styles$4.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
|
|
4228
4233
|
}), text);
|
|
4229
4234
|
};
|
|
4230
4235
|
|
|
4231
4236
|
var css_248z$5 = ".Checkbox-module_checkboxContainer__1EvhC{align-items:center;display:flex}";
|
|
4232
|
-
var styles = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
|
|
4237
|
+
var styles$5 = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
|
|
4233
4238
|
styleInject(css_248z$5);
|
|
4234
4239
|
|
|
4235
4240
|
const BpIcon = /*#__PURE__*/styled('span')(() => ({
|
|
@@ -4306,7 +4311,7 @@ const Checkbox = ({
|
|
|
4306
4311
|
className
|
|
4307
4312
|
}) => {
|
|
4308
4313
|
return /*#__PURE__*/React.createElement("div", {
|
|
4309
|
-
className: `${styles.checkboxContainer} ${className}`,
|
|
4314
|
+
className: `${styles$5.checkboxContainer} ${className}`,
|
|
4310
4315
|
style: {
|
|
4311
4316
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
4312
4317
|
}
|
|
@@ -4326,7 +4331,8 @@ const Checkbox = ({
|
|
|
4326
4331
|
}));
|
|
4327
4332
|
};
|
|
4328
4333
|
|
|
4329
|
-
var css_248z$6 = ".
|
|
4334
|
+
var css_248z$6 = ".MultiSelect-modules_newAutocomplete__dsOV3{min-width:16rem;width:100%}.MultiSelect-modules_newAutocomplete__dsOV3 label,.MultiSelect-modules_newAutocomplete__dsOV3 span{font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.MultiSelect-modules_newAutocomplete__dsOV3 .MultiSelect-modules_MuiAutocomplete-endAdornment__FAnRY{display:flex;gap:.5rem}.MultiSelect-modules_newAutocomplete__dsOV3 .MultiSelect-modules_MuiAutocomplete-endAdornment__FAnRY svg{height:1rem;width:1rem}.MultiSelect-modules_newAutocomplete__dsOV3 .MultiSelect-modules_tags_container__zBxat{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:80%;overflow:scroll;padding:0 .25rem}.MultiSelect-modules_newAutocomplete__dsOV3 .MultiSelect-modules_tags_container__zBxat span{font-size:.75rem}.MultiSelect-modules_newAutocomplete__dsOV3 .MultiSelect-modules_tags_container__zBxat p{text-overflow:ellipsis;white-space:nowrap}.MultiSelect-modules_MuiOutlinedInput-root__23gRS.MultiSelect-modules_MuiInputBase-root__Ha7z-.MultiSelect-modules_MuiInputBase-formControl__IJ5Za{align-items:center;display:flex;flex-direction:row}.MultiSelect-modules_no_scrollbar__y-0D5{-ms-overflow-style:none;scrollbar-width:none}.MultiSelect-modules_no_scrollbar__y-0D5::-webkit-scrollbar{display:none}.MultiSelect-modules_input_top_label__AHEc-{margin-bottom:.625rem}.MultiSelect-modules_text_below__F3i4T{margin:.25rem .5rem .25rem .75rem}.MultiSelect-modules_icon__UxL7a{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
4335
|
+
var styles$6 = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__dsOV3","MuiAutocomplete-endAdornment":"MultiSelect-modules_MuiAutocomplete-endAdornment__FAnRY","tags_container":"MultiSelect-modules_tags_container__zBxat","MuiOutlinedInput-root":"MultiSelect-modules_MuiOutlinedInput-root__23gRS","MuiInputBase-root":"MultiSelect-modules_MuiInputBase-root__Ha7z-","MuiInputBase-formControl":"MultiSelect-modules_MuiInputBase-formControl__IJ5Za","no_scrollbar":"MultiSelect-modules_no_scrollbar__y-0D5","input_top_label":"MultiSelect-modules_input_top_label__AHEc-","text_below":"MultiSelect-modules_text_below__F3i4T","icon":"MultiSelect-modules_icon__UxL7a"};
|
|
4330
4336
|
styleInject(css_248z$6);
|
|
4331
4337
|
|
|
4332
4338
|
const CssTextField$1 = /*#__PURE__*/styled(TextField$1)({
|
|
@@ -4452,7 +4458,7 @@ const MultiSelect = ({
|
|
|
4452
4458
|
text: `${topLabel ? topLabel : ''} ${required ? '*' : ''}`,
|
|
4453
4459
|
weight: "bold",
|
|
4454
4460
|
size: "base",
|
|
4455
|
-
className:
|
|
4461
|
+
className: styles$6.input_top_label,
|
|
4456
4462
|
required: required
|
|
4457
4463
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
4458
4464
|
id: "tags-standard",
|
|
@@ -4495,7 +4501,7 @@ const MultiSelect = ({
|
|
|
4495
4501
|
})),
|
|
4496
4502
|
renderTags: value => {
|
|
4497
4503
|
return /*#__PURE__*/React.createElement("div", {
|
|
4498
|
-
className: `${
|
|
4504
|
+
className: `${styles$6.tags_container} ${styles$6.no_scrollbar}`
|
|
4499
4505
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Chip, {
|
|
4500
4506
|
label: option.label,
|
|
4501
4507
|
size: "small",
|
|
@@ -4520,28 +4526,29 @@ const MultiSelect = ({
|
|
|
4520
4526
|
},
|
|
4521
4527
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
4522
4528
|
fill: "black",
|
|
4523
|
-
className: `${
|
|
4529
|
+
className: `${styles$6.icon}`
|
|
4524
4530
|
}),
|
|
4525
4531
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
4526
4532
|
fill: "black",
|
|
4527
|
-
className: `${
|
|
4533
|
+
className: `${styles$6.icon}`
|
|
4528
4534
|
}),
|
|
4529
|
-
className: `${
|
|
4535
|
+
className: `${styles$6.newAutocomplete}`
|
|
4530
4536
|
}, props)), errorText && /*#__PURE__*/React.createElement(Text, {
|
|
4531
4537
|
size: "xs",
|
|
4532
4538
|
color: "#F54C4C",
|
|
4533
4539
|
italic: true,
|
|
4534
4540
|
text: errorText,
|
|
4535
|
-
className:
|
|
4541
|
+
className: styles$6.text_below
|
|
4536
4542
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
4537
4543
|
size: "xs",
|
|
4538
4544
|
italic: true,
|
|
4539
4545
|
text: helperText,
|
|
4540
|
-
className:
|
|
4546
|
+
className: styles$6.text_below
|
|
4541
4547
|
}));
|
|
4542
4548
|
};
|
|
4543
4549
|
|
|
4544
|
-
var css_248z$7 = ".
|
|
4550
|
+
var css_248z$7 = ".Badge-modules_badge__rcW9l{align-items:center;border-radius:62.4375rem;display:flex;gap:.5rem;justify-content:center;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Badge-modules_badge_idle__h2sgJ{background:var(--color-neutral-dark-shades-600,#717376)}.Badge-modules_badge_idle__h2sgJ svg{stroke:#fff!important;fill:#fff!important}.Badge-modules_badge_info__pmG6r{background:var(--color-primary-100,#e5f1ff)}.Badge-modules_badge_info__pmG6r svg{stroke:#004799!important;fill:#004799!important}.Badge-modules_badge_success__B3T1K{background:var(--color-extended-green-100,#e8f5ea)}.Badge-modules_badge_success__B3T1K svg{stroke:#3c743d!important;fill:#3c743d!important}.Badge-modules_badge_warning__Fv2f6{background:var(--color-extended-yellow-100,#fff3d6)}.Badge-modules_badge_warning__Fv2f6 svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Badge-modules_badge_critical__0-YAa{background:var(--color-extended-red-100,#fddbdb)}.Badge-modules_badge_critical__0-YAa svg{stroke:#98312e!important;fill:#98312e!important}.Badge-modules_badge_sm__j8EcD{align-items:center;gap:.25rem;height:1.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_sm__j8EcD svg{height:.75rem;width:.75rem}.Badge-modules_badge_lg__R8zxz{align-items:center;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_lg__R8zxz svg{height:1rem;width:1rem}.Badge-modules_badge_base__kFbf-{align-items:center;gap:.5rem;height:1.75rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_base__kFbf- svg{height:1rem;width:1rem}";
|
|
4551
|
+
var styles$7 = {"badge":"Badge-modules_badge__rcW9l","badge_idle":"Badge-modules_badge_idle__h2sgJ","badge_info":"Badge-modules_badge_info__pmG6r","badge_success":"Badge-modules_badge_success__B3T1K","badge_warning":"Badge-modules_badge_warning__Fv2f6","badge_critical":"Badge-modules_badge_critical__0-YAa","badge_sm":"Badge-modules_badge_sm__j8EcD","badge_lg":"Badge-modules_badge_lg__R8zxz","badge_base":"Badge-modules_badge_base__kFbf-"};
|
|
4545
4552
|
styleInject(css_248z$7);
|
|
4546
4553
|
|
|
4547
4554
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev */
|
|
@@ -4563,13 +4570,13 @@ const Badge = ({
|
|
|
4563
4570
|
if (size === 'lg') return 'base';else if (size === 'sm') return 'xs';else if (size === 'base') return 'sm';else return size;
|
|
4564
4571
|
};
|
|
4565
4572
|
const getStyleByStatus = () => {
|
|
4566
|
-
if (status === 'idle') return
|
|
4573
|
+
if (status === 'idle') return styles$7.badge_idle;else if (status === 'info') return styles$7.badge_info;else if (status === 'success') return styles$7.badge_success;else if (status === 'warning') return styles$7.badge_warning;else if (status === 'critical') return styles$7.badge_critical;else return styles$7.badge;
|
|
4567
4574
|
};
|
|
4568
4575
|
const getSizeByStatus = () => {
|
|
4569
|
-
if (size === 'sm') return
|
|
4576
|
+
if (size === 'sm') return styles$7.badge_sm;else if (size === 'lg') return styles$7.badge_lg;else if (size === 'base') return styles$7.badge_base;else return styles$7.badge_base;
|
|
4570
4577
|
};
|
|
4571
4578
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
4572
|
-
className: `${
|
|
4579
|
+
className: `${styles$7.badge} ${getStyleByStatus()} ${getSizeByStatus()} ${className ?? ''}`
|
|
4573
4580
|
}), iconLeft && iconLeft, /*#__PURE__*/React.createElement(Text, {
|
|
4574
4581
|
size: getTextSize(),
|
|
4575
4582
|
text: text,
|
|
@@ -4577,7 +4584,8 @@ const Badge = ({
|
|
|
4577
4584
|
}), iconRight && iconRight);
|
|
4578
4585
|
};
|
|
4579
4586
|
|
|
4580
|
-
var css_248z$8 = ".
|
|
4587
|
+
var css_248z$8 = ".Button-modules_button__sRnp1{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__H-HCf{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__H-HCf:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__H-HCf:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__H-HCf:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__H-HCf p{color:#fff!important}.Button-modules_button_primary__H-HCf svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__qlR87:active{border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_secondary__qlR87{background:transparent;border:1px solid transparent}.Button-modules_button_secondary__qlR87:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_secondary__qlR87:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_secondary__qlR87:disabled p{color:#96989a!important}.Button-modules_button_secondary__qlR87:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__qlR87 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__qlR87 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_tertiary__aBxX8:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_tertiary__aBxX8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__aBxX8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__aBxX8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary_alt__Ve3aw{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__Ve3aw:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__Ve3aw:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw p{color:#07f!important}.Button-modules_button_tertiary_alt__Ve3aw svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__yt9Yr{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__yt9Yr:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__yt9Yr:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__yt9Yr:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__yt9Yr p{color:#f54c4c!important}.Button-modules_button_alert__yt9Yr svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__vQC8w{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__vQC8w:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__vQC8w:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__vQC8w:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__vQC8w p{color:#fff!important}.Button-modules_button_success__vQC8w svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__uB5fx{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__uB5fx svg{height:.75rem;width:.75rem}.Button-modules_button_base__SytaD{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__SytaD svg{height:1rem;width:1rem}.Button-modules_button_lg__n22vb{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__n22vb svg{height:1.25rem;width:1.25rem}";
|
|
4588
|
+
var styles$8 = {"button":"Button-modules_button__sRnp1","button_primary":"Button-modules_button_primary__H-HCf","button_secondary":"Button-modules_button_secondary__qlR87","button_tertiary":"Button-modules_button_tertiary__aBxX8","button_tertiary_alt":"Button-modules_button_tertiary_alt__Ve3aw","button_alert":"Button-modules_button_alert__yt9Yr","button_success":"Button-modules_button_success__vQC8w","button_sm":"Button-modules_button_sm__uB5fx","button_base":"Button-modules_button_base__SytaD","button_lg":"Button-modules_button_lg__n22vb"};
|
|
4581
4589
|
styleInject(css_248z$8);
|
|
4582
4590
|
|
|
4583
4591
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -4591,20 +4599,21 @@ const Button = ({
|
|
|
4591
4599
|
...props
|
|
4592
4600
|
}) => {
|
|
4593
4601
|
const getStylesByVariant = () => {
|
|
4594
|
-
if (variant === 'primary') return
|
|
4602
|
+
if (variant === 'primary') return styles$8.button_primary;else if (variant === 'secondary') return styles$8.button_secondary;else if (variant === 'tertiary') return styles$8.button_tertiary;else if (variant === 'tertiary-alt') return styles$8.button_tertiary_alt;else if (variant === 'alert') return styles$8.button_alert;else if (variant === 'success') return styles$8.button_success;else return styles$8.button_primary;
|
|
4595
4603
|
};
|
|
4596
4604
|
const getStylesBySize = () => {
|
|
4597
|
-
if (size === 'sm') return
|
|
4605
|
+
if (size === 'sm') return styles$8.button_sm;else if (size === 'base') return styles$8.button_base;else if (size === 'lg') return styles$8.button_lg;else return styles$8.button_base;
|
|
4598
4606
|
};
|
|
4599
4607
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
4600
|
-
className: `${
|
|
4608
|
+
className: `${styles$8.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`
|
|
4601
4609
|
}, props), iconLeft && iconLeft, /*#__PURE__*/React.createElement(TextForButton, {
|
|
4602
4610
|
text: text,
|
|
4603
4611
|
size: size
|
|
4604
4612
|
}), iconRight && iconRight);
|
|
4605
4613
|
};
|
|
4606
4614
|
|
|
4607
|
-
var css_248z$9 = ".
|
|
4615
|
+
var css_248z$9 = ".Tag-modules_tag__H7-4Y{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_idle__Fq6m8{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__Fq6m8 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__aMPRZ{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__aMPRZ svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_success__2LvMD{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__2LvMD svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__AIt1v{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__AIt1v svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__LQoYS{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__LQoYS svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__6woOo svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__NFJol svg{height:1rem;width:1rem}";
|
|
4616
|
+
var styles$9 = {"tag":"Tag-modules_tag__H7-4Y","tag_idle":"Tag-modules_tag_idle__Fq6m8","tag_info":"Tag-modules_tag_info__aMPRZ","tag_success":"Tag-modules_tag_success__2LvMD","tag_warning":"Tag-modules_tag_warning__AIt1v","tag_critical":"Tag-modules_tag_critical__LQoYS","tag_sm":"Tag-modules_tag_sm__6woOo","tag_base":"Tag-modules_tag_base__NFJol"};
|
|
4608
4617
|
styleInject(css_248z$9);
|
|
4609
4618
|
|
|
4610
4619
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -4624,16 +4633,16 @@ const Tag = ({
|
|
|
4624
4633
|
};
|
|
4625
4634
|
const getTagStatus = () => {
|
|
4626
4635
|
if (status === 'idle') {
|
|
4627
|
-
return
|
|
4628
|
-
} else if (status === 'success') return
|
|
4636
|
+
return styles$9.tag_idle;
|
|
4637
|
+
} else if (status === 'success') return styles$9.tag_success;else if (status === 'info') return styles$9.tag_info;else if (status === 'warning') return styles$9.tag_warning;else if (status === 'critical') return styles$9.tag_critical;else return styles$9.tag_idle;
|
|
4629
4638
|
};
|
|
4630
4639
|
const getTagSize = () => {
|
|
4631
4640
|
if (size === 'sm') {
|
|
4632
|
-
return
|
|
4633
|
-
} else if (size === 'base') return
|
|
4641
|
+
return styles$9.tag_sm;
|
|
4642
|
+
} else if (size === 'base') return styles$9.tag_base;else return styles$9.tag_base;
|
|
4634
4643
|
};
|
|
4635
4644
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
4636
|
-
className: `${
|
|
4645
|
+
className: `${styles$9.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''}`
|
|
4637
4646
|
}), iconLeft && iconLeft, /*#__PURE__*/React.createElement(Text, {
|
|
4638
4647
|
size: size,
|
|
4639
4648
|
text: text,
|
|
@@ -4641,7 +4650,8 @@ const Tag = ({
|
|
|
4641
4650
|
}), iconRight && iconRight);
|
|
4642
4651
|
};
|
|
4643
4652
|
|
|
4644
|
-
var css_248z$a = ".
|
|
4653
|
+
var css_248z$a = ".LateralMenu-modules_lateral_menu__EXD-W{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);box-shadow:0 6px 10px 4px rgba(0,0,0,.08),0 2px 3px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;gap:14rem;height:100vh;justify-content:center;min-width:10rem;padding:1.5rem;position:relative}.LateralMenu-modules_lateral_menu__EXD-W .LateralMenu-modules_lateral_menu_logo__W-aWG{height:2rem;left:1.5rem;position:absolute;top:1.5rem;width:8.64519rem}";
|
|
4654
|
+
var styles$a = {"lateral_menu":"LateralMenu-modules_lateral_menu__EXD-W","lateral_menu_logo":"LateralMenu-modules_lateral_menu_logo__W-aWG"};
|
|
4645
4655
|
styleInject(css_248z$a);
|
|
4646
4656
|
|
|
4647
4657
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev */
|
|
@@ -4654,14 +4664,15 @@ const LateralMenu = ({
|
|
|
4654
4664
|
return /*#__PURE__*/React.createElement(Grid, Object.assign({
|
|
4655
4665
|
item: true
|
|
4656
4666
|
}, props, {
|
|
4657
|
-
className: `${
|
|
4667
|
+
className: `${styles$a.lateral_menu}`,
|
|
4658
4668
|
xs: 2
|
|
4659
4669
|
}), isLogoDisplay && /*#__PURE__*/React.createElement(LogoNormal, {
|
|
4660
|
-
className:
|
|
4670
|
+
className: styles$a.lateral_menu_logo
|
|
4661
4671
|
}), content);
|
|
4662
4672
|
};
|
|
4663
4673
|
|
|
4664
|
-
var css_248z$b = "@import \"../../example/index.css\";.
|
|
4674
|
+
var css_248z$b = "@import \"../../example/index.css\";.Title-modules_title__NWXT6{font-family:var(--sdFontFamilyPoppins);letter-spacing:var(--sdLetterSpacingHeadings);margin:unset;text-align:left}.Title-modules_title_italic__qZXuO{font-style:italic}.Title-modules_title_normal__utLTb{font-style:normal}.Title-modules_title_xs__X-d4H{font-size:var(--sdFontSizeXs);line-height:var(--sdLineHeight130);padding:.063rem 0}.Title-modules_title_sm__eLp2K{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.Title-modules_title_base__ydwk0{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_lg__1R6-8{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.Title-modules_title_xl__TeXu4{font-size:var(--sdFontSizeXl);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_xxl__jwlnh{font-size:var(--sdFontSize2xl);line-height:var(--sdLineHeight150);padding:.063rem 0 .188rem}.Title-modules_title_xxxl__1KOPj{font-size:var(--sdFontSize3xl);line-height:150%;padding:.188rem 0 .063rem}.Title-modules_title_xxxxl__3dlSA{font-size:var(--sdFontSize4xl);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_bold__9YLHA{font-weight:var(--sdFontWeightBold)}.Title-modules_title_semi_bold__KdD7l{font-weight:var(--sdFontWeightSemibold)}.Title-modules_title_regular__g42g-{font-weight:var(--sdFontWeightRegular)}";
|
|
4675
|
+
var styles$b = {"title":"Title-modules_title__NWXT6","title_italic":"Title-modules_title_italic__qZXuO","title_normal":"Title-modules_title_normal__utLTb","title_xs":"Title-modules_title_xs__X-d4H","title_sm":"Title-modules_title_sm__eLp2K","title_base":"Title-modules_title_base__ydwk0","title_lg":"Title-modules_title_lg__1R6-8","title_xl":"Title-modules_title_xl__TeXu4","title_xxl":"Title-modules_title_xxl__jwlnh","title_xxxl":"Title-modules_title_xxxl__1KOPj","title_xxxxl":"Title-modules_title_xxxxl__3dlSA","title_bold":"Title-modules_title_bold__9YLHA","title_semi_bold":"Title-modules_title_semi_bold__KdD7l","title_regular":"Title-modules_title_regular__g42g-"};
|
|
4665
4676
|
styleInject(css_248z$b);
|
|
4666
4677
|
|
|
4667
4678
|
/** This text should only be used to display titles
|
|
@@ -4678,10 +4689,10 @@ const Title = ({
|
|
|
4678
4689
|
...props
|
|
4679
4690
|
}) => {
|
|
4680
4691
|
const getTextSize = () => {
|
|
4681
|
-
if (size === 'xs') return
|
|
4692
|
+
if (size === 'xs') return styles$b.title_xs;else if (size === 'sm') return styles$b.title_sm;else if (size === 'base') return styles$b.title_base;else if (size === 'lg') return styles$b.title_lg;else if (size === 'xl') return styles$b.title_xl;else if (size === 'xxl') return styles$b.title_xxl;else if (size === 'xxxl') return styles$b.title_xxxl;else if (size === 'xxxxl') return styles$b.title_xxxxl;else return styles$b.title_base;
|
|
4682
4693
|
};
|
|
4683
4694
|
const getTextWeight = () => {
|
|
4684
|
-
if (weight === 'semi-bold') return
|
|
4695
|
+
if (weight === 'semi-bold') return styles$b.title_semi_bold;else if (weight === 'bold') return styles$b.title_bold;else if (weight === 'regular') return styles$b.title_regular;else return styles$b.title_regular;
|
|
4685
4696
|
};
|
|
4686
4697
|
switch (type) {
|
|
4687
4698
|
case 'h1':
|
|
@@ -4689,54 +4700,55 @@ const Title = ({
|
|
|
4689
4700
|
style: {
|
|
4690
4701
|
color: color
|
|
4691
4702
|
},
|
|
4692
|
-
className: `${
|
|
4703
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4693
4704
|
}), text);
|
|
4694
4705
|
case 'h2':
|
|
4695
4706
|
return /*#__PURE__*/React.createElement("h2", Object.assign({}, props, {
|
|
4696
4707
|
style: {
|
|
4697
4708
|
color: color
|
|
4698
4709
|
},
|
|
4699
|
-
className: `${
|
|
4710
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4700
4711
|
}), text);
|
|
4701
4712
|
case 'h3':
|
|
4702
4713
|
return /*#__PURE__*/React.createElement("h3", Object.assign({}, props, {
|
|
4703
4714
|
style: {
|
|
4704
4715
|
color: color
|
|
4705
4716
|
},
|
|
4706
|
-
className: `${
|
|
4717
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4707
4718
|
}), text);
|
|
4708
4719
|
case 'h4':
|
|
4709
4720
|
return /*#__PURE__*/React.createElement("h4", Object.assign({}, props, {
|
|
4710
4721
|
style: {
|
|
4711
4722
|
color: color
|
|
4712
4723
|
},
|
|
4713
|
-
className: `${
|
|
4724
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4714
4725
|
}), text);
|
|
4715
4726
|
case 'h5':
|
|
4716
4727
|
return /*#__PURE__*/React.createElement("h5", Object.assign({}, props, {
|
|
4717
4728
|
style: {
|
|
4718
4729
|
color: color
|
|
4719
4730
|
},
|
|
4720
|
-
className: `${
|
|
4731
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4721
4732
|
}), text);
|
|
4722
4733
|
case 'h6':
|
|
4723
4734
|
return /*#__PURE__*/React.createElement("h6", Object.assign({}, props, {
|
|
4724
4735
|
style: {
|
|
4725
4736
|
color: color
|
|
4726
4737
|
},
|
|
4727
|
-
className: `${
|
|
4738
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4728
4739
|
}), text);
|
|
4729
4740
|
default:
|
|
4730
4741
|
return /*#__PURE__*/React.createElement("h2", Object.assign({}, props, {
|
|
4731
4742
|
style: {
|
|
4732
4743
|
color: color
|
|
4733
4744
|
},
|
|
4734
|
-
className: `${
|
|
4745
|
+
className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
|
|
4735
4746
|
}), text);
|
|
4736
4747
|
}
|
|
4737
4748
|
};
|
|
4738
4749
|
|
|
4739
|
-
var css_248z$c = ".
|
|
4750
|
+
var css_248z$c = ".Modal-modules_modal__M6coU{position:absolute}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;padding:1rem;width:65rem;z-index:1301}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.Modal-modules_modal_overlay__sU-UF{position:absolute}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;padding:1rem;width:21rem;z-index:1301}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}";
|
|
4751
|
+
var styles$c = {"modal":"Modal-modules_modal__M6coU","modal_content":"Modal-modules_modal_content__kI5NN","modal_header":"Modal-modules_modal_header__bLwe9","modal_buttons_container":"Modal-modules_modal_buttons_container__VIykY","modal_overlay":"Modal-modules_modal_overlay__sU-UF"};
|
|
4740
4752
|
styleInject(css_248z$c);
|
|
4741
4753
|
|
|
4742
4754
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
@@ -4772,16 +4784,16 @@ const Modal = ({
|
|
|
4772
4784
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
4773
4785
|
"aria-labelledby": "transition-modal-title",
|
|
4774
4786
|
"aria-describedby": "transition-modal-description",
|
|
4775
|
-
className: `${
|
|
4787
|
+
className: `${styles$c.modal_overlay} ${className ?? ''}`,
|
|
4776
4788
|
open: open,
|
|
4777
4789
|
onClose: onClose,
|
|
4778
4790
|
closeAfterTransition: true
|
|
4779
4791
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
4780
4792
|
in: open
|
|
4781
4793
|
}, /*#__PURE__*/React.createElement("div", {
|
|
4782
|
-
className:
|
|
4794
|
+
className: styles$c.modal_content
|
|
4783
4795
|
}, /*#__PURE__*/React.createElement("div", {
|
|
4784
|
-
className: `${
|
|
4796
|
+
className: `${styles$c.modal_header}`
|
|
4785
4797
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
4786
4798
|
text: title,
|
|
4787
4799
|
weight: "bold",
|
|
@@ -4793,7 +4805,7 @@ const Modal = ({
|
|
|
4793
4805
|
}),
|
|
4794
4806
|
onClick: () => onClose()
|
|
4795
4807
|
})), children, /*#__PURE__*/React.createElement("div", {
|
|
4796
|
-
className:
|
|
4808
|
+
className: styles$c.modal_buttons_container
|
|
4797
4809
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
4798
4810
|
text: cancelText,
|
|
4799
4811
|
variant: "tertiary",
|
|
@@ -4806,16 +4818,16 @@ const Modal = ({
|
|
|
4806
4818
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
4807
4819
|
"aria-labelledby": "transition-modal-title",
|
|
4808
4820
|
"aria-describedby": "transition-modal-description",
|
|
4809
|
-
className: `${
|
|
4821
|
+
className: `${styles$c.modal} ${className}`,
|
|
4810
4822
|
open: open,
|
|
4811
4823
|
onClose: onClose,
|
|
4812
4824
|
closeAfterTransition: true
|
|
4813
4825
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
4814
4826
|
in: open
|
|
4815
4827
|
}, /*#__PURE__*/React.createElement("div", {
|
|
4816
|
-
className:
|
|
4828
|
+
className: styles$c.modal_content
|
|
4817
4829
|
}, /*#__PURE__*/React.createElement("div", {
|
|
4818
|
-
className: `${
|
|
4830
|
+
className: `${styles$c.modal_header}`
|
|
4819
4831
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
4820
4832
|
text: title,
|
|
4821
4833
|
weight: "semi-bold",
|
|
@@ -4827,7 +4839,7 @@ const Modal = ({
|
|
|
4827
4839
|
}),
|
|
4828
4840
|
onClick: () => onClose()
|
|
4829
4841
|
})), children, /*#__PURE__*/React.createElement("div", {
|
|
4830
|
-
className:
|
|
4842
|
+
className: styles$c.modal_buttons_container
|
|
4831
4843
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
4832
4844
|
text: cancelText,
|
|
4833
4845
|
variant: "tertiary",
|
|
@@ -4839,7 +4851,8 @@ const Modal = ({
|
|
|
4839
4851
|
}
|
|
4840
4852
|
};
|
|
4841
4853
|
|
|
4842
|
-
var css_248z$d = "@import \"../../example/index.css\";.text_with_link{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.text_with_link a{color:var(--color-primary-500,#07f);margin-left:.5rem}.text_with_link_underline{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.text_with_link_line_through{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.text_with_link_required:after{color:red;content:\" *\"}.text_with_link.text_with_link_xs.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.tetext_with_linkxt.text_with_link_sm.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text-regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
4854
|
+
var css_248z$d = "@import \"../../example/index.css\";.TextWithLink-modules_text_with_link__k8Sec{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextWithLink-modules_text_with_link__k8Sec a{color:var(--color-primary-500,#07f);margin-left:.5rem}.TextWithLink-modules_text_with_link_underline__NEM4B{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__bAyFf{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__K7Wwc:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_tetext_with_linkxt__3mLSu.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text-regular__Pz5Jn.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
4855
|
+
var styles$d = {"text_with_link":"TextWithLink-modules_text_with_link__k8Sec","text_with_link_underline":"TextWithLink-modules_text_with_link_underline__NEM4B","text_with_link_line_through":"TextWithLink-modules_text_with_link_line_through__bAyFf","text_with_link_required":"TextWithLink-modules_text_with_link_required__K7Wwc","text_with_link_xs":"TextWithLink-modules_text_with_link_xs__krmns","text_with_link_regular":"TextWithLink-modules_text_with_link_regular__AI0iP","tetext_with_linkxt":"TextWithLink-modules_tetext_with_linkxt__3mLSu","text_with_link_sm":"TextWithLink-modules_text_with_link_sm__LpFOe","text_with_link_base":"TextWithLink-modules_text_with_link_base__--0Z-","text_with_link_lg":"TextWithLink-modules_text_with_link_lg__y4Eya","text_with_link_xl":"TextWithLink-modules_text_with_link_xl__87H1p","text_with_link_xxl":"TextWithLink-modules_text_with_link_xxl__8LJ-D","text_with_link_xxxl":"TextWithLink-modules_text_with_link_xxxl__Cptsx","text_with_link_xxxxl":"TextWithLink-modules_text_with_link_xxxxl__1odyE","text_with_link_italic":"TextWithLink-modules_text_with_link_italic__ZK6Nu","text-regular":"TextWithLink-modules_text-regular__Pz5Jn","text_with_link_bold":"TextWithLink-modules_text_with_link_bold__cdXR2","text_with_link_semi_bold":"TextWithLink-modules_text_with_link_semi_bold__1KNRW"};
|
|
4843
4856
|
styleInject(css_248z$d);
|
|
4844
4857
|
|
|
4845
4858
|
/** This text should be use to display basic text */
|
|
@@ -4856,25 +4869,26 @@ const TextWithLink = ({
|
|
|
4856
4869
|
...props
|
|
4857
4870
|
}) => {
|
|
4858
4871
|
const getTextSize = () => {
|
|
4859
|
-
if (size === 'xs') return
|
|
4872
|
+
if (size === 'xs') return styles$d.text_with_link_xs;else if (size === 'sm') return styles$d.text_with_link_sm;else if (size === 'base') return styles$d.text_with_link_base;else if (size === 'lg') return styles$d.text_with_link_lg;else if (size === 'xl') return styles$d.text_with_link_xl;else if (size === 'xxl') return styles$d.text_with_link_xxl;else if (size === 'xxxl') return styles$d.text_with_link_xxxl;else if (size === 'xxxxl') return styles$d.text_with_link_xxxxl;else return styles$d.text_with_link_base;
|
|
4860
4873
|
};
|
|
4861
4874
|
const getTextWeight = () => {
|
|
4862
|
-
if (weight === 'semi-bold') return
|
|
4875
|
+
if (weight === 'semi-bold') return styles$d.text_with_link_semi_bold;else if (weight === 'bold') return styles$d.text_with_link_bold;else if (weight === 'regular') return styles$d.text_with_link_regular;else return styles$d.text_with_link_regular;
|
|
4863
4876
|
};
|
|
4864
4877
|
const getTextDecoration = () => {
|
|
4865
|
-
if (textDecoration === 'underline') return
|
|
4878
|
+
if (textDecoration === 'underline') return styles$d.text_with_link_underline;else if (textDecoration === 'line-through') return styles$d.text_with_link_line_through;else return '';
|
|
4866
4879
|
};
|
|
4867
4880
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
4868
4881
|
style: {
|
|
4869
4882
|
color: color
|
|
4870
4883
|
},
|
|
4871
|
-
className: `${
|
|
4884
|
+
className: `${styles$d.text_with_link} ${italic && styles$d.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
|
|
4872
4885
|
}), text, /*#__PURE__*/React.createElement("a", {
|
|
4873
4886
|
href: link
|
|
4874
4887
|
}, textLink));
|
|
4875
4888
|
};
|
|
4876
4889
|
|
|
4877
|
-
var css_248z$e = ".
|
|
4890
|
+
var css_248z$e = ".Banner-modules_notification_banner__JKUGY{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;max-width:87.5rem;padding:1.5rem}.Banner-modules_notification_banner_header__L3uAa{align-items:center;display:flex;gap:.5rem}.Banner-modules_notification_banner_error__ThRKH{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Banner-modules_notification_banner_warning__cbz4c{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Banner-modules_notification_banner_info__-ByX7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Banner-modules_notification_banner_success__QCOL-{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
|
|
4891
|
+
var styles$e = {"notification_banner":"Banner-modules_notification_banner__JKUGY","notification_banner_header":"Banner-modules_notification_banner_header__L3uAa","notification_banner_error":"Banner-modules_notification_banner_error__ThRKH","notification_banner_warning":"Banner-modules_notification_banner_warning__cbz4c","notification_banner_info":"Banner-modules_notification_banner_info__-ByX7","notification_banner_success":"Banner-modules_notification_banner_success__QCOL-"};
|
|
4878
4892
|
styleInject(css_248z$e);
|
|
4879
4893
|
|
|
4880
4894
|
/**
|
|
@@ -4925,19 +4939,19 @@ const Banner = ({
|
|
|
4925
4939
|
};
|
|
4926
4940
|
const getBannerColor = () => {
|
|
4927
4941
|
if (type === 'error') {
|
|
4928
|
-
return
|
|
4942
|
+
return styles$e.notification_banner_error;
|
|
4929
4943
|
} else if (type === 'warning') {
|
|
4930
|
-
return
|
|
4944
|
+
return styles$e.notification_banner_warning;
|
|
4931
4945
|
} else if (type === 'success') {
|
|
4932
|
-
return
|
|
4946
|
+
return styles$e.notification_banner_success;
|
|
4933
4947
|
} else {
|
|
4934
|
-
return
|
|
4948
|
+
return styles$e.notification_banner_info;
|
|
4935
4949
|
}
|
|
4936
4950
|
};
|
|
4937
4951
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
4938
|
-
className: `${
|
|
4952
|
+
className: `${styles$e.notification_banner} ${getBannerColor()} ${className}`
|
|
4939
4953
|
}), /*#__PURE__*/React.createElement("div", {
|
|
4940
|
-
className:
|
|
4954
|
+
className: styles$e.notification_banner_header
|
|
4941
4955
|
}, getBannerIcon(), title && /*#__PURE__*/React.createElement(Title, {
|
|
4942
4956
|
text: title,
|
|
4943
4957
|
weight: "semi-bold",
|
|
@@ -4976,7 +4990,8 @@ const NotificationIcon = ({
|
|
|
4976
4990
|
});
|
|
4977
4991
|
};
|
|
4978
4992
|
|
|
4979
|
-
var css_248z$f = "@import \"../../example/index.css\";.
|
|
4993
|
+
var css_248z$f = "@import \"../../example/index.css\";.Link-modules_link__oh3DM{cursor:pointer;font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.Link-modules_link__oh3DM.Link-modules_link_xs__2kK3a.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularXs);padding:1px 0}.Link-modules_link__oh3DM.Link-modules_link_sm__s-QOe.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularSm);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_base__OMDy1.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularBase);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_lg__vL7vA.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularLg);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_xl__sjSW5.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularXl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxl__f1Umz.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegular2xl);padding:0}.Link-modules_link__oh3DM.Link-modules_link_xxxl__R8765.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegular3xl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxxxl__fK-xy.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegular4xl);padding:3px 0 1px}.Link-modules_link__oh3DM.Link-modules_link_xs__2kK3a.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldXs);padding:1px 0 2px}.Link-modules_link__oh3DM.Link-modules_link_sm__s-QOe.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldSm);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_base__OMDy1.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldBase);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_lg__vL7vA.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldLg);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_xl__sjSW5.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldXl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxl__f1Umz.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBold2xl);padding:0}.Link-modules_link__oh3DM.Link-modules_link_xxxl__R8765.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBold3xl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxxxl__fK-xy.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBold4xl);padding:3px 0 1px}.Link-modules_link__oh3DM.Link-modules_link_xs__2kK3a.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldXs);padding:1px 0 2px}.Link-modules_link__oh3DM.Link-modules_link_sm__s-QOe.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldSm);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_base__OMDy1.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldBase);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_lg__vL7vA.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldLg);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_xl__sjSW5.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldXl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxl__f1Umz.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBold2xl);padding:0}.Link-modules_link__oh3DM.Link-modules_link_xxxl__R8765.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBold3xl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxxxl__fK-xy.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBold4xl);padding:3px 0 1px}";
|
|
4994
|
+
var styles$f = {"link":"Link-modules_link__oh3DM","link_xs":"Link-modules_link_xs__2kK3a","link_regular":"Link-modules_link_regular__bqoCS","link_sm":"Link-modules_link_sm__s-QOe","link_base":"Link-modules_link_base__OMDy1","link_lg":"Link-modules_link_lg__vL7vA","link_xl":"Link-modules_link_xl__sjSW5","link_xxl":"Link-modules_link_xxl__f1Umz","link_xxxl":"Link-modules_link_xxxl__R8765","link_xxxxl":"Link-modules_link_xxxxl__fK-xy","link_bold":"Link-modules_link_bold__lh0OG","link_semi_bold":"Link-modules_link_semi_bold__nUvs5"};
|
|
4980
4995
|
styleInject(css_248z$f);
|
|
4981
4996
|
|
|
4982
4997
|
/** This text should be use to display basic text */
|
|
@@ -4991,10 +5006,10 @@ const Link = ({
|
|
|
4991
5006
|
...props
|
|
4992
5007
|
}) => {
|
|
4993
5008
|
const getLinkSize = () => {
|
|
4994
|
-
if (size === 'xs') return
|
|
5009
|
+
if (size === 'xs') return styles$f.link_xs;else if (size === 'sm') return styles$f.link_sm;else if (size === 'base') return styles$f.link_base;else if (size === 'lg') return styles$f.link_lg;else if (size === 'xl') return styles$f.link_xl;else if (size === 'xxl') return styles$f.link_xxl;else if (size === 'xxxl') return styles$f.link_xxxl;else if (size === 'xxxxl') return styles$f.link_xxxxl;else return styles$f.link_base;
|
|
4995
5010
|
};
|
|
4996
5011
|
const getLinkWeight = () => {
|
|
4997
|
-
if (weight === 'semi-bold') return
|
|
5012
|
+
if (weight === 'semi-bold') return styles$f.link_semi_bold;else if (weight === 'bold') return styles$f.link_bold;else if (weight === 'regular') return styles$f.link_regular;else return styles$f.link_regular;
|
|
4998
5013
|
};
|
|
4999
5014
|
if (isExternal) {
|
|
5000
5015
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -5005,7 +5020,7 @@ const Link = ({
|
|
|
5005
5020
|
style: {
|
|
5006
5021
|
color: color
|
|
5007
5022
|
},
|
|
5008
|
-
className: `${
|
|
5023
|
+
className: `${styles$f.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
5009
5024
|
}), text));
|
|
5010
5025
|
} else {
|
|
5011
5026
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -5014,12 +5029,13 @@ const Link = ({
|
|
|
5014
5029
|
style: {
|
|
5015
5030
|
color: color
|
|
5016
5031
|
},
|
|
5017
|
-
className: `${
|
|
5032
|
+
className: `${styles$f.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
5018
5033
|
}), text));
|
|
5019
5034
|
}
|
|
5020
5035
|
};
|
|
5021
5036
|
|
|
5022
|
-
var css_248z$g = ".
|
|
5037
|
+
var css_248z$g = ".Toast-modules_notification_toast__otVa9{align-items:center;animation:Toast-modules_moveleft__i4e82 .5s linear forwards;display:flex;gap:.5rem;justify-content:flex-end;padding-right:2.75rem;position:relative;transform:translateX(170%);width:27rem}.Toast-modules_notification_toast__otVa9 .Toast-modules_notification_toast_content__-TyBV{align-items:flex-end;display:flex;flex:1 0 0;flex-direction:row;gap:.625rem;padding:1rem}.Toast-modules_notification_toast__otVa9 .Toast-modules_notification_toast_content__-TyBV .Toast-modules_toast_link__L4atQ{white-space:nowrap}@keyframes Toast-modules_moveleft__i4e82{to{transform:translateX(95%)}}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn__CM7Mm{align-items:center;border:none;border-radius:0 .4375rem .4375rem 0;bottom:0;cursor:pointer;display:flex;flex-shrink:0;height:100%!important;justify-content:center;min-height:100%!important;position:absolute;right:0;top:0;width:2.75rem}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn__CM7Mm svg{fill:#fff;stroke:#fff;transform:rotate(45deg)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_error__Xbym2{background:var(--color-extended-red-500,#f54c4c);border:1px solid var(--color-extended-red-500,#f54c4c)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_warning__jbCWI{background:var(--color-extended-yellow-500,#ffb800);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_info__wYYGo{background:var(--color-primary-500,#07f);border:1px solid var(--color-primary-500,#07f)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_success__ptQCk{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Toast-modules_notification_toast_error__NAR9K{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Toast-modules_notification_toast_warning__yHNtZ{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Toast-modules_notification_toast_info__YpfW7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Toast-modules_notification_toast_success__dM5fo{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
|
|
5038
|
+
var styles$g = {"notification_toast":"Toast-modules_notification_toast__otVa9","moveleft":"Toast-modules_moveleft__i4e82","notification_toast_content":"Toast-modules_notification_toast_content__-TyBV","toast_link":"Toast-modules_toast_link__L4atQ","close_toast_btn":"Toast-modules_close_toast_btn__CM7Mm","close_toast_btn_error":"Toast-modules_close_toast_btn_error__Xbym2","close_toast_btn_warning":"Toast-modules_close_toast_btn_warning__jbCWI","close_toast_btn_info":"Toast-modules_close_toast_btn_info__wYYGo","close_toast_btn_success":"Toast-modules_close_toast_btn_success__ptQCk","notification_toast_error":"Toast-modules_notification_toast_error__NAR9K","notification_toast_warning":"Toast-modules_notification_toast_warning__yHNtZ","notification_toast_info":"Toast-modules_notification_toast_info__YpfW7","notification_toast_success":"Toast-modules_notification_toast_success__dM5fo"};
|
|
5023
5039
|
styleInject(css_248z$g);
|
|
5024
5040
|
|
|
5025
5041
|
/**
|
|
@@ -5047,30 +5063,30 @@ const Toast = ({
|
|
|
5047
5063
|
};
|
|
5048
5064
|
const getCloseBtnStyleByType = () => {
|
|
5049
5065
|
if (type === 'error') {
|
|
5050
|
-
return
|
|
5066
|
+
return styles$g.close_toast_btn_error;
|
|
5051
5067
|
} else if (type === 'warning') {
|
|
5052
|
-
return
|
|
5068
|
+
return styles$g.close_toast_btn_warning;
|
|
5053
5069
|
} else if (type === 'success') {
|
|
5054
|
-
return
|
|
5070
|
+
return styles$g.close_toast_btn_success;
|
|
5055
5071
|
} else {
|
|
5056
|
-
return
|
|
5072
|
+
return styles$g.close_toast_btn_info;
|
|
5057
5073
|
}
|
|
5058
5074
|
};
|
|
5059
5075
|
const getToastStyleByType = () => {
|
|
5060
5076
|
if (type === 'error') {
|
|
5061
|
-
return
|
|
5077
|
+
return styles$g.notification_toast_error;
|
|
5062
5078
|
} else if (type === 'warning') {
|
|
5063
|
-
return
|
|
5079
|
+
return styles$g.notification_toast_warning;
|
|
5064
5080
|
} else if (type === 'success') {
|
|
5065
|
-
return
|
|
5081
|
+
return styles$g.notification_toast_success;
|
|
5066
5082
|
} else {
|
|
5067
|
-
return
|
|
5083
|
+
return styles$g.notification_toast_info;
|
|
5068
5084
|
}
|
|
5069
5085
|
};
|
|
5070
5086
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
5071
|
-
className: `${
|
|
5087
|
+
className: `${styles$g.notification_toast} ${getToastStyleByType()} ${className}`
|
|
5072
5088
|
}), /*#__PURE__*/React.createElement("div", {
|
|
5073
|
-
className:
|
|
5089
|
+
className: styles$g.notification_toast_content
|
|
5074
5090
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
5075
5091
|
text: content,
|
|
5076
5092
|
weight: "regular",
|
|
@@ -5079,9 +5095,9 @@ const Toast = ({
|
|
|
5079
5095
|
}), link && textLink && /*#__PURE__*/React.createElement(Link, {
|
|
5080
5096
|
text: textLink,
|
|
5081
5097
|
link: link,
|
|
5082
|
-
className:
|
|
5098
|
+
className: styles$g.toast_link
|
|
5083
5099
|
})), /*#__PURE__*/React.createElement("button", {
|
|
5084
|
-
className: `${
|
|
5100
|
+
className: `${styles$g.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
5085
5101
|
onClick: () => {
|
|
5086
5102
|
}
|
|
5087
5103
|
}, /*#__PURE__*/React.createElement(AddIcon, null)));
|
|
@@ -5109,7 +5125,8 @@ const useOnClickOutside = ({
|
|
|
5109
5125
|
}, [isOpen, listener, elementRef]);
|
|
5110
5126
|
};
|
|
5111
5127
|
|
|
5112
|
-
var css_248z$h = ".
|
|
5128
|
+
var css_248z$h = ".Popover-modules_popover__VdYpG{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-350,#bcbdbe);border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;height:-moz-fit-content;height:fit-content;padding:.5rem;position:absolute;width:9.375rem;z-index:99}.Popover-modules_popover__VdYpG .Popover-modules_popover_header__-zSVj{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.Popover-modules_popover__VdYpG .Popover-modules_popover_header__-zSVj svg{fill:red;stroke:red;height:1rem;width:1rem}.Popover-modules_popover__VdYpG.Popover-modules_open__WxFDw{display:block}.Popover-modules_popover_action__M2Z4q{align-items:center;border-radius:.3125rem;cursor:pointer;display:flex;gap:.5rem}.Popover-modules_popover_action__M2Z4q svg{fill:#000;stroke:#000;height:1rem;width:1rem}.Popover-modules_popover_action__M2Z4q:hover{background-color:var(--gray-lighter)}";
|
|
5129
|
+
var styles$h = {"popover":"Popover-modules_popover__VdYpG","popover_header":"Popover-modules_popover_header__-zSVj","open":"Popover-modules_open__WxFDw","popover_action":"Popover-modules_popover_action__M2Z4q"};
|
|
5113
5130
|
styleInject(css_248z$h);
|
|
5114
5131
|
|
|
5115
5132
|
const Popover = ({
|
|
@@ -5130,11 +5147,11 @@ const Popover = ({
|
|
|
5130
5147
|
return null;
|
|
5131
5148
|
}
|
|
5132
5149
|
return /*#__PURE__*/React.createElement("div", {
|
|
5133
|
-
className: `${
|
|
5150
|
+
className: `${styles$h.popover} ${open && styles$h.open} ${className}`,
|
|
5134
5151
|
ref: ref,
|
|
5135
5152
|
style: style
|
|
5136
5153
|
}, /*#__PURE__*/React.createElement("div", {
|
|
5137
|
-
className:
|
|
5154
|
+
className: styles$h.popover_header
|
|
5138
5155
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
5139
5156
|
text: title,
|
|
5140
5157
|
color: "gray",
|
|
@@ -5149,7 +5166,7 @@ const Popover = ({
|
|
|
5149
5166
|
return null;
|
|
5150
5167
|
}
|
|
5151
5168
|
return /*#__PURE__*/React.createElement("div", {
|
|
5152
|
-
className: `${
|
|
5169
|
+
className: `${styles$h.popover_action} ${item.className}`,
|
|
5153
5170
|
key: index,
|
|
5154
5171
|
onClick: item.onClick
|
|
5155
5172
|
}, item.icon && item.icon, /*#__PURE__*/React.createElement(Text, {
|
|
@@ -5160,7 +5177,7 @@ const Popover = ({
|
|
|
5160
5177
|
};
|
|
5161
5178
|
|
|
5162
5179
|
var css_248z$i = ".Radio-module_radioBtnWrapper__ZE-oy{align-items:center;display:flex;flex-direction:row}.Radio-module_radioBtnWrapper__ZE-oy .Radio-module_MuiRadio-root__1Mw0W{height:16px;width:16px}";
|
|
5163
|
-
var styles$
|
|
5180
|
+
var styles$i = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__ZE-oy","MuiRadio-root":"Radio-module_MuiRadio-root__1Mw0W"};
|
|
5164
5181
|
styleInject(css_248z$i);
|
|
5165
5182
|
|
|
5166
5183
|
const BpIcon$1 = /*#__PURE__*/styled('span')(() => ({
|
|
@@ -5205,7 +5222,7 @@ const Radio = ({
|
|
|
5205
5222
|
className
|
|
5206
5223
|
}) => {
|
|
5207
5224
|
return /*#__PURE__*/React.createElement("div", {
|
|
5208
|
-
className: `${styles$
|
|
5225
|
+
className: `${styles$i.radioBtnWrapper} ${className}`
|
|
5209
5226
|
}, leftLabel && /*#__PURE__*/React.createElement(Text, {
|
|
5210
5227
|
text: leftLabel,
|
|
5211
5228
|
size: "sm"
|
|
@@ -5227,7 +5244,7 @@ const Radio = ({
|
|
|
5227
5244
|
};
|
|
5228
5245
|
|
|
5229
5246
|
var css_248z$j = ".Step-module_step_number__nm2mL{align-items:center;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:62.4375rem;display:flex;flex-direction:column;height:1.5rem;justify-content:center;max-height:1.5rem;max-width:1.5rem;width:1.5rem}.Step-module_left_container__tFgSy{flex-direction:column}.Step-module_left_container__tFgSy,.Step-module_step_container__t01w0{align-items:flex-start;display:flex;gap:.75rem}.Step-module_step_icon_container__DDASj{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;height:1.5rem;height:100%;width:1.5rem}.Step-module_step_line__R2Ezc{background:#8a8b8e;height:1.875rem;margin-left:.7rem;width:.0625rem}.Step-module_step_completed_icon__yWCat{stroke:#5cbb65;fill:#5cbb65;color:#5cbb65;height:1.5rem;width:1.5rem}.Step-module_step_warning_icon__WGjWJ{stroke:#f54c4c;fill:#f54c4c;color:#f54c4c;height:1.5rem;width:1.5rem}";
|
|
5230
|
-
var styles$
|
|
5247
|
+
var styles$j = {"step_number":"Step-module_step_number__nm2mL","left_container":"Step-module_left_container__tFgSy","step_container":"Step-module_step_container__t01w0","step_icon_container":"Step-module_step_icon_container__DDASj","step_line":"Step-module_step_line__R2Ezc","step_completed_icon":"Step-module_step_completed_icon__yWCat","step_warning_icon":"Step-module_step_warning_icon__WGjWJ"};
|
|
5231
5248
|
styleInject(css_248z$j);
|
|
5232
5249
|
|
|
5233
5250
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1073-14316&mode=dev */
|
|
@@ -5245,13 +5262,13 @@ const Step = ({
|
|
|
5245
5262
|
} else if (status === 'not-completed') return '#8A8B8E';else if (status === 'warning') return '#F54C4C';else if (status === 'active') return '#0077FF';else if (status === 'completed') return '#5CBB65';else if (status === 'hover-edit') return '#0077FF';else return '#004799';
|
|
5246
5263
|
};
|
|
5247
5264
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
5248
|
-
className: styles$
|
|
5265
|
+
className: styles$j.step_container
|
|
5249
5266
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
5250
|
-
className: styles$
|
|
5267
|
+
className: styles$j.step_container
|
|
5251
5268
|
}, /*#__PURE__*/React.createElement("div", {
|
|
5252
|
-
className: styles$
|
|
5269
|
+
className: styles$j.step_icon_container
|
|
5253
5270
|
}, status !== 'warning' && status !== 'completed' && /*#__PURE__*/React.createElement("div", {
|
|
5254
|
-
className: styles$
|
|
5271
|
+
className: styles$j.step_number,
|
|
5255
5272
|
style: {
|
|
5256
5273
|
borderColor: getStatusColor()
|
|
5257
5274
|
}
|
|
@@ -5261,12 +5278,12 @@ const Step = ({
|
|
|
5261
5278
|
weight: "regular",
|
|
5262
5279
|
color: getStatusColor()
|
|
5263
5280
|
})), status === 'warning' && /*#__PURE__*/React.createElement(AlertCircledIcon, {
|
|
5264
|
-
className: styles$
|
|
5281
|
+
className: styles$j.step_warning_icon
|
|
5265
5282
|
}), status === 'completed' && /*#__PURE__*/React.createElement(CheckedCircled, {
|
|
5266
5283
|
strokeWidth: "0",
|
|
5267
|
-
className: styles$
|
|
5284
|
+
className: styles$j.step_completed_icon
|
|
5268
5285
|
}), /*#__PURE__*/React.createElement("div", {
|
|
5269
|
-
className: styles$
|
|
5286
|
+
className: styles$j.step_line
|
|
5270
5287
|
}))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Title, {
|
|
5271
5288
|
weight: "bold",
|
|
5272
5289
|
size: "base",
|
|
@@ -5281,7 +5298,7 @@ const Step = ({
|
|
|
5281
5298
|
};
|
|
5282
5299
|
|
|
5283
5300
|
var css_248z$k = ".Switch-module_switchWrapper__daXCz{align-items:center;display:flex;gap:.5rem}";
|
|
5284
|
-
var styles$
|
|
5301
|
+
var styles$k = {"switchWrapper":"Switch-module_switchWrapper__daXCz"};
|
|
5285
5302
|
styleInject(css_248z$k);
|
|
5286
5303
|
|
|
5287
5304
|
const CustomSwitch = /*#__PURE__*/styled$1(Switch$1)({
|
|
@@ -5310,7 +5327,7 @@ const Switch = ({
|
|
|
5310
5327
|
className
|
|
5311
5328
|
}) => {
|
|
5312
5329
|
return /*#__PURE__*/React.createElement("div", {
|
|
5313
|
-
className: `${styles$
|
|
5330
|
+
className: `${styles$k.switchWrapper} ${className}`
|
|
5314
5331
|
}, label && /*#__PURE__*/React.createElement(Title, {
|
|
5315
5332
|
text: label,
|
|
5316
5333
|
weight: "bold",
|
|
@@ -5327,7 +5344,7 @@ const Switch = ({
|
|
|
5327
5344
|
};
|
|
5328
5345
|
|
|
5329
5346
|
var css_248z$l = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
|
|
5330
|
-
var styles$
|
|
5347
|
+
var styles$l = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
|
|
5331
5348
|
styleInject(css_248z$l);
|
|
5332
5349
|
|
|
5333
5350
|
const TooltipLayout = ({
|
|
@@ -5348,9 +5365,9 @@ const TooltipLayout = ({
|
|
|
5348
5365
|
buttonTwoOnClick
|
|
5349
5366
|
}) => {
|
|
5350
5367
|
return /*#__PURE__*/React.createElement("div", {
|
|
5351
|
-
className: styles$
|
|
5368
|
+
className: styles$l.tooltip_layout
|
|
5352
5369
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
5353
|
-
className: styles$
|
|
5370
|
+
className: styles$l.tooltip_layout_header
|
|
5354
5371
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
5355
5372
|
text: tooltipTitle,
|
|
5356
5373
|
size: "sm",
|
|
@@ -5363,11 +5380,11 @@ const TooltipLayout = ({
|
|
|
5363
5380
|
})), tooltipDescription && /*#__PURE__*/React.createElement(Text, {
|
|
5364
5381
|
text: tooltipDescription,
|
|
5365
5382
|
size: "xs",
|
|
5366
|
-
className: styles$
|
|
5383
|
+
className: styles$l.tooltip_layout_description
|
|
5367
5384
|
}), customContent && /*#__PURE__*/React.createElement("div", {
|
|
5368
|
-
className: styles$
|
|
5385
|
+
className: styles$l.tooltip_layout_content
|
|
5369
5386
|
}, customContent)), /*#__PURE__*/React.createElement("div", {
|
|
5370
|
-
className: styles$
|
|
5387
|
+
className: styles$l.tooltip_layout_actions
|
|
5371
5388
|
}, buttonOneText && /*#__PURE__*/React.createElement(Button, {
|
|
5372
5389
|
text: buttonOneText,
|
|
5373
5390
|
size: "sm",
|
|
@@ -5460,7 +5477,8 @@ const Tooltip = ({
|
|
|
5460
5477
|
}, children);
|
|
5461
5478
|
};
|
|
5462
5479
|
|
|
5463
|
-
var css_248z$m = ".
|
|
5480
|
+
var css_248z$m = ".header-modules_table_header__tWpCj{align-items:center;border-radius:.25rem;display:flex;padding:.25rem .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3 svg{fill:#000;height:.75rem;width:.75rem}";
|
|
5481
|
+
var styles$m = {"table_header":"header-modules_table_header__tWpCj","header_cell":"header-modules_header_cell__3OmZ3"};
|
|
5464
5482
|
styleInject(css_248z$m);
|
|
5465
5483
|
|
|
5466
5484
|
const TableHeader = ({
|
|
@@ -5470,7 +5488,7 @@ const TableHeader = ({
|
|
|
5470
5488
|
selectAll
|
|
5471
5489
|
}) => {
|
|
5472
5490
|
return /*#__PURE__*/React.createElement("div", {
|
|
5473
|
-
className:
|
|
5491
|
+
className: styles$m.table_header
|
|
5474
5492
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React.createElement(Checkbox, {
|
|
5475
5493
|
checked: areAllSelected,
|
|
5476
5494
|
onChange: () => selectAll()
|
|
@@ -5498,7 +5516,7 @@ const TableHeader = ({
|
|
|
5498
5516
|
style: {
|
|
5499
5517
|
flex: header.flexWidth ?? 1
|
|
5500
5518
|
},
|
|
5501
|
-
className:
|
|
5519
|
+
className: styles$m.header_cell
|
|
5502
5520
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
5503
5521
|
text: header.name,
|
|
5504
5522
|
weight: header.weight,
|
|
@@ -5507,10 +5525,12 @@ const TableHeader = ({
|
|
|
5507
5525
|
}), header.icon && header.icon)));
|
|
5508
5526
|
};
|
|
5509
5527
|
|
|
5510
|
-
var css_248z$n = ".rows{align-items:flex-start;align-self:stretch;flex-direction:column;gap:.25rem
|
|
5528
|
+
var css_248z$n = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.25rem;width:calc(100% - .5rem)}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{align-items:center;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;padding:0 .5rem;width:calc(100% - .5rem)}";
|
|
5529
|
+
var styles$n = {"rows":"rows-modules_rows__2uSRy","row":"rows-modules_row__FcChg"};
|
|
5511
5530
|
styleInject(css_248z$n);
|
|
5512
5531
|
|
|
5513
|
-
var css_248z$o = ".cell{align-items:center;display:flex;gap:.75rem;padding:.5rem}.cell p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
5532
|
+
var css_248z$o = ".table-cell-modules_cell__ZorMw{align-items:center;display:flex;gap:.75rem;padding:.5rem}.table-cell-modules_cell__ZorMw p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
5533
|
+
var styles$o = {"cell":"table-cell-modules_cell__ZorMw"};
|
|
5514
5534
|
styleInject(css_248z$o);
|
|
5515
5535
|
|
|
5516
5536
|
const TableCell = ({
|
|
@@ -5523,7 +5543,7 @@ const TableCell = ({
|
|
|
5523
5543
|
select
|
|
5524
5544
|
}) => {
|
|
5525
5545
|
return /*#__PURE__*/React.createElement("div", {
|
|
5526
|
-
className: `${
|
|
5546
|
+
className: `${styles$o.cell} ${className && className}`,
|
|
5527
5547
|
style: {
|
|
5528
5548
|
flex: flexWidth
|
|
5529
5549
|
}
|
|
@@ -5547,11 +5567,11 @@ const TableRows = ({
|
|
|
5547
5567
|
}) => {
|
|
5548
5568
|
return /*#__PURE__*/React.createElement("div", {
|
|
5549
5569
|
id: id,
|
|
5550
|
-
className: `${
|
|
5570
|
+
className: `${styles$n.rows} ${rowsClassName}`
|
|
5551
5571
|
}, rows.map((row, index) => {
|
|
5552
5572
|
return /*#__PURE__*/React.createElement("div", {
|
|
5553
5573
|
key: `row-${index}`,
|
|
5554
|
-
className: `${
|
|
5574
|
+
className: `${styles$n.row} ${row.className}`,
|
|
5555
5575
|
onClick: row.onClickRow,
|
|
5556
5576
|
id: row.id
|
|
5557
5577
|
}, selectable && /*#__PURE__*/React.createElement(Checkbox, {
|
|
@@ -5599,7 +5619,8 @@ const Table = ({
|
|
|
5599
5619
|
}));
|
|
5600
5620
|
};
|
|
5601
5621
|
|
|
5602
|
-
var css_248z$p = ".
|
|
5622
|
+
var css_248z$p = ".tabs-modules_new_tabs__DmuxS{height:100%}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I-{background:var(--color-neutral-clear-shades-150,#eee);border-radius:4px;width:-moz-fit-content;width:fit-content}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb{border:none;height:2.375rem;max-height:2.375rem;min-height:2px}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-flexContainer__qV4mC{border:none;gap:.5rem;height:2.375rem;max-height:2.375rem;min-height:2px;padding:.25rem}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-flexContainer__qV4mC .tabs-modules_MuiTab-root__jL46D{text-transform:none}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-indicator__8kjaz{background:#fff;border-radius:4px;bottom:.25rem;height:1.875rem}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- button{background:transparent;border:none;color:#000;font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:700;height:1.875rem;min-height:0;min-width:0;padding:2px 1rem .125rem;z-index:1400}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- button.tabs-modules_Mui-selected__i7uax{background:transparent;border:none;border-radius:4px;color:#000;min-height:0;min-width:0}";
|
|
5623
|
+
var styles$p = {"new_tabs":"tabs-modules_new_tabs__DmuxS","MuiTabs-root":"tabs-modules_MuiTabs-root__Fj2I-","MuiTabs-scroller":"tabs-modules_MuiTabs-scroller__PY-Gb","MuiTabs-flexContainer":"tabs-modules_MuiTabs-flexContainer__qV4mC","MuiTab-root":"tabs-modules_MuiTab-root__jL46D","MuiTabs-indicator":"tabs-modules_MuiTabs-indicator__8kjaz","Mui-selected":"tabs-modules_Mui-selected__i7uax"};
|
|
5603
5624
|
styleInject(css_248z$p);
|
|
5604
5625
|
|
|
5605
5626
|
const TabPanel = ({
|
|
@@ -5631,7 +5652,7 @@ const Tabs = ({
|
|
|
5631
5652
|
if (onSelect) onSelect(newValue);
|
|
5632
5653
|
};
|
|
5633
5654
|
return /*#__PURE__*/React.createElement("div", {
|
|
5634
|
-
className:
|
|
5655
|
+
className: styles$p.new_tabs
|
|
5635
5656
|
}, /*#__PURE__*/React.createElement(Tabs$1, {
|
|
5636
5657
|
value: value,
|
|
5637
5658
|
onChange: handleChange,
|
|
@@ -5663,7 +5684,8 @@ const Tabs = ({
|
|
|
5663
5684
|
}, tab.component)));
|
|
5664
5685
|
};
|
|
5665
5686
|
|
|
5666
|
-
var css_248z$q = ".
|
|
5687
|
+
var css_248z$q = ".tabsUnderline-modules_tabbar__aBV11{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tabs_root__DdnCR{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label__boVBw{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label_replacement__veoJz{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label_replacement__veoJz.tabsUnderline-modules_disabled__NiFLq{opacity:.5}";
|
|
5688
|
+
var styles$q = {"tabbar":"tabsUnderline-modules_tabbar__aBV11","tabs_root":"tabsUnderline-modules_tabs_root__DdnCR","tab_label":"tabsUnderline-modules_tab_label__boVBw","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__veoJz","disabled":"tabsUnderline-modules_disabled__NiFLq"};
|
|
5667
5689
|
styleInject(css_248z$q);
|
|
5668
5690
|
|
|
5669
5691
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
@@ -5678,11 +5700,11 @@ const TabsUnderline = ({
|
|
|
5678
5700
|
onChange(index, tabs[index].value);
|
|
5679
5701
|
};
|
|
5680
5702
|
return /*#__PURE__*/React.createElement("div", {
|
|
5681
|
-
className:
|
|
5703
|
+
className: styles$q.tabbar
|
|
5682
5704
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
5683
5705
|
value: value,
|
|
5684
5706
|
onChange: onClickTab,
|
|
5685
|
-
className:
|
|
5707
|
+
className: styles$q.tabs_root,
|
|
5686
5708
|
centered: true,
|
|
5687
5709
|
TabIndicatorProps: {
|
|
5688
5710
|
style: {
|
|
@@ -5694,7 +5716,7 @@ const TabsUnderline = ({
|
|
|
5694
5716
|
}, tabs.map((item, index) => {
|
|
5695
5717
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
5696
5718
|
key: `tab#${index}`,
|
|
5697
|
-
className:
|
|
5719
|
+
className: styles$q.tab_label,
|
|
5698
5720
|
disableRipple: true,
|
|
5699
5721
|
sx: {
|
|
5700
5722
|
textTransform: 'none'
|
|
@@ -5709,7 +5731,7 @@ const TabsUnderline = ({
|
|
|
5709
5731
|
if (item.disabled) {
|
|
5710
5732
|
renderTab = /*#__PURE__*/React.createElement(Text, {
|
|
5711
5733
|
key: `tab#${index}`,
|
|
5712
|
-
className: `${
|
|
5734
|
+
className: `${styles$q.tab_label_replacement} ${styles$q.disabled}`,
|
|
5713
5735
|
weight: "bold",
|
|
5714
5736
|
size: "lg",
|
|
5715
5737
|
text: item.label,
|
|
@@ -5727,7 +5749,8 @@ const TabsUnderline = ({
|
|
|
5727
5749
|
})));
|
|
5728
5750
|
};
|
|
5729
5751
|
|
|
5730
|
-
var css_248z$r = ".
|
|
5752
|
+
var css_248z$r = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;min-width:12.5rem;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:.75rem;width:.75rem}input{font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
|
|
5753
|
+
var styles$r = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
|
|
5731
5754
|
styleInject(css_248z$r);
|
|
5732
5755
|
|
|
5733
5756
|
const CssTextField$2 = /*#__PURE__*/styled(TextField)({
|
|
@@ -5850,13 +5873,13 @@ const TextInput = props => {
|
|
|
5850
5873
|
shrink: false
|
|
5851
5874
|
} : {};
|
|
5852
5875
|
return /*#__PURE__*/React.createElement("div", {
|
|
5853
|
-
className: `${className} ${
|
|
5876
|
+
className: `${className} ${styles$r.input}`,
|
|
5854
5877
|
id: id
|
|
5855
5878
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
5856
5879
|
text: `${topLabel ? topLabel : ''}`,
|
|
5857
5880
|
weight: "bold",
|
|
5858
5881
|
size: "base",
|
|
5859
|
-
className:
|
|
5882
|
+
className: styles$r.input_top_label,
|
|
5860
5883
|
required: required
|
|
5861
5884
|
}), /*#__PURE__*/React.createElement(CssTextField$2, {
|
|
5862
5885
|
fullWidth: true,
|
|
@@ -5900,17 +5923,17 @@ const TextInput = props => {
|
|
|
5900
5923
|
color: "#F54C4C",
|
|
5901
5924
|
italic: true,
|
|
5902
5925
|
text: errorText,
|
|
5903
|
-
className:
|
|
5926
|
+
className: styles$r.text_below
|
|
5904
5927
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
5905
5928
|
size: "xs",
|
|
5906
5929
|
italic: true,
|
|
5907
5930
|
text: helperText,
|
|
5908
|
-
className:
|
|
5931
|
+
className: styles$r.text_below
|
|
5909
5932
|
}));
|
|
5910
5933
|
};
|
|
5911
5934
|
|
|
5912
5935
|
var css_248z$s = ".Textarea-module_text_area_container__cq5uv{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;width:100%}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG{display:flex;justify-content:space-between;padding:.25rem .5rem .25rem .75rem}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG .Textarea-module_counter__0nieC{margin-left:auto}";
|
|
5913
|
-
var styles$
|
|
5936
|
+
var styles$s = {"text_area_container":"Textarea-module_text_area_container__cq5uv","helperTexts":"Textarea-module_helperTexts__1DMgG","counter":"Textarea-module_counter__0nieC"};
|
|
5914
5937
|
styleInject(css_248z$s);
|
|
5915
5938
|
|
|
5916
5939
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
@@ -5941,7 +5964,7 @@ const Textarea = ({
|
|
|
5941
5964
|
}
|
|
5942
5965
|
};
|
|
5943
5966
|
return /*#__PURE__*/React.createElement("div", {
|
|
5944
|
-
className: styles$
|
|
5967
|
+
className: styles$s.text_area_container
|
|
5945
5968
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
5946
5969
|
name: name,
|
|
5947
5970
|
variant: "outlined",
|
|
@@ -5962,7 +5985,7 @@ const Textarea = ({
|
|
|
5962
5985
|
required: required,
|
|
5963
5986
|
disabled: disabled
|
|
5964
5987
|
}), /*#__PURE__*/React.createElement("div", {
|
|
5965
|
-
className: styles$
|
|
5988
|
+
className: styles$s.helperTexts
|
|
5966
5989
|
}, helperText && /*#__PURE__*/React.createElement(Text, {
|
|
5967
5990
|
text: helperText,
|
|
5968
5991
|
size: "xs",
|
|
@@ -5975,11 +5998,12 @@ const Textarea = ({
|
|
|
5975
5998
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
5976
5999
|
text: `${charCount} / ${maxCharacters}`,
|
|
5977
6000
|
size: "xs",
|
|
5978
|
-
className: styles$
|
|
6001
|
+
className: styles$s.counter
|
|
5979
6002
|
})));
|
|
5980
6003
|
};
|
|
5981
6004
|
|
|
5982
|
-
var css_248z$t = "@import \"../../example/index.css\";.
|
|
6005
|
+
var css_248z$t = "@import \"../../example/index.css\";.Caption-modules_caption_text__LH61Z{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingCaption);line-height:var(--sdLineHeight130);margin:unset;padding:.063rem 0;text-align:left}.Caption-modules_caption_text_uppercase__lc-JL{text-transform:var(--sdTextCaseUppercase)}";
|
|
6006
|
+
var styles$t = {"caption_text":"Caption-modules_caption_text__LH61Z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__lc-JL"};
|
|
5983
6007
|
styleInject(css_248z$t);
|
|
5984
6008
|
|
|
5985
6009
|
/** This text should only be used for the captions
|
|
@@ -5996,11 +6020,12 @@ const Caption = ({
|
|
|
5996
6020
|
style: {
|
|
5997
6021
|
color: color
|
|
5998
6022
|
},
|
|
5999
|
-
className: `${
|
|
6023
|
+
className: `${styles$t.caption_text} ${uppercase ? styles$t.caption_text_uppercase : ''} ${className ?? ''}`
|
|
6000
6024
|
}), text);
|
|
6001
6025
|
};
|
|
6002
6026
|
|
|
6003
|
-
var css_248z$u = "@import \"../../example/index.css\";.
|
|
6027
|
+
var css_248z$u = "@import \"../../example/index.css\";.TextForDropDownItem-modules_dropdown_text__R-CSX{font-family:var(--sdFontFamilyOpenSans);font-weight:var(--sdFontWeightMedium);margin:unset;padding:.125rem 0}.TextForDropDownItem-modules_dropdown_text_xs__nyL4s{font-size:var(--sdFontSizeBase);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_sm__XGWPr{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForDropDownItem-modules_dropdown_text_base__Du-2n{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_bold__71Lhd{font-weight:var(--sdFontWeightBold)}";
|
|
6028
|
+
var styles$u = {"dropdown_text":"TextForDropDownItem-modules_dropdown_text__R-CSX","dropdown_text_xs":"TextForDropDownItem-modules_dropdown_text_xs__nyL4s","dropdown_text_sm":"TextForDropDownItem-modules_dropdown_text_sm__XGWPr","dropdown_text_base":"TextForDropDownItem-modules_dropdown_text_base__Du-2n","dropdown_text_bold":"TextForDropDownItem-modules_dropdown_text_bold__71Lhd"};
|
|
6004
6029
|
styleInject(css_248z$u);
|
|
6005
6030
|
|
|
6006
6031
|
/** This text should only be used for the dropdown items text
|
|
@@ -6015,13 +6040,13 @@ const TextForDropDownItem = ({
|
|
|
6015
6040
|
...props
|
|
6016
6041
|
}) => {
|
|
6017
6042
|
const getTextSize = () => {
|
|
6018
|
-
if (size === 'xs') return
|
|
6043
|
+
if (size === 'xs') return styles$u.dropdown_text_xs;else if (size === 'sm') return styles$u.dropdown_text_sm;else if (size === 'base') return styles$u.dropdown_text_base;else return styles$u.dropdown_text_base;
|
|
6019
6044
|
};
|
|
6020
6045
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
6021
6046
|
style: {
|
|
6022
6047
|
color: color
|
|
6023
6048
|
},
|
|
6024
|
-
className: `${
|
|
6049
|
+
className: `${styles$u.dropdown_text} ${bold && styles$u.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
6025
6050
|
}), text);
|
|
6026
6051
|
};
|
|
6027
6052
|
|
|
@@ -6138,7 +6163,8 @@ const getColor = (colorName, shade) => {
|
|
|
6138
6163
|
return undefined;
|
|
6139
6164
|
};
|
|
6140
6165
|
|
|
6141
|
-
var css_248z$v = ".
|
|
6166
|
+
var css_248z$v = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:81.75rem;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:.5rem;max-width:100%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
|
|
6167
|
+
var styles$v = {"chatContainer":"Chat-modules_chatContainer__xzg50","scrolling_content":"Chat-modules_scrolling_content__urvdP","no_scrollbar":"Chat-modules_no_scrollbar__Ia2bX"};
|
|
6142
6168
|
styleInject(css_248z$v);
|
|
6143
6169
|
|
|
6144
6170
|
const Chat = ({
|
|
@@ -6165,12 +6191,12 @@ const Chat = ({
|
|
|
6165
6191
|
item: true,
|
|
6166
6192
|
xs: 3,
|
|
6167
6193
|
direction: "column",
|
|
6168
|
-
className: `${className ?? ''} ${
|
|
6194
|
+
className: `${className ?? ''} ${styles$v.chatContainer}`
|
|
6169
6195
|
}, props), goBackText && goBack && /*#__PURE__*/React.createElement(GoBack, {
|
|
6170
6196
|
text: goBackText,
|
|
6171
6197
|
onClick: goBack
|
|
6172
6198
|
}), /*#__PURE__*/React.createElement("div", {
|
|
6173
|
-
className: `${
|
|
6199
|
+
className: `${styles$v.scrolling_content} ${styles$v.no_scrollbar}`
|
|
6174
6200
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
6175
6201
|
text: chatTitle,
|
|
6176
6202
|
weight: "bold",
|
|
@@ -6202,7 +6228,8 @@ const Chat = ({
|
|
|
6202
6228
|
}));
|
|
6203
6229
|
};
|
|
6204
6230
|
|
|
6205
|
-
var css_248z$w = ".
|
|
6231
|
+
var css_248z$w = ".ChatInput-modules_chat_input_container__kI77U{align-items:flex-start;align-self:stretch;background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem;margin-top:auto;padding:.625rem .75rem}.ChatInput-modules_chat_input_container__kI77U input{background:var(--color-neutral-clear-shades-150,#eee);border:none;color:var(--color-neutral-dark-shades-950,#26292e);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;width:100%}.ChatInput-modules_chat_input_container__kI77U input:focus{outline:none}.ChatInput-modules_chat_input_container__kI77U input::-moz-placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.ChatInput-modules_chat_input_container__kI77U input::placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}";
|
|
6232
|
+
var styles$w = {"chat_input_container":"ChatInput-modules_chat_input_container__kI77U"};
|
|
6206
6233
|
styleInject(css_248z$w);
|
|
6207
6234
|
|
|
6208
6235
|
const ChatInput = ({
|
|
@@ -6213,7 +6240,7 @@ const ChatInput = ({
|
|
|
6213
6240
|
placeholder
|
|
6214
6241
|
}) => {
|
|
6215
6242
|
return /*#__PURE__*/React.createElement("div", {
|
|
6216
|
-
className: `${
|
|
6243
|
+
className: `${styles$w.chat_input_container} ${className ?? ''}`
|
|
6217
6244
|
}, /*#__PURE__*/React.createElement("input", {
|
|
6218
6245
|
placeholder: placeholder,
|
|
6219
6246
|
value: value ? value : '',
|
|
@@ -6229,7 +6256,8 @@ const ChatInput = ({
|
|
|
6229
6256
|
}));
|
|
6230
6257
|
};
|
|
6231
6258
|
|
|
6232
|
-
var css_248z$x = ".
|
|
6259
|
+
var css_248z$x = ".CircleIconButton-modules_circle_icon_button__lWeMA{align-items:flex-start;background:var(--color-neutral-dark-shades-700,#64666a);border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem;position:relative}.CircleIconButton-modules_circle_icon_button__lWeMA svg{stroke:#fff;fill:#fff;height:1.5rem;width:1.5rem}.CircleIconButton-modules_circle_icon_button__lWeMA:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.CircleIconButton-modules_circle_icon_button__lWeMA:active{background:var(--color-neutral-dark-shades-700,#64666a)}.CircleIconButton-modules_active__-qtNl{background:var(--color-primary-300,#66adff)}.CircleIconButton-modules_active__-qtNl svg{stroke:#00040a;fill:#00040a;height:1.5rem;width:1.5rem}.CircleIconButton-modules_notif_icon__ooeFy{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
|
|
6260
|
+
var styles$x = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__lWeMA","active":"CircleIconButton-modules_active__-qtNl","notif_icon":"CircleIconButton-modules_notif_icon__ooeFy"};
|
|
6233
6261
|
styleInject(css_248z$x);
|
|
6234
6262
|
|
|
6235
6263
|
const CircledIconButton = ({
|
|
@@ -6240,13 +6268,14 @@ const CircledIconButton = ({
|
|
|
6240
6268
|
...props
|
|
6241
6269
|
}) => {
|
|
6242
6270
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
6243
|
-
className: `${
|
|
6271
|
+
className: `${styles$x.circle_icon_button} ${className ?? ''} ${isActive ? styles$x.active : ''}`
|
|
6244
6272
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
6245
|
-
className:
|
|
6273
|
+
className: styles$x.notif_icon
|
|
6246
6274
|
}));
|
|
6247
6275
|
};
|
|
6248
6276
|
|
|
6249
|
-
var css_248z$y = ".
|
|
6277
|
+
var css_248z$y = ".InterviewButton-modules_interview_button__7qkQR{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__7qkQR svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__Py-K3{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__Py-K3:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__Py-K3:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__Py-K3 p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__Py-K3 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__Mf5w- p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w- svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__Mf5w-:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__-T2FK{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__-T2FK p{color:#00040a!important}.InterviewButton-modules_active__-T2FK svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_end_interview__4NuDP{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__4NuDP:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__4NuDP:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__4NuDP p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_end_interview__4NuDP svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_notif_icon__wQi4a{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
|
|
6278
|
+
var styles$y = {"interview_button":"InterviewButton-modules_interview_button__7qkQR","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__Py-K3","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__Mf5w-","active":"InterviewButton-modules_active__-T2FK","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__4NuDP","notif_icon":"InterviewButton-modules_notif_icon__wQi4a"};
|
|
6250
6279
|
styleInject(css_248z$y);
|
|
6251
6280
|
|
|
6252
6281
|
const InterviewButton = ({
|
|
@@ -6259,20 +6288,21 @@ const InterviewButton = ({
|
|
|
6259
6288
|
...props
|
|
6260
6289
|
}) => {
|
|
6261
6290
|
const defineVariantStyle = () => {
|
|
6262
|
-
if (variant === 'protocol') return
|
|
6291
|
+
if (variant === 'protocol') return styles$y.interview_button_protocol;else if (variant === 'screenshare') return styles$y.interview_button_screenshare;else if (variant === 'end-interview') return styles$y.interview_button_end_interview;else return;
|
|
6263
6292
|
};
|
|
6264
6293
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
6265
|
-
className: `${
|
|
6294
|
+
className: `${styles$y.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$y.active : ''}`
|
|
6266
6295
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), /*#__PURE__*/React.createElement(Text, {
|
|
6267
6296
|
text: text,
|
|
6268
6297
|
size: "base",
|
|
6269
6298
|
weight: "semi-bold"
|
|
6270
6299
|
}), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
6271
|
-
className:
|
|
6300
|
+
className: styles$y.notif_icon
|
|
6272
6301
|
}));
|
|
6273
6302
|
};
|
|
6274
6303
|
|
|
6275
|
-
var css_248z$z = ".
|
|
6304
|
+
var css_248z$z = ".GoBack-modules_go_back_btn__9PP5I{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;gap:.5rem}.GoBack-modules_go_back_btn__9PP5I svg{stroke:#8a8b8e;fill:#8a8b8e;height:.75rem;width:.75rem}";
|
|
6305
|
+
var styles$z = {"go_back_btn":"GoBack-modules_go_back_btn__9PP5I"};
|
|
6276
6306
|
styleInject(css_248z$z);
|
|
6277
6307
|
|
|
6278
6308
|
const GoBack = ({
|
|
@@ -6282,7 +6312,7 @@ const GoBack = ({
|
|
|
6282
6312
|
...props
|
|
6283
6313
|
}) => {
|
|
6284
6314
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
6285
|
-
className: `${
|
|
6315
|
+
className: `${styles$z.go_back_btn} ${className ?? ''}`
|
|
6286
6316
|
}, props, {
|
|
6287
6317
|
onClick: onClick
|
|
6288
6318
|
}), /*#__PURE__*/React.createElement(ArrowLineLeftIcon, null), /*#__PURE__*/React.createElement(Text, {
|
|
@@ -6293,7 +6323,8 @@ const GoBack = ({
|
|
|
6293
6323
|
}));
|
|
6294
6324
|
};
|
|
6295
6325
|
|
|
6296
|
-
var css_248z$A = ".
|
|
6326
|
+
var css_248z$A = ".Task-modules_task_container__Iaqc-{align-items:flex-start;align-self:\"stretch\";background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM{max-width:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_right__AymtU:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.Task-modules_header__f15OM{align-items:center;display:flex;height:100%;justify-content:center;max-width:100%}.Task-modules_header_left__JJTGR{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem}.Task-modules_header_left__JJTGR .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_right__AymtU{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;cursor:pointer;display:flex;gap:.5rem;height:100%;justify-content:center;margin-left:auto;max-width:calc(100% - 3.5rem);padding:1rem .75rem}.Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_disabled_task__NI6LL{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.Task-modules_active_task__l-n9Q{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_left__JJTGR,.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_right__AymtU:hover{background:var(--color-neutral-clear-shades-150,#eee)}.Task-modules_taskContent__v3Cm1{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem .25rem}.Task-modules_taskPopover__S07XU{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:.5rem .75rem .75rem;width:25.5625rem}.Task-modules_notesContainer__dz0Me{align-items:flex-start;align-self:stretch;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.Task-modules_actionBtnsContainer__Dz-1j{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Task-modules_popover_paper__Re-kl .Task-modules_MuiPopover-paper__7p4Tk,.Task-modules_popover_paper__Re-kl .Task-modules_MuiPopover-root__w6O-O{background:transparent;border-radius:.5rem}";
|
|
6327
|
+
var styles$A = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","title":"Task-modules_title__-OmPh","disabled_task":"Task-modules_disabled_task__NI6LL","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j","popover_paper":"Task-modules_popover_paper__Re-kl","MuiPopover-root":"Task-modules_MuiPopover-root__w6O-O","MuiPopover-paper":"Task-modules_MuiPopover-paper__7p4Tk"};
|
|
6297
6328
|
styleInject(css_248z$A);
|
|
6298
6329
|
|
|
6299
6330
|
const CustomPopover = /*#__PURE__*/styled(Popover$1)({
|
|
@@ -6332,16 +6363,16 @@ const Task = ({
|
|
|
6332
6363
|
setAnchorEl(null);
|
|
6333
6364
|
};
|
|
6334
6365
|
const getContainerStyle = () => {
|
|
6335
|
-
if (state === 'active') return
|
|
6366
|
+
if (state === 'active') return styles$A.active_task;else if (state === 'disabled') return styles$A.disabled_task;else return styles$A.task_container;
|
|
6336
6367
|
};
|
|
6337
6368
|
const open = Boolean(anchorEl);
|
|
6338
6369
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
6339
6370
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({
|
|
6340
6371
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
6341
6372
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
6342
|
-
className:
|
|
6373
|
+
className: styles$A.header
|
|
6343
6374
|
}, /*#__PURE__*/React.createElement("div", {
|
|
6344
|
-
className:
|
|
6375
|
+
className: styles$A.header_left,
|
|
6345
6376
|
onMouseEnter: handlePopoverOpen,
|
|
6346
6377
|
onMouseLeave: handlePopoverClose
|
|
6347
6378
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
@@ -6352,21 +6383,21 @@ const Task = ({
|
|
|
6352
6383
|
text: taskTitle,
|
|
6353
6384
|
size: "sm",
|
|
6354
6385
|
weight: "bold",
|
|
6355
|
-
className:
|
|
6386
|
+
className: styles$A.title
|
|
6356
6387
|
})), /*#__PURE__*/React.createElement("button", {
|
|
6357
|
-
className:
|
|
6388
|
+
className: styles$A.header_right,
|
|
6358
6389
|
onClick: () => {
|
|
6359
6390
|
if (state === 'active') sendTask();
|
|
6360
6391
|
},
|
|
6361
6392
|
disabled: state === 'disabled'
|
|
6362
6393
|
}, state === 'active' || isDone ? /*#__PURE__*/React.createElement(CheckedIcon, null) : /*#__PURE__*/React.createElement(SendIcon, null))), state === 'active' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
6363
|
-
className:
|
|
6394
|
+
className: styles$A.taskContent
|
|
6364
6395
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
6365
6396
|
text: taskTitle,
|
|
6366
6397
|
size: "sm",
|
|
6367
6398
|
weight: "bold"
|
|
6368
6399
|
}), notes && /*#__PURE__*/React.createElement("div", {
|
|
6369
|
-
className:
|
|
6400
|
+
className: styles$A.notesContainer
|
|
6370
6401
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
6371
6402
|
text: "Notes",
|
|
6372
6403
|
size: "xs",
|
|
@@ -6375,13 +6406,13 @@ const Task = ({
|
|
|
6375
6406
|
text: notes,
|
|
6376
6407
|
size: "sm"
|
|
6377
6408
|
}))), areActionsDisplay && /*#__PURE__*/React.createElement("div", {
|
|
6378
|
-
className:
|
|
6409
|
+
className: styles$A.taskContent
|
|
6379
6410
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
6380
6411
|
text: "Actions:",
|
|
6381
6412
|
size: "xs",
|
|
6382
6413
|
italic: true
|
|
6383
6414
|
}), /*#__PURE__*/React.createElement("div", {
|
|
6384
|
-
className:
|
|
6415
|
+
className: styles$A.actionBtnsContainer
|
|
6385
6416
|
}, action1 && iconAction1 && /*#__PURE__*/React.createElement(IconButton, {
|
|
6386
6417
|
onClick: action1,
|
|
6387
6418
|
icon: iconAction1
|
|
@@ -6414,13 +6445,13 @@ const Task = ({
|
|
|
6414
6445
|
onClose: handlePopoverClose,
|
|
6415
6446
|
disableRestoreFocus: true
|
|
6416
6447
|
}, /*#__PURE__*/React.createElement("div", {
|
|
6417
|
-
className:
|
|
6448
|
+
className: styles$A.taskPopover
|
|
6418
6449
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
6419
6450
|
text: taskTitle,
|
|
6420
6451
|
size: "sm",
|
|
6421
6452
|
weight: "bold"
|
|
6422
6453
|
}), notes && /*#__PURE__*/React.createElement("div", {
|
|
6423
|
-
className:
|
|
6454
|
+
className: styles$A.notesContainer
|
|
6424
6455
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
6425
6456
|
text: "Notes",
|
|
6426
6457
|
size: "xs",
|
|
@@ -6431,7 +6462,8 @@ const Task = ({
|
|
|
6431
6462
|
})))));
|
|
6432
6463
|
};
|
|
6433
6464
|
|
|
6434
|
-
var css_248z$B = ".
|
|
6465
|
+
var css_248z$B = ".StartInterview-modules_start_interview_container__jpRe2{align-items:flex-start;align-self:stretch;background:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.StartInterview-modules_start_interview_container__jpRe2 button{width:100%}";
|
|
6466
|
+
var styles$B = {"start_interview_container":"StartInterview-modules_start_interview_container__jpRe2"};
|
|
6435
6467
|
styleInject(css_248z$B);
|
|
6436
6468
|
|
|
6437
6469
|
const StartInterview = ({
|
|
@@ -6443,7 +6475,7 @@ const StartInterview = ({
|
|
|
6443
6475
|
...props
|
|
6444
6476
|
}) => {
|
|
6445
6477
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
6446
|
-
className:
|
|
6478
|
+
className: styles$B.start_interview_container
|
|
6447
6479
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
6448
6480
|
text: title,
|
|
6449
6481
|
weight: "bold"
|
|
@@ -6453,7 +6485,8 @@ const StartInterview = ({
|
|
|
6453
6485
|
}));
|
|
6454
6486
|
};
|
|
6455
6487
|
|
|
6456
|
-
var css_248z$C = ".
|
|
6488
|
+
var css_248z$C = ".WelcomeMessage-modules_welcome_container__qLgMv{align-items:flex-start;align-self:stretch;background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-300,#9dd6a3);border-radius:.5rem;display:flex;flex-direction:column;max-width:30rem;padding:.5rem .75rem .75rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_title__gX34Q{border-bottom:1px solid var(--color-extended-green-300,#9dd6a3);margin-bottom:.5rem;padding-bottom:.35rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ ol{letter-spacing:-.0019rem;margin:unset;margin-top:.5625rem;padding-inline-start:1.5rem}";
|
|
6489
|
+
var styles$C = {"welcome_container":"WelcomeMessage-modules_welcome_container__qLgMv","welcome_title":"WelcomeMessage-modules_welcome_title__gX34Q","welcome_description":"WelcomeMessage-modules_welcome_description__a2HnZ"};
|
|
6457
6490
|
styleInject(css_248z$C);
|
|
6458
6491
|
|
|
6459
6492
|
const WelcomeMessage = ({
|
|
@@ -6463,17 +6496,17 @@ const WelcomeMessage = ({
|
|
|
6463
6496
|
...props
|
|
6464
6497
|
}) => {
|
|
6465
6498
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
6466
|
-
className:
|
|
6499
|
+
className: styles$C.welcome_container
|
|
6467
6500
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
6468
6501
|
text: title,
|
|
6469
6502
|
weight: "bold",
|
|
6470
6503
|
size: "base",
|
|
6471
|
-
className:
|
|
6504
|
+
className: styles$C.welcome_title
|
|
6472
6505
|
}), /*#__PURE__*/React.createElement("div", {
|
|
6473
6506
|
dangerouslySetInnerHTML: {
|
|
6474
6507
|
__html: description
|
|
6475
6508
|
},
|
|
6476
|
-
className:
|
|
6509
|
+
className: styles$C.welcome_description
|
|
6477
6510
|
}));
|
|
6478
6511
|
};
|
|
6479
6512
|
|