@mui/material 7.0.0-beta.0 → 7.0.0-beta.2

package/Typography/Typography.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { OverridableStringUnion } from '@mui/types';
+import { SxProps, SystemProps } from '@mui/system';
+import { Theme, TypeText } from "../styles/index.js";
+import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.js";
+import { Variant } from "../styles/createTypography.js";
+import { TypographyClasses } from "./typographyClasses.js";
+export interface TypographyPropsVariantOverrides {}
+export interface TypographyPropsColorOverrides {}
+export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
+  /**
+   * Set the text-align on the component.
+   * @default 'inherit'
+   */
+  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TypographyClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   */
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}); // to work with v5 color prop type which allows any string
+  /**
+   * If `true`, the text will have a bottom margin.
+   * @default false
+   */
+  gutterBottom?: boolean;
+  /**
+   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+   *
+   * Note that text overflow can only happen with block or inline-block level elements
+   * (the element needs to have a width in order to overflow).
+   * @default false
+   */
+  noWrap?: boolean;
+  /**
+   * If `true`, the element will be a paragraph element.
+   * @default false
+   * @deprecated Use the `component` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  paragraph?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Applies the theme typography styles.
+   * @default 'body1'
+   */
+  variant?: OverridableStringUnion<Variant | 'inherit', TypographyPropsVariantOverrides>;
+  /**
+   * The component maps the variant prop to a range of different HTML element types.
+   * For instance, subtitle1 to `<h6>`.
+   * If you wish to change that mapping, you can provide your own.
+   * Alternatively, you can use the `component` prop.
+   * @default {
+   *   h1: 'h1',
+   *   h2: 'h2',
+   *   h3: 'h3',
+   *   h4: 'h4',
+   *   h5: 'h5',
+   *   h6: 'h6',
+   *   subtitle1: 'h6',
+   *   subtitle2: 'h6',
+   *   body1: 'p',
+   *   body2: 'p',
+   *   inherit: 'p',
+   * }
+   */
+  variantMapping?: Partial<Record<OverridableStringUnion<Variant | 'inherit', TypographyPropsVariantOverrides>, string>>;
+}
+export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> {
+  props: AdditionalProps & TypographyOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
+ * - [Typography](https://next.mui.com/material-ui/react-typography/)
+ *
+ * API:
+ *
+ * - [Typography API](https://next.mui.com/material-ui/api/typography/)
+ */
+declare const Typography: OverridableComponent<TypographyTypeMap>;
+export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Typography;

package/Typography/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Typography.js";
+export * from "./Typography.js";
+export { default as typographyClasses } from "./typographyClasses.js";
+export * from "./typographyClasses.js";

package/Typography/typographyClasses.d.ts

@@ -0,0 +1,53 @@
+export interface TypographyClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `variant="body2"`. */
+  body2: string;
+  /** Styles applied to the root element if `variant="body1"`. */
+  body1: string;
+  /** Styles applied to the root element if `variant="caption"`. */
+  caption: string;
+  /** Styles applied to the root element if `variant="button"`. */
+  button: string;
+  /** Styles applied to the root element if `variant="h1"`. */
+  h1: string;
+  /** Styles applied to the root element if `variant="h2"`. */
+  h2: string;
+  /** Styles applied to the root element if `variant="h3"`. */
+  h3: string;
+  /** Styles applied to the root element if `variant="h4"`. */
+  h4: string;
+  /** Styles applied to the root element if `variant="h5"`. */
+  h5: string;
+  /** Styles applied to the root element if `variant="h6"`. */
+  h6: string;
+  /** Styles applied to the root element if `variant="subtitle1"`. */
+  subtitle1: string;
+  /** Styles applied to the root element if `variant="subtitle2"`. */
+  subtitle2: string;
+  /** Styles applied to the root element if `variant="overline"`. */
+  overline: string;
+  /** Styles applied to the root element if `variant="inherit"`. */
+  inherit: string;
+  /** Styles applied to the root element if `align="left"`. */
+  alignLeft: string;
+  /** Styles applied to the root element if `align="center"`. */
+  alignCenter: string;
+  /** Styles applied to the root element if `align="right"`. */
+  alignRight: string;
+  /** Styles applied to the root element if `align="justify"`. */
+  alignJustify: string;
+  /** Styles applied to the root element if `nowrap={true}`. */
+  noWrap: string;
+  /** Styles applied to the root element if `gutterBottom={true}`. */
+  gutterBottom: string;
+  /**
+   * Styles applied to the root element if `paragraph={true}`.
+   * @deprecated
+   */
+  paragraph: string;
+}
+export type TypographyClassKey = keyof TypographyClasses;
+export declare function getTypographyUtilityClass(slot: string): string;
+declare const typographyClasses: TypographyClasses;
+export default typographyClasses;

package/Unstable_TrapFocus/FocusTrap.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { FocusTrapProps } from "./FocusTrap.types.js";
+/**
+ * @ignore - internal component.
+ */
+declare function FocusTrap(props: FocusTrapProps): React.JSX.Element;
+declare namespace FocusTrap {
+  var propTypes: any;
+}
+export default FocusTrap;

package/Unstable_TrapFocus/FocusTrap.types.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+export interface FocusTrapProps {
+  /**
+   * If `true`, focus is locked.
+   */
+  open: boolean;
+  /**
+   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
+   * For instance, you can provide the "tabbable" npm dependency.
+   * @param {HTMLElement} root
+   */
+  getTabbable?: (root: HTMLElement) => ReadonlyArray<HTMLElement>;
+  /**
+   * This prop extends the `open` prop.
+   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
+   * This prop should be memoized.
+   * It can be used to support multiple focus trap mounted at the same time.
+   * @default function defaultIsEnabled(): boolean {
+   *   return true;
+   * }
+   */
+  isEnabled?: () => boolean;
+  /**
+   * A single child content element.
+   */
+  children: React.ReactElement<{
+    onFocus?: React.FocusEventHandler;
+    ref?: React.RefCallback<any> | null;
+  }>;
+  /**
+   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the focus trap less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus?: boolean;
+  /**
+   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
+   *
+   * Generally this should never be set to `true` as it makes the focus trap less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus?: boolean;
+  /**
+   * If `true`, the focus trap will not restore focus to previously focused element once
+   * focus trap is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus?: boolean;
+}

package/Unstable_TrapFocus/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FocusTrap.js";
+export { FocusTrapProps as TrapFocusProps } from "./FocusTrap.types.js";

package/Zoom/Zoom.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { TransitionProps } from "../transitions/transition.js";
+export interface ZoomProps extends TransitionProps {
+  /**
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
+   */
+  appear?: boolean;
+  /**
+   * A single child content element.
+   */
+  children: React.ReactElement<unknown, any>;
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing?: TransitionProps['easing'];
+  /**
+   * If `true`, the component will transition in.
+   */
+  in?: boolean;
+  ref?: React.Ref<unknown>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  timeout?: TransitionProps['timeout'];
+}
+
+/**
+ * The Zoom transition can be used for the floating variant of the
+ * [Button](https://next.mui.com/material-ui/react-button/#floating-action-buttons) component.
+ * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ *
+ * Demos:
+ *
+ * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ *
+ * API:
+ *
+ * - [Zoom API](https://next.mui.com/material-ui/api/zoom/)
+ * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
+ */
+export default function Zoom(props: ZoomProps): React.JSX.Element;

package/Zoom/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Zoom.js";
+export * from "./Zoom.js";

package/className/index.d.ts

@@ -0,0 +1 @@
+export { unstable_ClassNameGenerator } from '@mui/utils';

package/colors/amber.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ![amber 50](https://mui.com/static/colors-preview/amber-50-24x24.png) ![amber 100](https://mui.com/static/colors-preview/amber-100-24x24.png) ![amber 200](https://mui.com/static/colors-preview/amber-200-24x24.png) ![amber 300](https://mui.com/static/colors-preview/amber-300-24x24.png) ![amber 400](https://mui.com/static/colors-preview/amber-400-24x24.png) ![amber 500](https://mui.com/static/colors-preview/amber-500-24x24.png) ![amber 600](https://mui.com/static/colors-preview/amber-600-24x24.png) ![amber 700](https://mui.com/static/colors-preview/amber-700-24x24.png) ![amber 800](https://mui.com/static/colors-preview/amber-800-24x24.png) ![amber 900](https://mui.com/static/colors-preview/amber-900-24x24.png) ![amber A100](https://mui.com/static/colors-preview/amber-A100-24x24.png) ![amber A200](https://mui.com/static/colors-preview/amber-A200-24x24.png) ![amber A400](https://mui.com/static/colors-preview/amber-A400-24x24.png) ![amber A700](https://mui.com/static/colors-preview/amber-A700-24x24.png)
+ */
+declare const amber: {
+  /**
+   * Preview: ![amber 50](https://mui.com/static/colors-preview/amber-50-24x24.png)
+   */
+  50: '#fff8e1';
+  /**
+   * Preview: ![amber 100](https://mui.com/static/colors-preview/amber-100-24x24.png)
+   */
+  100: '#ffecb3';
+  /**
+   * Preview: ![amber 200](https://mui.com/static/colors-preview/amber-200-24x24.png)
+   */
+  200: '#ffe082';
+  /**
+   * Preview: ![amber 300](https://mui.com/static/colors-preview/amber-300-24x24.png)
+   */
+  300: '#ffd54f';
+  /**
+   * Preview: ![amber 400](https://mui.com/static/colors-preview/amber-400-24x24.png)
+   */
+  400: '#ffca28';
+  /**
+   * Preview: ![amber 500](https://mui.com/static/colors-preview/amber-500-24x24.png)
+   */
+  500: '#ffc107';
+  /**
+   * Preview: ![amber 600](https://mui.com/static/colors-preview/amber-600-24x24.png)
+   */
+  600: '#ffb300';
+  /**
+   * Preview: ![amber 700](https://mui.com/static/colors-preview/amber-700-24x24.png)
+   */
+  700: '#ffa000';
+  /**
+   * Preview: ![amber 800](https://mui.com/static/colors-preview/amber-800-24x24.png)
+   */
+  800: '#ff8f00';
+  /**
+   * Preview: ![amber 900](https://mui.com/static/colors-preview/amber-900-24x24.png)
+   */
+  900: '#ff6f00';
+  /**
+   * Preview: ![amber A100](https://mui.com/static/colors-preview/amber-A100-24x24.png)
+   */
+  A100: '#ffe57f';
+  /**
+   * Preview: ![amber A200](https://mui.com/static/colors-preview/amber-A200-24x24.png)
+   */
+  A200: '#ffd740';
+  /**
+   * Preview: ![amber A400](https://mui.com/static/colors-preview/amber-A400-24x24.png)
+   */
+  A400: '#ffc400';
+  /**
+   * Preview: ![amber A700](https://mui.com/static/colors-preview/amber-A700-24x24.png)
+   */
+  A700: '#ffab00';
+};
+export default amber;

package/colors/blue.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ![blue 50](https://mui.com/static/colors-preview/blue-50-24x24.png) ![blue 100](https://mui.com/static/colors-preview/blue-100-24x24.png) ![blue 200](https://mui.com/static/colors-preview/blue-200-24x24.png) ![blue 300](https://mui.com/static/colors-preview/blue-300-24x24.png) ![blue 400](https://mui.com/static/colors-preview/blue-400-24x24.png) ![blue 500](https://mui.com/static/colors-preview/blue-500-24x24.png) ![blue 600](https://mui.com/static/colors-preview/blue-600-24x24.png) ![blue 700](https://mui.com/static/colors-preview/blue-700-24x24.png) ![blue 800](https://mui.com/static/colors-preview/blue-800-24x24.png) ![blue 900](https://mui.com/static/colors-preview/blue-900-24x24.png) ![blue A100](https://mui.com/static/colors-preview/blue-A100-24x24.png) ![blue A200](https://mui.com/static/colors-preview/blue-A200-24x24.png) ![blue A400](https://mui.com/static/colors-preview/blue-A400-24x24.png) ![blue A700](https://mui.com/static/colors-preview/blue-A700-24x24.png)
+ */
+declare const blue: {
+  /**
+   * Preview: ![blue 50](https://mui.com/static/colors-preview/blue-50-24x24.png)
+   */
+  50: '#e3f2fd';
+  /**
+   * Preview: ![blue 100](https://mui.com/static/colors-preview/blue-100-24x24.png)
+   */
+  100: '#bbdefb';
+  /**
+   * Preview: ![blue 200](https://mui.com/static/colors-preview/blue-200-24x24.png)
+   */
+  200: '#90caf9';
+  /**
+   * Preview: ![blue 300](https://mui.com/static/colors-preview/blue-300-24x24.png)
+   */
+  300: '#64b5f6';
+  /**
+   * Preview: ![blue 400](https://mui.com/static/colors-preview/blue-400-24x24.png)
+   */
+  400: '#42a5f5';
+  /**
+   * Preview: ![blue 500](https://mui.com/static/colors-preview/blue-500-24x24.png)
+   */
+  500: '#2196f3';
+  /**
+   * Preview: ![blue 600](https://mui.com/static/colors-preview/blue-600-24x24.png)
+   */
+  600: '#1e88e5';
+  /**
+   * Preview: ![blue 700](https://mui.com/static/colors-preview/blue-700-24x24.png)
+   */
+  700: '#1976d2';
+  /**
+   * Preview: ![blue 800](https://mui.com/static/colors-preview/blue-800-24x24.png)
+   */
+  800: '#1565c0';
+  /**
+   * Preview: ![blue 900](https://mui.com/static/colors-preview/blue-900-24x24.png)
+   */
+  900: '#0d47a1';
+  /**
+   * Preview: ![blue A100](https://mui.com/static/colors-preview/blue-A100-24x24.png)
+   */
+  A100: '#82b1ff';
+  /**
+   * Preview: ![blue A200](https://mui.com/static/colors-preview/blue-A200-24x24.png)
+   */
+  A200: '#448aff';
+  /**
+   * Preview: ![blue A400](https://mui.com/static/colors-preview/blue-A400-24x24.png)
+   */
+  A400: '#2979ff';
+  /**
+   * Preview: ![blue A700](https://mui.com/static/colors-preview/blue-A700-24x24.png)
+   */
+  A700: '#2962ff';
+};
+export default blue;

package/colors/blueGrey.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ![blueGrey 50](https://mui.com/static/colors-preview/blueGrey-50-24x24.png) ![blueGrey 100](https://mui.com/static/colors-preview/blueGrey-100-24x24.png) ![blueGrey 200](https://mui.com/static/colors-preview/blueGrey-200-24x24.png) ![blueGrey 300](https://mui.com/static/colors-preview/blueGrey-300-24x24.png) ![blueGrey 400](https://mui.com/static/colors-preview/blueGrey-400-24x24.png) ![blueGrey 500](https://mui.com/static/colors-preview/blueGrey-500-24x24.png) ![blueGrey 600](https://mui.com/static/colors-preview/blueGrey-600-24x24.png) ![blueGrey 700](https://mui.com/static/colors-preview/blueGrey-700-24x24.png) ![blueGrey 800](https://mui.com/static/colors-preview/blueGrey-800-24x24.png) ![blueGrey 900](https://mui.com/static/colors-preview/blueGrey-900-24x24.png) ![blueGrey A100](https://mui.com/static/colors-preview/blueGrey-A100-24x24.png) ![blueGrey A200](https://mui.com/static/colors-preview/blueGrey-A200-24x24.png) ![blueGrey A400](https://mui.com/static/colors-preview/blueGrey-A400-24x24.png) ![blueGrey A700](https://mui.com/static/colors-preview/blueGrey-A700-24x24.png)
+ */
+declare const blueGrey: {
+  /**
+   * Preview: ![blueGrey 50](https://mui.com/static/colors-preview/blueGrey-50-24x24.png)
+   */
+  50: '#eceff1';
+  /**
+   * Preview: ![blueGrey 100](https://mui.com/static/colors-preview/blueGrey-100-24x24.png)
+   */
+  100: '#cfd8dc';
+  /**
+   * Preview: ![blueGrey 200](https://mui.com/static/colors-preview/blueGrey-200-24x24.png)
+   */
+  200: '#b0bec5';
+  /**
+   * Preview: ![blueGrey 300](https://mui.com/static/colors-preview/blueGrey-300-24x24.png)
+   */
+  300: '#90a4ae';
+  /**
+   * Preview: ![blueGrey 400](https://mui.com/static/colors-preview/blueGrey-400-24x24.png)
+   */
+  400: '#78909c';
+  /**
+   * Preview: ![blueGrey 500](https://mui.com/static/colors-preview/blueGrey-500-24x24.png)
+   */
+  500: '#607d8b';
+  /**
+   * Preview: ![blueGrey 600](https://mui.com/static/colors-preview/blueGrey-600-24x24.png)
+   */
+  600: '#546e7a';
+  /**
+   * Preview: ![blueGrey 700](https://mui.com/static/colors-preview/blueGrey-700-24x24.png)
+   */
+  700: '#455a64';
+  /**
+   * Preview: ![blueGrey 800](https://mui.com/static/colors-preview/blueGrey-800-24x24.png)
+   */
+  800: '#37474f';
+  /**
+   * Preview: ![blueGrey 900](https://mui.com/static/colors-preview/blueGrey-900-24x24.png)
+   */
+  900: '#263238';
+  /**
+   * Preview: ![blueGrey A100](https://mui.com/static/colors-preview/blueGrey-A100-24x24.png)
+   */
+  A100: '#cfd8dc';
+  /**
+   * Preview: ![blueGrey A200](https://mui.com/static/colors-preview/blueGrey-A200-24x24.png)
+   */
+  A200: '#b0bec5';
+  /**
+   * Preview: ![blueGrey A400](https://mui.com/static/colors-preview/blueGrey-A400-24x24.png)
+   */
+  A400: '#78909c';
+  /**
+   * Preview: ![blueGrey A700](https://mui.com/static/colors-preview/blueGrey-A700-24x24.png)
+   */
+  A700: '#455a64';
+};
+export default blueGrey;

package/colors/brown.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ![brown 50](https://mui.com/static/colors-preview/brown-50-24x24.png) ![brown 100](https://mui.com/static/colors-preview/brown-100-24x24.png) ![brown 200](https://mui.com/static/colors-preview/brown-200-24x24.png) ![brown 300](https://mui.com/static/colors-preview/brown-300-24x24.png) ![brown 400](https://mui.com/static/colors-preview/brown-400-24x24.png) ![brown 500](https://mui.com/static/colors-preview/brown-500-24x24.png) ![brown 600](https://mui.com/static/colors-preview/brown-600-24x24.png) ![brown 700](https://mui.com/static/colors-preview/brown-700-24x24.png) ![brown 800](https://mui.com/static/colors-preview/brown-800-24x24.png) ![brown 900](https://mui.com/static/colors-preview/brown-900-24x24.png) ![brown A100](https://mui.com/static/colors-preview/brown-A100-24x24.png) ![brown A200](https://mui.com/static/colors-preview/brown-A200-24x24.png) ![brown A400](https://mui.com/static/colors-preview/brown-A400-24x24.png) ![brown A700](https://mui.com/static/colors-preview/brown-A700-24x24.png)
+ */
+declare const brown: {
+  /**
+   * Preview: ![brown 50](https://mui.com/static/colors-preview/brown-50-24x24.png)
+   */
+  50: '#efebe9';
+  /**
+   * Preview: ![brown 100](https://mui.com/static/colors-preview/brown-100-24x24.png)
+   */
+  100: '#d7ccc8';
+  /**
+   * Preview: ![brown 200](https://mui.com/static/colors-preview/brown-200-24x24.png)
+   */
+  200: '#bcaaa4';
+  /**
+   * Preview: ![brown 300](https://mui.com/static/colors-preview/brown-300-24x24.png)
+   */
+  300: '#a1887f';
+  /**
+   * Preview: ![brown 400](https://mui.com/static/colors-preview/brown-400-24x24.png)
+   */
+  400: '#8d6e63';
+  /**
+   * Preview: ![brown 500](https://mui.com/static/colors-preview/brown-500-24x24.png)
+   */
+  500: '#795548';
+  /**
+   * Preview: ![brown 600](https://mui.com/static/colors-preview/brown-600-24x24.png)
+   */
+  600: '#6d4c41';
+  /**
+   * Preview: ![brown 700](https://mui.com/static/colors-preview/brown-700-24x24.png)
+   */
+  700: '#5d4037';
+  /**
+   * Preview: ![brown 800](https://mui.com/static/colors-preview/brown-800-24x24.png)
+   */
+  800: '#4e342e';
+  /**
+   * Preview: ![brown 900](https://mui.com/static/colors-preview/brown-900-24x24.png)
+   */
+  900: '#3e2723';
+  /**
+   * Preview: ![brown A100](https://mui.com/static/colors-preview/brown-A100-24x24.png)
+   */
+  A100: '#d7ccc8';
+  /**
+   * Preview: ![brown A200](https://mui.com/static/colors-preview/brown-A200-24x24.png)
+   */
+  A200: '#bcaaa4';
+  /**
+   * Preview: ![brown A400](https://mui.com/static/colors-preview/brown-A400-24x24.png)
+   */
+  A400: '#8d6e63';
+  /**
+   * Preview: ![brown A700](https://mui.com/static/colors-preview/brown-A700-24x24.png)
+   */
+  A700: '#5d4037';
+};
+export default brown;

package/colors/common.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ![common black](https://mui.com/static/colors-preview/common-black-24x24.png) ![common white](https://mui.com/static/colors-preview/common-white-24x24.png)
+ */
+declare const common: {
+  /**
+   * Preview: ![common black](https://mui.com/static/colors-preview/common-black-24x24.png)
+   */
+  black: '#000';
+  /**
+   * Preview: ![common white](https://mui.com/static/colors-preview/common-white-24x24.png)
+   */
+  white: '#fff';
+};
+export default common;

package/colors/cyan.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ![cyan 50](https://mui.com/static/colors-preview/cyan-50-24x24.png) ![cyan 100](https://mui.com/static/colors-preview/cyan-100-24x24.png) ![cyan 200](https://mui.com/static/colors-preview/cyan-200-24x24.png) ![cyan 300](https://mui.com/static/colors-preview/cyan-300-24x24.png) ![cyan 400](https://mui.com/static/colors-preview/cyan-400-24x24.png) ![cyan 500](https://mui.com/static/colors-preview/cyan-500-24x24.png) ![cyan 600](https://mui.com/static/colors-preview/cyan-600-24x24.png) ![cyan 700](https://mui.com/static/colors-preview/cyan-700-24x24.png) ![cyan 800](https://mui.com/static/colors-preview/cyan-800-24x24.png) ![cyan 900](https://mui.com/static/colors-preview/cyan-900-24x24.png) ![cyan A100](https://mui.com/static/colors-preview/cyan-A100-24x24.png) ![cyan A200](https://mui.com/static/colors-preview/cyan-A200-24x24.png) ![cyan A400](https://mui.com/static/colors-preview/cyan-A400-24x24.png) ![cyan A700](https://mui.com/static/colors-preview/cyan-A700-24x24.png)
+ */
+declare const cyan: {
+  /**
+   * Preview: ![cyan 50](https://mui.com/static/colors-preview/cyan-50-24x24.png)
+   */
+  50: '#e0f7fa';
+  /**
+   * Preview: ![cyan 100](https://mui.com/static/colors-preview/cyan-100-24x24.png)
+   */
+  100: '#b2ebf2';
+  /**
+   * Preview: ![cyan 200](https://mui.com/static/colors-preview/cyan-200-24x24.png)
+   */
+  200: '#80deea';
+  /**
+   * Preview: ![cyan 300](https://mui.com/static/colors-preview/cyan-300-24x24.png)
+   */
+  300: '#4dd0e1';
+  /**
+   * Preview: ![cyan 400](https://mui.com/static/colors-preview/cyan-400-24x24.png)
+   */
+  400: '#26c6da';
+  /**
+   * Preview: ![cyan 500](https://mui.com/static/colors-preview/cyan-500-24x24.png)
+   */
+  500: '#00bcd4';
+  /**
+   * Preview: ![cyan 600](https://mui.com/static/colors-preview/cyan-600-24x24.png)
+   */
+  600: '#00acc1';
+  /**
+   * Preview: ![cyan 700](https://mui.com/static/colors-preview/cyan-700-24x24.png)
+   */
+  700: '#0097a7';
+  /**
+   * Preview: ![cyan 800](https://mui.com/static/colors-preview/cyan-800-24x24.png)
+   */
+  800: '#00838f';
+  /**
+   * Preview: ![cyan 900](https://mui.com/static/colors-preview/cyan-900-24x24.png)
+   */
+  900: '#006064';
+  /**
+   * Preview: ![cyan A100](https://mui.com/static/colors-preview/cyan-A100-24x24.png)
+   */
+  A100: '#84ffff';
+  /**
+   * Preview: ![cyan A200](https://mui.com/static/colors-preview/cyan-A200-24x24.png)
+   */
+  A200: '#18ffff';
+  /**
+   * Preview: ![cyan A400](https://mui.com/static/colors-preview/cyan-A400-24x24.png)
+   */
+  A400: '#00e5ff';
+  /**
+   * Preview: ![cyan A700](https://mui.com/static/colors-preview/cyan-A700-24x24.png)
+   */
+  A700: '#00b8d4';
+};
+export default cyan;