odaptos_design_system 2.0.73 → 2.0.76
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/Organisms/MultiSelect/MultiSelectWithoutFilter.d.ts +31 -0
- package/dist/index.d.ts +1 -0
- package/dist/odaptos_design_system.cjs.development.js +528 -287
- 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 +518 -278
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Organisms/MultiSelect/MultiSelectWithoutFilter.modules.scss +83 -0
- package/src/Organisms/MultiSelect/MultiSelectWithoutFilter.tsx +300 -0
- package/src/index.ts +1 -0
|
@@ -2,7 +2,7 @@ import React, { useState, forwardRef, useRef, useEffect } from 'react';
|
|
|
2
2
|
import { extend, colord } from 'colord';
|
|
3
3
|
import mixPlugin from 'colord/plugins/mix';
|
|
4
4
|
import a11yPlugin from 'colord/plugins/a11y';
|
|
5
|
-
import { Tooltip as Tooltip$1, SvgIcon, Checkbox as Checkbox$1, TextField, Popover, InputAdornment, Radio as Radio$1, FormControl, RadioGroup, Switch as Switch$1, Tabs as Tabs$1 } from '@mui/material';
|
|
5
|
+
import { Tooltip as Tooltip$1, SvgIcon, Checkbox as Checkbox$1, TextField, Popover, Autocomplete as Autocomplete$1, CircularProgress, InputAdornment, Radio as Radio$1, FormControl, RadioGroup, Switch as Switch$1, Tabs as Tabs$1 } from '@mui/material';
|
|
6
6
|
import { tooltipClasses } from '@mui/material/Tooltip';
|
|
7
7
|
import { styled } from '@mui/material/styles';
|
|
8
8
|
import { HexAlphaColorPicker } from 'react-colorful';
|
|
@@ -13765,10 +13765,250 @@ const MultiSelectWithCategories = ({
|
|
|
13765
13765
|
}));
|
|
13766
13766
|
};
|
|
13767
13767
|
|
|
13768
|
-
var css_248z$B = ".
|
|
13769
|
-
var styles$B = {"
|
|
13768
|
+
var css_248z$B = ".MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs{min-width:16rem;width:100%}.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs label,.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs 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}.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs .MultiSelectWithoutFilter-modules_MuiAutocomplete-endAdornment__Qv93V{display:flex;gap:.5rem}.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs .MultiSelectWithoutFilter-modules_MuiAutocomplete-endAdornment__Qv93V svg{height:1rem;width:1rem}.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs .MultiSelectWithoutFilter-modules_tags_container__f-sWy{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs .MultiSelectWithoutFilter-modules_tags_container__f-sWy span{font-size:.75rem}.MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs .MultiSelectWithoutFilter-modules_tags_container__f-sWy .MultiSelectWithoutFilter-modules_customBadge__Jf8Fn p{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.MultiSelectWithoutFilter-modules_MuiOutlinedInput-root__bP0Pz.MultiSelectWithoutFilter-modules_MuiInputBase-root__iWXMz.MultiSelectWithoutFilter-modules_MuiInputBase-formControl__2uYvT{align-items:center;display:flex;flex-direction:row}.MultiSelectWithoutFilter-modules_no_scrollbar__4Bozh{-ms-overflow-style:none;scrollbar-width:none}.MultiSelectWithoutFilter-modules_no_scrollbar__4Bozh::-webkit-scrollbar{display:none}.MultiSelectWithoutFilter-modules_input_top_label__entyd{margin-bottom:.625rem}.MultiSelectWithoutFilter-modules_text_below__nzHA3{margin:.25rem .5rem .25rem .75rem}.MultiSelectWithoutFilter-modules_icon__6uLRY{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
13769
|
+
var styles$B = {"newAutocomplete":"MultiSelectWithoutFilter-modules_newAutocomplete__LKQbs","MuiAutocomplete-endAdornment":"MultiSelectWithoutFilter-modules_MuiAutocomplete-endAdornment__Qv93V","tags_container":"MultiSelectWithoutFilter-modules_tags_container__f-sWy","customBadge":"MultiSelectWithoutFilter-modules_customBadge__Jf8Fn","MuiOutlinedInput-root":"MultiSelectWithoutFilter-modules_MuiOutlinedInput-root__bP0Pz","MuiInputBase-root":"MultiSelectWithoutFilter-modules_MuiInputBase-root__iWXMz","MuiInputBase-formControl":"MultiSelectWithoutFilter-modules_MuiInputBase-formControl__2uYvT","no_scrollbar":"MultiSelectWithoutFilter-modules_no_scrollbar__4Bozh","input_top_label":"MultiSelectWithoutFilter-modules_input_top_label__entyd","text_below":"MultiSelectWithoutFilter-modules_text_below__nzHA3","icon":"MultiSelectWithoutFilter-modules_icon__6uLRY"};
|
|
13770
13770
|
styleInject(css_248z$B);
|
|
13771
13771
|
|
|
13772
|
+
const CssTextField$3 = /*#__PURE__*/styled(TextField)({
|
|
13773
|
+
'& .MuiInputBase-input': {
|
|
13774
|
+
color: '#26292E',
|
|
13775
|
+
fontFamily: `'Open Sans' !important`,
|
|
13776
|
+
fontSize: '1rem'
|
|
13777
|
+
},
|
|
13778
|
+
'& .MuiInputBase-input.Mui-disabled': {
|
|
13779
|
+
color: '#26292E',
|
|
13780
|
+
fontFamily: `'Open Sans' !important`,
|
|
13781
|
+
fontSize: '1rem'
|
|
13782
|
+
},
|
|
13783
|
+
'& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
|
|
13784
|
+
WebkitTextFillColor: colors.neutral_600
|
|
13785
|
+
},
|
|
13786
|
+
'& .Mui-error': {
|
|
13787
|
+
color: '#26292E'
|
|
13788
|
+
},
|
|
13789
|
+
'& .MuiFormHelperText-root': {
|
|
13790
|
+
color: '#F54C4C'
|
|
13791
|
+
},
|
|
13792
|
+
'& .MuiFormLabel-asterisk': {
|
|
13793
|
+
color: '#F54C4C'
|
|
13794
|
+
},
|
|
13795
|
+
'& .MuiOutlinedInput-root.Mui-disabled': {
|
|
13796
|
+
cursor: 'not-allowed',
|
|
13797
|
+
color: '#26292E',
|
|
13798
|
+
fieldset: {
|
|
13799
|
+
borderColor: '#BCBDBE'
|
|
13800
|
+
},
|
|
13801
|
+
'&:hover fieldset': {
|
|
13802
|
+
borderColor: '#BCBDBE'
|
|
13803
|
+
}
|
|
13804
|
+
},
|
|
13805
|
+
'& label': {
|
|
13806
|
+
color: '#26292E',
|
|
13807
|
+
fontFamily: `'Open Sans' !important`,
|
|
13808
|
+
fontSize: '1rem'
|
|
13809
|
+
},
|
|
13810
|
+
'& label.Mui-disabled.Mui-error': {
|
|
13811
|
+
color: '#26292E',
|
|
13812
|
+
opacity: 0.5,
|
|
13813
|
+
fontFamily: `'Open Sans' !important`,
|
|
13814
|
+
fontSize: '1rem'
|
|
13815
|
+
},
|
|
13816
|
+
'& label.Mui-focused': {
|
|
13817
|
+
color: '#26292E',
|
|
13818
|
+
fontFamily: `'Open Sans' !important`,
|
|
13819
|
+
fontSize: '1rem',
|
|
13820
|
+
backgroundColor: 'transparent',
|
|
13821
|
+
marginRight: 5,
|
|
13822
|
+
paddingRight: 5
|
|
13823
|
+
},
|
|
13824
|
+
'& .MuiOutlinedInput-root': {
|
|
13825
|
+
fontFamily: `'Open Sans' !important`,
|
|
13826
|
+
paddingTop: '9px !important',
|
|
13827
|
+
'& fieldset': {
|
|
13828
|
+
borderColor: '#96989A'
|
|
13829
|
+
},
|
|
13830
|
+
'& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
|
|
13831
|
+
display: 'none'
|
|
13832
|
+
},
|
|
13833
|
+
'& input[type=number]': {
|
|
13834
|
+
MozAppearance: 'textfield'
|
|
13835
|
+
},
|
|
13836
|
+
'&:hover fieldset': {
|
|
13837
|
+
borderColor: '#0077FF'
|
|
13838
|
+
},
|
|
13839
|
+
'&.Mui-focused fieldset': {
|
|
13840
|
+
borderColor: '#0077FF'
|
|
13841
|
+
},
|
|
13842
|
+
'&.Mui-error fieldset': {
|
|
13843
|
+
borderColor: '#F54C4C'
|
|
13844
|
+
},
|
|
13845
|
+
'&.Mui-disabled .Mui-focused fieldset': {
|
|
13846
|
+
borderColor: 'rgba(0, 119, 255, 0.5)'
|
|
13847
|
+
},
|
|
13848
|
+
'& .MuiAutocomplete-endAdornment': {
|
|
13849
|
+
'& .MuiButtonBase-root': {
|
|
13850
|
+
height: '99%',
|
|
13851
|
+
'&:hover': {
|
|
13852
|
+
background: 'transparent'
|
|
13853
|
+
}
|
|
13854
|
+
}
|
|
13855
|
+
},
|
|
13856
|
+
MuiInput: {
|
|
13857
|
+
input: {
|
|
13858
|
+
'&::placeholder': {
|
|
13859
|
+
fontSize: '1rem'
|
|
13860
|
+
}
|
|
13861
|
+
}
|
|
13862
|
+
}
|
|
13863
|
+
}
|
|
13864
|
+
});
|
|
13865
|
+
const MultiSelectWithoutFilter = ({
|
|
13866
|
+
options,
|
|
13867
|
+
fetchOptions,
|
|
13868
|
+
isLoading,
|
|
13869
|
+
required,
|
|
13870
|
+
disabled,
|
|
13871
|
+
label,
|
|
13872
|
+
placeholder,
|
|
13873
|
+
name,
|
|
13874
|
+
className,
|
|
13875
|
+
id,
|
|
13876
|
+
inputId,
|
|
13877
|
+
topLabel,
|
|
13878
|
+
topLabelWeight,
|
|
13879
|
+
topLabelSize,
|
|
13880
|
+
defaultValue,
|
|
13881
|
+
error,
|
|
13882
|
+
helperText,
|
|
13883
|
+
errorText,
|
|
13884
|
+
disableCloseOnSelect,
|
|
13885
|
+
onChange,
|
|
13886
|
+
deleteOption,
|
|
13887
|
+
limitTags,
|
|
13888
|
+
onBlur,
|
|
13889
|
+
searchTerm,
|
|
13890
|
+
setSearchTerm,
|
|
13891
|
+
...props
|
|
13892
|
+
}) => {
|
|
13893
|
+
const [selectedOptions, setSelectedOptions] = useState([]);
|
|
13894
|
+
useEffect(() => {
|
|
13895
|
+
// Call API only if searchTerm and fetchOptions are defined
|
|
13896
|
+
if (searchTerm.length >= 3 && fetchOptions) {
|
|
13897
|
+
fetchOptions(searchTerm);
|
|
13898
|
+
}
|
|
13899
|
+
}, [searchTerm]);
|
|
13900
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
13901
|
+
className: `${className}`,
|
|
13902
|
+
style: {
|
|
13903
|
+
width: '100%'
|
|
13904
|
+
},
|
|
13905
|
+
id: id
|
|
13906
|
+
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
13907
|
+
text: `${topLabel ? topLabel : ''}`,
|
|
13908
|
+
weight: topLabelWeight || 'bold',
|
|
13909
|
+
size: topLabelSize || 'base',
|
|
13910
|
+
className: styles$B.input_top_label,
|
|
13911
|
+
required: required
|
|
13912
|
+
}), /*#__PURE__*/React.createElement(Autocomplete$1, Object.assign({
|
|
13913
|
+
id: inputId,
|
|
13914
|
+
multiple: true,
|
|
13915
|
+
options: options,
|
|
13916
|
+
getOptionLabel: option => {
|
|
13917
|
+
return option.label;
|
|
13918
|
+
},
|
|
13919
|
+
value: selectedOptions,
|
|
13920
|
+
onChange: (_event, newValue) => setSelectedOptions(newValue),
|
|
13921
|
+
filterOptions: x => x,
|
|
13922
|
+
onInputChange: (_event, value) => setSearchTerm(value),
|
|
13923
|
+
loading: isLoading,
|
|
13924
|
+
size: "small",
|
|
13925
|
+
fullWidth: true,
|
|
13926
|
+
className: `${styles$B.newAutocomplete}`,
|
|
13927
|
+
disableCloseOnSelect: disableCloseOnSelect,
|
|
13928
|
+
disabled: disabled,
|
|
13929
|
+
isOptionEqualToValue: (option, value) => {
|
|
13930
|
+
return option.value === value.value;
|
|
13931
|
+
},
|
|
13932
|
+
limitTags: limitTags,
|
|
13933
|
+
renderInput: params => /*#__PURE__*/React.createElement(CssTextField$3, Object.assign({}, params, {
|
|
13934
|
+
variant: "outlined",
|
|
13935
|
+
label: `${label && topLabel === undefined ? label : ''}`,
|
|
13936
|
+
placeholder: placeholder,
|
|
13937
|
+
size: "small",
|
|
13938
|
+
required: required,
|
|
13939
|
+
name: name,
|
|
13940
|
+
error: error,
|
|
13941
|
+
onBlur: onBlur,
|
|
13942
|
+
InputProps: {
|
|
13943
|
+
...params.InputProps,
|
|
13944
|
+
endAdornment: /*#__PURE__*/React.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/React.createElement(CircularProgress, {
|
|
13945
|
+
color: "inherit",
|
|
13946
|
+
size: 20
|
|
13947
|
+
}) : null, params.InputProps.endAdornment)
|
|
13948
|
+
}
|
|
13949
|
+
})),
|
|
13950
|
+
renderTags: value => {
|
|
13951
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
13952
|
+
className: `${styles$B.tags_container} ${styles$B.no_scrollbar}`
|
|
13953
|
+
}, value.map((option, index) => /*#__PURE__*/React.createElement(Badge, {
|
|
13954
|
+
text: option.label,
|
|
13955
|
+
status: "idle",
|
|
13956
|
+
size: "base",
|
|
13957
|
+
key: `chipt-option-${index}`,
|
|
13958
|
+
className: styles$B.customBadge,
|
|
13959
|
+
canBeRemoved: true,
|
|
13960
|
+
iconRight: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13961
|
+
fill: colors.neutral_700,
|
|
13962
|
+
style: {
|
|
13963
|
+
cursor: 'pointer !important'
|
|
13964
|
+
},
|
|
13965
|
+
onClick: () => deleteOption(option)
|
|
13966
|
+
})
|
|
13967
|
+
})));
|
|
13968
|
+
},
|
|
13969
|
+
renderOption: (props, option, {
|
|
13970
|
+
selected
|
|
13971
|
+
}) => {
|
|
13972
|
+
return /*#__PURE__*/React.createElement("li", Object.assign({}, props, {
|
|
13973
|
+
id: option.value,
|
|
13974
|
+
key: `${props.id}`,
|
|
13975
|
+
style: {
|
|
13976
|
+
gap: '0.5rem'
|
|
13977
|
+
}
|
|
13978
|
+
}), /*#__PURE__*/React.createElement(Checkbox, {
|
|
13979
|
+
checked: selected,
|
|
13980
|
+
onChange: () => null
|
|
13981
|
+
}), /*#__PURE__*/React.createElement(TextForButton, {
|
|
13982
|
+
text: option.label,
|
|
13983
|
+
size: "sm"
|
|
13984
|
+
}));
|
|
13985
|
+
},
|
|
13986
|
+
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13987
|
+
fill: "black",
|
|
13988
|
+
className: `${styles$B.icon}`
|
|
13989
|
+
}),
|
|
13990
|
+
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
13991
|
+
fill: "black",
|
|
13992
|
+
className: `${styles$B.icon}`
|
|
13993
|
+
})
|
|
13994
|
+
}, props)), errorText && /*#__PURE__*/React.createElement(Text, {
|
|
13995
|
+
size: "xs",
|
|
13996
|
+
color: "#F54C4C",
|
|
13997
|
+
italic: true,
|
|
13998
|
+
text: errorText,
|
|
13999
|
+
className: styles$B.text_below
|
|
14000
|
+
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14001
|
+
size: "xs",
|
|
14002
|
+
italic: true,
|
|
14003
|
+
text: helperText,
|
|
14004
|
+
className: styles$B.text_below
|
|
14005
|
+
}));
|
|
14006
|
+
};
|
|
14007
|
+
|
|
14008
|
+
var css_248z$C = ".Banner-modules_notification_banner__tV-v1{align-items:flex-start;border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;max-width:87.5rem;padding:.5rem}.Banner-modules_notification_banner__tV-v1 h2,.Banner-modules_notification_banner__tV-v1 p{white-space:break-spaces}.Banner-modules_banner_content_info__ApkMw{white-space:break-spaces}.Banner-modules_banner_content_info__ApkMw,.Banner-modules_banner_content_info__ApkMw a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_info__ApkMw a{color:#004799}.Banner-modules_banner_content_error__k1sDz{white-space:break-spaces}.Banner-modules_banner_content_error__k1sDz,.Banner-modules_banner_content_error__k1sDz a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_error__k1sDz a{color:#98312e}.Banner-modules_banner_content_success__CvavL{white-space:break-spaces}.Banner-modules_banner_content_success__CvavL,.Banner-modules_banner_content_success__CvavL a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_success__CvavL a{color:#3c743d}.Banner-modules_banner_content_warning__Mxzue{white-space:break-spaces}.Banner-modules_banner_content_warning__Mxzue,.Banner-modules_banner_content_warning__Mxzue a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_warning__Mxzue a{color:#9e7200}.Banner-modules_notification_banner_header__ec-aQ{align-items:center;display:flex;gap:.5rem;width:100%}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_btn_custom__eF82E{margin-left:auto}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_error__sgHt7:hover{background:#fbb7b7;border:1px solid #fbb7b7}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_error__sgHt7 svg{stroke:#98312e!important;fill:#98312e!important}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_warning__4PiRA:hover{background:#ffe299;border:1px solid #ffe299}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_warning__4PiRA svg{stroke:#9e7200!important;fill:#9e7200!important}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_success__KTGuR:hover{background:#d5edd8;border:1px solid #d5edd8}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_success__KTGuR svg{stroke:#3c743d!important;fill:#3c743d!important}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_info__noWvC:hover{background:#99c9ff;border:1px solid #99c9ff}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_info__noWvC svg{stroke:#004799!important;fill:#004799!important}.Banner-modules_notification_banner_error__TrXvs{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c)}.Banner-modules_notification_banner_warning__2sBzi{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Banner-modules_notification_banner_info__0zAT4{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f)}.Banner-modules_notification_banner_success__wG4UQ{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65)}";
|
|
14009
|
+
var styles$C = {"notification_banner":"Banner-modules_notification_banner__tV-v1","banner_content_info":"Banner-modules_banner_content_info__ApkMw","banner_content_error":"Banner-modules_banner_content_error__k1sDz","banner_content_success":"Banner-modules_banner_content_success__CvavL","banner_content_warning":"Banner-modules_banner_content_warning__Mxzue","notification_banner_header":"Banner-modules_notification_banner_header__ec-aQ","icon_btn_custom":"Banner-modules_icon_btn_custom__eF82E","icon_button_error":"Banner-modules_icon_button_error__sgHt7","icon_button_warning":"Banner-modules_icon_button_warning__4PiRA","icon_button_success":"Banner-modules_icon_button_success__KTGuR","icon_button_info":"Banner-modules_icon_button_info__noWvC","notification_banner_error":"Banner-modules_notification_banner_error__TrXvs","notification_banner_warning":"Banner-modules_notification_banner_warning__2sBzi","notification_banner_info":"Banner-modules_notification_banner_info__0zAT4","notification_banner_success":"Banner-modules_notification_banner_success__wG4UQ"};
|
|
14010
|
+
styleInject(css_248z$C);
|
|
14011
|
+
|
|
13772
14012
|
/**
|
|
13773
14013
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
13774
14014
|
*/
|
|
@@ -13823,42 +14063,42 @@ const Banner = ({
|
|
|
13823
14063
|
};
|
|
13824
14064
|
const getBannerColor = () => {
|
|
13825
14065
|
if (type === 'error') {
|
|
13826
|
-
return styles$
|
|
14066
|
+
return styles$C.notification_banner_error;
|
|
13827
14067
|
} else if (type === 'warning') {
|
|
13828
|
-
return styles$
|
|
14068
|
+
return styles$C.notification_banner_warning;
|
|
13829
14069
|
} else if (type === 'success') {
|
|
13830
|
-
return styles$
|
|
14070
|
+
return styles$C.notification_banner_success;
|
|
13831
14071
|
} else {
|
|
13832
|
-
return styles$
|
|
14072
|
+
return styles$C.notification_banner_info;
|
|
13833
14073
|
}
|
|
13834
14074
|
};
|
|
13835
14075
|
const getIconButtonColor = () => {
|
|
13836
14076
|
if (type === 'error') {
|
|
13837
|
-
return styles$
|
|
14077
|
+
return styles$C.icon_button_error;
|
|
13838
14078
|
} else if (type === 'warning') {
|
|
13839
|
-
return styles$
|
|
14079
|
+
return styles$C.icon_button_warning;
|
|
13840
14080
|
} else if (type === 'success') {
|
|
13841
|
-
return styles$
|
|
14081
|
+
return styles$C.icon_button_success;
|
|
13842
14082
|
} else {
|
|
13843
|
-
return styles$
|
|
14083
|
+
return styles$C.icon_button_info;
|
|
13844
14084
|
}
|
|
13845
14085
|
};
|
|
13846
14086
|
const getContentColor = () => {
|
|
13847
14087
|
if (type === 'error') {
|
|
13848
|
-
return styles$
|
|
14088
|
+
return styles$C.banner_content_error;
|
|
13849
14089
|
} else if (type === 'warning') {
|
|
13850
|
-
return styles$
|
|
14090
|
+
return styles$C.banner_content_warning;
|
|
13851
14091
|
} else if (type === 'success') {
|
|
13852
|
-
return styles$
|
|
14092
|
+
return styles$C.banner_content_success;
|
|
13853
14093
|
} else {
|
|
13854
|
-
return styles$
|
|
14094
|
+
return styles$C.banner_content_info;
|
|
13855
14095
|
}
|
|
13856
14096
|
};
|
|
13857
14097
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13858
14098
|
id: id,
|
|
13859
|
-
className: `${styles$
|
|
14099
|
+
className: `${styles$C.notification_banner} ${getBannerColor()} ${className}`
|
|
13860
14100
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13861
|
-
className: styles$
|
|
14101
|
+
className: styles$C.notification_banner_header
|
|
13862
14102
|
}, getBannerIcon(), title && /*#__PURE__*/React.createElement(Title, {
|
|
13863
14103
|
text: title,
|
|
13864
14104
|
weight: "semi-bold",
|
|
@@ -13871,7 +14111,7 @@ const Banner = ({
|
|
|
13871
14111
|
},
|
|
13872
14112
|
size: "xs",
|
|
13873
14113
|
variant: "tertiary",
|
|
13874
|
-
className: `${styles$
|
|
14114
|
+
className: `${styles$C.icon_btn_custom} ${getIconButtonColor()}`
|
|
13875
14115
|
})), content && /*#__PURE__*/React.createElement("div", {
|
|
13876
14116
|
dangerouslySetInnerHTML: {
|
|
13877
14117
|
__html: content
|
|
@@ -13901,9 +14141,9 @@ const NotificationIcon = ({
|
|
|
13901
14141
|
});
|
|
13902
14142
|
};
|
|
13903
14143
|
|
|
13904
|
-
var css_248z$
|
|
13905
|
-
var styles$
|
|
13906
|
-
styleInject(css_248z$
|
|
14144
|
+
var css_248z$D = ".Toast-modules_notification_toast__SAYNK{align-items:center;animation:Toast-modules_moveleft__CTeAe .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__SAYNK .Toast-modules_notification_toast_content__XHELr{align-items:flex-end;display:flex;flex:1 0 0;flex-direction:row;gap:.625rem;padding:1rem}.Toast-modules_notification_toast__SAYNK .Toast-modules_notification_toast_content__XHELr .Toast-modules_toast_link__H6khs{white-space:nowrap}@keyframes Toast-modules_moveleft__CTeAe{to{transform:translateX(95%)}}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn__4eHPm{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__SAYNK .Toast-modules_close_toast_btn__4eHPm svg{fill:#fff;stroke:#fff;transform:rotate(45deg)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_error__Z5zeR{background:var(--color-extended-red-500,#f54c4c);border:1px solid var(--color-extended-red-500,#f54c4c)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_warning__jfHcI{background:var(--color-extended-yellow-500,#ffb800);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_info__GaN2Q{background:var(--color-primary-500,#07f);border:1px solid var(--color-primary-500,#07f)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_success__Izw0b{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Toast-modules_notification_toast_error__hH-BD{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Toast-modules_notification_toast_warning__3i3WF{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Toast-modules_notification_toast_info__4XL8x{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Toast-modules_notification_toast_success__-DAUI{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
|
|
14145
|
+
var styles$D = {"notification_toast":"Toast-modules_notification_toast__SAYNK","moveleft":"Toast-modules_moveleft__CTeAe","notification_toast_content":"Toast-modules_notification_toast_content__XHELr","toast_link":"Toast-modules_toast_link__H6khs","close_toast_btn":"Toast-modules_close_toast_btn__4eHPm","close_toast_btn_error":"Toast-modules_close_toast_btn_error__Z5zeR","close_toast_btn_warning":"Toast-modules_close_toast_btn_warning__jfHcI","close_toast_btn_info":"Toast-modules_close_toast_btn_info__GaN2Q","close_toast_btn_success":"Toast-modules_close_toast_btn_success__Izw0b","notification_toast_error":"Toast-modules_notification_toast_error__hH-BD","notification_toast_warning":"Toast-modules_notification_toast_warning__3i3WF","notification_toast_info":"Toast-modules_notification_toast_info__4XL8x","notification_toast_success":"Toast-modules_notification_toast_success__-DAUI"};
|
|
14146
|
+
styleInject(css_248z$D);
|
|
13907
14147
|
|
|
13908
14148
|
/**
|
|
13909
14149
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13930,30 +14170,30 @@ const Toast = ({
|
|
|
13930
14170
|
};
|
|
13931
14171
|
const getCloseBtnStyleByType = () => {
|
|
13932
14172
|
if (type === 'error') {
|
|
13933
|
-
return styles$
|
|
14173
|
+
return styles$D.close_toast_btn_error;
|
|
13934
14174
|
} else if (type === 'warning') {
|
|
13935
|
-
return styles$
|
|
14175
|
+
return styles$D.close_toast_btn_warning;
|
|
13936
14176
|
} else if (type === 'success') {
|
|
13937
|
-
return styles$
|
|
14177
|
+
return styles$D.close_toast_btn_success;
|
|
13938
14178
|
} else {
|
|
13939
|
-
return styles$
|
|
14179
|
+
return styles$D.close_toast_btn_info;
|
|
13940
14180
|
}
|
|
13941
14181
|
};
|
|
13942
14182
|
const getToastStyleByType = () => {
|
|
13943
14183
|
if (type === 'error') {
|
|
13944
|
-
return styles$
|
|
14184
|
+
return styles$D.notification_toast_error;
|
|
13945
14185
|
} else if (type === 'warning') {
|
|
13946
|
-
return styles$
|
|
14186
|
+
return styles$D.notification_toast_warning;
|
|
13947
14187
|
} else if (type === 'success') {
|
|
13948
|
-
return styles$
|
|
14188
|
+
return styles$D.notification_toast_success;
|
|
13949
14189
|
} else {
|
|
13950
|
-
return styles$
|
|
14190
|
+
return styles$D.notification_toast_info;
|
|
13951
14191
|
}
|
|
13952
14192
|
};
|
|
13953
14193
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13954
|
-
className: `${styles$
|
|
14194
|
+
className: `${styles$D.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13955
14195
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13956
|
-
className: styles$
|
|
14196
|
+
className: styles$D.notification_toast_content
|
|
13957
14197
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
13958
14198
|
text: content,
|
|
13959
14199
|
weight: "regular",
|
|
@@ -13962,19 +14202,19 @@ const Toast = ({
|
|
|
13962
14202
|
}), link && textLink && /*#__PURE__*/React.createElement(Link, {
|
|
13963
14203
|
text: textLink,
|
|
13964
14204
|
link: link,
|
|
13965
|
-
className: styles$
|
|
14205
|
+
className: styles$D.toast_link
|
|
13966
14206
|
})), /*#__PURE__*/React.createElement("button", {
|
|
13967
|
-
className: `${styles$
|
|
14207
|
+
className: `${styles$D.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13968
14208
|
onClick: () => {
|
|
13969
14209
|
}
|
|
13970
14210
|
}, /*#__PURE__*/React.createElement(AddIcon, null)));
|
|
13971
14211
|
};
|
|
13972
14212
|
|
|
13973
|
-
var css_248z$
|
|
13974
|
-
var styles$
|
|
13975
|
-
styleInject(css_248z$
|
|
14213
|
+
var css_248z$E = ".NumberField-module_input__VQ6QI{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;width:100%}.NumberField-module_input__VQ6QI svg{height:1rem;width:1rem}input{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}input.NumberField-module_input__VQ6QI{height:1rem}.NumberField-module_MuiInputBase-root-MuiOutlinedInput-root__gHqZk{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}.NumberField-module_input_top_label__kQUkQ{margin-bottom:.625rem}.NumberField-module_input__VQ6QI .NumberField-module_MuiInputBase-input__lLrc5{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}.NumberField-module_text_below__TFudX{margin:.25rem .5rem .25rem .75rem}.NumberField-module_textSideInput__96LPe{margin-right:.3rem;white-space:nowrap}";
|
|
14214
|
+
var styles$E = {"input":"NumberField-module_input__VQ6QI","MuiInputBase-root-MuiOutlinedInput-root":"NumberField-module_MuiInputBase-root-MuiOutlinedInput-root__gHqZk","input_top_label":"NumberField-module_input_top_label__kQUkQ","MuiInputBase-input":"NumberField-module_MuiInputBase-input__lLrc5","text_below":"NumberField-module_text_below__TFudX","textSideInput":"NumberField-module_textSideInput__96LPe"};
|
|
14215
|
+
styleInject(css_248z$E);
|
|
13976
14216
|
|
|
13977
|
-
const CssTextField$
|
|
14217
|
+
const CssTextField$4 = /*#__PURE__*/styled(TextField)({
|
|
13978
14218
|
'& .MuiInputBase-input': {
|
|
13979
14219
|
color: '#26292E',
|
|
13980
14220
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -14094,7 +14334,7 @@ const NumberField = props => {
|
|
|
14094
14334
|
}, rightIcon) : rightText ? /*#__PURE__*/React.createElement(Text, {
|
|
14095
14335
|
text: rightText,
|
|
14096
14336
|
weight: "bold",
|
|
14097
|
-
className: styles$
|
|
14337
|
+
className: styles$E.textSideInput,
|
|
14098
14338
|
size: "sm"
|
|
14099
14339
|
}) : undefined;
|
|
14100
14340
|
const startAdornment = leftIcon ? /*#__PURE__*/React.createElement(InputAdornment, {
|
|
@@ -14102,22 +14342,22 @@ const NumberField = props => {
|
|
|
14102
14342
|
}, leftIcon) : leftText ? /*#__PURE__*/React.createElement(Text, {
|
|
14103
14343
|
text: leftText,
|
|
14104
14344
|
weight: "bold",
|
|
14105
|
-
className: styles$
|
|
14345
|
+
className: styles$E.textSideInput,
|
|
14106
14346
|
size: "sm"
|
|
14107
14347
|
}) : undefined;
|
|
14108
14348
|
const InputLabelProps = label === undefined ? {
|
|
14109
14349
|
shrink: false
|
|
14110
14350
|
} : {};
|
|
14111
14351
|
return /*#__PURE__*/React.createElement("div", {
|
|
14112
|
-
className: `${className} ${styles$
|
|
14352
|
+
className: `${className} ${styles$E.input}`,
|
|
14113
14353
|
id: id
|
|
14114
14354
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14115
14355
|
text: `${topLabel ? topLabel : ''}`,
|
|
14116
14356
|
weight: topLabelWeight || 'bold',
|
|
14117
14357
|
size: topLabelSize || 'base',
|
|
14118
|
-
className: styles$
|
|
14358
|
+
className: styles$E.input_top_label,
|
|
14119
14359
|
required: required
|
|
14120
|
-
}), /*#__PURE__*/React.createElement(CssTextField$
|
|
14360
|
+
}), /*#__PURE__*/React.createElement(CssTextField$4, {
|
|
14121
14361
|
fullWidth: true,
|
|
14122
14362
|
size: "small",
|
|
14123
14363
|
InputProps: {
|
|
@@ -14158,20 +14398,20 @@ const NumberField = props => {
|
|
|
14158
14398
|
color: "#F54C4C",
|
|
14159
14399
|
italic: true,
|
|
14160
14400
|
text: errorText,
|
|
14161
|
-
className: styles$
|
|
14401
|
+
className: styles$E.text_below
|
|
14162
14402
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14163
14403
|
size: "xs",
|
|
14164
14404
|
italic: true,
|
|
14165
14405
|
text: helperText,
|
|
14166
|
-
className: styles$
|
|
14406
|
+
className: styles$E.text_below
|
|
14167
14407
|
}));
|
|
14168
14408
|
};
|
|
14169
14409
|
|
|
14170
|
-
var css_248z$
|
|
14171
|
-
var styles$
|
|
14172
|
-
styleInject(css_248z$
|
|
14410
|
+
var css_248z$F = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
14411
|
+
var styles$F = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
14412
|
+
styleInject(css_248z$F);
|
|
14173
14413
|
|
|
14174
|
-
const CssTextField$
|
|
14414
|
+
const CssTextField$5 = /*#__PURE__*/styled(TextField)({
|
|
14175
14415
|
'& .MuiInputBase-input': {
|
|
14176
14416
|
color: '#26292E',
|
|
14177
14417
|
height: '2.75rem',
|
|
@@ -14293,7 +14533,7 @@ const NumberInput = ({
|
|
|
14293
14533
|
...props
|
|
14294
14534
|
}) => {
|
|
14295
14535
|
const [value, setValue] = useState('');
|
|
14296
|
-
return /*#__PURE__*/React.createElement(CssTextField$
|
|
14536
|
+
return /*#__PURE__*/React.createElement(CssTextField$5, Object.assign({
|
|
14297
14537
|
value: value,
|
|
14298
14538
|
onKeyDown: event => {
|
|
14299
14539
|
if (event.key === 'Backspace') {
|
|
@@ -14322,7 +14562,7 @@ const NumberInput = ({
|
|
|
14322
14562
|
},
|
|
14323
14563
|
id: `NumberInput#${inputNumber}`,
|
|
14324
14564
|
placeholder: placeholder,
|
|
14325
|
-
className: `${styles$
|
|
14565
|
+
className: `${styles$F.input_number} ${className ?? ''}`
|
|
14326
14566
|
}, props));
|
|
14327
14567
|
};
|
|
14328
14568
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -14352,15 +14592,15 @@ const NumbersCode = ({
|
|
|
14352
14592
|
}));
|
|
14353
14593
|
}
|
|
14354
14594
|
return /*#__PURE__*/React.createElement("div", {
|
|
14355
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
14595
|
+
className: `${containerClassname ?? ''} ${styles$F.blockList}`
|
|
14356
14596
|
}, children);
|
|
14357
14597
|
};
|
|
14358
14598
|
|
|
14359
|
-
var css_248z$
|
|
14360
|
-
var styles$
|
|
14361
|
-
styleInject(css_248z$
|
|
14599
|
+
var css_248z$G = ".PasswordField-module_input__zG2dJ{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;width:100%}.PasswordField-module_input__zG2dJ svg{height:1rem;width:1rem}input{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}input.PasswordField-module_input__zG2dJ{height:1rem}.PasswordField-module_MuiInputBase-root-MuiOutlinedInput-root__MlLax{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}.PasswordField-module_input_top_label__HUxAt{margin-bottom:.625rem}.PasswordField-module_input__zG2dJ .PasswordField-module_MuiInputBase-input__P236X{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}.PasswordField-module_text_below__-CzFK{margin:.25rem .5rem .25rem .75rem}";
|
|
14600
|
+
var styles$G = {"input":"PasswordField-module_input__zG2dJ","MuiInputBase-root-MuiOutlinedInput-root":"PasswordField-module_MuiInputBase-root-MuiOutlinedInput-root__MlLax","input_top_label":"PasswordField-module_input_top_label__HUxAt","MuiInputBase-input":"PasswordField-module_MuiInputBase-input__P236X","text_below":"PasswordField-module_text_below__-CzFK"};
|
|
14601
|
+
styleInject(css_248z$G);
|
|
14362
14602
|
|
|
14363
|
-
const CssTextField$
|
|
14603
|
+
const CssTextField$6 = /*#__PURE__*/styled(TextField)({
|
|
14364
14604
|
'& .MuiInputBase-input': {
|
|
14365
14605
|
color: '#26292E',
|
|
14366
14606
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -14490,15 +14730,15 @@ const PasswordField = props => {
|
|
|
14490
14730
|
shrink: false
|
|
14491
14731
|
} : {};
|
|
14492
14732
|
return /*#__PURE__*/React.createElement("div", {
|
|
14493
|
-
className: `${className} ${styles$
|
|
14733
|
+
className: `${className} ${styles$G.input}`,
|
|
14494
14734
|
id: id
|
|
14495
14735
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14496
14736
|
text: `${topLabel ? topLabel : ''}`,
|
|
14497
14737
|
weight: topLabelWeight || 'bold',
|
|
14498
14738
|
size: topLabelSize || 'base',
|
|
14499
|
-
className: styles$
|
|
14739
|
+
className: styles$G.input_top_label,
|
|
14500
14740
|
required: required
|
|
14501
|
-
}), /*#__PURE__*/React.createElement(CssTextField$
|
|
14741
|
+
}), /*#__PURE__*/React.createElement(CssTextField$6, {
|
|
14502
14742
|
fullWidth: true,
|
|
14503
14743
|
size: "small",
|
|
14504
14744
|
InputProps: {
|
|
@@ -14540,12 +14780,12 @@ const PasswordField = props => {
|
|
|
14540
14780
|
color: "#F54C4C",
|
|
14541
14781
|
italic: true,
|
|
14542
14782
|
text: errorText,
|
|
14543
|
-
className: styles$
|
|
14783
|
+
className: styles$G.text_below
|
|
14544
14784
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14545
14785
|
size: "xs",
|
|
14546
14786
|
italic: true,
|
|
14547
14787
|
text: helperText,
|
|
14548
|
-
className: styles$
|
|
14788
|
+
className: styles$G.text_below
|
|
14549
14789
|
}));
|
|
14550
14790
|
};
|
|
14551
14791
|
|
|
@@ -14626,9 +14866,9 @@ const PopoverBeta = ({
|
|
|
14626
14866
|
});
|
|
14627
14867
|
};
|
|
14628
14868
|
|
|
14629
|
-
var css_248z$
|
|
14630
|
-
var styles$
|
|
14631
|
-
styleInject(css_248z$
|
|
14869
|
+
var css_248z$H = ".PricingCard-module_pricingCard__fROTO{background-color:#fff;border:1px solid #d5d5d6;border-radius:.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.078);box-shadow:0 1px 3px 0 rgba(0,0,0,.149);position:relative;width:22.75rem}.PricingCard-module_pricingCard__fROTO.PricingCard-module_dark__SzVpk{background:linear-gradient(180deg,#4b4e52,#26292e),linear-gradient(0deg,#00040a,#00040a)}.PricingCard-module_pricingCard__fROTO.PricingCard-module_highlighted__ImvM8{border:1px solid #07f;border-radius:0 0 .5rem .5rem;border-top:none}.PricingCard-module_pricingCard__fROTO.PricingCard-module_highlighted__ImvM8 .PricingCard-module_highlightMessage__bFwAe{align-items:center;background:linear-gradient(135.07deg,#07f,#9024f6 98.4%);border:1px solid #07f;border-bottom:none;border-radius:.5rem .5rem 0 0;box-sizing:border-box;display:flex;height:2.5rem;justify-content:center;left:-1px;position:absolute;top:-2.5rem;width:calc(100% + 2px)}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_header__uwPpu .PricingCard-module_header_top__NhRN9{align-items:center;display:flex;gap:1rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_header__uwPpu .PricingCard-module_header_top__NhRN9 .PricingCard-module_tag__5fOms{align-items:center;background:var(--Color-Gradients-005,linear-gradient(180deg,#3392ff 0,#07f 100%));border-radius:.25rem;display:flex;gap:.25rem;height:1.25rem;padding:0 .375rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_header__uwPpu .PricingCard-module_description__SRkhD{min-height:4.8rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M{display:flex;flex-direction:column;margin-top:auto}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M .PricingCard-module_lineThrough__0qlii{text-decoration:line-through}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M .PricingCard-module_price__hO86a .PricingCard-module_amount__ifS46{align-items:center;display:flex;gap:.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M .PricingCard-module_interviews__rdAad{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o{display:flex;flex-direction:column;gap:.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4 .PricingCard-module_feature__G-g0H{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4 .PricingCard-module_feature__G-g0H .PricingCard-module_icon__wdQd-{fill:#5cbb65}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4 .PricingCard-module_feature__G-g0H .PricingCard-module_tooltipButton__OMpP9{margin-left:auto}";
|
|
14870
|
+
var styles$H = {"pricingCard":"PricingCard-module_pricingCard__fROTO","dark":"PricingCard-module_dark__SzVpk","highlighted":"PricingCard-module_highlighted__ImvM8","highlightMessage":"PricingCard-module_highlightMessage__bFwAe","mainContent":"PricingCard-module_mainContent__t0fc0","header":"PricingCard-module_header__uwPpu","header_top":"PricingCard-module_header_top__NhRN9","tag":"PricingCard-module_tag__5fOms","description":"PricingCard-module_description__SRkhD","pricing":"PricingCard-module_pricing__QcG-M","lineThrough":"PricingCard-module_lineThrough__0qlii","price":"PricingCard-module_price__hO86a","amount":"PricingCard-module_amount__ifS46","interviews":"PricingCard-module_interviews__rdAad","features":"PricingCard-module_features__SvM6o","featuresList":"PricingCard-module_featuresList__-5Lq4","feature":"PricingCard-module_feature__G-g0H","icon":"PricingCard-module_icon__wdQd-","tooltipButton":"PricingCard-module_tooltipButton__OMpP9"};
|
|
14871
|
+
styleInject(css_248z$H);
|
|
14632
14872
|
|
|
14633
14873
|
const PricingCard = ({
|
|
14634
14874
|
cardInfo: {
|
|
@@ -14672,9 +14912,9 @@ const PricingCard = ({
|
|
|
14672
14912
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14673
14913
|
};
|
|
14674
14914
|
return /*#__PURE__*/React.createElement("div", {
|
|
14675
|
-
className: styles$
|
|
14915
|
+
className: styles$H.pricingCard + (isHighlighted ? ` ${styles$H.highlighted}` : '') + (isDark ? ` ${styles$H.dark}` : '') + (className ? ` ${className}` : '')
|
|
14676
14916
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React.createElement("div", {
|
|
14677
|
-
className: styles$
|
|
14917
|
+
className: styles$H.highlightMessage
|
|
14678
14918
|
}, /*#__PURE__*/React.createElement("svg", {
|
|
14679
14919
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14680
14920
|
width: "16",
|
|
@@ -14700,7 +14940,7 @@ const PricingCard = ({
|
|
|
14700
14940
|
text: highlightMessage,
|
|
14701
14941
|
color: "#fff"
|
|
14702
14942
|
})), /*#__PURE__*/React.createElement("div", {
|
|
14703
|
-
className: styles$
|
|
14943
|
+
className: styles$H.mainContent
|
|
14704
14944
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14705
14945
|
style: {
|
|
14706
14946
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14708,44 +14948,44 @@ const PricingCard = ({
|
|
|
14708
14948
|
flexDirection: 'column'
|
|
14709
14949
|
}
|
|
14710
14950
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14711
|
-
className: styles$
|
|
14951
|
+
className: styles$H.header
|
|
14712
14952
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14713
|
-
className: styles$
|
|
14953
|
+
className: styles$H.header_top
|
|
14714
14954
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14715
14955
|
size: "xl",
|
|
14716
14956
|
weight: "bold",
|
|
14717
14957
|
text: title,
|
|
14718
14958
|
color: isDark ? '#fff' : ''
|
|
14719
14959
|
}), yourPlanText && /*#__PURE__*/React.createElement("div", {
|
|
14720
|
-
className: styles$
|
|
14960
|
+
className: styles$H.tag
|
|
14721
14961
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14722
14962
|
size: "xs",
|
|
14723
14963
|
text: yourPlanText,
|
|
14724
14964
|
color: colors.white
|
|
14725
14965
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14726
|
-
className: styles$
|
|
14966
|
+
className: styles$H.description
|
|
14727
14967
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14728
14968
|
size: "base",
|
|
14729
14969
|
weight: "semi-bold",
|
|
14730
14970
|
text: description,
|
|
14731
14971
|
color: isDark ? 'white' : ''
|
|
14732
14972
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14733
|
-
className: styles$
|
|
14973
|
+
className: styles$H.pricing
|
|
14734
14974
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14735
14975
|
size: "base",
|
|
14736
14976
|
weight: "bold",
|
|
14737
14977
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14738
14978
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14739
|
-
className: styles$
|
|
14979
|
+
className: styles$H.lineThrough
|
|
14740
14980
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14741
|
-
className: styles$
|
|
14981
|
+
className: styles$H.price
|
|
14742
14982
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Title, {
|
|
14743
14983
|
size: "xxl",
|
|
14744
14984
|
weight: "bold",
|
|
14745
14985
|
text: cmsContent.LetsTalk,
|
|
14746
14986
|
color: isDark ? '#fff' : ''
|
|
14747
14987
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
14748
|
-
className: styles$
|
|
14988
|
+
className: styles$H.amount
|
|
14749
14989
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14750
14990
|
size: "xxxl",
|
|
14751
14991
|
weight: "bold",
|
|
@@ -14761,7 +15001,7 @@ const PricingCard = ({
|
|
|
14761
15001
|
`,
|
|
14762
15002
|
color: isDark ? 'white' : colors.neutral_550
|
|
14763
15003
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14764
|
-
className: styles$
|
|
15004
|
+
className: styles$H.interviews
|
|
14765
15005
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Text, {
|
|
14766
15006
|
size: "sm",
|
|
14767
15007
|
weight: "semi-bold",
|
|
@@ -14784,24 +15024,24 @@ const PricingCard = ({
|
|
|
14784
15024
|
text: buttonText[tier],
|
|
14785
15025
|
size: "base",
|
|
14786
15026
|
variant: buttonVariant[tier],
|
|
14787
|
-
className: styles$
|
|
15027
|
+
className: styles$H.button,
|
|
14788
15028
|
disabled: yourPlanText ? true : false,
|
|
14789
15029
|
customBackground: buttonBackgrounds[tier],
|
|
14790
15030
|
onClick: onClick
|
|
14791
15031
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14792
|
-
className: styles$
|
|
15032
|
+
className: styles$H.features
|
|
14793
15033
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14794
15034
|
size: "base",
|
|
14795
15035
|
weight: "semi-bold",
|
|
14796
15036
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14797
15037
|
color: isDark ? 'white' : ''
|
|
14798
15038
|
}), /*#__PURE__*/React.createElement("ul", {
|
|
14799
|
-
className: styles$
|
|
15039
|
+
className: styles$H.featuresList
|
|
14800
15040
|
}, featuresList.map((feature, index) => /*#__PURE__*/React.createElement("li", {
|
|
14801
|
-
className: styles$
|
|
15041
|
+
className: styles$H.feature,
|
|
14802
15042
|
key: index
|
|
14803
15043
|
}, /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
14804
|
-
className: styles$
|
|
15044
|
+
className: styles$H.icon
|
|
14805
15045
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14806
15046
|
size: "sm",
|
|
14807
15047
|
weight: "regular",
|
|
@@ -14816,13 +15056,13 @@ const PricingCard = ({
|
|
|
14816
15056
|
}),
|
|
14817
15057
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14818
15058
|
size: "xxs",
|
|
14819
|
-
className: styles$
|
|
15059
|
+
className: styles$H.tooltipButton
|
|
14820
15060
|
}))))))));
|
|
14821
15061
|
};
|
|
14822
15062
|
|
|
14823
|
-
var css_248z$
|
|
14824
|
-
var styles$
|
|
14825
|
-
styleInject(css_248z$
|
|
15063
|
+
var css_248z$I = ".Radio-module_radioBtnWrapper__iOwkT{align-items:center;display:flex;flex-direction:row}.Radio-module_radioBtnWrapper__iOwkT .Radio-module_MuiRadio-root__kYP8v{height:16px;width:16px}";
|
|
15064
|
+
var styles$I = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
15065
|
+
styleInject(css_248z$I);
|
|
14826
15066
|
|
|
14827
15067
|
const BpIcon$1 = /*#__PURE__*/styled('span')(() => ({
|
|
14828
15068
|
borderRadius: '50%',
|
|
@@ -14875,7 +15115,7 @@ const Radio = ({
|
|
|
14875
15115
|
}) => {
|
|
14876
15116
|
return /*#__PURE__*/React.createElement("div", {
|
|
14877
15117
|
id: id,
|
|
14878
|
-
className: `${styles$
|
|
15118
|
+
className: `${styles$I.radioBtnWrapper} ${className}`
|
|
14879
15119
|
}, leftLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14880
15120
|
text: leftLabel,
|
|
14881
15121
|
size: "sm"
|
|
@@ -14897,9 +15137,9 @@ const Radio = ({
|
|
|
14897
15137
|
}));
|
|
14898
15138
|
};
|
|
14899
15139
|
|
|
14900
|
-
var css_248z$
|
|
14901
|
-
var styles$
|
|
14902
|
-
styleInject(css_248z$
|
|
15140
|
+
var css_248z$J = ".RatingScale-module_ratingScale__ptjNR .RatingScale-module_formControl__ulQfE{width:100%}.RatingScale-module_ratingScale__ptjNR .RatingScale-module_formControl__ulQfE .RatingScale-module_radioGroup__svUeH{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.RatingScale-module_ratingScale__ptjNR .RatingScale-module_formControl__ulQfE .RatingScale-module_radioGroup__svUeH .RatingScale-module_radioContainer__Fk8Zt{display:flex;gap:.25rem}.RatingScale-module_ratingScale__ptjNR .RatingScale-module_ratingScaleText__jLdCm{display:flex;justify-content:space-between}";
|
|
15141
|
+
var styles$J = {"ratingScale":"RatingScale-module_ratingScale__ptjNR","formControl":"RatingScale-module_formControl__ulQfE","radioGroup":"RatingScale-module_radioGroup__svUeH","radioContainer":"RatingScale-module_radioContainer__Fk8Zt","ratingScaleText":"RatingScale-module_ratingScaleText__jLdCm"};
|
|
15142
|
+
styleInject(css_248z$J);
|
|
14903
15143
|
|
|
14904
15144
|
const RatingScale = props => {
|
|
14905
15145
|
const {
|
|
@@ -14921,19 +15161,19 @@ const RatingScale = props => {
|
|
|
14921
15161
|
otherProps
|
|
14922
15162
|
} = props;
|
|
14923
15163
|
return /*#__PURE__*/React.createElement("div", {
|
|
14924
|
-
className: styles$
|
|
15164
|
+
className: styles$J.ratingScale + ' ' + className
|
|
14925
15165
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14926
15166
|
text: `${topLabel ? topLabel : ''}`,
|
|
14927
15167
|
weight: topLabelWeight || 'bold',
|
|
14928
15168
|
size: topLabelSize || 'base',
|
|
14929
|
-
className: styles$
|
|
15169
|
+
className: styles$J.topLabel,
|
|
14930
15170
|
required: required
|
|
14931
15171
|
}), /*#__PURE__*/React.createElement(FormControl, {
|
|
14932
15172
|
component: "fieldset",
|
|
14933
|
-
className: styles$
|
|
15173
|
+
className: styles$J.formControl,
|
|
14934
15174
|
error: error
|
|
14935
15175
|
}, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({
|
|
14936
|
-
className: styles$
|
|
15176
|
+
className: styles$J.radioGroup,
|
|
14937
15177
|
"aria-label": "rating",
|
|
14938
15178
|
name: name,
|
|
14939
15179
|
value: value,
|
|
@@ -14948,17 +15188,17 @@ const RatingScale = props => {
|
|
|
14948
15188
|
checked: value === option,
|
|
14949
15189
|
disabled: disabled
|
|
14950
15190
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React.createElement("div", {
|
|
14951
|
-
className: styles$
|
|
15191
|
+
className: styles$J.ratingScaleText
|
|
14952
15192
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14953
15193
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14954
15194
|
weight: 'regular',
|
|
14955
15195
|
size: 'sm',
|
|
14956
|
-
className: styles$
|
|
15196
|
+
className: styles$J.ratingScaleStartText
|
|
14957
15197
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14958
15198
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14959
15199
|
weight: 'regular',
|
|
14960
15200
|
size: 'sm',
|
|
14961
|
-
className: styles$
|
|
15201
|
+
className: styles$J.ratingScaleEndText
|
|
14962
15202
|
})) : null);
|
|
14963
15203
|
};
|
|
14964
15204
|
|
|
@@ -14984,12 +15224,12 @@ const Search = ({
|
|
|
14984
15224
|
});
|
|
14985
15225
|
};
|
|
14986
15226
|
|
|
14987
|
-
var css_248z$
|
|
14988
|
-
var styles$
|
|
14989
|
-
styleInject(css_248z$
|
|
15227
|
+
var css_248z$K = ".SingleSelect-modules_newAutocomplete__eqYQo{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__eqYQo label,.SingleSelect-modules_newAutocomplete__eqYQo 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__eqYQo .SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__duzAQ{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__bpVWQ.SingleSelect-modules_MuiInputBase-root__FVaHT.SingleSelect-modules_MuiInputBase-formControl__lYoNJ{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__6l3Mu{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__-dAuA{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
15228
|
+
var styles$K = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__eqYQo","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU","tags-container":"SingleSelect-modules_tags-container__ohLVa","input_top_label":"SingleSelect-modules_input_top_label__duzAQ","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__bpVWQ","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__FVaHT","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__lYoNJ","text_below":"SingleSelect-modules_text_below__6l3Mu","icon":"SingleSelect-modules_icon__-dAuA"};
|
|
15229
|
+
styleInject(css_248z$K);
|
|
14990
15230
|
|
|
14991
15231
|
const filter$2 = /*#__PURE__*/createFilterOptions();
|
|
14992
|
-
const CssTextField$
|
|
15232
|
+
const CssTextField$7 = /*#__PURE__*/styled(TextField)({
|
|
14993
15233
|
'& .MuiInputBase-input': {
|
|
14994
15234
|
color: '#26292E',
|
|
14995
15235
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -15116,7 +15356,7 @@ const SingleSelect = ({
|
|
|
15116
15356
|
text: `${topLabel ? topLabel : ''}`,
|
|
15117
15357
|
weight: topLabelWeight || 'bold',
|
|
15118
15358
|
size: topLabelSize || 'base',
|
|
15119
|
-
className: styles$
|
|
15359
|
+
className: styles$K.input_top_label,
|
|
15120
15360
|
required: required
|
|
15121
15361
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
15122
15362
|
id: inputId,
|
|
@@ -15147,7 +15387,7 @@ const SingleSelect = ({
|
|
|
15147
15387
|
isOptionEqualToValue: (option, value) => {
|
|
15148
15388
|
if (value._id && option._id) return option._id === value._id;else if (value && value !== '') return option.value === value.value;else return false;
|
|
15149
15389
|
},
|
|
15150
|
-
renderInput: params => /*#__PURE__*/React.createElement(CssTextField$
|
|
15390
|
+
renderInput: params => /*#__PURE__*/React.createElement(CssTextField$7, Object.assign({}, params, {
|
|
15151
15391
|
variant: "outlined",
|
|
15152
15392
|
fullWidth: true,
|
|
15153
15393
|
label: `${label && topLabel === undefined ? label : ''}`,
|
|
@@ -15159,13 +15399,13 @@ const SingleSelect = ({
|
|
|
15159
15399
|
})),
|
|
15160
15400
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
15161
15401
|
fill: "black",
|
|
15162
|
-
className: `${styles$
|
|
15402
|
+
className: `${styles$K.icon}`
|
|
15163
15403
|
}),
|
|
15164
15404
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
15165
15405
|
fill: "black",
|
|
15166
|
-
className: `${styles$
|
|
15406
|
+
className: `${styles$K.icon}`
|
|
15167
15407
|
}),
|
|
15168
|
-
className: `${styles$
|
|
15408
|
+
className: `${styles$K.newAutocomplete}`,
|
|
15169
15409
|
renderOption: (props, option) => {
|
|
15170
15410
|
return /*#__PURE__*/React.createElement("li", Object.assign({}, props, {
|
|
15171
15411
|
key: option.value,
|
|
@@ -15195,18 +15435,18 @@ const SingleSelect = ({
|
|
|
15195
15435
|
color: "#F54C4C",
|
|
15196
15436
|
italic: true,
|
|
15197
15437
|
text: errorText,
|
|
15198
|
-
className: styles$
|
|
15438
|
+
className: styles$K.text_below
|
|
15199
15439
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15200
15440
|
size: "xs",
|
|
15201
15441
|
italic: true,
|
|
15202
15442
|
text: helperText,
|
|
15203
|
-
className: styles$
|
|
15443
|
+
className: styles$K.text_below
|
|
15204
15444
|
}));
|
|
15205
15445
|
};
|
|
15206
15446
|
|
|
15207
|
-
var css_248z$
|
|
15208
|
-
var styles$
|
|
15209
|
-
styleInject(css_248z$
|
|
15447
|
+
var css_248z$L = ".StarRating-module_star_button__-Ow5-{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}.StarRating-module_star_button__-Ow5- svg{height:1rem;width:1rem}.StarRating-module_on__BM-R7{color:#f9dc4d}.StarRating-module_off__FNhMc{color:transparent}.StarRating-module_star_rating__yHl4s{display:flex;flex-direction:row;gap:.5rem}";
|
|
15448
|
+
var styles$L = {"star_button":"StarRating-module_star_button__-Ow5-","on":"StarRating-module_on__BM-R7","off":"StarRating-module_off__FNhMc","star_rating":"StarRating-module_star_rating__yHl4s"};
|
|
15449
|
+
styleInject(css_248z$L);
|
|
15210
15450
|
|
|
15211
15451
|
const StarRating = ({
|
|
15212
15452
|
id,
|
|
@@ -15218,14 +15458,14 @@ const StarRating = ({
|
|
|
15218
15458
|
const [rating, setRating] = useState(value ?? 0);
|
|
15219
15459
|
const [hover, setHover] = useState(0);
|
|
15220
15460
|
return /*#__PURE__*/React.createElement("div", {
|
|
15221
|
-
className: styles$
|
|
15461
|
+
className: styles$L.star_rating,
|
|
15222
15462
|
id: id
|
|
15223
15463
|
}, [...Array(5)].map((_star, index) => {
|
|
15224
15464
|
index += 1;
|
|
15225
15465
|
return /*#__PURE__*/React.createElement("button", {
|
|
15226
15466
|
type: "button",
|
|
15227
15467
|
key: index,
|
|
15228
|
-
className: styles$
|
|
15468
|
+
className: styles$L.star_button,
|
|
15229
15469
|
onClick: () => {
|
|
15230
15470
|
setRating(index);
|
|
15231
15471
|
onClick(index);
|
|
@@ -15257,9 +15497,9 @@ const StarRating = ({
|
|
|
15257
15497
|
}));
|
|
15258
15498
|
};
|
|
15259
15499
|
|
|
15260
|
-
var css_248z$
|
|
15261
|
-
var styles$
|
|
15262
|
-
styleInject(css_248z$
|
|
15500
|
+
var css_248z$M = ".Switch-module_switchWrapper__GNSan{align-items:center;display:flex;gap:.5rem}.Switch-module_switchWrapper__GNSan span{margin:0}.Switch-module_disabled__JLXV5 span{cursor:not-allowed!important}";
|
|
15501
|
+
var styles$M = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
15502
|
+
styleInject(css_248z$M);
|
|
15263
15503
|
|
|
15264
15504
|
const CustomSwitch = /*#__PURE__*/styled$1(Switch$1)({
|
|
15265
15505
|
'& .MuiSwitch-track': {
|
|
@@ -15294,7 +15534,7 @@ const Switch = ({
|
|
|
15294
15534
|
className
|
|
15295
15535
|
}) => {
|
|
15296
15536
|
return /*#__PURE__*/React.createElement("div", {
|
|
15297
|
-
className: `${styles$
|
|
15537
|
+
className: `${styles$M.switchWrapper} ${disabled && styles$M.disabled}${className}`,
|
|
15298
15538
|
id: id
|
|
15299
15539
|
}, label && /*#__PURE__*/React.createElement(Text, {
|
|
15300
15540
|
text: label,
|
|
@@ -15316,9 +15556,9 @@ const Switch = ({
|
|
|
15316
15556
|
}));
|
|
15317
15557
|
};
|
|
15318
15558
|
|
|
15319
|
-
var css_248z$
|
|
15320
|
-
var styles$
|
|
15321
|
-
styleInject(css_248z$
|
|
15559
|
+
var css_248z$N = ".TableFooter-modules_footer__xY8qA{align-items:center;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .375rem .375rem;border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;justify-content:flex-end;padding:0 .5rem 0 3rem;width:calc(100% - 3.625rem)}.TableFooter-modules_footer__xY8qA .TableFooter-modules_footer_content__HBLdL{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__xY8qA .TableFooter-modules_footer_content__HBLdL .TableFooter-modules_footerText__sSKP2{text-align:center;width:100%}.TableFooter-modules_footer__xY8qA .TableFooter-modules_footer_content__HBLdL .TableFooter-modules_actionsBtn__i5BX4{margin-left:auto}.TableFooter-modules_popoverContent__G2W8b{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t a{text-decoration:none}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t:hover{background:#eee}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t svg{height:1rem;width:1rem}";
|
|
15560
|
+
var styles$N = {"footer":"TableFooter-modules_footer__xY8qA","footer_content":"TableFooter-modules_footer_content__HBLdL","footerText":"TableFooter-modules_footerText__sSKP2","actionsBtn":"TableFooter-modules_actionsBtn__i5BX4","popoverContent":"TableFooter-modules_popoverContent__G2W8b","item":"TableFooter-modules_item__eS31t"};
|
|
15561
|
+
styleInject(css_248z$N);
|
|
15322
15562
|
|
|
15323
15563
|
const TableFooter = ({
|
|
15324
15564
|
footerText,
|
|
@@ -15327,26 +15567,26 @@ const TableFooter = ({
|
|
|
15327
15567
|
footerAction
|
|
15328
15568
|
}) => {
|
|
15329
15569
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
15330
|
-
className: `${styles$
|
|
15570
|
+
className: `${styles$N.footer} ${footerClassName && footerClassName}`
|
|
15331
15571
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15332
|
-
className: `${styles$
|
|
15572
|
+
className: `${styles$N.footer_content}`
|
|
15333
15573
|
}, footerText && /*#__PURE__*/React.createElement(Text, {
|
|
15334
15574
|
size: "sm",
|
|
15335
15575
|
text: footerText,
|
|
15336
15576
|
color: colors.neutral_600,
|
|
15337
|
-
className: styles$
|
|
15577
|
+
className: styles$N.footerText
|
|
15338
15578
|
}), footerIconRight && /*#__PURE__*/React.createElement(IconButton, {
|
|
15339
15579
|
icon: footerIconRight,
|
|
15340
15580
|
variant: "tertiary",
|
|
15341
15581
|
onClick: footerAction,
|
|
15342
|
-
className: styles$
|
|
15582
|
+
className: styles$N.actionsBtn,
|
|
15343
15583
|
size: "xs"
|
|
15344
15584
|
}))));
|
|
15345
15585
|
};
|
|
15346
15586
|
|
|
15347
|
-
var css_248z$
|
|
15348
|
-
var styles$
|
|
15349
|
-
styleInject(css_248z$
|
|
15587
|
+
var css_248z$O = ".header-modules_table_header__L2DwU{align-items:center;align-self:stretch;background:transparent;border:transparent;border-radius:.375rem .375rem 0 0;display:flex;height:3.5rem;padding:0 .5rem}.header-modules_table_header__L2DwU .header-modules_header_cell__JQcrU{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem .5rem}.header-modules_table_header__L2DwU .header-modules_header_cell__JQcrU svg{fill:#000;height:.75rem;width:.75rem}";
|
|
15588
|
+
var styles$O = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
15589
|
+
styleInject(css_248z$O);
|
|
15350
15590
|
|
|
15351
15591
|
const TableHeader$1 = ({
|
|
15352
15592
|
headers,
|
|
@@ -15356,7 +15596,7 @@ const TableHeader$1 = ({
|
|
|
15356
15596
|
selectAll
|
|
15357
15597
|
}) => {
|
|
15358
15598
|
return /*#__PURE__*/React.createElement("div", {
|
|
15359
|
-
className: `${styles$
|
|
15599
|
+
className: `${styles$O.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
15360
15600
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React.createElement(Checkbox, {
|
|
15361
15601
|
checked: areAllSelected,
|
|
15362
15602
|
onChange: () => selectAll()
|
|
@@ -15387,7 +15627,7 @@ const TableHeader$1 = ({
|
|
|
15387
15627
|
style: {
|
|
15388
15628
|
flex: header.flexWidth ?? 1
|
|
15389
15629
|
},
|
|
15390
|
-
className: styles$
|
|
15630
|
+
className: styles$O.header_cell
|
|
15391
15631
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
15392
15632
|
text: header.name,
|
|
15393
15633
|
weight: header.weight,
|
|
@@ -15396,14 +15636,14 @@ const TableHeader$1 = ({
|
|
|
15396
15636
|
}), header.icon && header.icon)));
|
|
15397
15637
|
};
|
|
15398
15638
|
|
|
15399
|
-
var css_248z$
|
|
15400
|
-
var styles$
|
|
15401
|
-
styleInject(css_248z$O);
|
|
15402
|
-
|
|
15403
|
-
var css_248z$P = ".table-cell-modules_cell__zEGFZ{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__zEGFZ p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
15404
|
-
var styles$P = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15639
|
+
var css_248z$P = ".rows-modules_rows__hlE0W{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;max-height:65vh;overflow-y:scroll;width:100%}.rows-modules_rows__hlE0W .rows-modules_row__4ez-4{align-items:center;align-self:stretch;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;padding:0 .5rem}.rows-modules_rows__hlE0W .rows-modules_row__4ez-4:hover{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.rows-modules_rows__hlE0W .rows-modules_firstRow__TK4Su{border-radius:.25rem .25rem 0 0;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.rows-modules_rows__hlE0W .rows-modules_lastRow__fZai8{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .25rem .25rem}";
|
|
15640
|
+
var styles$P = {"rows":"rows-modules_rows__hlE0W","row":"rows-modules_row__4ez-4","firstRow":"rows-modules_firstRow__TK4Su","lastRow":"rows-modules_lastRow__fZai8"};
|
|
15405
15641
|
styleInject(css_248z$P);
|
|
15406
15642
|
|
|
15643
|
+
var css_248z$Q = ".table-cell-modules_cell__zEGFZ{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__zEGFZ p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
15644
|
+
var styles$Q = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15645
|
+
styleInject(css_248z$Q);
|
|
15646
|
+
|
|
15407
15647
|
const TableCell = ({
|
|
15408
15648
|
text,
|
|
15409
15649
|
weight = 'regular',
|
|
@@ -15414,7 +15654,7 @@ const TableCell = ({
|
|
|
15414
15654
|
select
|
|
15415
15655
|
}) => {
|
|
15416
15656
|
return /*#__PURE__*/React.createElement("div", {
|
|
15417
|
-
className: `${styles$
|
|
15657
|
+
className: `${styles$Q.cell} ${className && className}`,
|
|
15418
15658
|
style: {
|
|
15419
15659
|
flex: flexWidth
|
|
15420
15660
|
}
|
|
@@ -15439,14 +15679,14 @@ const TableRows = ({
|
|
|
15439
15679
|
}) => {
|
|
15440
15680
|
return /*#__PURE__*/React.createElement("div", {
|
|
15441
15681
|
id: id,
|
|
15442
|
-
className: `${styles$
|
|
15682
|
+
className: `${styles$P.rows} ${rowsClassName}`
|
|
15443
15683
|
}, rows.map((row, index) => {
|
|
15444
|
-
let rowClassName = `${styles$
|
|
15684
|
+
let rowClassName = `${styles$P.row} ${row.className}`;
|
|
15445
15685
|
// Add first and last row classes
|
|
15446
15686
|
if (index === 0) {
|
|
15447
|
-
rowClassName += ` ${styles$
|
|
15687
|
+
rowClassName += ` ${styles$P.firstRow}`;
|
|
15448
15688
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
15449
|
-
rowClassName += ` ${styles$
|
|
15689
|
+
rowClassName += ` ${styles$P.lastRow}`;
|
|
15450
15690
|
}
|
|
15451
15691
|
return /*#__PURE__*/React.createElement("div", {
|
|
15452
15692
|
key: `row-${index}`,
|
|
@@ -15469,9 +15709,9 @@ const TableRows = ({
|
|
|
15469
15709
|
}));
|
|
15470
15710
|
};
|
|
15471
15711
|
|
|
15472
|
-
var css_248z$
|
|
15473
|
-
var styles$
|
|
15474
|
-
styleInject(css_248z$
|
|
15712
|
+
var css_248z$R = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
15713
|
+
var styles$R = {"table":"Table-modules_table__ddiph"};
|
|
15714
|
+
styleInject(css_248z$R);
|
|
15475
15715
|
|
|
15476
15716
|
/**
|
|
15477
15717
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -15495,7 +15735,7 @@ const Table = ({
|
|
|
15495
15735
|
}) => {
|
|
15496
15736
|
return /*#__PURE__*/React.createElement("div", {
|
|
15497
15737
|
id: tableId,
|
|
15498
|
-
className: `${styles$
|
|
15738
|
+
className: `${styles$R.table} ${className}`
|
|
15499
15739
|
}, /*#__PURE__*/React.createElement(TableHeader$1, {
|
|
15500
15740
|
headers: headers,
|
|
15501
15741
|
isSelectable: isSelectable,
|
|
@@ -15516,9 +15756,9 @@ const Table = ({
|
|
|
15516
15756
|
}));
|
|
15517
15757
|
};
|
|
15518
15758
|
|
|
15519
|
-
var css_248z$
|
|
15520
|
-
var styles$
|
|
15521
|
-
styleInject(css_248z$
|
|
15759
|
+
var css_248z$S = ".tabs-modules_new_tabs__rM5Ag{height:100%}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj{background:var(--color-neutral-clear-shades-150,#eee);border-radius:4px;width:-moz-fit-content;width:fit-content}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7{border:none;height:2.375rem;max-height:2.375rem;min-height:2px}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7 .tabs-modules_MuiTabs-flexContainer__C1OSY{border:none;gap:.5rem;height:2.375rem;max-height:2.375rem;min-height:2px;padding:.25rem}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7 .tabs-modules_MuiTabs-flexContainer__C1OSY .tabs-modules_MuiTab-root__P-igo{text-transform:none}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7 .tabs-modules_MuiTabs-indicator__EdcNx{background:#fff;border-radius:4px;bottom:.25rem;height:1.875rem}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj button{background:transparent;border:none;color:#000;font-family:Open Sans;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__rM5Ag .tabs-modules_MuiTabs-root__Oktdj button.tabs-modules_Mui-selected__FGx18{background:transparent;border:none;border-radius:4px;color:#000;min-height:0;min-width:0}";
|
|
15760
|
+
var styles$S = {"new_tabs":"tabs-modules_new_tabs__rM5Ag","MuiTabs-root":"tabs-modules_MuiTabs-root__Oktdj","MuiTabs-scroller":"tabs-modules_MuiTabs-scroller__5-WR7","MuiTabs-flexContainer":"tabs-modules_MuiTabs-flexContainer__C1OSY","MuiTab-root":"tabs-modules_MuiTab-root__P-igo","MuiTabs-indicator":"tabs-modules_MuiTabs-indicator__EdcNx","Mui-selected":"tabs-modules_Mui-selected__FGx18"};
|
|
15761
|
+
styleInject(css_248z$S);
|
|
15522
15762
|
|
|
15523
15763
|
const TabPanel = ({
|
|
15524
15764
|
id,
|
|
@@ -15551,7 +15791,7 @@ const Tabs = ({
|
|
|
15551
15791
|
if (onSelect) onSelect(newValue);
|
|
15552
15792
|
};
|
|
15553
15793
|
return /*#__PURE__*/React.createElement("div", {
|
|
15554
|
-
className: styles$
|
|
15794
|
+
className: styles$S.new_tabs,
|
|
15555
15795
|
id: id
|
|
15556
15796
|
}, /*#__PURE__*/React.createElement(Tabs$1, {
|
|
15557
15797
|
value: value,
|
|
@@ -15585,9 +15825,9 @@ const Tabs = ({
|
|
|
15585
15825
|
}, tab.component)));
|
|
15586
15826
|
};
|
|
15587
15827
|
|
|
15588
|
-
var css_248z$
|
|
15589
|
-
var styles$
|
|
15590
|
-
styleInject(css_248z$
|
|
15828
|
+
var css_248z$T = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ:hover{background:transparent!important}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41:hover{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_selected__TEz63{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label__GFbid{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;display:flex;gap:.5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41 h2{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}";
|
|
15829
|
+
var styles$T = {"tabFilled":"tabsUnderline-modules_tabFilled__q0pA5","tabs_root":"tabsUnderline-modules_tabs_root__zTVoo","tab_label":"tabsUnderline-modules_tab_label__GFbid","tab_label_disabled":"tabsUnderline-modules_tab_label_disabled__Rj1WZ","tab_label_content":"tabsUnderline-modules_tab_label_content__5PJ41","selected":"tabsUnderline-modules_selected__TEz63","withArrowContainer":"tabsUnderline-modules_withArrowContainer__FWn-8","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__M5jfE","disabled":"tabsUnderline-modules_disabled__rw5Fb","tab_label_icon":"tabsUnderline-modules_tab_label_icon__PugYp","tab_label_replacement_icon":"tabsUnderline-modules_tab_label_replacement_icon__-48i3","tabbar":"tabsUnderline-modules_tabbar__72OLJ"};
|
|
15830
|
+
styleInject(css_248z$T);
|
|
15591
15831
|
|
|
15592
15832
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15593
15833
|
const TabsUnderline = ({
|
|
@@ -15614,12 +15854,12 @@ const TabsUnderline = ({
|
|
|
15614
15854
|
}
|
|
15615
15855
|
}, [defaultValue]);
|
|
15616
15856
|
if (type === 'underline') return /*#__PURE__*/React.createElement("div", {
|
|
15617
|
-
className: `${styles$
|
|
15857
|
+
className: `${styles$T.tabbar} ${className && className}`,
|
|
15618
15858
|
id: id
|
|
15619
15859
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15620
15860
|
value: value,
|
|
15621
15861
|
onChange: onClickTab,
|
|
15622
|
-
className: styles$
|
|
15862
|
+
className: styles$T.tabs_root,
|
|
15623
15863
|
variant: "scrollable",
|
|
15624
15864
|
orientation: "horizontal",
|
|
15625
15865
|
visibleScrollbar: false,
|
|
@@ -15634,7 +15874,7 @@ const TabsUnderline = ({
|
|
|
15634
15874
|
}, tabs.map((item, index) => {
|
|
15635
15875
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15636
15876
|
key: `tab#${index}`,
|
|
15637
|
-
className: !isArrowIconDisplay ? styles$
|
|
15877
|
+
className: !isArrowIconDisplay ? styles$T.tab_label : styles$T.tab_label_icon,
|
|
15638
15878
|
disabled: item.disabled ?? false,
|
|
15639
15879
|
disableRipple: true,
|
|
15640
15880
|
id: item.id,
|
|
@@ -15642,7 +15882,7 @@ const TabsUnderline = ({
|
|
|
15642
15882
|
textTransform: 'none'
|
|
15643
15883
|
},
|
|
15644
15884
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15645
|
-
className: `${styles$
|
|
15885
|
+
className: `${styles$T.tab_label_content} ${value === index ? styles$T.selected : ''}`,
|
|
15646
15886
|
id: item.id,
|
|
15647
15887
|
onClick: e => onClickTab(e, index)
|
|
15648
15888
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
@@ -15658,7 +15898,7 @@ const TabsUnderline = ({
|
|
|
15658
15898
|
});
|
|
15659
15899
|
if (item.disabled) {
|
|
15660
15900
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15661
|
-
className: `${styles$
|
|
15901
|
+
className: `${styles$T.tab_label_disabled}`,
|
|
15662
15902
|
id: item.id,
|
|
15663
15903
|
style: {
|
|
15664
15904
|
width: 'fit-content',
|
|
@@ -15668,7 +15908,7 @@ const TabsUnderline = ({
|
|
|
15668
15908
|
}
|
|
15669
15909
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15670
15910
|
key: `tab#${index}`,
|
|
15671
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15911
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15672
15912
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15673
15913
|
size: "base",
|
|
15674
15914
|
text: item.label,
|
|
@@ -15694,11 +15934,11 @@ const TabsUnderline = ({
|
|
|
15694
15934
|
alignItems: 'center',
|
|
15695
15935
|
justifyContent: 'center'
|
|
15696
15936
|
},
|
|
15697
|
-
className: `${styles$
|
|
15937
|
+
className: `${styles$T.tab_label_disabled}`,
|
|
15698
15938
|
onClick: e => onClickTab(e, index)
|
|
15699
15939
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15700
15940
|
key: `tab#${index}`,
|
|
15701
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15941
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15702
15942
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15703
15943
|
size: "base",
|
|
15704
15944
|
text: item.label,
|
|
@@ -15720,7 +15960,7 @@ const TabsUnderline = ({
|
|
|
15720
15960
|
}
|
|
15721
15961
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15722
15962
|
id: item.id,
|
|
15723
|
-
className: styles$
|
|
15963
|
+
className: styles$T.withArrowContainer,
|
|
15724
15964
|
onClick: e => onClickTab(e, index)
|
|
15725
15965
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
15726
15966
|
fill: colors.neutral_550,
|
|
@@ -15728,11 +15968,11 @@ const TabsUnderline = ({
|
|
|
15728
15968
|
}));else return renderTab;
|
|
15729
15969
|
})));else if (type === 'filled') return /*#__PURE__*/React.createElement("div", {
|
|
15730
15970
|
id: id,
|
|
15731
|
-
className: `${styles$
|
|
15971
|
+
className: `${styles$T.tabFilled} ${className && className}`
|
|
15732
15972
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15733
15973
|
value: value,
|
|
15734
15974
|
onChange: onClickTab,
|
|
15735
|
-
className: styles$
|
|
15975
|
+
className: styles$T.tabs_root,
|
|
15736
15976
|
variant: "scrollable",
|
|
15737
15977
|
orientation: "horizontal",
|
|
15738
15978
|
visibleScrollbar: false,
|
|
@@ -15745,14 +15985,14 @@ const TabsUnderline = ({
|
|
|
15745
15985
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15746
15986
|
id: item.id,
|
|
15747
15987
|
key: `tab#${index}`,
|
|
15748
|
-
className: !isArrowIconDisplay ? styles$
|
|
15988
|
+
className: !isArrowIconDisplay ? styles$T.tab_label : styles$T.tab_label_icon,
|
|
15749
15989
|
disabled: item.disabled ?? false,
|
|
15750
15990
|
disableRipple: true,
|
|
15751
15991
|
sx: {
|
|
15752
15992
|
textTransform: 'none'
|
|
15753
15993
|
},
|
|
15754
15994
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15755
|
-
className: `${styles$
|
|
15995
|
+
className: `${styles$T.tab_label_content} ${item.disabled ? styles$T.tab_label_disabled : ''} ${value === index ? styles$T.selected : ''}`,
|
|
15756
15996
|
id: item.id
|
|
15757
15997
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15758
15998
|
text: item.label,
|
|
@@ -15766,11 +16006,11 @@ const TabsUnderline = ({
|
|
|
15766
16006
|
});
|
|
15767
16007
|
if (item.disabled) {
|
|
15768
16008
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15769
|
-
className: `${styles$
|
|
16009
|
+
className: `${styles$T.tab_label_content} ${item.disabled ? styles$T.tab_label_disabled : ''}`,
|
|
15770
16010
|
id: item.id
|
|
15771
16011
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15772
16012
|
key: `tab#${index}`,
|
|
15773
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
16013
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15774
16014
|
size: "base",
|
|
15775
16015
|
text: item.label,
|
|
15776
16016
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15795,10 +16035,10 @@ const TabsUnderline = ({
|
|
|
15795
16035
|
alignItems: 'center',
|
|
15796
16036
|
justifyContent: 'center'
|
|
15797
16037
|
},
|
|
15798
|
-
className: `${styles$
|
|
16038
|
+
className: `${styles$T.tab_label_content} ${item.disabled ? styles$T.tab_label_disabled : ''}`
|
|
15799
16039
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15800
16040
|
key: `tab#${index}`,
|
|
15801
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
16041
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15802
16042
|
size: "base",
|
|
15803
16043
|
text: item.label,
|
|
15804
16044
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15818,7 +16058,7 @@ const TabsUnderline = ({
|
|
|
15818
16058
|
}, renderTab);
|
|
15819
16059
|
}
|
|
15820
16060
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15821
|
-
className: styles$
|
|
16061
|
+
className: styles$T.withArrowContainer,
|
|
15822
16062
|
onClick: e => onClickTab(e, index),
|
|
15823
16063
|
id: item.id
|
|
15824
16064
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
@@ -15828,9 +16068,9 @@ const TabsUnderline = ({
|
|
|
15828
16068
|
})));else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
15829
16069
|
};
|
|
15830
16070
|
|
|
15831
|
-
var css_248z$
|
|
15832
|
-
var styles$
|
|
15833
|
-
styleInject(css_248z$
|
|
16071
|
+
var css_248z$U = ".Tag-modules_tag__sYiD6{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag__sYiD6 p{white-space:nowrap}.Tag-modules_tag_ellipsis__-WHk-{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_ellipsis__-WHk- p{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;width:100%}.Tag-modules_tag_idle__ym-G7{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__ym-G7 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__Q6-WL{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__Q6-WL svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__CgNel{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__CgNel svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__RqIr6{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__RqIr6 svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__yANfh{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__yANfh svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__C-O5t{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__C-O5t svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__v79so{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__v79so svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__KQwsr{height:1.25rem}.Tag-modules_tag_sm__KQwsr svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__omYEM{height:1.75rem}.Tag-modules_tag_base__omYEM svg{height:1rem;width:1rem}.Tag-modules_canBeRemoved__ei-3U svg{cursor:pointer}";
|
|
16072
|
+
var styles$U = {"tag":"Tag-modules_tag__sYiD6","tag_ellipsis":"Tag-modules_tag_ellipsis__-WHk-","tag_idle":"Tag-modules_tag_idle__ym-G7","tag_info":"Tag-modules_tag_info__Q6-WL","tag_violet":"Tag-modules_tag_violet__CgNel","tag_light":"Tag-modules_tag_light__RqIr6","tag_success":"Tag-modules_tag_success__yANfh","tag_warning":"Tag-modules_tag_warning__C-O5t","tag_critical":"Tag-modules_tag_critical__v79so","tag_sm":"Tag-modules_tag_sm__KQwsr","tag_base":"Tag-modules_tag_base__omYEM","canBeRemoved":"Tag-modules_canBeRemoved__ei-3U"};
|
|
16073
|
+
styleInject(css_248z$U);
|
|
15834
16074
|
|
|
15835
16075
|
extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15836
16076
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15857,15 +16097,15 @@ const Tag = ({
|
|
|
15857
16097
|
};
|
|
15858
16098
|
const getTagStatus = () => {
|
|
15859
16099
|
if (customColor) {
|
|
15860
|
-
return styles$
|
|
16100
|
+
return styles$U.tag_custom;
|
|
15861
16101
|
} else if (status === 'idle') {
|
|
15862
|
-
return styles$
|
|
15863
|
-
} else if (status === 'success') return styles$
|
|
16102
|
+
return styles$U.tag_idle;
|
|
16103
|
+
} else if (status === 'success') return styles$U.tag_success;else if (status === 'info') return styles$U.tag_info;else if (status === 'warning') return styles$U.tag_warning;else if (status === 'critical') return styles$U.tag_critical;else if (status === 'light') return styles$U.tag_light;else if (status === 'violet') return styles$U.tag_violet;else return styles$U.tag_idle;
|
|
15864
16104
|
};
|
|
15865
16105
|
const getTagSize = () => {
|
|
15866
16106
|
if (size === 'sm') {
|
|
15867
|
-
return styles$
|
|
15868
|
-
} else if (size === 'base') return styles$
|
|
16107
|
+
return styles$U.tag_sm;
|
|
16108
|
+
} else if (size === 'base') return styles$U.tag_base;else return styles$U.tag_base;
|
|
15869
16109
|
};
|
|
15870
16110
|
const getTextSize = () => {
|
|
15871
16111
|
if (size === 'sm') {
|
|
@@ -15893,7 +16133,7 @@ const Tag = ({
|
|
|
15893
16133
|
style: {
|
|
15894
16134
|
backgroundColor: customColor
|
|
15895
16135
|
},
|
|
15896
|
-
className: `${areEllipsisActive ? styles$
|
|
16136
|
+
className: `${areEllipsisActive ? styles$U.tag_ellipsis : styles$U.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$U.canBeRemoved}`
|
|
15897
16137
|
}), iconLeft && /*#__PURE__*/React.cloneElement(iconLeft, {
|
|
15898
16138
|
style: {
|
|
15899
16139
|
fill: getTextColor(),
|
|
@@ -15917,11 +16157,11 @@ const Tag = ({
|
|
|
15917
16157
|
})));
|
|
15918
16158
|
};
|
|
15919
16159
|
|
|
15920
|
-
var css_248z$
|
|
15921
|
-
var styles$
|
|
15922
|
-
styleInject(css_248z$
|
|
16160
|
+
var css_248z$V = ".TextInput-modules_input__Ky9uR{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;width:100%}.TextInput-modules_input__Ky9uR svg{height:1rem;width:1rem}.TextInput-modules_input__Ky9uR .TextInput-modules_text_below__oT18E{padding:.25rem .5rem .25rem .75rem!important}input{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}input.TextInput-modules_input__Ky9uR{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__Kq7D9{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__Xj8GH{margin-bottom:.625rem}.TextInput-modules_input__Ky9uR .TextInput-modules_MuiInputBase-input__beBli{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}";
|
|
16161
|
+
var styles$V = {"input":"TextInput-modules_input__Ky9uR","text_below":"TextInput-modules_text_below__oT18E","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__Kq7D9","input_top_label":"TextInput-modules_input_top_label__Xj8GH","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__beBli"};
|
|
16162
|
+
styleInject(css_248z$V);
|
|
15923
16163
|
|
|
15924
|
-
const CssTextField$
|
|
16164
|
+
const CssTextField$8 = /*#__PURE__*/styled(TextField)({
|
|
15925
16165
|
'& .MuiInputBase-input': {
|
|
15926
16166
|
color: '#26292E',
|
|
15927
16167
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -16076,15 +16316,15 @@ const TextInput = props => {
|
|
|
16076
16316
|
}
|
|
16077
16317
|
};
|
|
16078
16318
|
return /*#__PURE__*/React.createElement("div", {
|
|
16079
|
-
className: `${className} ${styles$
|
|
16319
|
+
className: `${className} ${styles$V.input}`,
|
|
16080
16320
|
id: id
|
|
16081
16321
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
16082
16322
|
text: `${topLabel ? topLabel : ''}`,
|
|
16083
16323
|
weight: topLabelWeight || 'bold',
|
|
16084
16324
|
size: topLabelSize || 'base',
|
|
16085
|
-
className: styles$
|
|
16325
|
+
className: styles$V.input_top_label,
|
|
16086
16326
|
required: required
|
|
16087
|
-
}), /*#__PURE__*/React.createElement(CssTextField$
|
|
16327
|
+
}), /*#__PURE__*/React.createElement(CssTextField$8, {
|
|
16088
16328
|
fullWidth: true,
|
|
16089
16329
|
size: "small",
|
|
16090
16330
|
InputProps: {
|
|
@@ -16124,18 +16364,18 @@ const TextInput = props => {
|
|
|
16124
16364
|
size: "xs",
|
|
16125
16365
|
color: "#F54C4C",
|
|
16126
16366
|
text: errorText,
|
|
16127
|
-
className: styles$
|
|
16367
|
+
className: styles$V.text_below
|
|
16128
16368
|
}), helperText && /*#__PURE__*/React.createElement(TextWithLink, {
|
|
16129
16369
|
size: "xs",
|
|
16130
16370
|
weight: "regular",
|
|
16131
16371
|
text: helperText,
|
|
16132
|
-
className: styles$
|
|
16372
|
+
className: styles$V.text_below
|
|
16133
16373
|
}));
|
|
16134
16374
|
};
|
|
16135
16375
|
|
|
16136
|
-
var css_248z$
|
|
16137
|
-
var styles$
|
|
16138
|
-
styleInject(css_248z$
|
|
16376
|
+
var css_248z$W = ".Textarea-module_text_area_container__1NnwK{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;width:100%}.Textarea-module_text_area_container__1NnwK .Textarea-module_helperTexts__h4sFp{display:flex;justify-content:space-between;padding:.25rem .5rem .25rem .75rem}.Textarea-module_text_area_container__1NnwK .Textarea-module_helperTexts__h4sFp .Textarea-module_counter__jFTMR{margin-left:auto}";
|
|
16377
|
+
var styles$W = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
16378
|
+
styleInject(css_248z$W);
|
|
16139
16379
|
|
|
16140
16380
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
16141
16381
|
const Textarea = ({
|
|
@@ -16174,7 +16414,7 @@ const Textarea = ({
|
|
|
16174
16414
|
setCharCount(String(value).length);
|
|
16175
16415
|
}, []);
|
|
16176
16416
|
return /*#__PURE__*/React.createElement("div", {
|
|
16177
|
-
className: styles$
|
|
16417
|
+
className: styles$W.text_area_container
|
|
16178
16418
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16179
16419
|
name: name,
|
|
16180
16420
|
variant: "outlined",
|
|
@@ -16201,7 +16441,7 @@ const Textarea = ({
|
|
|
16201
16441
|
minRows: minRows,
|
|
16202
16442
|
inputId: inputId
|
|
16203
16443
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16204
|
-
className: styles$
|
|
16444
|
+
className: styles$W.helperTexts
|
|
16205
16445
|
}, helperText && /*#__PURE__*/React.createElement(TextWithLink, {
|
|
16206
16446
|
text: helperText,
|
|
16207
16447
|
size: "xs",
|
|
@@ -16214,13 +16454,13 @@ const Textarea = ({
|
|
|
16214
16454
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
16215
16455
|
text: `${charCount} / ${maxCharacters}`,
|
|
16216
16456
|
size: "xs",
|
|
16217
|
-
className: styles$
|
|
16457
|
+
className: styles$W.counter
|
|
16218
16458
|
})));
|
|
16219
16459
|
};
|
|
16220
16460
|
|
|
16221
|
-
var css_248z$
|
|
16222
|
-
var styles$
|
|
16223
|
-
styleInject(css_248z$
|
|
16461
|
+
var css_248z$X = ".Thematic-modules_thematic__OMCr2{border:1px dashed;border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.Thematic-modules_thematic__header__2h8JH{display:flex;justify-content:space-between}.Thematic-modules_thematic__header__2h8JH .Thematic-modules_overflow_badge__k8490 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Thematic-modules_thematic__header__actions__wh3xT{display:flex;gap:.5rem}.Thematic-modules_thematic__OMCr2 .Thematic-modules_tagsContainer__k4Xlc{display:flex;flex-wrap:wrap;gap:.5rem}.Thematic-modules_thematic__OMCr2 .Thematic-modules_tagsContainer__k4Xlc .Thematic-modules_tag__YQgAM{cursor:pointer}.Thematic-modules_thematic__OMCr2 .Thematic-modules_tagsContainer__k4Xlc .Thematic-modules_overflow_tag__U1RWS p{overflow:unset;text-overflow:unset}.Thematic-modules_addTagPopover__1RK-Q .Thematic-modules_content__kPvi7{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;padding:.5rem;width:7rem}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex:1 0 0;gap:.5rem;height:3rem;padding:.25rem}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio p{margin-right:auto}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio:hover{background-color:#eee}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio.Thematic-modules_diabled__oXb-6{cursor:not-allowed;opacity:.5}.Thematic-modules_editTagPopover__JdEYI .Thematic-modules_content__kPvi7,.Thematic-modules_moveTagPopover__7ez7P .Thematic-modules_content__kPvi7{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.Thematic-modules_moveTagPopover__7ez7P .Thematic-modules_content__kPvi7 .Thematic-modules_otherThematicsContainer__Kb-29 .Thematic-modules_otherThematic__7BI-V{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;gap:.5rem;padding:.25rem}.Thematic-modules_moveTagPopover__7ez7P .Thematic-modules_content__kPvi7 .Thematic-modules_otherThematicsContainer__Kb-29 .Thematic-modules_otherThematic__7BI-V:hover{background-color:#eee}";
|
|
16462
|
+
var styles$X = {"thematic":"Thematic-modules_thematic__OMCr2","thematic__header":"Thematic-modules_thematic__header__2h8JH","overflow_badge":"Thematic-modules_overflow_badge__k8490","thematic__header__actions":"Thematic-modules_thematic__header__actions__wh3xT","tagsContainer":"Thematic-modules_tagsContainer__k4Xlc","tag":"Thematic-modules_tag__YQgAM","overflow_tag":"Thematic-modules_overflow_tag__U1RWS","addTagPopover":"Thematic-modules_addTagPopover__1RK-Q","content":"Thematic-modules_content__kPvi7","tagMenuPopover":"Thematic-modules_tagMenuPopover__362EM","dropdown":"Thematic-modules_dropdown__LkTI5","item":"Thematic-modules_item__7RAio","diabled":"Thematic-modules_diabled__oXb-6","editTagPopover":"Thematic-modules_editTagPopover__JdEYI","moveTagPopover":"Thematic-modules_moveTagPopover__7ez7P","otherThematicsContainer":"Thematic-modules_otherThematicsContainer__Kb-29","otherThematic":"Thematic-modules_otherThematic__7BI-V"};
|
|
16463
|
+
styleInject(css_248z$X);
|
|
16224
16464
|
|
|
16225
16465
|
/**
|
|
16226
16466
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -16380,7 +16620,7 @@ const Thematic = ({
|
|
|
16380
16620
|
};
|
|
16381
16621
|
return /*#__PURE__*/React.createElement("div", {
|
|
16382
16622
|
id: id,
|
|
16383
|
-
className: styles$
|
|
16623
|
+
className: styles$X.thematic,
|
|
16384
16624
|
style: {
|
|
16385
16625
|
backgroundColor: backgroundColor,
|
|
16386
16626
|
borderColor: borderColor
|
|
@@ -16396,7 +16636,7 @@ const Thematic = ({
|
|
|
16396
16636
|
setAreActionsVisible(false);
|
|
16397
16637
|
}
|
|
16398
16638
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16399
|
-
className: styles$
|
|
16639
|
+
className: styles$X.thematic__header
|
|
16400
16640
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
16401
16641
|
tooltipDescription: definition,
|
|
16402
16642
|
placement: "top",
|
|
@@ -16407,9 +16647,9 @@ const Thematic = ({
|
|
|
16407
16647
|
size: "base",
|
|
16408
16648
|
status: 'idle',
|
|
16409
16649
|
customColor: badgeColor,
|
|
16410
|
-
className: styles$
|
|
16650
|
+
className: styles$X.overflow_badge
|
|
16411
16651
|
}))), areActionsVisible && /*#__PURE__*/React.createElement("div", {
|
|
16412
|
-
className: styles$
|
|
16652
|
+
className: styles$X.thematic__header__actions
|
|
16413
16653
|
}, !isAddTagHidden && /*#__PURE__*/React.createElement(IconButton, {
|
|
16414
16654
|
icon: /*#__PURE__*/React.createElement(AddTagIcon, {
|
|
16415
16655
|
fill: iconsColor,
|
|
@@ -16435,10 +16675,10 @@ const Thematic = ({
|
|
|
16435
16675
|
variant: "tertiary",
|
|
16436
16676
|
onClick: handleOnClickDeleteThematic
|
|
16437
16677
|
}))), tagsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
16438
|
-
className: styles$
|
|
16678
|
+
className: styles$X.tagsContainer
|
|
16439
16679
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React.createElement("div", {
|
|
16440
16680
|
key: `${tag}-${idx}`,
|
|
16441
|
-
className: styles$
|
|
16681
|
+
className: styles$X.tag,
|
|
16442
16682
|
onClick: e => handleOnClickTag(e, tag)
|
|
16443
16683
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
16444
16684
|
tooltipDescription: tag.definition,
|
|
@@ -16450,7 +16690,7 @@ const Thematic = ({
|
|
|
16450
16690
|
customColor: tagColor.toHex(),
|
|
16451
16691
|
size: "base",
|
|
16452
16692
|
amountNumber: tag.amount,
|
|
16453
|
-
className: styles$
|
|
16693
|
+
className: styles$X.overflow_tag
|
|
16454
16694
|
})))))), /*#__PURE__*/React.createElement(Popover, {
|
|
16455
16695
|
open: isAddTagPopoverOpen,
|
|
16456
16696
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -16459,16 +16699,16 @@ const Thematic = ({
|
|
|
16459
16699
|
horizontal: 'right'
|
|
16460
16700
|
},
|
|
16461
16701
|
onClose: closeAddTagPopover,
|
|
16462
|
-
className: styles$
|
|
16702
|
+
className: styles$X.addTagPopover
|
|
16463
16703
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16464
|
-
className: styles$
|
|
16704
|
+
className: styles$X.content
|
|
16465
16705
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16466
16706
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
16467
16707
|
value: newTagName,
|
|
16468
16708
|
onChange: e => setNewTagName(e.target.value),
|
|
16469
16709
|
onKeyDown: handleOnClickValidateAddTag
|
|
16470
16710
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16471
|
-
className: styles$
|
|
16711
|
+
className: styles$X.actions
|
|
16472
16712
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
16473
16713
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16474
16714
|
size: "sm",
|
|
@@ -16482,11 +16722,11 @@ const Thematic = ({
|
|
|
16482
16722
|
horizontal: 'right'
|
|
16483
16723
|
},
|
|
16484
16724
|
onClose: closeTagMenuPopover,
|
|
16485
|
-
className: styles$
|
|
16725
|
+
className: styles$X.tagMenuPopover
|
|
16486
16726
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16487
|
-
className: styles$
|
|
16727
|
+
className: styles$X.dropdown
|
|
16488
16728
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16489
|
-
className: styles$
|
|
16729
|
+
className: styles$X.item,
|
|
16490
16730
|
onClick: e => handleOnClickEditTag(e)
|
|
16491
16731
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16492
16732
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -16495,7 +16735,7 @@ const Thematic = ({
|
|
|
16495
16735
|
fill: colors.black,
|
|
16496
16736
|
size: "base"
|
|
16497
16737
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
16498
|
-
className: styles$
|
|
16738
|
+
className: styles$X.item,
|
|
16499
16739
|
onClick: e => handleOnClickMoveTag(e)
|
|
16500
16740
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16501
16741
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -16504,7 +16744,7 @@ const Thematic = ({
|
|
|
16504
16744
|
fill: colors.black,
|
|
16505
16745
|
size: "base"
|
|
16506
16746
|
})), /*#__PURE__*/React.createElement("div", {
|
|
16507
|
-
className: styles$
|
|
16747
|
+
className: styles$X.item,
|
|
16508
16748
|
onClick: handleOnClickDeleteTag
|
|
16509
16749
|
}, /*#__PURE__*/React.createElement(BinIcon, {
|
|
16510
16750
|
fill: colors.red_500,
|
|
@@ -16520,16 +16760,16 @@ const Thematic = ({
|
|
|
16520
16760
|
horizontal: 'right'
|
|
16521
16761
|
},
|
|
16522
16762
|
onClose: closeEditTagPopover,
|
|
16523
|
-
className: styles$
|
|
16763
|
+
className: styles$X.editTagPopover
|
|
16524
16764
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16525
|
-
className: styles$
|
|
16765
|
+
className: styles$X.content
|
|
16526
16766
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16527
16767
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
16528
16768
|
value: editedTagName,
|
|
16529
16769
|
onChange: e => setEditedTagName(e.target.value),
|
|
16530
16770
|
onKeyDown: handleOnClickValidateEditTag
|
|
16531
16771
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16532
|
-
className: styles$
|
|
16772
|
+
className: styles$X.actions
|
|
16533
16773
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
16534
16774
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16535
16775
|
size: "sm",
|
|
@@ -16543,17 +16783,17 @@ const Thematic = ({
|
|
|
16543
16783
|
horizontal: 'right'
|
|
16544
16784
|
},
|
|
16545
16785
|
onClose: closeMoveTagPopover,
|
|
16546
|
-
className: styles$
|
|
16786
|
+
className: styles$X.moveTagPopover
|
|
16547
16787
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16548
|
-
className: styles$
|
|
16788
|
+
className: styles$X.content
|
|
16549
16789
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16550
|
-
className: styles$
|
|
16790
|
+
className: styles$X.otherThematicsContainer
|
|
16551
16791
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React.createElement("div", {
|
|
16552
16792
|
key: `${thematic}-${idx}`,
|
|
16553
|
-
className: styles$
|
|
16793
|
+
className: styles$X.otherThematic,
|
|
16554
16794
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
16555
16795
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16556
|
-
className: styles$
|
|
16796
|
+
className: styles$X.color,
|
|
16557
16797
|
style: {
|
|
16558
16798
|
backgroundColor: thematic.color,
|
|
16559
16799
|
height: '1rem',
|
|
@@ -16566,9 +16806,9 @@ const Thematic = ({
|
|
|
16566
16806
|
})))))));
|
|
16567
16807
|
};
|
|
16568
16808
|
|
|
16569
|
-
var css_248z$
|
|
16570
|
-
var styles$
|
|
16571
|
-
styleInject(css_248z$
|
|
16809
|
+
var css_248z$Y = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
16810
|
+
var styles$Y = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
16811
|
+
styleInject(css_248z$Y);
|
|
16572
16812
|
|
|
16573
16813
|
const TimeInterval = ({
|
|
16574
16814
|
id,
|
|
@@ -16592,10 +16832,10 @@ const TimeInterval = ({
|
|
|
16592
16832
|
}
|
|
16593
16833
|
return /*#__PURE__*/React.createElement("div", {
|
|
16594
16834
|
id: id,
|
|
16595
|
-
className: `${styles$
|
|
16835
|
+
className: `${styles$Y.time_interval} ${className}`,
|
|
16596
16836
|
onClick: () => onClick(startTime)
|
|
16597
16837
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16598
|
-
className: styles$
|
|
16838
|
+
className: styles$Y.times_text,
|
|
16599
16839
|
size: "sm",
|
|
16600
16840
|
weight: "semi-bold",
|
|
16601
16841
|
color: colors.blue_500,
|
|
@@ -16604,11 +16844,11 @@ const TimeInterval = ({
|
|
|
16604
16844
|
}));
|
|
16605
16845
|
};
|
|
16606
16846
|
|
|
16607
|
-
var css_248z$
|
|
16608
|
-
var styles$
|
|
16609
|
-
styleInject(css_248z$
|
|
16847
|
+
var css_248z$Z = ".TimePicker-modules_time_picker__CxeB5{min-width:13rem;width:100%}.TimePicker-modules_time_picker__CxeB5 label,.TimePicker-modules_time_picker__CxeB5 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}.TimePicker-modules_time_picker__CxeB5 .TimePicker-modules_MuiAutocomplete-endAdornment__CbeSn{display:flex;gap:.5rem;margin-top:-.35rem!important}.TimePicker-modules_time_picker__CxeB5 input{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}.TimePicker-modules_time_picker__CxeB5 svg{height:1rem;width:1rem}.TimePicker-modules_input_top_label__LPXU-{margin-bottom:.625rem}.TimePicker-modules_MuiOutlinedInput-root__ItBpg.TimePicker-modules_MuiInputBase-root__4d1Fn.TimePicker-modules_MuiInputBase-formControl__2hrJo{align-items:center;display:flex;flex-direction:row}.TimePicker-modules_text_below__lm0u-{margin:.25rem .5rem .25rem .75rem}.TimePicker-modules_icon__IiT8p{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
16848
|
+
var styles$Z = {"time_picker":"TimePicker-modules_time_picker__CxeB5","MuiAutocomplete-endAdornment":"TimePicker-modules_MuiAutocomplete-endAdornment__CbeSn","input_top_label":"TimePicker-modules_input_top_label__LPXU-","MuiOutlinedInput-root":"TimePicker-modules_MuiOutlinedInput-root__ItBpg","MuiInputBase-root":"TimePicker-modules_MuiInputBase-root__4d1Fn","MuiInputBase-formControl":"TimePicker-modules_MuiInputBase-formControl__2hrJo","text_below":"TimePicker-modules_text_below__lm0u-","icon":"TimePicker-modules_icon__IiT8p"};
|
|
16849
|
+
styleInject(css_248z$Z);
|
|
16610
16850
|
|
|
16611
|
-
const CssTextField$
|
|
16851
|
+
const CssTextField$9 = /*#__PURE__*/styled(TextField)({
|
|
16612
16852
|
'& .MuiInputBase-input': {
|
|
16613
16853
|
color: '#26292E',
|
|
16614
16854
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -16696,7 +16936,7 @@ const CssTextField$8 = /*#__PURE__*/styled(TextField)({
|
|
|
16696
16936
|
}
|
|
16697
16937
|
});
|
|
16698
16938
|
dayjs.extend(utc);
|
|
16699
|
-
const TimePickerStyledComponent = params => /*#__PURE__*/React.createElement(CssTextField$
|
|
16939
|
+
const TimePickerStyledComponent = params => /*#__PURE__*/React.createElement(CssTextField$9, Object.assign({}, params, {
|
|
16700
16940
|
variant: "outlined",
|
|
16701
16941
|
fullWidth: true,
|
|
16702
16942
|
label: `${params.label && params.topLabel === undefined ? params.label : ''}`,
|
|
@@ -16738,12 +16978,12 @@ const TimePicker = ({
|
|
|
16738
16978
|
dateAdapter: AdapterDateFns,
|
|
16739
16979
|
adapterLocale: locales[locale]
|
|
16740
16980
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16741
|
-
className: `${styles$
|
|
16981
|
+
className: `${styles$Z.time_picker} ${className ? className : undefined}`
|
|
16742
16982
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
16743
16983
|
text: `${topLabel ? topLabel : ''}`,
|
|
16744
16984
|
weight: topLabelWeight || 'bold',
|
|
16745
16985
|
size: topLabelSize || 'base',
|
|
16746
|
-
className: styles$
|
|
16986
|
+
className: styles$Z.input_top_label,
|
|
16747
16987
|
required: required
|
|
16748
16988
|
}), /*#__PURE__*/React.createElement(TimePicker$1, {
|
|
16749
16989
|
label: label,
|
|
@@ -16773,18 +17013,18 @@ const TimePicker = ({
|
|
|
16773
17013
|
color: "#F54C4C",
|
|
16774
17014
|
italic: true,
|
|
16775
17015
|
text: errorText,
|
|
16776
|
-
className: styles$
|
|
17016
|
+
className: styles$Z.text_below
|
|
16777
17017
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
16778
17018
|
size: "xs",
|
|
16779
17019
|
italic: true,
|
|
16780
17020
|
text: helperText,
|
|
16781
|
-
className: styles$
|
|
17021
|
+
className: styles$Z.text_below
|
|
16782
17022
|
}))));
|
|
16783
17023
|
};
|
|
16784
17024
|
|
|
16785
|
-
var css_248z$
|
|
16786
|
-
var styles$
|
|
16787
|
-
styleInject(css_248z$
|
|
17025
|
+
var css_248z$_ = ".ToggleTab-module_toggleTab__NKADb{background:transparent;border-radius:.25rem;display:flex;padding:.25rem;width:-moz-fit-content;width:fit-content}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__vSWjn{border-radius:.25rem;cursor:pointer;display:flex;gap:1rem;padding:0 1rem;transition:background-color .2s ease-in-out}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__btn__mRg2T{align-items:center;display:flex;gap:.5rem;justify-content:center}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__btn__mRg2T p{transition:color .2s ease-in-out}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__vSWjn .ToggleTab-module_optionalText__KMniN{align-items:center;background-color:#f54c4c;border-radius:.25rem;display:flex;justify-content:center;margin:.25rem 0;padding:0 .25rem}";
|
|
17026
|
+
var styles$_ = {"toggleTab":"ToggleTab-module_toggleTab__NKADb","option":"ToggleTab-module_option__vSWjn","option__btn":"ToggleTab-module_option__btn__mRg2T","optionalText":"ToggleTab-module_optionalText__KMniN"};
|
|
17027
|
+
styleInject(css_248z$_);
|
|
16788
17028
|
|
|
16789
17029
|
const ToggleTab = ({
|
|
16790
17030
|
optionOne,
|
|
@@ -16814,48 +17054,48 @@ const ToggleTab = ({
|
|
|
16814
17054
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16815
17055
|
};
|
|
16816
17056
|
return /*#__PURE__*/React.createElement("div", {
|
|
16817
|
-
className: styles$
|
|
17057
|
+
className: styles$_.toggleTab,
|
|
16818
17058
|
style: {
|
|
16819
17059
|
background: background[variant]
|
|
16820
17060
|
},
|
|
16821
17061
|
id: id
|
|
16822
17062
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16823
|
-
className: styles$
|
|
17063
|
+
className: styles$_.option,
|
|
16824
17064
|
style: {
|
|
16825
17065
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16826
17066
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16827
17067
|
}
|
|
16828
17068
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16829
17069
|
onClick: onClickOptionOne,
|
|
16830
|
-
className: styles$
|
|
17070
|
+
className: styles$_.option__btn
|
|
16831
17071
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16832
17072
|
size: "base",
|
|
16833
17073
|
weight: "bold",
|
|
16834
17074
|
text: optionOne,
|
|
16835
17075
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16836
17076
|
}), optionalFirstText && /*#__PURE__*/React.createElement("div", {
|
|
16837
|
-
className: styles$
|
|
17077
|
+
className: styles$_.optionalText
|
|
16838
17078
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16839
17079
|
text: optionalFirstText,
|
|
16840
17080
|
size: "sm",
|
|
16841
17081
|
weight: "regular",
|
|
16842
17082
|
color: "#fff"
|
|
16843
17083
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
16844
|
-
className: styles$
|
|
17084
|
+
className: styles$_.option,
|
|
16845
17085
|
style: {
|
|
16846
17086
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16847
17087
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16848
17088
|
}
|
|
16849
17089
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16850
17090
|
onClick: onClickOptionTwo,
|
|
16851
|
-
className: styles$
|
|
17091
|
+
className: styles$_.option__btn
|
|
16852
17092
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16853
17093
|
size: "base",
|
|
16854
17094
|
weight: "bold",
|
|
16855
17095
|
text: optionTwo,
|
|
16856
17096
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16857
17097
|
}), optionalSecondText && /*#__PURE__*/React.createElement("div", {
|
|
16858
|
-
className: styles$
|
|
17098
|
+
className: styles$_.optionalText
|
|
16859
17099
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16860
17100
|
text: optionalSecondText,
|
|
16861
17101
|
size: "sm",
|
|
@@ -16864,9 +17104,9 @@ const ToggleTab = ({
|
|
|
16864
17104
|
})))));
|
|
16865
17105
|
};
|
|
16866
17106
|
|
|
16867
|
-
var css_248z
|
|
16868
|
-
var styles
|
|
16869
|
-
styleInject(css_248z
|
|
17107
|
+
var css_248z$$ = ".SquareText-module_SquareTextContainer__6vHns{background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-400,#afb0b2);border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem}";
|
|
17108
|
+
var styles$$ = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
17109
|
+
styleInject(css_248z$$);
|
|
16870
17110
|
|
|
16871
17111
|
/** This text should be use to display basic text
|
|
16872
17112
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16877,15 +17117,15 @@ const SquareText = ({
|
|
|
16877
17117
|
}) => {
|
|
16878
17118
|
return /*#__PURE__*/React.createElement("div", {
|
|
16879
17119
|
id: id,
|
|
16880
|
-
className: `${styles
|
|
17120
|
+
className: `${styles$$.SquareTextContainer}`
|
|
16881
17121
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16882
17122
|
text: text
|
|
16883
17123
|
}));
|
|
16884
17124
|
};
|
|
16885
17125
|
|
|
16886
|
-
var css_248z
|
|
16887
|
-
var styles
|
|
16888
|
-
styleInject(css_248z
|
|
17126
|
+
var css_248z$10 = "@import \"../../../styles/index.css\";.Caption-modules_caption_text__AyY8z{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__9VvUy{text-transform:var(--sdTextCaseUppercase)}";
|
|
17127
|
+
var styles$10 = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
17128
|
+
styleInject(css_248z$10);
|
|
16889
17129
|
|
|
16890
17130
|
/** This text should only be used for the captions
|
|
16891
17131
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16904,13 +17144,13 @@ const Caption = ({
|
|
|
16904
17144
|
style: {
|
|
16905
17145
|
color: color
|
|
16906
17146
|
},
|
|
16907
|
-
className: `${styles
|
|
17147
|
+
className: `${styles$10.caption_text} ${uppercase ? styles$10.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16908
17148
|
}), text);
|
|
16909
17149
|
};
|
|
16910
17150
|
|
|
16911
|
-
var css_248z$
|
|
16912
|
-
var styles$
|
|
16913
|
-
styleInject(css_248z$
|
|
17151
|
+
var css_248z$11 = "@import \"../../../styles/index.css\";.Link-modules_link__2qZCr{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__2qZCr.Link-modules_link_xs__tCbdy.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularXs);padding:1px 0}.Link-modules_link__2qZCr.Link-modules_link_sm__I5hRK.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularSm);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_base__VESXM.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularBase);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_lg__xkb4z.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularLg);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_xl__GfZTl.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularXl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxl__tmzA2.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegular2xl);padding:0}.Link-modules_link__2qZCr.Link-modules_link_xxxl__pS-5Y.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegular3xl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxxxl__j7SPq.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegular4xl);padding:3px 0 1px}.Link-modules_link__2qZCr.Link-modules_link_xs__tCbdy.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldXs);padding:1px 0 2px}.Link-modules_link__2qZCr.Link-modules_link_sm__I5hRK.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldSm);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_base__VESXM.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldBase);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_lg__xkb4z.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldLg);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_xl__GfZTl.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldXl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxl__tmzA2.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBold2xl);padding:0}.Link-modules_link__2qZCr.Link-modules_link_xxxl__pS-5Y.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBold3xl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxxxl__j7SPq.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBold4xl);padding:3px 0 1px}.Link-modules_link__2qZCr.Link-modules_link_xs__tCbdy.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldXs);padding:1px 0 2px}.Link-modules_link__2qZCr.Link-modules_link_sm__I5hRK.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldSm);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_base__VESXM.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldBase);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_lg__xkb4z.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldLg);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_xl__GfZTl.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldXl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxl__tmzA2.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBold2xl);padding:0}.Link-modules_link__2qZCr.Link-modules_link_xxxl__pS-5Y.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBold3xl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxxxl__j7SPq.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBold4xl);padding:3px 0 1px}";
|
|
17152
|
+
var styles$11 = {"link":"Link-modules_link__2qZCr","link_xs":"Link-modules_link_xs__tCbdy","link_regular":"Link-modules_link_regular__kK1MS","link_sm":"Link-modules_link_sm__I5hRK","link_base":"Link-modules_link_base__VESXM","link_lg":"Link-modules_link_lg__xkb4z","link_xl":"Link-modules_link_xl__GfZTl","link_xxl":"Link-modules_link_xxl__tmzA2","link_xxxl":"Link-modules_link_xxxl__pS-5Y","link_xxxxl":"Link-modules_link_xxxxl__j7SPq","link_bold":"Link-modules_link_bold__ssvjk","link_semi_bold":"Link-modules_link_semi_bold__ChHMg"};
|
|
17153
|
+
styleInject(css_248z$11);
|
|
16914
17154
|
|
|
16915
17155
|
/** This text should be use to display basic text */
|
|
16916
17156
|
const Link = ({
|
|
@@ -16925,10 +17165,10 @@ const Link = ({
|
|
|
16925
17165
|
...props
|
|
16926
17166
|
}) => {
|
|
16927
17167
|
const getLinkSize = () => {
|
|
16928
|
-
if (size === 'xs') return styles$
|
|
17168
|
+
if (size === 'xs') return styles$11.link_xs;else if (size === 'sm') return styles$11.link_sm;else if (size === 'base') return styles$11.link_base;else if (size === 'lg') return styles$11.link_lg;else if (size === 'xl') return styles$11.link_xl;else if (size === 'xxl') return styles$11.link_xxl;else if (size === 'xxxl') return styles$11.link_xxxl;else if (size === 'xxxxl') return styles$11.link_xxxxl;else return styles$11.link_base;
|
|
16929
17169
|
};
|
|
16930
17170
|
const getLinkWeight = () => {
|
|
16931
|
-
if (weight === 'semi-bold') return styles$
|
|
17171
|
+
if (weight === 'semi-bold') return styles$11.link_semi_bold;else if (weight === 'bold') return styles$11.link_bold;else if (weight === 'regular') return styles$11.link_regular;else return styles$11.link_regular;
|
|
16932
17172
|
};
|
|
16933
17173
|
if (isExternal) {
|
|
16934
17174
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16940,7 +17180,7 @@ const Link = ({
|
|
|
16940
17180
|
style: {
|
|
16941
17181
|
color: color
|
|
16942
17182
|
},
|
|
16943
|
-
className: `${styles$
|
|
17183
|
+
className: `${styles$11.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16944
17184
|
}), text));
|
|
16945
17185
|
} else {
|
|
16946
17186
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16950,14 +17190,14 @@ const Link = ({
|
|
|
16950
17190
|
style: {
|
|
16951
17191
|
color: color
|
|
16952
17192
|
},
|
|
16953
|
-
className: `${styles$
|
|
17193
|
+
className: `${styles$11.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16954
17194
|
}), text));
|
|
16955
17195
|
}
|
|
16956
17196
|
};
|
|
16957
17197
|
|
|
16958
|
-
var css_248z$
|
|
16959
|
-
var styles$
|
|
16960
|
-
styleInject(css_248z$
|
|
17198
|
+
var css_248z$12 = "@import \"../../../styles/index.css\";.TextForButton-modules_button_text__8oLSs{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__h4UpV{font-weight:var(--sdFontWeightSemibold)}.TextForButton-modules_button_text_sm__n6a3O{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForButton-modules_button_text_base__OTzWz{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForButton-modules_button_text_lg__R77Gn{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight150)}";
|
|
17199
|
+
var styles$12 = {"button_text":"TextForButton-modules_button_text__8oLSs","button_text_bold":"TextForButton-modules_button_text_bold__h4UpV","button_text_sm":"TextForButton-modules_button_text_sm__n6a3O","button_text_base":"TextForButton-modules_button_text_base__OTzWz","button_text_lg":"TextForButton-modules_button_text_lg__R77Gn"};
|
|
17200
|
+
styleInject(css_248z$12);
|
|
16961
17201
|
|
|
16962
17202
|
/** This button should only be used in the Button component
|
|
16963
17203
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
|
|
@@ -16972,20 +17212,20 @@ const TextForButton = ({
|
|
|
16972
17212
|
...props
|
|
16973
17213
|
}) => {
|
|
16974
17214
|
const getTextSize = () => {
|
|
16975
|
-
if (size === 'sm') return styles$
|
|
17215
|
+
if (size === 'sm') return styles$12.button_text_sm;else if (size === 'base') return styles$12.button_text_base;else if (size === 'lg') return styles$12.button_text_lg;else return styles$12.button_text_base;
|
|
16976
17216
|
};
|
|
16977
17217
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
16978
17218
|
id: id,
|
|
16979
17219
|
style: {
|
|
16980
17220
|
color: color
|
|
16981
17221
|
},
|
|
16982
|
-
className: `${styles$
|
|
17222
|
+
className: `${styles$12.button_text} ${bold ? styles$12.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
|
|
16983
17223
|
}), text);
|
|
16984
17224
|
};
|
|
16985
17225
|
|
|
16986
|
-
var css_248z$
|
|
16987
|
-
var styles$
|
|
16988
|
-
styleInject(css_248z$
|
|
17226
|
+
var css_248z$13 = "@import \"../../../styles/index.css\";.TextForDropDownItem-modules_dropdown_text__LnWQU{font-family:var(--sdFontFamilyOpenSans);font-weight:var(--sdFontWeightMedium);margin:unset;padding:.125rem 0}.TextForDropDownItem-modules_dropdown_text_xs__sLaZ6{font-size:var(--sdFontSizeBase);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_sm__rkEf7{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForDropDownItem-modules_dropdown_text_base__bCtEW{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_bold__dSEuu{font-weight:var(--sdFontWeightBold)}";
|
|
17227
|
+
var styles$13 = {"dropdown_text":"TextForDropDownItem-modules_dropdown_text__LnWQU","dropdown_text_xs":"TextForDropDownItem-modules_dropdown_text_xs__sLaZ6","dropdown_text_sm":"TextForDropDownItem-modules_dropdown_text_sm__rkEf7","dropdown_text_base":"TextForDropDownItem-modules_dropdown_text_base__bCtEW","dropdown_text_bold":"TextForDropDownItem-modules_dropdown_text_bold__dSEuu"};
|
|
17228
|
+
styleInject(css_248z$13);
|
|
16989
17229
|
|
|
16990
17230
|
/** This text should only be used for the dropdown items text
|
|
16991
17231
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
@@ -17000,20 +17240,20 @@ const TextForDropDownItem = ({
|
|
|
17000
17240
|
...props
|
|
17001
17241
|
}) => {
|
|
17002
17242
|
const getTextSize = () => {
|
|
17003
|
-
if (size === 'xs') return styles$
|
|
17243
|
+
if (size === 'xs') return styles$13.dropdown_text_xs;else if (size === 'sm') return styles$13.dropdown_text_sm;else if (size === 'base') return styles$13.dropdown_text_base;else return styles$13.dropdown_text_base;
|
|
17004
17244
|
};
|
|
17005
17245
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
17006
17246
|
id: id,
|
|
17007
17247
|
style: {
|
|
17008
17248
|
color: color
|
|
17009
17249
|
},
|
|
17010
|
-
className: `${styles$
|
|
17250
|
+
className: `${styles$13.dropdown_text} ${bold && styles$13.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
17011
17251
|
}), text);
|
|
17012
17252
|
};
|
|
17013
17253
|
|
|
17014
|
-
var css_248z$13 = "@import \"../../../styles/index.css\";.TextWithLink-modules_text_with_link__p1-uw{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__p1-uw a{color:var(--color-primary-500,#07f)}.TextWithLink-modules_text_with_link_underline__9G5jC{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__ZXuBH{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__-fk-7:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text-regular__8jRl6.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
17015
|
-
var styles$
|
|
17016
|
-
styleInject(css_248z$
|
|
17254
|
+
var css_248z$14 = "@import \"../../../styles/index.css\";.TextWithLink-modules_text_with_link__p1-uw{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__p1-uw a{color:var(--color-primary-500,#07f)}.TextWithLink-modules_text_with_link_underline__9G5jC{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__ZXuBH{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__-fk-7:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text-regular__8jRl6.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
17255
|
+
var styles$14 = {"text_with_link":"TextWithLink-modules_text_with_link__p1-uw","text_with_link_underline":"TextWithLink-modules_text_with_link_underline__9G5jC","text_with_link_line_through":"TextWithLink-modules_text_with_link_line_through__ZXuBH","text_with_link_required":"TextWithLink-modules_text_with_link_required__-fk-7","text_with_link_xs":"TextWithLink-modules_text_with_link_xs__rRaNw","text_with_link_regular":"TextWithLink-modules_text_with_link_regular__59pX-","text_with_link_sm":"TextWithLink-modules_text_with_link_sm__9lCd1","text_with_link_base":"TextWithLink-modules_text_with_link_base__-Pk9d","text_with_link_lg":"TextWithLink-modules_text_with_link_lg__pjkA5","text_with_link_xl":"TextWithLink-modules_text_with_link_xl__xXqVf","text_with_link_xxl":"TextWithLink-modules_text_with_link_xxl__-WvlK","text_with_link_xxxl":"TextWithLink-modules_text_with_link_xxxl__STJn-","text_with_link_xxxxl":"TextWithLink-modules_text_with_link_xxxxl__Djwyu","text_with_link_italic":"TextWithLink-modules_text_with_link_italic__4UqAY","text-regular":"TextWithLink-modules_text-regular__8jRl6","text_with_link_bold":"TextWithLink-modules_text_with_link_bold__ZPjyK","text_with_link_semi_bold":"TextWithLink-modules_text_with_link_semi_bold__wFT9T"};
|
|
17256
|
+
styleInject(css_248z$14);
|
|
17017
17257
|
|
|
17018
17258
|
/** This text should be use to display basic text */
|
|
17019
17259
|
const TextWithLink = ({
|
|
@@ -17029,29 +17269,29 @@ const TextWithLink = ({
|
|
|
17029
17269
|
...props
|
|
17030
17270
|
}) => {
|
|
17031
17271
|
const getTextSize = () => {
|
|
17032
|
-
if (size === 'xs') return styles$
|
|
17272
|
+
if (size === 'xs') return styles$14.text_with_link_xs;else if (size === 'sm') return styles$14.text_with_link_sm;else if (size === 'base') return styles$14.text_with_link_base;else if (size === 'lg') return styles$14.text_with_link_lg;else if (size === 'xl') return styles$14.text_with_link_xl;else if (size === 'xxl') return styles$14.text_with_link_xxl;else if (size === 'xxxl') return styles$14.text_with_link_xxxl;else if (size === 'xxxxl') return styles$14.text_with_link_xxxxl;else return styles$14.text_with_link_base;
|
|
17033
17273
|
};
|
|
17034
17274
|
const getTextWeight = () => {
|
|
17035
|
-
if (weight === 'semi-bold') return styles$
|
|
17275
|
+
if (weight === 'semi-bold') return styles$14.text_with_link_semi_bold;else if (weight === 'bold') return styles$14.text_with_link_bold;else if (weight === 'regular') return styles$14.text_with_link_regular;else return styles$14.text_with_link_regular;
|
|
17036
17276
|
};
|
|
17037
17277
|
const getTextDecoration = () => {
|
|
17038
|
-
if (textDecoration === 'underline') return styles$
|
|
17278
|
+
if (textDecoration === 'underline') return styles$14.text_with_link_underline;else if (textDecoration === 'line-through') return styles$14.text_with_link_line_through;else return '';
|
|
17039
17279
|
};
|
|
17040
17280
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
17041
17281
|
id: id,
|
|
17042
17282
|
style: {
|
|
17043
17283
|
color: color
|
|
17044
17284
|
},
|
|
17045
|
-
className: `${styles$
|
|
17285
|
+
className: `${styles$14.text_with_link} ${italic && styles$14.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`,
|
|
17046
17286
|
dangerouslySetInnerHTML: {
|
|
17047
17287
|
__html: text
|
|
17048
17288
|
}
|
|
17049
17289
|
}));
|
|
17050
17290
|
};
|
|
17051
17291
|
|
|
17052
|
-
var css_248z$
|
|
17053
|
-
var styles$
|
|
17054
|
-
styleInject(css_248z$
|
|
17292
|
+
var css_248z$15 = ".UserIndicator-module_user_indicator__hOQbF{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.UserIndicator-module_user_indicator__hOQbF h2{padding:0;text-transform:uppercase}";
|
|
17293
|
+
var styles$15 = {"user_indicator":"UserIndicator-module_user_indicator__hOQbF"};
|
|
17294
|
+
styleInject(css_248z$15);
|
|
17055
17295
|
|
|
17056
17296
|
const gradiants = ['to left top, #F27121, #E94057, #8A2387', 'to left top, #fdc830, #f37335', 'to left top, #59c173, #a17fe0, #5d26c1', 'to left top, #355c7d, #6c5b7b, #c06c84', 'to left top, #40e0d0, #ff8c00, #ff0080', 'to left top, #fffbd5, #b20a2c', 'to left top, #e1eec3, #f05053', 'to left top, #1a2a6c, #b21f1f, #fdbb2d'];
|
|
17057
17297
|
const UserIndicator = ({
|
|
@@ -17071,7 +17311,7 @@ const UserIndicator = ({
|
|
|
17071
17311
|
}
|
|
17072
17312
|
}, []);
|
|
17073
17313
|
return /*#__PURE__*/React.createElement("div", {
|
|
17074
|
-
className: styles$
|
|
17314
|
+
className: styles$15.user_indicator,
|
|
17075
17315
|
id: id,
|
|
17076
17316
|
style: {
|
|
17077
17317
|
background: `linear-gradient(${selectedGradiant})`
|
|
@@ -17084,5 +17324,5 @@ const UserIndicator = ({
|
|
|
17084
17324
|
}));
|
|
17085
17325
|
};
|
|
17086
17326
|
|
|
17087
|
-
export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CloudUpload, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileInput, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, OtherTab, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
|
|
17327
|
+
export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CloudUpload, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileInput, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultiSelectWithoutFilter, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, OtherTab, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
|
|
17088
17328
|
//# sourceMappingURL=odaptos_design_system.esm.js.map
|