@vodafone_de/brix-components 3.1.3 → 3.1.6

package/CssBaseline/CssBaseline.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { StyledComponentProps } from "../styles/index.js";
-export interface CssBaselineProps extends StyledComponentProps<never> {
-  /**
-   * You can wrap a node.
-   */
-  children?: React.ReactNode;
-  /**
-   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
-   * For browser support, check out https://caniuse.com/?search=color-scheme
-   * @default false
-   */
-  enableColorScheme?: boolean;
-}
-
-/**
- * Kickstart an elegant, consistent, and simple baseline to build upon.
- *
- * Demos:
- *
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
- *
- * API:
- *
- * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
- */
-export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;

package/CssBaseline/CssBaseline.js

@@ -1,170 +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.styles = exports.html = exports.default = exports.body = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _zeroStyled = require("../zero-styled");
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _jsxRuntime = require("react/jsx-runtime");
-// to determine if the global styles are static or dynamic
-const isDynamicSupport = typeof (0, _zeroStyled.globalCss)({}) === 'function';
-const html = (theme, enableColorScheme) => ({
-  WebkitFontSmoothing: 'antialiased',
-  // Antialiasing.
-  MozOsxFontSmoothing: 'grayscale',
-  // Antialiasing.
-  // Change from `box-sizing: content-box` so that `width`
-  // is not affected by `padding` or `border`.
-  boxSizing: 'border-box',
-  // Fix font resize problem in iOS
-  WebkitTextSizeAdjust: '100%',
-  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
-  ...(enableColorScheme && !theme.vars && {
-    colorScheme: theme.palette.mode
-  })
-});
-exports.html = html;
-const body = theme => ({
-  color: (theme.vars || theme).palette.text.primary,
-  ...theme.typography.body1,
-  backgroundColor: (theme.vars || theme).palette.background.default,
-  '@media print': {
-    // Save printer ink.
-    backgroundColor: (theme.vars || theme).palette.common.white
-  }
-});
-exports.body = body;
-const styles = (theme, enableColorScheme = false) => {
-  const colorSchemeStyles = {};
-  if (enableColorScheme && theme.colorSchemes && typeof theme.getColorSchemeSelector === 'function') {
-    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
-      const selector = theme.getColorSchemeSelector(key);
-      if (selector.startsWith('@')) {
-        // for @media (prefers-color-scheme), we need to target :root
-        colorSchemeStyles[selector] = {
-          ':root': {
-            colorScheme: scheme.palette?.mode
-          }
-        };
-      } else {
-        // else, it's likely that the selector already target an element with a class or data attribute
-        colorSchemeStyles[selector.replace(/\s*&/, '')] = {
-          colorScheme: scheme.palette?.mode
-        };
-      }
-    });
-  }
-  let defaultStyles = {
-    html: html(theme, enableColorScheme),
-    '*, *::before, *::after': {
-      boxSizing: 'inherit'
-    },
-    'strong, b': {
-      fontWeight: theme.typography.fontWeightBold
-    },
-    body: {
-      margin: 0,
-      // Remove the margin in all browsers.
-      ...body(theme),
-      // Add support for document.body.requestFullScreen().
-      // Other elements, if background transparent, are not supported.
-      '&::backdrop': {
-        backgroundColor: (theme.vars || theme).palette.background.default
-      }
-    },
-    ...colorSchemeStyles
-  };
-  const themeOverrides = theme.components?.MuiCssBaseline?.styleOverrides;
-  if (themeOverrides) {
-    defaultStyles = [defaultStyles, themeOverrides];
-  }
-  return defaultStyles;
-};
-
-// `ecs` stands for enableColorScheme. This is internal logic to make it work with Pigment CSS, so shorter is better.
-exports.styles = styles;
-const SELECTOR = 'mui-ecs';
-const staticStyles = theme => {
-  const result = styles(theme, false);
-  const baseStyles = Array.isArray(result) ? result[0] : result;
-  if (!theme.vars && baseStyles) {
-    baseStyles.html[`:root:has(${SELECTOR})`] = {
-      colorScheme: theme.palette.mode
-    };
-  }
-  if (theme.colorSchemes) {
-    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
-      const selector = theme.getColorSchemeSelector(key);
-      if (selector.startsWith('@')) {
-        // for @media (prefers-color-scheme), we need to target :root
-        baseStyles[selector] = {
-          [`:root:not(:has(.${SELECTOR}))`]: {
-            colorScheme: scheme.palette?.mode
-          }
-        };
-      } else {
-        // else, it's likely that the selector already target an element with a class or data attribute
-        baseStyles[selector.replace(/\s*&/, '')] = {
-          [`&:not(:has(.${SELECTOR}))`]: {
-            colorScheme: scheme.palette?.mode
-          }
-        };
-      }
-    });
-  }
-  return result;
-};
-const GlobalStyles = (0, _zeroStyled.globalCss)(isDynamicSupport ? ({
-  theme,
-  enableColorScheme
-}) => styles(theme, enableColorScheme) : ({
-  theme
-}) => staticStyles(theme));
-
-/**
- * Kickstart an elegant, consistent, and simple baseline to build upon.
- */
-function CssBaseline(inProps) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiCssBaseline'
-  });
-  const {
-    children,
-    enableColorScheme = false
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [isDynamicSupport && /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStyles, {
-      enableColorScheme: enableColorScheme
-    }), !isDynamicSupport && !enableColorScheme && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: SELECTOR,
-      style: {
-        display: 'none'
-      }
-    }), children]
-  });
-}
-process.env.NODE_ENV !== "production" ? CssBaseline.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * You can wrap a node.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
-   * For browser support, check out https://caniuse.com/?search=color-scheme
-   * @default false
-   */
-  enableColorScheme: _propTypes.default.bool
-} : void 0;
-var _default = exports.default = CssBaseline;

package/CssBaseline/index.d.ts

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

package/CssBaseline/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 _CssBaseline.default;
-  }
-});
-var _CssBaseline = _interopRequireDefault(require("./CssBaseline"));

package/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { ComponentsPropsList } from "../styles/props.js";
-declare function DefaultPropsProvider(props: React.PropsWithChildren<{
-  value: { [P in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[P]> };
-}>): React.JSX.Element;
-declare namespace DefaultPropsProvider {
-  var propTypes: any;
-}
-export default DefaultPropsProvider;
-export declare function useDefaultProps<Props extends Record<string, any>>(params: {
-  props: Props;
-  name: string;
-}): Props;

package/DefaultPropsProvider/DefaultPropsProvider.js

@@ -1,37 +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 = void 0;
-exports.useDefaultProps = useDefaultProps;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _DefaultPropsProvider = _interopRequireWildcard(require("@mui/system/DefaultPropsProvider"));
-var _jsxRuntime = require("react/jsx-runtime");
-function DefaultPropsProvider(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultPropsProvider.default, {
-    ...props
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultPropsProvider.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.default.node,
-  /**
-   * @ignore
-   */
-  value: _propTypes.default.object.isRequired
-} : void 0;
-var _default = exports.default = DefaultPropsProvider;
-function useDefaultProps(params) {
-  return (0, _DefaultPropsProvider.useDefaultProps)(params);
-}

package/DefaultPropsProvider/index.d.ts

@@ -1 +0,0 @@
-export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/DefaultPropsProvider/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _DefaultPropsProvider.default;
-  }
-});
-Object.defineProperty(exports, "useDefaultProps", {
-  enumerable: true,
-  get: function () {
-    return _DefaultPropsProvider.useDefaultProps;
-  }
-});
-var _DefaultPropsProvider = _interopRequireWildcard(require("./DefaultPropsProvider"));

package/Dialog/Dialog.d.ts

@@ -1,184 +0,0 @@
-import * as React from 'react';
-import { SxProps, Breakpoint } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { BackdropProps } from "../Backdrop/index.js";
-import { PaperProps } from "../Paper/index.js";
-import { ModalProps } from "../Modal/index.js";
-import { TransitionProps } from "../transitions/transition.js";
-import { DialogClasses } from "./dialogClasses.js";
-import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
-export interface DialogSlots {
-  /**
-   * The component that renders the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   */
-  transition?: React.ElementType;
-  /**
-   * The component that renders the paper.
-   * @default Paper
-   */
-  paper?: React.ElementType;
-  /**
-   * The component that renders the container.
-   */
-  container?: React.ElementType;
-  /**
-   * The component that renders the backdrop.
-   */
-  backdrop?: React.ElementType;
-  /**
-   * The component that renders the root.
-   */
-  root?: React.ElementType;
-}
-export interface DialogTransitionSlotPropsOverrides {}
-export interface DialogPaperSlotPropsOverrides {}
-export interface DialogContainerSlotPropsOverrides {}
-export interface DialogBackdropSlotPropsOverrides {}
-export interface DialogRootSlotPropsOverrides {}
-export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
-   */
-  root: SlotProps<React.ElementType<ModalProps>, DialogRootSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the backdrop slot.
-   * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
-   */
-  backdrop: SlotProps<React.ElementType<BackdropProps>, DialogBackdropSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the container slot.
-   * By default, the avaible props are based on a div element.
-   */
-  container: SlotProps<'div', DialogContainerSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the transition slot.
-   * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
-   */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the paper slot.
-   * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
-   */
-  paper: SlotProps<React.ElementType<PaperProps>, DialogPaperSlotPropsOverrides, DialogOwnerState>;
-}>;
-export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>, 'slots' | 'slotProps'>, DialogSlotsAndSlotProps {
-  /**
-   * The id(s) of the element(s) that describe the dialog.
-   */
-  'aria-describedby'?: string;
-  /**
-   * The id(s) of the element(s) that label the dialog.
-   */
-  'aria-labelledby'?: string;
-  /**
-   * Informs assistive technologies that the element is modal.
-   * It's added on the element with role="dialog".
-   * @default true
-   */
-  'aria-modal'?: boolean | 'true' | 'false';
-  /**
-   * Dialog children, usually the included sub-components.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<DialogClasses>;
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown?: boolean;
-  /**
-   * If `true`, the dialog is full-screen.
-   * @default false
-   */
-  fullScreen?: boolean;
-  /**
-   * If `true`, the dialog stretches to `maxWidth`.
-   *
-   * Notice that the dialog width grow is limited by the default margin.
-   * @default false
-   */
-  fullWidth?: boolean;
-  /**
-   * Determine the max-width of the dialog.
-   * The dialog width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'sm'
-   */
-  maxWidth?: Breakpoint | false;
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose?: ModalProps['onClose'];
-  /**
-   * If `true`, the component is shown.
-   */
-  open: ModalProps['open'];
-  /**
-   * The component used to render the body of the dialog.
-   * @default Paper
-   */
-  PaperComponent?: React.JSXElementConstructor<PaperProps>;
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @default {}
-   * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  PaperProps?: Partial<PaperProps<React.ElementType>>;
-  /**
-   * Determine the container for scrolling the dialog.
-   * @default 'paper'
-   */
-  scroll?: 'body' | 'paper';
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
-  /**
-   * 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,
-   * }
-   */
-  transitionDuration?: TransitionProps['timeout'];
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionProps?: TransitionProps;
-}
-
-/**
- * Dialogs are overlaid modal paper based components with a backdrop.
- *
- * Demos:
- *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
- *
- * API:
- *
- * - [Dialog API](https://mui.com/material-ui/api/dialog/)
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
- */
-export default function Dialog(props: DialogProps): React.JSX.Element;
-export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}