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
|
@@ -11,7 +11,7 @@ var mixPlugin = _interopDefault(require('colord/plugins/mix'));
|
|
|
11
11
|
var a11yPlugin = _interopDefault(require('colord/plugins/a11y'));
|
|
12
12
|
var material = require('@mui/material');
|
|
13
13
|
var Tooltip$1 = require('@mui/material/Tooltip');
|
|
14
|
-
var styles$
|
|
14
|
+
var styles$16 = require('@mui/material/styles');
|
|
15
15
|
var reactColorful = require('react-colorful');
|
|
16
16
|
var AdapterDateFnsV3 = require('@mui/x-date-pickers/AdapterDateFnsV3');
|
|
17
17
|
var enUS = require('date-fns/locale/en-US');
|
|
@@ -443,7 +443,7 @@ const TooltipLayout = ({
|
|
|
443
443
|
})));
|
|
444
444
|
};
|
|
445
445
|
|
|
446
|
-
const StyledTooltip = /*#__PURE__*/styles$
|
|
446
|
+
const StyledTooltip = /*#__PURE__*/styles$16.styled(material.Tooltip)({
|
|
447
447
|
[`& .${Tooltip$1.tooltipClasses.tooltip}`]: {
|
|
448
448
|
backgroundColor: '#fff'
|
|
449
449
|
}
|
|
@@ -11281,7 +11281,7 @@ var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;d
|
|
|
11281
11281
|
var styles$d = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv","disabled":"Checkbox-module_disabled__DTVNo"};
|
|
11282
11282
|
styleInject(css_248z$d);
|
|
11283
11283
|
|
|
11284
|
-
const BpIcon = /*#__PURE__*/styles$
|
|
11284
|
+
const BpIcon = /*#__PURE__*/styles$16.styled('span')(() => ({
|
|
11285
11285
|
borderRadius: '0.25rem',
|
|
11286
11286
|
border: `1px solid #8A8B8E`,
|
|
11287
11287
|
width: '1rem',
|
|
@@ -11311,7 +11311,7 @@ function BpCheckbox({
|
|
|
11311
11311
|
// Valeur par défaut
|
|
11312
11312
|
name
|
|
11313
11313
|
}) {
|
|
11314
|
-
const BpCheckedIcon = styles$
|
|
11314
|
+
const BpCheckedIcon = styles$16.styled(BpIcon)({
|
|
11315
11315
|
backgroundColor: color,
|
|
11316
11316
|
backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
|
|
11317
11317
|
border: `1px solid ${color}`,
|
|
@@ -11545,7 +11545,7 @@ var css_248z$g = ".DatePicker-modules_date_picker__ltMIy{min-width:13rem;width:1
|
|
|
11545
11545
|
var styles$g = {"date_picker":"DatePicker-modules_date_picker__ltMIy","MuiAutocomplete-endAdornment":"DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH","input_top_label":"DatePicker-modules_input_top_label__n3jgg","MuiOutlinedInput-root":"DatePicker-modules_MuiOutlinedInput-root__wFT0C","MuiInputBase-root":"DatePicker-modules_MuiInputBase-root__8VJD9","MuiInputBase-formControl":"DatePicker-modules_MuiInputBase-formControl__R-soq","text_below":"DatePicker-modules_text_below__kaG7V","icon":"DatePicker-modules_icon__6Kwu0"};
|
|
11546
11546
|
styleInject(css_248z$g);
|
|
11547
11547
|
|
|
11548
|
-
const CssTextField = /*#__PURE__*/styles$
|
|
11548
|
+
const CssTextField = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
11549
11549
|
'& .MuiInputBase-input': {
|
|
11550
11550
|
color: '#26292E',
|
|
11551
11551
|
fontFamily: 'Open Sans !important',
|
|
@@ -13247,7 +13247,7 @@ var styles$z = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__GJptd","
|
|
|
13247
13247
|
styleInject(css_248z$z);
|
|
13248
13248
|
|
|
13249
13249
|
const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
13250
|
-
const CssTextField$1 = /*#__PURE__*/styles$
|
|
13250
|
+
const CssTextField$1 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
13251
13251
|
'& .MuiInputBase-input': {
|
|
13252
13252
|
color: '#26292E',
|
|
13253
13253
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -13504,7 +13504,7 @@ var styles$A = {"newAutocomplete":"MultiSelectWithCategories-modules_newAutocomp
|
|
|
13504
13504
|
styleInject(css_248z$A);
|
|
13505
13505
|
|
|
13506
13506
|
const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
13507
|
-
const GroupHeader = /*#__PURE__*/styles$
|
|
13507
|
+
const GroupHeader = /*#__PURE__*/styles$16.styled('div')(() => ({
|
|
13508
13508
|
position: 'sticky',
|
|
13509
13509
|
top: '-8px',
|
|
13510
13510
|
padding: '4px 10px',
|
|
@@ -13515,10 +13515,10 @@ const GroupHeader = /*#__PURE__*/styles$15.styled('div')(() => ({
|
|
|
13515
13515
|
fontSize: '0.875rem',
|
|
13516
13516
|
zIndex: 1
|
|
13517
13517
|
}));
|
|
13518
|
-
const GroupItems = /*#__PURE__*/styles$
|
|
13518
|
+
const GroupItems = /*#__PURE__*/styles$16.styled('ul')({
|
|
13519
13519
|
padding: 0
|
|
13520
13520
|
});
|
|
13521
|
-
const CssTextField$2 = /*#__PURE__*/styles$
|
|
13521
|
+
const CssTextField$2 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
13522
13522
|
'& .MuiInputBase-input': {
|
|
13523
13523
|
color: '#26292E',
|
|
13524
13524
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -13773,10 +13773,250 @@ const MultiSelectWithCategories = ({
|
|
|
13773
13773
|
}));
|
|
13774
13774
|
};
|
|
13775
13775
|
|
|
13776
|
-
var css_248z$B = ".
|
|
13777
|
-
var styles$B = {"
|
|
13776
|
+
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}";
|
|
13777
|
+
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"};
|
|
13778
13778
|
styleInject(css_248z$B);
|
|
13779
13779
|
|
|
13780
|
+
const CssTextField$3 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
13781
|
+
'& .MuiInputBase-input': {
|
|
13782
|
+
color: '#26292E',
|
|
13783
|
+
fontFamily: `'Open Sans' !important`,
|
|
13784
|
+
fontSize: '1rem'
|
|
13785
|
+
},
|
|
13786
|
+
'& .MuiInputBase-input.Mui-disabled': {
|
|
13787
|
+
color: '#26292E',
|
|
13788
|
+
fontFamily: `'Open Sans' !important`,
|
|
13789
|
+
fontSize: '1rem'
|
|
13790
|
+
},
|
|
13791
|
+
'& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
|
|
13792
|
+
WebkitTextFillColor: colors.neutral_600
|
|
13793
|
+
},
|
|
13794
|
+
'& .Mui-error': {
|
|
13795
|
+
color: '#26292E'
|
|
13796
|
+
},
|
|
13797
|
+
'& .MuiFormHelperText-root': {
|
|
13798
|
+
color: '#F54C4C'
|
|
13799
|
+
},
|
|
13800
|
+
'& .MuiFormLabel-asterisk': {
|
|
13801
|
+
color: '#F54C4C'
|
|
13802
|
+
},
|
|
13803
|
+
'& .MuiOutlinedInput-root.Mui-disabled': {
|
|
13804
|
+
cursor: 'not-allowed',
|
|
13805
|
+
color: '#26292E',
|
|
13806
|
+
fieldset: {
|
|
13807
|
+
borderColor: '#BCBDBE'
|
|
13808
|
+
},
|
|
13809
|
+
'&:hover fieldset': {
|
|
13810
|
+
borderColor: '#BCBDBE'
|
|
13811
|
+
}
|
|
13812
|
+
},
|
|
13813
|
+
'& label': {
|
|
13814
|
+
color: '#26292E',
|
|
13815
|
+
fontFamily: `'Open Sans' !important`,
|
|
13816
|
+
fontSize: '1rem'
|
|
13817
|
+
},
|
|
13818
|
+
'& label.Mui-disabled.Mui-error': {
|
|
13819
|
+
color: '#26292E',
|
|
13820
|
+
opacity: 0.5,
|
|
13821
|
+
fontFamily: `'Open Sans' !important`,
|
|
13822
|
+
fontSize: '1rem'
|
|
13823
|
+
},
|
|
13824
|
+
'& label.Mui-focused': {
|
|
13825
|
+
color: '#26292E',
|
|
13826
|
+
fontFamily: `'Open Sans' !important`,
|
|
13827
|
+
fontSize: '1rem',
|
|
13828
|
+
backgroundColor: 'transparent',
|
|
13829
|
+
marginRight: 5,
|
|
13830
|
+
paddingRight: 5
|
|
13831
|
+
},
|
|
13832
|
+
'& .MuiOutlinedInput-root': {
|
|
13833
|
+
fontFamily: `'Open Sans' !important`,
|
|
13834
|
+
paddingTop: '9px !important',
|
|
13835
|
+
'& fieldset': {
|
|
13836
|
+
borderColor: '#96989A'
|
|
13837
|
+
},
|
|
13838
|
+
'& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
|
|
13839
|
+
display: 'none'
|
|
13840
|
+
},
|
|
13841
|
+
'& input[type=number]': {
|
|
13842
|
+
MozAppearance: 'textfield'
|
|
13843
|
+
},
|
|
13844
|
+
'&:hover fieldset': {
|
|
13845
|
+
borderColor: '#0077FF'
|
|
13846
|
+
},
|
|
13847
|
+
'&.Mui-focused fieldset': {
|
|
13848
|
+
borderColor: '#0077FF'
|
|
13849
|
+
},
|
|
13850
|
+
'&.Mui-error fieldset': {
|
|
13851
|
+
borderColor: '#F54C4C'
|
|
13852
|
+
},
|
|
13853
|
+
'&.Mui-disabled .Mui-focused fieldset': {
|
|
13854
|
+
borderColor: 'rgba(0, 119, 255, 0.5)'
|
|
13855
|
+
},
|
|
13856
|
+
'& .MuiAutocomplete-endAdornment': {
|
|
13857
|
+
'& .MuiButtonBase-root': {
|
|
13858
|
+
height: '99%',
|
|
13859
|
+
'&:hover': {
|
|
13860
|
+
background: 'transparent'
|
|
13861
|
+
}
|
|
13862
|
+
}
|
|
13863
|
+
},
|
|
13864
|
+
MuiInput: {
|
|
13865
|
+
input: {
|
|
13866
|
+
'&::placeholder': {
|
|
13867
|
+
fontSize: '1rem'
|
|
13868
|
+
}
|
|
13869
|
+
}
|
|
13870
|
+
}
|
|
13871
|
+
}
|
|
13872
|
+
});
|
|
13873
|
+
const MultiSelectWithoutFilter = ({
|
|
13874
|
+
options,
|
|
13875
|
+
fetchOptions,
|
|
13876
|
+
isLoading,
|
|
13877
|
+
required,
|
|
13878
|
+
disabled,
|
|
13879
|
+
label,
|
|
13880
|
+
placeholder,
|
|
13881
|
+
name,
|
|
13882
|
+
className,
|
|
13883
|
+
id,
|
|
13884
|
+
inputId,
|
|
13885
|
+
topLabel,
|
|
13886
|
+
topLabelWeight,
|
|
13887
|
+
topLabelSize,
|
|
13888
|
+
defaultValue,
|
|
13889
|
+
error,
|
|
13890
|
+
helperText,
|
|
13891
|
+
errorText,
|
|
13892
|
+
disableCloseOnSelect,
|
|
13893
|
+
onChange,
|
|
13894
|
+
deleteOption,
|
|
13895
|
+
limitTags,
|
|
13896
|
+
onBlur,
|
|
13897
|
+
searchTerm,
|
|
13898
|
+
setSearchTerm,
|
|
13899
|
+
...props
|
|
13900
|
+
}) => {
|
|
13901
|
+
const [selectedOptions, setSelectedOptions] = React.useState([]);
|
|
13902
|
+
React.useEffect(() => {
|
|
13903
|
+
// Call API only if searchTerm and fetchOptions are defined
|
|
13904
|
+
if (searchTerm.length >= 3 && fetchOptions) {
|
|
13905
|
+
fetchOptions(searchTerm);
|
|
13906
|
+
}
|
|
13907
|
+
}, [searchTerm]);
|
|
13908
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
13909
|
+
className: `${className}`,
|
|
13910
|
+
style: {
|
|
13911
|
+
width: '100%'
|
|
13912
|
+
},
|
|
13913
|
+
id: id
|
|
13914
|
+
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
13915
|
+
text: `${topLabel ? topLabel : ''}`,
|
|
13916
|
+
weight: topLabelWeight || 'bold',
|
|
13917
|
+
size: topLabelSize || 'base',
|
|
13918
|
+
className: styles$B.input_top_label,
|
|
13919
|
+
required: required
|
|
13920
|
+
}), /*#__PURE__*/React__default.createElement(material.Autocomplete, Object.assign({
|
|
13921
|
+
id: inputId,
|
|
13922
|
+
multiple: true,
|
|
13923
|
+
options: options,
|
|
13924
|
+
getOptionLabel: option => {
|
|
13925
|
+
return option.label;
|
|
13926
|
+
},
|
|
13927
|
+
value: selectedOptions,
|
|
13928
|
+
onChange: (_event, newValue) => setSelectedOptions(newValue),
|
|
13929
|
+
filterOptions: x => x,
|
|
13930
|
+
onInputChange: (_event, value) => setSearchTerm(value),
|
|
13931
|
+
loading: isLoading,
|
|
13932
|
+
size: "small",
|
|
13933
|
+
fullWidth: true,
|
|
13934
|
+
className: `${styles$B.newAutocomplete}`,
|
|
13935
|
+
disableCloseOnSelect: disableCloseOnSelect,
|
|
13936
|
+
disabled: disabled,
|
|
13937
|
+
isOptionEqualToValue: (option, value) => {
|
|
13938
|
+
return option.value === value.value;
|
|
13939
|
+
},
|
|
13940
|
+
limitTags: limitTags,
|
|
13941
|
+
renderInput: params => /*#__PURE__*/React__default.createElement(CssTextField$3, Object.assign({}, params, {
|
|
13942
|
+
variant: "outlined",
|
|
13943
|
+
label: `${label && topLabel === undefined ? label : ''}`,
|
|
13944
|
+
placeholder: placeholder,
|
|
13945
|
+
size: "small",
|
|
13946
|
+
required: required,
|
|
13947
|
+
name: name,
|
|
13948
|
+
error: error,
|
|
13949
|
+
onBlur: onBlur,
|
|
13950
|
+
InputProps: {
|
|
13951
|
+
...params.InputProps,
|
|
13952
|
+
endAdornment: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isLoading ? /*#__PURE__*/React__default.createElement(material.CircularProgress, {
|
|
13953
|
+
color: "inherit",
|
|
13954
|
+
size: 20
|
|
13955
|
+
}) : null, params.InputProps.endAdornment)
|
|
13956
|
+
}
|
|
13957
|
+
})),
|
|
13958
|
+
renderTags: value => {
|
|
13959
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
13960
|
+
className: `${styles$B.tags_container} ${styles$B.no_scrollbar}`
|
|
13961
|
+
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
|
|
13962
|
+
text: option.label,
|
|
13963
|
+
status: "idle",
|
|
13964
|
+
size: "base",
|
|
13965
|
+
key: `chipt-option-${index}`,
|
|
13966
|
+
className: styles$B.customBadge,
|
|
13967
|
+
canBeRemoved: true,
|
|
13968
|
+
iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13969
|
+
fill: colors.neutral_700,
|
|
13970
|
+
style: {
|
|
13971
|
+
cursor: 'pointer !important'
|
|
13972
|
+
},
|
|
13973
|
+
onClick: () => deleteOption(option)
|
|
13974
|
+
})
|
|
13975
|
+
})));
|
|
13976
|
+
},
|
|
13977
|
+
renderOption: (props, option, {
|
|
13978
|
+
selected
|
|
13979
|
+
}) => {
|
|
13980
|
+
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
13981
|
+
id: option.value,
|
|
13982
|
+
key: `${props.id}`,
|
|
13983
|
+
style: {
|
|
13984
|
+
gap: '0.5rem'
|
|
13985
|
+
}
|
|
13986
|
+
}), /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
13987
|
+
checked: selected,
|
|
13988
|
+
onChange: () => null
|
|
13989
|
+
}), /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
13990
|
+
text: option.label,
|
|
13991
|
+
size: "sm"
|
|
13992
|
+
}));
|
|
13993
|
+
},
|
|
13994
|
+
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13995
|
+
fill: "black",
|
|
13996
|
+
className: `${styles$B.icon}`
|
|
13997
|
+
}),
|
|
13998
|
+
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
13999
|
+
fill: "black",
|
|
14000
|
+
className: `${styles$B.icon}`
|
|
14001
|
+
})
|
|
14002
|
+
}, props)), errorText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14003
|
+
size: "xs",
|
|
14004
|
+
color: "#F54C4C",
|
|
14005
|
+
italic: true,
|
|
14006
|
+
text: errorText,
|
|
14007
|
+
className: styles$B.text_below
|
|
14008
|
+
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14009
|
+
size: "xs",
|
|
14010
|
+
italic: true,
|
|
14011
|
+
text: helperText,
|
|
14012
|
+
className: styles$B.text_below
|
|
14013
|
+
}));
|
|
14014
|
+
};
|
|
14015
|
+
|
|
14016
|
+
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)}";
|
|
14017
|
+
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"};
|
|
14018
|
+
styleInject(css_248z$C);
|
|
14019
|
+
|
|
13780
14020
|
/**
|
|
13781
14021
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
13782
14022
|
*/
|
|
@@ -13831,42 +14071,42 @@ const Banner = ({
|
|
|
13831
14071
|
};
|
|
13832
14072
|
const getBannerColor = () => {
|
|
13833
14073
|
if (type === 'error') {
|
|
13834
|
-
return styles$
|
|
14074
|
+
return styles$C.notification_banner_error;
|
|
13835
14075
|
} else if (type === 'warning') {
|
|
13836
|
-
return styles$
|
|
14076
|
+
return styles$C.notification_banner_warning;
|
|
13837
14077
|
} else if (type === 'success') {
|
|
13838
|
-
return styles$
|
|
14078
|
+
return styles$C.notification_banner_success;
|
|
13839
14079
|
} else {
|
|
13840
|
-
return styles$
|
|
14080
|
+
return styles$C.notification_banner_info;
|
|
13841
14081
|
}
|
|
13842
14082
|
};
|
|
13843
14083
|
const getIconButtonColor = () => {
|
|
13844
14084
|
if (type === 'error') {
|
|
13845
|
-
return styles$
|
|
14085
|
+
return styles$C.icon_button_error;
|
|
13846
14086
|
} else if (type === 'warning') {
|
|
13847
|
-
return styles$
|
|
14087
|
+
return styles$C.icon_button_warning;
|
|
13848
14088
|
} else if (type === 'success') {
|
|
13849
|
-
return styles$
|
|
14089
|
+
return styles$C.icon_button_success;
|
|
13850
14090
|
} else {
|
|
13851
|
-
return styles$
|
|
14091
|
+
return styles$C.icon_button_info;
|
|
13852
14092
|
}
|
|
13853
14093
|
};
|
|
13854
14094
|
const getContentColor = () => {
|
|
13855
14095
|
if (type === 'error') {
|
|
13856
|
-
return styles$
|
|
14096
|
+
return styles$C.banner_content_error;
|
|
13857
14097
|
} else if (type === 'warning') {
|
|
13858
|
-
return styles$
|
|
14098
|
+
return styles$C.banner_content_warning;
|
|
13859
14099
|
} else if (type === 'success') {
|
|
13860
|
-
return styles$
|
|
14100
|
+
return styles$C.banner_content_success;
|
|
13861
14101
|
} else {
|
|
13862
|
-
return styles$
|
|
14102
|
+
return styles$C.banner_content_info;
|
|
13863
14103
|
}
|
|
13864
14104
|
};
|
|
13865
14105
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13866
14106
|
id: id,
|
|
13867
|
-
className: `${styles$
|
|
14107
|
+
className: `${styles$C.notification_banner} ${getBannerColor()} ${className}`
|
|
13868
14108
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13869
|
-
className: styles$
|
|
14109
|
+
className: styles$C.notification_banner_header
|
|
13870
14110
|
}, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
13871
14111
|
text: title,
|
|
13872
14112
|
weight: "semi-bold",
|
|
@@ -13879,7 +14119,7 @@ const Banner = ({
|
|
|
13879
14119
|
},
|
|
13880
14120
|
size: "xs",
|
|
13881
14121
|
variant: "tertiary",
|
|
13882
|
-
className: `${styles$
|
|
14122
|
+
className: `${styles$C.icon_btn_custom} ${getIconButtonColor()}`
|
|
13883
14123
|
})), content && /*#__PURE__*/React__default.createElement("div", {
|
|
13884
14124
|
dangerouslySetInnerHTML: {
|
|
13885
14125
|
__html: content
|
|
@@ -13909,9 +14149,9 @@ const NotificationIcon = ({
|
|
|
13909
14149
|
});
|
|
13910
14150
|
};
|
|
13911
14151
|
|
|
13912
|
-
var css_248z$
|
|
13913
|
-
var styles$
|
|
13914
|
-
styleInject(css_248z$
|
|
14152
|
+
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}";
|
|
14153
|
+
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"};
|
|
14154
|
+
styleInject(css_248z$D);
|
|
13915
14155
|
|
|
13916
14156
|
/**
|
|
13917
14157
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13938,30 +14178,30 @@ const Toast = ({
|
|
|
13938
14178
|
};
|
|
13939
14179
|
const getCloseBtnStyleByType = () => {
|
|
13940
14180
|
if (type === 'error') {
|
|
13941
|
-
return styles$
|
|
14181
|
+
return styles$D.close_toast_btn_error;
|
|
13942
14182
|
} else if (type === 'warning') {
|
|
13943
|
-
return styles$
|
|
14183
|
+
return styles$D.close_toast_btn_warning;
|
|
13944
14184
|
} else if (type === 'success') {
|
|
13945
|
-
return styles$
|
|
14185
|
+
return styles$D.close_toast_btn_success;
|
|
13946
14186
|
} else {
|
|
13947
|
-
return styles$
|
|
14187
|
+
return styles$D.close_toast_btn_info;
|
|
13948
14188
|
}
|
|
13949
14189
|
};
|
|
13950
14190
|
const getToastStyleByType = () => {
|
|
13951
14191
|
if (type === 'error') {
|
|
13952
|
-
return styles$
|
|
14192
|
+
return styles$D.notification_toast_error;
|
|
13953
14193
|
} else if (type === 'warning') {
|
|
13954
|
-
return styles$
|
|
14194
|
+
return styles$D.notification_toast_warning;
|
|
13955
14195
|
} else if (type === 'success') {
|
|
13956
|
-
return styles$
|
|
14196
|
+
return styles$D.notification_toast_success;
|
|
13957
14197
|
} else {
|
|
13958
|
-
return styles$
|
|
14198
|
+
return styles$D.notification_toast_info;
|
|
13959
14199
|
}
|
|
13960
14200
|
};
|
|
13961
14201
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13962
|
-
className: `${styles$
|
|
14202
|
+
className: `${styles$D.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13963
14203
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13964
|
-
className: styles$
|
|
14204
|
+
className: styles$D.notification_toast_content
|
|
13965
14205
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
13966
14206
|
text: content,
|
|
13967
14207
|
weight: "regular",
|
|
@@ -13970,19 +14210,19 @@ const Toast = ({
|
|
|
13970
14210
|
}), link && textLink && /*#__PURE__*/React__default.createElement(Link, {
|
|
13971
14211
|
text: textLink,
|
|
13972
14212
|
link: link,
|
|
13973
|
-
className: styles$
|
|
14213
|
+
className: styles$D.toast_link
|
|
13974
14214
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
13975
|
-
className: `${styles$
|
|
14215
|
+
className: `${styles$D.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13976
14216
|
onClick: () => {
|
|
13977
14217
|
}
|
|
13978
14218
|
}, /*#__PURE__*/React__default.createElement(AddIcon, null)));
|
|
13979
14219
|
};
|
|
13980
14220
|
|
|
13981
|
-
var css_248z$
|
|
13982
|
-
var styles$
|
|
13983
|
-
styleInject(css_248z$
|
|
14221
|
+
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}";
|
|
14222
|
+
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"};
|
|
14223
|
+
styleInject(css_248z$E);
|
|
13984
14224
|
|
|
13985
|
-
const CssTextField$
|
|
14225
|
+
const CssTextField$4 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
13986
14226
|
'& .MuiInputBase-input': {
|
|
13987
14227
|
color: '#26292E',
|
|
13988
14228
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -14102,7 +14342,7 @@ const NumberField = props => {
|
|
|
14102
14342
|
}, rightIcon) : rightText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
14103
14343
|
text: rightText,
|
|
14104
14344
|
weight: "bold",
|
|
14105
|
-
className: styles$
|
|
14345
|
+
className: styles$E.textSideInput,
|
|
14106
14346
|
size: "sm"
|
|
14107
14347
|
}) : undefined;
|
|
14108
14348
|
const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
|
|
@@ -14110,22 +14350,22 @@ const NumberField = props => {
|
|
|
14110
14350
|
}, leftIcon) : leftText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
14111
14351
|
text: leftText,
|
|
14112
14352
|
weight: "bold",
|
|
14113
|
-
className: styles$
|
|
14353
|
+
className: styles$E.textSideInput,
|
|
14114
14354
|
size: "sm"
|
|
14115
14355
|
}) : undefined;
|
|
14116
14356
|
const InputLabelProps = label === undefined ? {
|
|
14117
14357
|
shrink: false
|
|
14118
14358
|
} : {};
|
|
14119
14359
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14120
|
-
className: `${className} ${styles$
|
|
14360
|
+
className: `${className} ${styles$E.input}`,
|
|
14121
14361
|
id: id
|
|
14122
14362
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14123
14363
|
text: `${topLabel ? topLabel : ''}`,
|
|
14124
14364
|
weight: topLabelWeight || 'bold',
|
|
14125
14365
|
size: topLabelSize || 'base',
|
|
14126
|
-
className: styles$
|
|
14366
|
+
className: styles$E.input_top_label,
|
|
14127
14367
|
required: required
|
|
14128
|
-
}), /*#__PURE__*/React__default.createElement(CssTextField$
|
|
14368
|
+
}), /*#__PURE__*/React__default.createElement(CssTextField$4, {
|
|
14129
14369
|
fullWidth: true,
|
|
14130
14370
|
size: "small",
|
|
14131
14371
|
InputProps: {
|
|
@@ -14166,20 +14406,20 @@ const NumberField = props => {
|
|
|
14166
14406
|
color: "#F54C4C",
|
|
14167
14407
|
italic: true,
|
|
14168
14408
|
text: errorText,
|
|
14169
|
-
className: styles$
|
|
14409
|
+
className: styles$E.text_below
|
|
14170
14410
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14171
14411
|
size: "xs",
|
|
14172
14412
|
italic: true,
|
|
14173
14413
|
text: helperText,
|
|
14174
|
-
className: styles$
|
|
14414
|
+
className: styles$E.text_below
|
|
14175
14415
|
}));
|
|
14176
14416
|
};
|
|
14177
14417
|
|
|
14178
|
-
var css_248z$
|
|
14179
|
-
var styles$
|
|
14180
|
-
styleInject(css_248z$
|
|
14418
|
+
var css_248z$F = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
14419
|
+
var styles$F = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
14420
|
+
styleInject(css_248z$F);
|
|
14181
14421
|
|
|
14182
|
-
const CssTextField$
|
|
14422
|
+
const CssTextField$5 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
14183
14423
|
'& .MuiInputBase-input': {
|
|
14184
14424
|
color: '#26292E',
|
|
14185
14425
|
height: '2.75rem',
|
|
@@ -14301,7 +14541,7 @@ const NumberInput = ({
|
|
|
14301
14541
|
...props
|
|
14302
14542
|
}) => {
|
|
14303
14543
|
const [value, setValue] = React.useState('');
|
|
14304
|
-
return /*#__PURE__*/React__default.createElement(CssTextField$
|
|
14544
|
+
return /*#__PURE__*/React__default.createElement(CssTextField$5, Object.assign({
|
|
14305
14545
|
value: value,
|
|
14306
14546
|
onKeyDown: event => {
|
|
14307
14547
|
if (event.key === 'Backspace') {
|
|
@@ -14330,7 +14570,7 @@ const NumberInput = ({
|
|
|
14330
14570
|
},
|
|
14331
14571
|
id: `NumberInput#${inputNumber}`,
|
|
14332
14572
|
placeholder: placeholder,
|
|
14333
|
-
className: `${styles$
|
|
14573
|
+
className: `${styles$F.input_number} ${className ?? ''}`
|
|
14334
14574
|
}, props));
|
|
14335
14575
|
};
|
|
14336
14576
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -14360,15 +14600,15 @@ const NumbersCode = ({
|
|
|
14360
14600
|
}));
|
|
14361
14601
|
}
|
|
14362
14602
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14363
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
14603
|
+
className: `${containerClassname ?? ''} ${styles$F.blockList}`
|
|
14364
14604
|
}, children);
|
|
14365
14605
|
};
|
|
14366
14606
|
|
|
14367
|
-
var css_248z$
|
|
14368
|
-
var styles$
|
|
14369
|
-
styleInject(css_248z$
|
|
14607
|
+
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}";
|
|
14608
|
+
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"};
|
|
14609
|
+
styleInject(css_248z$G);
|
|
14370
14610
|
|
|
14371
|
-
const CssTextField$
|
|
14611
|
+
const CssTextField$6 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
14372
14612
|
'& .MuiInputBase-input': {
|
|
14373
14613
|
color: '#26292E',
|
|
14374
14614
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -14498,15 +14738,15 @@ const PasswordField = props => {
|
|
|
14498
14738
|
shrink: false
|
|
14499
14739
|
} : {};
|
|
14500
14740
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14501
|
-
className: `${className} ${styles$
|
|
14741
|
+
className: `${className} ${styles$G.input}`,
|
|
14502
14742
|
id: id
|
|
14503
14743
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14504
14744
|
text: `${topLabel ? topLabel : ''}`,
|
|
14505
14745
|
weight: topLabelWeight || 'bold',
|
|
14506
14746
|
size: topLabelSize || 'base',
|
|
14507
|
-
className: styles$
|
|
14747
|
+
className: styles$G.input_top_label,
|
|
14508
14748
|
required: required
|
|
14509
|
-
}), /*#__PURE__*/React__default.createElement(CssTextField$
|
|
14749
|
+
}), /*#__PURE__*/React__default.createElement(CssTextField$6, {
|
|
14510
14750
|
fullWidth: true,
|
|
14511
14751
|
size: "small",
|
|
14512
14752
|
InputProps: {
|
|
@@ -14548,12 +14788,12 @@ const PasswordField = props => {
|
|
|
14548
14788
|
color: "#F54C4C",
|
|
14549
14789
|
italic: true,
|
|
14550
14790
|
text: errorText,
|
|
14551
|
-
className: styles$
|
|
14791
|
+
className: styles$G.text_below
|
|
14552
14792
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14553
14793
|
size: "xs",
|
|
14554
14794
|
italic: true,
|
|
14555
14795
|
text: helperText,
|
|
14556
|
-
className: styles$
|
|
14796
|
+
className: styles$G.text_below
|
|
14557
14797
|
}));
|
|
14558
14798
|
};
|
|
14559
14799
|
|
|
@@ -14634,9 +14874,9 @@ const PopoverBeta = ({
|
|
|
14634
14874
|
});
|
|
14635
14875
|
};
|
|
14636
14876
|
|
|
14637
|
-
var css_248z$
|
|
14638
|
-
var styles$
|
|
14639
|
-
styleInject(css_248z$
|
|
14877
|
+
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}";
|
|
14878
|
+
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"};
|
|
14879
|
+
styleInject(css_248z$H);
|
|
14640
14880
|
|
|
14641
14881
|
const PricingCard = ({
|
|
14642
14882
|
cardInfo: {
|
|
@@ -14680,9 +14920,9 @@ const PricingCard = ({
|
|
|
14680
14920
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14681
14921
|
};
|
|
14682
14922
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14683
|
-
className: styles$
|
|
14923
|
+
className: styles$H.pricingCard + (isHighlighted ? ` ${styles$H.highlighted}` : '') + (isDark ? ` ${styles$H.dark}` : '') + (className ? ` ${className}` : '')
|
|
14684
14924
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React__default.createElement("div", {
|
|
14685
|
-
className: styles$
|
|
14925
|
+
className: styles$H.highlightMessage
|
|
14686
14926
|
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
14687
14927
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14688
14928
|
width: "16",
|
|
@@ -14708,7 +14948,7 @@ const PricingCard = ({
|
|
|
14708
14948
|
text: highlightMessage,
|
|
14709
14949
|
color: "#fff"
|
|
14710
14950
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14711
|
-
className: styles$
|
|
14951
|
+
className: styles$H.mainContent
|
|
14712
14952
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14713
14953
|
style: {
|
|
14714
14954
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14716,44 +14956,44 @@ const PricingCard = ({
|
|
|
14716
14956
|
flexDirection: 'column'
|
|
14717
14957
|
}
|
|
14718
14958
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14719
|
-
className: styles$
|
|
14959
|
+
className: styles$H.header
|
|
14720
14960
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14721
|
-
className: styles$
|
|
14961
|
+
className: styles$H.header_top
|
|
14722
14962
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14723
14963
|
size: "xl",
|
|
14724
14964
|
weight: "bold",
|
|
14725
14965
|
text: title,
|
|
14726
14966
|
color: isDark ? '#fff' : ''
|
|
14727
14967
|
}), yourPlanText && /*#__PURE__*/React__default.createElement("div", {
|
|
14728
|
-
className: styles$
|
|
14968
|
+
className: styles$H.tag
|
|
14729
14969
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14730
14970
|
size: "xs",
|
|
14731
14971
|
text: yourPlanText,
|
|
14732
14972
|
color: colors.white
|
|
14733
14973
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14734
|
-
className: styles$
|
|
14974
|
+
className: styles$H.description
|
|
14735
14975
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14736
14976
|
size: "base",
|
|
14737
14977
|
weight: "semi-bold",
|
|
14738
14978
|
text: description,
|
|
14739
14979
|
color: isDark ? 'white' : ''
|
|
14740
14980
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14741
|
-
className: styles$
|
|
14981
|
+
className: styles$H.pricing
|
|
14742
14982
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14743
14983
|
size: "base",
|
|
14744
14984
|
weight: "bold",
|
|
14745
14985
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14746
14986
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14747
|
-
className: styles$
|
|
14987
|
+
className: styles$H.lineThrough
|
|
14748
14988
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14749
|
-
className: styles$
|
|
14989
|
+
className: styles$H.price
|
|
14750
14990
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Title, {
|
|
14751
14991
|
size: "xxl",
|
|
14752
14992
|
weight: "bold",
|
|
14753
14993
|
text: cmsContent.LetsTalk,
|
|
14754
14994
|
color: isDark ? '#fff' : ''
|
|
14755
14995
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
14756
|
-
className: styles$
|
|
14996
|
+
className: styles$H.amount
|
|
14757
14997
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14758
14998
|
size: "xxxl",
|
|
14759
14999
|
weight: "bold",
|
|
@@ -14769,7 +15009,7 @@ const PricingCard = ({
|
|
|
14769
15009
|
`,
|
|
14770
15010
|
color: isDark ? 'white' : colors.neutral_550
|
|
14771
15011
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14772
|
-
className: styles$
|
|
15012
|
+
className: styles$H.interviews
|
|
14773
15013
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Text, {
|
|
14774
15014
|
size: "sm",
|
|
14775
15015
|
weight: "semi-bold",
|
|
@@ -14792,24 +15032,24 @@ const PricingCard = ({
|
|
|
14792
15032
|
text: buttonText[tier],
|
|
14793
15033
|
size: "base",
|
|
14794
15034
|
variant: buttonVariant[tier],
|
|
14795
|
-
className: styles$
|
|
15035
|
+
className: styles$H.button,
|
|
14796
15036
|
disabled: yourPlanText ? true : false,
|
|
14797
15037
|
customBackground: buttonBackgrounds[tier],
|
|
14798
15038
|
onClick: onClick
|
|
14799
15039
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14800
|
-
className: styles$
|
|
15040
|
+
className: styles$H.features
|
|
14801
15041
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14802
15042
|
size: "base",
|
|
14803
15043
|
weight: "semi-bold",
|
|
14804
15044
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14805
15045
|
color: isDark ? 'white' : ''
|
|
14806
15046
|
}), /*#__PURE__*/React__default.createElement("ul", {
|
|
14807
|
-
className: styles$
|
|
15047
|
+
className: styles$H.featuresList
|
|
14808
15048
|
}, featuresList.map((feature, index) => /*#__PURE__*/React__default.createElement("li", {
|
|
14809
|
-
className: styles$
|
|
15049
|
+
className: styles$H.feature,
|
|
14810
15050
|
key: index
|
|
14811
15051
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
14812
|
-
className: styles$
|
|
15052
|
+
className: styles$H.icon
|
|
14813
15053
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14814
15054
|
size: "sm",
|
|
14815
15055
|
weight: "regular",
|
|
@@ -14824,15 +15064,15 @@ const PricingCard = ({
|
|
|
14824
15064
|
}),
|
|
14825
15065
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14826
15066
|
size: "xxs",
|
|
14827
|
-
className: styles$
|
|
15067
|
+
className: styles$H.tooltipButton
|
|
14828
15068
|
}))))))));
|
|
14829
15069
|
};
|
|
14830
15070
|
|
|
14831
|
-
var css_248z$
|
|
14832
|
-
var styles$
|
|
14833
|
-
styleInject(css_248z$
|
|
15071
|
+
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}";
|
|
15072
|
+
var styles$I = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
15073
|
+
styleInject(css_248z$I);
|
|
14834
15074
|
|
|
14835
|
-
const BpIcon$1 = /*#__PURE__*/styles$
|
|
15075
|
+
const BpIcon$1 = /*#__PURE__*/styles$16.styled('span')(() => ({
|
|
14836
15076
|
borderRadius: '50%',
|
|
14837
15077
|
width: '1rem',
|
|
14838
15078
|
height: '1rem',
|
|
@@ -14849,7 +15089,7 @@ const BpIcon$1 = /*#__PURE__*/styles$15.styled('span')(() => ({
|
|
|
14849
15089
|
cursor: 'not-allowed'
|
|
14850
15090
|
}
|
|
14851
15091
|
}));
|
|
14852
|
-
const BpCheckedIcon = /*#__PURE__*/styles$
|
|
15092
|
+
const BpCheckedIcon = /*#__PURE__*/styles$16.styled(BpIcon$1)({
|
|
14853
15093
|
backgroundColor: '#0077FF',
|
|
14854
15094
|
border: 'none',
|
|
14855
15095
|
width: '1.1rem',
|
|
@@ -14883,7 +15123,7 @@ const Radio = ({
|
|
|
14883
15123
|
}) => {
|
|
14884
15124
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14885
15125
|
id: id,
|
|
14886
|
-
className: `${styles$
|
|
15126
|
+
className: `${styles$I.radioBtnWrapper} ${className}`
|
|
14887
15127
|
}, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14888
15128
|
text: leftLabel,
|
|
14889
15129
|
size: "sm"
|
|
@@ -14905,9 +15145,9 @@ const Radio = ({
|
|
|
14905
15145
|
}));
|
|
14906
15146
|
};
|
|
14907
15147
|
|
|
14908
|
-
var css_248z$
|
|
14909
|
-
var styles$
|
|
14910
|
-
styleInject(css_248z$
|
|
15148
|
+
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}";
|
|
15149
|
+
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"};
|
|
15150
|
+
styleInject(css_248z$J);
|
|
14911
15151
|
|
|
14912
15152
|
const RatingScale = props => {
|
|
14913
15153
|
const {
|
|
@@ -14929,19 +15169,19 @@ const RatingScale = props => {
|
|
|
14929
15169
|
otherProps
|
|
14930
15170
|
} = props;
|
|
14931
15171
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14932
|
-
className: styles$
|
|
15172
|
+
className: styles$J.ratingScale + ' ' + className
|
|
14933
15173
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14934
15174
|
text: `${topLabel ? topLabel : ''}`,
|
|
14935
15175
|
weight: topLabelWeight || 'bold',
|
|
14936
15176
|
size: topLabelSize || 'base',
|
|
14937
|
-
className: styles$
|
|
15177
|
+
className: styles$J.topLabel,
|
|
14938
15178
|
required: required
|
|
14939
15179
|
}), /*#__PURE__*/React__default.createElement(material.FormControl, {
|
|
14940
15180
|
component: "fieldset",
|
|
14941
|
-
className: styles$
|
|
15181
|
+
className: styles$J.formControl,
|
|
14942
15182
|
error: error
|
|
14943
15183
|
}, /*#__PURE__*/React__default.createElement(material.RadioGroup, Object.assign({
|
|
14944
|
-
className: styles$
|
|
15184
|
+
className: styles$J.radioGroup,
|
|
14945
15185
|
"aria-label": "rating",
|
|
14946
15186
|
name: name,
|
|
14947
15187
|
value: value,
|
|
@@ -14956,17 +15196,17 @@ const RatingScale = props => {
|
|
|
14956
15196
|
checked: value === option,
|
|
14957
15197
|
disabled: disabled
|
|
14958
15198
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React__default.createElement("div", {
|
|
14959
|
-
className: styles$
|
|
15199
|
+
className: styles$J.ratingScaleText
|
|
14960
15200
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14961
15201
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14962
15202
|
weight: 'regular',
|
|
14963
15203
|
size: 'sm',
|
|
14964
|
-
className: styles$
|
|
15204
|
+
className: styles$J.ratingScaleStartText
|
|
14965
15205
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14966
15206
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14967
15207
|
weight: 'regular',
|
|
14968
15208
|
size: 'sm',
|
|
14969
|
-
className: styles$
|
|
15209
|
+
className: styles$J.ratingScaleEndText
|
|
14970
15210
|
})) : null);
|
|
14971
15211
|
};
|
|
14972
15212
|
|
|
@@ -14992,12 +15232,12 @@ const Search = ({
|
|
|
14992
15232
|
});
|
|
14993
15233
|
};
|
|
14994
15234
|
|
|
14995
|
-
var css_248z$
|
|
14996
|
-
var styles$
|
|
14997
|
-
styleInject(css_248z$
|
|
15235
|
+
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}";
|
|
15236
|
+
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"};
|
|
15237
|
+
styleInject(css_248z$K);
|
|
14998
15238
|
|
|
14999
15239
|
const filter$2 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
15000
|
-
const CssTextField$
|
|
15240
|
+
const CssTextField$7 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
15001
15241
|
'& .MuiInputBase-input': {
|
|
15002
15242
|
color: '#26292E',
|
|
15003
15243
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -15124,7 +15364,7 @@ const SingleSelect = ({
|
|
|
15124
15364
|
text: `${topLabel ? topLabel : ''}`,
|
|
15125
15365
|
weight: topLabelWeight || 'bold',
|
|
15126
15366
|
size: topLabelSize || 'base',
|
|
15127
|
-
className: styles$
|
|
15367
|
+
className: styles$K.input_top_label,
|
|
15128
15368
|
required: required
|
|
15129
15369
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
15130
15370
|
id: inputId,
|
|
@@ -15155,7 +15395,7 @@ const SingleSelect = ({
|
|
|
15155
15395
|
isOptionEqualToValue: (option, value) => {
|
|
15156
15396
|
if (value._id && option._id) return option._id === value._id;else if (value && value !== '') return option.value === value.value;else return false;
|
|
15157
15397
|
},
|
|
15158
|
-
renderInput: params => /*#__PURE__*/React__default.createElement(CssTextField$
|
|
15398
|
+
renderInput: params => /*#__PURE__*/React__default.createElement(CssTextField$7, Object.assign({}, params, {
|
|
15159
15399
|
variant: "outlined",
|
|
15160
15400
|
fullWidth: true,
|
|
15161
15401
|
label: `${label && topLabel === undefined ? label : ''}`,
|
|
@@ -15167,13 +15407,13 @@ const SingleSelect = ({
|
|
|
15167
15407
|
})),
|
|
15168
15408
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
15169
15409
|
fill: "black",
|
|
15170
|
-
className: `${styles$
|
|
15410
|
+
className: `${styles$K.icon}`
|
|
15171
15411
|
}),
|
|
15172
15412
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
15173
15413
|
fill: "black",
|
|
15174
|
-
className: `${styles$
|
|
15414
|
+
className: `${styles$K.icon}`
|
|
15175
15415
|
}),
|
|
15176
|
-
className: `${styles$
|
|
15416
|
+
className: `${styles$K.newAutocomplete}`,
|
|
15177
15417
|
renderOption: (props, option) => {
|
|
15178
15418
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
15179
15419
|
key: option.value,
|
|
@@ -15203,18 +15443,18 @@ const SingleSelect = ({
|
|
|
15203
15443
|
color: "#F54C4C",
|
|
15204
15444
|
italic: true,
|
|
15205
15445
|
text: errorText,
|
|
15206
|
-
className: styles$
|
|
15446
|
+
className: styles$K.text_below
|
|
15207
15447
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15208
15448
|
size: "xs",
|
|
15209
15449
|
italic: true,
|
|
15210
15450
|
text: helperText,
|
|
15211
|
-
className: styles$
|
|
15451
|
+
className: styles$K.text_below
|
|
15212
15452
|
}));
|
|
15213
15453
|
};
|
|
15214
15454
|
|
|
15215
|
-
var css_248z$
|
|
15216
|
-
var styles$
|
|
15217
|
-
styleInject(css_248z$
|
|
15455
|
+
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}";
|
|
15456
|
+
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"};
|
|
15457
|
+
styleInject(css_248z$L);
|
|
15218
15458
|
|
|
15219
15459
|
const StarRating = ({
|
|
15220
15460
|
id,
|
|
@@ -15226,14 +15466,14 @@ const StarRating = ({
|
|
|
15226
15466
|
const [rating, setRating] = React.useState(value ?? 0);
|
|
15227
15467
|
const [hover, setHover] = React.useState(0);
|
|
15228
15468
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15229
|
-
className: styles$
|
|
15469
|
+
className: styles$L.star_rating,
|
|
15230
15470
|
id: id
|
|
15231
15471
|
}, [...Array(5)].map((_star, index) => {
|
|
15232
15472
|
index += 1;
|
|
15233
15473
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
15234
15474
|
type: "button",
|
|
15235
15475
|
key: index,
|
|
15236
|
-
className: styles$
|
|
15476
|
+
className: styles$L.star_button,
|
|
15237
15477
|
onClick: () => {
|
|
15238
15478
|
setRating(index);
|
|
15239
15479
|
onClick(index);
|
|
@@ -15265,9 +15505,9 @@ const StarRating = ({
|
|
|
15265
15505
|
}));
|
|
15266
15506
|
};
|
|
15267
15507
|
|
|
15268
|
-
var css_248z$
|
|
15269
|
-
var styles$
|
|
15270
|
-
styleInject(css_248z$
|
|
15508
|
+
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}";
|
|
15509
|
+
var styles$M = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
15510
|
+
styleInject(css_248z$M);
|
|
15271
15511
|
|
|
15272
15512
|
const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
15273
15513
|
'& .MuiSwitch-track': {
|
|
@@ -15302,7 +15542,7 @@ const Switch = ({
|
|
|
15302
15542
|
className
|
|
15303
15543
|
}) => {
|
|
15304
15544
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15305
|
-
className: `${styles$
|
|
15545
|
+
className: `${styles$M.switchWrapper} ${disabled && styles$M.disabled}${className}`,
|
|
15306
15546
|
id: id
|
|
15307
15547
|
}, label && /*#__PURE__*/React__default.createElement(Text, {
|
|
15308
15548
|
text: label,
|
|
@@ -15324,9 +15564,9 @@ const Switch = ({
|
|
|
15324
15564
|
}));
|
|
15325
15565
|
};
|
|
15326
15566
|
|
|
15327
|
-
var css_248z$
|
|
15328
|
-
var styles$
|
|
15329
|
-
styleInject(css_248z$
|
|
15567
|
+
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}";
|
|
15568
|
+
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"};
|
|
15569
|
+
styleInject(css_248z$N);
|
|
15330
15570
|
|
|
15331
15571
|
const TableFooter = ({
|
|
15332
15572
|
footerText,
|
|
@@ -15335,26 +15575,26 @@ const TableFooter = ({
|
|
|
15335
15575
|
footerAction
|
|
15336
15576
|
}) => {
|
|
15337
15577
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15338
|
-
className: `${styles$
|
|
15578
|
+
className: `${styles$N.footer} ${footerClassName && footerClassName}`
|
|
15339
15579
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15340
|
-
className: `${styles$
|
|
15580
|
+
className: `${styles$N.footer_content}`
|
|
15341
15581
|
}, footerText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15342
15582
|
size: "sm",
|
|
15343
15583
|
text: footerText,
|
|
15344
15584
|
color: colors.neutral_600,
|
|
15345
|
-
className: styles$
|
|
15585
|
+
className: styles$N.footerText
|
|
15346
15586
|
}), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
15347
15587
|
icon: footerIconRight,
|
|
15348
15588
|
variant: "tertiary",
|
|
15349
15589
|
onClick: footerAction,
|
|
15350
|
-
className: styles$
|
|
15590
|
+
className: styles$N.actionsBtn,
|
|
15351
15591
|
size: "xs"
|
|
15352
15592
|
}))));
|
|
15353
15593
|
};
|
|
15354
15594
|
|
|
15355
|
-
var css_248z$
|
|
15356
|
-
var styles$
|
|
15357
|
-
styleInject(css_248z$
|
|
15595
|
+
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}";
|
|
15596
|
+
var styles$O = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
15597
|
+
styleInject(css_248z$O);
|
|
15358
15598
|
|
|
15359
15599
|
const TableHeader$1 = ({
|
|
15360
15600
|
headers,
|
|
@@ -15364,7 +15604,7 @@ const TableHeader$1 = ({
|
|
|
15364
15604
|
selectAll
|
|
15365
15605
|
}) => {
|
|
15366
15606
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15367
|
-
className: `${styles$
|
|
15607
|
+
className: `${styles$O.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
15368
15608
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
15369
15609
|
checked: areAllSelected,
|
|
15370
15610
|
onChange: () => selectAll()
|
|
@@ -15395,7 +15635,7 @@ const TableHeader$1 = ({
|
|
|
15395
15635
|
style: {
|
|
15396
15636
|
flex: header.flexWidth ?? 1
|
|
15397
15637
|
},
|
|
15398
|
-
className: styles$
|
|
15638
|
+
className: styles$O.header_cell
|
|
15399
15639
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
15400
15640
|
text: header.name,
|
|
15401
15641
|
weight: header.weight,
|
|
@@ -15404,14 +15644,14 @@ const TableHeader$1 = ({
|
|
|
15404
15644
|
}), header.icon && header.icon)));
|
|
15405
15645
|
};
|
|
15406
15646
|
|
|
15407
|
-
var css_248z$
|
|
15408
|
-
var styles$
|
|
15409
|
-
styleInject(css_248z$O);
|
|
15410
|
-
|
|
15411
|
-
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}";
|
|
15412
|
-
var styles$P = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15647
|
+
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}";
|
|
15648
|
+
var styles$P = {"rows":"rows-modules_rows__hlE0W","row":"rows-modules_row__4ez-4","firstRow":"rows-modules_firstRow__TK4Su","lastRow":"rows-modules_lastRow__fZai8"};
|
|
15413
15649
|
styleInject(css_248z$P);
|
|
15414
15650
|
|
|
15651
|
+
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}";
|
|
15652
|
+
var styles$Q = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15653
|
+
styleInject(css_248z$Q);
|
|
15654
|
+
|
|
15415
15655
|
const TableCell = ({
|
|
15416
15656
|
text,
|
|
15417
15657
|
weight = 'regular',
|
|
@@ -15422,7 +15662,7 @@ const TableCell = ({
|
|
|
15422
15662
|
select
|
|
15423
15663
|
}) => {
|
|
15424
15664
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15425
|
-
className: `${styles$
|
|
15665
|
+
className: `${styles$Q.cell} ${className && className}`,
|
|
15426
15666
|
style: {
|
|
15427
15667
|
flex: flexWidth
|
|
15428
15668
|
}
|
|
@@ -15447,14 +15687,14 @@ const TableRows = ({
|
|
|
15447
15687
|
}) => {
|
|
15448
15688
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15449
15689
|
id: id,
|
|
15450
|
-
className: `${styles$
|
|
15690
|
+
className: `${styles$P.rows} ${rowsClassName}`
|
|
15451
15691
|
}, rows.map((row, index) => {
|
|
15452
|
-
let rowClassName = `${styles$
|
|
15692
|
+
let rowClassName = `${styles$P.row} ${row.className}`;
|
|
15453
15693
|
// Add first and last row classes
|
|
15454
15694
|
if (index === 0) {
|
|
15455
|
-
rowClassName += ` ${styles$
|
|
15695
|
+
rowClassName += ` ${styles$P.firstRow}`;
|
|
15456
15696
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
15457
|
-
rowClassName += ` ${styles$
|
|
15697
|
+
rowClassName += ` ${styles$P.lastRow}`;
|
|
15458
15698
|
}
|
|
15459
15699
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15460
15700
|
key: `row-${index}`,
|
|
@@ -15477,9 +15717,9 @@ const TableRows = ({
|
|
|
15477
15717
|
}));
|
|
15478
15718
|
};
|
|
15479
15719
|
|
|
15480
|
-
var css_248z$
|
|
15481
|
-
var styles$
|
|
15482
|
-
styleInject(css_248z$
|
|
15720
|
+
var css_248z$R = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
15721
|
+
var styles$R = {"table":"Table-modules_table__ddiph"};
|
|
15722
|
+
styleInject(css_248z$R);
|
|
15483
15723
|
|
|
15484
15724
|
/**
|
|
15485
15725
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -15503,7 +15743,7 @@ const Table = ({
|
|
|
15503
15743
|
}) => {
|
|
15504
15744
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15505
15745
|
id: tableId,
|
|
15506
|
-
className: `${styles$
|
|
15746
|
+
className: `${styles$R.table} ${className}`
|
|
15507
15747
|
}, /*#__PURE__*/React__default.createElement(TableHeader$1, {
|
|
15508
15748
|
headers: headers,
|
|
15509
15749
|
isSelectable: isSelectable,
|
|
@@ -15524,9 +15764,9 @@ const Table = ({
|
|
|
15524
15764
|
}));
|
|
15525
15765
|
};
|
|
15526
15766
|
|
|
15527
|
-
var css_248z$
|
|
15528
|
-
var styles$
|
|
15529
|
-
styleInject(css_248z$
|
|
15767
|
+
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}";
|
|
15768
|
+
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"};
|
|
15769
|
+
styleInject(css_248z$S);
|
|
15530
15770
|
|
|
15531
15771
|
const TabPanel = ({
|
|
15532
15772
|
id,
|
|
@@ -15559,7 +15799,7 @@ const Tabs = ({
|
|
|
15559
15799
|
if (onSelect) onSelect(newValue);
|
|
15560
15800
|
};
|
|
15561
15801
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15562
|
-
className: styles$
|
|
15802
|
+
className: styles$S.new_tabs,
|
|
15563
15803
|
id: id
|
|
15564
15804
|
}, /*#__PURE__*/React__default.createElement(material.Tabs, {
|
|
15565
15805
|
value: value,
|
|
@@ -15593,9 +15833,9 @@ const Tabs = ({
|
|
|
15593
15833
|
}, tab.component)));
|
|
15594
15834
|
};
|
|
15595
15835
|
|
|
15596
|
-
var css_248z$
|
|
15597
|
-
var styles$
|
|
15598
|
-
styleInject(css_248z$
|
|
15836
|
+
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}";
|
|
15837
|
+
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"};
|
|
15838
|
+
styleInject(css_248z$T);
|
|
15599
15839
|
|
|
15600
15840
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15601
15841
|
const TabsUnderline = ({
|
|
@@ -15622,12 +15862,12 @@ const TabsUnderline = ({
|
|
|
15622
15862
|
}
|
|
15623
15863
|
}, [defaultValue]);
|
|
15624
15864
|
if (type === 'underline') return /*#__PURE__*/React__default.createElement("div", {
|
|
15625
|
-
className: `${styles$
|
|
15865
|
+
className: `${styles$T.tabbar} ${className && className}`,
|
|
15626
15866
|
id: id
|
|
15627
15867
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15628
15868
|
value: value,
|
|
15629
15869
|
onChange: onClickTab,
|
|
15630
|
-
className: styles$
|
|
15870
|
+
className: styles$T.tabs_root,
|
|
15631
15871
|
variant: "scrollable",
|
|
15632
15872
|
orientation: "horizontal",
|
|
15633
15873
|
visibleScrollbar: false,
|
|
@@ -15642,7 +15882,7 @@ const TabsUnderline = ({
|
|
|
15642
15882
|
}, tabs.map((item, index) => {
|
|
15643
15883
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15644
15884
|
key: `tab#${index}`,
|
|
15645
|
-
className: !isArrowIconDisplay ? styles$
|
|
15885
|
+
className: !isArrowIconDisplay ? styles$T.tab_label : styles$T.tab_label_icon,
|
|
15646
15886
|
disabled: item.disabled ?? false,
|
|
15647
15887
|
disableRipple: true,
|
|
15648
15888
|
id: item.id,
|
|
@@ -15650,7 +15890,7 @@ const TabsUnderline = ({
|
|
|
15650
15890
|
textTransform: 'none'
|
|
15651
15891
|
},
|
|
15652
15892
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15653
|
-
className: `${styles$
|
|
15893
|
+
className: `${styles$T.tab_label_content} ${value === index ? styles$T.selected : ''}`,
|
|
15654
15894
|
id: item.id,
|
|
15655
15895
|
onClick: e => onClickTab(e, index)
|
|
15656
15896
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -15666,7 +15906,7 @@ const TabsUnderline = ({
|
|
|
15666
15906
|
});
|
|
15667
15907
|
if (item.disabled) {
|
|
15668
15908
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15669
|
-
className: `${styles$
|
|
15909
|
+
className: `${styles$T.tab_label_disabled}`,
|
|
15670
15910
|
id: item.id,
|
|
15671
15911
|
style: {
|
|
15672
15912
|
width: 'fit-content',
|
|
@@ -15676,7 +15916,7 @@ const TabsUnderline = ({
|
|
|
15676
15916
|
}
|
|
15677
15917
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15678
15918
|
key: `tab#${index}`,
|
|
15679
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15919
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15680
15920
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15681
15921
|
size: "base",
|
|
15682
15922
|
text: item.label,
|
|
@@ -15702,11 +15942,11 @@ const TabsUnderline = ({
|
|
|
15702
15942
|
alignItems: 'center',
|
|
15703
15943
|
justifyContent: 'center'
|
|
15704
15944
|
},
|
|
15705
|
-
className: `${styles$
|
|
15945
|
+
className: `${styles$T.tab_label_disabled}`,
|
|
15706
15946
|
onClick: e => onClickTab(e, index)
|
|
15707
15947
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15708
15948
|
key: `tab#${index}`,
|
|
15709
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15949
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15710
15950
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15711
15951
|
size: "base",
|
|
15712
15952
|
text: item.label,
|
|
@@ -15728,7 +15968,7 @@ const TabsUnderline = ({
|
|
|
15728
15968
|
}
|
|
15729
15969
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15730
15970
|
id: item.id,
|
|
15731
|
-
className: styles$
|
|
15971
|
+
className: styles$T.withArrowContainer,
|
|
15732
15972
|
onClick: e => onClickTab(e, index)
|
|
15733
15973
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
15734
15974
|
fill: colors.neutral_550,
|
|
@@ -15736,11 +15976,11 @@ const TabsUnderline = ({
|
|
|
15736
15976
|
}));else return renderTab;
|
|
15737
15977
|
})));else if (type === 'filled') return /*#__PURE__*/React__default.createElement("div", {
|
|
15738
15978
|
id: id,
|
|
15739
|
-
className: `${styles$
|
|
15979
|
+
className: `${styles$T.tabFilled} ${className && className}`
|
|
15740
15980
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15741
15981
|
value: value,
|
|
15742
15982
|
onChange: onClickTab,
|
|
15743
|
-
className: styles$
|
|
15983
|
+
className: styles$T.tabs_root,
|
|
15744
15984
|
variant: "scrollable",
|
|
15745
15985
|
orientation: "horizontal",
|
|
15746
15986
|
visibleScrollbar: false,
|
|
@@ -15753,14 +15993,14 @@ const TabsUnderline = ({
|
|
|
15753
15993
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15754
15994
|
id: item.id,
|
|
15755
15995
|
key: `tab#${index}`,
|
|
15756
|
-
className: !isArrowIconDisplay ? styles$
|
|
15996
|
+
className: !isArrowIconDisplay ? styles$T.tab_label : styles$T.tab_label_icon,
|
|
15757
15997
|
disabled: item.disabled ?? false,
|
|
15758
15998
|
disableRipple: true,
|
|
15759
15999
|
sx: {
|
|
15760
16000
|
textTransform: 'none'
|
|
15761
16001
|
},
|
|
15762
16002
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15763
|
-
className: `${styles$
|
|
16003
|
+
className: `${styles$T.tab_label_content} ${item.disabled ? styles$T.tab_label_disabled : ''} ${value === index ? styles$T.selected : ''}`,
|
|
15764
16004
|
id: item.id
|
|
15765
16005
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15766
16006
|
text: item.label,
|
|
@@ -15774,11 +16014,11 @@ const TabsUnderline = ({
|
|
|
15774
16014
|
});
|
|
15775
16015
|
if (item.disabled) {
|
|
15776
16016
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15777
|
-
className: `${styles$
|
|
16017
|
+
className: `${styles$T.tab_label_content} ${item.disabled ? styles$T.tab_label_disabled : ''}`,
|
|
15778
16018
|
id: item.id
|
|
15779
16019
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15780
16020
|
key: `tab#${index}`,
|
|
15781
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
16021
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15782
16022
|
size: "base",
|
|
15783
16023
|
text: item.label,
|
|
15784
16024
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15803,10 +16043,10 @@ const TabsUnderline = ({
|
|
|
15803
16043
|
alignItems: 'center',
|
|
15804
16044
|
justifyContent: 'center'
|
|
15805
16045
|
},
|
|
15806
|
-
className: `${styles$
|
|
16046
|
+
className: `${styles$T.tab_label_content} ${item.disabled ? styles$T.tab_label_disabled : ''}`
|
|
15807
16047
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15808
16048
|
key: `tab#${index}`,
|
|
15809
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
16049
|
+
className: `${!isArrowIconDisplay ? styles$T.tab_label_replacement : styles$T.tab_label_replacement_icon} ${styles$T.disabled}`,
|
|
15810
16050
|
size: "base",
|
|
15811
16051
|
text: item.label,
|
|
15812
16052
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15826,7 +16066,7 @@ const TabsUnderline = ({
|
|
|
15826
16066
|
}, renderTab);
|
|
15827
16067
|
}
|
|
15828
16068
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15829
|
-
className: styles$
|
|
16069
|
+
className: styles$T.withArrowContainer,
|
|
15830
16070
|
onClick: e => onClickTab(e, index),
|
|
15831
16071
|
id: item.id
|
|
15832
16072
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
@@ -15836,9 +16076,9 @@ const TabsUnderline = ({
|
|
|
15836
16076
|
})));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
15837
16077
|
};
|
|
15838
16078
|
|
|
15839
|
-
var css_248z$
|
|
15840
|
-
var styles$
|
|
15841
|
-
styleInject(css_248z$
|
|
16079
|
+
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}";
|
|
16080
|
+
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"};
|
|
16081
|
+
styleInject(css_248z$U);
|
|
15842
16082
|
|
|
15843
16083
|
colord.extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15844
16084
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15865,15 +16105,15 @@ const Tag = ({
|
|
|
15865
16105
|
};
|
|
15866
16106
|
const getTagStatus = () => {
|
|
15867
16107
|
if (customColor) {
|
|
15868
|
-
return styles$
|
|
16108
|
+
return styles$U.tag_custom;
|
|
15869
16109
|
} else if (status === 'idle') {
|
|
15870
|
-
return styles$
|
|
15871
|
-
} else if (status === 'success') return styles$
|
|
16110
|
+
return styles$U.tag_idle;
|
|
16111
|
+
} 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;
|
|
15872
16112
|
};
|
|
15873
16113
|
const getTagSize = () => {
|
|
15874
16114
|
if (size === 'sm') {
|
|
15875
|
-
return styles$
|
|
15876
|
-
} else if (size === 'base') return styles$
|
|
16115
|
+
return styles$U.tag_sm;
|
|
16116
|
+
} else if (size === 'base') return styles$U.tag_base;else return styles$U.tag_base;
|
|
15877
16117
|
};
|
|
15878
16118
|
const getTextSize = () => {
|
|
15879
16119
|
if (size === 'sm') {
|
|
@@ -15901,7 +16141,7 @@ const Tag = ({
|
|
|
15901
16141
|
style: {
|
|
15902
16142
|
backgroundColor: customColor
|
|
15903
16143
|
},
|
|
15904
|
-
className: `${areEllipsisActive ? styles$
|
|
16144
|
+
className: `${areEllipsisActive ? styles$U.tag_ellipsis : styles$U.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$U.canBeRemoved}`
|
|
15905
16145
|
}), iconLeft && /*#__PURE__*/React__default.cloneElement(iconLeft, {
|
|
15906
16146
|
style: {
|
|
15907
16147
|
fill: getTextColor(),
|
|
@@ -15925,11 +16165,11 @@ const Tag = ({
|
|
|
15925
16165
|
})));
|
|
15926
16166
|
};
|
|
15927
16167
|
|
|
15928
|
-
var css_248z$
|
|
15929
|
-
var styles$
|
|
15930
|
-
styleInject(css_248z$
|
|
16168
|
+
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}";
|
|
16169
|
+
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"};
|
|
16170
|
+
styleInject(css_248z$V);
|
|
15931
16171
|
|
|
15932
|
-
const CssTextField$
|
|
16172
|
+
const CssTextField$8 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
15933
16173
|
'& .MuiInputBase-input': {
|
|
15934
16174
|
color: '#26292E',
|
|
15935
16175
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -16084,15 +16324,15 @@ const TextInput = props => {
|
|
|
16084
16324
|
}
|
|
16085
16325
|
};
|
|
16086
16326
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16087
|
-
className: `${className} ${styles$
|
|
16327
|
+
className: `${className} ${styles$V.input}`,
|
|
16088
16328
|
id: id
|
|
16089
16329
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
16090
16330
|
text: `${topLabel ? topLabel : ''}`,
|
|
16091
16331
|
weight: topLabelWeight || 'bold',
|
|
16092
16332
|
size: topLabelSize || 'base',
|
|
16093
|
-
className: styles$
|
|
16333
|
+
className: styles$V.input_top_label,
|
|
16094
16334
|
required: required
|
|
16095
|
-
}), /*#__PURE__*/React__default.createElement(CssTextField$
|
|
16335
|
+
}), /*#__PURE__*/React__default.createElement(CssTextField$8, {
|
|
16096
16336
|
fullWidth: true,
|
|
16097
16337
|
size: "small",
|
|
16098
16338
|
InputProps: {
|
|
@@ -16132,18 +16372,18 @@ const TextInput = props => {
|
|
|
16132
16372
|
size: "xs",
|
|
16133
16373
|
color: "#F54C4C",
|
|
16134
16374
|
text: errorText,
|
|
16135
|
-
className: styles$
|
|
16375
|
+
className: styles$V.text_below
|
|
16136
16376
|
}), helperText && /*#__PURE__*/React__default.createElement(TextWithLink, {
|
|
16137
16377
|
size: "xs",
|
|
16138
16378
|
weight: "regular",
|
|
16139
16379
|
text: helperText,
|
|
16140
|
-
className: styles$
|
|
16380
|
+
className: styles$V.text_below
|
|
16141
16381
|
}));
|
|
16142
16382
|
};
|
|
16143
16383
|
|
|
16144
|
-
var css_248z$
|
|
16145
|
-
var styles$
|
|
16146
|
-
styleInject(css_248z$
|
|
16384
|
+
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}";
|
|
16385
|
+
var styles$W = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
16386
|
+
styleInject(css_248z$W);
|
|
16147
16387
|
|
|
16148
16388
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
16149
16389
|
const Textarea = ({
|
|
@@ -16182,7 +16422,7 @@ const Textarea = ({
|
|
|
16182
16422
|
setCharCount(String(value).length);
|
|
16183
16423
|
}, []);
|
|
16184
16424
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16185
|
-
className: styles$
|
|
16425
|
+
className: styles$W.text_area_container
|
|
16186
16426
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16187
16427
|
name: name,
|
|
16188
16428
|
variant: "outlined",
|
|
@@ -16209,7 +16449,7 @@ const Textarea = ({
|
|
|
16209
16449
|
minRows: minRows,
|
|
16210
16450
|
inputId: inputId
|
|
16211
16451
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16212
|
-
className: styles$
|
|
16452
|
+
className: styles$W.helperTexts
|
|
16213
16453
|
}, helperText && /*#__PURE__*/React__default.createElement(TextWithLink, {
|
|
16214
16454
|
text: helperText,
|
|
16215
16455
|
size: "xs",
|
|
@@ -16222,13 +16462,13 @@ const Textarea = ({
|
|
|
16222
16462
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
16223
16463
|
text: `${charCount} / ${maxCharacters}`,
|
|
16224
16464
|
size: "xs",
|
|
16225
|
-
className: styles$
|
|
16465
|
+
className: styles$W.counter
|
|
16226
16466
|
})));
|
|
16227
16467
|
};
|
|
16228
16468
|
|
|
16229
|
-
var css_248z$
|
|
16230
|
-
var styles$
|
|
16231
|
-
styleInject(css_248z$
|
|
16469
|
+
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}";
|
|
16470
|
+
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"};
|
|
16471
|
+
styleInject(css_248z$X);
|
|
16232
16472
|
|
|
16233
16473
|
/**
|
|
16234
16474
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -16388,7 +16628,7 @@ const Thematic = ({
|
|
|
16388
16628
|
};
|
|
16389
16629
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16390
16630
|
id: id,
|
|
16391
|
-
className: styles$
|
|
16631
|
+
className: styles$X.thematic,
|
|
16392
16632
|
style: {
|
|
16393
16633
|
backgroundColor: backgroundColor,
|
|
16394
16634
|
borderColor: borderColor
|
|
@@ -16404,7 +16644,7 @@ const Thematic = ({
|
|
|
16404
16644
|
setAreActionsVisible(false);
|
|
16405
16645
|
}
|
|
16406
16646
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16407
|
-
className: styles$
|
|
16647
|
+
className: styles$X.thematic__header
|
|
16408
16648
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
16409
16649
|
tooltipDescription: definition,
|
|
16410
16650
|
placement: "top",
|
|
@@ -16415,9 +16655,9 @@ const Thematic = ({
|
|
|
16415
16655
|
size: "base",
|
|
16416
16656
|
status: 'idle',
|
|
16417
16657
|
customColor: badgeColor,
|
|
16418
|
-
className: styles$
|
|
16658
|
+
className: styles$X.overflow_badge
|
|
16419
16659
|
}))), areActionsVisible && /*#__PURE__*/React__default.createElement("div", {
|
|
16420
|
-
className: styles$
|
|
16660
|
+
className: styles$X.thematic__header__actions
|
|
16421
16661
|
}, !isAddTagHidden && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
16422
16662
|
icon: /*#__PURE__*/React__default.createElement(AddTagIcon, {
|
|
16423
16663
|
fill: iconsColor,
|
|
@@ -16443,10 +16683,10 @@ const Thematic = ({
|
|
|
16443
16683
|
variant: "tertiary",
|
|
16444
16684
|
onClick: handleOnClickDeleteThematic
|
|
16445
16685
|
}))), tagsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
16446
|
-
className: styles$
|
|
16686
|
+
className: styles$X.tagsContainer
|
|
16447
16687
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
16448
16688
|
key: `${tag}-${idx}`,
|
|
16449
|
-
className: styles$
|
|
16689
|
+
className: styles$X.tag,
|
|
16450
16690
|
onClick: e => handleOnClickTag(e, tag)
|
|
16451
16691
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
16452
16692
|
tooltipDescription: tag.definition,
|
|
@@ -16458,7 +16698,7 @@ const Thematic = ({
|
|
|
16458
16698
|
customColor: tagColor.toHex(),
|
|
16459
16699
|
size: "base",
|
|
16460
16700
|
amountNumber: tag.amount,
|
|
16461
|
-
className: styles$
|
|
16701
|
+
className: styles$X.overflow_tag
|
|
16462
16702
|
})))))), /*#__PURE__*/React__default.createElement(material.Popover, {
|
|
16463
16703
|
open: isAddTagPopoverOpen,
|
|
16464
16704
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -16467,16 +16707,16 @@ const Thematic = ({
|
|
|
16467
16707
|
horizontal: 'right'
|
|
16468
16708
|
},
|
|
16469
16709
|
onClose: closeAddTagPopover,
|
|
16470
|
-
className: styles$
|
|
16710
|
+
className: styles$X.addTagPopover
|
|
16471
16711
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16472
|
-
className: styles$
|
|
16712
|
+
className: styles$X.content
|
|
16473
16713
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16474
16714
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
16475
16715
|
value: newTagName,
|
|
16476
16716
|
onChange: e => setNewTagName(e.target.value),
|
|
16477
16717
|
onKeyDown: handleOnClickValidateAddTag
|
|
16478
16718
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16479
|
-
className: styles$
|
|
16719
|
+
className: styles$X.actions
|
|
16480
16720
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16481
16721
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16482
16722
|
size: "sm",
|
|
@@ -16490,11 +16730,11 @@ const Thematic = ({
|
|
|
16490
16730
|
horizontal: 'right'
|
|
16491
16731
|
},
|
|
16492
16732
|
onClose: closeTagMenuPopover,
|
|
16493
|
-
className: styles$
|
|
16733
|
+
className: styles$X.tagMenuPopover
|
|
16494
16734
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16495
|
-
className: styles$
|
|
16735
|
+
className: styles$X.dropdown
|
|
16496
16736
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16497
|
-
className: styles$
|
|
16737
|
+
className: styles$X.item,
|
|
16498
16738
|
onClick: e => handleOnClickEditTag(e)
|
|
16499
16739
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16500
16740
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -16503,7 +16743,7 @@ const Thematic = ({
|
|
|
16503
16743
|
fill: colors.black,
|
|
16504
16744
|
size: "base"
|
|
16505
16745
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
16506
|
-
className: styles$
|
|
16746
|
+
className: styles$X.item,
|
|
16507
16747
|
onClick: e => handleOnClickMoveTag(e)
|
|
16508
16748
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16509
16749
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -16512,7 +16752,7 @@ const Thematic = ({
|
|
|
16512
16752
|
fill: colors.black,
|
|
16513
16753
|
size: "base"
|
|
16514
16754
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
16515
|
-
className: styles$
|
|
16755
|
+
className: styles$X.item,
|
|
16516
16756
|
onClick: handleOnClickDeleteTag
|
|
16517
16757
|
}, /*#__PURE__*/React__default.createElement(BinIcon, {
|
|
16518
16758
|
fill: colors.red_500,
|
|
@@ -16528,16 +16768,16 @@ const Thematic = ({
|
|
|
16528
16768
|
horizontal: 'right'
|
|
16529
16769
|
},
|
|
16530
16770
|
onClose: closeEditTagPopover,
|
|
16531
|
-
className: styles$
|
|
16771
|
+
className: styles$X.editTagPopover
|
|
16532
16772
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16533
|
-
className: styles$
|
|
16773
|
+
className: styles$X.content
|
|
16534
16774
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16535
16775
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
16536
16776
|
value: editedTagName,
|
|
16537
16777
|
onChange: e => setEditedTagName(e.target.value),
|
|
16538
16778
|
onKeyDown: handleOnClickValidateEditTag
|
|
16539
16779
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16540
|
-
className: styles$
|
|
16780
|
+
className: styles$X.actions
|
|
16541
16781
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16542
16782
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16543
16783
|
size: "sm",
|
|
@@ -16551,17 +16791,17 @@ const Thematic = ({
|
|
|
16551
16791
|
horizontal: 'right'
|
|
16552
16792
|
},
|
|
16553
16793
|
onClose: closeMoveTagPopover,
|
|
16554
|
-
className: styles$
|
|
16794
|
+
className: styles$X.moveTagPopover
|
|
16555
16795
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16556
|
-
className: styles$
|
|
16796
|
+
className: styles$X.content
|
|
16557
16797
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16558
|
-
className: styles$
|
|
16798
|
+
className: styles$X.otherThematicsContainer
|
|
16559
16799
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
16560
16800
|
key: `${thematic}-${idx}`,
|
|
16561
|
-
className: styles$
|
|
16801
|
+
className: styles$X.otherThematic,
|
|
16562
16802
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
16563
16803
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16564
|
-
className: styles$
|
|
16804
|
+
className: styles$X.color,
|
|
16565
16805
|
style: {
|
|
16566
16806
|
backgroundColor: thematic.color,
|
|
16567
16807
|
height: '1rem',
|
|
@@ -16574,9 +16814,9 @@ const Thematic = ({
|
|
|
16574
16814
|
})))))));
|
|
16575
16815
|
};
|
|
16576
16816
|
|
|
16577
|
-
var css_248z$
|
|
16578
|
-
var styles$
|
|
16579
|
-
styleInject(css_248z$
|
|
16817
|
+
var css_248z$Y = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
16818
|
+
var styles$Y = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
16819
|
+
styleInject(css_248z$Y);
|
|
16580
16820
|
|
|
16581
16821
|
const TimeInterval = ({
|
|
16582
16822
|
id,
|
|
@@ -16600,10 +16840,10 @@ const TimeInterval = ({
|
|
|
16600
16840
|
}
|
|
16601
16841
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16602
16842
|
id: id,
|
|
16603
|
-
className: `${styles$
|
|
16843
|
+
className: `${styles$Y.time_interval} ${className}`,
|
|
16604
16844
|
onClick: () => onClick(startTime)
|
|
16605
16845
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16606
|
-
className: styles$
|
|
16846
|
+
className: styles$Y.times_text,
|
|
16607
16847
|
size: "sm",
|
|
16608
16848
|
weight: "semi-bold",
|
|
16609
16849
|
color: colors.blue_500,
|
|
@@ -16612,11 +16852,11 @@ const TimeInterval = ({
|
|
|
16612
16852
|
}));
|
|
16613
16853
|
};
|
|
16614
16854
|
|
|
16615
|
-
var css_248z$
|
|
16616
|
-
var styles$
|
|
16617
|
-
styleInject(css_248z$
|
|
16855
|
+
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}";
|
|
16856
|
+
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"};
|
|
16857
|
+
styleInject(css_248z$Z);
|
|
16618
16858
|
|
|
16619
|
-
const CssTextField$
|
|
16859
|
+
const CssTextField$9 = /*#__PURE__*/styles$16.styled(material.TextField)({
|
|
16620
16860
|
'& .MuiInputBase-input': {
|
|
16621
16861
|
color: '#26292E',
|
|
16622
16862
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -16704,7 +16944,7 @@ const CssTextField$8 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
|
16704
16944
|
}
|
|
16705
16945
|
});
|
|
16706
16946
|
dayjs.extend(utc);
|
|
16707
|
-
const TimePickerStyledComponent = params => /*#__PURE__*/React__default.createElement(CssTextField$
|
|
16947
|
+
const TimePickerStyledComponent = params => /*#__PURE__*/React__default.createElement(CssTextField$9, Object.assign({}, params, {
|
|
16708
16948
|
variant: "outlined",
|
|
16709
16949
|
fullWidth: true,
|
|
16710
16950
|
label: `${params.label && params.topLabel === undefined ? params.label : ''}`,
|
|
@@ -16746,12 +16986,12 @@ const TimePicker = ({
|
|
|
16746
16986
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
16747
16987
|
adapterLocale: locales[locale]
|
|
16748
16988
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16749
|
-
className: `${styles$
|
|
16989
|
+
className: `${styles$Z.time_picker} ${className ? className : undefined}`
|
|
16750
16990
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
16751
16991
|
text: `${topLabel ? topLabel : ''}`,
|
|
16752
16992
|
weight: topLabelWeight || 'bold',
|
|
16753
16993
|
size: topLabelSize || 'base',
|
|
16754
|
-
className: styles$
|
|
16994
|
+
className: styles$Z.input_top_label,
|
|
16755
16995
|
required: required
|
|
16756
16996
|
}), /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
|
|
16757
16997
|
label: label,
|
|
@@ -16781,18 +17021,18 @@ const TimePicker = ({
|
|
|
16781
17021
|
color: "#F54C4C",
|
|
16782
17022
|
italic: true,
|
|
16783
17023
|
text: errorText,
|
|
16784
|
-
className: styles$
|
|
17024
|
+
className: styles$Z.text_below
|
|
16785
17025
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
16786
17026
|
size: "xs",
|
|
16787
17027
|
italic: true,
|
|
16788
17028
|
text: helperText,
|
|
16789
|
-
className: styles$
|
|
17029
|
+
className: styles$Z.text_below
|
|
16790
17030
|
}))));
|
|
16791
17031
|
};
|
|
16792
17032
|
|
|
16793
|
-
var css_248z$
|
|
16794
|
-
var styles$
|
|
16795
|
-
styleInject(css_248z$
|
|
17033
|
+
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}";
|
|
17034
|
+
var styles$_ = {"toggleTab":"ToggleTab-module_toggleTab__NKADb","option":"ToggleTab-module_option__vSWjn","option__btn":"ToggleTab-module_option__btn__mRg2T","optionalText":"ToggleTab-module_optionalText__KMniN"};
|
|
17035
|
+
styleInject(css_248z$_);
|
|
16796
17036
|
|
|
16797
17037
|
const ToggleTab = ({
|
|
16798
17038
|
optionOne,
|
|
@@ -16822,48 +17062,48 @@ const ToggleTab = ({
|
|
|
16822
17062
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16823
17063
|
};
|
|
16824
17064
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16825
|
-
className: styles$
|
|
17065
|
+
className: styles$_.toggleTab,
|
|
16826
17066
|
style: {
|
|
16827
17067
|
background: background[variant]
|
|
16828
17068
|
},
|
|
16829
17069
|
id: id
|
|
16830
17070
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16831
|
-
className: styles$
|
|
17071
|
+
className: styles$_.option,
|
|
16832
17072
|
style: {
|
|
16833
17073
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16834
17074
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16835
17075
|
}
|
|
16836
17076
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16837
17077
|
onClick: onClickOptionOne,
|
|
16838
|
-
className: styles$
|
|
17078
|
+
className: styles$_.option__btn
|
|
16839
17079
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16840
17080
|
size: "base",
|
|
16841
17081
|
weight: "bold",
|
|
16842
17082
|
text: optionOne,
|
|
16843
17083
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16844
17084
|
}), optionalFirstText && /*#__PURE__*/React__default.createElement("div", {
|
|
16845
|
-
className: styles$
|
|
17085
|
+
className: styles$_.optionalText
|
|
16846
17086
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16847
17087
|
text: optionalFirstText,
|
|
16848
17088
|
size: "sm",
|
|
16849
17089
|
weight: "regular",
|
|
16850
17090
|
color: "#fff"
|
|
16851
17091
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
16852
|
-
className: styles$
|
|
17092
|
+
className: styles$_.option,
|
|
16853
17093
|
style: {
|
|
16854
17094
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16855
17095
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16856
17096
|
}
|
|
16857
17097
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16858
17098
|
onClick: onClickOptionTwo,
|
|
16859
|
-
className: styles$
|
|
17099
|
+
className: styles$_.option__btn
|
|
16860
17100
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16861
17101
|
size: "base",
|
|
16862
17102
|
weight: "bold",
|
|
16863
17103
|
text: optionTwo,
|
|
16864
17104
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16865
17105
|
}), optionalSecondText && /*#__PURE__*/React__default.createElement("div", {
|
|
16866
|
-
className: styles$
|
|
17106
|
+
className: styles$_.optionalText
|
|
16867
17107
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16868
17108
|
text: optionalSecondText,
|
|
16869
17109
|
size: "sm",
|
|
@@ -16872,9 +17112,9 @@ const ToggleTab = ({
|
|
|
16872
17112
|
})))));
|
|
16873
17113
|
};
|
|
16874
17114
|
|
|
16875
|
-
var css_248z
|
|
16876
|
-
var styles
|
|
16877
|
-
styleInject(css_248z
|
|
17115
|
+
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}";
|
|
17116
|
+
var styles$$ = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
17117
|
+
styleInject(css_248z$$);
|
|
16878
17118
|
|
|
16879
17119
|
/** This text should be use to display basic text
|
|
16880
17120
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16885,15 +17125,15 @@ const SquareText = ({
|
|
|
16885
17125
|
}) => {
|
|
16886
17126
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16887
17127
|
id: id,
|
|
16888
|
-
className: `${styles
|
|
17128
|
+
className: `${styles$$.SquareTextContainer}`
|
|
16889
17129
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16890
17130
|
text: text
|
|
16891
17131
|
}));
|
|
16892
17132
|
};
|
|
16893
17133
|
|
|
16894
|
-
var css_248z
|
|
16895
|
-
var styles
|
|
16896
|
-
styleInject(css_248z
|
|
17134
|
+
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)}";
|
|
17135
|
+
var styles$10 = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
17136
|
+
styleInject(css_248z$10);
|
|
16897
17137
|
|
|
16898
17138
|
/** This text should only be used for the captions
|
|
16899
17139
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16912,13 +17152,13 @@ const Caption = ({
|
|
|
16912
17152
|
style: {
|
|
16913
17153
|
color: color
|
|
16914
17154
|
},
|
|
16915
|
-
className: `${styles
|
|
17155
|
+
className: `${styles$10.caption_text} ${uppercase ? styles$10.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16916
17156
|
}), text);
|
|
16917
17157
|
};
|
|
16918
17158
|
|
|
16919
|
-
var css_248z$
|
|
16920
|
-
var styles$
|
|
16921
|
-
styleInject(css_248z$
|
|
17159
|
+
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}";
|
|
17160
|
+
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"};
|
|
17161
|
+
styleInject(css_248z$11);
|
|
16922
17162
|
|
|
16923
17163
|
/** This text should be use to display basic text */
|
|
16924
17164
|
const Link = ({
|
|
@@ -16933,10 +17173,10 @@ const Link = ({
|
|
|
16933
17173
|
...props
|
|
16934
17174
|
}) => {
|
|
16935
17175
|
const getLinkSize = () => {
|
|
16936
|
-
if (size === 'xs') return styles$
|
|
17176
|
+
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;
|
|
16937
17177
|
};
|
|
16938
17178
|
const getLinkWeight = () => {
|
|
16939
|
-
if (weight === 'semi-bold') return styles$
|
|
17179
|
+
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;
|
|
16940
17180
|
};
|
|
16941
17181
|
if (isExternal) {
|
|
16942
17182
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16948,7 +17188,7 @@ const Link = ({
|
|
|
16948
17188
|
style: {
|
|
16949
17189
|
color: color
|
|
16950
17190
|
},
|
|
16951
|
-
className: `${styles$
|
|
17191
|
+
className: `${styles$11.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16952
17192
|
}), text));
|
|
16953
17193
|
} else {
|
|
16954
17194
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16958,14 +17198,14 @@ const Link = ({
|
|
|
16958
17198
|
style: {
|
|
16959
17199
|
color: color
|
|
16960
17200
|
},
|
|
16961
|
-
className: `${styles$
|
|
17201
|
+
className: `${styles$11.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16962
17202
|
}), text));
|
|
16963
17203
|
}
|
|
16964
17204
|
};
|
|
16965
17205
|
|
|
16966
|
-
var css_248z$
|
|
16967
|
-
var styles$
|
|
16968
|
-
styleInject(css_248z$
|
|
17206
|
+
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)}";
|
|
17207
|
+
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"};
|
|
17208
|
+
styleInject(css_248z$12);
|
|
16969
17209
|
|
|
16970
17210
|
/** This button should only be used in the Button component
|
|
16971
17211
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
|
|
@@ -16980,20 +17220,20 @@ const TextForButton = ({
|
|
|
16980
17220
|
...props
|
|
16981
17221
|
}) => {
|
|
16982
17222
|
const getTextSize = () => {
|
|
16983
|
-
if (size === 'sm') return styles$
|
|
17223
|
+
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;
|
|
16984
17224
|
};
|
|
16985
17225
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
16986
17226
|
id: id,
|
|
16987
17227
|
style: {
|
|
16988
17228
|
color: color
|
|
16989
17229
|
},
|
|
16990
|
-
className: `${styles$
|
|
17230
|
+
className: `${styles$12.button_text} ${bold ? styles$12.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
|
|
16991
17231
|
}), text);
|
|
16992
17232
|
};
|
|
16993
17233
|
|
|
16994
|
-
var css_248z$
|
|
16995
|
-
var styles$
|
|
16996
|
-
styleInject(css_248z$
|
|
17234
|
+
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)}";
|
|
17235
|
+
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"};
|
|
17236
|
+
styleInject(css_248z$13);
|
|
16997
17237
|
|
|
16998
17238
|
/** This text should only be used for the dropdown items text
|
|
16999
17239
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
@@ -17008,20 +17248,20 @@ const TextForDropDownItem = ({
|
|
|
17008
17248
|
...props
|
|
17009
17249
|
}) => {
|
|
17010
17250
|
const getTextSize = () => {
|
|
17011
|
-
if (size === 'xs') return styles$
|
|
17251
|
+
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;
|
|
17012
17252
|
};
|
|
17013
17253
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
17014
17254
|
id: id,
|
|
17015
17255
|
style: {
|
|
17016
17256
|
color: color
|
|
17017
17257
|
},
|
|
17018
|
-
className: `${styles$
|
|
17258
|
+
className: `${styles$13.dropdown_text} ${bold && styles$13.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
17019
17259
|
}), text);
|
|
17020
17260
|
};
|
|
17021
17261
|
|
|
17022
|
-
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}";
|
|
17023
|
-
var styles$
|
|
17024
|
-
styleInject(css_248z$
|
|
17262
|
+
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}";
|
|
17263
|
+
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"};
|
|
17264
|
+
styleInject(css_248z$14);
|
|
17025
17265
|
|
|
17026
17266
|
/** This text should be use to display basic text */
|
|
17027
17267
|
const TextWithLink = ({
|
|
@@ -17037,29 +17277,29 @@ const TextWithLink = ({
|
|
|
17037
17277
|
...props
|
|
17038
17278
|
}) => {
|
|
17039
17279
|
const getTextSize = () => {
|
|
17040
|
-
if (size === 'xs') return styles$
|
|
17280
|
+
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;
|
|
17041
17281
|
};
|
|
17042
17282
|
const getTextWeight = () => {
|
|
17043
|
-
if (weight === 'semi-bold') return styles$
|
|
17283
|
+
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;
|
|
17044
17284
|
};
|
|
17045
17285
|
const getTextDecoration = () => {
|
|
17046
|
-
if (textDecoration === 'underline') return styles$
|
|
17286
|
+
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 '';
|
|
17047
17287
|
};
|
|
17048
17288
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
17049
17289
|
id: id,
|
|
17050
17290
|
style: {
|
|
17051
17291
|
color: color
|
|
17052
17292
|
},
|
|
17053
|
-
className: `${styles$
|
|
17293
|
+
className: `${styles$14.text_with_link} ${italic && styles$14.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`,
|
|
17054
17294
|
dangerouslySetInnerHTML: {
|
|
17055
17295
|
__html: text
|
|
17056
17296
|
}
|
|
17057
17297
|
}));
|
|
17058
17298
|
};
|
|
17059
17299
|
|
|
17060
|
-
var css_248z$
|
|
17061
|
-
var styles$
|
|
17062
|
-
styleInject(css_248z$
|
|
17300
|
+
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}";
|
|
17301
|
+
var styles$15 = {"user_indicator":"UserIndicator-module_user_indicator__hOQbF"};
|
|
17302
|
+
styleInject(css_248z$15);
|
|
17063
17303
|
|
|
17064
17304
|
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'];
|
|
17065
17305
|
const UserIndicator = ({
|
|
@@ -17079,7 +17319,7 @@ const UserIndicator = ({
|
|
|
17079
17319
|
}
|
|
17080
17320
|
}, []);
|
|
17081
17321
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
17082
|
-
className: styles$
|
|
17322
|
+
className: styles$15.user_indicator,
|
|
17083
17323
|
id: id,
|
|
17084
17324
|
style: {
|
|
17085
17325
|
background: `linear-gradient(${selectedGradiant})`
|
|
@@ -17244,6 +17484,7 @@ exports.MoveBackIcon = MoveBackIcon;
|
|
|
17244
17484
|
exports.MoveInIcon = MoveInIcon;
|
|
17245
17485
|
exports.MultiSelect = MultiSelect;
|
|
17246
17486
|
exports.MultiSelectWithCategories = MultiSelectWithCategories;
|
|
17487
|
+
exports.MultiSelectWithoutFilter = MultiSelectWithoutFilter;
|
|
17247
17488
|
exports.MultipleUsersIcon = MultipleUsersIcon;
|
|
17248
17489
|
exports.MuteIcon = MuteIcon;
|
|
17249
17490
|
exports.NavigationCircledIcon = NavigationCircledIcon;
|