@mui/styles - npm Package Compare versions

Comparing version 6.0.0-rc.0 to 6.0.0

createGenerateClassName/index.js

@@ -1,1 +0,1 @@
-export { default } from './createGenerateClassName';
+export { default } from "./createGenerateClassName.js";

createStyles/index.js

@@ -1,1 +0,1 @@
-export { default } from './createStyles';
+export { default } from "./createStyles.js";

getStylesCreator/getStylesCreator.js

 import { deepmerge } from '@mui/utils';
-import propsToClassKey from '../propsToClassKey';
-import noopTheme from './noopTheme';
+import propsToClassKey from "../propsToClassKey/index.js";
+import noopTheme from "./noopTheme.js";
 export default function getStylesCreator(stylesOrCreator) {
@@ -5,0 +5,0 @@ const themingEnabled = typeof stylesOrCreator === 'function';

getStylesCreator/index.js

@@ -1,1 +0,1 @@
-export { default } from './getStylesCreator';
+export { default } from "./getStylesCreator.js";

getThemeProps/index.js

@@ -1,1 +0,1 @@
-export { default } from './getThemeProps';
+export { default } from "./getThemeProps.js";

index.js

 /**
- * @mui/styles v6.0.0-rc.0
+ * @mui/styles v6.0.0
  *
@@ -19,31 +19,31 @@ * @license MIT
 }
-export { default as createGenerateClassName } from './createGenerateClassName';
-export * from './createGenerateClassName';
-export { default as createStyles } from './createStyles';
-export * from './createStyles';
-export { default as getThemeProps } from './getThemeProps';
-export * from './getThemeProps';
-export { default as jssPreset } from './jssPreset';
-export * from './jssPreset';
-export { default as makeStyles } from './makeStyles';
-export * from './makeStyles';
-export { default as mergeClasses } from './mergeClasses';
-export * from './mergeClasses';
-export { default as ServerStyleSheets } from './ServerStyleSheets';
-export * from './ServerStyleSheets';
-export { default as styled } from './styled';
-export * from './styled';
-export { default as StylesProvider } from './StylesProvider';
-export * from './StylesProvider';
-export { default as ThemeProvider } from './ThemeProvider';
-export * from './ThemeProvider';
-export { default as useTheme } from './useTheme';
-export * from './useTheme';
-export { default as useThemeVariants } from './useThemeVariants';
-export * from './useThemeVariants';
-export { default as propsToClassKey } from './propsToClassKey';
-export * from './propsToClassKey';
-export { default as withStyles } from './withStyles';
-export * from './withStyles';
-export { default as withTheme } from './withTheme';
-export * from './withTheme';
+export { default as createGenerateClassName } from "./createGenerateClassName/index.js";
+export * from "./createGenerateClassName/index.js";
+export { default as createStyles } from "./createStyles/index.js";
+export * from "./createStyles/index.js";
+export { default as getThemeProps } from "./getThemeProps/index.js";
+export * from "./getThemeProps/index.js";
+export { default as jssPreset } from "./jssPreset/index.js";
+export * from "./jssPreset/index.js";
+export { default as makeStyles } from "./makeStyles/index.js";
+export * from "./makeStyles/index.js";
+export { default as mergeClasses } from "./mergeClasses/index.js";
+export * from "./mergeClasses/index.js";
+export { default as ServerStyleSheets } from "./ServerStyleSheets/index.js";
+export * from "./ServerStyleSheets/index.js";
+export { default as styled } from "./styled/index.js";
+export * from "./styled/index.js";
+export { default as StylesProvider } from "./StylesProvider/index.js";
+export * from "./StylesProvider/index.js";
+export { default as ThemeProvider } from "./ThemeProvider/index.js";
+export * from "./ThemeProvider/index.js";
+export { default as useTheme } from "./useTheme/index.js";
+export * from "./useTheme/index.js";
+export { default as useThemeVariants } from "./useThemeVariants/index.js";
+export * from "./useThemeVariants/index.js";
+export { default as propsToClassKey } from "./propsToClassKey/index.js";
+export * from "./propsToClassKey/index.js";
+export { default as withStyles } from "./withStyles/index.js";
+export * from "./withStyles/index.js";
+export { default as withTheme } from "./withTheme/index.js";
+export * from "./withTheme/index.js";

jssPreset/index.js

@@ -1,1 +0,1 @@
-export { default } from './jssPreset';
+export { default } from "./jssPreset.js";

makeStyles/index.js

@@ -1,1 +0,1 @@
-export { default } from './makeStyles';
+export { default } from "./makeStyles.js";

makeStyles/makeStyles.js

 import * as React from 'react';
 import { getDynamicStyles } from 'jss';
-import mergeClasses from '../mergeClasses';
-import multiKeyStore from './multiKeyStore';
-import useTheme from '../useTheme';
-import { StylesContext } from '../StylesProvider';
-import { increment } from './indexCounter';
-import getStylesCreator from '../getStylesCreator';
-import noopTheme from '../getStylesCreator/noopTheme';
+import mergeClasses from "../mergeClasses/index.js";
+import multiKeyStore from "./multiKeyStore.js";
+import useTheme from "../useTheme/index.js";
+import { StylesContext } from "../StylesProvider/index.js";
+import { increment } from "./indexCounter.js";
+import getStylesCreator from "../getStylesCreator/index.js";
+import noopTheme from "../getStylesCreator/noopTheme.js";
 function getClasses({
@@ -11,0 +11,0 @@ state,

mergeClasses/index.js

@@ -1,1 +0,1 @@
-export { default } from './mergeClasses';
+export { default } from "./mergeClasses.js";

modern/createGenerateClassName/index.js

@@ -1,1 +0,1 @@
-export { default } from './createGenerateClassName';
+export { default } from "./createGenerateClassName.js";

modern/createStyles/index.js

@@ -1,1 +0,1 @@
-export { default } from './createStyles';
+export { default } from "./createStyles.js";

modern/getStylesCreator/getStylesCreator.js

 import { deepmerge } from '@mui/utils';
-import propsToClassKey from '../propsToClassKey';
-import noopTheme from './noopTheme';
+import propsToClassKey from "../propsToClassKey/index.js";
+import noopTheme from "./noopTheme.js";
 export default function getStylesCreator(stylesOrCreator) {
@@ -5,0 +5,0 @@ const themingEnabled = typeof stylesOrCreator === 'function';

modern/getStylesCreator/index.js

@@ -1,1 +0,1 @@
-export { default } from './getStylesCreator';
+export { default } from "./getStylesCreator.js";

modern/getThemeProps/index.js

@@ -1,1 +0,1 @@
-export { default } from './getThemeProps';
+export { default } from "./getThemeProps.js";

modern/index.js

 /**
- * @mui/styles v6.0.0-rc.0
+ * @mui/styles v6.0.0
  *
@@ -19,31 +19,31 @@ * @license MIT
 }
-export { default as createGenerateClassName } from './createGenerateClassName';
-export * from './createGenerateClassName';
-export { default as createStyles } from './createStyles';
-export * from './createStyles';
-export { default as getThemeProps } from './getThemeProps';
-export * from './getThemeProps';
-export { default as jssPreset } from './jssPreset';
-export * from './jssPreset';
-export { default as makeStyles } from './makeStyles';
-export * from './makeStyles';
-export { default as mergeClasses } from './mergeClasses';
-export * from './mergeClasses';
-export { default as ServerStyleSheets } from './ServerStyleSheets';
-export * from './ServerStyleSheets';
-export { default as styled } from './styled';
-export * from './styled';
-export { default as StylesProvider } from './StylesProvider';
-export * from './StylesProvider';
-export { default as ThemeProvider } from './ThemeProvider';
-export * from './ThemeProvider';
-export { default as useTheme } from './useTheme';
-export * from './useTheme';
-export { default as useThemeVariants } from './useThemeVariants';
-export * from './useThemeVariants';
-export { default as propsToClassKey } from './propsToClassKey';
-export * from './propsToClassKey';
-export { default as withStyles } from './withStyles';
-export * from './withStyles';
-export { default as withTheme } from './withTheme';
-export * from './withTheme';
+export { default as createGenerateClassName } from "./createGenerateClassName/index.js";
+export * from "./createGenerateClassName/index.js";
+export { default as createStyles } from "./createStyles/index.js";
+export * from "./createStyles/index.js";
+export { default as getThemeProps } from "./getThemeProps/index.js";
+export * from "./getThemeProps/index.js";
+export { default as jssPreset } from "./jssPreset/index.js";
+export * from "./jssPreset/index.js";
+export { default as makeStyles } from "./makeStyles/index.js";
+export * from "./makeStyles/index.js";
+export { default as mergeClasses } from "./mergeClasses/index.js";
+export * from "./mergeClasses/index.js";
+export { default as ServerStyleSheets } from "./ServerStyleSheets/index.js";
+export * from "./ServerStyleSheets/index.js";
+export { default as styled } from "./styled/index.js";
+export * from "./styled/index.js";
+export { default as StylesProvider } from "./StylesProvider/index.js";
+export * from "./StylesProvider/index.js";
+export { default as ThemeProvider } from "./ThemeProvider/index.js";
+export * from "./ThemeProvider/index.js";
+export { default as useTheme } from "./useTheme/index.js";
+export * from "./useTheme/index.js";
+export { default as useThemeVariants } from "./useThemeVariants/index.js";
+export * from "./useThemeVariants/index.js";
+export { default as propsToClassKey } from "./propsToClassKey/index.js";
+export * from "./propsToClassKey/index.js";
+export { default as withStyles } from "./withStyles/index.js";
+export * from "./withStyles/index.js";
+export { default as withTheme } from "./withTheme/index.js";
+export * from "./withTheme/index.js";

modern/jssPreset/index.js

@@ -1,1 +0,1 @@
-export { default } from './jssPreset';
+export { default } from "./jssPreset.js";

modern/makeStyles/index.js

@@ -1,1 +0,1 @@
-export { default } from './makeStyles';
+export { default } from "./makeStyles.js";

modern/makeStyles/makeStyles.js

 import * as React from 'react';
 import { getDynamicStyles } from 'jss';
-import mergeClasses from '../mergeClasses';
-import multiKeyStore from './multiKeyStore';
-import useTheme from '../useTheme';
-import { StylesContext } from '../StylesProvider';
-import { increment } from './indexCounter';
-import getStylesCreator from '../getStylesCreator';
-import noopTheme from '../getStylesCreator/noopTheme';
+import mergeClasses from "../mergeClasses/index.js";
+import multiKeyStore from "./multiKeyStore.js";
+import useTheme from "../useTheme/index.js";
+import { StylesContext } from "../StylesProvider/index.js";
+import { increment } from "./indexCounter.js";
+import getStylesCreator from "../getStylesCreator/index.js";
+import noopTheme from "../getStylesCreator/noopTheme.js";
 function getClasses({
@@ -11,0 +11,0 @@ state,

modern/mergeClasses/index.js

@@ -1,1 +0,1 @@
-export { default } from './mergeClasses';
+export { default } from "./mergeClasses.js";

modern/propsToClassKey/index.js

@@ -1,1 +0,1 @@
-export { default } from './propsToClassKey';
+export { default } from "./propsToClassKey.js";

modern/ServerStyleSheets/index.js

@@ -1,1 +0,1 @@
-export { default } from './ServerStyleSheets';
+export { default } from "./ServerStyleSheets.js";

modern/ServerStyleSheets/ServerStyleSheets.js

 import * as React from 'react';
 import { SheetsRegistry } from 'jss';
-import StylesProvider from '../StylesProvider';
-import createGenerateClassName from '../createGenerateClassName';
+import StylesProvider from "../StylesProvider/index.js";
+import createGenerateClassName from "../createGenerateClassName/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -6,0 +6,0 @@ export default class ServerStyleSheets {

modern/styled/index.js

@@ -1,1 +0,1 @@
-export { default } from './styled';
+export { default } from "./styled.js";

modern/styled/styled.js

@@ -6,3 +6,3 @@ import * as React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
-import makeStyles from '../makeStyles';
+import makeStyles from "../makeStyles/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,0 +9,0 @@ function omit(input, fields) {

modern/StylesProvider/index.js

@@ -1,2 +0,2 @@
-export { default } from './StylesProvider';
-export * from './StylesProvider';
+export { default } from "./StylesProvider.js";
+export * from "./StylesProvider.js";

modern/StylesProvider/StylesProvider.js

@@ -5,4 +5,4 @@ import * as React from 'react';
 import { create } from 'jss';
-import createGenerateClassName from '../createGenerateClassName';
-import jssPreset from '../jssPreset';
+import createGenerateClassName from "../createGenerateClassName/index.js";
+import jssPreset from "../jssPreset/index.js";
 
@@ -9,0 +9,0 @@ // Default JSS instance.

modern/useThemeVariants/index.js

@@ -1,1 +0,1 @@
-export { default } from './useThemeVariants';
+export { default } from "./useThemeVariants.js";

modern/useThemeVariants/useThemeVariants.js

@@ -1,3 +0,3 @@
-import useTheme from '../useTheme';
-import propsToClassKey from '../propsToClassKey';
+import useTheme from "../useTheme/index.js";
+import propsToClassKey from "../propsToClassKey/index.js";
 const useThemeVariants = (props, name) => {
@@ -4,0 +4,0 @@ const {

modern/withStyles/index.js

@@ -1,1 +0,1 @@
-export { default } from './withStyles';
+export { default } from "./withStyles.js";

modern/withStyles/withStyles.js

@@ -5,5 +5,5 @@ import * as React from 'react';
 import { getDisplayName } from '@mui/utils';
-import makeStyles from '../makeStyles';
-import getThemeProps from '../getThemeProps';
-import useTheme from '../useTheme';
+import makeStyles from "../makeStyles/index.js";
+import getThemeProps from "../getThemeProps/index.js";
+import useTheme from "../useTheme/index.js";
 
@@ -10,0 +10,0 @@ // Link a style sheet with a component.

modern/withTheme/index.js

@@ -1,2 +0,2 @@
-export { default } from './withTheme';
-export * from './withTheme';
+export { default } from "./withTheme.js";
+export * from "./withTheme.js";

modern/withTheme/withTheme.js

 import * as React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import { getDisplayName } from '@mui/utils';
-import useTheme from '../useTheme';
+import useTheme from "../useTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -6,0 +6,0 @@ export function withThemeCreator(options = {}) {

node/index.js

 /**
- * @mui/styles v6.0.0-rc.0
+ * @mui/styles v6.0.0
  *
@@ -4,0 +4,0 @@ * @license MIT

package.json

 {
   "name": "@mui/styles",
-  "version": "6.0.0-rc.0",
+  "version": "6.0.0",
   "private": false,
@@ -43,5 +43,5 @@ "author": "MUI Team",
     "prop-types": "^15.8.1",
-    "@mui/types": "^7.2.15",
-    "@mui/utils": "6.0.0-rc.0",
-    "@mui/private-theming": "6.0.0-rc.0"
+    "@mui/utils": "^6.0.0",
+    "@mui/types": "^7.2.16",
+    "@mui/private-theming": "^6.0.0"
   },
@@ -48,0 +48,0 @@ "peerDependencies": {

propsToClassKey/index.js

@@ -1,1 +0,1 @@
-export { default } from './propsToClassKey';
+export { default } from "./propsToClassKey.js";

README.md

@@ -9,6 +9,4 @@ # @mui/styles
 
-<!-- #default-branch-switch -->
-
 ```bash
-npm install @mui/styles@next
+npm install @mui/styles
 ```
@@ -15,0 +13,0 @@

ServerStyleSheets/index.js

@@ -1,1 +0,1 @@
-export { default } from './ServerStyleSheets';
+export { default } from "./ServerStyleSheets.js";

ServerStyleSheets/ServerStyleSheets.js

 import * as React from 'react';
 import { SheetsRegistry } from 'jss';
-import StylesProvider from '../StylesProvider';
-import createGenerateClassName from '../createGenerateClassName';
+import StylesProvider from "../StylesProvider/index.js";
+import createGenerateClassName from "../createGenerateClassName/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -6,0 +6,0 @@ export default class ServerStyleSheets {

styled/index.js

@@ -1,1 +0,1 @@
-export { default } from './styled';
+export { default } from "./styled.js";

styled/styled.js

@@ -6,3 +6,3 @@ import * as React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
-import makeStyles from '../makeStyles';
+import makeStyles from "../makeStyles/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,0 +9,0 @@ function omit(input, fields) {

StylesProvider/index.js

@@ -1,2 +0,2 @@
-export { default } from './StylesProvider';
-export * from './StylesProvider';
+export { default } from "./StylesProvider.js";
+export * from "./StylesProvider.js";

StylesProvider/StylesProvider.js

@@ -5,4 +5,4 @@ import * as React from 'react';
 import { create } from 'jss';
-import createGenerateClassName from '../createGenerateClassName';
-import jssPreset from '../jssPreset';
+import createGenerateClassName from "../createGenerateClassName/index.js";
+import jssPreset from "../jssPreset/index.js";
 
@@ -9,0 +9,0 @@ // Default JSS instance.

useThemeVariants/index.js

@@ -1,1 +0,1 @@
-export { default } from './useThemeVariants';
+export { default } from "./useThemeVariants.js";

useThemeVariants/useThemeVariants.js

@@ -1,3 +0,3 @@
-import useTheme from '../useTheme';
-import propsToClassKey from '../propsToClassKey';
+import useTheme from "../useTheme/index.js";
+import propsToClassKey from "../propsToClassKey/index.js";
 const useThemeVariants = (props, name) => {
@@ -4,0 +4,0 @@ const {

withStyles/index.js

@@ -1,1 +0,1 @@
-export { default } from './withStyles';
+export { default } from "./withStyles.js";

withStyles/withStyles.js

@@ -5,5 +5,5 @@ import * as React from 'react';
 import { getDisplayName } from '@mui/utils';
-import makeStyles from '../makeStyles';
-import getThemeProps from '../getThemeProps';
-import useTheme from '../useTheme';
+import makeStyles from "../makeStyles/index.js";
+import getThemeProps from "../getThemeProps/index.js";
+import useTheme from "../useTheme/index.js";
 
@@ -10,0 +10,0 @@ // Link a style sheet with a component.

withTheme/index.js

@@ -1,2 +0,2 @@
-export { default } from './withTheme';
-export * from './withTheme';
+export { default } from "./withTheme.js";
+export * from "./withTheme.js";

withTheme/withTheme.js

 import * as React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import { getDisplayName } from '@mui/utils';
-import useTheme from '../useTheme';
+import useTheme from "../useTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -6,0 +6,0 @@ export function withThemeCreator(options = {}) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1016570

increased by0.31%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

16

decreased by-11.11%

Dependency changes

• + Added@mui/private-theming@6.1.0(transitive)

• + Added@mui/utils@6.1.0(transitive)

• - Removed@mui/private-theming@6.0.0-rc.0(transitive)

• - Removed@mui/utils@6.0.0-rc.0(transitive)

• Updated@mui/private-theming@^6.0.0

• Updated@mui/types@^7.2.16

• Updated@mui/utils@^6.0.0