@auth0/quantum-product 2.0.0 → 2.1.0

package/mui-type-overrides.d.ts

@@ -1,6 +1,5 @@
 import * as MuiMaterialStyles from '@mui/material/styles';
-// tslint:disable: interface-name
-import * as MuiStyles from '@mui/styles';
+import { CSSProperties } from '@mui/material/styles/createTypography';
 
 declare module '@mui/material' {
   interface Color {
@@ -233,7 +232,11 @@ declare module '@mui/material/styles/createMixins' {
   }
 
   interface MixinsOptions {
-    focusRing?(options?: { type?: 'default' | 'inset'; color?: string; opacity?: number }): MuiStyles.CSSProperties;
+    focusRing?(options?: {
+      type?: 'default' | 'inset';
+      color?: string;
+      opacity?: number;
+    }): MuiMaterialStyles.CSSProperties;
     /** @deprecated  use tokens instead  */
     shadeOfColor?(color: import('./theme/colors').ColorName | 'grey', shade?: import('./theme/colors').Shade): string;
     /** @deprecated  use tokens instead  */
@@ -243,10 +246,10 @@ declare module '@mui/material/styles/createMixins' {
     ): string;
     borderAsBoxShadow?(color: string, width?: number): string;
     appBarAction?(): {
-      root: MuiStyles.CSSProperties;
-      hover: MuiStyles.CSSProperties;
-      focus: MuiStyles.CSSProperties;
-      active: MuiStyles.CSSProperties;
+      root: CSSProperties;
+      hover: CSSProperties;
+      focus: CSSProperties;
+      active: CSSProperties;
     };
     getColorModeValue?<LightModeValue extends string = string, DarkModeValue extends string = string>(colorMap: {
       light?: LightModeValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-product",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {
@@ -14,7 +14,6 @@
     "@auth0/quantum-icons": "^1.0.0",
     "@auth0/quantum-tokens": "^1.2.0",
     "@mui/material": "5.15.9",
-    "@mui/styles": "5.15.9",
     "@mui/system": "5.15.9",
     "@mui/utils": "5.15.9",
     "clsx": "^1.2.1",

package/theme/create-mixins.d.ts

@@ -1,5 +1,5 @@
 import type { ColorName, Shade } from './colors';
-import * as MuiStyles from '@mui/styles';
+import { CSSProperties } from '@mui/material/styles/createTypography';
 import type { IPalette } from './create-palette';
 import type { Mixins } from '@mui/material/styles';
 import type { Breakpoints, Spacing } from '@mui/system';
@@ -9,17 +9,17 @@ export interface IMixins extends Omit<Mixins, 'toolbar'> {
         type?: 'default' | 'inset';
         color?: string;
         opacity?: number;
-    }): MuiStyles.CSSProperties;
+    }): CSSProperties;
     /** @deprecated  use tokens instead  */
     shadeOfColor(color: ColorName | 'grey', shade?: Shade): string;
     /** @deprecated use tokens instead */
     textColorForShadeOfColor(color: ColorName | 'grey', shade?: Shade): string;
     borderAsBoxShadow(color: string, width?: number): string;
     appBarAction(): {
-        root: MuiStyles.CSSProperties;
-        hover: MuiStyles.CSSProperties;
-        focus: MuiStyles.CSSProperties;
-        active: MuiStyles.CSSProperties;
+        root: CSSProperties;
+        hover: CSSProperties;
+        focus: CSSProperties;
+        active: CSSProperties;
     };
     getColorModeValue<LightModeValue extends string = string, DarkModeValue extends string = string>(colorMap: {
         light?: LightModeValue;