@mui/material 9.0.0-alpha.4 → 9.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/ButtonGroup/ButtonGroup.js +1 -9
- package/ButtonGroup/ButtonGroup.mjs +1 -9
- package/ButtonGroup/buttonGroupClasses.d.mts +0 -68
- package/ButtonGroup/buttonGroupClasses.d.ts +0 -68
- package/ButtonGroup/buttonGroupClasses.js +1 -1
- package/ButtonGroup/buttonGroupClasses.mjs +1 -1
- package/CHANGELOG.md +71 -4
- package/CardHeader/CardHeader.d.mts +13 -21
- package/CardHeader/CardHeader.d.ts +13 -21
- package/CardHeader/CardHeader.js +3 -21
- package/CardHeader/CardHeader.mjs +3 -21
- package/Checkbox/Checkbox.js +1 -7
- package/Checkbox/Checkbox.mjs +1 -7
- package/Chip/Chip.js +48 -54
- package/Chip/Chip.mjs +48 -54
- package/Chip/chipClasses.d.mts +0 -104
- package/Chip/chipClasses.d.ts +0 -104
- package/Chip/chipClasses.js +1 -1
- package/Chip/chipClasses.mjs +1 -1
- package/Dialog/Dialog.d.mts +0 -21
- package/Dialog/Dialog.d.ts +0 -21
- package/Dialog/Dialog.js +36 -73
- package/Dialog/Dialog.mjs +36 -73
- package/Dialog/dialogClasses.d.mts +0 -8
- package/Dialog/dialogClasses.d.ts +0 -8
- package/Dialog/dialogClasses.js +1 -1
- package/Dialog/dialogClasses.mjs +1 -1
- package/Divider/Divider.js +2 -2
- package/Divider/Divider.mjs +2 -2
- package/Divider/dividerClasses.d.mts +0 -4
- package/Divider/dividerClasses.d.ts +0 -4
- package/Divider/dividerClasses.js +1 -1
- package/Divider/dividerClasses.mjs +1 -1
- package/Drawer/Drawer.d.mts +0 -12
- package/Drawer/Drawer.d.ts +0 -12
- package/Drawer/Drawer.js +6 -40
- package/Drawer/Drawer.mjs +6 -40
- package/Drawer/drawerClasses.d.mts +0 -32
- package/Drawer/drawerClasses.d.ts +0 -32
- package/Drawer/drawerClasses.js +1 -1
- package/Drawer/drawerClasses.mjs +1 -1
- package/FilledInput/FilledInput.js +3 -32
- package/FilledInput/FilledInput.mjs +3 -32
- package/ImageListItemBar/ImageListItemBar.js +4 -17
- package/ImageListItemBar/ImageListItemBar.mjs +4 -17
- package/ImageListItemBar/imageListItemBarClasses.d.mts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.d.ts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.js +1 -1
- package/ImageListItemBar/imageListItemBarClasses.mjs +1 -1
- package/Input/Input.js +3 -32
- package/Input/Input.mjs +3 -32
- package/Input/inputClasses.d.mts +0 -16
- package/Input/inputClasses.d.ts +0 -16
- package/InputBase/InputBase.d.mts +0 -27
- package/InputBase/InputBase.d.ts +0 -27
- package/InputBase/InputBase.js +6 -35
- package/InputBase/InputBase.mjs +6 -35
- package/InputBase/inputBaseClasses.d.mts +0 -20
- package/InputBase/inputBaseClasses.d.ts +0 -20
- package/InputBase/inputBaseClasses.js +1 -1
- package/InputBase/inputBaseClasses.mjs +1 -1
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/InputLabel.mjs +1 -1
- package/LinearProgress/LinearProgress.js +6 -18
- package/LinearProgress/LinearProgress.mjs +6 -18
- package/LinearProgress/linearProgressClasses.d.mts +0 -36
- package/LinearProgress/linearProgressClasses.d.ts +0 -36
- package/LinearProgress/linearProgressClasses.js +1 -1
- package/LinearProgress/linearProgressClasses.mjs +1 -1
- package/Link/Link.d.mts +1 -1
- package/Link/Link.d.ts +1 -1
- package/ListItem/ListItem.d.mts +2 -36
- package/ListItem/ListItem.d.ts +2 -36
- package/ListItem/ListItem.js +27 -152
- package/ListItem/ListItem.mjs +27 -152
- package/ListItem/listItemClasses.d.mts +2 -4
- package/ListItem/listItemClasses.d.ts +2 -4
- package/ListItem/listItemClasses.js +1 -1
- package/ListItem/listItemClasses.mjs +1 -1
- package/ListItemButton/ListItemButton.d.mts +1 -2
- package/ListItemButton/ListItemButton.d.ts +1 -2
- package/ListItemButton/ListItemButton.js +1 -2
- package/ListItemButton/ListItemButton.mjs +1 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +7 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.mjs +7 -2
- package/ListItemText/ListItemText.d.mts +12 -20
- package/ListItemText/ListItemText.d.ts +12 -20
- package/ListItemText/ListItemText.js +2 -20
- package/ListItemText/ListItemText.mjs +2 -20
- package/Modal/Modal.d.mts +1 -41
- package/Modal/Modal.d.ts +1 -41
- package/Modal/Modal.js +5 -58
- package/Modal/Modal.mjs +5 -58
- package/OutlinedInput/OutlinedInput.js +2 -14
- package/OutlinedInput/OutlinedInput.mjs +2 -14
- package/OutlinedInput/outlinedInputClasses.d.mts +0 -16
- package/OutlinedInput/outlinedInputClasses.d.ts +0 -16
- package/PaginationItem/PaginationItem.d.mts +0 -15
- package/PaginationItem/PaginationItem.d.ts +0 -15
- package/PaginationItem/PaginationItem.js +3 -24
- package/PaginationItem/PaginationItem.mjs +3 -24
- package/PaginationItem/paginationItemClasses.d.mts +0 -16
- package/PaginationItem/paginationItemClasses.d.ts +0 -16
- package/PaginationItem/paginationItemClasses.js +1 -1
- package/PaginationItem/paginationItemClasses.mjs +1 -1
- package/Radio/Radio.js +1 -13
- package/Radio/Radio.mjs +1 -13
- package/Rating/Rating.d.mts +0 -9
- package/Rating/Rating.d.ts +0 -9
- package/Rating/Rating.js +1 -17
- package/Rating/Rating.mjs +1 -17
- package/Select/SelectInput.js +2 -3
- package/Select/SelectInput.mjs +2 -3
- package/Select/selectClasses.d.mts +0 -12
- package/Select/selectClasses.d.ts +0 -12
- package/Select/selectClasses.js +1 -1
- package/Select/selectClasses.mjs +1 -1
- package/Slider/Slider.d.mts +0 -5
- package/Slider/Slider.d.ts +0 -5
- package/Slider/Slider.js +2 -8
- package/Slider/Slider.mjs +2 -8
- package/Slider/sliderClasses.d.mts +0 -28
- package/Slider/sliderClasses.d.ts +0 -28
- package/Slider/sliderClasses.js +1 -1
- package/Slider/sliderClasses.mjs +1 -1
- package/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/StepConnector/StepConnector.js +2 -8
- package/StepConnector/StepConnector.mjs +2 -8
- package/StepConnector/stepConnectorClasses.d.mts +0 -8
- package/StepConnector/stepConnectorClasses.d.ts +0 -8
- package/StepConnector/stepConnectorClasses.js +1 -1
- package/StepConnector/stepConnectorClasses.mjs +1 -1
- package/StepContent/StepContent.d.mts +1 -16
- package/StepContent/StepContent.d.ts +1 -16
- package/StepContent/StepContent.js +3 -22
- package/StepContent/StepContent.mjs +3 -22
- package/StepLabel/StepLabel.d.mts +0 -22
- package/StepLabel/StepLabel.d.ts +0 -22
- package/StepLabel/StepLabel.js +2 -31
- package/StepLabel/StepLabel.mjs +2 -31
- package/SvgIcon/createSvgIcon.d.mts +2 -0
- package/SvgIcon/createSvgIcon.d.ts +2 -0
- package/SvgIcon/createSvgIcon.js +31 -0
- package/SvgIcon/createSvgIcon.mjs +26 -0
- package/SvgIcon/index.d.mts +1 -0
- package/SvgIcon/index.d.ts +1 -0
- package/SvgIcon/index.js +8 -0
- package/SvgIcon/index.mjs +1 -0
- package/SwipeableDrawer/SwipeableDrawer.d.mts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.d.ts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.js +6 -37
- package/SwipeableDrawer/SwipeableDrawer.mjs +6 -37
- package/Switch/Switch.js +0 -11
- package/Switch/Switch.mjs +0 -11
- package/Tab/Tab.js +1 -3
- package/Tab/Tab.mjs +1 -3
- package/Tab/tabClasses.d.mts +0 -4
- package/Tab/tabClasses.d.ts +0 -4
- package/Tab/tabClasses.js +1 -1
- package/Tab/tabClasses.mjs +1 -1
- package/TablePagination/TablePagination.d.mts +0 -24
- package/TablePagination/TablePagination.d.ts +0 -24
- package/TablePagination/TablePagination.js +1 -29
- package/TablePagination/TablePagination.mjs +1 -29
- package/TablePaginationActions/TablePaginationActions.d.mts +0 -10
- package/TablePaginationActions/TablePaginationActions.d.ts +0 -10
- package/TablePaginationActions/TablePaginationActions.js +2 -14
- package/TablePaginationActions/TablePaginationActions.mjs +2 -14
- package/TableSortLabel/TableSortLabel.js +2 -7
- package/TableSortLabel/TableSortLabel.mjs +2 -7
- package/TableSortLabel/tableSortLabelClasses.d.mts +0 -8
- package/TableSortLabel/tableSortLabelClasses.d.ts +0 -8
- package/TableSortLabel/tableSortLabelClasses.js +1 -1
- package/TableSortLabel/tableSortLabelClasses.mjs +1 -1
- package/Tabs/Tabs.js +3 -3
- package/Tabs/Tabs.mjs +3 -3
- package/Tabs/tabsClasses.d.mts +0 -6
- package/Tabs/tabsClasses.d.ts +0 -6
- package/Tabs/tabsClasses.js +1 -1
- package/Tabs/tabsClasses.mjs +1 -1
- package/ToggleButtonGroup/ToggleButtonGroup.js +1 -4
- package/ToggleButtonGroup/ToggleButtonGroup.mjs +1 -4
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/ToggleButtonGroup/toggleButtonGroupClasses.mjs +1 -1
- package/Typography/Typography.d.mts +3 -3
- package/Typography/Typography.d.ts +3 -3
- package/Typography/Typography.js +2 -24
- package/Typography/Typography.mjs +3 -25
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internal/SwitchBase.d.mts +0 -10
- package/internal/SwitchBase.d.ts +0 -10
- package/internal/SwitchBase.js +1 -16
- package/internal/SwitchBase.mjs +1 -16
- package/package.json +7 -7
- package/styles/createThemeWithVars.js +1 -0
- package/styles/createThemeWithVars.mjs +1 -0
- package/styles/stringifyTheme.js +1 -1
- package/styles/stringifyTheme.mjs +1 -1
- package/utils/createSvgIcon.d.mts +4 -2
- package/utils/createSvgIcon.d.ts +4 -2
- package/utils/createSvgIcon.js +6 -24
- package/utils/createSvgIcon.mjs +2 -24
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
|
@@ -13,28 +13,12 @@ export interface ImageListItemBarClasses {
|
|
|
13
13
|
actionPositionRight: string;
|
|
14
14
|
/** Styles applied to the title and subtitle container element. */
|
|
15
15
|
titleWrap: string;
|
|
16
|
-
/** Styles applied to the title and subtitle container element if `position="below"`.
|
|
17
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
|
-
*/
|
|
19
|
-
titleWrapBelow: string;
|
|
20
|
-
/** Styles applied to the container element if `actionPosition="left"`.
|
|
21
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
22
|
-
*/
|
|
23
|
-
titleWrapActionPosLeft: string;
|
|
24
|
-
/** Styles applied to the container element if `actionPosition="right"`.
|
|
25
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
26
|
-
*/
|
|
27
|
-
titleWrapActionPosRight: string;
|
|
28
16
|
/** Styles applied to the title container element. */
|
|
29
17
|
title: string;
|
|
30
18
|
/** Styles applied to the subtitle container element. */
|
|
31
19
|
subtitle: string;
|
|
32
20
|
/** Styles applied to the actionIcon if supplied. */
|
|
33
21
|
actionIcon: string;
|
|
34
|
-
/** Styles applied to the actionIcon if `actionPosition="left"`.
|
|
35
|
-
* @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
36
|
-
*/
|
|
37
|
-
actionIconActionPosLeft: string;
|
|
38
22
|
}
|
|
39
23
|
export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
|
|
40
24
|
export declare function getImageListItemBarUtilityClass(slot: string): string;
|
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getImageListItemBarUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiImageListItemBar', slot);
|
|
13
13
|
}
|
|
14
|
-
const imageListItemBarClasses = (0, _generateUtilityClasses.default)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', '
|
|
14
|
+
const imageListItemBarClasses = (0, _generateUtilityClasses.default)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', 'title', 'subtitle', 'actionIcon']);
|
|
15
15
|
var _default = exports.default = imageListItemBarClasses;
|
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getImageListItemBarUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiImageListItemBar', slot);
|
|
5
5
|
}
|
|
6
|
-
const imageListItemBarClasses = generateUtilityClasses('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', '
|
|
6
|
+
const imageListItemBarClasses = generateUtilityClasses('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', 'title', 'subtitle', 'actionIcon']);
|
|
7
7
|
export default imageListItemBarClasses;
|
package/Input/Input.js
CHANGED
|
@@ -143,8 +143,6 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
|
|
|
143
143
|
});
|
|
144
144
|
const {
|
|
145
145
|
disableUnderline = false,
|
|
146
|
-
components = {},
|
|
147
|
-
componentsProps: componentsPropsProp,
|
|
148
146
|
fullWidth = false,
|
|
149
147
|
inputComponent = 'input',
|
|
150
148
|
multiline = false,
|
|
@@ -162,9 +160,9 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
|
|
|
162
160
|
ownerState
|
|
163
161
|
}
|
|
164
162
|
};
|
|
165
|
-
const componentsProps = slotProps
|
|
166
|
-
const RootSlot = slots.root ??
|
|
167
|
-
const InputSlot = slots.input ??
|
|
163
|
+
const componentsProps = slotProps ? (0, _deepmerge.default)(slotProps, inputComponentsProps) : inputComponentsProps;
|
|
164
|
+
const RootSlot = slots.root ?? InputRoot;
|
|
165
|
+
const InputSlot = slots.input ?? InputInput;
|
|
168
166
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
|
|
169
167
|
slots: {
|
|
170
168
|
root: RootSlot,
|
|
@@ -206,29 +204,6 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
|
|
|
206
204
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
207
205
|
*/
|
|
208
206
|
color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
209
|
-
/**
|
|
210
|
-
* The components used for each slot inside.
|
|
211
|
-
*
|
|
212
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
213
|
-
*
|
|
214
|
-
* @default {}
|
|
215
|
-
*/
|
|
216
|
-
components: _propTypes.default.shape({
|
|
217
|
-
Input: _propTypes.default.elementType,
|
|
218
|
-
Root: _propTypes.default.elementType
|
|
219
|
-
}),
|
|
220
|
-
/**
|
|
221
|
-
* The extra props for the slot components.
|
|
222
|
-
* You can override the existing props or add new ones.
|
|
223
|
-
*
|
|
224
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
225
|
-
*
|
|
226
|
-
* @default {}
|
|
227
|
-
*/
|
|
228
|
-
componentsProps: _propTypes.default.shape({
|
|
229
|
-
input: _propTypes.default.object,
|
|
230
|
-
root: _propTypes.default.object
|
|
231
|
-
}),
|
|
232
207
|
/**
|
|
233
208
|
* The default value. Use when the component is not controlled.
|
|
234
209
|
*/
|
|
@@ -328,8 +303,6 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
|
|
|
328
303
|
* The extra props for the slot components.
|
|
329
304
|
* You can override the existing props or add new ones.
|
|
330
305
|
*
|
|
331
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
332
|
-
*
|
|
333
306
|
* @default {}
|
|
334
307
|
*/
|
|
335
308
|
slotProps: _propTypes.default.shape({
|
|
@@ -339,8 +312,6 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
|
|
|
339
312
|
/**
|
|
340
313
|
* The components used for each slot inside.
|
|
341
314
|
*
|
|
342
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
343
|
-
*
|
|
344
315
|
* @default {}
|
|
345
316
|
*/
|
|
346
317
|
slots: _propTypes.default.shape({
|
package/Input/Input.mjs
CHANGED
|
@@ -136,8 +136,6 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
|
|
|
136
136
|
});
|
|
137
137
|
const {
|
|
138
138
|
disableUnderline = false,
|
|
139
|
-
components = {},
|
|
140
|
-
componentsProps: componentsPropsProp,
|
|
141
139
|
fullWidth = false,
|
|
142
140
|
inputComponent = 'input',
|
|
143
141
|
multiline = false,
|
|
@@ -155,9 +153,9 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
|
|
|
155
153
|
ownerState
|
|
156
154
|
}
|
|
157
155
|
};
|
|
158
|
-
const componentsProps = slotProps
|
|
159
|
-
const RootSlot = slots.root ??
|
|
160
|
-
const InputSlot = slots.input ??
|
|
156
|
+
const componentsProps = slotProps ? deepmerge(slotProps, inputComponentsProps) : inputComponentsProps;
|
|
157
|
+
const RootSlot = slots.root ?? InputRoot;
|
|
158
|
+
const InputSlot = slots.input ?? InputInput;
|
|
161
159
|
return /*#__PURE__*/_jsx(InputBase, {
|
|
162
160
|
slots: {
|
|
163
161
|
root: RootSlot,
|
|
@@ -199,29 +197,6 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
|
|
|
199
197
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
200
198
|
*/
|
|
201
199
|
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
|
|
202
|
-
/**
|
|
203
|
-
* The components used for each slot inside.
|
|
204
|
-
*
|
|
205
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
206
|
-
*
|
|
207
|
-
* @default {}
|
|
208
|
-
*/
|
|
209
|
-
components: PropTypes.shape({
|
|
210
|
-
Input: PropTypes.elementType,
|
|
211
|
-
Root: PropTypes.elementType
|
|
212
|
-
}),
|
|
213
|
-
/**
|
|
214
|
-
* The extra props for the slot components.
|
|
215
|
-
* You can override the existing props or add new ones.
|
|
216
|
-
*
|
|
217
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
218
|
-
*
|
|
219
|
-
* @default {}
|
|
220
|
-
*/
|
|
221
|
-
componentsProps: PropTypes.shape({
|
|
222
|
-
input: PropTypes.object,
|
|
223
|
-
root: PropTypes.object
|
|
224
|
-
}),
|
|
225
200
|
/**
|
|
226
201
|
* The default value. Use when the component is not controlled.
|
|
227
202
|
*/
|
|
@@ -321,8 +296,6 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
|
|
|
321
296
|
* The extra props for the slot components.
|
|
322
297
|
* You can override the existing props or add new ones.
|
|
323
298
|
*
|
|
324
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
325
|
-
*
|
|
326
299
|
* @default {}
|
|
327
300
|
*/
|
|
328
301
|
slotProps: PropTypes.shape({
|
|
@@ -332,8 +305,6 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
|
|
|
332
305
|
/**
|
|
333
306
|
* The components used for each slot inside.
|
|
334
307
|
*
|
|
335
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
336
|
-
*
|
|
337
308
|
* @default {}
|
|
338
309
|
*/
|
|
339
310
|
slots: PropTypes.shape({
|
package/Input/inputClasses.d.mts
CHANGED
|
@@ -21,22 +21,6 @@ export interface InputClasses {
|
|
|
21
21
|
fullWidth: string;
|
|
22
22
|
/** Styles applied to the input element. */
|
|
23
23
|
input: string;
|
|
24
|
-
/** Styles applied to the input element if `size="small"`.
|
|
25
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
26
|
-
*/
|
|
27
|
-
inputSizeSmall: string;
|
|
28
|
-
/** Styles applied to the input element if `multiline={true}`.
|
|
29
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
30
|
-
*/
|
|
31
|
-
inputMultiline: string;
|
|
32
|
-
/** Styles applied to the input element if `startAdornment` is provided.
|
|
33
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
34
|
-
*/
|
|
35
|
-
inputAdornedStart: string;
|
|
36
|
-
/** Styles applied to the input element if `endAdornment` is provided.
|
|
37
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
38
|
-
*/
|
|
39
|
-
inputAdornedEnd: string;
|
|
40
24
|
/** Styles applied to the input element if `type="search"`. */
|
|
41
25
|
inputTypeSearch: string;
|
|
42
26
|
}
|
package/Input/inputClasses.d.ts
CHANGED
|
@@ -21,22 +21,6 @@ export interface InputClasses {
|
|
|
21
21
|
fullWidth: string;
|
|
22
22
|
/** Styles applied to the input element. */
|
|
23
23
|
input: string;
|
|
24
|
-
/** Styles applied to the input element if `size="small"`.
|
|
25
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
26
|
-
*/
|
|
27
|
-
inputSizeSmall: string;
|
|
28
|
-
/** Styles applied to the input element if `multiline={true}`.
|
|
29
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
30
|
-
*/
|
|
31
|
-
inputMultiline: string;
|
|
32
|
-
/** Styles applied to the input element if `startAdornment` is provided.
|
|
33
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
34
|
-
*/
|
|
35
|
-
inputAdornedStart: string;
|
|
36
|
-
/** Styles applied to the input element if `endAdornment` is provided.
|
|
37
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
38
|
-
*/
|
|
39
|
-
inputAdornedEnd: string;
|
|
40
24
|
/** Styles applied to the input element if `type="search"`. */
|
|
41
25
|
inputTypeSearch: string;
|
|
42
26
|
}
|
|
@@ -36,29 +36,6 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
36
36
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
37
37
|
*/
|
|
38
38
|
color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides> | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* The components used for each slot inside.
|
|
41
|
-
*
|
|
42
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
43
|
-
*
|
|
44
|
-
* @default {}
|
|
45
|
-
*/
|
|
46
|
-
components?: {
|
|
47
|
-
Root?: React.ElementType | undefined;
|
|
48
|
-
Input?: React.ElementType | undefined;
|
|
49
|
-
} | undefined;
|
|
50
|
-
/**
|
|
51
|
-
* The extra props for the slot components.
|
|
52
|
-
* You can override the existing props or add new ones.
|
|
53
|
-
*
|
|
54
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
55
|
-
*
|
|
56
|
-
* @default {}
|
|
57
|
-
*/
|
|
58
|
-
componentsProps?: {
|
|
59
|
-
root?: (React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides) | undefined;
|
|
60
|
-
input?: (React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides) | undefined;
|
|
61
|
-
} | undefined;
|
|
62
39
|
/**
|
|
63
40
|
* The default value. Use when the component is not controlled.
|
|
64
41
|
*/
|
|
@@ -185,8 +162,6 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
185
162
|
* The extra props for the slot components.
|
|
186
163
|
* You can override the existing props or add new ones.
|
|
187
164
|
*
|
|
188
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
189
|
-
*
|
|
190
165
|
* @default {}
|
|
191
166
|
*/
|
|
192
167
|
slotProps?: {
|
|
@@ -200,8 +175,6 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
200
175
|
/**
|
|
201
176
|
* The components used for each slot inside.
|
|
202
177
|
*
|
|
203
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
204
|
-
*
|
|
205
178
|
* @default {}
|
|
206
179
|
*/
|
|
207
180
|
slots?: {
|
package/InputBase/InputBase.d.ts
CHANGED
|
@@ -36,29 +36,6 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
36
36
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
37
37
|
*/
|
|
38
38
|
color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides> | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* The components used for each slot inside.
|
|
41
|
-
*
|
|
42
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
43
|
-
*
|
|
44
|
-
* @default {}
|
|
45
|
-
*/
|
|
46
|
-
components?: {
|
|
47
|
-
Root?: React.ElementType | undefined;
|
|
48
|
-
Input?: React.ElementType | undefined;
|
|
49
|
-
} | undefined;
|
|
50
|
-
/**
|
|
51
|
-
* The extra props for the slot components.
|
|
52
|
-
* You can override the existing props or add new ones.
|
|
53
|
-
*
|
|
54
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
55
|
-
*
|
|
56
|
-
* @default {}
|
|
57
|
-
*/
|
|
58
|
-
componentsProps?: {
|
|
59
|
-
root?: (React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides) | undefined;
|
|
60
|
-
input?: (React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides) | undefined;
|
|
61
|
-
} | undefined;
|
|
62
39
|
/**
|
|
63
40
|
* The default value. Use when the component is not controlled.
|
|
64
41
|
*/
|
|
@@ -185,8 +162,6 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
185
162
|
* The extra props for the slot components.
|
|
186
163
|
* You can override the existing props or add new ones.
|
|
187
164
|
*
|
|
188
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
189
|
-
*
|
|
190
165
|
* @default {}
|
|
191
166
|
*/
|
|
192
167
|
slotProps?: {
|
|
@@ -200,8 +175,6 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
200
175
|
/**
|
|
201
176
|
* The components used for each slot inside.
|
|
202
177
|
*
|
|
203
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
204
|
-
*
|
|
205
178
|
* @default {}
|
|
206
179
|
*/
|
|
207
180
|
slots?: {
|
package/InputBase/InputBase.js
CHANGED
|
@@ -40,7 +40,7 @@ const inputOverridesResolver = (props, styles) => {
|
|
|
40
40
|
const {
|
|
41
41
|
ownerState
|
|
42
42
|
} = props;
|
|
43
|
-
return [styles.input, ownerState.
|
|
43
|
+
return [styles.input, ownerState.type === 'search' && styles.inputTypeSearch];
|
|
44
44
|
};
|
|
45
45
|
exports.inputOverridesResolver = inputOverridesResolver;
|
|
46
46
|
const useUtilityClasses = ownerState => {
|
|
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
|
|
|
62
62
|
} = ownerState;
|
|
63
63
|
const slots = {
|
|
64
64
|
root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${(0, _capitalize.default)(size)}`, multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],
|
|
65
|
-
input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch',
|
|
65
|
+
input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', readOnly && 'readOnly']
|
|
66
66
|
};
|
|
67
67
|
return (0, _composeClasses.default)(slots, _inputBaseClasses.getInputBaseUtilityClass, classes);
|
|
68
68
|
};
|
|
@@ -256,8 +256,6 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
|
|
|
256
256
|
autoFocus,
|
|
257
257
|
className,
|
|
258
258
|
color,
|
|
259
|
-
components = {},
|
|
260
|
-
componentsProps = {},
|
|
261
259
|
defaultValue,
|
|
262
260
|
disabled,
|
|
263
261
|
disableInjectingGlobalStyles,
|
|
@@ -464,12 +462,12 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
|
|
|
464
462
|
type
|
|
465
463
|
};
|
|
466
464
|
const classes = useUtilityClasses(ownerState);
|
|
467
|
-
const Root = slots.root ||
|
|
468
|
-
const rootProps = slotProps.root ||
|
|
469
|
-
const Input = slots.input ||
|
|
465
|
+
const Root = slots.root || InputBaseRoot;
|
|
466
|
+
const rootProps = slotProps.root || {};
|
|
467
|
+
const Input = slots.input || InputBaseInput;
|
|
470
468
|
inputProps = {
|
|
471
469
|
...inputProps,
|
|
472
|
-
...
|
|
470
|
+
...slotProps.input
|
|
473
471
|
};
|
|
474
472
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
475
473
|
children: [!disableInjectingGlobalStyles && typeof InputGlobalStyles === 'function' && (// For Emotion/Styled-components, InputGlobalStyles will be a function
|
|
@@ -561,29 +559,6 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
|
|
|
561
559
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
562
560
|
*/
|
|
563
561
|
color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
|
|
564
|
-
/**
|
|
565
|
-
* The components used for each slot inside.
|
|
566
|
-
*
|
|
567
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
568
|
-
*
|
|
569
|
-
* @default {}
|
|
570
|
-
*/
|
|
571
|
-
components: _propTypes.default.shape({
|
|
572
|
-
Input: _propTypes.default.elementType,
|
|
573
|
-
Root: _propTypes.default.elementType
|
|
574
|
-
}),
|
|
575
|
-
/**
|
|
576
|
-
* The extra props for the slot components.
|
|
577
|
-
* You can override the existing props or add new ones.
|
|
578
|
-
*
|
|
579
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
580
|
-
*
|
|
581
|
-
* @default {}
|
|
582
|
-
*/
|
|
583
|
-
componentsProps: _propTypes.default.shape({
|
|
584
|
-
input: _propTypes.default.object,
|
|
585
|
-
root: _propTypes.default.object
|
|
586
|
-
}),
|
|
587
562
|
/**
|
|
588
563
|
* The default value. Use when the component is not controlled.
|
|
589
564
|
*/
|
|
@@ -718,8 +693,6 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
|
|
|
718
693
|
* The extra props for the slot components.
|
|
719
694
|
* You can override the existing props or add new ones.
|
|
720
695
|
*
|
|
721
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
722
|
-
*
|
|
723
696
|
* @default {}
|
|
724
697
|
*/
|
|
725
698
|
slotProps: _propTypes.default.shape({
|
|
@@ -729,8 +702,6 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
|
|
|
729
702
|
/**
|
|
730
703
|
* The components used for each slot inside.
|
|
731
704
|
*
|
|
732
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
733
|
-
*
|
|
734
705
|
* @default {}
|
|
735
706
|
*/
|
|
736
707
|
slots: _propTypes.default.shape({
|
package/InputBase/InputBase.mjs
CHANGED
|
@@ -32,7 +32,7 @@ export const inputOverridesResolver = (props, styles) => {
|
|
|
32
32
|
const {
|
|
33
33
|
ownerState
|
|
34
34
|
} = props;
|
|
35
|
-
return [styles.input, ownerState.
|
|
35
|
+
return [styles.input, ownerState.type === 'search' && styles.inputTypeSearch];
|
|
36
36
|
};
|
|
37
37
|
const useUtilityClasses = ownerState => {
|
|
38
38
|
const {
|
|
@@ -53,7 +53,7 @@ const useUtilityClasses = ownerState => {
|
|
|
53
53
|
} = ownerState;
|
|
54
54
|
const slots = {
|
|
55
55
|
root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${capitalize(size)}`, multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],
|
|
56
|
-
input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch',
|
|
56
|
+
input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', readOnly && 'readOnly']
|
|
57
57
|
};
|
|
58
58
|
return composeClasses(slots, getInputBaseUtilityClass, classes);
|
|
59
59
|
};
|
|
@@ -247,8 +247,6 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
|
|
|
247
247
|
autoFocus,
|
|
248
248
|
className,
|
|
249
249
|
color,
|
|
250
|
-
components = {},
|
|
251
|
-
componentsProps = {},
|
|
252
250
|
defaultValue,
|
|
253
251
|
disabled,
|
|
254
252
|
disableInjectingGlobalStyles,
|
|
@@ -455,12 +453,12 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
|
|
|
455
453
|
type
|
|
456
454
|
};
|
|
457
455
|
const classes = useUtilityClasses(ownerState);
|
|
458
|
-
const Root = slots.root ||
|
|
459
|
-
const rootProps = slotProps.root ||
|
|
460
|
-
const Input = slots.input ||
|
|
456
|
+
const Root = slots.root || InputBaseRoot;
|
|
457
|
+
const rootProps = slotProps.root || {};
|
|
458
|
+
const Input = slots.input || InputBaseInput;
|
|
461
459
|
inputProps = {
|
|
462
460
|
...inputProps,
|
|
463
|
-
...
|
|
461
|
+
...slotProps.input
|
|
464
462
|
};
|
|
465
463
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
466
464
|
children: [!disableInjectingGlobalStyles && typeof InputGlobalStyles === 'function' && (// For Emotion/Styled-components, InputGlobalStyles will be a function
|
|
@@ -552,29 +550,6 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
|
|
|
552
550
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
553
551
|
*/
|
|
554
552
|
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
|
|
555
|
-
/**
|
|
556
|
-
* The components used for each slot inside.
|
|
557
|
-
*
|
|
558
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
559
|
-
*
|
|
560
|
-
* @default {}
|
|
561
|
-
*/
|
|
562
|
-
components: PropTypes.shape({
|
|
563
|
-
Input: PropTypes.elementType,
|
|
564
|
-
Root: PropTypes.elementType
|
|
565
|
-
}),
|
|
566
|
-
/**
|
|
567
|
-
* The extra props for the slot components.
|
|
568
|
-
* You can override the existing props or add new ones.
|
|
569
|
-
*
|
|
570
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
571
|
-
*
|
|
572
|
-
* @default {}
|
|
573
|
-
*/
|
|
574
|
-
componentsProps: PropTypes.shape({
|
|
575
|
-
input: PropTypes.object,
|
|
576
|
-
root: PropTypes.object
|
|
577
|
-
}),
|
|
578
553
|
/**
|
|
579
554
|
* The default value. Use when the component is not controlled.
|
|
580
555
|
*/
|
|
@@ -709,8 +684,6 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
|
|
|
709
684
|
* The extra props for the slot components.
|
|
710
685
|
* You can override the existing props or add new ones.
|
|
711
686
|
*
|
|
712
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
713
|
-
*
|
|
714
687
|
* @default {}
|
|
715
688
|
*/
|
|
716
689
|
slotProps: PropTypes.shape({
|
|
@@ -720,8 +693,6 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
|
|
|
720
693
|
/**
|
|
721
694
|
* The components used for each slot inside.
|
|
722
695
|
*
|
|
723
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
724
|
-
*
|
|
725
696
|
* @default {}
|
|
726
697
|
*/
|
|
727
698
|
slots: PropTypes.shape({
|
|
@@ -27,27 +27,7 @@ export interface InputBaseClasses {
|
|
|
27
27
|
readOnly: string;
|
|
28
28
|
/** Styles applied to the input element. */
|
|
29
29
|
input: string;
|
|
30
|
-
/** Styles applied to the input element if `size="small"`.
|
|
31
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
32
|
-
*/
|
|
33
|
-
inputSizeSmall: string;
|
|
34
|
-
/** Styles applied to the input element if `multiline={true}`.
|
|
35
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
36
|
-
*/
|
|
37
|
-
inputMultiline: string;
|
|
38
30
|
inputTypeSearch: string;
|
|
39
|
-
/** Styles applied to the input element if `startAdornment` is provided.
|
|
40
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
41
|
-
*/
|
|
42
|
-
inputAdornedStart: string;
|
|
43
|
-
/** Styles applied to the input element if `endAdornment` is provided.
|
|
44
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
45
|
-
*/
|
|
46
|
-
inputAdornedEnd: string;
|
|
47
|
-
/** Styles applied to the input element if `hiddenLabel={true}`.
|
|
48
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#input-base-classes-MuiInputBase-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
49
|
-
*/
|
|
50
|
-
inputHiddenLabel: string;
|
|
51
31
|
}
|
|
52
32
|
export type InputBaseClassKey = keyof InputBaseClasses;
|
|
53
33
|
export declare function getInputBaseUtilityClass(slot: string): string;
|
|
@@ -27,27 +27,7 @@ export interface InputBaseClasses {
|
|
|
27
27
|
readOnly: string;
|
|
28
28
|
/** Styles applied to the input element. */
|
|
29
29
|
input: string;
|
|
30
|
-
/** Styles applied to the input element if `size="small"`.
|
|
31
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
32
|
-
*/
|
|
33
|
-
inputSizeSmall: string;
|
|
34
|
-
/** Styles applied to the input element if `multiline={true}`.
|
|
35
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
36
|
-
*/
|
|
37
|
-
inputMultiline: string;
|
|
38
30
|
inputTypeSearch: string;
|
|
39
|
-
/** Styles applied to the input element if `startAdornment` is provided.
|
|
40
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
41
|
-
*/
|
|
42
|
-
inputAdornedStart: string;
|
|
43
|
-
/** Styles applied to the input element if `endAdornment` is provided.
|
|
44
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
45
|
-
*/
|
|
46
|
-
inputAdornedEnd: string;
|
|
47
|
-
/** Styles applied to the input element if `hiddenLabel={true}`.
|
|
48
|
-
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#input-base-classes-MuiInputBase-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
49
|
-
*/
|
|
50
|
-
inputHiddenLabel: string;
|
|
51
31
|
}
|
|
52
32
|
export type InputBaseClassKey = keyof InputBaseClasses;
|
|
53
33
|
export declare function getInputBaseUtilityClass(slot: string): string;
|
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getInputBaseUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiInputBase', slot);
|
|
13
13
|
}
|
|
14
|
-
const inputBaseClasses = (0, _generateUtilityClasses.default)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', '
|
|
14
|
+
const inputBaseClasses = (0, _generateUtilityClasses.default)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputTypeSearch']);
|
|
15
15
|
var _default = exports.default = inputBaseClasses;
|
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getInputBaseUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiInputBase', slot);
|
|
5
5
|
}
|
|
6
|
-
const inputBaseClasses = generateUtilityClasses('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', '
|
|
6
|
+
const inputBaseClasses = generateUtilityClasses('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputTypeSearch']);
|
|
7
7
|
export default inputBaseClasses;
|
package/InputLabel/InputLabel.js
CHANGED
|
@@ -79,7 +79,7 @@ const InputLabelRoot = (0, _zeroStyled.styled)(_FormLabel.default, {
|
|
|
79
79
|
size: 'small'
|
|
80
80
|
},
|
|
81
81
|
style: {
|
|
82
|
-
// Compensation for the `Input
|
|
82
|
+
// Compensation for the `Input` small size style.
|
|
83
83
|
transform: 'translate(0, 17px) scale(1)'
|
|
84
84
|
}
|
|
85
85
|
}, {
|