@rabex-kit/rabex-ui 0.1.26 → 0.1.28

package/dist/rabex-ui.cjs.development.js

@@ -1322,7 +1322,8 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     value = _ref2.value,
     onChange = _ref2.onChange,
     valueFormat = _ref2.valueFormat,
-    valueFormatOption = _ref2.valueFormatOption;
+    valueFormatOption = _ref2.valueFormatOption,
+    fullWidth = _ref2.fullWidth;
   if (!valueFormat && !!valueFormatOption) {
     console.warn("'valueFormatOption' Only Work With known 'valueFormat's...");
   }
@@ -1344,7 +1345,8 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   };
   return React__default.createElement(Stack, {
     flexDirection: "column",
-    gap: props.size === 'sm' ? 1 : 2
+    gap: props.size === 'sm' ? 1 : 2,
+    width: fullWidth ? '100%' : 'unset'
   }, title && React__default.createElement(Typography, Object.assign({
     color: mode === 'light' ? 'textColor.A80' : 'textColor.A30'
   }, titleProps), title), React__default.createElement(MuiInputStyled, Object.assign({
@@ -2274,10 +2276,7 @@ var TabPanel = function TabPanel(_ref) {
  * @returns
  */
 var Tabs = /*#__PURE__*/styled(MuiTabs, {
-  name: 'MuiTabs',
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !['hasBorder', 'isSeprate', 'size', 'mode'].includes(prop);
-  }
+  name: 'MuiTabs'
 })(function () {
   return {};
 });
@@ -3151,17 +3150,26 @@ var RabexTabs = {
           },
           backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A100 : theme.palette.secondary.A100
         }, ownerState.size === 'sm' && {
+          '& .MuiTabs-fixed': {
+            padding: theme.spacing(1, 2),
+            marginBottom: theme.spacing(2)
+          },
           height: theme.spacing(8),
-          borderRadius: theme.spacing(2),
-          padding: theme.spacing(1, 4)
+          borderRadius: theme.spacing(2)
         }, ownerState.size === 'md' && {
-          height: theme.spacing(12),
-          borderRadius: theme.spacing(3),
-          padding: theme.spacing(2, 3)
+          '& .MuiTabs-fixed': {
+            padding: theme.spacing(2, 4),
+            marginBottom: theme.spacing(2)
+          },
+          height: theme.spacing(10),
+          borderRadius: theme.spacing(2)
         }, ownerState.size === 'lg' && {
-          height: theme.spacing(14),
-          borderRadius: theme.spacing(3),
-          padding: theme.spacing(3, 4)
+          '& .MuiTabs-fixed': {
+            padding: theme.spacing(3, 4),
+            marginBottom: theme.spacing(3)
+          },
+          height: theme.spacing(12),
+          borderRadius: theme.spacing(3)
         }, ownerState.mode === 'underline' && {
           '& .MuiTab-root.Mui-selected': {
             borderRadius: 4,
@@ -3189,8 +3197,11 @@ var RabexTabs = {
           }
         });
       },
-      indicator: {
-        display: 'show'
+      indicator: function indicator(_ref2) {
+        var ownerState = _ref2.ownerState;
+        return {
+          display: ownerState.mode === 'underline' ? 'show' : 'none'
+        };
       }
     },
     variants: []