@mui/material 5.4.2 → 5.5.0

package/TablePagination/tablePaginationClasses.d.ts

@@ -1,28 +1,28 @@
-export interface TablePaginationClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Toolbar component. */
-    toolbar: string;
-    /** Styles applied to the spacer element. */
-    spacer: string;
-    /** Styles applied to the select label Typography element. */
-    selectLabel: string;
-    /** Styles applied to the Select component `root` element. */
-    selectRoot: string;
-    /** Styles applied to the Select component `select` class. */
-    select: string;
-    /** Styles applied to the Select component `icon` class. */
-    selectIcon: string;
-    /** Styles applied to the Select component `root` element. */
-    input: string;
-    /** Styles applied to the MenuItem component. */
-    menuItem: string;
-    /** Styles applied to the displayed rows Typography element. */
-    displayedRows: string;
-    /** Styles applied to the internal `TablePaginationActions` component. */
-    actions: string;
-}
-export declare type TablePaginationClassKey = keyof TablePaginationClasses;
-export declare function getTablePaginationUtilityClass(slot: string): string;
-declare const tablePaginationClasses: TablePaginationClasses;
-export default tablePaginationClasses;
+export interface TablePaginationClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Toolbar component. */
+    toolbar: string;
+    /** Styles applied to the spacer element. */
+    spacer: string;
+    /** Styles applied to the select label Typography element. */
+    selectLabel: string;
+    /** Styles applied to the Select component `root` element. */
+    selectRoot: string;
+    /** Styles applied to the Select component `select` class. */
+    select: string;
+    /** Styles applied to the Select component `icon` class. */
+    selectIcon: string;
+    /** Styles applied to the Select component `root` element. */
+    input: string;
+    /** Styles applied to the MenuItem component. */
+    menuItem: string;
+    /** Styles applied to the displayed rows Typography element. */
+    displayedRows: string;
+    /** Styles applied to the internal `TablePaginationActions` component. */
+    actions: string;
+}
+export declare type TablePaginationClassKey = keyof TablePaginationClasses;
+export declare function getTablePaginationUtilityClass(slot: string): string;
+declare const tablePaginationClasses: TablePaginationClasses;
+export default tablePaginationClasses;

package/TableRow/tableRowClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TableRowClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-    /** State class applied to the root element if `hover={true}`. */
-    hover: string;
-    /** Styles applied to the root element if table variant="head". */
-    head: string;
-    /** Styles applied to the root element if table variant="footer". */
-    footer: string;
-}
-export declare type TableRowClassKey = keyof TableRowClasses;
-export declare function getTableRowUtilityClass(slot: string): string;
-declare const tableRowClasses: TableRowClasses;
-export default tableRowClasses;
+export interface TableRowClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+    /** State class applied to the root element if `hover={true}`. */
+    hover: string;
+    /** Styles applied to the root element if table variant="head". */
+    head: string;
+    /** Styles applied to the root element if table variant="footer". */
+    footer: string;
+}
+export declare type TableRowClassKey = keyof TableRowClasses;
+export declare function getTableRowUtilityClass(slot: string): string;
+declare const tableRowClasses: TableRowClasses;
+export default tableRowClasses;

package/TableSortLabel/tableSortLabelClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TableSortLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `active={true}`. */
-    active: string;
-    /** Styles applied to the icon component. */
-    icon: string;
-    /** Styles applied to the icon component if `direction="desc"`. */
-    iconDirectionDesc: string;
-    /** Styles applied to the icon component if `direction="asc"`. */
-    iconDirectionAsc: string;
-}
-export declare type TableSortLabelClassKey = keyof TableSortLabelClasses;
-export declare function getTableSortLabelUtilityClass(slot: string): string;
-declare const tableSortLabelClasses: TableSortLabelClasses;
-export default tableSortLabelClasses;
+export interface TableSortLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `active={true}`. */
+    active: string;
+    /** Styles applied to the icon component. */
+    icon: string;
+    /** Styles applied to the icon component if `direction="desc"`. */
+    iconDirectionDesc: string;
+    /** Styles applied to the icon component if `direction="asc"`. */
+    iconDirectionAsc: string;
+}
+export declare type TableSortLabelClassKey = keyof TableSortLabelClasses;
+export declare function getTableSortLabelUtilityClass(slot: string): string;
+declare const tableSortLabelClasses: TableSortLabelClasses;
+export default tableSortLabelClasses;

package/Tabs/tabsClasses.d.ts

@@ -1,32 +1,32 @@
-export interface TabsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the flex container element. */
-    flexContainer: string;
-    /** Styles applied to the flex container element if `orientation="vertical"`. */
-    flexContainerVertical: string;
-    /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
-    centered: string;
-    /** Styles applied to the tablist element. */
-    scroller: string;
-    /** Styles applied to the tablist element if `!variant="scrollable"`. */
-    fixed: string;
-    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
-    scrollableX: string;
-    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
-    scrollableY: string;
-    /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
-    hideScrollbar: string;
-    /** Styles applied to the ScrollButtonComponent component. */
-    scrollButtons: string;
-    /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
-    scrollButtonsHideMobile: string;
-    /** Styles applied to the TabIndicator component. */
-    indicator: string;
-}
-export declare type TabsClassKey = keyof TabsClasses;
-export declare function getTabsUtilityClass(slot: string): string;
-declare const tabsClasses: TabsClasses;
-export default tabsClasses;
+export interface TabsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the flex container element. */
+    flexContainer: string;
+    /** Styles applied to the flex container element if `orientation="vertical"`. */
+    flexContainerVertical: string;
+    /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
+    centered: string;
+    /** Styles applied to the tablist element. */
+    scroller: string;
+    /** Styles applied to the tablist element if `!variant="scrollable"`. */
+    fixed: string;
+    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
+    scrollableX: string;
+    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
+    scrollableY: string;
+    /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
+    hideScrollbar: string;
+    /** Styles applied to the ScrollButtonComponent component. */
+    scrollButtons: string;
+    /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
+    scrollButtonsHideMobile: string;
+    /** Styles applied to the TabIndicator component. */
+    indicator: string;
+}
+export declare type TabsClassKey = keyof TabsClasses;
+export declare function getTabsUtilityClass(slot: string): string;
+declare const tabsClasses: TabsClasses;
+export default tabsClasses;

package/TextField/textFieldClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TextFieldClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type TextFieldClassKey = keyof TextFieldClasses;
-export declare function getTextFieldUtilityClass(slot: string): string;
-declare const textFieldClasses: TextFieldClasses;
-export default textFieldClasses;
+export interface TextFieldClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type TextFieldClassKey = keyof TextFieldClasses;
+export declare function getTextFieldUtilityClass(slot: string): string;
+declare const textFieldClasses: TextFieldClasses;
+export default textFieldClasses;

package/ToggleButton/toggleButtonClasses.d.ts

@@ -1,24 +1,24 @@
-export interface ToggleButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-    /** State class applied to the root element if `color="standard"`. */
-    standard: string;
-    /** State class applied to the root element if `color="primary"`. */
-    primary: string;
-    /** State class applied to the root element if `color="secondary"`. */
-    secondary: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-}
-export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
-export declare function getToggleButtonUtilityClass(slot: string): string;
-declare const toggleButtonClasses: ToggleButtonClasses;
-export default toggleButtonClasses;
+export interface ToggleButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+    /** State class applied to the root element if `color="standard"`. */
+    standard: string;
+    /** State class applied to the root element if `color="primary"`. */
+    primary: string;
+    /** State class applied to the root element if `color="secondary"`. */
+    secondary: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+}
+export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
+export declare function getToggleButtonUtilityClass(slot: string): string;
+declare const toggleButtonClasses: ToggleButtonClasses;
+export default toggleButtonClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ToggleButtonGroupClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the children. */
-    grouped: string;
-    /** Styles applied to the children if `orientation="horizontal"`. */
-    groupedHorizontal: string;
-    /** Styles applied to the children if `orientation="vertical"`. */
-    groupedVertical: string;
-}
-export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
-export declare function getToggleButtonGroupUtilityClass(slot: string): string;
-declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
-export default toggleButtonGroupClasses;
+export interface ToggleButtonGroupClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the children. */
+    grouped: string;
+    /** Styles applied to the children if `orientation="horizontal"`. */
+    groupedHorizontal: string;
+    /** Styles applied to the children if `orientation="vertical"`. */
+    groupedVertical: string;
+}
+export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
+export declare function getToggleButtonGroupUtilityClass(slot: string): string;
+declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
+export default toggleButtonGroupClasses;

package/Toolbar/toolbarClasses.d.ts

@@ -1,14 +1,14 @@
-export interface ToolbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the root element if `variant="regular"`. */
-    regular: string;
-    /** Styles applied to the root element if `variant="dense"`. */
-    dense: string;
-}
-export declare type ToolbarClassKey = keyof ToolbarClasses;
-export declare function getToolbarUtilityClass(slot: string): string;
-declare const toolbarClasses: ToolbarClasses;
-export default toolbarClasses;
+export interface ToolbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the root element if `variant="regular"`. */
+    regular: string;
+    /** Styles applied to the root element if `variant="dense"`. */
+    dense: string;
+}
+export declare type ToolbarClassKey = keyof ToolbarClasses;
+export declare function getToolbarUtilityClass(slot: string): string;
+declare const toolbarClasses: ToolbarClasses;
+export default toolbarClasses;

package/Tooltip/tooltipClasses.d.ts

@@ -1,30 +1,30 @@
-export interface TooltipClasses {
-    /** Styles applied to the Popper component. */
-    popper: string;
-    /** Styles applied to the Popper component unless `disableInteractive={true}`. */
-    popperInteractive: string;
-    /** Styles applied to the Popper component if `arrow={true}`. */
-    popperArrow: string;
-    /** Styles applied to the Popper component unless the tooltip is open. */
-    popperClose: string;
-    /** Styles applied to the tooltip (label wrapper) element. */
-    tooltip: string;
-    /** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
-    tooltipArrow: string;
-    /** Styles applied to the arrow element. */
-    arrow: string;
-    /** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
-    touch: string;
-    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
-    tooltipPlacementLeft: string;
-    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
-    tooltipPlacementRight: string;
-    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
-    tooltipPlacementTop: string;
-    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
-    tooltipPlacementBottom: string;
-}
-export declare type TooltipClassKey = keyof TooltipClasses;
-export declare function getTooltipUtilityClass(slot: string): string;
-declare const tooltipClasses: TooltipClasses;
-export default tooltipClasses;
+export interface TooltipClasses {
+    /** Styles applied to the Popper component. */
+    popper: string;
+    /** Styles applied to the Popper component unless `disableInteractive={true}`. */
+    popperInteractive: string;
+    /** Styles applied to the Popper component if `arrow={true}`. */
+    popperArrow: string;
+    /** Styles applied to the Popper component unless the tooltip is open. */
+    popperClose: string;
+    /** Styles applied to the tooltip (label wrapper) element. */
+    tooltip: string;
+    /** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
+    tooltipArrow: string;
+    /** Styles applied to the arrow element. */
+    arrow: string;
+    /** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
+    touch: string;
+    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
+    tooltipPlacementLeft: string;
+    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
+    tooltipPlacementRight: string;
+    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
+    tooltipPlacementTop: string;
+    /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
+    tooltipPlacementBottom: string;
+}
+export declare type TooltipClassKey = keyof TooltipClasses;
+export declare function getTooltipUtilityClass(slot: string): string;
+declare const tooltipClasses: TooltipClasses;
+export default tooltipClasses;

package/Typography/typographyClasses.d.ts

@@ -1,50 +1,50 @@
-export interface TypographyClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="body2"`. */
-    body2: string;
-    /** Styles applied to the root element if `variant="body1"`. */
-    body1: string;
-    /** Styles applied to the root element if `variant="caption"`. */
-    caption: string;
-    /** Styles applied to the root element if `variant="button"`. */
-    button: string;
-    /** Styles applied to the root element if `variant="h1"`. */
-    h1: string;
-    /** Styles applied to the root element if `variant="h2"`. */
-    h2: string;
-    /** Styles applied to the root element if `variant="h3"`. */
-    h3: string;
-    /** Styles applied to the root element if `variant="h4"`. */
-    h4: string;
-    /** Styles applied to the root element if `variant="h5"`. */
-    h5: string;
-    /** Styles applied to the root element if `variant="h6"`. */
-    h6: string;
-    /** Styles applied to the root element if `variant="subtitle1"`. */
-    subtitle1: string;
-    /** Styles applied to the root element if `variant="subtitle2"`. */
-    subtitle2: string;
-    /** Styles applied to the root element if `variant="overline"`. */
-    overline: string;
-    /** Styles applied to the root element if `variant="inherit"`. */
-    inherit: string;
-    /** Styles applied to the root element if `align="left"`. */
-    alignLeft: string;
-    /** Styles applied to the root element if `align="center"`. */
-    alignCenter: string;
-    /** Styles applied to the root element if `align="right"`. */
-    alignRight: string;
-    /** Styles applied to the root element if `align="justify"`. */
-    alignJustify: string;
-    /** Styles applied to the root element if `nowrap={true}`. */
-    noWrap: string;
-    /** Styles applied to the root element if `gutterBottom={true}`. */
-    gutterBottom: string;
-    /** Styles applied to the root element if `paragraph={true}`. */
-    paragraph: string;
-}
-export declare type TypographyClassKey = keyof TypographyClasses;
-export declare function getTypographyUtilityClass(slot: string): string;
-declare const typographyClasses: TypographyClasses;
-export default typographyClasses;
+export interface TypographyClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="body2"`. */
+    body2: string;
+    /** Styles applied to the root element if `variant="body1"`. */
+    body1: string;
+    /** Styles applied to the root element if `variant="caption"`. */
+    caption: string;
+    /** Styles applied to the root element if `variant="button"`. */
+    button: string;
+    /** Styles applied to the root element if `variant="h1"`. */
+    h1: string;
+    /** Styles applied to the root element if `variant="h2"`. */
+    h2: string;
+    /** Styles applied to the root element if `variant="h3"`. */
+    h3: string;
+    /** Styles applied to the root element if `variant="h4"`. */
+    h4: string;
+    /** Styles applied to the root element if `variant="h5"`. */
+    h5: string;
+    /** Styles applied to the root element if `variant="h6"`. */
+    h6: string;
+    /** Styles applied to the root element if `variant="subtitle1"`. */
+    subtitle1: string;
+    /** Styles applied to the root element if `variant="subtitle2"`. */
+    subtitle2: string;
+    /** Styles applied to the root element if `variant="overline"`. */
+    overline: string;
+    /** Styles applied to the root element if `variant="inherit"`. */
+    inherit: string;
+    /** Styles applied to the root element if `align="left"`. */
+    alignLeft: string;
+    /** Styles applied to the root element if `align="center"`. */
+    alignCenter: string;
+    /** Styles applied to the root element if `align="right"`. */
+    alignRight: string;
+    /** Styles applied to the root element if `align="justify"`. */
+    alignJustify: string;
+    /** Styles applied to the root element if `nowrap={true}`. */
+    noWrap: string;
+    /** Styles applied to the root element if `gutterBottom={true}`. */
+    gutterBottom: string;
+    /** Styles applied to the root element if `paragraph={true}`. */
+    paragraph: string;
+}
+export declare type TypographyClassKey = keyof TypographyClasses;
+export declare function getTypographyUtilityClass(slot: string): string;
+declare const typographyClasses: TypographyClasses;
+export default typographyClasses;

package/Zoom/Zoom.d.ts

@@ -26,8 +26,8 @@ export interface ZoomProps extends TransitionProps {
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout?: TransitionProps['timeout'];

package/Zoom/Zoom.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import { elementAcceptingRef } from '@mui/utils';
-import { duration } from '../styles/createTransitions';
 import useTheme from '../styles/useTheme';
 import { reflow, getTransitionProps } from '../transitions/utils';
 import useForkRef from '../utils/useForkRef';
@@ -18,10 +17,6 @@ const styles = {
     transform: 'none'
   }
 };
-const defaultTimeout = {
-  enter: duration.enteringScreen,
-  exit: duration.leavingScreen
-};
 /**
  * The Zoom transition can be used for the floating variant of the
  * [Button](/components/buttons/#floating-action-buttons) component.
@@ -29,6 +24,12 @@ const defaultTimeout = {
  */
 
 const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
+  const theme = useTheme();
+  const defaultTimeout = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
+
   const {
     addEndListener,
     appear = true,
@@ -48,7 +49,6 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
-  const theme = useTheme();
   const nodeRef = React.useRef(null);
   const foreignRef = useForkRef(children.ref, ref);
   const handleRef = useForkRef(nodeRef, foreignRef);
@@ -213,8 +213,8 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({

package/className/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Caution! this module must not include unstyled components import from `@mui/base`, otherwise, it will break the ClassNameGenerator.
+ * ❌ import { ... } from '@mui/base';
+ * ✅ import { ... } from '@mui/base/utils'; // must be specific base module
+ *
+ * Issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401
+ */
+export { unstable_ClassNameGenerator } from '@mui/base/className';

package/className/index.js

@@ -0,0 +1,9 @@
+/**
+ * Caution! this module must not include unstyled components import from `@mui/base`, otherwise, it will break the ClassNameGenerator.
+ * ❌ import { ... } from '@mui/base';
+ * ✅ import { ... } from '@mui/base/utils'; // must be specific base module
+ *
+ * Issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401
+ */
+// eslint-disable-next-line import/prefer-default-export
+export { unstable_ClassNameGenerator } from '@mui/base/className';

package/className/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/className/index.js",
+  "types": "./index.d.ts"
+}

package/darkScrollbar/index.d.ts

@@ -1,28 +1,28 @@
-export default function darkScrollbar(options?: {
-    track: string;
-    thumb: string;
-    active: string;
-}): {
-    scrollbarColor: string;
-    '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
-        borderRadius: number;
-        backgroundColor: string;
-        minHeight: number;
-        border: string;
-    };
-    '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
-        backgroundColor: string;
-    };
-};
+export default function darkScrollbar(options?: {
+    track: string;
+    thumb: string;
+    active: string;
+}): {
+    scrollbarColor: string;
+    '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
+        borderRadius: number;
+        backgroundColor: string;
+        minHeight: number;
+        border: string;
+    };
+    '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
+        backgroundColor: string;
+    };
+};

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.4.2
+/** @license MUI v5.5.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.