@mui/system 7.0.0-alpha.2 → 7.0.0-beta.0
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/CHANGELOG.md +42 -0
- package/Grid/createGrid.js +4 -0
- package/Grid/deleteLegacyGridProps.js +47 -0
- package/esm/Grid/createGrid.js +4 -0
- package/esm/Grid/deleteLegacyGridProps.d.ts +11 -0
- package/esm/Grid/deleteLegacyGridProps.js +41 -0
- package/esm/index.js +1 -1
- package/esm/version/index.js +2 -2
- package/index.js +1 -1
- package/modern/Grid/createGrid.js +4 -0
- package/modern/Grid/deleteLegacyGridProps.js +41 -0
- package/modern/index.js +1 -1
- package/modern/version/index.js +2 -2
- package/package.json +5 -6
- package/tsconfig.build.tsbuildinfo +1 -1
- package/version/index.js +2 -2
- package/Box/Box.d.ts +0 -72
- package/Box/boxClasses.d.ts +0 -7
- package/Box/index.d.ts +0 -4
- package/CSSProperties.d.ts +0 -7
- package/Container/Container.d.ts +0 -13
- package/Container/ContainerProps.d.ts +0 -40
- package/Container/containerClasses.d.ts +0 -22
- package/Container/createContainer.d.ts +0 -18
- package/Container/index.d.ts +0 -4
- package/DefaultPropsProvider/DefaultPropsProvider.d.ts +0 -18
- package/DefaultPropsProvider/index.d.ts +0 -1
- package/GlobalStyles/GlobalStyles.d.ts +0 -17
- package/GlobalStyles/index.d.ts +0 -2
- package/Grid/Grid.d.ts +0 -13
- package/Grid/GridProps.d.ts +0 -103
- package/Grid/createGrid.d.ts +0 -13
- package/Grid/gridClasses.d.ts +0 -20
- package/Grid/gridGenerator.d.ts +0 -42
- package/Grid/index.d.ts +0 -7
- package/Grid/traverseBreakpoints.d.ts +0 -7
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +0 -51
- package/InitColorSchemeScript/index.d.ts +0 -2
- package/RtlProvider/index.d.ts +0 -8
- package/Stack/Stack.d.ts +0 -14
- package/Stack/StackProps.d.ts +0 -53
- package/Stack/createStack.d.ts +0 -24
- package/Stack/index.d.ts +0 -5
- package/Stack/stackClasses.d.ts +0 -8
- package/ThemeProvider/ThemeProvider.d.ts +0 -24
- package/ThemeProvider/index.d.ts +0 -2
- package/borders/borders.d.ts +0 -13
- package/borders/index.d.ts +0 -2
- package/breakpoints/breakpoints.d.ts +0 -19
- package/breakpoints/index.d.ts +0 -2
- package/colorManipulator/colorManipulator.d.ts +0 -25
- package/colorManipulator/index.d.ts +0 -1
- package/compose/compose.d.ts +0 -2
- package/compose/index.d.ts +0 -1
- package/createBox/createBox.d.ts +0 -9
- package/createBox/index.d.ts +0 -1
- package/createBreakpoints/createBreakpoints.d.ts +0 -78
- package/createBreakpoints/index.d.ts +0 -3
- package/createStyled/createStyled.d.ts +0 -27
- package/createStyled/index.d.ts +0 -2
- package/createTheme/applyStyles.d.ts +0 -67
- package/createTheme/createSpacing.d.ts +0 -10
- package/createTheme/createTheme.d.ts +0 -54
- package/createTheme/index.d.ts +0 -4
- package/createTheme/shape.d.ts +0 -6
- package/cssContainerQueries/cssContainerQueries.d.ts +0 -23
- package/cssContainerQueries/index.d.ts +0 -3
- package/cssGrid/cssGrid.d.ts +0 -2
- package/cssGrid/index.d.ts +0 -2
- package/cssVars/createCssVarsProvider.d.ts +0 -129
- package/cssVars/createCssVarsTheme.d.ts +0 -15
- package/cssVars/createGetCssVar.d.ts +0 -5
- package/cssVars/cssVarsParser.d.ts +0 -64
- package/cssVars/getColorSchemeSelector.d.ts +0 -1
- package/cssVars/index.d.ts +0 -7
- package/cssVars/prepareCssVars.d.ts +0 -16
- package/cssVars/prepareTypographyVars.d.ts +0 -4
- package/cssVars/useCurrentColorScheme.d.ts +0 -54
- package/display/display.d.ts +0 -2
- package/display/index.d.ts +0 -2
- package/flexbox/flexbox.d.ts +0 -2
- package/flexbox/index.d.ts +0 -2
- package/getThemeValue/getThemeValue.d.ts +0 -1
- package/getThemeValue/index.d.ts +0 -2
- package/index.d.ts +0 -79
- package/memoTheme.d.ts +0 -12
- package/memoize/index.d.ts +0 -1
- package/memoize/memoize.d.ts +0 -1
- package/merge/index.d.ts +0 -1
- package/merge/merge.d.ts +0 -1
- package/modern/Box/Box.d.ts +0 -72
- package/modern/Box/boxClasses.d.ts +0 -7
- package/modern/Box/index.d.ts +0 -4
- package/modern/CSSProperties.d.ts +0 -7
- package/modern/Container/Container.d.ts +0 -13
- package/modern/Container/ContainerProps.d.ts +0 -40
- package/modern/Container/containerClasses.d.ts +0 -22
- package/modern/Container/createContainer.d.ts +0 -18
- package/modern/Container/index.d.ts +0 -4
- package/modern/DefaultPropsProvider/DefaultPropsProvider.d.ts +0 -18
- package/modern/DefaultPropsProvider/index.d.ts +0 -1
- package/modern/GlobalStyles/GlobalStyles.d.ts +0 -17
- package/modern/GlobalStyles/index.d.ts +0 -2
- package/modern/Grid/Grid.d.ts +0 -13
- package/modern/Grid/GridProps.d.ts +0 -103
- package/modern/Grid/createGrid.d.ts +0 -13
- package/modern/Grid/gridClasses.d.ts +0 -20
- package/modern/Grid/gridGenerator.d.ts +0 -42
- package/modern/Grid/index.d.ts +0 -7
- package/modern/Grid/traverseBreakpoints.d.ts +0 -7
- package/modern/InitColorSchemeScript/InitColorSchemeScript.d.ts +0 -51
- package/modern/InitColorSchemeScript/index.d.ts +0 -2
- package/modern/RtlProvider/index.d.ts +0 -8
- package/modern/Stack/Stack.d.ts +0 -14
- package/modern/Stack/StackProps.d.ts +0 -53
- package/modern/Stack/createStack.d.ts +0 -24
- package/modern/Stack/index.d.ts +0 -5
- package/modern/Stack/stackClasses.d.ts +0 -8
- package/modern/ThemeProvider/ThemeProvider.d.ts +0 -24
- package/modern/ThemeProvider/index.d.ts +0 -2
- package/modern/borders/borders.d.ts +0 -13
- package/modern/borders/index.d.ts +0 -2
- package/modern/breakpoints/breakpoints.d.ts +0 -19
- package/modern/breakpoints/index.d.ts +0 -2
- package/modern/colorManipulator/colorManipulator.d.ts +0 -25
- package/modern/colorManipulator/index.d.ts +0 -1
- package/modern/compose/compose.d.ts +0 -2
- package/modern/compose/index.d.ts +0 -1
- package/modern/createBox/createBox.d.ts +0 -9
- package/modern/createBox/index.d.ts +0 -1
- package/modern/createBreakpoints/createBreakpoints.d.ts +0 -78
- package/modern/createBreakpoints/index.d.ts +0 -3
- package/modern/createStyled/createStyled.d.ts +0 -27
- package/modern/createStyled/index.d.ts +0 -2
- package/modern/createTheme/applyStyles.d.ts +0 -67
- package/modern/createTheme/createSpacing.d.ts +0 -10
- package/modern/createTheme/createTheme.d.ts +0 -54
- package/modern/createTheme/index.d.ts +0 -4
- package/modern/createTheme/shape.d.ts +0 -6
- package/modern/cssContainerQueries/cssContainerQueries.d.ts +0 -23
- package/modern/cssContainerQueries/index.d.ts +0 -3
- package/modern/cssGrid/cssGrid.d.ts +0 -2
- package/modern/cssGrid/index.d.ts +0 -2
- package/modern/cssVars/createCssVarsProvider.d.ts +0 -129
- package/modern/cssVars/createCssVarsTheme.d.ts +0 -15
- package/modern/cssVars/createGetCssVar.d.ts +0 -5
- package/modern/cssVars/cssVarsParser.d.ts +0 -64
- package/modern/cssVars/getColorSchemeSelector.d.ts +0 -1
- package/modern/cssVars/index.d.ts +0 -7
- package/modern/cssVars/prepareCssVars.d.ts +0 -16
- package/modern/cssVars/prepareTypographyVars.d.ts +0 -4
- package/modern/cssVars/useCurrentColorScheme.d.ts +0 -54
- package/modern/display/display.d.ts +0 -2
- package/modern/display/index.d.ts +0 -2
- package/modern/flexbox/flexbox.d.ts +0 -2
- package/modern/flexbox/index.d.ts +0 -2
- package/modern/getThemeValue/getThemeValue.d.ts +0 -1
- package/modern/getThemeValue/index.d.ts +0 -2
- package/modern/index.d.ts +0 -79
- package/modern/memoTheme.d.ts +0 -12
- package/modern/memoize/index.d.ts +0 -1
- package/modern/memoize/memoize.d.ts +0 -1
- package/modern/merge/index.d.ts +0 -1
- package/modern/merge/merge.d.ts +0 -1
- package/modern/palette/index.d.ts +0 -2
- package/modern/palette/palette.d.ts +0 -4
- package/modern/positions/index.d.ts +0 -2
- package/modern/positions/positions.d.ts +0 -2
- package/modern/preprocessStyles.d.ts +0 -5
- package/modern/propsToClassKey/index.d.ts +0 -1
- package/modern/propsToClassKey/propsToClassKey.d.ts +0 -1
- package/modern/responsivePropType/index.d.ts +0 -1
- package/modern/responsivePropType/responsivePropType.d.ts +0 -2
- package/modern/shadows/index.d.ts +0 -1
- package/modern/shadows/shadows.d.ts +0 -2
- package/modern/sizing/index.d.ts +0 -2
- package/modern/sizing/sizing.d.ts +0 -11
- package/modern/spacing/index.d.ts +0 -2
- package/modern/spacing/spacing.d.ts +0 -18
- package/modern/style/index.d.ts +0 -2
- package/modern/style/style.d.ts +0 -19
- package/modern/styleFunctionSx/AliasesCSSProperties.d.ts +0 -269
- package/modern/styleFunctionSx/OverwriteCSSProperties.d.ts +0 -54
- package/modern/styleFunctionSx/StandardCssProperties.d.ts +0 -2
- package/modern/styleFunctionSx/defaultSxConfig.d.ts +0 -15
- package/modern/styleFunctionSx/extendSxProp.d.ts +0 -4
- package/modern/styleFunctionSx/index.d.ts +0 -9
- package/modern/styleFunctionSx/styleFunctionSx.d.ts +0 -62
- package/modern/styled/index.d.ts +0 -1
- package/modern/styled/styled.d.ts +0 -3
- package/modern/typography/index.d.ts +0 -2
- package/modern/typography/typography.d.ts +0 -11
- package/modern/useMediaQuery/index.d.ts +0 -2
- package/modern/useMediaQuery/useMediaQuery.d.ts +0 -32
- package/modern/useTheme/index.d.ts +0 -2
- package/modern/useTheme/useTheme.d.ts +0 -2
- package/modern/useThemeProps/getThemeProps.d.ts +0 -16
- package/modern/useThemeProps/index.d.ts +0 -3
- package/modern/useThemeProps/useThemeProps.d.ts +0 -14
- package/modern/useThemeWithoutDefault/index.d.ts +0 -1
- package/modern/useThemeWithoutDefault/useThemeWithoutDefault.d.ts +0 -1
- package/modern/version/index.d.ts +0 -6
- package/palette/index.d.ts +0 -2
- package/palette/palette.d.ts +0 -4
- package/positions/index.d.ts +0 -2
- package/positions/positions.d.ts +0 -2
- package/preprocessStyles.d.ts +0 -5
- package/propsToClassKey/index.d.ts +0 -1
- package/propsToClassKey/propsToClassKey.d.ts +0 -1
- package/responsivePropType/index.d.ts +0 -1
- package/responsivePropType/responsivePropType.d.ts +0 -2
- package/shadows/index.d.ts +0 -1
- package/shadows/shadows.d.ts +0 -2
- package/sizing/index.d.ts +0 -2
- package/sizing/sizing.d.ts +0 -11
- package/spacing/index.d.ts +0 -2
- package/spacing/spacing.d.ts +0 -18
- package/style/index.d.ts +0 -2
- package/style/style.d.ts +0 -19
- package/styleFunctionSx/AliasesCSSProperties.d.ts +0 -269
- package/styleFunctionSx/OverwriteCSSProperties.d.ts +0 -54
- package/styleFunctionSx/StandardCssProperties.d.ts +0 -2
- package/styleFunctionSx/defaultSxConfig.d.ts +0 -15
- package/styleFunctionSx/extendSxProp.d.ts +0 -4
- package/styleFunctionSx/index.d.ts +0 -9
- package/styleFunctionSx/styleFunctionSx.d.ts +0 -62
- package/styled/index.d.ts +0 -1
- package/styled/styled.d.ts +0 -3
- package/typography/index.d.ts +0 -2
- package/typography/typography.d.ts +0 -11
- package/useMediaQuery/index.d.ts +0 -2
- package/useMediaQuery/useMediaQuery.d.ts +0 -32
- package/useTheme/index.d.ts +0 -2
- package/useTheme/useTheme.d.ts +0 -2
- package/useThemeProps/getThemeProps.d.ts +0 -16
- package/useThemeProps/index.d.ts +0 -3
- package/useThemeProps/useThemeProps.d.ts +0 -14
- package/useThemeWithoutDefault/index.d.ts +0 -1
- package/useThemeWithoutDefault/useThemeWithoutDefault.d.ts +0 -1
- package/version/index.d.ts +0 -6
|
@@ -1,269 +0,0 @@
|
|
|
1
|
-
import { StandardCSSProperties } from "./StandardCssProperties.js";
|
|
2
|
-
export interface AliasesCSSProperties {
|
|
3
|
-
/**
|
|
4
|
-
* The **`background-color`** CSS property sets the background color of an element.
|
|
5
|
-
*
|
|
6
|
-
* **Initial value**: `transparent`
|
|
7
|
-
*
|
|
8
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
9
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
10
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
11
|
-
*
|
|
12
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/background-color
|
|
13
|
-
*/
|
|
14
|
-
bgcolor?: StandardCSSProperties['backgroundColor'];
|
|
15
|
-
/**
|
|
16
|
-
* The **`margin`** CSS property sets the margin on all four sides of an element. It is a shorthand for `margin-top`, `margin-right`, `margin-bottom`, and `margin-left`.
|
|
17
|
-
*
|
|
18
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
19
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
20
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
21
|
-
*
|
|
22
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin
|
|
23
|
-
*/
|
|
24
|
-
m?: StandardCSSProperties['margin'];
|
|
25
|
-
/**
|
|
26
|
-
* The **`margin-top`** CSS property sets the margin on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
|
27
|
-
*
|
|
28
|
-
* **Initial value**: `0`
|
|
29
|
-
*
|
|
30
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
31
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
32
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
33
|
-
*
|
|
34
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-top
|
|
35
|
-
*/
|
|
36
|
-
mt?: StandardCSSProperties['marginTop'];
|
|
37
|
-
/**
|
|
38
|
-
* The **`margin-right`** CSS property sets the margin on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
|
39
|
-
*
|
|
40
|
-
* **Initial value**: `0`
|
|
41
|
-
*
|
|
42
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
43
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
44
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
45
|
-
*
|
|
46
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-right
|
|
47
|
-
*/
|
|
48
|
-
mr?: StandardCSSProperties['marginRight'];
|
|
49
|
-
/**
|
|
50
|
-
* The **`margin-bottom`** CSS property sets the margin on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
|
51
|
-
*
|
|
52
|
-
* **Initial value**: `0`
|
|
53
|
-
*
|
|
54
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
55
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
56
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
57
|
-
*
|
|
58
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
|
|
59
|
-
*/
|
|
60
|
-
mb?: StandardCSSProperties['marginBottom'];
|
|
61
|
-
/**
|
|
62
|
-
* The **`margin-left`** CSS property sets the margin on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
|
63
|
-
*
|
|
64
|
-
* **Initial value**: `0`
|
|
65
|
-
*
|
|
66
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
67
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
68
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
69
|
-
*
|
|
70
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-left
|
|
71
|
-
*/
|
|
72
|
-
ml?: StandardCSSProperties['marginLeft'];
|
|
73
|
-
/**
|
|
74
|
-
* The **`mx`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value places it
|
|
75
|
-
* farther from its neighbors, while a negative value places it closer.
|
|
76
|
-
*
|
|
77
|
-
* **Initial value**: `0`
|
|
78
|
-
*
|
|
79
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
80
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
81
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
82
|
-
*
|
|
83
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-left
|
|
84
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-right
|
|
85
|
-
*/
|
|
86
|
-
mx?: StandardCSSProperties['marginLeft'];
|
|
87
|
-
/**
|
|
88
|
-
* The **`marginX`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value
|
|
89
|
-
* places it farther from its neighbors, while a negative value places it closer.
|
|
90
|
-
*
|
|
91
|
-
* **Initial value**: `0`
|
|
92
|
-
*
|
|
93
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
94
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
95
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
96
|
-
*
|
|
97
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-left
|
|
98
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-right
|
|
99
|
-
*/
|
|
100
|
-
marginX?: StandardCSSProperties['marginLeft'];
|
|
101
|
-
/**
|
|
102
|
-
* The **`my`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places it
|
|
103
|
-
* farther from its neighbors, while a negative value places it closer.
|
|
104
|
-
*
|
|
105
|
-
* **Initial value**: `0`
|
|
106
|
-
*
|
|
107
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
108
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
109
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
110
|
-
*
|
|
111
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-top
|
|
112
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
|
|
113
|
-
*/
|
|
114
|
-
my?: StandardCSSProperties['marginTop'];
|
|
115
|
-
/**
|
|
116
|
-
* The **`marginY`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places
|
|
117
|
-
* it farther from its neighbors, while a negative value places it closer.
|
|
118
|
-
*
|
|
119
|
-
* **Initial value**: `0`
|
|
120
|
-
*
|
|
121
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
122
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
123
|
-
* | **1** | **1** | **1** | **12** | **3** |
|
|
124
|
-
*
|
|
125
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-top
|
|
126
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
|
|
127
|
-
*/
|
|
128
|
-
marginY?: StandardCSSProperties['marginTop'];
|
|
129
|
-
/**
|
|
130
|
-
* The **`padding`** CSS property sets the padding on all four sides of an element. It is a shorthand for `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`.
|
|
131
|
-
*
|
|
132
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
133
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
134
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
135
|
-
*
|
|
136
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding
|
|
137
|
-
*/
|
|
138
|
-
p?: StandardCSSProperties['padding'];
|
|
139
|
-
/**
|
|
140
|
-
* The **`padding-top`** CSS property sets the height of the padding at the top of an element.
|
|
141
|
-
*
|
|
142
|
-
* **Initial value**: `0`
|
|
143
|
-
*
|
|
144
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
145
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
146
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
147
|
-
*
|
|
148
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-top
|
|
149
|
-
*/
|
|
150
|
-
pt?: StandardCSSProperties['paddingTop'];
|
|
151
|
-
/**
|
|
152
|
-
* The **`padding-right`** CSS property sets the width of the padding at the right side of an element.
|
|
153
|
-
*
|
|
154
|
-
* **Initial value**: `0`
|
|
155
|
-
*
|
|
156
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
157
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
158
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
159
|
-
*
|
|
160
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-right
|
|
161
|
-
*/
|
|
162
|
-
pr?: StandardCSSProperties['paddingRight'];
|
|
163
|
-
/**
|
|
164
|
-
* The **`padding-bottom`** CSS property sets the height of the padding on the bottom of an element.
|
|
165
|
-
*
|
|
166
|
-
* **Initial value**: `0`
|
|
167
|
-
*
|
|
168
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
169
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
170
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
171
|
-
*
|
|
172
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
|
|
173
|
-
*/
|
|
174
|
-
pb?: StandardCSSProperties['paddingBottom'];
|
|
175
|
-
/**
|
|
176
|
-
* The **`padding-left`** CSS property sets the width of the padding at the left side of an element.
|
|
177
|
-
*
|
|
178
|
-
* **Initial value**: `0`
|
|
179
|
-
*
|
|
180
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
181
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
182
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
183
|
-
*
|
|
184
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-left
|
|
185
|
-
*/
|
|
186
|
-
pl?: StandardCSSProperties['paddingLeft'];
|
|
187
|
-
/**
|
|
188
|
-
* The **`px`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right side of an element.
|
|
189
|
-
*
|
|
190
|
-
* **Initial value**: `0`
|
|
191
|
-
*
|
|
192
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
193
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
194
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
195
|
-
*
|
|
196
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-left
|
|
197
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-right
|
|
198
|
-
*/
|
|
199
|
-
px?: StandardCSSProperties['paddingLeft'];
|
|
200
|
-
/**
|
|
201
|
-
* The **`paddingX`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right sides of an element.
|
|
202
|
-
*
|
|
203
|
-
* **Initial value**: `0`
|
|
204
|
-
*
|
|
205
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
206
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
207
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
208
|
-
*
|
|
209
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-left
|
|
210
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-right
|
|
211
|
-
*/
|
|
212
|
-
paddingX?: StandardCSSProperties['paddingLeft'];
|
|
213
|
-
/**
|
|
214
|
-
* The **`py`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
|
|
215
|
-
*
|
|
216
|
-
* **Initial value**: `0`
|
|
217
|
-
*
|
|
218
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
219
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
220
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
221
|
-
*
|
|
222
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-top
|
|
223
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
|
|
224
|
-
*/
|
|
225
|
-
py?: StandardCSSProperties['paddingTop'];
|
|
226
|
-
/**
|
|
227
|
-
* The **`paddingY`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
|
|
228
|
-
*
|
|
229
|
-
* **Initial value**: `0`
|
|
230
|
-
*
|
|
231
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
232
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
233
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
234
|
-
*
|
|
235
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-top
|
|
236
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
|
|
237
|
-
*/
|
|
238
|
-
paddingY?: StandardCSSProperties['paddingTop'];
|
|
239
|
-
/**
|
|
240
|
-
* The **`typography`** property is shorthand for the CSS properties **`font-family`**, **`font-weight`**, **`font-size`**, **`line-height`**, **`letter-spacing`** and **`text-transform``**.
|
|
241
|
-
* It takes the values defined under `theme.typography` and spreads them on the element.
|
|
242
|
-
*
|
|
243
|
-
* **Initial value**: `0`
|
|
244
|
-
*
|
|
245
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
246
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
247
|
-
* | **2** | **1** | **1** | **12** | **5.5** |
|
|
248
|
-
*
|
|
249
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/font-family
|
|
250
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/font-weight
|
|
251
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/font-size
|
|
252
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/line-height
|
|
253
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing
|
|
254
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/text-transform
|
|
255
|
-
*/
|
|
256
|
-
typography?: string;
|
|
257
|
-
/**
|
|
258
|
-
* The **`displayPrint`** property sets the display value for the element when the page is printed.
|
|
259
|
-
*
|
|
260
|
-
* **Initial value**: `inline`
|
|
261
|
-
*
|
|
262
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
263
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
264
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
265
|
-
*
|
|
266
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/display
|
|
267
|
-
*/
|
|
268
|
-
displayPrint?: StandardCSSProperties['display'];
|
|
269
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import * as CSS from 'csstype';
|
|
2
|
-
export interface OverwriteCSSProperties {
|
|
3
|
-
/**
|
|
4
|
-
* The **`border`** CSS property is shorthand for the CSS properties **`border-width`**, **`border-style`**, and **`border-color`**. It sets an element's border.
|
|
5
|
-
*
|
|
6
|
-
* **Initial value**: `none`
|
|
7
|
-
*
|
|
8
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
9
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
10
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
11
|
-
*
|
|
12
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/border
|
|
13
|
-
*/
|
|
14
|
-
border?: CSS.Property.Border | number;
|
|
15
|
-
/**
|
|
16
|
-
* The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the
|
|
17
|
-
* element for blur and spread radii, and by its color.
|
|
18
|
-
*
|
|
19
|
-
* **Initial value**: `none`
|
|
20
|
-
*
|
|
21
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
22
|
-
* | :-----: | :-----: | :-----: | :----: | :---: |
|
|
23
|
-
* | **10** | **4** | **5.1** | **12** | **9** |
|
|
24
|
-
* | 1 _-x-_ | | 3 _-x-_ | | |
|
|
25
|
-
*
|
|
26
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/box-shadow
|
|
27
|
-
*/
|
|
28
|
-
boxShadow?: CSS.Property.BoxShadow | number;
|
|
29
|
-
/**
|
|
30
|
-
* The **`font-weight`** CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the `font-family` you are using. Some fonts are only
|
|
31
|
-
* available in `normal` and `bold`.
|
|
32
|
-
*
|
|
33
|
-
* **Initial value**: `normal`
|
|
34
|
-
*
|
|
35
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
36
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
37
|
-
* | **2** | **1** | **1** | **12** | **3** |
|
|
38
|
-
*
|
|
39
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/font-weight
|
|
40
|
-
*/
|
|
41
|
-
fontWeight?: CSS.Property.FontWeight | string;
|
|
42
|
-
/**
|
|
43
|
-
* The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a higher z-index cover those with a lower one.
|
|
44
|
-
*
|
|
45
|
-
* **Initial value**: `auto`
|
|
46
|
-
*
|
|
47
|
-
* | Chrome | Firefox | Safari | Edge | IE |
|
|
48
|
-
* | :----: | :-----: | :----: | :----: | :---: |
|
|
49
|
-
* | **1** | **1** | **1** | **12** | **4** |
|
|
50
|
-
*
|
|
51
|
-
* @see https://developer.mozilla.org/docs/Web/CSS/z-index
|
|
52
|
-
*/
|
|
53
|
-
zIndex?: CSS.Property.ZIndex | string;
|
|
54
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StyleFunction } from "../Box/index.js";
|
|
2
|
-
import { TransformFunction } from "../style/index.js";
|
|
3
|
-
type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>>;
|
|
4
|
-
export interface SxConfigRecord {
|
|
5
|
-
cssProperty?: keyof React.CSSProperties | false;
|
|
6
|
-
/**
|
|
7
|
-
* dot access in `Theme`
|
|
8
|
-
*/
|
|
9
|
-
themeKey?: string;
|
|
10
|
-
transform?: TransformFunction;
|
|
11
|
-
style?: SimpleStyleFunction<any>;
|
|
12
|
-
}
|
|
13
|
-
export type SxConfig = Record<string, SxConfigRecord>;
|
|
14
|
-
declare const defaultSxConfig: SxConfig;
|
|
15
|
-
export default defaultSxConfig;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { default } from "./styleFunctionSx.js";
|
|
2
|
-
export * from "./styleFunctionSx.js";
|
|
3
|
-
export * from "./AliasesCSSProperties.js";
|
|
4
|
-
export * from "./OverwriteCSSProperties.js";
|
|
5
|
-
export * from "./StandardCssProperties.js";
|
|
6
|
-
export { default as extendSxProp } from "./extendSxProp.js";
|
|
7
|
-
export { default as unstable_defaultSxConfig } from "./defaultSxConfig.js";
|
|
8
|
-
export * from "./defaultSxConfig.js";
|
|
9
|
-
export * from "./extendSxProp.js";
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import * as CSS from 'csstype';
|
|
2
|
-
import { CSSObject } from '@mui/styled-engine';
|
|
3
|
-
import { StandardCSSProperties } from "./StandardCssProperties.js";
|
|
4
|
-
import { AliasesCSSProperties } from "./AliasesCSSProperties.js";
|
|
5
|
-
import { OverwriteCSSProperties } from "./OverwriteCSSProperties.js";
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* The `css` function accepts arrays as values for mobile-first responsive styles.
|
|
9
|
-
* Note that this extends to non-theme values also. For example `display=['none', 'block']`
|
|
10
|
-
* will also works.
|
|
11
|
-
*/
|
|
12
|
-
export type ResponsiveStyleValue<T> = T | ReadonlyArray<T | null> | {
|
|
13
|
-
[key: string]: T | null;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Map of all CSS pseudo selectors (`:hover`, `:focus`, ...).
|
|
18
|
-
*/
|
|
19
|
-
export type CSSPseudoSelectorProps<Theme extends object = {}> = { [K in CSS.Pseudos]?: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme> };
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Map all nested selectors.
|
|
23
|
-
*/
|
|
24
|
-
export interface CSSSelectorObject<Theme extends object = {}> {
|
|
25
|
-
[cssSelector: string]: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme>;
|
|
26
|
-
}
|
|
27
|
-
type CssVariableType = string | number;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Map all nested selectors and CSS variables.
|
|
31
|
-
*/
|
|
32
|
-
export interface CSSSelectorObjectOrCssVariables<Theme extends object = {}> {
|
|
33
|
-
[cssSelectorOrVariable: string]: ((theme: Theme) => SystemStyleObject<Theme> | string | number) | SystemStyleObject<Theme> | CssVariableType;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Map of all available CSS properties (including aliases) and their raw value.
|
|
38
|
-
* Only used internally to map CSS properties to input types (responsive value,
|
|
39
|
-
* theme function or nested) in `SystemCssProperties`.
|
|
40
|
-
*/
|
|
41
|
-
export interface AllSystemCSSProperties extends Omit<StandardCSSProperties, keyof OverwriteCSSProperties>, OverwriteCSSProperties, AliasesCSSProperties {}
|
|
42
|
-
export type SystemCssProperties<Theme extends object = {}> = { [K in keyof AllSystemCSSProperties]: ResponsiveStyleValue<AllSystemCSSProperties[K]> | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>) | null };
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* The `SystemStyleObject` defines custom properties that will be transformed to
|
|
46
|
-
* their corresponding values from the `Theme`. Other valid CSS properties are also allowed.
|
|
47
|
-
*/
|
|
48
|
-
export type SystemStyleObject<Theme extends object = {}> = SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | null;
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* The `SxProps` can be either object or function
|
|
52
|
-
*/
|
|
53
|
-
export type SxProps<Theme extends object = {}> = SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>) | ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;
|
|
54
|
-
export interface StyleFunctionSx {
|
|
55
|
-
(props: object): CSSObject;
|
|
56
|
-
filterProps?: string[];
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
60
|
-
export function unstable_createStyleFunctionSx(styleFunctionMapping: Record<string, StyleFunctionSx>): StyleFunctionSx;
|
|
61
|
-
declare const styleFunctionSx: StyleFunctionSx;
|
|
62
|
-
export default styleFunctionSx;
|
package/styled/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./styled.js";
|
package/styled/styled.d.ts
DELETED
package/typography/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { PropsFor, SimpleStyleFunction, typography } from "../Box/index.js";
|
|
2
|
-
export const typographyVariant: SimpleStyleFunction<'typography'>;
|
|
3
|
-
export const fontFamily: SimpleStyleFunction<'fontFamily'>;
|
|
4
|
-
export const fontSize: SimpleStyleFunction<'fontSize'>;
|
|
5
|
-
export const fontStyle: SimpleStyleFunction<'fontStyle'>;
|
|
6
|
-
export const fontWeight: SimpleStyleFunction<'fontWeight'>;
|
|
7
|
-
export const letterSpacing: SimpleStyleFunction<'letterSpacing'>;
|
|
8
|
-
export const lineHeight: SimpleStyleFunction<'lineHeight'>;
|
|
9
|
-
export const textAlign: SimpleStyleFunction<'textAlign'>;
|
|
10
|
-
export const textTransform: SimpleStyleFunction<'textTransform'>;
|
|
11
|
-
export type TypographyProps = PropsFor<typeof typography>;
|
package/useMediaQuery/index.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export interface UseMediaQueryOptions {
|
|
2
|
-
/**
|
|
3
|
-
* As `window.matchMedia()` is unavailable on the server,
|
|
4
|
-
* it returns a default matches during the first mount.
|
|
5
|
-
* @default false
|
|
6
|
-
*/
|
|
7
|
-
defaultMatches?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* You can provide your own implementation of matchMedia.
|
|
10
|
-
* This can be used for handling an iframe content window.
|
|
11
|
-
*/
|
|
12
|
-
matchMedia?: typeof window.matchMedia;
|
|
13
|
-
/**
|
|
14
|
-
* To perform the server-side hydration, the hook needs to render twice.
|
|
15
|
-
* A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
|
|
16
|
-
* This double pass rendering cycle comes with a drawback: it's slower.
|
|
17
|
-
* You can set this option to `true` if you use the returned value **only** client-side.
|
|
18
|
-
* @default false
|
|
19
|
-
*/
|
|
20
|
-
noSsr?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
|
|
23
|
-
*/
|
|
24
|
-
ssrMatchMedia?: (query: string) => {
|
|
25
|
-
matches: boolean;
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
export declare function unstable_createUseMediaQuery(params?: {
|
|
29
|
-
themeId?: string;
|
|
30
|
-
}): <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
|
|
31
|
-
declare const useMediaQuery: <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
|
|
32
|
-
export default useMediaQuery;
|
package/useTheme/index.d.ts
DELETED
package/useTheme/useTheme.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
interface ThemeWithProps<Components> {
|
|
3
|
-
components?: { [K in keyof Components]: {
|
|
4
|
-
defaultProps?: Partial<Components[K]>;
|
|
5
|
-
} };
|
|
6
|
-
}
|
|
7
|
-
type ThemedProps<Theme, Name extends keyof any> = Theme extends {
|
|
8
|
-
components: Record<Name, {
|
|
9
|
-
defaultProps: infer Props;
|
|
10
|
-
}>;
|
|
11
|
-
} ? Props : {};
|
|
12
|
-
export default function getThemeProps<Theme, Props, Name extends keyof any>(params: {
|
|
13
|
-
props: Props;
|
|
14
|
-
name: Name;
|
|
15
|
-
theme?: Theme;
|
|
16
|
-
}): Props & ThemedProps<Theme, Name>;
|
package/useThemeProps/index.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export interface ThemeWithProps {
|
|
2
|
-
components?: any;
|
|
3
|
-
}
|
|
4
|
-
export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
|
|
5
|
-
components: Record<Name, {
|
|
6
|
-
defaultProps: infer Props;
|
|
7
|
-
}>;
|
|
8
|
-
} ? Props : {};
|
|
9
|
-
export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
|
|
10
|
-
props: Props;
|
|
11
|
-
name: Name;
|
|
12
|
-
defaultTheme?: Theme;
|
|
13
|
-
themeId?: string;
|
|
14
|
-
}): Props & ThemedProps<Theme, Name>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./useThemeWithoutDefault.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function useThemeWithoutDefault<T = null>(defaultTheme?: T): T;
|
package/version/index.d.ts
DELETED