@mui/styled-engine 6.4.3 → 7.0.0-alpha.1

package/index.d.ts

@@ -1,226 +0,0 @@
-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';
-export { ThemeContext, keyframes, css } from '@emotion/react';
-
-export { default as StyledEngineProvider } from './StyledEngineProvider';
-
-export { default as GlobalStyles } from './GlobalStyles';
-export * from './GlobalStyles';
-
-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 {
-  name: string;
-  styles: string;
-  map?: string;
-  next?: SerializedStyles;
-}
-
-export type CSSProperties = CSS.PropertiesFallback<number | 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 {
-  [propertiesName: string]: unknown | CSSInterpolation;
-}
-export type CSSPseudosForCSSObject = { [K in CSS.Pseudos]?: CSSObject };
-
-export interface ArrayCSSInterpolation extends ReadonlyArray<CSSInterpolation> {}
-
-export interface CSSOthersObjectForCSSObject {
-  [propertiesName: string]: CSSInterpolation;
-}
-
-// Omit variants as a key, because we have a special handling for it
-export interface CSSObject
-  extends CSSPropertiesWithMultiValues,
-    CSSPseudos,
-    Omit<CSSOthersObject, 'variants'> {}
-
-interface CSSObjectWithVariants<Props> extends Omit<CSSObject, 'variants'> {
-  variants: Array<{
-    props: Props | ((props: Props) => boolean);
-    style:
-      | CSSObject
-      | ((args: Props extends { theme: any } ? { theme: Props['theme'] } : any) => CSSObject);
-  }>;
-}
-
-export interface ComponentSelector {
-  __emotion_styles: any;
-}
-
-export type Keyframes = {
-  name: string;
-  styles: string;
-  anim: number;
-  toString: () => string;
-} & string;
-
-export type Equal<A, B, T, F> = A extends B ? (B extends A ? T : F) : F;
-
-export type InterpolationPrimitive =
-  | null
-  | undefined
-  | boolean
-  | number
-  | string
-  | ComponentSelector
-  | Keyframes
-  | SerializedStyles
-  | CSSObject;
-
-export type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation;
-
-export interface FunctionInterpolation<Props> {
-  (props: Props): Interpolation<Props>;
-}
-
-export interface ArrayInterpolation<Props> extends ReadonlyArray<Interpolation<Props>> {}
-
-export type Interpolation<Props> =
-  | InterpolationPrimitive
-  | CSSObjectWithVariants<Props>
-  | ArrayInterpolation<Props>
-  | FunctionInterpolation<Props>;
-
-export function shouldForwardProp(propName: PropertyKey): boolean;
-
-/** Same as StyledOptions but shouldForwardProp must be a type guard */
-export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {
-  label?: string;
-  shouldForwardProp?(propName: PropertyKey): propName is ForwardedProps;
-  target?: string;
-}
-
-/**
- * @typeparam ComponentProps  Props which will be included when withComponent is called
- * @typeparam SpecificComponentProps  Props which will *not* be included when withComponent is called
- */
-export interface CreateStyledComponent<
-  ComponentProps extends {},
-  SpecificComponentProps extends {} = {},
-  JSXProps extends {} = {},
-  T extends object = {},
-> {
-  (
-    ...styles: Array<Interpolation<ComponentProps & SpecificComponentProps & { theme: T }>>
-  ): StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-
-  /**
-   * @typeparam AdditionalProps  Additional props to add to your styled component
-   */
-  <AdditionalProps extends {}>(
-    ...styles: Array<
-      Interpolation<ComponentProps & SpecificComponentProps & AdditionalProps & { theme: T }>
-    >
-  ): StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
-
-  (
-    template: TemplateStringsArray,
-    ...styles: Array<Interpolation<ComponentProps & SpecificComponentProps & { theme: T }>>
-  ): StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-
-  /**
-   * @typeparam AdditionalProps  Additional props to add to your styled component
-   */
-  <AdditionalProps extends {}>(
-    template: TemplateStringsArray,
-    ...styles: Array<
-      Interpolation<ComponentProps & SpecificComponentProps & AdditionalProps & { theme: T }>
-    >
-  ): StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
-}
-
-export interface CreateMUIStyled<
-  MUIStyledCommonProps extends {},
-  MuiStyledOptions,
-  Theme extends object,
-> {
-  <
-    C extends React.ComponentClass<React.ComponentProps<C>>,
-    ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>,
-  >(
-    component: C,
-    options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
-  ): CreateStyledComponent<
-    Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps,
-    {},
-    {
-      ref?: React.Ref<InstanceType<C>>;
-    },
-    Theme
-  >;
-
-  <C extends React.ComponentClass<React.ComponentProps<C>>>(
-    component: C,
-    options?: StyledOptions<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions,
-  ): CreateStyledComponent<
-    PropsOf<C> & MUIStyledCommonProps,
-    {},
-    {
-      ref?: React.Ref<InstanceType<C>>;
-    },
-    Theme
-  >;
-
-  <
-    C extends React.JSXElementConstructor<React.ComponentProps<C>>,
-    ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>,
-  >(
-    component: C,
-    options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
-  ): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {}, Theme>;
-
-  <C extends React.JSXElementConstructor<React.ComponentProps<C>>>(
-    component: C,
-    options?: StyledOptions<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions,
-  ): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {}, Theme>;
-
-  <
-    Tag extends keyof React.JSX.IntrinsicElements,
-    ForwardedProps extends
-      keyof React.JSX.IntrinsicElements[Tag] = keyof React.JSX.IntrinsicElements[Tag],
-  >(
-    tag: Tag,
-    options: FilteringStyledOptions<React.JSX.IntrinsicElements[Tag], ForwardedProps> &
-      MuiStyledOptions,
-  ): CreateStyledComponent<
-    MUIStyledCommonProps,
-    Pick<React.JSX.IntrinsicElements[Tag], ForwardedProps>,
-    {},
-    Theme
-  >;
-
-  <Tag extends keyof React.JSX.IntrinsicElements>(
-    tag: Tag,
-    options?: StyledOptions<MUIStyledCommonProps> & MuiStyledOptions,
-  ): CreateStyledComponent<MUIStyledCommonProps, React.JSX.IntrinsicElements[Tag], {}, Theme>;
-}

package/node/GlobalStyles/GlobalStyles.js

@@ -1,30 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = GlobalStyles;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react2 = require("@emotion/react");
-var _jsxRuntime = require("react/jsx-runtime");
-function isEmpty(obj) {
-  return obj === undefined || obj === null || Object.keys(obj).length === 0;
-}
-function GlobalStyles(props) {
-  const {
-    styles,
-    defaultTheme = {}
-  } = props;
-  const globalStyles = typeof styles === 'function' ? themeInput => styles(isEmpty(themeInput) ? defaultTheme : themeInput) : styles;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Global, {
-    styles: globalStyles
-  });
-}
-process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes = {
-  defaultTheme: _propTypes.default.object,
-  styles: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.string, _propTypes.default.object, _propTypes.default.func])
-} : void 0;

package/node/GlobalStyles/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _GlobalStyles.default;
-  }
-});
-var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));

package/node/StyledEngineProvider/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _StyledEngineProvider.default;
-  }
-});
-var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));

package/node/index.js

@@ -1,85 +0,0 @@
-/**
- * @mui/styled-engine v6.4.3
- *
- * @license MIT
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GlobalStyles", {
-  enumerable: true,
-  get: function () {
-    return _GlobalStyles.default;
-  }
-});
-Object.defineProperty(exports, "StyledEngineProvider", {
-  enumerable: true,
-  get: function () {
-    return _StyledEngineProvider.default;
-  }
-});
-Object.defineProperty(exports, "ThemeContext", {
-  enumerable: true,
-  get: function () {
-    return _react.ThemeContext;
-  }
-});
-Object.defineProperty(exports, "css", {
-  enumerable: true,
-  get: function () {
-    return _react.css;
-  }
-});
-exports.default = styled;
-exports.internal_mutateStyles = internal_mutateStyles;
-exports.internal_serializeStyles = internal_serializeStyles;
-Object.defineProperty(exports, "keyframes", {
-  enumerable: true,
-  get: function () {
-    return _react.keyframes;
-  }
-});
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _serialize = require("@emotion/serialize");
-var _react = require("@emotion/react");
-var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));
-var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
-/* eslint-disable no-underscore-dangle */
-
-function styled(tag, options) {
-  const stylesFactory = (0, _styled.default)(tag, options);
-  if (process.env.NODE_ENV !== 'production') {
-    return (...styles) => {
-      const component = typeof tag === 'string' ? `"${tag}"` : 'component';
-      if (styles.length === 0) {
-        console.error([`MUI: Seems like you called \`styled(${component})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join('\n'));
-      } else if (styles.some(style => style === undefined)) {
-        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);
-      }
-      return stylesFactory(...styles);
-    };
-  }
-  return stylesFactory;
-}
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function internal_mutateStyles(tag, processor) {
-  // Emotion attaches all the styles as `__emotion_styles`.
-  // Ref: https://github.com/emotion-js/emotion/blob/16d971d0da229596d6bcc39d282ba9753c9ee7cf/packages/styled/src/base.js#L186
-  if (Array.isArray(tag.__emotion_styles)) {
-    tag.__emotion_styles = processor(tag.__emotion_styles);
-  }
-}
-
-// Emotion only accepts an array, but we want to avoid allocations
-const wrapper = [];
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function internal_serializeStyles(styles) {
-  wrapper[0] = styles;
-  return (0, _serialize.serializeStyles)(wrapper);
-}