@rabex-kit/rabex-ui 0.2.26 → 0.2.27
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/SwipeableDrawer/index.d.ts +1 -1
- package/dist/rabex-ui.cjs.development.js +30 -26
- 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 +30 -26
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ export declare type SwipeableDrawerProps = MuiSwipeableDrawerProps;
|
|
|
7
7
|
* You can read Material-UI SwipeableDrawer Documentation [here](https://mui.com/material-ui/api/swipeable-drawer/).
|
|
8
8
|
*
|
|
9
9
|
* ```typescript
|
|
10
|
-
* import { SwipeableDrawer } from '@rabex-kit/
|
|
10
|
+
* import { SwipeableDrawer } from '@rabex-kit/rabex-ui';
|
|
11
11
|
* ```
|
|
12
12
|
* @param props
|
|
13
13
|
* @returns
|
|
@@ -3271,23 +3271,22 @@ var RabexTabs = {
|
|
|
3271
3271
|
backgroundColor: 'unset'
|
|
3272
3272
|
} : {
|
|
3273
3273
|
'& .MuiTabs-flexContainer': {
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3274
|
+
gap: theme.spacing(2),
|
|
3275
|
+
'& .MuiTab-root': {
|
|
3276
|
+
borderRadius: theme.spacing(2),
|
|
3277
|
+
backgroundColor: theme.palette.secondary[500],
|
|
3278
|
+
color: theme.palette.textColor[900],
|
|
3279
|
+
'&:hover': {
|
|
3280
|
+
backgroundColor: theme.palette.primary[600],
|
|
3281
|
+
color: theme.palette.textColor[50]
|
|
3282
|
+
}
|
|
3283
|
+
},
|
|
3284
|
+
'& .MuiTab-root.Mui-selected': {
|
|
3285
|
+
borderRadius: theme.spacing(2),
|
|
3286
|
+
backgroundColor: theme.palette.primary[500],
|
|
3283
3287
|
color: theme.palette.textColor[50]
|
|
3284
3288
|
}
|
|
3285
3289
|
},
|
|
3286
|
-
'& .MuiTab-root.Mui-selected': {
|
|
3287
|
-
borderRadius: theme.spacing(2),
|
|
3288
|
-
backgroundColor: theme.palette.primary[500],
|
|
3289
|
-
color: theme.palette.textColor[50]
|
|
3290
|
-
},
|
|
3291
3290
|
backgroundColor: 'transparent'
|
|
3292
3291
|
};
|
|
3293
3292
|
// Size-specific styles
|
|
@@ -5942,7 +5941,7 @@ var Stepper = function Stepper(props) {
|
|
|
5942
5941
|
* You can read Material-UI SwipeableDrawer Documentation [here](https://mui.com/material-ui/api/swipeable-drawer/).
|
|
5943
5942
|
*
|
|
5944
5943
|
* ```typescript
|
|
5945
|
-
* import { SwipeableDrawer } from '@rabex-kit/
|
|
5944
|
+
* import { SwipeableDrawer } from '@rabex-kit/rabex-ui';
|
|
5946
5945
|
* ```
|
|
5947
5946
|
* @param props
|
|
5948
5947
|
* @returns
|
|
@@ -6114,30 +6113,32 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
|
|
|
6114
6113
|
minHeight: 'unset',
|
|
6115
6114
|
display: 'flex',
|
|
6116
6115
|
backgroundColor: theme.palette.backgroundColor[200],
|
|
6117
|
-
|
|
6118
|
-
// '& .MuiTabs-root': {
|
|
6119
|
-
// padding: theme.spacing(1),
|
|
6120
|
-
// },
|
|
6116
|
+
padding: theme.spacing(0),
|
|
6121
6117
|
'& .MuiTabs-fixed': {
|
|
6122
|
-
padding: theme.spacing(
|
|
6118
|
+
padding: theme.spacing(1)
|
|
6123
6119
|
},
|
|
6124
6120
|
'& .MuiTabs-flexContainer': {
|
|
6125
|
-
gap: theme.spacing(1)
|
|
6121
|
+
gap: theme.spacing(1),
|
|
6122
|
+
'& .MuiTab-root.Mui-selected': {
|
|
6123
|
+
backgroundColor: theme.palette.base[50],
|
|
6124
|
+
color: theme.palette.textColor[900]
|
|
6125
|
+
}
|
|
6126
6126
|
}
|
|
6127
6127
|
}, ownerState.size === 'sm' && {
|
|
6128
6128
|
height: theme.spacing(8),
|
|
6129
6129
|
borderRadius: theme.spacing(2),
|
|
6130
|
-
|
|
6130
|
+
// padding: theme.spacing(1),
|
|
6131
|
+
'& .MuiTab-root': {
|
|
6131
6132
|
borderRadius: theme.spacing(1),
|
|
6132
6133
|
height: theme.spacing(6),
|
|
6133
6134
|
padding: theme.spacing(0, 3)
|
|
6134
6135
|
},
|
|
6135
|
-
'
|
|
6136
|
-
color: 'inherit',
|
|
6136
|
+
'& .MuiTab-root.Mui-selected': {
|
|
6137
6137
|
borderRadius: theme.spacing(1),
|
|
6138
6138
|
height: theme.spacing(6)
|
|
6139
6139
|
}
|
|
6140
6140
|
}, ownerState.size === 'md' && {
|
|
6141
|
+
// padding: theme.spacing(1),
|
|
6141
6142
|
height: theme.spacing(12),
|
|
6142
6143
|
borderRadius: theme.spacing(3),
|
|
6143
6144
|
'& .MuiTab-root': {
|
|
@@ -6146,11 +6147,13 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
|
|
|
6146
6147
|
padding: theme.spacing(2, 3)
|
|
6147
6148
|
},
|
|
6148
6149
|
'& .MuiTab-root.Mui-selected': {
|
|
6149
|
-
|
|
6150
|
+
// backgroundColor: theme.palette.base[50],
|
|
6151
|
+
// color: theme.palette.textColor[900],
|
|
6150
6152
|
borderRadius: theme.spacing(2),
|
|
6151
6153
|
height: theme.spacing(10)
|
|
6152
6154
|
}
|
|
6153
6155
|
}, ownerState.size === 'lg' && {
|
|
6156
|
+
// padding: theme.spacing(1),
|
|
6154
6157
|
height: theme.spacing(14),
|
|
6155
6158
|
borderRadius: theme.spacing(3),
|
|
6156
6159
|
'& .MuiTab-root': {
|
|
@@ -6159,7 +6162,8 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
|
|
|
6159
6162
|
padding: theme.spacing(3, 4)
|
|
6160
6163
|
},
|
|
6161
6164
|
'& .MuiTab-root.Mui-selected': {
|
|
6162
|
-
|
|
6165
|
+
// backgroundColor: theme.palette.base[50],
|
|
6166
|
+
// color: theme.palette.textColor[900],
|
|
6163
6167
|
borderRadius: theme.spacing(2),
|
|
6164
6168
|
height: theme.spacing(12)
|
|
6165
6169
|
}
|