@mui/material 7.0.0 → 7.0.2

package/modern/PigmentContainer/PigmentContainer.js

@@ -1,98 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-// @ts-ignore
-import Container from '@mui/material-pigment-css/Container';
-import capitalize from '@mui/utils/capitalize';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    fixed,
-    disableGutters,
-    maxWidth
-  } = ownerState;
-  const slots = {
-    root: ['root', maxWidth && `maxWidth${capitalize(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters']
-  };
-  return composeClasses(slots, slot => generateUtilityClass('MuiContainer', slot), classes);
-};
-/**
- *
- * Demos:
- *
- * - [Container](https://mui.com/material-ui/react-container/)
- *
- * API:
- *
- * - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
- */
-const PigmentContainer = /*#__PURE__*/React.forwardRef(function PigmentContainer({
-  className,
-  disableGutters = false,
-  fixed = false,
-  maxWidth = 'lg',
-  ...props
-}, ref) {
-  const ownerState = {
-    ...props,
-    disableGutters,
-    fixed,
-    maxWidth
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(Container, {
-    className: clsx(classes.root, className),
-    disableGutters: disableGutters,
-    fixed: fixed,
-    maxWidth: maxWidth,
-    ...props,
-    // @ts-ignore
-    ref: ref
-  });
-});
-process.env.NODE_ENV !== "production" ? PigmentContainer.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: PropTypes.bool,
-  /**
-   * Set the max-width to match the min-width of the current breakpoint.
-   * This is useful if you'd prefer to design for a fixed set of sizes
-   * instead of trying to accommodate a fully fluid viewport.
-   * It's fluid by default.
-   * @default false
-   */
-  fixed: PropTypes.bool,
-  /**
-   * Determine the max-width of the container.
-   * The container width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'lg'
-   */
-  maxWidth: PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs', false]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default PigmentContainer;

package/modern/PigmentContainer/index.js

@@ -1,3 +0,0 @@
-export { default } from "./PigmentContainer.js";
-export * from "./PigmentContainer.js";
-export { default as containerClasses } from "../Container/containerClasses.js";

package/modern/PigmentGrid/PigmentGrid.js

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-// @ts-ignore
-import Grid from '@mui/material-pigment-css/Grid';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { unstable_generateDirectionClasses as generateDirectionClasses, unstable_generateSizeClassNames as generateSizeClassNames, unstable_generateSpacingClassNames as generateSpacingClassNames } from '@mui/system/Grid';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    container,
-    direction,
-    size,
-    spacing
-  } = ownerState;
-  let gridSize = {};
-  if (size) {
-    if (Array.isArray(size)) {
-      size.forEach((value, index) => {
-        gridSize = {
-          ...gridSize,
-          [index]: value
-        };
-      });
-    }
-    if (typeof size === 'object') {
-      gridSize = size;
-    }
-  }
-  const slots = {
-    root: ['root', container && 'container', ...generateDirectionClasses(direction), ...generateSizeClassNames(gridSize), ...(container ? generateSpacingClassNames(spacing) : [])]
-  };
-  return composeClasses(slots, slot => generateUtilityClass('MuiGrid', slot), {});
-};
-/**
- *
- * Demos:
- *
- * - [Grid](https://mui.com/material-ui/react-grid/)
- *
- * API:
- *
- * - [PigmentGrid API](https://mui.com/material-ui/api/pigment-grid/)
- */
-const PigmentGrid = /*#__PURE__*/React.forwardRef(function PigmentGrid(props, ref) {
-  const {
-    className,
-    ...other
-  } = props;
-  const classes = useUtilityClasses(props);
-  return /*#__PURE__*/_jsx(Grid, {
-    ref: ref,
-    className: clsx(classes.root, className),
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? PigmentGrid.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The number of columns.
-   * @default 12
-   */
-  columns: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-  /**
-   * Defines the horizontal space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  columnSpacing: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.object, PropTypes.string]),
-  /**
-   * If `true`, the component will have the flex *container* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  container: PropTypes.bool,
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'row'
-   */
-  direction: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['column', 'column-reverse', 'row', 'row-reverse']), PropTypes.arrayOf(PropTypes.oneOf(['column', 'column-reverse', 'row', 'row-reverse'])), PropTypes.object]),
-  /**
-   * Defines the offset of the grid.
-   */
-  offset: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-  /**
-   * Defines the vertical space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  rowSpacing: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.object, PropTypes.string]),
-  /**
-   * Defines the column size of the grid.
-   */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-  /**
-   * Defines the space between the type `item` components.
-   * It can only be used on a type `container` component.
-   * @default 0
-   */
-  spacing: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.object, PropTypes.string]),
-  /**
-   * @ignore
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Defines the `flex-wrap` style property.
-   * It's applied for all screen sizes.
-   * @default 'wrap'
-   */
-  wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
-} : void 0;
-
-// @ts-ignore internal logic for nested grid
-PigmentGrid.muiName = 'Grid';
-export default PigmentGrid;

package/modern/PigmentGrid/index.js

@@ -1,3 +0,0 @@
-export { default } from "./PigmentGrid.js";
-export * from "./PigmentGrid.js";
-export { default as gridClasses } from "../Grid/gridClasses.js";

package/modern/PigmentStack/PigmentStack.js

@@ -1,81 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-// @ts-ignore
-import Stack from '@mui/material-pigment-css/Stack';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = () => {
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, slot => generateUtilityClass('MuiStack', slot), {});
-};
-/**
- *
- * Demos:
- *
- * - [Stack](https://mui.com/material-ui/react-stack/)
- *
- * API:
- *
- * - [PigmentStack API](https://mui.com/material-ui/api/pigment-stack/)
- */
-const PigmentStack = /*#__PURE__*/React.forwardRef(function PigmentStack({
-  className,
-  ...props
-}, ref) {
-  const classes = useUtilityClasses();
-  return /*#__PURE__*/_jsx(Stack, {
-    ref: ref,
-    className: clsx(classes.root, className),
-    ...props
-  });
-});
-process.env.NODE_ENV !== "production" ? PigmentStack.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'column'
-   */
-  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.shape({
-    lg: PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']),
-    md: PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']),
-    sm: PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']),
-    xl: PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']),
-    xs: PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])
-  })]),
-  /**
-   * Add an element between each child.
-   */
-  divider: PropTypes.node,
-  /**
-   * Defines the space between immediate children.
-   * @default 0
-   */
-  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.shape({
-    lg: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    md: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    sm: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    xl: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    xs: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-  }), PropTypes.string]),
-  /**
-   * The system prop, which allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default PigmentStack;

package/modern/PigmentStack/index.js

@@ -1,3 +0,0 @@
-export { default } from "./PigmentStack.js";
-export * from "./PigmentStack.js";
-export { default as stackClasses } from "../Stack/stackClasses.js";