@rabex-kit/rabex-ui 0.1.26 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1317,7 +1317,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
1317
1317
  value = _ref2.value,
1318
1318
  onChange = _ref2.onChange,
1319
1319
  valueFormat = _ref2.valueFormat,
1320
- valueFormatOption = _ref2.valueFormatOption;
1320
+ valueFormatOption = _ref2.valueFormatOption,
1321
+ fullWidth = _ref2.fullWidth;
1321
1322
  if (!valueFormat && !!valueFormatOption) {
1322
1323
  console.warn("'valueFormatOption' Only Work With known 'valueFormat's...");
1323
1324
  }
@@ -1339,7 +1340,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
1339
1340
  };
1340
1341
  return React.createElement(Stack, {
1341
1342
  flexDirection: "column",
1342
- gap: props.size === 'sm' ? 1 : 2
1343
+ gap: props.size === 'sm' ? 1 : 2,
1344
+ width: fullWidth ? '100%' : 'unset'
1343
1345
  }, title && React.createElement(Typography, Object.assign({
1344
1346
  color: mode === 'light' ? 'textColor.A80' : 'textColor.A30'
1345
1347
  }, titleProps), title), React.createElement(MuiInputStyled, Object.assign({
@@ -2269,10 +2271,7 @@ var TabPanel = function TabPanel(_ref) {
2269
2271
  * @returns
2270
2272
  */
2271
2273
  var Tabs = /*#__PURE__*/styled(MuiTabs, {
2272
- name: 'MuiTabs',
2273
- shouldForwardProp: function shouldForwardProp(prop) {
2274
- return !['hasBorder', 'isSeprate', 'size', 'mode'].includes(prop);
2275
- }
2274
+ name: 'MuiTabs'
2276
2275
  })(function () {
2277
2276
  return {};
2278
2277
  });
@@ -3146,17 +3145,26 @@ var RabexTabs = {
3146
3145
  },
3147
3146
  backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A100 : theme.palette.secondary.A100
3148
3147
  }, ownerState.size === 'sm' && {
3148
+ '& .MuiTabs-fixed': {
3149
+ padding: theme.spacing(1, 2),
3150
+ marginBottom: theme.spacing(2)
3151
+ },
3149
3152
  height: theme.spacing(8),
3150
- borderRadius: theme.spacing(2),
3151
- padding: theme.spacing(1, 4)
3153
+ borderRadius: theme.spacing(2)
3152
3154
  }, ownerState.size === 'md' && {
3153
- height: theme.spacing(12),
3154
- borderRadius: theme.spacing(3),
3155
- padding: theme.spacing(2, 3)
3155
+ '& .MuiTabs-fixed': {
3156
+ padding: theme.spacing(2, 4),
3157
+ marginBottom: theme.spacing(2)
3158
+ },
3159
+ height: theme.spacing(10),
3160
+ borderRadius: theme.spacing(2)
3156
3161
  }, ownerState.size === 'lg' && {
3157
- height: theme.spacing(14),
3158
- borderRadius: theme.spacing(3),
3159
- padding: theme.spacing(3, 4)
3162
+ '& .MuiTabs-fixed': {
3163
+ padding: theme.spacing(3, 4),
3164
+ marginBottom: theme.spacing(3)
3165
+ },
3166
+ height: theme.spacing(12),
3167
+ borderRadius: theme.spacing(3)
3160
3168
  }, ownerState.mode === 'underline' && {
3161
3169
  '& .MuiTab-root.Mui-selected': {
3162
3170
  borderRadius: 4,
@@ -3184,8 +3192,11 @@ var RabexTabs = {
3184
3192
  }
3185
3193
  });
3186
3194
  },
3187
- indicator: {
3188
- display: 'show'
3195
+ indicator: function indicator(_ref2) {
3196
+ var ownerState = _ref2.ownerState;
3197
+ return {
3198
+ display: ownerState.mode === 'underline' ? 'show' : 'none'
3199
+ };
3189
3200
  }
3190
3201
  },
3191
3202
  variants: []