@xelto.npm/xc2-lib 1.0.21 → 1.0.22

package/dist/index.cjs.js

@@ -37453,7 +37453,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 +37463,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 +37606,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 +37750,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 +37760,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 +37801,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 +37926,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 +55875,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 +55885,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 +56227,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 +56240,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 +56258,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,9 +76559,9 @@ function uuid() {
 
 var uuid_1 = uuid;
 
-var _excluded$6 = ["buttons", "top", "topAlign"];
+var _excluded$6 = ["buttons", "top", "topAlign", "position"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
-  _objectDestructuringEmpty(_ref);
+  var $position = _ref.$position;
   return {
     boxSizing: 'border-box',
     width: '100%',
@@ -76563,10 +76575,11 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'center',
     alignItems: 'center',
     padding: '0 18px',
-    position: 'fixed',
+    position: $position || 'fixed',
     bottom: 0,
     left: 0,
     zIndex: 5,
+    marginTop: 'auto !important',
     '@media(max-width: 479px)': {
       padding: '0 8px'
     },
@@ -76660,9 +76673,13 @@ 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 ? 'fixed' : _ref5$position,
     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({}, props, {
+    $position: position
+  }), /*#__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 +76732,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 +102414,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 +102424,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 +102439,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

@@ -37433,7 +37433,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 +37443,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 +37586,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 +37730,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 +37740,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 +37781,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 +37906,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 +55855,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 +55865,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 +56207,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 +56220,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 +56238,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,9 +76539,9 @@ function uuid() {
 
 var uuid_1 = uuid;
 
-var _excluded$6 = ["buttons", "top", "topAlign"];
+var _excluded$6 = ["buttons", "top", "topAlign", "position"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
-  _objectDestructuringEmpty(_ref);
+  var $position = _ref.$position;
   return {
     boxSizing: 'border-box',
     width: '100%',
@@ -76543,10 +76555,11 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'center',
     alignItems: 'center',
     padding: '0 18px',
-    position: 'fixed',
+    position: $position || 'fixed',
     bottom: 0,
     left: 0,
     zIndex: 5,
+    marginTop: 'auto !important',
     '@media(max-width: 479px)': {
       padding: '0 8px'
     },
@@ -76640,9 +76653,13 @@ 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 ? 'fixed' : _ref5$position,
     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({}, props, {
+    $position: position
+  }), /*#__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 +76712,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 +102394,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 +102404,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 +102419,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.22",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",