@xelto.npm/xc2-lib 1.0.11 → 1.0.13

package/dist/index.cjs.js

@@ -55713,7 +55713,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
     '.MuiOutlinedInput-root': {
       borderRadius: 7,
       color: theme.mainPallete.primary.blue,
-      paddingRight: 20,
+      paddingRight: 15,
       input: {
         padding: '15px 0 15px 20px'
       },
@@ -55730,7 +55730,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
       }
     },
     '@media(min-width: 480px)': {
-      width: fluid ? '100%' : 'min(100%, 468px)',
+      width: fluid ? '100%' : 'min(100%, 368px)',
       '& label': {
         transform: 'translate(20px,17px) scale(1)',
         '&.Mui-focused, &.MuiFormLabel-filled': {
@@ -55739,11 +55739,6 @@ var StyledDatePicker = styled$1(DatePicker$1, {
       },
       '& label, .MuiOutlinedInput-root': {
         fontSize: 21
-      },
-      '.MuiOutlinedInput-root': {
-        input: {
-          padding: '19px 0 19px 20px'
-        }
       }
     },
     '@media(min-width: 720px)': {
@@ -55775,6 +55770,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
         fontSize: 16
       },
       '.MuiOutlinedInput-root': {
+        paddingRight: 20,
         input: {
           padding: '11px 0 11px 20px'
         }
@@ -55992,7 +55988,7 @@ DatePicker.propTypes = {
   })])
 };
 
-var _excluded$b = ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onClick", "onBlur", "forwardedRef", "inputRef", "isFocused", "endAdornment"];
+var _excluded$b = ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onClick", "onBlur", "forwardedRef", "inputRef", "isFocused", "endAdornment", "uppercase"];
 var StyledTextField = styled$1(TextField$3, {
   shouldForwardProp: function shouldForwardProp(prop) {
     switch (prop) {
@@ -56213,7 +56209,7 @@ var TextField = function TextField(_ref2) {
     _ref2$value = _ref2.value,
     value = _ref2$value === void 0 ? undefined : _ref2$value,
     _ref2$onChange = _ref2.onChange,
-    onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
+    _onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
     _ref2$onClick = _ref2.onClick,
     onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
     _ref2$onBlur = _ref2.onBlur,
@@ -56224,11 +56220,15 @@ var TextField = function TextField(_ref2) {
     isFocused = _ref2.isFocused,
     _ref2$endAdornment = _ref2.endAdornment,
     endAdornment = _ref2$endAdornment === void 0 ? '' : _ref2$endAdornment,
+    _ref2$uppercase = _ref2.uppercase,
+    uppercase = _ref2$uppercase === void 0 ? false : _ref2$uppercase,
     props = _objectWithoutProperties$1(_ref2, _excluded$b);
   var parsedValue = type === 'number' ? parseFloat(value) : value;
   return /*#__PURE__*/React__namespace.createElement(StyledTextField, _extends$1g({}, props, {
     value: parsedValue,
-    onChange: onChange,
+    onChange: function onChange(e) {
+      return _onChange(uppercase ? e.target.value.toUpperCase() : e.target.value);
+    },
     onClick: onClick,
     label: label,
     type: type,
@@ -100263,13 +100263,16 @@ var TableRow = styled$1('tr')(function () {
       backgroundColor: 'rgba(22, 199, 165,0.11) !important'
     },
     '&.highlight-green': {
-      backgroundColor: 'rgba(201,224,27, 0.33)'
+      backgroundColor: 'rgba(183,208,102, 1)'
     },
     '&.highlight-red': {
-      backgroundColor: 'rgba(224,95,27,0.33)'
+      backgroundColor: 'rgba(255,113,98,1)'
     },
     '&.highlight-orange': {
-      backgroundColor: 'rgba(255,166,44,0.33)'
+      backgroundColor: 'rgba(255,166,44,1)'
+    },
+    '&.highlight-yellow': {
+      backgroundColor: 'rgba(255,230,92,1)'
     },
     'td': {
       fontFamily: theme.fontFamily,

package/dist/index.esm.js

@@ -55693,7 +55693,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
     '.MuiOutlinedInput-root': {
       borderRadius: 7,
       color: theme.mainPallete.primary.blue,
-      paddingRight: 20,
+      paddingRight: 15,
       input: {
         padding: '15px 0 15px 20px'
       },
@@ -55710,7 +55710,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
       }
     },
     '@media(min-width: 480px)': {
-      width: fluid ? '100%' : 'min(100%, 468px)',
+      width: fluid ? '100%' : 'min(100%, 368px)',
       '& label': {
         transform: 'translate(20px,17px) scale(1)',
         '&.Mui-focused, &.MuiFormLabel-filled': {
@@ -55719,11 +55719,6 @@ var StyledDatePicker = styled$1(DatePicker$1, {
       },
       '& label, .MuiOutlinedInput-root': {
         fontSize: 21
-      },
-      '.MuiOutlinedInput-root': {
-        input: {
-          padding: '19px 0 19px 20px'
-        }
       }
     },
     '@media(min-width: 720px)': {
@@ -55755,6 +55750,7 @@ var StyledDatePicker = styled$1(DatePicker$1, {
         fontSize: 16
       },
       '.MuiOutlinedInput-root': {
+        paddingRight: 20,
         input: {
           padding: '11px 0 11px 20px'
         }
@@ -55972,7 +55968,7 @@ DatePicker.propTypes = {
   })])
 };
 
-var _excluded$b = ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onClick", "onBlur", "forwardedRef", "inputRef", "isFocused", "endAdornment"];
+var _excluded$b = ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onClick", "onBlur", "forwardedRef", "inputRef", "isFocused", "endAdornment", "uppercase"];
 var StyledTextField = styled$1(TextField$3, {
   shouldForwardProp: function shouldForwardProp(prop) {
     switch (prop) {
@@ -56193,7 +56189,7 @@ var TextField = function TextField(_ref2) {
     _ref2$value = _ref2.value,
     value = _ref2$value === void 0 ? undefined : _ref2$value,
     _ref2$onChange = _ref2.onChange,
-    onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
+    _onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
     _ref2$onClick = _ref2.onClick,
     onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
     _ref2$onBlur = _ref2.onBlur,
@@ -56204,11 +56200,15 @@ var TextField = function TextField(_ref2) {
     isFocused = _ref2.isFocused,
     _ref2$endAdornment = _ref2.endAdornment,
     endAdornment = _ref2$endAdornment === void 0 ? '' : _ref2$endAdornment,
+    _ref2$uppercase = _ref2.uppercase,
+    uppercase = _ref2$uppercase === void 0 ? false : _ref2$uppercase,
     props = _objectWithoutProperties$1(_ref2, _excluded$b);
   var parsedValue = type === 'number' ? parseFloat(value) : value;
   return /*#__PURE__*/React.createElement(StyledTextField, _extends$1g({}, props, {
     value: parsedValue,
-    onChange: onChange,
+    onChange: function onChange(e) {
+      return _onChange(uppercase ? e.target.value.toUpperCase() : e.target.value);
+    },
     onClick: onClick,
     label: label,
     type: type,
@@ -100243,13 +100243,16 @@ var TableRow = styled$1('tr')(function () {
       backgroundColor: 'rgba(22, 199, 165,0.11) !important'
     },
     '&.highlight-green': {
-      backgroundColor: 'rgba(201,224,27, 0.33)'
+      backgroundColor: 'rgba(183,208,102, 1)'
     },
     '&.highlight-red': {
-      backgroundColor: 'rgba(224,95,27,0.33)'
+      backgroundColor: 'rgba(255,113,98,1)'
     },
     '&.highlight-orange': {
-      backgroundColor: 'rgba(255,166,44,0.33)'
+      backgroundColor: 'rgba(255,166,44,1)'
+    },
+    '&.highlight-yellow': {
+      backgroundColor: 'rgba(255,230,92,1)'
     },
     'td': {
       fontFamily: theme.fontFamily,

package/package.json

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