@vodafone_de/brix-components 3.1.5 → 3.1.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "dependencies": {
     "@babel/runtime": "^7.27.1",
     "@popperjs/core": "^2.11.8",
@@ -55,20 +55,12 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
       }
     },
     "./*": {
-      "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
-      },
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
@@ -77,10 +69,6 @@
     "./esm": null,
     "./modern": null,
     "./ButtonBase/TouchRipple": {
-      "require": {
-        "types": "./ButtonBase/TouchRipple.d.ts",
-        "default": "./ButtonBase/TouchRipple.js"
-      },
       "import": {
         "types": "./esm/ButtonBase/TouchRipple.d.ts",
         "default": "./esm/ButtonBase/TouchRipple.js"
@@ -89,5 +77,5 @@
   },
   "private": false,
   "module": "./esm/index.js",
-  "types": "./index.d.ts"
+  "types": "./esm/index.d.ts"
 }

package/Accordion/Accordion.d.ts

@@ -1,122 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { TransitionProps } from "../transitions/transition.js";
-import { AccordionClasses } from "./accordionClasses.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { ExtendPaperTypeMap, PaperProps } from "../Paper/Paper.js";
-import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
-export interface AccordionSlots {
-  /**
-   * The component that renders the root.
-   * @default Paper
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the heading.
-   * @default 'h3'
-   */
-  heading: React.ElementType;
-  /**
-   * The component that renders the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   */
-  transition: React.ElementType;
-}
-export interface AccordionRootSlotPropsOverrides {}
-export interface AccordionHeadingSlotPropsOverrides {}
-export interface AccordionTransitionSlotPropsOverrides {}
-export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the Paper element.
-   */
-  root: SlotProps<React.ElementType<PaperProps>, AccordionRootSlotPropsOverrides, AccordionOwnerState>;
-  /**
-   * Props forwarded to the heading slot.
-   * By default, the avaible props are based on the h3 element.
-   */
-  heading: SlotProps<'h3', AccordionHeadingSlotPropsOverrides, AccordionOwnerState>;
-  /**
-   * Props forwarded to the transition slot.
-   * By default, the avaible props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component.
-   */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & AccordionTransitionSlotPropsOverrides, AccordionOwnerState>;
-}>;
-export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children: NonNullable<React.ReactNode>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AccordionClasses>;
-    /**
-     * If `true`, expands the accordion by default.
-     * @default false
-     */
-    defaultExpanded?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, it removes the margin between two expanded accordion items and the increase of height.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * If `true`, expands the accordion, otherwise collapse it.
-     * Setting this prop enables control over the accordion.
-     */
-    expanded?: boolean;
-    /**
-     * Callback fired when the expand/collapse state is changed.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {boolean} expanded The `expanded` state of the accordion.
-     */
-    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
-    /**
-     * 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.
-     * @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>;
-    }>;
-    /**
-     * 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;
-  } & AccordionSlotsAndSlotProps;
-  defaultComponent: RootComponent;
-}, 'onChange' | 'classes'>;
-
-/**
- *
- * Demos:
- *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
- *
- * API:
- *
- * - [Accordion API](https://mui.com/material-ui/api/accordion/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
- */
-declare const Accordion: OverridableComponent<AccordionTypeMap>;
-export type AccordionProps<RootComponent extends React.ElementType = AccordionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export interface AccordionOwnerState extends AccordionProps {}
-export default Accordion;

package/Accordion/Accordion.js

@@ -1,334 +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 _reactIs = require("react-is");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _Collapse = _interopRequireDefault(require("../Collapse"));
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _AccordionContext = _interopRequireDefault(require("./AccordionContext"));
-var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
-var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
-var _accordionClasses = _interopRequireWildcard(require("./accordionClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    square,
-    expanded,
-    disabled,
-    disableGutters
-  } = ownerState;
-  const slots = {
-    root: ['root', !square && 'rounded', expanded && 'expanded', disabled && 'disabled', !disableGutters && 'gutters'],
-    heading: ['heading'],
-    region: ['region']
-  };
-  return (0, _composeClasses.default)(slots, _accordionClasses.getAccordionUtilityClass, classes);
-};
-const AccordionRoot = (0, _zeroStyled.styled)(_Paper.default, {
-  name: 'MuiAccordion',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [{
-      [`& .${_accordionClasses.default.region}`]: styles.region
-    }, styles.root, !ownerState.square && styles.rounded, !ownerState.disableGutters && styles.gutters];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => {
-  const transition = {
-    duration: theme.transitions.duration.shortest
-  };
-  return {
-    position: 'relative',
-    transition: theme.transitions.create(['margin'], transition),
-    overflowAnchor: 'none',
-    // Keep the same scrolling position
-    '&::before': {
-      position: 'absolute',
-      left: 0,
-      top: -1,
-      right: 0,
-      height: 1,
-      content: '""',
-      opacity: 1,
-      backgroundColor: (theme.vars || theme).palette.divider,
-      transition: theme.transitions.create(['opacity', 'background-color'], transition)
-    },
-    '&:first-of-type': {
-      '&::before': {
-        display: 'none'
-      }
-    },
-    [`&.${_accordionClasses.default.expanded}`]: {
-      '&::before': {
-        opacity: 0
-      },
-      '&:first-of-type': {
-        marginTop: 0
-      },
-      '&:last-of-type': {
-        marginBottom: 0
-      },
-      '& + &': {
-        '&::before': {
-          display: 'none'
-        }
-      }
-    },
-    [`&.${_accordionClasses.default.disabled}`]: {
-      backgroundColor: (theme.vars || theme).palette.action.disabledBackground
-    }
-  };
-}), (0, _memoTheme.default)(({
-  theme
-}) => ({
-  variants: [{
-    props: props => !props.square,
-    style: {
-      borderRadius: 0,
-      '&:first-of-type': {
-        borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
-        borderTopRightRadius: (theme.vars || theme).shape.borderRadius
-      },
-      '&:last-of-type': {
-        borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
-        borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
-        // Fix a rendering issue on Edge
-        '@supports (-ms-ime-align: auto)': {
-          borderBottomLeftRadius: 0,
-          borderBottomRightRadius: 0
-        }
-      }
-    }
-  }, {
-    props: props => !props.disableGutters,
-    style: {
-      [`&.${_accordionClasses.default.expanded}`]: {
-        margin: '16px 0'
-      }
-    }
-  }]
-})));
-const AccordionHeading = (0, _zeroStyled.styled)('h3', {
-  name: 'MuiAccordion',
-  slot: 'Heading'
-})({
-  all: 'unset'
-});
-const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiAccordion'
-  });
-  const {
-    children: childrenProp,
-    className,
-    defaultExpanded = false,
-    disabled = false,
-    disableGutters = false,
-    expanded: expandedProp,
-    onChange,
-    square = false,
-    slots = {},
-    slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps: TransitionPropsProp,
-    ...other
-  } = props;
-  const [expanded, setExpandedState] = (0, _useControlled.default)({
-    controlled: expandedProp,
-    default: defaultExpanded,
-    name: 'Accordion',
-    state: 'expanded'
-  });
-  const handleChange = React.useCallback(event => {
-    setExpandedState(!expanded);
-    if (onChange) {
-      onChange(event, !expanded);
-    }
-  }, [expanded, onChange, setExpandedState]);
-  const [summary, ...children] = React.Children.toArray(childrenProp);
-  const contextValue = React.useMemo(() => ({
-    expanded,
-    disabled,
-    disableGutters,
-    toggle: handleChange
-  }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = {
-    ...props,
-    square,
-    disabled,
-    disableGutters,
-    expanded
-  };
-  const classes = useUtilityClasses(ownerState);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponentProp,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionPropsProp,
-    ...slotProps
-  };
-  const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
-  };
-  const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
-    elementType: AccordionRoot,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    className: (0, _clsx.default)(classes.root, className),
-    shouldForwardComponentProp: true,
-    ownerState,
-    ref,
-    additionalProps: {
-      square
-    }
-  });
-  const [AccordionHeadingSlot, accordionProps] = (0, _useSlot.default)('heading', {
-    elementType: AccordionHeading,
-    externalForwardedProps,
-    className: classes.heading,
-    ownerState
-  });
-  const [TransitionSlot, transitionProps] = (0, _useSlot.default)('transition', {
-    elementType: _Collapse.default,
-    externalForwardedProps,
-    ownerState
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
-    ...rootProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionHeadingSlot, {
-      ...accordionProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
-        value: contextValue,
-        children: summary
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
-      in: expanded,
-      timeout: "auto",
-      ...transitionProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        "aria-labelledby": summary.props.id,
-        id: summary.props['aria-controls'],
-        role: "region",
-        className: classes.region,
-        children: children
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? Accordion.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: (0, _chainPropTypes.default)(_propTypes.default.node.isRequired, props => {
-    const summary = React.Children.toArray(props.children)[0];
-    if ((0, _reactIs.isFragment)(summary)) {
-      return new Error("MUI: The Accordion doesn't accept a Fragment as a child. " + 'Consider providing an array instead.');
-    }
-    if (! /*#__PURE__*/React.isValidElement(summary)) {
-      return new Error('MUI: Expected the first child of Accordion to be a valid element.');
-    }
-    return null;
-  }),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * If `true`, expands the accordion by default.
-   * @default false
-   */
-  defaultExpanded: _propTypes.default.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
-   * @default false
-   */
-  disableGutters: _propTypes.default.bool,
-  /**
-   * If `true`, expands the accordion, otherwise collapse it.
-   * Setting this prop enables control over the accordion.
-   */
-  expanded: _propTypes.default.bool,
-  /**
-   * Callback fired when the expand/collapse state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-   * @param {boolean} expanded The `expanded` state of the accordion.
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: _propTypes.default.shape({
-    heading: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    transition: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: _propTypes.default.shape({
-    heading: _propTypes.default.elementType,
-    root: _propTypes.default.elementType,
-    transition: _propTypes.default.elementType
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: _propTypes.default.bool,
-  /**
-   * 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 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.
-   * @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: _propTypes.default.elementType,
-  /**
-   * 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: _propTypes.default.object
-} : void 0;
-var _default = exports.default = Accordion;

package/Accordion/AccordionContext.js

@@ -1,18 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-/**
- * @ignore - internal component.
- * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}
- */
-const AccordionContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  AccordionContext.displayName = 'AccordionContext';
-}
-var _default = exports.default = AccordionContext;

package/Accordion/accordionClasses.d.ts

@@ -1,20 +0,0 @@
-export interface AccordionClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the heading element. */
-  heading: string;
-  /** Styles applied to the root element unless `square={true}`. */
-  rounded: string;
-  /** State class applied to the root element if `expanded={true}`. */
-  expanded: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the root element unless `disableGutters={true}`. */
-  gutters: string;
-  /** Styles applied to the region element, the container of the children. */
-  region: string;
-}
-export type AccordionClassKey = keyof AccordionClasses;
-export declare function getAccordionUtilityClass(slot: string): string;
-declare const accordionClasses: AccordionClasses;
-export default accordionClasses;

package/Accordion/accordionClasses.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.getAccordionUtilityClass = getAccordionUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getAccordionUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiAccordion', slot);
-}
-const accordionClasses = (0, _generateUtilityClasses.default)('MuiAccordion', ['root', 'heading', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
-var _default = exports.default = accordionClasses;

package/Accordion/index.d.ts

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

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

package/AccordionActions/AccordionActions.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { AccordionActionsClasses } from "./accordionActionsClasses.js";
-export interface AccordionActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AccordionActionsClasses>;
-  /**
-   * If `true`, the actions do not have additional margin.
-   * @default false
-   */
-  disableSpacing?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-/**
- *
- * Demos:
- *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
- *
- * API:
- *
- * - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
- */
-export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;