@mui/material 5.2.5 → 5.2.6
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/Accordion/accordionClasses.d.ts +18 -18
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Badge/Badge.d.ts +25 -0
- package/Badge/Badge.js +25 -8
- package/BottomNavigation/BottomNavigation.js +0 -0
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/buttonClasses.d.ts +76 -76
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +57 -0
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/chipClasses.d.ts +80 -80
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/containerClasses.d.ts +22 -22
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/fabClasses.d.ts +26 -26
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/formControlLabelClasses.d.ts +18 -18
- package/FormGroup/formGroupClasses.d.ts +10 -10
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/Grid/gridClasses.d.ts +48 -48
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/iconButtonClasses.d.ts +26 -26
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/linkClasses.d.ts +18 -18
- package/List/listClasses.d.ts +14 -14
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +17 -17
- package/README.md +15 -21
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/skeletonClasses.d.ts +24 -24
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/svgIconClasses.d.ts +24 -24
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/typographyClasses.d.ts +50 -50
- package/darkScrollbar/index.d.ts +28 -28
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/Badge/Badge.js +30 -9
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +141 -58
- package/locale/index.d.ts +68 -67
- package/locale/index.js +86 -6
- package/modern/Badge/Badge.js +25 -8
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/index.js +1 -1
- package/modern/locale/index.js +86 -6
- package/node/Badge/Badge.js +25 -8
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/index.js +1 -1
- package/node/locale/index.js +88 -7
- package/package.json +3 -3
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/umd/material-ui.development.js +96 -55
- package/umd/material-ui.production.min.js +21 -21
- package/useMediaQuery/useMediaQuery.d.ts +27 -27
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/setRef.d.ts +2 -2
package/locale/index.js
CHANGED
|
@@ -888,7 +888,7 @@ export const enUS = {
|
|
|
888
888
|
MuiBreadcrumbs: { defaultProps: {
|
|
889
889
|
expandText: 'Show path',
|
|
890
890
|
}},
|
|
891
|
-
MuiTablePagination: { defaultProps: {
|
|
891
|
+
MuiTablePagination: { defaultProps: {
|
|
892
892
|
getItemAriaLabel: (type) => {
|
|
893
893
|
if (type === 'first') {
|
|
894
894
|
return 'Go to first page';
|
|
@@ -906,21 +906,21 @@ export const enUS = {
|
|
|
906
906
|
labelDisplayedRows: ({ from, to, count }) =>
|
|
907
907
|
`${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`,
|
|
908
908
|
}},
|
|
909
|
-
MuiRating: { defaultProps: {
|
|
909
|
+
MuiRating: { defaultProps: {
|
|
910
910
|
getLabelText: value => `${value} Star${value !== 1 ? 's' : ''}`,
|
|
911
911
|
emptyLabelText: 'Empty',
|
|
912
912
|
}},
|
|
913
|
-
MuiAutocomplete: { defaultProps: {
|
|
913
|
+
MuiAutocomplete: { defaultProps: {
|
|
914
914
|
clearText: 'Clear',
|
|
915
915
|
closeText: 'Close',
|
|
916
916
|
loadingText: 'Loading…',
|
|
917
917
|
noOptionsText: 'No options',
|
|
918
918
|
openText: 'Open',
|
|
919
919
|
}},
|
|
920
|
-
MuiAlert: { defaultProps: {
|
|
920
|
+
MuiAlert: { defaultProps: {
|
|
921
921
|
closeText: 'Close',
|
|
922
922
|
}},
|
|
923
|
-
MuiPagination: { defaultProps: {
|
|
923
|
+
MuiPagination: { defaultProps: {
|
|
924
924
|
'aria-label': 'Pagination navigation',
|
|
925
925
|
getItemAriaLabel: (type, page, selected) => {
|
|
926
926
|
if (type === 'page') {
|
|
@@ -938,7 +938,7 @@ export const enUS = {
|
|
|
938
938
|
// if (type === 'previous') {
|
|
939
939
|
return 'Go to previous page';
|
|
940
940
|
},
|
|
941
|
-
},
|
|
941
|
+
}},
|
|
942
942
|
},
|
|
943
943
|
*/
|
|
944
944
|
};
|
|
@@ -2186,6 +2186,86 @@ export const kzKZ = {
|
|
|
2186
2186
|
}
|
|
2187
2187
|
}
|
|
2188
2188
|
};
|
|
2189
|
+
export const nbNO = {
|
|
2190
|
+
components: {
|
|
2191
|
+
MuiBreadcrumbs: {
|
|
2192
|
+
defaultProps: {
|
|
2193
|
+
expandText: 'Vis sti'
|
|
2194
|
+
}
|
|
2195
|
+
},
|
|
2196
|
+
MuiTablePagination: {
|
|
2197
|
+
defaultProps: {
|
|
2198
|
+
getItemAriaLabel: type => {
|
|
2199
|
+
if (type === 'first') {
|
|
2200
|
+
return 'Gå til første side';
|
|
2201
|
+
}
|
|
2202
|
+
|
|
2203
|
+
if (type === 'last') {
|
|
2204
|
+
return 'Gå til siste side';
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2207
|
+
if (type === 'next') {
|
|
2208
|
+
return 'Gå til neste side';
|
|
2209
|
+
} // if (type === 'previous') {
|
|
2210
|
+
|
|
2211
|
+
|
|
2212
|
+
return 'Gå til forrige side';
|
|
2213
|
+
},
|
|
2214
|
+
labelRowsPerPage: 'Rader per side:',
|
|
2215
|
+
labelDisplayedRows: ({
|
|
2216
|
+
from,
|
|
2217
|
+
to,
|
|
2218
|
+
count
|
|
2219
|
+
}) => `${from}–${to} av ${count !== -1 ? count : `mer enn ${to}`}`
|
|
2220
|
+
}
|
|
2221
|
+
},
|
|
2222
|
+
MuiRating: {
|
|
2223
|
+
defaultProps: {
|
|
2224
|
+
getLabelText: value => `${value} Stjerne${value !== 1 ? 'r' : ''}`,
|
|
2225
|
+
emptyLabelText: 'Tom'
|
|
2226
|
+
}
|
|
2227
|
+
},
|
|
2228
|
+
MuiAutocomplete: {
|
|
2229
|
+
defaultProps: {
|
|
2230
|
+
clearText: 'Tøm',
|
|
2231
|
+
closeText: 'Lukk',
|
|
2232
|
+
loadingText: 'Laster inn…',
|
|
2233
|
+
noOptionsText: 'Ingen alternativer',
|
|
2234
|
+
openText: 'Åpne'
|
|
2235
|
+
}
|
|
2236
|
+
},
|
|
2237
|
+
MuiAlert: {
|
|
2238
|
+
defaultProps: {
|
|
2239
|
+
closeText: 'Lukk'
|
|
2240
|
+
}
|
|
2241
|
+
},
|
|
2242
|
+
MuiPagination: {
|
|
2243
|
+
defaultProps: {
|
|
2244
|
+
'aria-label': 'Paginering navigasjon',
|
|
2245
|
+
getItemAriaLabel: (type, page, selected) => {
|
|
2246
|
+
if (type === 'page') {
|
|
2247
|
+
return `${selected ? '' : 'Gå til '}side ${page}`;
|
|
2248
|
+
}
|
|
2249
|
+
|
|
2250
|
+
if (type === 'first') {
|
|
2251
|
+
return 'Gå til første side';
|
|
2252
|
+
}
|
|
2253
|
+
|
|
2254
|
+
if (type === 'last') {
|
|
2255
|
+
return 'Gå til siste side';
|
|
2256
|
+
}
|
|
2257
|
+
|
|
2258
|
+
if (type === 'next') {
|
|
2259
|
+
return 'Gå til neste side';
|
|
2260
|
+
} // if (type === 'previous') {
|
|
2261
|
+
|
|
2262
|
+
|
|
2263
|
+
return 'Gå til forrige side';
|
|
2264
|
+
}
|
|
2265
|
+
}
|
|
2266
|
+
}
|
|
2267
|
+
}
|
|
2268
|
+
};
|
|
2189
2269
|
export const nlNL = {
|
|
2190
2270
|
components: {
|
|
2191
2271
|
MuiBreadcrumbs: {
|
package/modern/Badge/Badge.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
const _excluded = ["component", "components", "componentsProps", "color", "invisible", "badgeContent", "showZero", "variant"];
|
|
3
|
+
const _excluded = ["anchorOrigin", "component", "components", "componentsProps", "overlap", "color", "invisible", "badgeContent", "showZero", "variant"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -11,17 +11,20 @@ import styled from '../styles/styled';
|
|
|
11
11
|
import useThemeProps from '../styles/useThemeProps';
|
|
12
12
|
import capitalize from '../utils/capitalize';
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
export const badgeClasses = _extends({}, badgeUnstyledClasses, generateUtilityClasses('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning'
|
|
14
|
+
export const badgeClasses = _extends({}, badgeUnstyledClasses, generateUtilityClasses('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular', // TODO: v6 remove the overlap value from these class keys
|
|
15
|
+
'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']));
|
|
15
16
|
const RADIUS_STANDARD = 10;
|
|
16
17
|
const RADIUS_DOT = 4;
|
|
17
18
|
|
|
18
19
|
const extendUtilityClasses = ownerState => {
|
|
19
20
|
const {
|
|
20
21
|
color,
|
|
22
|
+
anchorOrigin,
|
|
23
|
+
overlap,
|
|
21
24
|
classes = {}
|
|
22
25
|
} = ownerState;
|
|
23
26
|
return _extends({}, classes, {
|
|
24
|
-
badge: clsx(classes.badge, color !== 'default' && [getBadgeUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`]])
|
|
27
|
+
badge: clsx(classes.badge, getBadgeUtilityClass(`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`), getBadgeUtilityClass(`overlap${capitalize(overlap)}`), color !== 'default' && [getBadgeUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`]])
|
|
25
28
|
});
|
|
26
29
|
};
|
|
27
30
|
|
|
@@ -161,9 +164,14 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
161
164
|
});
|
|
162
165
|
|
|
163
166
|
const {
|
|
167
|
+
anchorOrigin: anchorOriginProp = {
|
|
168
|
+
vertical: 'top',
|
|
169
|
+
horizontal: 'right'
|
|
170
|
+
},
|
|
164
171
|
component = 'span',
|
|
165
172
|
components = {},
|
|
166
173
|
componentsProps = {},
|
|
174
|
+
overlap: overlapProp = 'rectangular',
|
|
167
175
|
color: colorProp = 'default',
|
|
168
176
|
invisible: invisibleProp,
|
|
169
177
|
badgeContent: badgeContentProp,
|
|
@@ -173,7 +181,9 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
173
181
|
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
174
182
|
|
|
175
183
|
const prevProps = usePreviousProps({
|
|
176
|
-
|
|
184
|
+
anchorOrigin: anchorOriginProp,
|
|
185
|
+
color: colorProp,
|
|
186
|
+
overlap: overlapProp
|
|
177
187
|
});
|
|
178
188
|
let invisible = invisibleProp;
|
|
179
189
|
|
|
@@ -182,16 +192,21 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
182
192
|
}
|
|
183
193
|
|
|
184
194
|
const {
|
|
185
|
-
color = colorProp
|
|
195
|
+
color = colorProp,
|
|
196
|
+
overlap = overlapProp,
|
|
197
|
+
anchorOrigin = anchorOriginProp
|
|
186
198
|
} = invisible ? prevProps : props;
|
|
187
199
|
|
|
188
200
|
const ownerState = _extends({}, props, {
|
|
201
|
+
anchorOrigin,
|
|
189
202
|
invisible,
|
|
190
|
-
color
|
|
203
|
+
color,
|
|
204
|
+
overlap
|
|
191
205
|
});
|
|
192
206
|
|
|
193
207
|
const classes = extendUtilityClasses(ownerState);
|
|
194
208
|
return /*#__PURE__*/_jsx(BadgeUnstyled, _extends({
|
|
209
|
+
anchorOrigin: anchorOrigin,
|
|
195
210
|
invisible: invisibleProp,
|
|
196
211
|
badgeContent: badgeContentProp,
|
|
197
212
|
showZero: showZero,
|
|
@@ -205,12 +220,14 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
205
220
|
root: _extends({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {
|
|
206
221
|
as: component,
|
|
207
222
|
ownerState: _extends({}, componentsProps.root?.ownerState, {
|
|
208
|
-
color
|
|
223
|
+
color,
|
|
224
|
+
overlap
|
|
209
225
|
})
|
|
210
226
|
}),
|
|
211
227
|
badge: _extends({}, componentsProps.badge, shouldSpreadAdditionalProps(components.Badge) && {
|
|
212
228
|
ownerState: _extends({}, componentsProps.badge?.ownerState, {
|
|
213
|
-
color
|
|
229
|
+
color,
|
|
230
|
+
overlap
|
|
214
231
|
})
|
|
215
232
|
})
|
|
216
233
|
},
|
|
File without changes
|
package/modern/index.js
CHANGED
package/modern/locale/index.js
CHANGED
|
@@ -888,7 +888,7 @@ export const enUS = {
|
|
|
888
888
|
MuiBreadcrumbs: { defaultProps: {
|
|
889
889
|
expandText: 'Show path',
|
|
890
890
|
}},
|
|
891
|
-
MuiTablePagination: { defaultProps: {
|
|
891
|
+
MuiTablePagination: { defaultProps: {
|
|
892
892
|
getItemAriaLabel: (type) => {
|
|
893
893
|
if (type === 'first') {
|
|
894
894
|
return 'Go to first page';
|
|
@@ -906,21 +906,21 @@ export const enUS = {
|
|
|
906
906
|
labelDisplayedRows: ({ from, to, count }) =>
|
|
907
907
|
`${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`,
|
|
908
908
|
}},
|
|
909
|
-
MuiRating: { defaultProps: {
|
|
909
|
+
MuiRating: { defaultProps: {
|
|
910
910
|
getLabelText: value => `${value} Star${value !== 1 ? 's' : ''}`,
|
|
911
911
|
emptyLabelText: 'Empty',
|
|
912
912
|
}},
|
|
913
|
-
MuiAutocomplete: { defaultProps: {
|
|
913
|
+
MuiAutocomplete: { defaultProps: {
|
|
914
914
|
clearText: 'Clear',
|
|
915
915
|
closeText: 'Close',
|
|
916
916
|
loadingText: 'Loading…',
|
|
917
917
|
noOptionsText: 'No options',
|
|
918
918
|
openText: 'Open',
|
|
919
919
|
}},
|
|
920
|
-
MuiAlert: { defaultProps: {
|
|
920
|
+
MuiAlert: { defaultProps: {
|
|
921
921
|
closeText: 'Close',
|
|
922
922
|
}},
|
|
923
|
-
MuiPagination: { defaultProps: {
|
|
923
|
+
MuiPagination: { defaultProps: {
|
|
924
924
|
'aria-label': 'Pagination navigation',
|
|
925
925
|
getItemAriaLabel: (type, page, selected) => {
|
|
926
926
|
if (type === 'page') {
|
|
@@ -938,7 +938,7 @@ export const enUS = {
|
|
|
938
938
|
// if (type === 'previous') {
|
|
939
939
|
return 'Go to previous page';
|
|
940
940
|
},
|
|
941
|
-
},
|
|
941
|
+
}},
|
|
942
942
|
},
|
|
943
943
|
*/
|
|
944
944
|
};
|
|
@@ -2186,6 +2186,86 @@ export const kzKZ = {
|
|
|
2186
2186
|
}
|
|
2187
2187
|
}
|
|
2188
2188
|
};
|
|
2189
|
+
export const nbNO = {
|
|
2190
|
+
components: {
|
|
2191
|
+
MuiBreadcrumbs: {
|
|
2192
|
+
defaultProps: {
|
|
2193
|
+
expandText: 'Vis sti'
|
|
2194
|
+
}
|
|
2195
|
+
},
|
|
2196
|
+
MuiTablePagination: {
|
|
2197
|
+
defaultProps: {
|
|
2198
|
+
getItemAriaLabel: type => {
|
|
2199
|
+
if (type === 'first') {
|
|
2200
|
+
return 'Gå til første side';
|
|
2201
|
+
}
|
|
2202
|
+
|
|
2203
|
+
if (type === 'last') {
|
|
2204
|
+
return 'Gå til siste side';
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2207
|
+
if (type === 'next') {
|
|
2208
|
+
return 'Gå til neste side';
|
|
2209
|
+
} // if (type === 'previous') {
|
|
2210
|
+
|
|
2211
|
+
|
|
2212
|
+
return 'Gå til forrige side';
|
|
2213
|
+
},
|
|
2214
|
+
labelRowsPerPage: 'Rader per side:',
|
|
2215
|
+
labelDisplayedRows: ({
|
|
2216
|
+
from,
|
|
2217
|
+
to,
|
|
2218
|
+
count
|
|
2219
|
+
}) => `${from}–${to} av ${count !== -1 ? count : `mer enn ${to}`}`
|
|
2220
|
+
}
|
|
2221
|
+
},
|
|
2222
|
+
MuiRating: {
|
|
2223
|
+
defaultProps: {
|
|
2224
|
+
getLabelText: value => `${value} Stjerne${value !== 1 ? 'r' : ''}`,
|
|
2225
|
+
emptyLabelText: 'Tom'
|
|
2226
|
+
}
|
|
2227
|
+
},
|
|
2228
|
+
MuiAutocomplete: {
|
|
2229
|
+
defaultProps: {
|
|
2230
|
+
clearText: 'Tøm',
|
|
2231
|
+
closeText: 'Lukk',
|
|
2232
|
+
loadingText: 'Laster inn…',
|
|
2233
|
+
noOptionsText: 'Ingen alternativer',
|
|
2234
|
+
openText: 'Åpne'
|
|
2235
|
+
}
|
|
2236
|
+
},
|
|
2237
|
+
MuiAlert: {
|
|
2238
|
+
defaultProps: {
|
|
2239
|
+
closeText: 'Lukk'
|
|
2240
|
+
}
|
|
2241
|
+
},
|
|
2242
|
+
MuiPagination: {
|
|
2243
|
+
defaultProps: {
|
|
2244
|
+
'aria-label': 'Paginering navigasjon',
|
|
2245
|
+
getItemAriaLabel: (type, page, selected) => {
|
|
2246
|
+
if (type === 'page') {
|
|
2247
|
+
return `${selected ? '' : 'Gå til '}side ${page}`;
|
|
2248
|
+
}
|
|
2249
|
+
|
|
2250
|
+
if (type === 'first') {
|
|
2251
|
+
return 'Gå til første side';
|
|
2252
|
+
}
|
|
2253
|
+
|
|
2254
|
+
if (type === 'last') {
|
|
2255
|
+
return 'Gå til siste side';
|
|
2256
|
+
}
|
|
2257
|
+
|
|
2258
|
+
if (type === 'next') {
|
|
2259
|
+
return 'Gå til neste side';
|
|
2260
|
+
} // if (type === 'previous') {
|
|
2261
|
+
|
|
2262
|
+
|
|
2263
|
+
return 'Gå til forrige side';
|
|
2264
|
+
}
|
|
2265
|
+
}
|
|
2266
|
+
}
|
|
2267
|
+
}
|
|
2268
|
+
};
|
|
2189
2269
|
export const nlNL = {
|
|
2190
2270
|
components: {
|
|
2191
2271
|
MuiBreadcrumbs: {
|
package/node/Badge/Badge.js
CHANGED
|
@@ -31,13 +31,14 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
|
|
|
31
31
|
|
|
32
32
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
33
33
|
|
|
34
|
-
const _excluded = ["component", "components", "componentsProps", "color", "invisible", "badgeContent", "showZero", "variant"];
|
|
34
|
+
const _excluded = ["anchorOrigin", "component", "components", "componentsProps", "overlap", "color", "invisible", "badgeContent", "showZero", "variant"];
|
|
35
35
|
|
|
36
36
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
37
|
|
|
38
38
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
39
39
|
|
|
40
|
-
const badgeClasses = (0, _extends2.default)({}, _BadgeUnstyled.badgeUnstyledClasses, (0, _base.generateUtilityClasses)('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning'
|
|
40
|
+
const badgeClasses = (0, _extends2.default)({}, _BadgeUnstyled.badgeUnstyledClasses, (0, _base.generateUtilityClasses)('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular', // TODO: v6 remove the overlap value from these class keys
|
|
41
|
+
'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']));
|
|
41
42
|
exports.badgeClasses = badgeClasses;
|
|
42
43
|
const RADIUS_STANDARD = 10;
|
|
43
44
|
const RADIUS_DOT = 4;
|
|
@@ -45,10 +46,12 @@ const RADIUS_DOT = 4;
|
|
|
45
46
|
const extendUtilityClasses = ownerState => {
|
|
46
47
|
const {
|
|
47
48
|
color,
|
|
49
|
+
anchorOrigin,
|
|
50
|
+
overlap,
|
|
48
51
|
classes = {}
|
|
49
52
|
} = ownerState;
|
|
50
53
|
return (0, _extends2.default)({}, classes, {
|
|
51
|
-
badge: (0, _clsx.default)(classes.badge, color !== 'default' && [(0, _BadgeUnstyled.getBadgeUtilityClass)(`color${(0, _capitalize.default)(color)}`), classes[`color${(0, _capitalize.default)(color)}`]])
|
|
54
|
+
badge: (0, _clsx.default)(classes.badge, (0, _BadgeUnstyled.getBadgeUtilityClass)(`anchorOrigin${(0, _capitalize.default)(anchorOrigin.vertical)}${(0, _capitalize.default)(anchorOrigin.horizontal)}${(0, _capitalize.default)(overlap)}`), (0, _BadgeUnstyled.getBadgeUtilityClass)(`overlap${(0, _capitalize.default)(overlap)}`), color !== 'default' && [(0, _BadgeUnstyled.getBadgeUtilityClass)(`color${(0, _capitalize.default)(color)}`), classes[`color${(0, _capitalize.default)(color)}`]])
|
|
52
55
|
});
|
|
53
56
|
};
|
|
54
57
|
|
|
@@ -189,9 +192,14 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
189
192
|
name: 'MuiBadge'
|
|
190
193
|
});
|
|
191
194
|
const {
|
|
195
|
+
anchorOrigin: anchorOriginProp = {
|
|
196
|
+
vertical: 'top',
|
|
197
|
+
horizontal: 'right'
|
|
198
|
+
},
|
|
192
199
|
component = 'span',
|
|
193
200
|
components = {},
|
|
194
201
|
componentsProps = {},
|
|
202
|
+
overlap: overlapProp = 'rectangular',
|
|
195
203
|
color: colorProp = 'default',
|
|
196
204
|
invisible: invisibleProp,
|
|
197
205
|
badgeContent: badgeContentProp,
|
|
@@ -200,7 +208,9 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
200
208
|
} = props,
|
|
201
209
|
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
202
210
|
const prevProps = (0, _utils.usePreviousProps)({
|
|
203
|
-
|
|
211
|
+
anchorOrigin: anchorOriginProp,
|
|
212
|
+
color: colorProp,
|
|
213
|
+
overlap: overlapProp
|
|
204
214
|
});
|
|
205
215
|
let invisible = invisibleProp;
|
|
206
216
|
|
|
@@ -209,14 +219,19 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
209
219
|
}
|
|
210
220
|
|
|
211
221
|
const {
|
|
212
|
-
color = colorProp
|
|
222
|
+
color = colorProp,
|
|
223
|
+
overlap = overlapProp,
|
|
224
|
+
anchorOrigin = anchorOriginProp
|
|
213
225
|
} = invisible ? prevProps : props;
|
|
214
226
|
const ownerState = (0, _extends2.default)({}, props, {
|
|
227
|
+
anchorOrigin,
|
|
215
228
|
invisible,
|
|
216
|
-
color
|
|
229
|
+
color,
|
|
230
|
+
overlap
|
|
217
231
|
});
|
|
218
232
|
const classes = extendUtilityClasses(ownerState);
|
|
219
233
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BadgeUnstyled.default, (0, _extends2.default)({
|
|
234
|
+
anchorOrigin: anchorOrigin,
|
|
220
235
|
invisible: invisibleProp,
|
|
221
236
|
badgeContent: badgeContentProp,
|
|
222
237
|
showZero: showZero,
|
|
@@ -230,12 +245,14 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
230
245
|
root: (0, _extends2.default)({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {
|
|
231
246
|
as: component,
|
|
232
247
|
ownerState: (0, _extends2.default)({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
|
|
233
|
-
color
|
|
248
|
+
color,
|
|
249
|
+
overlap
|
|
234
250
|
})
|
|
235
251
|
}),
|
|
236
252
|
badge: (0, _extends2.default)({}, componentsProps.badge, shouldSpreadAdditionalProps(components.Badge) && {
|
|
237
253
|
ownerState: (0, _extends2.default)({}, (_componentsProps$badg = componentsProps.badge) == null ? void 0 : _componentsProps$badg.ownerState, {
|
|
238
|
-
color
|
|
254
|
+
color,
|
|
255
|
+
overlap
|
|
239
256
|
})
|
|
240
257
|
})
|
|
241
258
|
},
|
|
File without changes
|
package/node/index.js
CHANGED
package/node/locale/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
|
|
6
|
+
exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
|
|
7
7
|
const amET = {
|
|
8
8
|
components: {
|
|
9
9
|
MuiBreadcrumbs: {
|
|
@@ -905,7 +905,7 @@ const enUS = {
|
|
|
905
905
|
MuiBreadcrumbs: { defaultProps: {
|
|
906
906
|
expandText: 'Show path',
|
|
907
907
|
}},
|
|
908
|
-
MuiTablePagination: { defaultProps: {
|
|
908
|
+
MuiTablePagination: { defaultProps: {
|
|
909
909
|
getItemAriaLabel: (type) => {
|
|
910
910
|
if (type === 'first') {
|
|
911
911
|
return 'Go to first page';
|
|
@@ -923,21 +923,21 @@ const enUS = {
|
|
|
923
923
|
labelDisplayedRows: ({ from, to, count }) =>
|
|
924
924
|
`${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`,
|
|
925
925
|
}},
|
|
926
|
-
MuiRating: { defaultProps: {
|
|
926
|
+
MuiRating: { defaultProps: {
|
|
927
927
|
getLabelText: value => `${value} Star${value !== 1 ? 's' : ''}`,
|
|
928
928
|
emptyLabelText: 'Empty',
|
|
929
929
|
}},
|
|
930
|
-
MuiAutocomplete: { defaultProps: {
|
|
930
|
+
MuiAutocomplete: { defaultProps: {
|
|
931
931
|
clearText: 'Clear',
|
|
932
932
|
closeText: 'Close',
|
|
933
933
|
loadingText: 'Loading…',
|
|
934
934
|
noOptionsText: 'No options',
|
|
935
935
|
openText: 'Open',
|
|
936
936
|
}},
|
|
937
|
-
MuiAlert: { defaultProps: {
|
|
937
|
+
MuiAlert: { defaultProps: {
|
|
938
938
|
closeText: 'Close',
|
|
939
939
|
}},
|
|
940
|
-
MuiPagination: { defaultProps: {
|
|
940
|
+
MuiPagination: { defaultProps: {
|
|
941
941
|
'aria-label': 'Pagination navigation',
|
|
942
942
|
getItemAriaLabel: (type, page, selected) => {
|
|
943
943
|
if (type === 'page') {
|
|
@@ -955,7 +955,7 @@ const enUS = {
|
|
|
955
955
|
// if (type === 'previous') {
|
|
956
956
|
return 'Go to previous page';
|
|
957
957
|
},
|
|
958
|
-
},
|
|
958
|
+
}},
|
|
959
959
|
},
|
|
960
960
|
*/
|
|
961
961
|
};
|
|
@@ -2220,6 +2220,87 @@ const kzKZ = {
|
|
|
2220
2220
|
}
|
|
2221
2221
|
};
|
|
2222
2222
|
exports.kzKZ = kzKZ;
|
|
2223
|
+
const nbNO = {
|
|
2224
|
+
components: {
|
|
2225
|
+
MuiBreadcrumbs: {
|
|
2226
|
+
defaultProps: {
|
|
2227
|
+
expandText: 'Vis sti'
|
|
2228
|
+
}
|
|
2229
|
+
},
|
|
2230
|
+
MuiTablePagination: {
|
|
2231
|
+
defaultProps: {
|
|
2232
|
+
getItemAriaLabel: type => {
|
|
2233
|
+
if (type === 'first') {
|
|
2234
|
+
return 'Gå til første side';
|
|
2235
|
+
}
|
|
2236
|
+
|
|
2237
|
+
if (type === 'last') {
|
|
2238
|
+
return 'Gå til siste side';
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2241
|
+
if (type === 'next') {
|
|
2242
|
+
return 'Gå til neste side';
|
|
2243
|
+
} // if (type === 'previous') {
|
|
2244
|
+
|
|
2245
|
+
|
|
2246
|
+
return 'Gå til forrige side';
|
|
2247
|
+
},
|
|
2248
|
+
labelRowsPerPage: 'Rader per side:',
|
|
2249
|
+
labelDisplayedRows: ({
|
|
2250
|
+
from,
|
|
2251
|
+
to,
|
|
2252
|
+
count
|
|
2253
|
+
}) => `${from}–${to} av ${count !== -1 ? count : `mer enn ${to}`}`
|
|
2254
|
+
}
|
|
2255
|
+
},
|
|
2256
|
+
MuiRating: {
|
|
2257
|
+
defaultProps: {
|
|
2258
|
+
getLabelText: value => `${value} Stjerne${value !== 1 ? 'r' : ''}`,
|
|
2259
|
+
emptyLabelText: 'Tom'
|
|
2260
|
+
}
|
|
2261
|
+
},
|
|
2262
|
+
MuiAutocomplete: {
|
|
2263
|
+
defaultProps: {
|
|
2264
|
+
clearText: 'Tøm',
|
|
2265
|
+
closeText: 'Lukk',
|
|
2266
|
+
loadingText: 'Laster inn…',
|
|
2267
|
+
noOptionsText: 'Ingen alternativer',
|
|
2268
|
+
openText: 'Åpne'
|
|
2269
|
+
}
|
|
2270
|
+
},
|
|
2271
|
+
MuiAlert: {
|
|
2272
|
+
defaultProps: {
|
|
2273
|
+
closeText: 'Lukk'
|
|
2274
|
+
}
|
|
2275
|
+
},
|
|
2276
|
+
MuiPagination: {
|
|
2277
|
+
defaultProps: {
|
|
2278
|
+
'aria-label': 'Paginering navigasjon',
|
|
2279
|
+
getItemAriaLabel: (type, page, selected) => {
|
|
2280
|
+
if (type === 'page') {
|
|
2281
|
+
return `${selected ? '' : 'Gå til '}side ${page}`;
|
|
2282
|
+
}
|
|
2283
|
+
|
|
2284
|
+
if (type === 'first') {
|
|
2285
|
+
return 'Gå til første side';
|
|
2286
|
+
}
|
|
2287
|
+
|
|
2288
|
+
if (type === 'last') {
|
|
2289
|
+
return 'Gå til siste side';
|
|
2290
|
+
}
|
|
2291
|
+
|
|
2292
|
+
if (type === 'next') {
|
|
2293
|
+
return 'Gå til neste side';
|
|
2294
|
+
} // if (type === 'previous') {
|
|
2295
|
+
|
|
2296
|
+
|
|
2297
|
+
return 'Gå til forrige side';
|
|
2298
|
+
}
|
|
2299
|
+
}
|
|
2300
|
+
}
|
|
2301
|
+
}
|
|
2302
|
+
};
|
|
2303
|
+
exports.nbNO = nbNO;
|
|
2223
2304
|
const nlNL = {
|
|
2224
2305
|
components: {
|
|
2225
2306
|
MuiBreadcrumbs: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/material",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@babel/runtime": "^7.16.3",
|
|
49
|
-
"@mui/base": "5.0.0-alpha.
|
|
50
|
-
"@mui/system": "^5.2.
|
|
49
|
+
"@mui/base": "5.0.0-alpha.62",
|
|
50
|
+
"@mui/system": "^5.2.6",
|
|
51
51
|
"@mui/types": "^7.1.0",
|
|
52
52
|
"@mui/utils": "^5.2.3",
|
|
53
53
|
"@types/react-transition-group": "^4.4.4",
|
package/transitions/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './transition';
|
|
1
|
+
export * from './transition';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
|
|
4
|
-
export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
|
|
5
|
-
export interface EasingProps {
|
|
6
|
-
easing: string | {
|
|
7
|
-
enter?: string;
|
|
8
|
-
exit?: string;
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
|
|
12
|
-
export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
|
|
13
|
-
}
|
|
1
|
+
import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
|
|
4
|
+
export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
|
|
5
|
+
export interface EasingProps {
|
|
6
|
+
easing: string | {
|
|
7
|
+
enter?: string;
|
|
8
|
+
exit?: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
|
|
12
|
+
export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
|
|
13
|
+
}
|