@porsche-design-system/components-react 3.16.0 → 3.17.0-rc.1

package/esm/lib/components/link-social.wrapper.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } from '../types';
 export type PLinkSocialProps = BaseProps & {
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * Show or hide label.
      */
@@ -31,36 +34,39 @@ export type PLinkSocialProps = BaseProps & {
      */
     theme?: Theme;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
 export declare const PLinkSocial: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * Show or hide label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * When providing an url then the component will be rendered as `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * The icon shown.
      */
-    icon?: LinkSocialIcon | undefined;
+    icon?: LinkSocialIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Specifies the relationship of the target object to the link object.
      */
-    rel?: string | undefined;
+    rel?: string;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: LinkSocialTarget;
     /**
      * Adapts the link color when used on dark background.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/link-social.wrapper.mjs

@@ -4,14 +4,13 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
-const PLinkSocial = forwardRef(({ hideLabel = false, href, icon, iconSource, rel, target = '_self', theme, className, ...rest }, ref) => {
+const PLinkSocial = forwardRef(({ compact = false, hideLabel = false, href, icon, iconSource, rel, target = '_self', theme, className, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-link-social');
-    const propsToSync = [hideLabel, href, icon, iconSource, rel, target, theme || useTheme()];
+    const propsToSync = [compact, hideLabel, href, icon, iconSource, rel, target, theme || useTheme()];
     useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['compact', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,

package/esm/lib/components/link-tile-model-signature.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
 export type PLinkTileModelSignatureProps = BaseProps & {
@@ -35,11 +34,11 @@ export declare const PLinkTileModelSignature: import("react").ForwardRefExoticCo
     /**
      * Aspect ratio of the link-tile-model-signature.
      */
-    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    aspectRatio?: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
     /**
      * Description text.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Heading text.
      */
@@ -47,19 +46,19 @@ export declare const PLinkTileModelSignature: import("react").ForwardRefExoticCo
     /**
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
-    headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    headingTag?: LinkTileModelSignatureHeadingTag;
     /**
      * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
      */
-    linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
+    linkDirection?: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
     /**
      * Adapts the model of the component.
      */
-    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    model?: LinkTileModelSignatureModel;
     /**
      * Adapts the font weight of the heading.
      */
-    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+    weight?: BreakpointCustomizable<LinkTileModelSignatureWeight>;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/link-tile-model-signature.wrapper.mjs

@@ -4,7 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-const PLinkTileModelSignature = forwardRef(({ aspectRatio = '3:4', description, heading, headingTag = 'h2', linkDirection = { base: 'column', xs: 'row' }, model = '911', weight = 'semi-bold', className, ...rest }, ref) => {
+const PLinkTileModelSignature = forwardRef(({ aspectRatio = '3/4', description, heading, headingTag = 'h2', linkDirection = { base: 'column', xs: 'row' }, model = '911', weight = 'semi-bold', className, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-link-tile-model-signature');
     const propsToSync = [aspectRatio, description, heading, headingTag, linkDirection, model, weight];

package/esm/lib/components/link-tile-product.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, Theme } from '../types';
 export type PLinkTileProductProps = BaseProps & {
@@ -55,11 +54,11 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
     /**
      * Aspect ratio of the link-tile-product.
      */
-    aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio> | undefined;
+    aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
     /**
      * Additional product description.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Product heading.
      */
@@ -67,19 +66,19 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
     /**
      * href of the `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * A Boolean attribute indicating that a like button should be shown.
      */
-    likeButton?: boolean | undefined;
+    likeButton?: boolean;
     /**
      * A Boolean attribute indicating that a product is liked.
      */
-    liked?: boolean | undefined;
+    liked?: boolean;
     /**
      * Emitted when the like button is clicked.
      */
-    onLike?: ((event: CustomEvent<LinkTileProductLikeEventDetail>) => void) | undefined;
+    onLike?: (event: CustomEvent<LinkTileProductLikeEventDetail>) => void;
     /**
      * Product retail price (with or without discount).
      */
@@ -87,19 +86,19 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
     /**
      * Shows original price (recommended retail price) with line-through. Needs prop "price" to be defined, otherwise this prop has no effect.
      */
-    priceOriginal?: string | undefined;
+    priceOriginal?: string;
     /**
      * Specifies the relationship of the target object to the link object.
      */
-    rel?: string | undefined;
+    rel?: string;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: LinkTileProductTarget;
     /**
      * Adapts the link-tile-product color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/link-tile.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileBackground, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
 export type PLinkTileProps = BaseProps & {
@@ -63,23 +62,23 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<import
     /**
      * Alignment of link and description.
      */
-    align?: "top" | "bottom" | undefined;
+    align?: LinkTileAlign;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-current" | "aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
     /**
      * Aspect ratio of the link-tile.
      */
-    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
     /**
      * Adapts the description and link theme when used on light background image.
      */
-    background?: "light" | "dark" | "auto" | undefined;
+    background?: LinkTileBackground;
     /**
      * Displays the link-tile as compact version with description and link icon only.
      */
-    compact?: BreakpointCustomizable<boolean> | undefined;
+    compact?: BreakpointCustomizable<boolean>;
     /**
      * Description text.
      */
@@ -87,11 +86,11 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<import
     /**
      * Special download attribute to open native browser download dialog if target url points to a downloadable file.
      */
-    download?: string | undefined;
+    download?: string;
     /**
      * Show gradient.
      */
-    gradient?: boolean | undefined;
+    gradient?: boolean;
     /**
      * href of the `<a>`.
      */
@@ -103,19 +102,19 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<import
     /**
      * Specifies the relationship of the target object to the link object.
      */
-    rel?: string | undefined;
+    rel?: string;
     /**
      * Font size of the description.
      */
-    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
+    size?: BreakpointCustomizable<LinkTileSize>;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: LinkTileTarget;
     /**
      * Font weight of the description.
      */
-    weight?: BreakpointCustomizable<"regular" | "semi-bold" | "semibold"> | undefined;
+    weight?: BreakpointCustomizable<LinkTileWeight>;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/link-tile.wrapper.mjs

@@ -4,7 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-const PLinkTile = forwardRef(({ align = 'bottom', aria, aspectRatio = '4:3', background = 'dark', compact = false, description, download, gradient = true, href, label, rel, size = 'default', target = '_self', weight = 'semi-bold', className, ...rest }, ref) => {
+const PLinkTile = forwardRef(({ align = 'bottom', aria, aspectRatio = '4/3', background = 'dark', compact = false, description, download, gradient = true, href, label, rel, size = 'medium', target = '_self', weight = 'semi-bold', className, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-link-tile');
     const propsToSync = [align, aria, aspectRatio, background, compact, description, download, gradient, href, label, rel, size, target, weight];

package/esm/lib/components/link.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
 export type PLinkProps = BaseProps & {
@@ -6,6 +5,10 @@ export type PLinkProps = BaseProps & {
      * Add ARIA attributes.
      */
     aria?: SelectedAriaAttributes<LinkAriaAttribute>;
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * Special download attribute to open native browser download dialog if target url points to a downloadable file.
      */
@@ -47,43 +50,47 @@ export declare const PLink: import("react").ForwardRefExoticComponent<import("re
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-current" | "aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<LinkAriaAttribute>;
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * Special download attribute to open native browser download dialog if target url points to a downloadable file.
      */
-    download?: string | undefined;
+    download?: string;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * When providing an url then the component will be rendered as `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: LinkIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Specifies the relationship of the target object to the link object.
      */
-    rel?: string | undefined;
+    rel?: string;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: LinkTarget;
     /**
      * Adapts the link color when used on dark background.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
     /**
      * The style variant of the link.
      */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
+    variant?: LinkVariant;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/link.wrapper.mjs

@@ -4,13 +4,13 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-const PLink = forwardRef(({ aria, download, hideLabel = false, href, icon = 'none', iconSource, rel, target = '_self', theme, variant = 'primary', className, ...rest }, ref) => {
+const PLink = forwardRef(({ aria, compact = false, download, hideLabel = false, href, icon = 'none', iconSource, rel, target = '_self', theme, variant = 'primary', className, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-link');
-    const propsToSync = [aria, download, hideLabel, href, icon, iconSource, rel, target, theme || useTheme(), variant];
+    const propsToSync = [aria, compact, download, hideLabel, href, icon, iconSource, rel, target, theme || useTheme(), variant];
     useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'compact', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,

package/esm/lib/components/marque.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant } from '../types';
 export type PMarqueProps = BaseProps & {
@@ -32,25 +31,25 @@ export declare const PMarque: import("react").ForwardRefExoticComponent<import("
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-current" | "aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<MarqueAriaAttribute>;
     /**
      * When providing an url then the component will be rendered as `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * Adapts sizing of marque.
      */
-    size?: "small" | "medium" | "responsive" | undefined;
+    size?: MarqueSize;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
+    target?: MarqueTarget;
     /**
      * Show/hide trademark sign (only has effect when variant is set to default).
      */
-    trademark?: boolean | undefined;
+    trademark?: boolean;
     /**
      * Shows marque in special editions
      */
-    variant?: "default" | "75-years" | undefined;
+    variant?: MarqueVariant;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/modal.wrapper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, BreakpointCustomizable, Theme } from '../types';
+import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, BreakpointCustomizable, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, Theme } from '../types';
 export type PModalProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -39,6 +38,14 @@ export type PModalProps = BaseProps & {
      * Emitted when the component requests to be dismissed.
      */
     onDismiss?: (event: CustomEvent<void>) => void;
+    /**
+     * Emitted when the modal is closed and the transition is finished.
+     */
+    onMotionHiddenEnd?: (event: CustomEvent<ModalMotionHiddenEndEventDetail>) => void;
+    /**
+     * Emitted when the modal is opened and the transition is finished.
+     */
+    onMotionVisibleEnd?: (event: CustomEvent<ModalMotionVisibleEndEventDetail>) => void;
     /**
      * If true, the modal is open.
      */
@@ -52,40 +59,48 @@ export declare const PModal: import("react").ForwardRefExoticComponent<import("r
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<ModalAriaAttribute>;
     /**
      * Defines the backdrop, 'blur' (should be used when Modal is opened by user interaction, e.g. after a click on a button) and 'shading' (should be used when Modal gets opened automatically, e.g. Cookie Consent).
      */
-    backdrop?: "blur" | "shading" | undefined;
+    backdrop?: ModalBackdrop;
     /**
      * If true, the modal will not be closable via backdrop click.
      */
-    disableBackdropClick?: boolean | undefined;
+    disableBackdropClick?: boolean;
     /**
      * If true, the modal will not have a dismiss button.
      * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead.
      */
-    disableCloseButton?: boolean | undefined;
+    disableCloseButton?: boolean;
     /**
      * If false, the modal will not have a dismiss button.
      */
-    dismissButton?: boolean | undefined;
+    dismissButton?: boolean;
     /**
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
-    fullscreen?: BreakpointCustomizable<boolean> | undefined;
+    fullscreen?: BreakpointCustomizable<boolean>;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `header` slot instead The title of the modal
      */
-    heading?: string | undefined;
+    heading?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `dismiss` event instead. Emitted when the component requests to be dismissed.
      */
-    onClose?: ((event: CustomEvent<void>) => void) | undefined;
+    onClose?: (event: CustomEvent<void>) => void;
     /**
      * Emitted when the component requests to be dismissed.
      */
-    onDismiss?: ((event: CustomEvent<void>) => void) | undefined;
+    onDismiss?: (event: CustomEvent<void>) => void;
+    /**
+     * Emitted when the modal is closed and the transition is finished.
+     */
+    onMotionHiddenEnd?: (event: CustomEvent<ModalMotionHiddenEndEventDetail>) => void;
+    /**
+     * Emitted when the modal is opened and the transition is finished.
+     */
+    onMotionVisibleEnd?: (event: CustomEvent<ModalMotionVisibleEndEventDetail>) => void;
     /**
      * If true, the modal is open.
      */
@@ -93,7 +108,7 @@ export declare const PModal: import("react").ForwardRefExoticComponent<import("r
     /**
      * Adapts the modal color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/modal.wrapper.mjs

@@ -4,10 +4,12 @@ import { forwardRef, useRef } from 'react';
 import { useEventCallback, usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-const PModal = forwardRef(({ aria, backdrop = 'blur', disableBackdropClick = false, disableCloseButton, dismissButton = true, fullscreen = false, heading, onClose, onDismiss, open = false, theme, className, ...rest }, ref) => {
+const PModal = forwardRef(({ aria, backdrop = 'blur', disableBackdropClick = false, disableCloseButton, dismissButton = true, fullscreen = false, heading, onClose, onDismiss, onMotionHiddenEnd, onMotionVisibleEnd, open = false, theme, className, ...rest }, ref) => {
     const elementRef = useRef();
     useEventCallback(elementRef, 'close', onClose);
     useEventCallback(elementRef, 'dismiss', onDismiss);
+    useEventCallback(elementRef, 'motionHiddenEnd', onMotionHiddenEnd);
+    useEventCallback(elementRef, 'motionVisibleEnd', onMotionVisibleEnd);
     const WebComponentTag = usePrefix('p-modal');
     const propsToSync = [aria, backdrop, disableBackdropClick, disableCloseButton, dismissButton, fullscreen, heading, open, theme || useTheme()];
     useBrowserLayoutEffect(() => {

package/esm/lib/components/model-signature.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
 export type PModelSignatureProps = BaseProps & {
@@ -35,31 +34,31 @@ export declare const PModelSignature: import("react").ForwardRefExoticComponent<
     /**
      * Adapts the color of the component.
      */
-    color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
+    color?: ModelSignatureColor;
     /**
      * Defines the fetch priority of the model signature. In the end it is just a recommendation to the browser, but it defines the priority on its own.
      */
-    fetchPriority?: "auto" | "low" | "high" | undefined;
+    fetchPriority?: ModelSignatureFetchPriority;
     /**
      * Defines whether the model signature is always loaded or only loaded when it is in the viewport (this feature may not work reliably).
      */
-    lazy?: boolean | undefined;
+    lazy?: boolean;
     /**
      * Adapts the model of the component.
      */
-    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    model?: ModelSignatureModel;
     /**
      * When set to `true`, then all model signatures are visually aligned with each other. When set to `false` the model signature comes without any safe zone.
      */
-    safeZone?: boolean | undefined;
+    safeZone?: boolean;
     /**
      * Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
      */
-    size?: "inherit" | "small" | undefined;
+    size?: ModelSignatureSize;
     /**
      * Adapts color depending on theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/multi-select-option.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PMultiSelectOptionProps = BaseProps & {
     /**
@@ -14,11 +13,11 @@ export declare const PMultiSelectOption: import("react").ForwardRefExoticCompone
     /**
      * Disables the option.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * The option value.
      */
     value: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;