🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

@mui/styled-engine

Package Overview
Dependencies
Maintainers
11
Versions
156
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mui/styled-engine - npm Package Compare versions

Comparing version
9.0.0
 to
9.1.0
+2
-2
GlobalStyles/GlobalStyles.d.mts

@@ -1,3 +0,3 @@

import * as React from 'react';
import { Interpolation } from '@emotion/react';
import type * as React from 'react';
import { type Interpolation } from '@emotion/react';
export interface GlobalStylesProps<Theme = {}> {

@@ -4,0 +4,0 @@ defaultTheme?: object | undefined;

+2
-2
GlobalStyles/GlobalStyles.d.ts

@@ -1,3 +0,3 @@

import * as React from 'react';
import { Interpolation } from '@emotion/react';
import type * as React from 'react';
import { type Interpolation } from '@emotion/react';
export interface GlobalStylesProps<Theme = {}> {

@@ -4,0 +4,0 @@ defaultTheme?: object | undefined;

+1
-1
GlobalStyles/GlobalStyles.js

@@ -25,5 +25,5 @@ "use strict";

}
process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes = {
process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
defaultTheme: _propTypes.default.object,
styles: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.string, _propTypes.default.object, _propTypes.default.func])
} : void 0;
+1
-1
GlobalStyles/GlobalStyles.mjs

@@ -19,5 +19,5 @@ 'use client';

}
process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes = {
process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
defaultTheme: PropTypes.object,
styles: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object, PropTypes.func])
} : void 0;
+1
-1
GlobalStyles/index.d.mts
export { default } from "./GlobalStyles.mjs";
export * from "./GlobalStyles.mjs";
export type * from "./GlobalStyles.mjs";
+1
-1
GlobalStyles/index.d.ts
export { default } from "./GlobalStyles.js";
export * from "./GlobalStyles.js";
export type * from "./GlobalStyles.js";
+13
-28
index.d.mts

@@ -1,20 +0,17 @@

import * as CSS from 'csstype';
import { StyledComponent, StyledOptions } from '@emotion/styled';
import { PropsOf } from '@emotion/react';
export * from '@emotion/styled';
export { default } from '@emotion/styled';
import { type CreateStyled, type StyledComponent, type StyledOptions } from '@emotion/styled';
import type * as CSS from 'csstype';
import { type PropsOf } from '@emotion/react';
export type { CreateStyled, StyledComponent, StyledOptions, StyledTags } from '@emotion/styled';
declare const _default: CreateStyled;
export default _default;
/**
* For internal usage in `@mui/system` package
*/
export declare function internal_mutateStyles(tag: React.ElementType, processor: (styles: any) => any): void;
export declare function internal_serializeStyles<P>(styles: Interpolation<P>): object;
export { ThemeContext, keyframes, css } from '@emotion/react';
export { default as StyledEngineProvider } from "./StyledEngineProvider/index.mjs";
export { default as GlobalStyles } from "./GlobalStyles/index.mjs";
export * from "./GlobalStyles/index.mjs";
export type { GlobalStylesProps } from "./GlobalStyles/index.mjs";
export type MUIStyledComponent<ComponentProps extends {}, SpecificComponentProps extends {} = {}, JSXProps extends {} = {}> = StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* For internal usage in `@mui/system` package
*/
// eslint-disable-next-line @typescript-eslint/naming-convention
export function internal_mutateStyles(tag: React.ElementType, processor: (styles: any) => any): void;
// eslint-disable-next-line @typescript-eslint/naming-convention
export function internal_serializeStyles<P>(styles: Interpolation<P>): object;
export interface SerializedStyles {

@@ -28,9 +25,3 @@ name: string;

export type CSSPropertiesWithMultiValues = { [K in keyof CSSProperties]: CSSProperties[K] | ReadonlyArray<Extract<CSSProperties[K], string>> };
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
export type CSSPseudos = { [K in CSS.Pseudos]?: unknown | CSSObject };
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
export interface CSSOthersObject {

@@ -44,4 +35,2 @@ [propertiesName: string]: unknown | CSSInterpolation;

}
// Omit variants as a key, because we have a special handling for it
export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject {}

@@ -80,4 +69,3 @@ export interface ComponentSelector {

}) | ArrayInterpolation<Props> | FunctionInterpolation<Props>;
export function shouldForwardProp(propName: PropertyKey): boolean;
export declare function shouldForwardProp(propName: PropertyKey): boolean;
/** Same as StyledOptions but shouldForwardProp must be a type guard */

@@ -89,3 +77,2 @@ export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {

}
/**

@@ -99,3 +86,2 @@ * @typeparam ComponentProps Props which will be included when withComponent is called

}>>): StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**

@@ -110,3 +96,2 @@ * @typeparam AdditionalProps Additional props to add to your styled component

}>>): StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**

@@ -113,0 +98,0 @@ * @typeparam AdditionalProps Additional props to add to your styled component

+13
-28
index.d.ts

@@ -1,20 +0,17 @@

import * as CSS from 'csstype';
import { StyledComponent, StyledOptions } from '@emotion/styled';
import { PropsOf } from '@emotion/react';
export * from '@emotion/styled';
export { default } from '@emotion/styled';
import { type CreateStyled, type StyledComponent, type StyledOptions } from '@emotion/styled';
import type * as CSS from 'csstype';
import { type PropsOf } from '@emotion/react';
export type { CreateStyled, StyledComponent, StyledOptions, StyledTags } from '@emotion/styled';
declare const _default: CreateStyled;
export default _default;
/**
* For internal usage in `@mui/system` package
*/
export declare function internal_mutateStyles(tag: React.ElementType, processor: (styles: any) => any): void;
export declare function internal_serializeStyles<P>(styles: Interpolation<P>): object;
export { ThemeContext, keyframes, css } from '@emotion/react';
export { default as StyledEngineProvider } from "./StyledEngineProvider/index.js";
export { default as GlobalStyles } from "./GlobalStyles/index.js";
export * from "./GlobalStyles/index.js";
export type { GlobalStylesProps } from "./GlobalStyles/index.js";
export type MUIStyledComponent<ComponentProps extends {}, SpecificComponentProps extends {} = {}, JSXProps extends {} = {}> = StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* For internal usage in `@mui/system` package
*/
// eslint-disable-next-line @typescript-eslint/naming-convention
export function internal_mutateStyles(tag: React.ElementType, processor: (styles: any) => any): void;
// eslint-disable-next-line @typescript-eslint/naming-convention
export function internal_serializeStyles<P>(styles: Interpolation<P>): object;
export interface SerializedStyles {

@@ -28,9 +25,3 @@ name: string;

export type CSSPropertiesWithMultiValues = { [K in keyof CSSProperties]: CSSProperties[K] | ReadonlyArray<Extract<CSSProperties[K], string>> };
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
export type CSSPseudos = { [K in CSS.Pseudos]?: unknown | CSSObject };
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
export interface CSSOthersObject {

@@ -44,4 +35,2 @@ [propertiesName: string]: unknown | CSSInterpolation;

}
// Omit variants as a key, because we have a special handling for it
export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject {}

@@ -80,4 +69,3 @@ export interface ComponentSelector {

}) | ArrayInterpolation<Props> | FunctionInterpolation<Props>;
export function shouldForwardProp(propName: PropertyKey): boolean;
export declare function shouldForwardProp(propName: PropertyKey): boolean;
/** Same as StyledOptions but shouldForwardProp must be a type guard */

@@ -89,3 +77,2 @@ export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {

}
/**

@@ -99,3 +86,2 @@ * @typeparam ComponentProps Props which will be included when withComponent is called

}>>): StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**

@@ -110,3 +96,2 @@ * @typeparam AdditionalProps Additional props to add to your styled component

}>>): StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**

@@ -113,0 +98,0 @@ * @typeparam AdditionalProps Additional props to add to your styled component

+28
-4
index.js
/**
* @mui/styled-engine v9.0.0
* @mui/styled-engine v9.1.0
*

@@ -40,3 +40,3 @@ * @license MIT

});
exports.default = styled;
exports.default = void 0;
exports.internal_mutateStyles = internal_mutateStyles;

@@ -55,3 +55,9 @@ exports.internal_serializeStyles = internal_serializeStyles;

var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
// Re-export the public type surface of `@emotion/styled`. Explicit names rather
// than `export type *`: an `export *` (even type-only) is disallowed by the
// `'use client'` Next.js lint rule. Names locally redeclared below intentionally
// shadow Emotion's and are not re-exported here.
function styled(tag, options) {
// Emotion's `styled` overloads each expect a specific tag/component shape;
// none accept the broadened `React.ElementType` union, so cast the passthrough.
const stylesFactory = (0, _styled.default)(tag, options);

@@ -71,3 +77,6 @@ if (process.env.NODE_ENV !== 'production') {

}
var _default = exports.default = styled;
/**
* For internal usage in `@mui/system` package
*/
// eslint-disable-next-line @typescript-eslint/naming-convention

@@ -88,2 +97,17 @@ function internal_mutateStyles(tag, processor) {

return (0, _serialize.serializeStyles)(wrapper);
}
}
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
// Omit variants as a key, because we have a special handling for it
/** Same as StyledOptions but shouldForwardProp must be a type guard */
/**
* @typeparam ComponentProps Props which will be included when withComponent is called
* @typeparam SpecificComponentProps Props which will *not* be included when withComponent is called
*/
+30
-3
index.mjs
/**
* @mui/styled-engine v9.0.0
* @mui/styled-engine v9.1.0
*

@@ -13,3 +13,11 @@ * @license MIT

import { serializeStyles as emSerializeStyles } from '@emotion/serialize';
export default function styled(tag, options) {
// Re-export the public type surface of `@emotion/styled`. Explicit names rather
// than `export type *`: an `export *` (even type-only) is disallowed by the
// `'use client'` Next.js lint rule. Names locally redeclared below intentionally
// shadow Emotion's and are not re-exported here.
function styled(tag, options) {
// Emotion's `styled` overloads each expect a specific tag/component shape;
// none accept the broadened `React.ElementType` union, so cast the passthrough.
const stylesFactory = emStyled(tag, options);

@@ -29,3 +37,7 @@ if (process.env.NODE_ENV !== 'production') {

}
export default styled;
/**
* For internal usage in `@mui/system` package
*/
// eslint-disable-next-line @typescript-eslint/naming-convention

@@ -49,2 +61,17 @@ export function internal_mutateStyles(tag, processor) {

export { default as StyledEngineProvider } from "./StyledEngineProvider/index.mjs";
export { default as GlobalStyles } from "./GlobalStyles/index.mjs";
export { default as GlobalStyles } from "./GlobalStyles/index.mjs";
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
// TODO v6 - check if we can drop the unknown, as it breaks the autocomplete
// For more info on why it was added, see https://github.com/mui/material-ui/pull/26228
// Omit variants as a key, because we have a special handling for it
/** Same as StyledOptions but shouldForwardProp must be a type guard */
/**
* @typeparam ComponentProps Props which will be included when withComponent is called
* @typeparam SpecificComponentProps Props which will *not* be included when withComponent is called
*/
+1
-1
LICENSE

@@ -1,2 +0,2 @@

The MIT License (MIT)
MIT License

@@ -3,0 +3,0 @@ Copyright (c) 2014 Call-Em-All

+1
-1
package.json
{
"name": "@mui/styled-engine",
"version": "9.0.0",
"version": "9.1.0",
"author": "MUI Team",

@@ -5,0 +5,0 @@ "description": "styled() API wrapper package for emotion.",

+1
-1
StyledEngineProvider/index.d.mts
export { default } from "./StyledEngineProvider.mjs";
export * from "./StyledEngineProvider.mjs";
export type * from "./StyledEngineProvider.mjs";
+1
-1
StyledEngineProvider/index.d.ts
export { default } from "./StyledEngineProvider.js";
export * from "./StyledEngineProvider.js";
export type * from "./StyledEngineProvider.js";
+4
-1
StyledEngineProvider/StyledEngineProvider.js

@@ -23,2 +23,5 @@ "use strict";

// Even if we disable it, JSDOM needs extra configuration to be able to parse `@layer` CSS.
/**
* @internal
*/
const TEST_INTERNALS_DO_NOT_USE = exports.TEST_INTERNALS_DO_NOT_USE = {

@@ -125,3 +128,3 @@ /**

}
process.env.NODE_ENV !== "production" ? StyledEngineProvider.propTypes = {
process.env.NODE_ENV !== "production" ? StyledEngineProvider.propTypes /* remove-proptypes */ = {
/**

@@ -128,0 +131,0 @@ * Your component tree.

+5
-3
StyledEngineProvider/StyledEngineProvider.mjs

@@ -8,5 +8,4 @@ 'use client';

import { StyleSheet } from '@emotion/sheet';
import { jsx as _jsx } from "react/jsx-runtime";
// To fix [Jest performance](https://github.com/mui/material-ui/issues/45638).
import { jsx as _jsx } from "react/jsx-runtime";
const cacheMap = new Map();

@@ -17,2 +16,5 @@

// Even if we disable it, JSDOM needs extra configuration to be able to parse `@layer` CSS.
/**
* @internal
*/
export const TEST_INTERNALS_DO_NOT_USE = {

@@ -119,3 +121,3 @@ /**

}
process.env.NODE_ENV !== "production" ? StyledEngineProvider.propTypes = {
process.env.NODE_ENV !== "production" ? StyledEngineProvider.propTypes /* remove-proptypes */ = {
/**

@@ -122,0 +124,0 @@ * Your component tree.

CHANGELOG.md

Sorry, the diff of this file is too big to display