@vodafone_de/brix-components 3.1.3 → 3.1.6

package/Tooltip/index.d.ts

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

package/Tooltip/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  tooltipClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.default;
-  }
-});
-Object.defineProperty(exports, "tooltipClasses", {
-  enumerable: true,
-  get: function () {
-    return _tooltipClasses.default;
-  }
-});
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _tooltipClasses = _interopRequireWildcard(require("./tooltipClasses"));
-Object.keys(_tooltipClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _tooltipClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tooltipClasses[key];
-    }
-  });
-});

package/Tooltip/tooltipClasses.d.ts

@@ -1,30 +0,0 @@
-export interface TooltipClasses {
-  /** Styles applied to the Popper component. */
-  popper: string;
-  /** Styles applied to the Popper component unless `disableInteractive={true}`. */
-  popperInteractive: string;
-  /** Styles applied to the Popper component if `arrow={true}`. */
-  popperArrow: string;
-  /** Styles applied to the Popper component unless the tooltip is open. */
-  popperClose: string;
-  /** Styles applied to the tooltip (label wrapper) element. */
-  tooltip: string;
-  /** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
-  tooltipArrow: string;
-  /** Styles applied to the arrow element. */
-  arrow: string;
-  /** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
-  touch: string;
-  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
-  tooltipPlacementLeft: string;
-  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
-  tooltipPlacementRight: string;
-  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
-  tooltipPlacementTop: string;
-  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
-  tooltipPlacementBottom: string;
-}
-export type TooltipClassKey = keyof TooltipClasses;
-export declare function getTooltipUtilityClass(slot: string): string;
-declare const tooltipClasses: TooltipClasses;
-export default tooltipClasses;

package/Tooltip/tooltipClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getTooltipUtilityClass = getTooltipUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getTooltipUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiTooltip', slot);
-}
-const tooltipClasses = (0, _generateUtilityClasses.default)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
-var _default = exports.default = tooltipClasses;

package/Typography/Typography.d.ts

@@ -1,99 +0,0 @@
-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 { TypographyVariant } 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 a future major release. 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<TypographyVariant | '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<TypographyVariant | 'inherit', TypographyPropsVariantOverrides>, string>>;
-}
-export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> {
-  props: AdditionalProps & TypographyOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
- * - [Typography](https://mui.com/material-ui/react-typography/)
- *
- * API:
- *
- * - [Typography API](https://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/Typography.js

@@ -1,275 +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 = exports.TypographyRoot = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
-var _typographyClasses = require("./typographyClasses");
-var _jsxRuntime = require("react/jsx-runtime");
-const v6Colors = {
-  primary: true,
-  secondary: true,
-  error: true,
-  info: true,
-  success: true,
-  warning: true,
-  textPrimary: true,
-  textSecondary: true,
-  textDisabled: true
-};
-const extendSxProp = (0, _zeroStyled.internal_createExtendSxProp)();
-const useUtilityClasses = ownerState => {
-  const {
-    align,
-    gutterBottom,
-    noWrap,
-    paragraph,
-    variant,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
-  };
-  return (0, _composeClasses.default)(slots, _typographyClasses.getTypographyUtilityClass, classes);
-};
-const TypographyRoot = exports.TypographyRoot = (0, _zeroStyled.styled)('span', {
-  name: 'MuiTypography',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${(0, _capitalize.default)(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  margin: 0,
-  variants: [{
-    props: {
-      variant: 'inherit'
-    },
-    style: {
-      // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
-      font: 'inherit',
-      lineHeight: 'inherit',
-      letterSpacing: 'inherit'
-    }
-  }, ...Object.entries(theme.typography).filter(([variant, value]) => variant !== 'inherit' && value && typeof value === 'object').map(([variant, value]) => ({
-    props: {
-      variant
-    },
-    style: value
-  })), ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)()).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      color: (theme.vars || theme).palette[color].main
-    }
-  })), ...Object.entries(theme.palette?.text || {}).filter(([, value]) => typeof value === 'string').map(([color]) => ({
-    props: {
-      color: `text${(0, _capitalize.default)(color)}`
-    },
-    style: {
-      color: (theme.vars || theme).palette.text[color]
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.align !== 'inherit',
-    style: {
-      textAlign: 'var(--Typography-textAlign)'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.noWrap,
-    style: {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.gutterBottom,
-    style: {
-      marginBottom: '0.35em'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.paragraph,
-    style: {
-      marginBottom: 16
-    }
-  }]
-})));
-const defaultVariantMapping = {
-  h1: 'h1',
-  h2: 'h2',
-  h3: 'h3',
-  h4: 'h4',
-  h5: 'h5',
-  h6: 'h6',
-  subtitle1: 'h6',
-  subtitle2: 'h6',
-  body1: 'p',
-  body2: 'p',
-  inherit: 'p'
-};
-const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {
-  const {
-    color,
-    ...themeProps
-  } = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiTypography'
-  });
-  const isSxColor = !v6Colors[color];
-  // TODO: Remove `extendSxProp` in v7
-  const props = extendSxProp({
-    ...themeProps,
-    ...(isSxColor && {
-      color
-    })
-  });
-  const {
-    align = 'inherit',
-    className,
-    component,
-    gutterBottom = false,
-    noWrap = false,
-    paragraph = false,
-    variant = 'body1',
-    variantMapping = defaultVariantMapping,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    align,
-    color,
-    className,
-    component,
-    gutterBottom,
-    noWrap,
-    paragraph,
-    variant,
-    variantMapping
-  };
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyRoot, {
-    as: Component,
-    ref: ref,
-    className: (0, _clsx.default)(classes.root, className),
-    ...other,
-    ownerState: ownerState,
-    style: {
-      ...(align !== 'inherit' && {
-        '--Typography-textAlign': align
-      }),
-      ...other.style
-    }
-  });
-});
-process.env.NODE_ENV !== "production" ? Typography.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the component.
-   * @default 'inherit'
-   */
-  align: _propTypes.default.oneOf(['center', 'inherit', 'justify', 'left', 'right']),
-  /**
-   * The content of the component.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * 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: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary', 'success', 'error', 'info', 'warning', 'textPrimary', 'textSecondary', 'textDisabled']), _propTypes.default.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * If `true`, the text will have a bottom margin.
-   * @default false
-   */
-  gutterBottom: _propTypes.default.bool,
-  /**
-   * 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: _propTypes.default.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paragraph: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'body1'
-   */
-  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), _propTypes.default.string]),
-  /**
-   * 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: _propTypes.default /* @typescript-to-proptypes-ignore */.object
-} : void 0;
-var _default = exports.default = Typography;

package/Typography/index.d.ts

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

package/Typography/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  typographyClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Typography.default;
-  }
-});
-Object.defineProperty(exports, "typographyClasses", {
-  enumerable: true,
-  get: function () {
-    return _typographyClasses.default;
-  }
-});
-var _Typography = _interopRequireDefault(require("./Typography"));
-var _typographyClasses = _interopRequireWildcard(require("./typographyClasses"));
-Object.keys(_typographyClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _typographyClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _typographyClasses[key];
-    }
-  });
-});

package/Typography/typographyClasses.d.ts

@@ -1,53 +0,0 @@
-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/Typography/typographyClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getTypographyUtilityClass = getTypographyUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getTypographyUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiTypography', slot);
-}
-const typographyClasses = (0, _generateUtilityClasses.default)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
-var _default = exports.default = typographyClasses;

package/Unstable_TrapFocus/FocusTrap.d.ts

@@ -1,10 +0,0 @@
-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;