@xelto.npm/xc2-lib 0.0.76 → 0.0.77

package/dist/index.cjs.js

@@ -29947,7 +29947,6 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
     id: "icon_sp_warning",
     transform: "translate(7.813)"
   }, /*#__PURE__*/React__namespace.createElement("g", {
-    id: "color-1",
     transform: "translate(-0.448 -0.448)"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     id: "Group_47569",
@@ -30356,7 +30355,11 @@ var StyledAutocomplete$1 = styled$1(Autocomplete$1)(function (_ref) {
     }
   };
 });
-var StyledWrapper$1 = styled$1('div')(function (_ref2) {
+var StyledWrapper$1 = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref2) {
   var fluid = _ref2.fluid;
   return {
     display: 'flex',
@@ -30478,7 +30481,7 @@ Select.propTypes = {
   disabled: propTypes.exports.bool,
   label: propTypes.exports.string,
   options: propTypes.exports.arrayOf(propTypes.exports.shape({
-    id: propTypes.exports.string.isRequired,
+    id: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]).isRequired,
     label: propTypes.exports.string.isRequired
   })),
   value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.shape({
@@ -30711,7 +30714,11 @@ var Checkbox = /*#__PURE__*/Object.freeze({
 });
 
 var _excluded$V = ["id", "value", "onChange", "label", "disabled", "placeholder", "fluid", "options", "limitTags", "noOptionsText", "forwardedRef"];
-var StyledAutocomplete = styled$1(Autocomplete$1)(function (_ref) {
+var StyledAutocomplete = styled$1(Autocomplete$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'min(100%, calc(268px * 2))',
@@ -30972,7 +30979,7 @@ MultiSelect.propTypes = {
   placeholder: propTypes.exports.string,
   limitTags: propTypes.exports.number,
   options: propTypes.exports.arrayOf(propTypes.exports.shape({
-    id: propTypes.exports.string.isRequired,
+    id: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]).isRequired,
     label: propTypes.exports.string.isRequired
   })),
   value: propTypes.exports.arrayOf(propTypes.exports.shape({
@@ -52929,7 +52936,11 @@ process.env.NODE_ENV !== "production" ? DatePicker$1.propTypes = {
 } : void 0;
 
 var _excluded$b = ["value", "onChange", "label", "fluid", "disabled", "forwardedRef"];
-var StyledDatePicker = styled$1(DatePicker$1)(function (_ref) {
+var StyledDatePicker = styled$1(DatePicker$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'min(100%, 368px)',
@@ -53176,7 +53187,11 @@ DatePicker.propTypes = {
 };
 
 var _excluded$a = ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onBlur", "forwardedRef", "endAdornment"];
-var StyledTextField = styled$1(MuiTextField)(function (_ref) {
+var StyledTextField = styled$1(MuiTextField, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid' || prop !== 'small';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid,
     small = _ref.small;
   return {
@@ -53614,7 +53629,11 @@ AppTileComponent.propTypes = {
 };
 
 var _excluded$8 = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "forwardedRef"];
-var CustomButton = styled$1(Button$2)(function (_ref) {
+var CustomButton = styled$1(Button$2, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'auto',
@@ -53871,9 +53890,16 @@ CustomButtonComponent.propTypes = {
 };
 
 var _excluded$7 = ["color", "disabled", "fluid", "forwardedRef", "icon", "onClick", "text", "type"];
-var CustomIconButton = styled$1(Button$2)(function (_ref) {
+var CustomIconButton = styled$1(Button$2, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
+    minWidth: 0,
+    display: 'flex',
+    columnGap: '8px',
     width: fluid ? '100%' : 'auto',
     borderRadius: '24px',
     fontWeight: 'bold',
@@ -53881,11 +53907,10 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
     border: '2px solid #293072',
     textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
-    padding: '4px 25px 4px 21px',
+    padding: '4px 21px',
     fontSize: '16px',
     lineHeight: '15px',
     '@media(min-width: 1024px)': {
-      padding: '4px 25px 3px 21px',
       fontSize: '12px',
       lineHeight: '16px',
       borderRadius: '24px'
@@ -53896,6 +53921,9 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
         opacity: 0.7
       }
     },
+    span: {
+      margin: 0
+    },
     '&.primary': {
       '&.navy-blue': {
         backgroundColor: theme.mainPallete.primary.blue,
@@ -73407,7 +73435,11 @@ var StyledInfoBar = styled$1('div')(function (_ref) {
     zIndex: 100
   };
 });
-var StyledInfoRow = styled$1('div')(function (_ref2) {
+var StyledInfoRow = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'noLogo';
+  }
+})(function (_ref2) {
   var noLogo = _ref2.noLogo;
   return {
     boxSizing: 'border-box',
@@ -73638,7 +73670,11 @@ CheckboxComponent.propTypes = {
 };
 
 var _excluded$3 = ["fluid", "placeholder", "onSearch", "onBlur", "searchText", "onChange", "onChangeSearchText", "forwardedRef"];
-var StyledSearchBarWrapper = styled$1(Box$1)(function (_ref) {
+var StyledSearchBarWrapper = styled$1(Box$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     boxSizing: 'border-box',
@@ -74031,7 +74067,11 @@ var StyledNoRows = styled$1('tr')(function () {
     padding: '15px'
   };
 });
-var StyledCellContent = styled$1('div')(function (_ref) {
+var StyledCellContent = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'align';
+  }
+})(function (_ref) {
   var align = _ref.align;
   return {
     flexDirection: align === 'right' ? 'row-reverse' : '',
@@ -74259,7 +74299,7 @@ var Table = function Table(props) {
         }
       })));
     }));
-  }), rows.length === 0 && /*#__PURE__*/React.createElement(StyledNoRows, null, labelNoRows)))), /*#__PURE__*/React.createElement(TablePagination, {
+  }), rows.length === 0 ? /*#__PURE__*/React.createElement(StyledNoRows, null, labelNoRows) : null))), /*#__PURE__*/React.createElement(TablePagination, {
     count: rows.length,
     page: page,
     rowsPerPage: rowsPerPage,
@@ -96879,7 +96919,11 @@ var StyledModalContainer = styled$1(Box$1)(function (_ref) {
     }
   };
 });
-var StyledModalWrapper = styled$1(Modal$1)(function (_ref2) {
+var StyledModalWrapper = styled$1(Modal$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'isBottomTextButton';
+  }
+})(function (_ref2) {
   var isBottomTextButton = _ref2.isBottomTextButton;
   return {
     '&.MuiModal-root': {
@@ -97063,7 +97107,11 @@ CustomModal.propTypes = {
   type: propTypes.exports.string
 };
 
-var StyledModuleTileWrapper = styled$1(Box$1)(function (_ref) {
+var StyledModuleTileWrapper = styled$1(Box$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     boxSizing: 'border-box',
@@ -97158,6 +97206,10 @@ var StyledLabelAndIconWrapper = styled$1(Box$1)(function () {
 });
 var StyledStepper = styled$1(function (props) {
   return /*#__PURE__*/React.createElement(Stepper$1, props);
+}, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'numberOfSteps';
+  }
 })(function (_ref2) {
   var numberOfSteps = _ref2.numberOfSteps;
   return {
@@ -97451,7 +97503,11 @@ RadioGroupComponent.propTypes = {
   value: propTypes.exports.string
 };
 
-var StyledMenu = styled$1('div')(function (_ref) {
+var StyledMenu = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(function (_ref) {
   var variant = _ref.variant;
   return {
     boxSizing: 'border-box',
@@ -97681,7 +97737,24 @@ Tooltip.propTypes = {
 
 var _excluded = ["modalbgcolor", "modaltextcolor"],
   _excluded2 = ["onBackArrowClick", "onLogoClick", "clientLogo", "breadcrumbData", "userData", "menuData", "updateText", "updateAvailable"];
-var StyledTopbar = styled$1('div')(function (_ref) {
+var StyledTopbar = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    switch (prop) {
+      case 'noBreadcrumb':
+        return false;
+      case 'noMenu':
+        return false;
+      case 'fixedTop':
+        return false;
+      case 'menuOpen':
+        return false;
+      case 'variant':
+        return false;
+      default:
+        return true;
+    }
+  }
+})(function (_ref) {
   var noBreadcrumb = _ref.noBreadcrumb,
     noMenu = _ref.noMenu,
     fixedTop = _ref.fixedTop,
@@ -97757,7 +97830,11 @@ var StyledBreadcrumb = styled$1('div')(function () {
     }
   };
 });
-var StyledBreadcrumbItem = styled$1('div')(function (_ref2) {
+var StyledBreadcrumbItem = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(function (_ref2) {
   var variant = _ref2.variant;
   return {
     'div': {
@@ -97796,7 +97873,11 @@ var StyledBreadcrumbItem = styled$1('div')(function (_ref2) {
     }
   };
 });
-var StyledClientLogo = styled$1('div')(function (_ref3) {
+var StyledClientLogo = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(function (_ref3) {
   var variant = _ref3.variant;
   return {
     backgroundColor: variant === 'white' ? theme.mainPallete.primary.white : theme.mainPallete.primary.blue,
@@ -97868,7 +97949,8 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     iconName: "icon_ui_chevron_left",
     color: props.variant === 'white' ? 'blue' : 'white',
     style: {
-      cursor: 'pointer'
+      cursor: 'pointer',
+      display: 'flex'
     },
     onClick: onBackArrowClick && typeof onBackArrowClick === "function" ? onBackArrowClick : null
   }) : clientLogo ? /*#__PURE__*/React__namespace.createElement("img", {

package/dist/index.esm.js

@@ -29927,7 +29927,6 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
     id: "icon_sp_warning",
     transform: "translate(7.813)"
   }, /*#__PURE__*/React.createElement("g", {
-    id: "color-1",
     transform: "translate(-0.448 -0.448)"
   }, /*#__PURE__*/React.createElement("g", {
     id: "Group_47569",
@@ -30336,7 +30335,11 @@ var StyledAutocomplete$1 = styled$1(Autocomplete$1)(function (_ref) {
     }
   };
 });
-var StyledWrapper$1 = styled$1('div')(function (_ref2) {
+var StyledWrapper$1 = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref2) {
   var fluid = _ref2.fluid;
   return {
     display: 'flex',
@@ -30458,7 +30461,7 @@ Select.propTypes = {
   disabled: propTypes.exports.bool,
   label: propTypes.exports.string,
   options: propTypes.exports.arrayOf(propTypes.exports.shape({
-    id: propTypes.exports.string.isRequired,
+    id: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]).isRequired,
     label: propTypes.exports.string.isRequired
   })),
   value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.shape({
@@ -30691,7 +30694,11 @@ var Checkbox = /*#__PURE__*/Object.freeze({
 });
 
 var _excluded$V = ["id", "value", "onChange", "label", "disabled", "placeholder", "fluid", "options", "limitTags", "noOptionsText", "forwardedRef"];
-var StyledAutocomplete = styled$1(Autocomplete$1)(function (_ref) {
+var StyledAutocomplete = styled$1(Autocomplete$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'min(100%, calc(268px * 2))',
@@ -30952,7 +30959,7 @@ MultiSelect.propTypes = {
   placeholder: propTypes.exports.string,
   limitTags: propTypes.exports.number,
   options: propTypes.exports.arrayOf(propTypes.exports.shape({
-    id: propTypes.exports.string.isRequired,
+    id: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]).isRequired,
     label: propTypes.exports.string.isRequired
   })),
   value: propTypes.exports.arrayOf(propTypes.exports.shape({
@@ -52909,7 +52916,11 @@ process.env.NODE_ENV !== "production" ? DatePicker$1.propTypes = {
 } : void 0;
 
 var _excluded$b = ["value", "onChange", "label", "fluid", "disabled", "forwardedRef"];
-var StyledDatePicker = styled$1(DatePicker$1)(function (_ref) {
+var StyledDatePicker = styled$1(DatePicker$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'min(100%, 368px)',
@@ -53156,7 +53167,11 @@ DatePicker.propTypes = {
 };
 
 var _excluded$a = ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onBlur", "forwardedRef", "endAdornment"];
-var StyledTextField = styled$1(MuiTextField)(function (_ref) {
+var StyledTextField = styled$1(MuiTextField, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid' || prop !== 'small';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid,
     small = _ref.small;
   return {
@@ -53594,7 +53609,11 @@ AppTileComponent.propTypes = {
 };
 
 var _excluded$8 = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "forwardedRef"];
-var CustomButton = styled$1(Button$2)(function (_ref) {
+var CustomButton = styled$1(Button$2, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'auto',
@@ -53851,9 +53870,16 @@ CustomButtonComponent.propTypes = {
 };
 
 var _excluded$7 = ["color", "disabled", "fluid", "forwardedRef", "icon", "onClick", "text", "type"];
-var CustomIconButton = styled$1(Button$2)(function (_ref) {
+var CustomIconButton = styled$1(Button$2, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
+    minWidth: 0,
+    display: 'flex',
+    columnGap: '8px',
     width: fluid ? '100%' : 'auto',
     borderRadius: '24px',
     fontWeight: 'bold',
@@ -53861,11 +53887,10 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
     border: '2px solid #293072',
     textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
-    padding: '4px 25px 4px 21px',
+    padding: '4px 21px',
     fontSize: '16px',
     lineHeight: '15px',
     '@media(min-width: 1024px)': {
-      padding: '4px 25px 3px 21px',
       fontSize: '12px',
       lineHeight: '16px',
       borderRadius: '24px'
@@ -53876,6 +53901,9 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
         opacity: 0.7
       }
     },
+    span: {
+      margin: 0
+    },
     '&.primary': {
       '&.navy-blue': {
         backgroundColor: theme.mainPallete.primary.blue,
@@ -73387,7 +73415,11 @@ var StyledInfoBar = styled$1('div')(function (_ref) {
     zIndex: 100
   };
 });
-var StyledInfoRow = styled$1('div')(function (_ref2) {
+var StyledInfoRow = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'noLogo';
+  }
+})(function (_ref2) {
   var noLogo = _ref2.noLogo;
   return {
     boxSizing: 'border-box',
@@ -73618,7 +73650,11 @@ CheckboxComponent.propTypes = {
 };
 
 var _excluded$3 = ["fluid", "placeholder", "onSearch", "onBlur", "searchText", "onChange", "onChangeSearchText", "forwardedRef"];
-var StyledSearchBarWrapper = styled$1(Box$1)(function (_ref) {
+var StyledSearchBarWrapper = styled$1(Box$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     boxSizing: 'border-box',
@@ -74011,7 +74047,11 @@ var StyledNoRows = styled$1('tr')(function () {
     padding: '15px'
   };
 });
-var StyledCellContent = styled$1('div')(function (_ref) {
+var StyledCellContent = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'align';
+  }
+})(function (_ref) {
   var align = _ref.align;
   return {
     flexDirection: align === 'right' ? 'row-reverse' : '',
@@ -74239,7 +74279,7 @@ var Table = function Table(props) {
         }
       })));
     }));
-  }), rows.length === 0 && /*#__PURE__*/React__default.createElement(StyledNoRows, null, labelNoRows)))), /*#__PURE__*/React__default.createElement(TablePagination, {
+  }), rows.length === 0 ? /*#__PURE__*/React__default.createElement(StyledNoRows, null, labelNoRows) : null))), /*#__PURE__*/React__default.createElement(TablePagination, {
     count: rows.length,
     page: page,
     rowsPerPage: rowsPerPage,
@@ -96859,7 +96899,11 @@ var StyledModalContainer = styled$1(Box$1)(function (_ref) {
     }
   };
 });
-var StyledModalWrapper = styled$1(Modal$1)(function (_ref2) {
+var StyledModalWrapper = styled$1(Modal$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'isBottomTextButton';
+  }
+})(function (_ref2) {
   var isBottomTextButton = _ref2.isBottomTextButton;
   return {
     '&.MuiModal-root': {
@@ -97043,7 +97087,11 @@ CustomModal.propTypes = {
   type: propTypes.exports.string
 };
 
-var StyledModuleTileWrapper = styled$1(Box$1)(function (_ref) {
+var StyledModuleTileWrapper = styled$1(Box$1, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'fluid';
+  }
+})(function (_ref) {
   var fluid = _ref.fluid;
   return {
     boxSizing: 'border-box',
@@ -97138,6 +97186,10 @@ var StyledLabelAndIconWrapper = styled$1(Box$1)(function () {
 });
 var StyledStepper = styled$1(function (props) {
   return /*#__PURE__*/React__default.createElement(Stepper$1, props);
+}, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'numberOfSteps';
+  }
 })(function (_ref2) {
   var numberOfSteps = _ref2.numberOfSteps;
   return {
@@ -97431,7 +97483,11 @@ RadioGroupComponent.propTypes = {
   value: propTypes.exports.string
 };
 
-var StyledMenu = styled$1('div')(function (_ref) {
+var StyledMenu = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(function (_ref) {
   var variant = _ref.variant;
   return {
     boxSizing: 'border-box',
@@ -97661,7 +97717,24 @@ Tooltip.propTypes = {
 
 var _excluded = ["modalbgcolor", "modaltextcolor"],
   _excluded2 = ["onBackArrowClick", "onLogoClick", "clientLogo", "breadcrumbData", "userData", "menuData", "updateText", "updateAvailable"];
-var StyledTopbar = styled$1('div')(function (_ref) {
+var StyledTopbar = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    switch (prop) {
+      case 'noBreadcrumb':
+        return false;
+      case 'noMenu':
+        return false;
+      case 'fixedTop':
+        return false;
+      case 'menuOpen':
+        return false;
+      case 'variant':
+        return false;
+      default:
+        return true;
+    }
+  }
+})(function (_ref) {
   var noBreadcrumb = _ref.noBreadcrumb,
     noMenu = _ref.noMenu,
     fixedTop = _ref.fixedTop,
@@ -97737,7 +97810,11 @@ var StyledBreadcrumb = styled$1('div')(function () {
     }
   };
 });
-var StyledBreadcrumbItem = styled$1('div')(function (_ref2) {
+var StyledBreadcrumbItem = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(function (_ref2) {
   var variant = _ref2.variant;
   return {
     'div': {
@@ -97776,7 +97853,11 @@ var StyledBreadcrumbItem = styled$1('div')(function (_ref2) {
     }
   };
 });
-var StyledClientLogo = styled$1('div')(function (_ref3) {
+var StyledClientLogo = styled$1('div', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(function (_ref3) {
   var variant = _ref3.variant;
   return {
     backgroundColor: variant === 'white' ? theme.mainPallete.primary.white : theme.mainPallete.primary.blue,
@@ -97848,7 +97929,8 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     iconName: "icon_ui_chevron_left",
     color: props.variant === 'white' ? 'blue' : 'white',
     style: {
-      cursor: 'pointer'
+      cursor: 'pointer',
+      display: 'flex'
     },
     onClick: onBackArrowClick && typeof onBackArrowClick === "function" ? onBackArrowClick : null
   }) : clientLogo ? /*#__PURE__*/React.createElement("img", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.0.76",
+  "version": "0.0.77",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",