@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.
- package/dist/Theme/Tabs/index.d.ts +452 -113
- package/dist/rabex-ui.cjs.development.js +27 -16
- package/dist/rabex-ui.cjs.development.js.map +1 -1
- package/dist/rabex-ui.cjs.production.min.js +1 -1
- package/dist/rabex-ui.cjs.production.min.js.map +1 -1
- package/dist/rabex-ui.esm.js +27 -16
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/rabex-ui.esm.js
CHANGED
@@ -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
|
-
|
3154
|
-
|
3155
|
-
|
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
|
-
|
3158
|
-
|
3159
|
-
|
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
|
-
|
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: []
|