odaptos_design_system 1.4.78 → 1.4.80
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/RatingScale/RatingScale.d.ts +2 -2
- package/dist/index.d.ts +3 -1
- package/dist/odaptos_design_system.cjs.development.js +200 -147
- 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 +188 -137
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Icons/Miscellaneous/TestIcon.tsx +1 -1
- package/src/RatingScale/RatingScale.tsx +1 -3
- package/src/index.ts +3 -1
|
@@ -7,7 +7,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
var material = require('@mui/material');
|
|
10
|
-
var styles$
|
|
10
|
+
var styles$K = require('@mui/material/styles');
|
|
11
11
|
var dayjs = _interopDefault(require('dayjs'));
|
|
12
12
|
var utc = _interopDefault(require('dayjs/plugin/utc'));
|
|
13
13
|
var timezone = _interopDefault(require('dayjs/plugin/timezone'));
|
|
@@ -6352,7 +6352,7 @@ function TestIcon({
|
|
|
6352
6352
|
fill: "none",
|
|
6353
6353
|
fillRule: "evenodd"
|
|
6354
6354
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
6355
|
-
fill:
|
|
6355
|
+
fill: fill,
|
|
6356
6356
|
fillRule: "nonzero"
|
|
6357
6357
|
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
6358
6358
|
d: "M12 6c.552 0 1 .448 1 1v2.857l1.132 1.883.008.013 1.664 2.768c.169.31.162.686-.019.99-.18.303-.507.49-.86.489H7.926c-.353 0-.68-.186-.86-.49-.181-.303-.188-.68-.002-1.017L10 9.858V7c0-.552.448-1 1-1zm1.422 6.5H9.509L7.925 15h7l-1.503-2.5zM12 7h-1v2.859c0 .185-.052.366-.152.53l-.706 1.111h2.679l-.672-1.117c-.058-.095-.1-.198-.124-.305l-.019-.11-.006-.11V7zm.245-7c.655-.002 1.195.501 1.25 1.147l.005.098V3c0 .05-.007.097-.02.141-.012.04-.029.08-.05.115l-.002.003-.046.063c0 .002-.002.003-.003.004l-.018.02c-.034.035-.073.066-.115.09l-.045.022c-.01.004-.02.009-.031.012-.019.007-.039.013-.059.018l-.029.005-.014.002L13 3.5H1v6.75c.001.121.088.222.203.245l.051.005H7.5c.276 0 .5.224.5.5 0 .253-.188.462-.432.495L7.5 11.5H1.255c-.656.001-1.195-.502-1.25-1.148L0 10.254V1.237C.005.583.513.051 1.153.003L1.25 0h10.995zM7.5 4.5c.253 0 .462.188.495.432L8 5v.5h.5c.276 0 .5.224.5.5 0 .253-.188.462-.432.495L8.5 6.5H8V7c0 .276-.224.5-.5.5-.253 0-.462-.188-.495-.432L7 7v-.5h-.5c-.276 0-.5-.224-.5-.5 0-.253.188-.462.432-.495L6.5 5.5H7V5c0-.276.224-.5.5-.5zm7-1c.253 0 .462.188.495.432L15 4v.5h.5c.276 0 .5.224.5.5 0 .253-.188.462-.432.495L15.5 5.5H15V6c0 .276-.224.5-.5.5-.253 0-.462-.188-.495-.432L14 6v-.5h-.5c-.276 0-.5-.224-.5-.5 0-.253.188-.462.432-.495L13.5 4.5h.5V4c0-.276.224-.5.5-.5zM12.246 1H1.248c-.119 0-.219.083-.243.193L1 1.241V2.5h11.5V1.25c-.001-.121-.088-.222-.203-.245L12.246 1z",
|
|
@@ -6838,11 +6838,39 @@ const Button = ({
|
|
|
6838
6838
|
}), iconRight && iconRight);
|
|
6839
6839
|
};
|
|
6840
6840
|
|
|
6841
|
-
var css_248z$6 = ".
|
|
6842
|
-
var styles$6 = {"
|
|
6841
|
+
var css_248z$6 = ".Card-modules_card__IToS1{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;box-shadow:0 1px 3px 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;width:100%}";
|
|
6842
|
+
var styles$6 = {"card":"Card-modules_card__IToS1"};
|
|
6843
6843
|
styleInject(css_248z$6);
|
|
6844
6844
|
|
|
6845
|
-
const
|
|
6845
|
+
const Card = ({
|
|
6846
|
+
children,
|
|
6847
|
+
onMouseEnter,
|
|
6848
|
+
onMouseLeave,
|
|
6849
|
+
className
|
|
6850
|
+
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
6851
|
+
className: `${styles$6.card} ${className}`,
|
|
6852
|
+
onMouseEnter: onMouseEnter,
|
|
6853
|
+
onMouseLeave: onMouseLeave
|
|
6854
|
+
}, children);
|
|
6855
|
+
|
|
6856
|
+
var css_248z$7 = ".CardButton-modules_card_button__t90XV{align-items:center;background:var(--color-neutral-basics-white,#fff);border-radius:1rem;box-shadow:0 1px 3px 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;height:14.25rem;justify-content:center;padding:1rem;width:16.5rem}.CardButton-modules_card_button__t90XV:hover{border:1px solid var(--sdColorPrimary500);outline:0 solid transparent;padding:1rem;transform:translateY(-.5rem);transition:all .2s ease-in-out}";
|
|
6857
|
+
var styles$7 = {"card_button":"CardButton-modules_card_button__t90XV"};
|
|
6858
|
+
styleInject(css_248z$7);
|
|
6859
|
+
|
|
6860
|
+
const CardButton = ({
|
|
6861
|
+
children,
|
|
6862
|
+
className
|
|
6863
|
+
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
6864
|
+
className: `${styles$7.card_button} ${className}`
|
|
6865
|
+
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
6866
|
+
text: children
|
|
6867
|
+
}));
|
|
6868
|
+
|
|
6869
|
+
var css_248z$8 = ".Checkbox-module_checkboxContainer__1EvhC{align-items:center;display:flex;gap:.5rem}";
|
|
6870
|
+
var styles$8 = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
|
|
6871
|
+
styleInject(css_248z$8);
|
|
6872
|
+
|
|
6873
|
+
const BpIcon = /*#__PURE__*/styles$K.styled('span')(() => ({
|
|
6846
6874
|
borderRadius: '0.25rem',
|
|
6847
6875
|
border: `1px solid #8A8B8E`,
|
|
6848
6876
|
width: '1rem',
|
|
@@ -6861,7 +6889,7 @@ const BpIcon = /*#__PURE__*/styles$J.styled('span')(() => ({
|
|
|
6861
6889
|
cursor: 'not-allowed'
|
|
6862
6890
|
}
|
|
6863
6891
|
}));
|
|
6864
|
-
const BpCheckedIcon = /*#__PURE__*/styles$
|
|
6892
|
+
const BpCheckedIcon = /*#__PURE__*/styles$K.styled(BpIcon)({
|
|
6865
6893
|
backgroundColor: '#0077FF',
|
|
6866
6894
|
backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
|
|
6867
6895
|
border: `1px solid #0077FF`,
|
|
@@ -6917,7 +6945,7 @@ const Checkbox = ({
|
|
|
6917
6945
|
className
|
|
6918
6946
|
}) => {
|
|
6919
6947
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
6920
|
-
className: `${styles$
|
|
6948
|
+
className: `${styles$8.checkboxContainer} ${className}`,
|
|
6921
6949
|
style: {
|
|
6922
6950
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
6923
6951
|
}
|
|
@@ -6937,34 +6965,6 @@ const Checkbox = ({
|
|
|
6937
6965
|
}));
|
|
6938
6966
|
};
|
|
6939
6967
|
|
|
6940
|
-
var css_248z$7 = ".Card-modules_card__IToS1{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;box-shadow:0 1px 3px 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;width:100%}";
|
|
6941
|
-
var styles$7 = {"card":"Card-modules_card__IToS1"};
|
|
6942
|
-
styleInject(css_248z$7);
|
|
6943
|
-
|
|
6944
|
-
const Card = ({
|
|
6945
|
-
children,
|
|
6946
|
-
onMouseEnter,
|
|
6947
|
-
onMouseLeave,
|
|
6948
|
-
className
|
|
6949
|
-
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
6950
|
-
className: `${styles$7.card} ${className}`,
|
|
6951
|
-
onMouseEnter: onMouseEnter,
|
|
6952
|
-
onMouseLeave: onMouseLeave
|
|
6953
|
-
}, children);
|
|
6954
|
-
|
|
6955
|
-
var css_248z$8 = ".CardButton-modules_card_button__t90XV{align-items:center;background:var(--color-neutral-basics-white,#fff);border-radius:1rem;box-shadow:0 1px 3px 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;height:14.25rem;justify-content:center;padding:1rem;width:16.5rem}.CardButton-modules_card_button__t90XV:hover{border:1px solid var(--sdColorPrimary500);outline:0 solid transparent;padding:1rem;transform:translateY(-.5rem);transition:all .2s ease-in-out}";
|
|
6956
|
-
var styles$8 = {"card_button":"CardButton-modules_card_button__t90XV"};
|
|
6957
|
-
styleInject(css_248z$8);
|
|
6958
|
-
|
|
6959
|
-
const CardButton = ({
|
|
6960
|
-
children,
|
|
6961
|
-
className
|
|
6962
|
-
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
6963
|
-
className: `${styles$8.card_button} ${className}`
|
|
6964
|
-
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
6965
|
-
text: children
|
|
6966
|
-
}));
|
|
6967
|
-
|
|
6968
6968
|
const colors = {
|
|
6969
6969
|
// BLUE
|
|
6970
6970
|
blue_50: '#F2F8FF',
|
|
@@ -7062,7 +7062,7 @@ var css_248z$9 = ".DatePicker-modules_date_picker__wFy4Q{min-width:13rem;width:1
|
|
|
7062
7062
|
var styles$9 = {"date_picker":"DatePicker-modules_date_picker__wFy4Q","MuiAutocomplete-endAdornment":"DatePicker-modules_MuiAutocomplete-endAdornment__JKyn2","input_top_label":"DatePicker-modules_input_top_label__Qr2GZ","MuiOutlinedInput-root":"DatePicker-modules_MuiOutlinedInput-root__B9JxV","MuiInputBase-root":"DatePicker-modules_MuiInputBase-root__RWfL0","MuiInputBase-formControl":"DatePicker-modules_MuiInputBase-formControl__iPq27","text_below":"DatePicker-modules_text_below__YJl9p","icon":"DatePicker-modules_icon__bNSRQ"};
|
|
7063
7063
|
styleInject(css_248z$9);
|
|
7064
7064
|
|
|
7065
|
-
const CssTextField = /*#__PURE__*/styles$
|
|
7065
|
+
const CssTextField = /*#__PURE__*/styles$K.styled(material.TextField)({
|
|
7066
7066
|
'& .MuiInputBase-input': {
|
|
7067
7067
|
color: '#26292E',
|
|
7068
7068
|
fontFamily: 'OpenSans !important',
|
|
@@ -7448,7 +7448,7 @@ var css_248z$g = ".Task-modules_task_container__Iaqc-{align-items:flex-start;bac
|
|
|
7448
7448
|
var styles$g = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","title":"Task-modules_title__-OmPh","disabled_task":"Task-modules_disabled_task__NI6LL","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j","popover_paper":"Task-modules_popover_paper__Re-kl","MuiPopover-root":"Task-modules_MuiPopover-root__w6O-O","MuiPopover-paper":"Task-modules_MuiPopover-paper__7p4Tk"};
|
|
7449
7449
|
styleInject(css_248z$g);
|
|
7450
7450
|
|
|
7451
|
-
const CustomPopover = /*#__PURE__*/styles$
|
|
7451
|
+
const CustomPopover = /*#__PURE__*/styles$K.styled(Popover$1)({
|
|
7452
7452
|
'& .MuiPopover-root': {
|
|
7453
7453
|
borderRadius: '0.5rem',
|
|
7454
7454
|
background: 'transparent'
|
|
@@ -7827,7 +7827,7 @@ var styles$l = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__dsOV3","
|
|
|
7827
7827
|
styleInject(css_248z$l);
|
|
7828
7828
|
|
|
7829
7829
|
const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
7830
|
-
const CssTextField$1 = /*#__PURE__*/styles$
|
|
7830
|
+
const CssTextField$1 = /*#__PURE__*/styles$K.styled(TextField)({
|
|
7831
7831
|
'& .MuiInputBase-input': {
|
|
7832
7832
|
color: '#26292E',
|
|
7833
7833
|
fontFamily: 'OpenSans !important',
|
|
@@ -8453,7 +8453,7 @@ var css_248z$r = ".Radio-module_radioBtnWrapper__ZE-oy{align-items:center;displa
|
|
|
8453
8453
|
var styles$r = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__ZE-oy","MuiRadio-root":"Radio-module_MuiRadio-root__1Mw0W"};
|
|
8454
8454
|
styleInject(css_248z$r);
|
|
8455
8455
|
|
|
8456
|
-
const BpIcon$1 = /*#__PURE__*/styles$
|
|
8456
|
+
const BpIcon$1 = /*#__PURE__*/styles$K.styled('span')(() => ({
|
|
8457
8457
|
borderRadius: '50%',
|
|
8458
8458
|
width: 16,
|
|
8459
8459
|
height: 16,
|
|
@@ -8469,7 +8469,7 @@ const BpIcon$1 = /*#__PURE__*/styles$J.styled('span')(() => ({
|
|
|
8469
8469
|
background: 'rgba(206,217,224,.5)'
|
|
8470
8470
|
}
|
|
8471
8471
|
}));
|
|
8472
|
-
const BpCheckedIcon$1 = /*#__PURE__*/styles$
|
|
8472
|
+
const BpCheckedIcon$1 = /*#__PURE__*/styles$K.styled(BpIcon$1)({
|
|
8473
8473
|
backgroundColor: '#0077FF',
|
|
8474
8474
|
border: 'none',
|
|
8475
8475
|
width: 18,
|
|
@@ -8516,11 +8516,62 @@ const Radio = ({
|
|
|
8516
8516
|
}));
|
|
8517
8517
|
};
|
|
8518
8518
|
|
|
8519
|
-
var css_248z$s = ".
|
|
8520
|
-
var styles$s = {"
|
|
8519
|
+
var css_248z$s = ".RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB{display:flex;flex-direction:row;flex-wrap:wrap}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB .RatingScale-module_radioContainer__TPHX2{display:flex;gap:.25rem}";
|
|
8520
|
+
var styles$s = {"ratingScale":"RatingScale-module_ratingScale__U-ng1","formControl":"RatingScale-module_formControl__dRysB","radioGroup":"RatingScale-module_radioGroup__3WsUB","radioContainer":"RatingScale-module_radioContainer__TPHX2"};
|
|
8521
8521
|
styleInject(css_248z$s);
|
|
8522
8522
|
|
|
8523
|
-
const
|
|
8523
|
+
const RatingScale = props => {
|
|
8524
|
+
const {
|
|
8525
|
+
className,
|
|
8526
|
+
topLabel,
|
|
8527
|
+
topLabelWeight,
|
|
8528
|
+
topLabelSize,
|
|
8529
|
+
required = false,
|
|
8530
|
+
name,
|
|
8531
|
+
options,
|
|
8532
|
+
value,
|
|
8533
|
+
id,
|
|
8534
|
+
onChange,
|
|
8535
|
+
onBlur,
|
|
8536
|
+
disabled,
|
|
8537
|
+
error,
|
|
8538
|
+
otherProps
|
|
8539
|
+
} = props;
|
|
8540
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
8541
|
+
className: styles$s.ratingScale + ' ' + className
|
|
8542
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
8543
|
+
text: `${topLabel ? topLabel : ''}`,
|
|
8544
|
+
weight: topLabelWeight || 'bold',
|
|
8545
|
+
size: topLabelSize || 'base',
|
|
8546
|
+
className: styles$s.topLabel,
|
|
8547
|
+
required: required
|
|
8548
|
+
}), /*#__PURE__*/React__default.createElement(material.FormControl, {
|
|
8549
|
+
component: "fieldset",
|
|
8550
|
+
className: styles$s.formControl,
|
|
8551
|
+
error: error
|
|
8552
|
+
}, /*#__PURE__*/React__default.createElement(material.RadioGroup, Object.assign({
|
|
8553
|
+
className: styles$s.radioGroup,
|
|
8554
|
+
"aria-label": "rating",
|
|
8555
|
+
name: name,
|
|
8556
|
+
value: value,
|
|
8557
|
+
onChange: onChange,
|
|
8558
|
+
onBlur: onBlur,
|
|
8559
|
+
disabled: disabled,
|
|
8560
|
+
id: id
|
|
8561
|
+
}, otherProps), options.map((option, index) => /*#__PURE__*/React__default.createElement(Radio, {
|
|
8562
|
+
key: `${option}-${index}`,
|
|
8563
|
+
value: option,
|
|
8564
|
+
label: option,
|
|
8565
|
+
checked: value === option,
|
|
8566
|
+
disabled: disabled
|
|
8567
|
+
})))));
|
|
8568
|
+
};
|
|
8569
|
+
|
|
8570
|
+
var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU 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.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
|
|
8571
|
+
var styles$t = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
|
|
8572
|
+
styleInject(css_248z$t);
|
|
8573
|
+
|
|
8574
|
+
const CssTextField$2 = /*#__PURE__*/styles$K.styled(material.TextField)({
|
|
8524
8575
|
'& .MuiInputBase-input': {
|
|
8525
8576
|
color: '#26292E',
|
|
8526
8577
|
fontFamily: 'OpenSans !important',
|
|
@@ -8642,13 +8693,13 @@ const TextInput = props => {
|
|
|
8642
8693
|
shrink: false
|
|
8643
8694
|
} : {};
|
|
8644
8695
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
8645
|
-
className: `${className} ${styles$
|
|
8696
|
+
className: `${className} ${styles$t.input}`,
|
|
8646
8697
|
id: id
|
|
8647
8698
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
8648
8699
|
text: `${topLabel ? topLabel : ''}`,
|
|
8649
8700
|
weight: topLabelWeight || 'bold',
|
|
8650
8701
|
size: topLabelSize || 'base',
|
|
8651
|
-
className: styles$
|
|
8702
|
+
className: styles$t.input_top_label,
|
|
8652
8703
|
required: required
|
|
8653
8704
|
}), /*#__PURE__*/React__default.createElement(CssTextField$2, {
|
|
8654
8705
|
fullWidth: true,
|
|
@@ -8692,12 +8743,12 @@ const TextInput = props => {
|
|
|
8692
8743
|
color: "#F54C4C",
|
|
8693
8744
|
italic: true,
|
|
8694
8745
|
text: errorText,
|
|
8695
|
-
className: styles$
|
|
8746
|
+
className: styles$t.text_below
|
|
8696
8747
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
8697
8748
|
size: "xs",
|
|
8698
8749
|
italic: true,
|
|
8699
8750
|
text: helperText,
|
|
8700
|
-
className: styles$
|
|
8751
|
+
className: styles$t.text_below
|
|
8701
8752
|
}));
|
|
8702
8753
|
};
|
|
8703
8754
|
|
|
@@ -8723,12 +8774,12 @@ const Search = ({
|
|
|
8723
8774
|
});
|
|
8724
8775
|
};
|
|
8725
8776
|
|
|
8726
|
-
var css_248z$
|
|
8727
|
-
var styles$
|
|
8728
|
-
styleInject(css_248z$
|
|
8777
|
+
var css_248z$u = ".SingleSelect-modules_newAutocomplete__AgBoW{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__AgBoW label,.SingleSelect-modules_newAutocomplete__AgBoW span{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__a6UdT{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__RuMrq.SingleSelect-modules_MuiInputBase-root__ByCLC.SingleSelect-modules_MuiInputBase-formControl__5hTna{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__9S4k5{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__2WnMK{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
8778
|
+
var styles$u = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
|
|
8779
|
+
styleInject(css_248z$u);
|
|
8729
8780
|
|
|
8730
8781
|
const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
8731
|
-
const CssTextField$3 = /*#__PURE__*/styles$
|
|
8782
|
+
const CssTextField$3 = /*#__PURE__*/styles$K.styled(material.TextField)({
|
|
8732
8783
|
'& .MuiInputBase-input': {
|
|
8733
8784
|
color: '#26292E',
|
|
8734
8785
|
fontFamily: 'OpenSans !important',
|
|
@@ -8850,7 +8901,7 @@ const SingleSelect = ({
|
|
|
8850
8901
|
text: `${topLabel ? topLabel : ''}`,
|
|
8851
8902
|
weight: topLabelWeight || 'bold',
|
|
8852
8903
|
size: topLabelSize || 'base',
|
|
8853
|
-
className: styles$
|
|
8904
|
+
className: styles$u.input_top_label,
|
|
8854
8905
|
required: required
|
|
8855
8906
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
8856
8907
|
id: "tags-standard",
|
|
@@ -8893,13 +8944,13 @@ const SingleSelect = ({
|
|
|
8893
8944
|
})),
|
|
8894
8945
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
8895
8946
|
fill: "black",
|
|
8896
|
-
className: `${styles$
|
|
8947
|
+
className: `${styles$u.icon}`
|
|
8897
8948
|
}),
|
|
8898
8949
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
8899
8950
|
fill: "black",
|
|
8900
|
-
className: `${styles$
|
|
8951
|
+
className: `${styles$u.icon}`
|
|
8901
8952
|
}),
|
|
8902
|
-
className: `${styles$
|
|
8953
|
+
className: `${styles$u.newAutocomplete}`,
|
|
8903
8954
|
renderOption: (props, option) => {
|
|
8904
8955
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
8905
8956
|
key: option.value
|
|
@@ -8928,18 +8979,18 @@ const SingleSelect = ({
|
|
|
8928
8979
|
color: "#F54C4C",
|
|
8929
8980
|
italic: true,
|
|
8930
8981
|
text: errorText,
|
|
8931
|
-
className: styles$
|
|
8982
|
+
className: styles$u.text_below
|
|
8932
8983
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
8933
8984
|
size: "xs",
|
|
8934
8985
|
italic: true,
|
|
8935
8986
|
text: helperText,
|
|
8936
|
-
className: styles$
|
|
8987
|
+
className: styles$u.text_below
|
|
8937
8988
|
}));
|
|
8938
8989
|
};
|
|
8939
8990
|
|
|
8940
|
-
var css_248z$
|
|
8941
|
-
var styles$
|
|
8942
|
-
styleInject(css_248z$
|
|
8991
|
+
var css_248z$v = ".Step-module_step_number__nm2mL{align-items:center;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:62.4375rem;display:flex;flex-direction:column;height:1.5rem;justify-content:center;max-height:1.5rem;max-width:1.5rem;width:1.5rem}.Step-module_left_container__tFgSy{flex-direction:column}.Step-module_left_container__tFgSy,.Step-module_step_container__t01w0{align-items:flex-start;display:flex;gap:.75rem}.Step-module_step_icon_container__DDASj{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;height:1.5rem;height:100%;width:1.5rem}.Step-module_step_line__R2Ezc{background:#8a8b8e;height:1.875rem;margin-left:.7rem;width:.0625rem}.Step-module_step_completed_icon__yWCat{stroke:#5cbb65;fill:#5cbb65;color:#5cbb65;height:1.5rem;width:1.5rem}.Step-module_step_warning_icon__WGjWJ{stroke:#f54c4c;fill:#f54c4c;color:#f54c4c;height:1.5rem;width:1.5rem}";
|
|
8992
|
+
var styles$v = {"step_number":"Step-module_step_number__nm2mL","left_container":"Step-module_left_container__tFgSy","step_container":"Step-module_step_container__t01w0","step_icon_container":"Step-module_step_icon_container__DDASj","step_line":"Step-module_step_line__R2Ezc","step_completed_icon":"Step-module_step_completed_icon__yWCat","step_warning_icon":"Step-module_step_warning_icon__WGjWJ"};
|
|
8993
|
+
styleInject(css_248z$v);
|
|
8943
8994
|
|
|
8944
8995
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1073-14316&mode=dev */
|
|
8945
8996
|
const Step = ({
|
|
@@ -8956,13 +9007,13 @@ const Step = ({
|
|
|
8956
9007
|
} else if (status === 'not-completed') return '#8A8B8E';else if (status === 'warning') return '#F54C4C';else if (status === 'active') return '#0077FF';else if (status === 'completed') return '#5CBB65';else if (status === 'hover-edit') return '#0077FF';else return '#004799';
|
|
8957
9008
|
};
|
|
8958
9009
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
8959
|
-
className: styles$
|
|
9010
|
+
className: styles$v.step_container
|
|
8960
9011
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
8961
|
-
className: styles$
|
|
9012
|
+
className: styles$v.step_container
|
|
8962
9013
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
8963
|
-
className: styles$
|
|
9014
|
+
className: styles$v.step_icon_container
|
|
8964
9015
|
}, status !== 'warning' && status !== 'completed' && /*#__PURE__*/React__default.createElement("div", {
|
|
8965
|
-
className: styles$
|
|
9016
|
+
className: styles$v.step_number,
|
|
8966
9017
|
style: {
|
|
8967
9018
|
borderColor: getStatusColor()
|
|
8968
9019
|
}
|
|
@@ -8972,12 +9023,12 @@ const Step = ({
|
|
|
8972
9023
|
weight: "regular",
|
|
8973
9024
|
color: getStatusColor()
|
|
8974
9025
|
})), status === 'warning' && /*#__PURE__*/React__default.createElement(AlertCircledIcon, {
|
|
8975
|
-
className: styles$
|
|
9026
|
+
className: styles$v.step_warning_icon
|
|
8976
9027
|
}), status === 'completed' && /*#__PURE__*/React__default.createElement(CheckedCircled, {
|
|
8977
9028
|
strokeWidth: "0",
|
|
8978
|
-
className: styles$
|
|
9029
|
+
className: styles$v.step_completed_icon
|
|
8979
9030
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
8980
|
-
className: styles$
|
|
9031
|
+
className: styles$v.step_line
|
|
8981
9032
|
}))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Title, {
|
|
8982
9033
|
weight: "bold",
|
|
8983
9034
|
size: "base",
|
|
@@ -8991,9 +9042,9 @@ const Step = ({
|
|
|
8991
9042
|
})));
|
|
8992
9043
|
};
|
|
8993
9044
|
|
|
8994
|
-
var css_248z$
|
|
8995
|
-
var styles$
|
|
8996
|
-
styleInject(css_248z$
|
|
9045
|
+
var css_248z$w = ".Switch-module_switchWrapper__daXCz{align-items:center;display:flex;gap:.5rem}.Switch-module_switchWrapper__daXCz span{margin:0}.Switch-module_disabled__8KOQD span{cursor:not-allowed!important}";
|
|
9046
|
+
var styles$w = {"switchWrapper":"Switch-module_switchWrapper__daXCz","disabled":"Switch-module_disabled__8KOQD"};
|
|
9047
|
+
styleInject(css_248z$w);
|
|
8997
9048
|
|
|
8998
9049
|
const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
8999
9050
|
'& .MuiSwitch-track': {
|
|
@@ -9025,7 +9076,7 @@ const Switch = ({
|
|
|
9025
9076
|
className
|
|
9026
9077
|
}) => {
|
|
9027
9078
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9028
|
-
className: `${styles$
|
|
9079
|
+
className: `${styles$w.switchWrapper} ${disabled && styles$w.disabled}${className}`
|
|
9029
9080
|
}, label && /*#__PURE__*/React__default.createElement(Title, {
|
|
9030
9081
|
text: label,
|
|
9031
9082
|
weight: "bold",
|
|
@@ -9042,9 +9093,9 @@ const Switch = ({
|
|
|
9042
9093
|
}));
|
|
9043
9094
|
};
|
|
9044
9095
|
|
|
9045
|
-
var css_248z$
|
|
9046
|
-
var styles$
|
|
9047
|
-
styleInject(css_248z$
|
|
9096
|
+
var css_248z$x = ".TableFooter-modules_footer__-M8S3{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__-M8S3 .TableFooter-modules_footer_content__CJ9Uj{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_footerText__Nntc4{text-align:center;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_actionsBtn__F3Lx-{margin-left:auto}.TableFooter-modules_popoverContent__X-677{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 a{text-decoration:none}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5:hover{background:#eee}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 svg{height:1rem;width:1rem}";
|
|
9097
|
+
var styles$x = {"footer":"TableFooter-modules_footer__-M8S3","footer_content":"TableFooter-modules_footer_content__CJ9Uj","footerText":"TableFooter-modules_footerText__Nntc4","actionsBtn":"TableFooter-modules_actionsBtn__F3Lx-","popoverContent":"TableFooter-modules_popoverContent__X-677","item":"TableFooter-modules_item__cRsB5"};
|
|
9098
|
+
styleInject(css_248z$x);
|
|
9048
9099
|
|
|
9049
9100
|
const TableFooter = ({
|
|
9050
9101
|
footerText,
|
|
@@ -9053,26 +9104,26 @@ const TableFooter = ({
|
|
|
9053
9104
|
footerAction
|
|
9054
9105
|
}) => {
|
|
9055
9106
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
9056
|
-
className: `${styles$
|
|
9107
|
+
className: `${styles$x.footer} ${footerClassName && footerClassName}`
|
|
9057
9108
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9058
|
-
className: `${styles$
|
|
9109
|
+
className: `${styles$x.footer_content}`
|
|
9059
9110
|
}, footerText && /*#__PURE__*/React__default.createElement(Text, {
|
|
9060
9111
|
size: "sm",
|
|
9061
9112
|
text: footerText,
|
|
9062
9113
|
color: colors.neutral_600,
|
|
9063
|
-
className: styles$
|
|
9114
|
+
className: styles$x.footerText
|
|
9064
9115
|
}), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
9065
9116
|
icon: footerIconRight,
|
|
9066
9117
|
variant: "tertiary",
|
|
9067
9118
|
onClick: footerAction,
|
|
9068
|
-
className: styles$
|
|
9119
|
+
className: styles$x.actionsBtn,
|
|
9069
9120
|
size: "xs"
|
|
9070
9121
|
}))));
|
|
9071
9122
|
};
|
|
9072
9123
|
|
|
9073
|
-
var css_248z$
|
|
9074
|
-
var styles$
|
|
9075
|
-
styleInject(css_248z$
|
|
9124
|
+
var css_248z$y = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
|
|
9125
|
+
var styles$y = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
|
|
9126
|
+
styleInject(css_248z$y);
|
|
9076
9127
|
|
|
9077
9128
|
const TooltipLayout = ({
|
|
9078
9129
|
tooltipTitle,
|
|
@@ -9092,9 +9143,9 @@ const TooltipLayout = ({
|
|
|
9092
9143
|
buttonTwoOnClick
|
|
9093
9144
|
}) => {
|
|
9094
9145
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9095
|
-
className: styles$
|
|
9146
|
+
className: styles$y.tooltip_layout
|
|
9096
9147
|
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
|
|
9097
|
-
className: styles$
|
|
9148
|
+
className: styles$y.tooltip_layout_header
|
|
9098
9149
|
}, tooltipTitle && /*#__PURE__*/React__default.createElement(Title, {
|
|
9099
9150
|
text: tooltipTitle,
|
|
9100
9151
|
size: "sm",
|
|
@@ -9107,11 +9158,11 @@ const TooltipLayout = ({
|
|
|
9107
9158
|
})), tooltipDescription && /*#__PURE__*/React__default.createElement(Text, {
|
|
9108
9159
|
text: tooltipDescription,
|
|
9109
9160
|
size: "xs",
|
|
9110
|
-
className: styles$
|
|
9161
|
+
className: styles$y.tooltip_layout_description
|
|
9111
9162
|
}), customContent && /*#__PURE__*/React__default.createElement("div", {
|
|
9112
|
-
className: styles$
|
|
9163
|
+
className: styles$y.tooltip_layout_content
|
|
9113
9164
|
}, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React__default.createElement("div", {
|
|
9114
|
-
className: styles$
|
|
9165
|
+
className: styles$y.tooltip_layout_actions
|
|
9115
9166
|
}, buttonOneText && /*#__PURE__*/React__default.createElement(Button, {
|
|
9116
9167
|
text: buttonOneText,
|
|
9117
9168
|
size: "sm",
|
|
@@ -9129,7 +9180,7 @@ const TooltipLayout = ({
|
|
|
9129
9180
|
})));
|
|
9130
9181
|
};
|
|
9131
9182
|
|
|
9132
|
-
const StyledTooltip = /*#__PURE__*/styles$
|
|
9183
|
+
const StyledTooltip = /*#__PURE__*/styles$K.styled(material.Tooltip)({
|
|
9133
9184
|
[`& .${Tooltip$1.tooltipClasses.tooltip}`]: {
|
|
9134
9185
|
backgroundColor: '#fff'
|
|
9135
9186
|
}
|
|
@@ -9206,9 +9257,9 @@ const Tooltip = ({
|
|
|
9206
9257
|
if (shouldBeOpen === false) return children;else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
9207
9258
|
};
|
|
9208
9259
|
|
|
9209
|
-
var css_248z$
|
|
9210
|
-
var styles$
|
|
9211
|
-
styleInject(css_248z$
|
|
9260
|
+
var css_248z$z = ".header-modules_table_header__tWpCj{align-items:center;align-self:stretch;background:var(--color-neutral-background,#f9fafc);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.375rem .375rem 0 0;display:flex;height:3.5rem;padding:0 .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3 svg{fill:#000;height:.75rem;width:.75rem}";
|
|
9261
|
+
var styles$z = {"table_header":"header-modules_table_header__tWpCj","header_cell":"header-modules_header_cell__3OmZ3"};
|
|
9262
|
+
styleInject(css_248z$z);
|
|
9212
9263
|
|
|
9213
9264
|
const TableHeader = ({
|
|
9214
9265
|
headers,
|
|
@@ -9218,7 +9269,7 @@ const TableHeader = ({
|
|
|
9218
9269
|
selectAll
|
|
9219
9270
|
}) => {
|
|
9220
9271
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9221
|
-
className: `${styles$
|
|
9272
|
+
className: `${styles$z.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
9222
9273
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
9223
9274
|
checked: areAllSelected,
|
|
9224
9275
|
onChange: () => selectAll()
|
|
@@ -9249,7 +9300,7 @@ const TableHeader = ({
|
|
|
9249
9300
|
style: {
|
|
9250
9301
|
flex: header.flexWidth ?? 1
|
|
9251
9302
|
},
|
|
9252
|
-
className: styles$
|
|
9303
|
+
className: styles$z.header_cell
|
|
9253
9304
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
9254
9305
|
text: header.name,
|
|
9255
9306
|
weight: header.weight,
|
|
@@ -9258,14 +9309,14 @@ const TableHeader = ({
|
|
|
9258
9309
|
}), header.icon && header.icon)));
|
|
9259
9310
|
};
|
|
9260
9311
|
|
|
9261
|
-
var css_248z$
|
|
9262
|
-
var styles$
|
|
9263
|
-
styleInject(css_248z$z);
|
|
9264
|
-
|
|
9265
|
-
var css_248z$A = ".table-cell-modules_cell__ZorMw{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__ZorMw p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
9266
|
-
var styles$A = {"cell":"table-cell-modules_cell__ZorMw"};
|
|
9312
|
+
var css_248z$A = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;max-height:65vh;overflow-y:scroll;width:100%}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{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__2uSRy .rows-modules_row__FcChg:hover{background:var(--Color-Neutral-Clear-Shades-150,#eee)}";
|
|
9313
|
+
var styles$A = {"rows":"rows-modules_rows__2uSRy","row":"rows-modules_row__FcChg"};
|
|
9267
9314
|
styleInject(css_248z$A);
|
|
9268
9315
|
|
|
9316
|
+
var css_248z$B = ".table-cell-modules_cell__ZorMw{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__ZorMw p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
9317
|
+
var styles$B = {"cell":"table-cell-modules_cell__ZorMw"};
|
|
9318
|
+
styleInject(css_248z$B);
|
|
9319
|
+
|
|
9269
9320
|
const TableCell = ({
|
|
9270
9321
|
text,
|
|
9271
9322
|
weight = 'regular',
|
|
@@ -9276,7 +9327,7 @@ const TableCell = ({
|
|
|
9276
9327
|
select
|
|
9277
9328
|
}) => {
|
|
9278
9329
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9279
|
-
className: `${styles$
|
|
9330
|
+
className: `${styles$B.cell} ${className && className}`,
|
|
9280
9331
|
style: {
|
|
9281
9332
|
flex: flexWidth
|
|
9282
9333
|
}
|
|
@@ -9300,11 +9351,11 @@ const TableRows = ({
|
|
|
9300
9351
|
}) => {
|
|
9301
9352
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9302
9353
|
id: id,
|
|
9303
|
-
className: `${styles$
|
|
9354
|
+
className: `${styles$A.rows} ${rowsClassName}`
|
|
9304
9355
|
}, rows.map((row, index) => {
|
|
9305
9356
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9306
9357
|
key: `row-${index}`,
|
|
9307
|
-
className: `${styles$
|
|
9358
|
+
className: `${styles$A.row} ${row.className}`,
|
|
9308
9359
|
onClick: row.onClickRow,
|
|
9309
9360
|
id: row.id
|
|
9310
9361
|
}, selectable && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
@@ -9323,9 +9374,9 @@ const TableRows = ({
|
|
|
9323
9374
|
}));
|
|
9324
9375
|
};
|
|
9325
9376
|
|
|
9326
|
-
var css_248z$
|
|
9327
|
-
var styles$
|
|
9328
|
-
styleInject(css_248z$
|
|
9377
|
+
var css_248z$C = ".Table-modules_table__Wa7EU{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
9378
|
+
var styles$C = {"table":"Table-modules_table__Wa7EU"};
|
|
9379
|
+
styleInject(css_248z$C);
|
|
9329
9380
|
|
|
9330
9381
|
/**
|
|
9331
9382
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -9346,7 +9397,7 @@ const Table = ({
|
|
|
9346
9397
|
selectAll
|
|
9347
9398
|
}) => {
|
|
9348
9399
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9349
|
-
className: `${styles$
|
|
9400
|
+
className: `${styles$C.table} ${className}`
|
|
9350
9401
|
}, /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9351
9402
|
headers: headers,
|
|
9352
9403
|
isSelectable: isSelectable,
|
|
@@ -9366,9 +9417,9 @@ const Table = ({
|
|
|
9366
9417
|
}));
|
|
9367
9418
|
};
|
|
9368
9419
|
|
|
9369
|
-
var css_248z$
|
|
9370
|
-
var styles$
|
|
9371
|
-
styleInject(css_248z$
|
|
9420
|
+
var css_248z$D = ".tabs-modules_new_tabs__DmuxS{height:100%}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I-{background:var(--color-neutral-clear-shades-150,#eee);border-radius:4px;width:-moz-fit-content;width:fit-content}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb{border:none;height:2.375rem;max-height:2.375rem;min-height:2px}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-flexContainer__qV4mC{border:none;gap:.5rem;height:2.375rem;max-height:2.375rem;min-height:2px;padding:.25rem}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-flexContainer__qV4mC .tabs-modules_MuiTab-root__jL46D{text-transform:none}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-indicator__8kjaz{background:#fff;border-radius:4px;bottom:.25rem;height:1.875rem}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- button{background:transparent;border:none;color:#000;font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:700;height:1.875rem;min-height:0;min-width:0;padding:2px 1rem .125rem;z-index:1400}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- button.tabs-modules_Mui-selected__i7uax{background:transparent;border:none;border-radius:4px;color:#000;min-height:0;min-width:0}";
|
|
9421
|
+
var styles$D = {"new_tabs":"tabs-modules_new_tabs__DmuxS","MuiTabs-root":"tabs-modules_MuiTabs-root__Fj2I-","MuiTabs-scroller":"tabs-modules_MuiTabs-scroller__PY-Gb","MuiTabs-flexContainer":"tabs-modules_MuiTabs-flexContainer__qV4mC","MuiTab-root":"tabs-modules_MuiTab-root__jL46D","MuiTabs-indicator":"tabs-modules_MuiTabs-indicator__8kjaz","Mui-selected":"tabs-modules_Mui-selected__i7uax"};
|
|
9422
|
+
styleInject(css_248z$D);
|
|
9372
9423
|
|
|
9373
9424
|
const TabPanel = ({
|
|
9374
9425
|
value,
|
|
@@ -9399,7 +9450,7 @@ const Tabs = ({
|
|
|
9399
9450
|
if (onSelect) onSelect(newValue);
|
|
9400
9451
|
};
|
|
9401
9452
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9402
|
-
className: styles$
|
|
9453
|
+
className: styles$D.new_tabs
|
|
9403
9454
|
}, /*#__PURE__*/React__default.createElement(material.Tabs, {
|
|
9404
9455
|
value: value,
|
|
9405
9456
|
onChange: handleChange,
|
|
@@ -9431,9 +9482,9 @@ const Tabs = ({
|
|
|
9431
9482
|
}, tab.component)));
|
|
9432
9483
|
};
|
|
9433
9484
|
|
|
9434
|
-
var css_248z$
|
|
9435
|
-
var styles$
|
|
9436
|
-
styleInject(css_248z$
|
|
9485
|
+
var css_248z$E = ".tabsUnderline-modules_tabbar__aBV11{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tabs_root__DdnCR{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label__boVBw{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label_replacement__veoJz{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label_replacement__veoJz.tabsUnderline-modules_disabled__NiFLq{opacity:.5}";
|
|
9486
|
+
var styles$E = {"tabbar":"tabsUnderline-modules_tabbar__aBV11","tabs_root":"tabsUnderline-modules_tabs_root__DdnCR","tab_label":"tabsUnderline-modules_tab_label__boVBw","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__veoJz","disabled":"tabsUnderline-modules_disabled__NiFLq"};
|
|
9487
|
+
styleInject(css_248z$E);
|
|
9437
9488
|
|
|
9438
9489
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
9439
9490
|
const TabsUnderline = ({
|
|
@@ -9447,11 +9498,11 @@ const TabsUnderline = ({
|
|
|
9447
9498
|
onChange(index, tabs[index].value);
|
|
9448
9499
|
};
|
|
9449
9500
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9450
|
-
className: styles$
|
|
9501
|
+
className: styles$E.tabbar
|
|
9451
9502
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
9452
9503
|
value: value,
|
|
9453
9504
|
onChange: onClickTab,
|
|
9454
|
-
className: styles$
|
|
9505
|
+
className: styles$E.tabs_root,
|
|
9455
9506
|
centered: true,
|
|
9456
9507
|
TabIndicatorProps: {
|
|
9457
9508
|
style: {
|
|
@@ -9463,7 +9514,7 @@ const TabsUnderline = ({
|
|
|
9463
9514
|
}, tabs.map((item, index) => {
|
|
9464
9515
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
9465
9516
|
key: `tab#${index}`,
|
|
9466
|
-
className: styles$
|
|
9517
|
+
className: styles$E.tab_label,
|
|
9467
9518
|
disableRipple: true,
|
|
9468
9519
|
sx: {
|
|
9469
9520
|
textTransform: 'none'
|
|
@@ -9478,7 +9529,7 @@ const TabsUnderline = ({
|
|
|
9478
9529
|
if (item.disabled) {
|
|
9479
9530
|
renderTab = /*#__PURE__*/React__default.createElement(Title, {
|
|
9480
9531
|
key: `tab#${index}`,
|
|
9481
|
-
className: `${styles$
|
|
9532
|
+
className: `${styles$E.tab_label_replacement} ${styles$E.disabled}`,
|
|
9482
9533
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
9483
9534
|
size: "base",
|
|
9484
9535
|
text: item.label,
|
|
@@ -9496,9 +9547,9 @@ const TabsUnderline = ({
|
|
|
9496
9547
|
})));
|
|
9497
9548
|
};
|
|
9498
9549
|
|
|
9499
|
-
var css_248z$
|
|
9500
|
-
var styles$
|
|
9501
|
-
styleInject(css_248z$
|
|
9550
|
+
var css_248z$F = ".Tag-modules_tag__H7-4Y{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_idle__Fq6m8{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__Fq6m8 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__aMPRZ{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__aMPRZ svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_success__2LvMD{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__2LvMD svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__AIt1v{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__AIt1v svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__LQoYS{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__LQoYS svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__6woOo{height:1.25rem}.Tag-modules_tag_sm__6woOo svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__NFJol{height:1.75rem}.Tag-modules_tag_base__NFJol svg{height:1rem;width:1rem}";
|
|
9551
|
+
var styles$F = {"tag":"Tag-modules_tag__H7-4Y","tag_idle":"Tag-modules_tag_idle__Fq6m8","tag_info":"Tag-modules_tag_info__aMPRZ","tag_success":"Tag-modules_tag_success__2LvMD","tag_warning":"Tag-modules_tag_warning__AIt1v","tag_critical":"Tag-modules_tag_critical__LQoYS","tag_sm":"Tag-modules_tag_sm__6woOo","tag_base":"Tag-modules_tag_base__NFJol"};
|
|
9552
|
+
styleInject(css_248z$F);
|
|
9502
9553
|
|
|
9503
9554
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
9504
9555
|
const Tag = ({
|
|
@@ -9517,13 +9568,13 @@ const Tag = ({
|
|
|
9517
9568
|
};
|
|
9518
9569
|
const getTagStatus = () => {
|
|
9519
9570
|
if (status === 'idle') {
|
|
9520
|
-
return styles$
|
|
9521
|
-
} else if (status === 'success') return styles$
|
|
9571
|
+
return styles$F.tag_idle;
|
|
9572
|
+
} else if (status === 'success') return styles$F.tag_success;else if (status === 'info') return styles$F.tag_info;else if (status === 'warning') return styles$F.tag_warning;else if (status === 'critical') return styles$F.tag_critical;else return styles$F.tag_idle;
|
|
9522
9573
|
};
|
|
9523
9574
|
const getTagSize = () => {
|
|
9524
9575
|
if (size === 'sm') {
|
|
9525
|
-
return styles$
|
|
9526
|
-
} else if (size === 'base') return styles$
|
|
9576
|
+
return styles$F.tag_sm;
|
|
9577
|
+
} else if (size === 'base') return styles$F.tag_base;else return styles$F.tag_base;
|
|
9527
9578
|
};
|
|
9528
9579
|
const getTextSize = () => {
|
|
9529
9580
|
if (size === 'sm') {
|
|
@@ -9531,7 +9582,7 @@ const Tag = ({
|
|
|
9531
9582
|
} else if (size === 'base') return 'sm';else return 'sm';
|
|
9532
9583
|
};
|
|
9533
9584
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
9534
|
-
className: `${styles$
|
|
9585
|
+
className: `${styles$F.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''}`
|
|
9535
9586
|
}), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(Text, {
|
|
9536
9587
|
size: getTextSize(),
|
|
9537
9588
|
text: text,
|
|
@@ -9539,9 +9590,9 @@ const Tag = ({
|
|
|
9539
9590
|
}), iconRight && iconRight);
|
|
9540
9591
|
};
|
|
9541
9592
|
|
|
9542
|
-
var css_248z$
|
|
9543
|
-
var styles$
|
|
9544
|
-
styleInject(css_248z$
|
|
9593
|
+
var css_248z$G = ".Textarea-module_text_area_container__cq5uv{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;width:100%}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG{display:flex;justify-content:space-between;padding:.25rem .5rem .25rem .75rem}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG .Textarea-module_counter__0nieC{margin-left:auto}";
|
|
9594
|
+
var styles$G = {"text_area_container":"Textarea-module_text_area_container__cq5uv","helperTexts":"Textarea-module_helperTexts__1DMgG","counter":"Textarea-module_counter__0nieC"};
|
|
9595
|
+
styleInject(css_248z$G);
|
|
9545
9596
|
|
|
9546
9597
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
9547
9598
|
const Textarea = ({
|
|
@@ -9576,7 +9627,7 @@ const Textarea = ({
|
|
|
9576
9627
|
setCharCount(String(value).length);
|
|
9577
9628
|
}, []);
|
|
9578
9629
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9579
|
-
className: styles$
|
|
9630
|
+
className: styles$G.text_area_container
|
|
9580
9631
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
9581
9632
|
name: name,
|
|
9582
9633
|
variant: "outlined",
|
|
@@ -9599,7 +9650,7 @@ const Textarea = ({
|
|
|
9599
9650
|
topLabelWeight: topLabelWeight,
|
|
9600
9651
|
topLabelSize: topLabelSize
|
|
9601
9652
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
9602
|
-
className: styles$
|
|
9653
|
+
className: styles$G.helperTexts
|
|
9603
9654
|
}, helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
9604
9655
|
text: helperText,
|
|
9605
9656
|
size: "xs",
|
|
@@ -9612,15 +9663,15 @@ const Textarea = ({
|
|
|
9612
9663
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
9613
9664
|
text: `${charCount} / ${maxCharacters}`,
|
|
9614
9665
|
size: "xs",
|
|
9615
|
-
className: styles$
|
|
9666
|
+
className: styles$G.counter
|
|
9616
9667
|
})));
|
|
9617
9668
|
};
|
|
9618
9669
|
|
|
9619
|
-
var css_248z$
|
|
9620
|
-
var styles$
|
|
9621
|
-
styleInject(css_248z$
|
|
9670
|
+
var css_248z$H = ".TimePicker-modules_time_picker__ZkERd{min-width:13rem;width:100%}.TimePicker-modules_time_picker__ZkERd label,.TimePicker-modules_time_picker__ZkERd span{font-family:OpenSans;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__ZkERd .TimePicker-modules_MuiAutocomplete-endAdornment__P6--J{display:flex;gap:.5rem;margin-top:-.35rem!important}.TimePicker-modules_time_picker__ZkERd 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__ZkERd svg{height:1rem;width:1rem}.TimePicker-modules_input_top_label__0eniB{margin-bottom:.625rem}.TimePicker-modules_MuiOutlinedInput-root__BT6Wo.TimePicker-modules_MuiInputBase-root__JnzNf.TimePicker-modules_MuiInputBase-formControl__6jzc3{align-items:center;display:flex;flex-direction:row}.TimePicker-modules_text_below__u9PYB{margin:.25rem .5rem .25rem .75rem}.TimePicker-modules_icon__7nspv{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
9671
|
+
var styles$H = {"time_picker":"TimePicker-modules_time_picker__ZkERd","MuiAutocomplete-endAdornment":"TimePicker-modules_MuiAutocomplete-endAdornment__P6--J","input_top_label":"TimePicker-modules_input_top_label__0eniB","MuiOutlinedInput-root":"TimePicker-modules_MuiOutlinedInput-root__BT6Wo","MuiInputBase-root":"TimePicker-modules_MuiInputBase-root__JnzNf","MuiInputBase-formControl":"TimePicker-modules_MuiInputBase-formControl__6jzc3","text_below":"TimePicker-modules_text_below__u9PYB","icon":"TimePicker-modules_icon__7nspv"};
|
|
9672
|
+
styleInject(css_248z$H);
|
|
9622
9673
|
|
|
9623
|
-
const CssTextField$4 = /*#__PURE__*/styles$
|
|
9674
|
+
const CssTextField$4 = /*#__PURE__*/styles$K.styled(material.TextField)({
|
|
9624
9675
|
'& .MuiInputBase-input': {
|
|
9625
9676
|
color: '#26292E',
|
|
9626
9677
|
fontFamily: 'OpenSans !important',
|
|
@@ -9737,12 +9788,12 @@ const TimePicker = ({
|
|
|
9737
9788
|
dateAdapter: AdapterDayjs.AdapterDayjs,
|
|
9738
9789
|
adapterLocale: locale
|
|
9739
9790
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9740
|
-
className: `${styles$
|
|
9791
|
+
className: `${styles$H.time_picker} ${className ? className : undefined}`
|
|
9741
9792
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
9742
9793
|
text: `${topLabel ? topLabel : ''}`,
|
|
9743
9794
|
weight: topLabelWeight || 'bold',
|
|
9744
9795
|
size: topLabelSize || 'base',
|
|
9745
|
-
className: styles$
|
|
9796
|
+
className: styles$H.input_top_label,
|
|
9746
9797
|
required: required
|
|
9747
9798
|
}), /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
|
|
9748
9799
|
label: label,
|
|
@@ -9778,18 +9829,18 @@ const TimePicker = ({
|
|
|
9778
9829
|
color: "#F54C4C",
|
|
9779
9830
|
italic: true,
|
|
9780
9831
|
text: errorText,
|
|
9781
|
-
className: styles$
|
|
9832
|
+
className: styles$H.text_below
|
|
9782
9833
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
9783
9834
|
size: "xs",
|
|
9784
9835
|
italic: true,
|
|
9785
9836
|
text: helperText,
|
|
9786
|
-
className: styles$
|
|
9837
|
+
className: styles$H.text_below
|
|
9787
9838
|
}))));
|
|
9788
9839
|
};
|
|
9789
9840
|
|
|
9790
|
-
var css_248z$
|
|
9791
|
-
var styles$
|
|
9792
|
-
styleInject(css_248z$
|
|
9841
|
+
var css_248z$I = "@import \"../../styles/index.css\";.Caption-modules_caption_text__LH61Z{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingCaption);line-height:var(--sdLineHeight130);margin:unset;padding:.063rem 0;text-align:left}.Caption-modules_caption_text_uppercase__lc-JL{text-transform:var(--sdTextCaseUppercase)}";
|
|
9842
|
+
var styles$I = {"caption_text":"Caption-modules_caption_text__LH61Z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__lc-JL"};
|
|
9843
|
+
styleInject(css_248z$I);
|
|
9793
9844
|
|
|
9794
9845
|
/** This text should only be used for the captions
|
|
9795
9846
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -9805,13 +9856,13 @@ const Caption = ({
|
|
|
9805
9856
|
style: {
|
|
9806
9857
|
color: color
|
|
9807
9858
|
},
|
|
9808
|
-
className: `${styles$
|
|
9859
|
+
className: `${styles$I.caption_text} ${uppercase ? styles$I.caption_text_uppercase : ''} ${className ?? ''}`
|
|
9809
9860
|
}), text);
|
|
9810
9861
|
};
|
|
9811
9862
|
|
|
9812
|
-
var css_248z$
|
|
9813
|
-
var styles$
|
|
9814
|
-
styleInject(css_248z$
|
|
9863
|
+
var css_248z$J = "@import \"../../styles/index.css\";.TextForDropDownItem-modules_dropdown_text__R-CSX{font-family:var(--sdFontFamilyOpenSans);font-weight:var(--sdFontWeightMedium);margin:unset;padding:.125rem 0}.TextForDropDownItem-modules_dropdown_text_xs__nyL4s{font-size:var(--sdFontSizeBase);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_sm__XGWPr{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForDropDownItem-modules_dropdown_text_base__Du-2n{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_bold__71Lhd{font-weight:var(--sdFontWeightBold)}";
|
|
9864
|
+
var styles$J = {"dropdown_text":"TextForDropDownItem-modules_dropdown_text__R-CSX","dropdown_text_xs":"TextForDropDownItem-modules_dropdown_text_xs__nyL4s","dropdown_text_sm":"TextForDropDownItem-modules_dropdown_text_sm__XGWPr","dropdown_text_base":"TextForDropDownItem-modules_dropdown_text_base__Du-2n","dropdown_text_bold":"TextForDropDownItem-modules_dropdown_text_bold__71Lhd"};
|
|
9865
|
+
styleInject(css_248z$J);
|
|
9815
9866
|
|
|
9816
9867
|
/** This text should only be used for the dropdown items text
|
|
9817
9868
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
@@ -9825,13 +9876,13 @@ const TextForDropDownItem = ({
|
|
|
9825
9876
|
...props
|
|
9826
9877
|
}) => {
|
|
9827
9878
|
const getTextSize = () => {
|
|
9828
|
-
if (size === 'xs') return styles$
|
|
9879
|
+
if (size === 'xs') return styles$J.dropdown_text_xs;else if (size === 'sm') return styles$J.dropdown_text_sm;else if (size === 'base') return styles$J.dropdown_text_base;else return styles$J.dropdown_text_base;
|
|
9829
9880
|
};
|
|
9830
9881
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
9831
9882
|
style: {
|
|
9832
9883
|
color: color
|
|
9833
9884
|
},
|
|
9834
|
-
className: `${styles$
|
|
9885
|
+
className: `${styles$J.dropdown_text} ${bold && styles$J.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
9835
9886
|
}), text);
|
|
9836
9887
|
};
|
|
9837
9888
|
|
|
@@ -9928,6 +9979,7 @@ exports.InterviewTranscript = InterviewTranscript;
|
|
|
9928
9979
|
exports.LanguageIcon = LanguageIcon;
|
|
9929
9980
|
exports.LaptopIcon = LaptopIcon;
|
|
9930
9981
|
exports.LateralMenu = LateralMenu;
|
|
9982
|
+
exports.Link = Link;
|
|
9931
9983
|
exports.LinkIcon = LinkIcon;
|
|
9932
9984
|
exports.ListToDoIcon = ListToDoIcon;
|
|
9933
9985
|
exports.LogoBeta = LogoBeta;
|
|
@@ -9969,6 +10021,7 @@ exports.ProjectHoverSvg = ProjectSvg;
|
|
|
9969
10021
|
exports.ProjectSvg = ProjectSvg$1;
|
|
9970
10022
|
exports.QuestionCircledIcon = QuestionCircledIcon;
|
|
9971
10023
|
exports.Radio = Radio;
|
|
10024
|
+
exports.RatingScale = RatingScale;
|
|
9972
10025
|
exports.RecordingIcon = RecordingIcon;
|
|
9973
10026
|
exports.RefreshIcon = RefreshIcon;
|
|
9974
10027
|
exports.RemoveCircledIcon = RemoveCircledIcon;
|