@rabex-kit/rabex-ui 0.2.0 → 0.2.2
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/Container/index.d.ts +1 -1
- package/dist/Theme/Container/index.d.ts +12 -0
- package/dist/Theme/TextField/index.d.ts +8 -0
- package/dist/rabex-ui.cjs.development.js +17 -1
- 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 +17 -1
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ export declare type ContainerProps = MuiContainerProps;
|
|
|
8
8
|
* You can read Material-UI Container Documentation [here](https://mui.com/material-ui/api/Container/).
|
|
9
9
|
*
|
|
10
10
|
* ```typescript
|
|
11
|
-
* import { Container } from '@rabex-kit/
|
|
11
|
+
* import { Container } from '@rabex-kit/rabex-ui';
|
|
12
12
|
* ```
|
|
13
13
|
*
|
|
14
14
|
*
|
|
@@ -5,6 +5,18 @@ declare const _default: {
|
|
|
5
5
|
'&.MuiContainer-root': {
|
|
6
6
|
padding: number;
|
|
7
7
|
};
|
|
8
|
+
'@media (min-width: 1200px)': {
|
|
9
|
+
maxWidth: string;
|
|
10
|
+
};
|
|
11
|
+
'@media (min-width: 1440px)': {
|
|
12
|
+
maxWidth: string;
|
|
13
|
+
};
|
|
14
|
+
'@media (min-width: 1536px)': {
|
|
15
|
+
maxWidth: string;
|
|
16
|
+
};
|
|
17
|
+
'@media (min-width: 1920px)': {
|
|
18
|
+
maxWidth: string;
|
|
19
|
+
};
|
|
8
20
|
};
|
|
9
21
|
};
|
|
10
22
|
};
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import { Theme } from '@mui/material';
|
|
2
|
+
declare module '@mui/material/TextField' {
|
|
3
|
+
interface TextFieldPropsSizeOverrides {
|
|
4
|
+
sm: true;
|
|
5
|
+
md: true;
|
|
6
|
+
lg: true;
|
|
7
|
+
xl: true;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
2
10
|
declare const _default: {
|
|
3
11
|
components: {
|
|
4
12
|
defaultProps?: Partial<import("@mui/material").FilledTextFieldProps> | Partial<import("@mui/material").StandardTextFieldProps> | Partial<import("@mui/material").OutlinedTextFieldProps> | undefined;
|
|
@@ -3168,6 +3168,9 @@ var RabexTabs = {
|
|
|
3168
3168
|
/// remove the separation border
|
|
3169
3169
|
'& .MuiTab-root::after': {
|
|
3170
3170
|
display: 'none'
|
|
3171
|
+
},
|
|
3172
|
+
'& .MuiTabs-flexContainer': {
|
|
3173
|
+
height: '100%'
|
|
3171
3174
|
}
|
|
3172
3175
|
};
|
|
3173
3176
|
// Mode-specific styles
|
|
@@ -4818,6 +4821,19 @@ var RabexContainer = {
|
|
|
4818
4821
|
root: {
|
|
4819
4822
|
'&.MuiContainer-root': {
|
|
4820
4823
|
padding: 0
|
|
4824
|
+
},
|
|
4825
|
+
// These styles will apply to all containers
|
|
4826
|
+
'@media (min-width: 1200px)': {
|
|
4827
|
+
maxWidth: '928px'
|
|
4828
|
+
},
|
|
4829
|
+
'@media (min-width: 1440px)': {
|
|
4830
|
+
maxWidth: '1168px'
|
|
4831
|
+
},
|
|
4832
|
+
'@media (min-width: 1536px)': {
|
|
4833
|
+
maxWidth: '1264px'
|
|
4834
|
+
},
|
|
4835
|
+
'@media (min-width: 1920px)': {
|
|
4836
|
+
maxWidth: '1376px'
|
|
4821
4837
|
}
|
|
4822
4838
|
}
|
|
4823
4839
|
}
|
|
@@ -5094,7 +5110,7 @@ var Collapse = function Collapse(_ref) {
|
|
|
5094
5110
|
* You can read Material-UI Container Documentation [here](https://mui.com/material-ui/api/Container/).
|
|
5095
5111
|
*
|
|
5096
5112
|
* ```typescript
|
|
5097
|
-
* import { Container } from '@rabex-kit/
|
|
5113
|
+
* import { Container } from '@rabex-kit/rabex-ui';
|
|
5098
5114
|
* ```
|
|
5099
5115
|
*
|
|
5100
5116
|
*
|