@astral/ui 4.21.0 → 4.21.1

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.js

@@ -1,4 +1,4 @@
-import styled from '@mui/material/styles/styled';
+import { styled } from '@mui/material/styles';
 export const SkeletonWrapper = styled('div') `
   display: flex;
   flex-direction: column;

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
-import MuiThemeProvider from '@mui/material/styles/ThemeProvider';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 import { GlobalStyles } from '../GlobalStyles';
 export const ThemeProvider = (props) => {
     const { children, theme, withScopedStyles = false } = props;

package/components/theme/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="src/components/declaration/emotion" />
-import type { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import type { Theme as MuiTheme } from '@mui/material/styles';
 import { type Typography } from '@mui/material/styles/createTypography';
 import { type CSSProperties } from 'react';
 import type { Elevation } from './elevation';

package/node/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonWrapper = void 0;
-const styled_1 = __importDefault(require("@mui/material/styles/styled"));
-exports.SkeletonWrapper = (0, styled_1.default)('div') `
+const styles_1 = require("@mui/material/styles");
+exports.SkeletonWrapper = (0, styles_1.styled)('div') `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(5)};

package/node/components/ThemeProvider/ThemeProvider.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@emotion/react");
-const ThemeProvider_1 = __importDefault(require("@mui/material/styles/ThemeProvider"));
+const styles_1 = require("@mui/material/styles");
 const GlobalStyles_1 = require("../GlobalStyles");
 const ThemeProvider = (props) => {
     const { children, theme, withScopedStyles = false } = props;
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, children: (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { withScopedStyles: withScopedStyles, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { withScopedStyles: withScopedStyles, children: children }) }) }));
 };
 exports.ThemeProvider = ThemeProvider;

package/node/components/theme/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="src/components/declaration/emotion" />
-import type { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import type { Theme as MuiTheme } from '@mui/material/styles';
 import { type Typography } from '@mui/material/styles/createTypography';
 import { type CSSProperties } from 'react';
 import type { Elevation } from './elevation';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.21.0",
+  "version": "4.21.1",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {