@rabex-kit/rabex-ui 0.2.0 → 0.2.1
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/rabex-ui.cjs.development.js +14 -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 +14 -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
|
};
|
@@ -4818,6 +4818,19 @@ var RabexContainer = {
|
|
4818
4818
|
root: {
|
4819
4819
|
'&.MuiContainer-root': {
|
4820
4820
|
padding: 0
|
4821
|
+
},
|
4822
|
+
// These styles will apply to all containers
|
4823
|
+
'@media (min-width: 1200px)': {
|
4824
|
+
maxWidth: '928px'
|
4825
|
+
},
|
4826
|
+
'@media (min-width: 1440px)': {
|
4827
|
+
maxWidth: '1168px'
|
4828
|
+
},
|
4829
|
+
'@media (min-width: 1536px)': {
|
4830
|
+
maxWidth: '1264px'
|
4831
|
+
},
|
4832
|
+
'@media (min-width: 1920px)': {
|
4833
|
+
maxWidth: '1376px'
|
4821
4834
|
}
|
4822
4835
|
}
|
4823
4836
|
}
|
@@ -5094,7 +5107,7 @@ var Collapse = function Collapse(_ref) {
|
|
5094
5107
|
* You can read Material-UI Container Documentation [here](https://mui.com/material-ui/api/Container/).
|
5095
5108
|
*
|
5096
5109
|
* ```typescript
|
5097
|
-
* import { Container } from '@rabex-kit/
|
5110
|
+
* import { Container } from '@rabex-kit/rabex-ui';
|
5098
5111
|
* ```
|
5099
5112
|
*
|
5100
5113
|
*
|