@vodafone_de/brix-components 3.1.3 → 3.1.6

package/Autocomplete/autocompleteClasses.d.ts

@@ -1,58 +0,0 @@
-export interface AutocompleteClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `fullWidth={true}`. */
-  fullWidth: string;
-  /** State class applied to the root element if the listbox is displayed. */
-  expanded: string;
-  /** State class applied to the root element if focused. */
-  focused: string;
-  /** Styles applied to the option elements if they are keyboard focused. */
-  focusVisible: string;
-  /** Styles applied to the tag elements, for example the chips. */
-  tag: string;
-  /** Styles applied to the tag elements, for example the chips if `size="small"`. */
-  tagSizeSmall: string;
-  /** Styles applied to the tag elements, for example the chips if `size="medium"`. */
-  tagSizeMedium: string;
-  /** Styles applied when the popup icon is rendered. */
-  hasPopupIcon: string;
-  /** Styles applied when the clear icon is rendered. */
-  hasClearIcon: string;
-  /** Styles applied to the Input element. */
-  inputRoot: string;
-  /** Styles applied to the input element. */
-  input: string;
-  /** Styles applied to the input element if the input is focused. */
-  inputFocused: string;
-  /** Styles applied to the endAdornment element. */
-  endAdornment: string;
-  /** Styles applied to the clear indicator. */
-  clearIndicator: string;
-  /** Styles applied to the popup indicator. */
-  popupIndicator: string;
-  /** Styles applied to the popup indicator if the popup is open. */
-  popupIndicatorOpen: string;
-  /** Styles applied to the popper element. */
-  popper: string;
-  /** Styles applied to the popper element if `disablePortal={true}`. */
-  popperDisablePortal: string;
-  /** Styles applied to the Paper component. */
-  paper: string;
-  /** Styles applied to the listbox component. */
-  listbox: string;
-  /** Styles applied to the loading wrapper. */
-  loading: string;
-  /** Styles applied to the no option wrapper. */
-  noOptions: string;
-  /** Styles applied to the option elements. */
-  option: string;
-  /** Styles applied to the group's label elements. */
-  groupLabel: string;
-  /** Styles applied to the group's ul elements. */
-  groupUl: string;
-}
-export type AutocompleteClassKey = keyof AutocompleteClasses;
-export declare function getAutocompleteUtilityClass(slot: string): string;
-declare const autocompleteClasses: AutocompleteClasses;
-export default autocompleteClasses;

package/Autocomplete/autocompleteClasses.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.getAutocompleteUtilityClass = getAutocompleteUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getAutocompleteUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiAutocomplete', slot);
-}
-const autocompleteClasses = (0, _generateUtilityClasses.default)('MuiAutocomplete', ['root', 'expanded', 'fullWidth', 'focused', 'focusVisible', 'tag', 'tagSizeSmall', 'tagSizeMedium', 'hasPopupIcon', 'hasClearIcon', 'inputRoot', 'input', 'inputFocused', 'endAdornment', 'clearIndicator', 'popupIndicator', 'popupIndicatorOpen', 'popper', 'popperDisablePortal', 'paper', 'listbox', 'loading', 'noOptions', 'option', 'groupLabel', 'groupUl']);
-var _default = exports.default = autocompleteClasses;

package/Autocomplete/index.d.ts

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

package/Autocomplete/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  createFilterOptions: true,
-  autocompleteClasses: true
-};
-Object.defineProperty(exports, "autocompleteClasses", {
-  enumerable: true,
-  get: function () {
-    return _autocompleteClasses.default;
-  }
-});
-Object.defineProperty(exports, "createFilterOptions", {
-  enumerable: true,
-  get: function () {
-    return _Autocomplete.createFilterOptions;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Autocomplete.default;
-  }
-});
-var _Autocomplete = _interopRequireWildcard(require("./Autocomplete"));
-var _autocompleteClasses = _interopRequireWildcard(require("./autocompleteClasses"));
-Object.keys(_autocompleteClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _autocompleteClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _autocompleteClasses[key];
-    }
-  });
-});

package/Avatar/Avatar.d.ts

@@ -1,112 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../styles/index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { AvatarClasses } from "./avatarClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-import { SvgIconProps } from "../SvgIcon/index.js";
-export interface AvatarSlots {
-  /**
-   * The component that renders the root slot.
-   * @default 'div'
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the img slot.
-   * @default 'img'
-   */
-  img: React.ElementType;
-  /**
-   * The component that renders the fallback slot.
-   * @default Person icon
-   */
-  fallback: React.ElementType;
-}
-export interface AvatarPropsVariantOverrides {}
-export interface AvatarRootSlotPropsOverrides {}
-export interface AvatarImgSlotPropsOverrides {}
-export interface AvatarFallbackSlotPropsOverrides {}
-export type AvatarSlotsAndSlotProps = CreateSlotsAndSlotProps<AvatarSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the div element.
-   */
-  root: SlotProps<'div', AvatarRootSlotPropsOverrides, AvatarOwnProps>;
-  /**
-   * Props forwarded to the img slot.
-   * By default, the avaible props are based on the img element.
-   */
-  img: SlotProps<'img', AvatarImgSlotPropsOverrides, AvatarOwnProps>;
-  /**
-   * Props forwarded to the fallback slot.
-   * By default, the avaible props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
-   */
-  fallback: SlotProps<React.ElementType<SvgIconProps>, AvatarFallbackSlotPropsOverrides, AvatarOwnProps>;
-}>;
-export interface AvatarOwnProps {
-  /**
-   * Used in combination with `src` or `srcSet` to
-   * provide an alt attribute for the rendered `img` element.
-   */
-  alt?: string;
-  /**
-   * Used to render icon or text elements inside the Avatar if `src` is not set.
-   * This can be an element, or just a string.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AvatarClasses>;
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
-   * It can be used to listen for the loading error event.
-   * @deprecated Use `slotProps.img` 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.
-   */
-  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-    sx?: SxProps<Theme>;
-  };
-  /**
-   * The `sizes` attribute for the `img` element.
-   */
-  sizes?: string;
-  /**
-   * The `src` attribute for the `img` element.
-   */
-  src?: string;
-  /**
-   * The `srcSet` attribute for the `img` element.
-   * Use this attribute for responsive image display.
-   */
-  srcSet?: string;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The shape of the avatar.
-   * @default 'circular'
-   */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
-}
-export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Avatar](https://mui.com/material-ui/react-avatar/)
- *
- * API:
- *
- * - [Avatar API](https://mui.com/material-ui/api/avatar/)
- */
-declare const Avatar: OverridableComponent<AvatarTypeMap>;
-export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Avatar;

package/Avatar/Avatar.js

@@ -1,325 +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;
-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 _Person = _interopRequireDefault(require("../internal/svg-icons/Person"));
-var _avatarClasses = require("./avatarClasses");
-var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant,
-    colorDefault
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, colorDefault && 'colorDefault'],
-    img: ['img'],
-    fallback: ['fallback']
-  };
-  return (0, _composeClasses.default)(slots, _avatarClasses.getAvatarUtilityClass, classes);
-};
-const AvatarRoot = (0, _zeroStyled.styled)('div', {
-  name: 'MuiAvatar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant], ownerState.colorDefault && styles.colorDefault];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  position: 'relative',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flexShrink: 0,
-  width: 40,
-  height: 40,
-  fontFamily: theme.typography.fontFamily,
-  fontSize: theme.typography.pxToRem(20),
-  lineHeight: 1,
-  borderRadius: '50%',
-  overflow: 'hidden',
-  userSelect: 'none',
-  variants: [{
-    props: {
-      variant: 'rounded'
-    },
-    style: {
-      borderRadius: (theme.vars || theme).shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: 'square'
-    },
-    style: {
-      borderRadius: 0
-    }
-  }, {
-    props: {
-      colorDefault: true
-    },
-    style: {
-      color: (theme.vars || theme).palette.background.default,
-      ...(theme.vars ? {
-        backgroundColor: theme.vars.palette.Avatar.defaultBg
-      } : {
-        backgroundColor: theme.palette.grey[400],
-        ...theme.applyStyles('dark', {
-          backgroundColor: theme.palette.grey[600]
-        })
-      })
-    }
-  }]
-})));
-const AvatarImg = (0, _zeroStyled.styled)('img', {
-  name: 'MuiAvatar',
-  slot: 'Img'
-})({
-  width: '100%',
-  height: '100%',
-  textAlign: 'center',
-  // Handle non-square image.
-  objectFit: 'cover',
-  // Hide alt text.
-  color: 'transparent',
-  // Hide the image broken icon, only works on Chrome.
-  textIndent: 10000
-});
-const AvatarFallback = (0, _zeroStyled.styled)(_Person.default, {
-  name: 'MuiAvatar',
-  slot: 'Fallback'
-})({
-  width: '75%',
-  height: '75%'
-});
-function useLoaded({
-  crossOrigin,
-  referrerPolicy,
-  src,
-  srcSet
-}) {
-  const [loaded, setLoaded] = React.useState(false);
-  React.useEffect(() => {
-    if (!src && !srcSet) {
-      return undefined;
-    }
-    setLoaded(false);
-    let active = true;
-    const image = new Image();
-    image.onload = () => {
-      if (!active) {
-        return;
-      }
-      setLoaded('loaded');
-    };
-    image.onerror = () => {
-      if (!active) {
-        return;
-      }
-      setLoaded('error');
-    };
-    image.crossOrigin = crossOrigin;
-    image.referrerPolicy = referrerPolicy;
-    image.src = src;
-    if (srcSet) {
-      image.srcset = srcSet;
-    }
-    return () => {
-      active = false;
-    };
-  }, [crossOrigin, referrerPolicy, src, srcSet]);
-  return loaded;
-}
-const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiAvatar'
-  });
-  const {
-    alt,
-    children: childrenProp,
-    className,
-    component = 'div',
-    slots = {},
-    slotProps = {},
-    imgProps,
-    sizes,
-    src,
-    srcSet,
-    variant = 'circular',
-    ...other
-  } = props;
-  let children = null;
-  const ownerState = {
-    ...props,
-    component,
-    variant
-  };
-
-  // Use a hook instead of onError on the img element to support server-side rendering.
-  const loaded = useLoaded({
-    ...imgProps,
-    ...(typeof slotProps.img === 'function' ? slotProps.img(ownerState) : slotProps.img),
-    src,
-    srcSet
-  });
-  const hasImg = src || srcSet;
-  const hasImgNotFailing = hasImg && loaded !== 'error';
-  ownerState.colorDefault = !hasImgNotFailing;
-  // This issue explains why this is required: https://github.com/mui/material-ui/issues/42184
-  delete ownerState.ownerState;
-  const classes = useUtilityClasses(ownerState);
-  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
-    ref,
-    className: (0, _clsx.default)(classes.root, className),
-    elementType: AvatarRoot,
-    externalForwardedProps: {
-      slots,
-      slotProps,
-      component,
-      ...other
-    },
-    ownerState
-  });
-  const [ImgSlot, imgSlotProps] = (0, _useSlot.default)('img', {
-    className: classes.img,
-    elementType: AvatarImg,
-    externalForwardedProps: {
-      slots,
-      slotProps: {
-        img: {
-          ...imgProps,
-          ...slotProps.img
-        }
-      }
-    },
-    additionalProps: {
-      alt,
-      src,
-      srcSet,
-      sizes
-    },
-    ownerState
-  });
-  const [FallbackSlot, fallbackSlotProps] = (0, _useSlot.default)('fallback', {
-    className: classes.fallback,
-    elementType: AvatarFallback,
-    externalForwardedProps: {
-      slots,
-      slotProps
-    },
-    shouldForwardComponentProp: true,
-    ownerState
-  });
-  if (hasImgNotFailing) {
-    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(ImgSlot, {
-      ...imgSlotProps
-    });
-    // We only render valid children, non valid children are rendered with a fallback
-    // We consider that invalid children are all falsy values, except 0, which is valid.
-  } else if (!!childrenProp || childrenProp === 0) {
-    children = childrenProp;
-  } else if (hasImg && alt) {
-    children = alt[0];
-  } else {
-    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(FallbackSlot, {
-      ...fallbackSlotProps
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
-    ...rootSlotProps,
-    children: children
-  });
-});
-process.env.NODE_ENV !== "production" ? Avatar.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Used in combination with `src` or `srcSet` to
-   * provide an alt attribute for the rendered `img` element.
-   */
-  alt: _propTypes.default.string,
-  /**
-   * Used to render icon or text elements inside the Avatar if `src` is not set.
-   * This can be an element, or just a string.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _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,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
-   * It can be used to listen for the loading error event.
-   * @deprecated Use `slotProps.img` 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.
-   */
-  imgProps: _propTypes.default.object,
-  /**
-   * The `sizes` attribute for the `img` element.
-   */
-  sizes: _propTypes.default.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: _propTypes.default.shape({
-    fallback: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    img: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: _propTypes.default.shape({
-    fallback: _propTypes.default.elementType,
-    img: _propTypes.default.elementType,
-    root: _propTypes.default.elementType
-  }),
-  /**
-   * The `src` attribute for the `img` element.
-   */
-  src: _propTypes.default.string,
-  /**
-   * The `srcSet` attribute for the `img` element.
-   * Use this attribute for responsive image display.
-   */
-  srcSet: _propTypes.default.string,
-  /**
-   * 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]),
-  /**
-   * The shape of the avatar.
-   * @default 'circular'
-   */
-  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['circular', 'rounded', 'square']), _propTypes.default.string])
-} : void 0;
-var _default = exports.default = Avatar;

package/Avatar/avatarClasses.d.ts

@@ -1,20 +0,0 @@
-export interface AvatarClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if not `src` or `srcSet`. */
-  colorDefault: string;
-  /** Styles applied to the root element if `variant="circular"`. */
-  circular: string;
-  /** Styles applied to the root element if `variant="rounded"`. */
-  rounded: string;
-  /** Styles applied to the root element if `variant="square"`. */
-  square: string;
-  /** Styles applied to the img element if either `src` or `srcSet` is defined. */
-  img: string;
-  /** Styles applied to the fallback icon */
-  fallback: string;
-}
-export type AvatarClassKey = keyof AvatarClasses;
-export declare function getAvatarUtilityClass(slot: string): string;
-declare const avatarClasses: AvatarClasses;
-export default avatarClasses;

package/Avatar/avatarClasses.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.getAvatarUtilityClass = getAvatarUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getAvatarUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiAvatar', slot);
-}
-const avatarClasses = (0, _generateUtilityClasses.default)('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
-var _default = exports.default = avatarClasses;

package/Avatar/index.d.ts

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

package/Avatar/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 = {
-  avatarClasses: true
-};
-Object.defineProperty(exports, "avatarClasses", {
-  enumerable: true,
-  get: function () {
-    return _avatarClasses.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Avatar.default;
-  }
-});
-var _Avatar = _interopRequireDefault(require("./Avatar"));
-var _avatarClasses = _interopRequireWildcard(require("./avatarClasses"));
-Object.keys(_avatarClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _avatarClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _avatarClasses[key];
-    }
-  });
-});