@xelto.npm/xc2-lib 1.0.42 → 1.0.43

package/dist/index.cjs.js

@@ -75188,10 +75188,10 @@ var CustomButton = styled$1(Button$2, {
         borderRadius: "49px"
       },
       "@media(min-width: 1024px)": {
-        padding: "9px 25px 10px 25px",
-        fontSize: "12px",
-        lineHeight: "16px",
-        borderRadius: "31px"
+        padding: "34px 30px",
+        fontSize: "32px",
+        lineHeight: "32px",
+        borderRadius: "49px"
       }
     },
     "&.small": {
@@ -75213,10 +75213,10 @@ var CustomButton = styled$1(Button$2, {
         borderRadius: "34px"
       },
       "@media(min-width: 1024px)": {
-        padding: "3px 25px 4px 25px",
-        fontSize: "12px",
-        lineHeight: "16px",
-        borderRadius: "24px"
+        padding: "19px 30px",
+        fontSize: "32px",
+        lineHeight: "32px",
+        borderRadius: "34px"
       }
     }
   };
@@ -99738,7 +99738,15 @@ var RowCountBar = styled$1('div')({
   fontSize: 13,
   lineHeight: '17px',
   justifyContent: 'end',
-  alignItems: 'center'
+  alignItems: 'center',
+  '@media(min-width: 720px)': {
+    fontSize: '16px',
+    lineHeight: '32px'
+  },
+  '@media(min-width: 1024px)': {
+    fontSize: '24px',
+    lineHeight: '43px'
+  }
 });
 var StyledCustomTable = styled$1(Box$1, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -99793,7 +99801,13 @@ var StyledCustomTable = styled$1(Box$1, {
       }
     },
     '.search-bar-custom': {
-      width: '100%'
+      width: '100%',
+      '@media(min-width: 720px)': {
+        padding: '8px 0 8px 10px'
+      },
+      '@media(min-width: 1024px)': {
+        padding: '12px 0 12px 10px'
+      }
     },
     '.MuiTableBody-root': {
       'tr td div': {
@@ -99892,6 +99906,14 @@ var StyledCustomTable = styled$1(Box$1, {
               fontSize: '16px',
               lineHeight: '21px'
             },
+            '@media(min-width:720px)': {
+              fontSize: '24px',
+              lineHeight: '32px'
+            },
+            '@media(min-width:1024px)': {
+              fontSize: '32px',
+              lineHeight: '43px'
+            },
             '&:first-child': {
               borderRadius: '15px 0 0 0',
               whiteSpace: noLeftWrap ? 'nowrap!important' : 'normal!important',
@@ -99956,10 +99978,10 @@ var TableRow = styled$1('tr')(function () {
       borderWidth: '0 0 1.5px 0',
       borderColor: '#DBE0F2',
       borderStyle: 'solid',
-      '@media(min-width: 480px)': {
-        padding: '25px 10px',
-        verticalAlign: 'top'
-      },
+      // '@media(min-width: 480px)': {
+      //     padding: '25px 10px',
+      //     verticalAlign: 'top',
+      // },
       'div.MuiTextField-root': {
         borderWidth: '0px',
         'input': {
@@ -100025,8 +100047,7 @@ var TableRow = styled$1('tr')(function () {
           lineHeight: '25px'
         },
         '@media(min-width: 1024px)': {
-          padding: '9px 25px 10px 25px',
-          fontSize: '12px',
+          fontSize: '32px',
           lineHeight: '16px'
         }
       }
@@ -100058,7 +100079,8 @@ var RenderTextField = /*#__PURE__*/React.memo(function (_ref2) {
     small: true,
     id: id,
     style: {
-      display: 'block'
+      display: 'block',
+      width: '100%'
     },
     onChange: function onChange(e) {
       var nextArray = _toConsumableArray(tableData);

package/dist/index.esm.js

@@ -75168,10 +75168,10 @@ var CustomButton = styled$1(Button$2, {
         borderRadius: "49px"
       },
       "@media(min-width: 1024px)": {
-        padding: "9px 25px 10px 25px",
-        fontSize: "12px",
-        lineHeight: "16px",
-        borderRadius: "31px"
+        padding: "34px 30px",
+        fontSize: "32px",
+        lineHeight: "32px",
+        borderRadius: "49px"
       }
     },
     "&.small": {
@@ -75193,10 +75193,10 @@ var CustomButton = styled$1(Button$2, {
         borderRadius: "34px"
       },
       "@media(min-width: 1024px)": {
-        padding: "3px 25px 4px 25px",
-        fontSize: "12px",
-        lineHeight: "16px",
-        borderRadius: "24px"
+        padding: "19px 30px",
+        fontSize: "32px",
+        lineHeight: "32px",
+        borderRadius: "34px"
       }
     }
   };
@@ -99718,7 +99718,15 @@ var RowCountBar = styled$1('div')({
   fontSize: 13,
   lineHeight: '17px',
   justifyContent: 'end',
-  alignItems: 'center'
+  alignItems: 'center',
+  '@media(min-width: 720px)': {
+    fontSize: '16px',
+    lineHeight: '32px'
+  },
+  '@media(min-width: 1024px)': {
+    fontSize: '24px',
+    lineHeight: '43px'
+  }
 });
 var StyledCustomTable = styled$1(Box$1, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -99773,7 +99781,13 @@ var StyledCustomTable = styled$1(Box$1, {
       }
     },
     '.search-bar-custom': {
-      width: '100%'
+      width: '100%',
+      '@media(min-width: 720px)': {
+        padding: '8px 0 8px 10px'
+      },
+      '@media(min-width: 1024px)': {
+        padding: '12px 0 12px 10px'
+      }
     },
     '.MuiTableBody-root': {
       'tr td div': {
@@ -99872,6 +99886,14 @@ var StyledCustomTable = styled$1(Box$1, {
               fontSize: '16px',
               lineHeight: '21px'
             },
+            '@media(min-width:720px)': {
+              fontSize: '24px',
+              lineHeight: '32px'
+            },
+            '@media(min-width:1024px)': {
+              fontSize: '32px',
+              lineHeight: '43px'
+            },
             '&:first-child': {
               borderRadius: '15px 0 0 0',
               whiteSpace: noLeftWrap ? 'nowrap!important' : 'normal!important',
@@ -99936,10 +99958,10 @@ var TableRow = styled$1('tr')(function () {
       borderWidth: '0 0 1.5px 0',
       borderColor: '#DBE0F2',
       borderStyle: 'solid',
-      '@media(min-width: 480px)': {
-        padding: '25px 10px',
-        verticalAlign: 'top'
-      },
+      // '@media(min-width: 480px)': {
+      //     padding: '25px 10px',
+      //     verticalAlign: 'top',
+      // },
       'div.MuiTextField-root': {
         borderWidth: '0px',
         'input': {
@@ -100005,8 +100027,7 @@ var TableRow = styled$1('tr')(function () {
           lineHeight: '25px'
         },
         '@media(min-width: 1024px)': {
-          padding: '9px 25px 10px 25px',
-          fontSize: '12px',
+          fontSize: '32px',
           lineHeight: '16px'
         }
       }
@@ -100038,7 +100059,8 @@ var RenderTextField = /*#__PURE__*/React__default.memo(function (_ref2) {
     small: true,
     id: id,
     style: {
-      display: 'block'
+      display: 'block',
+      width: '100%'
     },
     onChange: function onChange(e) {
       var nextArray = _toConsumableArray(tableData);

package/package.json

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