@xelto.npm/xc2-lib 1.0.21 → 1.0.23

package/dist/index.cjs.js

@@ -36680,39 +36680,44 @@ var _g$N;
 function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 var SvgIconWfInfoV2 = function SvgIconWfInfoV2(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
-    id: "icon_wf_info-v2",
+    id: "icon_wf_info-v3",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 45,
-    height: 45,
-    viewBox: "0 0 45 45"
+    width: 46,
+    height: 46,
+    viewBox: "0 0 46 46"
   }, props), _g$N || (_g$N = /*#__PURE__*/React__namespace.createElement("g", {
-    id: "icon_wf_info_v2"
-  }, /*#__PURE__*/React__namespace.createElement("g", {
-    id: "Group_48011",
-    "data-name": "Group 48011"
+    id: "_icon_wf_info-v3",
+    "data-name": " icon_wf_info-v3"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     id: "color-1",
-    transform: "translate(1.497 8.427)"
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
-    id: "Path_85849",
-    "data-name": "Path 85849",
-    d: "M44.2,30.818c-6.618-8.186-13.529-12.353-20.584-12.4H23.4q-.461,0-.922.027C10.968,19.1,3.611,30.47,3.3,30.951l-.5.789.5.789c.307.486,7.665,11.854,19.171,12.5.116,0,.232,0,.352.009h.147c.178,0,.352.013.53.013h.116c.236,0,.472-.009.7-.027,6.8-.312,13.48-4.456,19.88-12.371l.749-.922-.749-.922Zm-10.557.922A10.3,10.3,0,0,1,24.137,42.1c-.053,0-.111.009-.165.009-.094,0-.183,0-.276.009-.254,0-.508,0-.762-.013a10.4,10.4,0,0,1-.013-20.726c.258-.009.517-.018.771-.013.1,0,.2,0,.3.009.036,0,.071,0,.1,0A10.29,10.29,0,0,1,33.647,31.74Zm-27.309,0a32.322,32.322,0,0,1,5.3-5.6,13.5,13.5,0,0,0,0,11.2,32.321,32.321,0,0,1-5.3-5.6Zm28.971,5.744a13.539,13.539,0,0,0,0-11.488,40.749,40.749,0,0,1,5.847,5.744,40.5,40.5,0,0,1-5.842,5.744Z",
-    transform: "translate(-2.8 -18.42)",
+    id: "Path_85852",
+    "data-name": "Path 85852",
+    d: "M24.942,48.85c-.284,0-.565-.008-.849-.021C12.15,48.193,4.543,34.385,4.225,33.8l-.355-.657.355-.657c.318-.59,7.92-14.394,19.868-15.034,7.582-.406,15.029,4.613,22.109,14.908l.539.782-.539.782C39.386,43.831,32.239,48.85,24.942,48.85ZM7.04,33.139c1.614,2.655,8.18,12.458,17.208,12.934,6.373.335,12.809-4.015,19.132-12.934-6.093-8.6-12.295-12.951-18.446-12.951-.23,0-.456,0-.686.017C15.219,20.681,8.654,30.483,7.04,33.139Z",
+    transform: "translate(-3.87 -17.426)",
+    fill: "#293072"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    id: "Path_85853",
+    "data-name": "Path 85853",
+    d: "M41.979,51.274a9.523,9.523,0,1,1,9.359-9.522A9.454,9.454,0,0,1,41.979,51.274Zm0-16.288a6.764,6.764,0,1,0,6.6,6.762A6.689,6.689,0,0,0,41.979,34.986Z",
+    transform: "translate(-20.597 -26.039)",
     fill: "#293072"
   })), /*#__PURE__*/React__namespace.createElement("g", {
-    id: "color-2"
+    id: "color-2",
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
-    id: "Rectangle_22941",
-    "data-name": "Rectangle 22941",
-    width: 2.968,
-    height: 2.968,
-    transform: "translate(20.717 19.982)",
+    id: "Rectangle_22945",
+    "data-name": "Rectangle 22945",
+    width: 2.066,
+    height: 2.066,
+    transform: "translate(20.349 14.68)",
     fill: "#e42127"
-  }))), /*#__PURE__*/React__namespace.createElement("rect", {
-    id: "Rectangle_22942",
-    "data-name": "Rectangle 22942",
-    width: 45,
-    height: 45,
+  })), /*#__PURE__*/React__namespace.createElement("rect", {
+    id: "Rectangle_22946",
+    "data-name": "Rectangle 22946",
+    width: 46,
+    height: 46,
     fill: "none"
   }))));
 };
@@ -37453,7 +37458,7 @@ var StyledAutocomplete$1 = styled$1(Autocomplete$1)({
   '& label': {
     zIndex: 0,
     color: theme.mainPallete.primary.placeholderText,
-    transform: 'translate(20px,15px) scale(1)',
+    transform: 'translate(20px,13px) scale(1)',
     '&.Mui-focused, &[data-shrink="true"]': {
       color: theme.mainPallete.primary.blue,
       transform: 'translate(15px, -7px) scale(0.75)'
@@ -37463,13 +37468,16 @@ var StyledAutocomplete$1 = styled$1(Autocomplete$1)({
     }
   },
   '& label, .MuiOutlinedInput-root': {
-    fontSize: 13,
+    fontSize: 15,
     fontWeight: theme.fontWeight.regular,
     fontFamily: theme.fontFamily
   },
+  '& .MuiOutlinedInput-root': {
+    fontWeight: theme.fontWeight.medium
+  },
   '.MuiOutlinedInput-root': {
     color: theme.mainPallete.primary.blue,
-    padding: '7.5px 75px 7.5px 9px !important',
+    padding: '6px 75px 6px 9px !important',
     borderRadius: 7,
     '&.Mui-focused': {
       '.MuiOutlinedInput-notchedOutline': {
@@ -37603,9 +37611,9 @@ var StyledPaper$1 = styled$1(Paper$2)({
   borderRadius: '7px !important',
   translate: '0 -1.5px',
   '.MuiAutocomplete-listbox': {
-    fontSize: 13,
+    fontSize: 15,
     margin: '8px 8px !important',
-    fontWeight: theme.fontWeight.regular,
+    fontWeight: theme.fontWeight.medium,
     fontFamily: theme.fontFamily,
     color: theme.mainPallete.primary.blue,
     padding: '0 !important',
@@ -37747,7 +37755,7 @@ var StyledAutocomplete = styled$1(Autocomplete$1, {
     '& label': {
       zIndex: 0,
       color: theme.mainPallete.primary.placeholderText,
-      transform: 'translate(20px,15px) scale(1)',
+      transform: 'translate(20px,13px) scale(1)',
       '&.Mui-focused, &[data-shrink="true"]': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -37757,13 +37765,16 @@ var StyledAutocomplete = styled$1(Autocomplete$1, {
       }
     },
     '& label, .MuiOutlinedInput-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily
     },
+    '& .MuiOutlinedInput-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     '.MuiOutlinedInput-root': {
       color: theme.mainPallete.primary.blue,
-      padding: '7.5px 0 7.5px 9px ',
+      padding: '6px 0 6px 9px ',
       borderRadius: 7,
       '&.Mui-focused': {
         '.MuiOutlinedInput-notchedOutline': {
@@ -37795,7 +37806,7 @@ var StyledAutocomplete = styled$1(Autocomplete$1, {
     '.MuiChip-root': {
       backgroundColor: '#E7EAF3',
       color: theme.mainPallete.primary.blue,
-      fontSize: 11,
+      fontSize: 13,
       height: 28,
       borderRadius: 16,
       'svg': {
@@ -37920,9 +37931,9 @@ var StyledPaper = styled$1(Paper$2)(function () {
     borderRadius: '7px !important',
     translate: '0 -1.5px',
     '.MuiAutocomplete-listbox': {
-      fontSize: 13,
+      fontSize: 15,
       margin: '16px 8px !important',
-      fontWeight: theme.fontWeight.regular,
+      fontWeight: theme.fontWeight.medium,
       fontFamily: theme.fontFamily,
       color: theme.mainPallete.primary.blue,
       padding: '0 !important',
@@ -55869,7 +55880,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
     label: {
       zIndex: 0,
       color: theme.mainPallete.primary.placeholderText,
-      transform: 'translate(20px,15px) scale(1)',
+      transform: 'translate(20px,13.5px) scale(1)',
       '&.Mui-focused, &[data-shrink="true"]': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -55879,16 +55890,19 @@ var StyledDatePicker = styled$1(DatePicker$1, {
       }
     },
     '& label, .MuiOutlinedInput-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily
     },
+    '& .MuiOutlinedInput-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     '.MuiOutlinedInput-root': {
       borderRadius: 7,
       color: theme.mainPallete.primary.blue,
       paddingRight: 15,
       input: {
-        padding: '15px 0 15px 20px'
+        padding: '13.5px 0 13.5px 20px'
       },
       '&.Mui-focused': {
         '.MuiOutlinedInput-notchedOutline': {
@@ -56218,7 +56232,7 @@ var StyledTextField = styled$1(TextField$3, {
       color: theme.mainPallete.primary.placeholderText,
       fontWeight: theme.fontWeight.regular,
       zIndex: '1',
-      transform: small ? 'translate(20px,7px) scale(1)' : 'translate(20px,15px) scale(1)',
+      transform: small ? 'translate(20px,6.1px) scale(1)' : 'translate(20px,13.5px) scale(1)',
       '&.Mui-focused, &.MuiFormLabel-filled': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -56231,11 +56245,14 @@ var StyledTextField = styled$1(TextField$3, {
       }
     },
     '& label, .MuiOutlinedInput-root, .MuiTypography-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily,
       paddingRight: 15
     },
+    '& .MuiOutlinedInput-root, .MuiTypography-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     'div.MuiInputAdornment-root': {
       zIndex: 10,
       p: {
@@ -56246,7 +56263,7 @@ var StyledTextField = styled$1(TextField$3, {
       }
     },
     '.MuiOutlinedInput-input': {
-      padding: small ? '7.5px 0 7.5px 15px' : '15px 0 15px 15px',
+      padding: small ? '6.1px 0 6.1px 15px' : '13.5px 0 13.5px 15px',
       transition: 'transform 0.3s ease-in-out',
       transform: isFocused ? 'translateX(-10px)' : 'translateX(0)',
       '&::-webkit-outer-spin-button,::-webkit-inner-spin-button': {
@@ -76547,14 +76564,14 @@ function uuid() {
 
 var uuid_1 = uuid;
 
-var _excluded$6 = ["buttons", "top", "topAlign"];
+var _excluded$6 = ["buttons", "top", "topAlign", "position", "width"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
-  _objectDestructuringEmpty(_ref);
+  var $position = _ref.$position,
+    $width = _ref.$width;
   return {
     boxSizing: 'border-box',
-    width: '100%',
-    // height: '53px',
-    minHeight: '53px',
+    width: $width || '100vw',
+    // minHeight: '53px',
     backgroundColor: theme.mainPallete.primary.white,
     boxShadow: '0 -3px 6px rgba(0,0,0,0.1)',
     display: 'flex',
@@ -76563,17 +76580,21 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'center',
     alignItems: 'center',
     padding: '0 18px',
-    position: 'fixed',
+    position: $position || 'sticky',
+    // top: '100%',
     bottom: 0,
     left: 0,
     zIndex: 5,
+    marginTop: 'auto !important',
+    '@media(max-height: 320px)': {
+      position: 'relative'
+    },
     '@media(max-width: 479px)': {
       padding: '0 8px'
     },
-    '@media(min-width: 480px)': {
-      // height: '80px',
-      minHeight: '80px'
-    },
+    // '@media(min-width: 480px)': {
+    //     minHeight: '80px',
+    // },
     'button': {
       minWidth: 'unset'
     }
@@ -76660,9 +76681,18 @@ var BottomBarComponent = function BottomBarComponent(_ref5) {
     top = _ref5.top,
     _ref5$topAlign = _ref5.topAlign,
     topAlign = _ref5$topAlign === void 0 ? 'center' : _ref5$topAlign,
+    _ref5$position = _ref5.position,
+    position = _ref5$position === void 0 ? 'sticky' : _ref5$position,
+    _ref5$width = _ref5.width,
+    width = _ref5$width === void 0 ? '100vw' : _ref5$width,
     props = _objectWithoutProperties$1(_ref5, _excluded$6);
   var isHelperElementString = typeof top === 'string';
-  return /*#__PURE__*/React.createElement(StyledBottomBarWrapper, props, /*#__PURE__*/React.createElement(StyledButtonsWrapper$1, null, buttons.map(function (item) {
+  return /*#__PURE__*/React.createElement(StyledBottomBarWrapper, _extends$1k({
+    className: "bottom-bar"
+  }, props, {
+    $position: position,
+    $width: width
+  }), /*#__PURE__*/React.createElement(StyledButtonsWrapper$1, null, buttons.map(function (item) {
     var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
     var fluid = (item === null || item === void 0 ? void 0 : item.fluid) !== undefined ? item.fluid : true;
     var onClick = (item === null || item === void 0 ? void 0 : item.onClick) || '';
@@ -76715,7 +76745,8 @@ BottomBarComponent.propTypes = {
     size: propTypesExports.string
   })),
   top: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.elementType]),
-  topAlign: propTypesExports.string
+  topAlign: propTypesExports.string,
+  position: propTypesExports.string
 };
 
 var StyledInfoBar = styled$1('div')(function (_ref) {
@@ -102396,7 +102427,7 @@ var StyledTimePicker = styled$1(MobileTimePicker, {
     label: {
       zIndex: 0,
       color: theme.mainPallete.primary.placeholderText,
-      transform: 'translate(20px,15px) scale(1)',
+      transform: 'translate(20px,13.5px) scale(1)',
       '&.Mui-focused, &[data-shrink="true"]': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -102406,10 +102437,13 @@ var StyledTimePicker = styled$1(MobileTimePicker, {
       }
     },
     '& label, .MuiOutlinedInput-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily
     },
+    '& .MuiOutlinedInput-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     '.MuiDialog-container': {
       backgroundColor: 'indigo'
     },
@@ -102418,7 +102452,7 @@ var StyledTimePicker = styled$1(MobileTimePicker, {
       color: theme.mainPallete.primary.blue,
       paddingRight: 20,
       input: {
-        padding: '15px 0 15px 20px'
+        padding: '13.5px 0 13.5px 20px'
       },
       '&.Mui-focused': {
         '.MuiOutlinedInput-notchedOutline': {

package/dist/index.esm.js

@@ -36660,39 +36660,44 @@ var _g$N;
 function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 var SvgIconWfInfoV2 = function SvgIconWfInfoV2(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
-    id: "icon_wf_info-v2",
+    id: "icon_wf_info-v3",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 45,
-    height: 45,
-    viewBox: "0 0 45 45"
+    width: 46,
+    height: 46,
+    viewBox: "0 0 46 46"
   }, props), _g$N || (_g$N = /*#__PURE__*/React.createElement("g", {
-    id: "icon_wf_info_v2"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Group_48011",
-    "data-name": "Group 48011"
+    id: "_icon_wf_info-v3",
+    "data-name": " icon_wf_info-v3"
   }, /*#__PURE__*/React.createElement("g", {
     id: "color-1",
-    transform: "translate(1.497 8.427)"
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React.createElement("path", {
-    id: "Path_85849",
-    "data-name": "Path 85849",
-    d: "M44.2,30.818c-6.618-8.186-13.529-12.353-20.584-12.4H23.4q-.461,0-.922.027C10.968,19.1,3.611,30.47,3.3,30.951l-.5.789.5.789c.307.486,7.665,11.854,19.171,12.5.116,0,.232,0,.352.009h.147c.178,0,.352.013.53.013h.116c.236,0,.472-.009.7-.027,6.8-.312,13.48-4.456,19.88-12.371l.749-.922-.749-.922Zm-10.557.922A10.3,10.3,0,0,1,24.137,42.1c-.053,0-.111.009-.165.009-.094,0-.183,0-.276.009-.254,0-.508,0-.762-.013a10.4,10.4,0,0,1-.013-20.726c.258-.009.517-.018.771-.013.1,0,.2,0,.3.009.036,0,.071,0,.1,0A10.29,10.29,0,0,1,33.647,31.74Zm-27.309,0a32.322,32.322,0,0,1,5.3-5.6,13.5,13.5,0,0,0,0,11.2,32.321,32.321,0,0,1-5.3-5.6Zm28.971,5.744a13.539,13.539,0,0,0,0-11.488,40.749,40.749,0,0,1,5.847,5.744,40.5,40.5,0,0,1-5.842,5.744Z",
-    transform: "translate(-2.8 -18.42)",
+    id: "Path_85852",
+    "data-name": "Path 85852",
+    d: "M24.942,48.85c-.284,0-.565-.008-.849-.021C12.15,48.193,4.543,34.385,4.225,33.8l-.355-.657.355-.657c.318-.59,7.92-14.394,19.868-15.034,7.582-.406,15.029,4.613,22.109,14.908l.539.782-.539.782C39.386,43.831,32.239,48.85,24.942,48.85ZM7.04,33.139c1.614,2.655,8.18,12.458,17.208,12.934,6.373.335,12.809-4.015,19.132-12.934-6.093-8.6-12.295-12.951-18.446-12.951-.23,0-.456,0-.686.017C15.219,20.681,8.654,30.483,7.04,33.139Z",
+    transform: "translate(-3.87 -17.426)",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Path_85853",
+    "data-name": "Path 85853",
+    d: "M41.979,51.274a9.523,9.523,0,1,1,9.359-9.522A9.454,9.454,0,0,1,41.979,51.274Zm0-16.288a6.764,6.764,0,1,0,6.6,6.762A6.689,6.689,0,0,0,41.979,34.986Z",
+    transform: "translate(-20.597 -26.039)",
     fill: "#293072"
   })), /*#__PURE__*/React.createElement("g", {
-    id: "color-2"
+    id: "color-2",
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React.createElement("rect", {
-    id: "Rectangle_22941",
-    "data-name": "Rectangle 22941",
-    width: 2.968,
-    height: 2.968,
-    transform: "translate(20.717 19.982)",
+    id: "Rectangle_22945",
+    "data-name": "Rectangle 22945",
+    width: 2.066,
+    height: 2.066,
+    transform: "translate(20.349 14.68)",
     fill: "#e42127"
-  }))), /*#__PURE__*/React.createElement("rect", {
-    id: "Rectangle_22942",
-    "data-name": "Rectangle 22942",
-    width: 45,
-    height: 45,
+  })), /*#__PURE__*/React.createElement("rect", {
+    id: "Rectangle_22946",
+    "data-name": "Rectangle 22946",
+    width: 46,
+    height: 46,
     fill: "none"
   }))));
 };
@@ -37433,7 +37438,7 @@ var StyledAutocomplete$1 = styled$1(Autocomplete$1)({
   '& label': {
     zIndex: 0,
     color: theme.mainPallete.primary.placeholderText,
-    transform: 'translate(20px,15px) scale(1)',
+    transform: 'translate(20px,13px) scale(1)',
     '&.Mui-focused, &[data-shrink="true"]': {
       color: theme.mainPallete.primary.blue,
       transform: 'translate(15px, -7px) scale(0.75)'
@@ -37443,13 +37448,16 @@ var StyledAutocomplete$1 = styled$1(Autocomplete$1)({
     }
   },
   '& label, .MuiOutlinedInput-root': {
-    fontSize: 13,
+    fontSize: 15,
     fontWeight: theme.fontWeight.regular,
     fontFamily: theme.fontFamily
   },
+  '& .MuiOutlinedInput-root': {
+    fontWeight: theme.fontWeight.medium
+  },
   '.MuiOutlinedInput-root': {
     color: theme.mainPallete.primary.blue,
-    padding: '7.5px 75px 7.5px 9px !important',
+    padding: '6px 75px 6px 9px !important',
     borderRadius: 7,
     '&.Mui-focused': {
       '.MuiOutlinedInput-notchedOutline': {
@@ -37583,9 +37591,9 @@ var StyledPaper$1 = styled$1(Paper$2)({
   borderRadius: '7px !important',
   translate: '0 -1.5px',
   '.MuiAutocomplete-listbox': {
-    fontSize: 13,
+    fontSize: 15,
     margin: '8px 8px !important',
-    fontWeight: theme.fontWeight.regular,
+    fontWeight: theme.fontWeight.medium,
     fontFamily: theme.fontFamily,
     color: theme.mainPallete.primary.blue,
     padding: '0 !important',
@@ -37727,7 +37735,7 @@ var StyledAutocomplete = styled$1(Autocomplete$1, {
     '& label': {
       zIndex: 0,
       color: theme.mainPallete.primary.placeholderText,
-      transform: 'translate(20px,15px) scale(1)',
+      transform: 'translate(20px,13px) scale(1)',
       '&.Mui-focused, &[data-shrink="true"]': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -37737,13 +37745,16 @@ var StyledAutocomplete = styled$1(Autocomplete$1, {
       }
     },
     '& label, .MuiOutlinedInput-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily
     },
+    '& .MuiOutlinedInput-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     '.MuiOutlinedInput-root': {
       color: theme.mainPallete.primary.blue,
-      padding: '7.5px 0 7.5px 9px ',
+      padding: '6px 0 6px 9px ',
       borderRadius: 7,
       '&.Mui-focused': {
         '.MuiOutlinedInput-notchedOutline': {
@@ -37775,7 +37786,7 @@ var StyledAutocomplete = styled$1(Autocomplete$1, {
     '.MuiChip-root': {
       backgroundColor: '#E7EAF3',
       color: theme.mainPallete.primary.blue,
-      fontSize: 11,
+      fontSize: 13,
       height: 28,
       borderRadius: 16,
       'svg': {
@@ -37900,9 +37911,9 @@ var StyledPaper = styled$1(Paper$2)(function () {
     borderRadius: '7px !important',
     translate: '0 -1.5px',
     '.MuiAutocomplete-listbox': {
-      fontSize: 13,
+      fontSize: 15,
       margin: '16px 8px !important',
-      fontWeight: theme.fontWeight.regular,
+      fontWeight: theme.fontWeight.medium,
       fontFamily: theme.fontFamily,
       color: theme.mainPallete.primary.blue,
       padding: '0 !important',
@@ -55849,7 +55860,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
     label: {
       zIndex: 0,
       color: theme.mainPallete.primary.placeholderText,
-      transform: 'translate(20px,15px) scale(1)',
+      transform: 'translate(20px,13.5px) scale(1)',
       '&.Mui-focused, &[data-shrink="true"]': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -55859,16 +55870,19 @@ var StyledDatePicker = styled$1(DatePicker$1, {
       }
     },
     '& label, .MuiOutlinedInput-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily
     },
+    '& .MuiOutlinedInput-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     '.MuiOutlinedInput-root': {
       borderRadius: 7,
       color: theme.mainPallete.primary.blue,
       paddingRight: 15,
       input: {
-        padding: '15px 0 15px 20px'
+        padding: '13.5px 0 13.5px 20px'
       },
       '&.Mui-focused': {
         '.MuiOutlinedInput-notchedOutline': {
@@ -56198,7 +56212,7 @@ var StyledTextField = styled$1(TextField$3, {
       color: theme.mainPallete.primary.placeholderText,
       fontWeight: theme.fontWeight.regular,
       zIndex: '1',
-      transform: small ? 'translate(20px,7px) scale(1)' : 'translate(20px,15px) scale(1)',
+      transform: small ? 'translate(20px,6.1px) scale(1)' : 'translate(20px,13.5px) scale(1)',
       '&.Mui-focused, &.MuiFormLabel-filled': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -56211,11 +56225,14 @@ var StyledTextField = styled$1(TextField$3, {
       }
     },
     '& label, .MuiOutlinedInput-root, .MuiTypography-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily,
       paddingRight: 15
     },
+    '& .MuiOutlinedInput-root, .MuiTypography-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     'div.MuiInputAdornment-root': {
       zIndex: 10,
       p: {
@@ -56226,7 +56243,7 @@ var StyledTextField = styled$1(TextField$3, {
       }
     },
     '.MuiOutlinedInput-input': {
-      padding: small ? '7.5px 0 7.5px 15px' : '15px 0 15px 15px',
+      padding: small ? '6.1px 0 6.1px 15px' : '13.5px 0 13.5px 15px',
       transition: 'transform 0.3s ease-in-out',
       transform: isFocused ? 'translateX(-10px)' : 'translateX(0)',
       '&::-webkit-outer-spin-button,::-webkit-inner-spin-button': {
@@ -76527,14 +76544,14 @@ function uuid() {
 
 var uuid_1 = uuid;
 
-var _excluded$6 = ["buttons", "top", "topAlign"];
+var _excluded$6 = ["buttons", "top", "topAlign", "position", "width"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
-  _objectDestructuringEmpty(_ref);
+  var $position = _ref.$position,
+    $width = _ref.$width;
   return {
     boxSizing: 'border-box',
-    width: '100%',
-    // height: '53px',
-    minHeight: '53px',
+    width: $width || '100vw',
+    // minHeight: '53px',
     backgroundColor: theme.mainPallete.primary.white,
     boxShadow: '0 -3px 6px rgba(0,0,0,0.1)',
     display: 'flex',
@@ -76543,17 +76560,21 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'center',
     alignItems: 'center',
     padding: '0 18px',
-    position: 'fixed',
+    position: $position || 'sticky',
+    // top: '100%',
     bottom: 0,
     left: 0,
     zIndex: 5,
+    marginTop: 'auto !important',
+    '@media(max-height: 320px)': {
+      position: 'relative'
+    },
     '@media(max-width: 479px)': {
       padding: '0 8px'
     },
-    '@media(min-width: 480px)': {
-      // height: '80px',
-      minHeight: '80px'
-    },
+    // '@media(min-width: 480px)': {
+    //     minHeight: '80px',
+    // },
     'button': {
       minWidth: 'unset'
     }
@@ -76640,9 +76661,18 @@ var BottomBarComponent = function BottomBarComponent(_ref5) {
     top = _ref5.top,
     _ref5$topAlign = _ref5.topAlign,
     topAlign = _ref5$topAlign === void 0 ? 'center' : _ref5$topAlign,
+    _ref5$position = _ref5.position,
+    position = _ref5$position === void 0 ? 'sticky' : _ref5$position,
+    _ref5$width = _ref5.width,
+    width = _ref5$width === void 0 ? '100vw' : _ref5$width,
     props = _objectWithoutProperties$1(_ref5, _excluded$6);
   var isHelperElementString = typeof top === 'string';
-  return /*#__PURE__*/React__default.createElement(StyledBottomBarWrapper, props, /*#__PURE__*/React__default.createElement(StyledButtonsWrapper$1, null, buttons.map(function (item) {
+  return /*#__PURE__*/React__default.createElement(StyledBottomBarWrapper, _extends$1k({
+    className: "bottom-bar"
+  }, props, {
+    $position: position,
+    $width: width
+  }), /*#__PURE__*/React__default.createElement(StyledButtonsWrapper$1, null, buttons.map(function (item) {
     var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
     var fluid = (item === null || item === void 0 ? void 0 : item.fluid) !== undefined ? item.fluid : true;
     var onClick = (item === null || item === void 0 ? void 0 : item.onClick) || '';
@@ -76695,7 +76725,8 @@ BottomBarComponent.propTypes = {
     size: propTypesExports.string
   })),
   top: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.elementType]),
-  topAlign: propTypesExports.string
+  topAlign: propTypesExports.string,
+  position: propTypesExports.string
 };
 
 var StyledInfoBar = styled$1('div')(function (_ref) {
@@ -102376,7 +102407,7 @@ var StyledTimePicker = styled$1(MobileTimePicker, {
     label: {
       zIndex: 0,
       color: theme.mainPallete.primary.placeholderText,
-      transform: 'translate(20px,15px) scale(1)',
+      transform: 'translate(20px,13.5px) scale(1)',
       '&.Mui-focused, &[data-shrink="true"]': {
         color: theme.mainPallete.primary.blue,
         transform: 'translate(15px,-7px) scale(0.75)'
@@ -102386,10 +102417,13 @@ var StyledTimePicker = styled$1(MobileTimePicker, {
       }
     },
     '& label, .MuiOutlinedInput-root': {
-      fontSize: 13,
+      fontSize: 15,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily
     },
+    '& .MuiOutlinedInput-root': {
+      fontWeight: theme.fontWeight.medium
+    },
     '.MuiDialog-container': {
       backgroundColor: 'indigo'
     },
@@ -102398,7 +102432,7 @@ var StyledTimePicker = styled$1(MobileTimePicker, {
       color: theme.mainPallete.primary.blue,
       paddingRight: 20,
       input: {
-        padding: '15px 0 15px 20px'
+        padding: '13.5px 0 13.5px 20px'
       },
       '&.Mui-focused': {
         '.MuiOutlinedInput-notchedOutline': {

package/package.json

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