odaptos_design_system 2.0.52 → 2.0.54

package/dist/Atoms/Checkbox/Checkbox.d.ts

@@ -8,6 +8,7 @@ interface CheckboxProps {
     disabled?: boolean;
     required?: boolean;
     className?: string;
+    color?: string;
 }
-export declare const Checkbox: ({ label, leftLabel, onBlur, checked, disabled, onChange, required, className, }: CheckboxProps) => React.JSX.Element;
+export declare const Checkbox: ({ label, leftLabel, onBlur, checked, disabled, onChange, required, className, color, }: CheckboxProps) => React.JSX.Element;
 export {};

package/dist/Organisms/MultiSelect/MultiSelect.d.ts

@@ -17,6 +17,8 @@ interface MultiSelectProps {
     errorText?: string;
     canAddNewOption?: boolean;
     disableCloseOnSelect?: boolean;
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
     onChange: (value: any) => void;
     deleteOption: (value: any) => void;
     limitTags?: number;
@@ -25,5 +27,5 @@ interface MultiSelectProps {
 /**
  * Use this component for multiselection !!
  */
-export declare const MultiSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
+export declare const MultiSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, rightIcon, leftIcon, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
 export {};

package/dist/Organisms/MultiSelect/MultiSelectWithCategories.d.ts

@@ -17,6 +17,8 @@ interface MultiSelectProps {
     errorText?: string;
     canAddNewOption?: boolean;
     disableCloseOnSelect?: boolean;
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
     onChange: (value: any) => void;
     deleteOption: (value: any) => void;
     limitTags?: number;
@@ -25,5 +27,5 @@ interface MultiSelectProps {
 /**
  * Use this component for multiselection with caregories !!
  */
-export declare const MultiSelectWithCategories: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
+export declare const MultiSelectWithCategories: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, rightIcon, leftIcon, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
 export {};

package/dist/Organisms/SingleSelect/SingleSelect.d.ts

@@ -16,11 +16,13 @@ interface SingleSelectProps {
     canAddNewOption?: boolean;
     defaultValue: any;
     options: any[];
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
     onChange: (value: any) => void;
     onBlur?: () => void;
 }
 /**
  * Use this component for single selection !!
  */
-export declare const SingleSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, onBlur, ...props }: SingleSelectProps) => React.JSX.Element;
+export declare const SingleSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, onBlur, rightIcon, leftIcon, ...props }: SingleSelectProps) => React.JSX.Element;
 export {};

package/dist/odaptos_design_system.cjs.development.js

@@ -28,7 +28,6 @@ var MuiModal = _interopDefault(require('@mui/material/Modal'));
 var Fade = _interopDefault(require('@mui/material/Fade'));
 var Autocomplete = require('@mui/material/Autocomplete');
 var Autocomplete__default = _interopDefault(Autocomplete);
-var TextField = _interopDefault(require('@mui/material/TextField'));
 var system = require('@mui/system');
 var Tab = _interopDefault(require('@mui/material/Tab'));
 var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
@@ -11281,29 +11280,30 @@ const BpIcon = /*#__PURE__*/styles$15.styled('span')(() => ({
     cursor: 'not-allowed'
   }
 }));
-const BpCheckedIcon = /*#__PURE__*/styles$15.styled(BpIcon)({
-  backgroundColor: '#0077FF',
-  backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
-  border: `1px solid #0077FF`,
-  '&:before': {
-    display: 'block',
-    height: '1rem',
-    backgroundImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath" + " fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 " + "1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E\")",
-    content: '""'
-  },
-  'input:disabled ~ &': {
-    border: `1px solid #0077FF`,
-    background: '#0077FF',
-    cursor: 'not-allowed'
-  }
-});
 function BpCheckbox({
   checked,
   disabled = false,
   onChange,
   required,
-  onBlur
+  onBlur,
+  color = '#0077FF'
 }) {
+  const BpCheckedIcon = styles$15.styled(BpIcon)({
+    backgroundColor: color,
+    backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
+    border: `1px solid ${color}`,
+    '&:before': {
+      display: 'block',
+      height: '1rem',
+      backgroundImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath" + " fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 " + "1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E\")",
+      content: '""'
+    },
+    'input:disabled ~ &': {
+      border: `1px solid ${color}`,
+      background: `${color}`,
+      cursor: 'not-allowed'
+    }
+  });
   return /*#__PURE__*/React__default.createElement(material.Checkbox, {
     sx: {
       '&:hover': {
@@ -11333,7 +11333,8 @@ const Checkbox = ({
   disabled,
   onChange,
   required,
-  className
+  className,
+  color
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$d.checkboxContainer} ${disabled ? styles$d.disabled : ''} ${className}`,
@@ -11349,7 +11350,8 @@ const Checkbox = ({
     disabled: disabled,
     onChange: onChange,
     required: required,
-    onBlur: onBlur
+    onBlur: onBlur,
+    color: color
   }), label && /*#__PURE__*/React__default.createElement(Text, {
     text: label,
     size: "sm"
@@ -13198,12 +13200,12 @@ const Modal = ({
   }
 };
 
-var css_248z$z = ".MultiSelect-modules_newAutocomplete__GJptd{min-width:16rem;width:100%}.MultiSelect-modules_newAutocomplete__GJptd label,.MultiSelect-modules_newAutocomplete__GJptd span{font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx{display:flex;gap:.5rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx svg{height:1rem;width:1rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX span{font-size:.75rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX p{text-overflow:ellipsis;white-space:nowrap}.MultiSelect-modules_MuiOutlinedInput-root__4WRgB.MultiSelect-modules_MuiInputBase-root__WOhMS.MultiSelect-modules_MuiInputBase-formControl__wtzWK{align-items:center;display:flex;flex-direction:row}.MultiSelect-modules_no_scrollbar__6KlOa{-ms-overflow-style:none;scrollbar-width:none}.MultiSelect-modules_no_scrollbar__6KlOa::-webkit-scrollbar{display:none}.MultiSelect-modules_input_top_label__JajPb{margin-bottom:.625rem}.MultiSelect-modules_text_below__ukXBz{margin:.25rem .5rem .25rem .75rem}.MultiSelect-modules_icon__GcgOt{height:1rem!important;margin-left:.25rem;width:1rem!important}";
-var styles$z = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__GJptd","MuiAutocomplete-endAdornment":"MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx","tags_container":"MultiSelect-modules_tags_container__I6anX","MuiOutlinedInput-root":"MultiSelect-modules_MuiOutlinedInput-root__4WRgB","MuiInputBase-root":"MultiSelect-modules_MuiInputBase-root__WOhMS","MuiInputBase-formControl":"MultiSelect-modules_MuiInputBase-formControl__wtzWK","no_scrollbar":"MultiSelect-modules_no_scrollbar__6KlOa","input_top_label":"MultiSelect-modules_input_top_label__JajPb","text_below":"MultiSelect-modules_text_below__ukXBz","icon":"MultiSelect-modules_icon__GcgOt"};
+var css_248z$z = ".MultiSelect-modules_newAutocomplete__GJptd{min-width:16rem;width:100%}.MultiSelect-modules_newAutocomplete__GJptd label,.MultiSelect-modules_newAutocomplete__GJptd span{font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx{display:flex;gap:.5rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx svg{height:1rem;width:1rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX span{font-size:.75rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX .MultiSelect-modules_customBadge__2TSsr p{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.MultiSelect-modules_MuiOutlinedInput-root__4WRgB.MultiSelect-modules_MuiInputBase-root__WOhMS.MultiSelect-modules_MuiInputBase-formControl__wtzWK{align-items:center;display:flex;flex-direction:row}.MultiSelect-modules_no_scrollbar__6KlOa{-ms-overflow-style:none;scrollbar-width:none}.MultiSelect-modules_no_scrollbar__6KlOa::-webkit-scrollbar{display:none}.MultiSelect-modules_input_top_label__JajPb{margin-bottom:.625rem}.MultiSelect-modules_text_below__ukXBz{margin:.25rem .5rem .25rem .75rem}.MultiSelect-modules_icon__GcgOt{height:1rem!important;margin-left:.25rem;width:1rem!important}";
+var styles$z = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__GJptd","MuiAutocomplete-endAdornment":"MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx","tags_container":"MultiSelect-modules_tags_container__I6anX","customBadge":"MultiSelect-modules_customBadge__2TSsr","MuiOutlinedInput-root":"MultiSelect-modules_MuiOutlinedInput-root__4WRgB","MuiInputBase-root":"MultiSelect-modules_MuiInputBase-root__WOhMS","MuiInputBase-formControl":"MultiSelect-modules_MuiInputBase-formControl__wtzWK","no_scrollbar":"MultiSelect-modules_no_scrollbar__6KlOa","input_top_label":"MultiSelect-modules_input_top_label__JajPb","text_below":"MultiSelect-modules_text_below__ukXBz","icon":"MultiSelect-modules_icon__GcgOt"};
 styleInject(css_248z$z);
 
 const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
-const CssTextField$1 = /*#__PURE__*/styles$15.styled(TextField)({
+const CssTextField$1 = /*#__PURE__*/styles$15.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: `'Open Sans' !important`,
@@ -13320,6 +13322,8 @@ const MultiSelect = ({
   deleteOption,
   disableCloseOnSelect = true,
   limitTags,
+  rightIcon,
+  leftIcon,
   onBlur,
   ...props
 }) => {
@@ -13328,6 +13332,12 @@ const MultiSelect = ({
   React.useEffect(() => {
     setValue(defaultValue === undefined ? [] : defaultValue);
   }, [defaultValue]);
+  const endAdornment = rightIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+    position: "end"
+  }, rightIcon) : undefined;
+  const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+    position: "start"
+  }, leftIcon) : undefined;
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${className}`,
     style: {
@@ -13378,7 +13388,11 @@ const MultiSelect = ({
       required: required,
       name: name,
       error: error,
-      onBlur: onBlur
+      onBlur: onBlur,
+      InputProps: {
+        endAdornment,
+        startAdornment
+      }
     })),
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
@@ -13388,6 +13402,7 @@ const MultiSelect = ({
         status: "idle",
         size: "base",
         key: `chipt-option-${index}`,
+        className: styles$z.customBadge,
         canBeRemoved: true,
         iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
           fill: colors.neutral_700,
@@ -13452,8 +13467,8 @@ const MultiSelect = ({
   }));
 };
 
-var css_248z$A = ".MultiSelectWithCategories-modules_newAutocomplete__JGeHK{min-width:16rem;width:100%}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK label,.MultiSelectWithCategories-modules_newAutocomplete__JGeHK 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}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc{display:flex;gap:.5rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc svg{height:1rem;width:1rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll span{font-size:.75rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll p{text-overflow:ellipsis;white-space:nowrap}.MultiSelectWithCategories-modules_MuiOutlinedInput-root__bXzfU.MultiSelectWithCategories-modules_MuiInputBase-root__etzVA.MultiSelectWithCategories-modules_MuiInputBase-formControl__kcPdx{align-items:center;display:flex;flex-direction:row}.MultiSelectWithCategories-modules_no_scrollbar__VQJjj{-ms-overflow-style:none;scrollbar-width:none}.MultiSelectWithCategories-modules_no_scrollbar__VQJjj::-webkit-scrollbar{display:none}.MultiSelectWithCategories-modules_input_top_label__dKzMb{margin-bottom:.625rem}.MultiSelectWithCategories-modules_text_below__wt9uX{margin:.25rem .5rem .25rem .75rem}.MultiSelectWithCategories-modules_icon__CPcPb{height:1rem!important;margin-left:.25rem;width:1rem!important}";
-var styles$A = {"newAutocomplete":"MultiSelectWithCategories-modules_newAutocomplete__JGeHK","MuiAutocomplete-endAdornment":"MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc","tags_container":"MultiSelectWithCategories-modules_tags_container__n-vll","MuiOutlinedInput-root":"MultiSelectWithCategories-modules_MuiOutlinedInput-root__bXzfU","MuiInputBase-root":"MultiSelectWithCategories-modules_MuiInputBase-root__etzVA","MuiInputBase-formControl":"MultiSelectWithCategories-modules_MuiInputBase-formControl__kcPdx","no_scrollbar":"MultiSelectWithCategories-modules_no_scrollbar__VQJjj","input_top_label":"MultiSelectWithCategories-modules_input_top_label__dKzMb","text_below":"MultiSelectWithCategories-modules_text_below__wt9uX","icon":"MultiSelectWithCategories-modules_icon__CPcPb"};
+var css_248z$A = ".MultiSelectWithCategories-modules_newAutocomplete__JGeHK{min-width:16rem;width:100%}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK label,.MultiSelectWithCategories-modules_newAutocomplete__JGeHK 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}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc{display:flex;gap:.5rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc svg{height:1rem;width:1rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll span{font-size:.75rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll .MultiSelectWithCategories-modules_customBadge__4-nXp p{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.MultiSelectWithCategories-modules_MuiOutlinedInput-root__bXzfU.MultiSelectWithCategories-modules_MuiInputBase-root__etzVA.MultiSelectWithCategories-modules_MuiInputBase-formControl__kcPdx{align-items:center;display:flex;flex-direction:row}.MultiSelectWithCategories-modules_no_scrollbar__VQJjj{-ms-overflow-style:none;scrollbar-width:none}.MultiSelectWithCategories-modules_no_scrollbar__VQJjj::-webkit-scrollbar{display:none}.MultiSelectWithCategories-modules_input_top_label__dKzMb{margin-bottom:.625rem}.MultiSelectWithCategories-modules_text_below__wt9uX{margin:.25rem .5rem .25rem .75rem}.MultiSelectWithCategories-modules_icon__CPcPb{height:1rem!important;margin-left:.25rem;width:1rem!important}";
+var styles$A = {"newAutocomplete":"MultiSelectWithCategories-modules_newAutocomplete__JGeHK","MuiAutocomplete-endAdornment":"MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc","tags_container":"MultiSelectWithCategories-modules_tags_container__n-vll","customBadge":"MultiSelectWithCategories-modules_customBadge__4-nXp","MuiOutlinedInput-root":"MultiSelectWithCategories-modules_MuiOutlinedInput-root__bXzfU","MuiInputBase-root":"MultiSelectWithCategories-modules_MuiInputBase-root__etzVA","MuiInputBase-formControl":"MultiSelectWithCategories-modules_MuiInputBase-formControl__kcPdx","no_scrollbar":"MultiSelectWithCategories-modules_no_scrollbar__VQJjj","input_top_label":"MultiSelectWithCategories-modules_input_top_label__dKzMb","text_below":"MultiSelectWithCategories-modules_text_below__wt9uX","icon":"MultiSelectWithCategories-modules_icon__CPcPb"};
 styleInject(css_248z$A);
 
 const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
@@ -13471,7 +13486,7 @@ const GroupHeader = /*#__PURE__*/styles$15.styled('div')(() => ({
 const GroupItems = /*#__PURE__*/styles$15.styled('ul')({
   padding: 0
 });
-const CssTextField$2 = /*#__PURE__*/styles$15.styled(TextField)({
+const CssTextField$2 = /*#__PURE__*/styles$15.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: `'Open Sans' !important`,
@@ -13588,6 +13603,8 @@ const MultiSelectWithCategories = ({
   deleteOption,
   disableCloseOnSelect = true,
   limitTags,
+  rightIcon,
+  leftIcon,
   onBlur,
   ...props
 }) => {
@@ -13596,6 +13613,12 @@ const MultiSelectWithCategories = ({
   React.useEffect(() => {
     setValue(defaultValue === undefined ? [] : defaultValue);
   }, [defaultValue]);
+  const endAdornment = rightIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+    position: "end"
+  }, rightIcon) : undefined;
+  const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+    position: "start"
+  }, leftIcon) : undefined;
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${className}`,
     style: {
@@ -13649,7 +13672,11 @@ const MultiSelectWithCategories = ({
       required: required,
       name: name,
       error: error,
-      onBlur: onBlur
+      onBlur: onBlur,
+      InputProps: {
+        endAdornment,
+        startAdornment
+      }
     })),
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
@@ -13659,6 +13686,7 @@ const MultiSelectWithCategories = ({
         status: "idle",
         size: "base",
         key: `chipt-option-${index}`,
+        className: styles$A.customBadge,
         canBeRemoved: true,
         iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
           fill: colors.neutral_700,
@@ -14797,7 +14825,7 @@ const BpIcon$1 = /*#__PURE__*/styles$15.styled('span')(() => ({
     cursor: 'not-allowed'
   }
 }));
-const BpCheckedIcon$1 = /*#__PURE__*/styles$15.styled(BpIcon$1)({
+const BpCheckedIcon = /*#__PURE__*/styles$15.styled(BpIcon$1)({
   backgroundColor: '#0077FF',
   border: 'none',
   width: '1.1rem',
@@ -14836,7 +14864,7 @@ const Radio = ({
   }), /*#__PURE__*/React__default.createElement(material.Radio, {
     disableRipple: true,
     color: "default",
-    checkedIcon: /*#__PURE__*/React__default.createElement(BpCheckedIcon$1, null),
+    checkedIcon: /*#__PURE__*/React__default.createElement(BpCheckedIcon, null),
     icon: /*#__PURE__*/React__default.createElement(BpIcon$1, null),
     checked: checked,
     disabled: disabled,
@@ -15052,6 +15080,8 @@ const SingleSelect = ({
   errorText,
   canAddNewOption,
   onBlur,
+  rightIcon,
+  leftIcon,
   ...props
 }) => {
   const [value, setValue] = React.useState(defaultValue === undefined ? null : defaultValue);
@@ -15059,6 +15089,12 @@ const SingleSelect = ({
   React.useEffect(() => {
     setValue(defaultValue === undefined ? null : defaultValue);
   }, [defaultValue]);
+  const endAdornment = rightIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+    position: "end"
+  }, rightIcon) : undefined;
+  const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+    position: "start"
+  }, leftIcon) : undefined;
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${className && className}`,
     style: {
@@ -15108,7 +15144,11 @@ const SingleSelect = ({
       size: "small",
       required: required,
       error: error,
-      onBlur: onBlur
+      onBlur: onBlur,
+      InputProps: {
+        endAdornment,
+        startAdornment
+      }
     })),
     clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
       fill: "black",