npm - @porsche-design-system/components-react - Versions diffs - 3.10.0-rc.0 → 3.10.0-rc.1 - Mend

@porsche-design-system/components-react 3.10.0-rc.0 → 3.10.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-product.mjs ADDED Viewed

@@ -0,0 +1,90 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '../components/accordion.wrapper.mjs';
+import '../components/banner.wrapper.mjs';
+import '../components/button.wrapper.mjs';
+import '../components/button-group.wrapper.mjs';
+import { PButtonPure } from '../components/button-pure.wrapper.mjs';
+import '../components/button-tile.wrapper.mjs';
+import '../components/carousel.wrapper.mjs';
+import '../components/checkbox-wrapper.wrapper.mjs';
+import '../components/content-wrapper.wrapper.mjs';
+import '../components/crest.wrapper.mjs';
+import '../components/display.wrapper.mjs';
+import '../components/divider.wrapper.mjs';
+import '../components/fieldset.wrapper.mjs';
+import '../components/fieldset-wrapper.wrapper.mjs';
+import '../components/flex.wrapper.mjs';
+import '../components/flex-item.wrapper.mjs';
+import '../components/flyout.wrapper.mjs';
+import '../components/flyout-navigation.wrapper.mjs';
+import '../components/flyout-navigation-item.wrapper.mjs';
+import '../components/grid.wrapper.mjs';
+import '../components/grid-item.wrapper.mjs';
+import '../components/heading.wrapper.mjs';
+import '../components/headline.wrapper.mjs';
+import '../components/icon.wrapper.mjs';
+import '../components/inline-notification.wrapper.mjs';
+import '../components/link.wrapper.mjs';
+import '../components/link-pure.wrapper.mjs';
+import '../components/link-social.wrapper.mjs';
+import '../components/link-tile.wrapper.mjs';
+import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
+import '../components/marque.wrapper.mjs';
+import '../components/modal.wrapper.mjs';
+import '../components/model-signature.wrapper.mjs';
+import '../components/multi-select.wrapper.mjs';
+import '../components/multi-select-option.wrapper.mjs';
+import '../components/pagination.wrapper.mjs';
+import '../components/pin-code.wrapper.mjs';
+import '../components/popover.wrapper.mjs';
+import '../components/radio-button-wrapper.wrapper.mjs';
+import '../components/scroller.wrapper.mjs';
+import '../components/segmented-control.wrapper.mjs';
+import '../components/segmented-control-item.wrapper.mjs';
+import '../components/select-wrapper.wrapper.mjs';
+import '../components/spinner.wrapper.mjs';
+import '../components/stepper-horizontal.wrapper.mjs';
+import '../components/stepper-horizontal-item.wrapper.mjs';
+import '../components/switch.wrapper.mjs';
+import '../components/table.wrapper.mjs';
+import '../components/table-body.wrapper.mjs';
+import '../components/table-cell.wrapper.mjs';
+import '../components/table-head.wrapper.mjs';
+import '../components/table-head-cell.wrapper.mjs';
+import '../components/table-head-row.wrapper.mjs';
+import '../components/table-row.wrapper.mjs';
+import '../components/tabs.wrapper.mjs';
+import '../components/tabs-bar.wrapper.mjs';
+import '../components/tabs-item.wrapper.mjs';
+import '../components/tag.wrapper.mjs';
+import '../components/tag-dismissible.wrapper.mjs';
+import '../components/text.wrapper.mjs';
+import '../components/text-field-wrapper.wrapper.mjs';
+import '../components/text-list.wrapper.mjs';
+import '../components/text-list-item.wrapper.mjs';
+import '../components/textarea-wrapper.wrapper.mjs';
+import '../components/toast.wrapper.mjs';
+import '../components/wordmark.wrapper.mjs';
+import { splitChildren } from '../../splitChildren.mjs';
+import { Component } from 'react';
+import { minifyCss } from '../../minifyCss.mjs';
+import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
+import { getLinkTileProductCss as getComponentCss$D } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { headerSlot, anchorSlot } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
+/** __Experimental__ */
+class DSRLinkTileProduct extends Component {
+    host;
+    render() {
+        splitChildren(this.props.children);
+        const headerId = 'header';
+        const headingId = 'heading';
+        const priceId = 'price';
+        const descriptionId = 'description';
+        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$D(this.props.likeButton, !this.props.href, this.props.aspectRatio, this.props.theme)));
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx(Fragment, { children: jsxs("div", { className: "root", children: [jsxs("div", { id: headerId, className: "header", children: [jsx("slot", { name: headerSlot }), this.props.likeButton && (jsx(PButtonPure, { className: "like-button", type: "button", icon: this.props.liked ? 'heart-filled' : 'heart', hideLabel: true, theme: this.props.theme, children: this.props.liked ? 'Heart Filled icon' : 'Heart icon' }))] }), jsx("div", { className: "image-container", children: jsx("slot", {}) }), jsxs("div", { className: "text-container", children: [jsx("h3", { id: headingId, className: "text text__heading", children: this.props.heading }), jsx("p", { id: priceId, className: "text text__price", children: this.props.price }), jsx("p", { id: descriptionId, className: "text text__description", children: this.props.description })] }), this.props.href ? (jsx("a", { className: "link-overlay", href: this.props.href, target: this.props.target, rel: this.props.rel, "aria-labelledby": `${headingId} ${priceId}`, "aria-describedby": `${headerId} ${descriptionId}` })) : (jsx("slot", { name: anchorSlot }))] }) })] }), this.props.children] }));
+    }
+}
+export { DSRLinkTileProduct };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.mjs CHANGED Viewed

@@ -30,6 +30,7 @@ import { PLinkPure } from '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';
@@ -69,7 +70,7 @@ import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
-import { getLinkCss as getComponentCss$E } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { getLinkCss as getComponentCss$F } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { parseAndGetAriaAttributes, hasVisibleIcon } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
 class DSRLink extends Component {
@@ -77,7 +78,7 @@ class DSRLink extends Component {
     render() {
         splitChildren(this.props.children);
         const TagType = this.props.href === undefined ? 'span' : 'a';
-        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$E(this.props.icon, this.props.iconSource, this.props.variant, this.props.hideLabel, !this.props.href, this.props.theme)));
+        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$F(this.props.icon, this.props.iconSource, this.props.variant, this.props.hideLabel, !this.props.href, this.props.theme)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(TagType, { className: "root", ...(TagType === 'a' && {
                                 href: this.props.href,
                                 target: this.props.target,

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select-option.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pagination.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/state-message.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.mjs CHANGED Viewed

@@ -30,6 +30,7 @@ import '../components/link-pure.wrapper.mjs';
 import '../components/link-social.wrapper.mjs';
 import '../components/link-tile.wrapper.mjs';
 import '../components/link-tile-model-signature.wrapper.mjs';
+import '../components/link-tile-product.wrapper.mjs';
 import '../components/marque.wrapper.mjs';
 import '../components/modal.wrapper.mjs';
 import '../components/model-signature.wrapper.mjs';

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/public-api.mjs CHANGED Viewed

@@ -29,6 +29,7 @@ export { PLinkPure } from './lib/components/link-pure.wrapper.mjs';
 export { PLinkSocial } from './lib/components/link-social.wrapper.mjs';
 export { PLinkTile } from './lib/components/link-tile.wrapper.mjs';
 export { PLinkTileModelSignature } from './lib/components/link-tile-model-signature.wrapper.mjs';
+export { PLinkTileProduct } from './lib/components/link-tile-product.wrapper.mjs';
 export { PMarque } from './lib/components/marque.wrapper.mjs';
 export { PModal } from './lib/components/modal.wrapper.mjs';
 export { PModelSignature } from './lib/components/model-signature.wrapper.mjs';

package/ssr/esm/lib/components/index.d.ts CHANGED Viewed

@@ -28,6 +28,7 @@ export * from './link-pure.wrapper';
 export * from './link-social.wrapper';
 export * from './link-tile.wrapper';
 export * from './link-tile-model-signature.wrapper';
+export * from './link-tile-product.wrapper';
 export * from './marque.wrapper';
 export * from './modal.wrapper';
 export * from './model-signature.wrapper';

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

@@ -0,0 +1,96 @@
+import { type HTMLAttributes } from 'react';
+import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductTarget, Theme } from '../types';
+export type PLinkTileProductProps = Omit<HTMLAttributes<{}>, 'color'> & {
+    /**
+     * Aspect ratio of the link-tile-product.
+     */
+    aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
+    /**
+     * Additional product description
+     */
+    description?: string;
+    /**
+     * Product heading
+     */
+    heading: string;
+    /**
+     * href of the `<a>`.
+     */
+    href?: string;
+    /**
+     * A Boolean attribute indicating that a like button should be shown.
+     */
+    likeButton?: boolean;
+    /**
+     * A Boolean attribute indicating that a product is liked.
+     */
+    liked?: boolean;
+    /**
+     * Emitted when the like button is clicked.
+     */
+    onLike?: (event: CustomEvent<LinkTileProductLikeEvent>) => void;
+    /**
+     * Product price
+     */
+    price: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     */
+    rel?: string;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: LinkTileProductTarget;
+    /**
+     * Adapts the link-tile-product color depending on the theme.
+     */
+    theme?: Theme;
+};
+export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
+    /**
+     * Aspect ratio of the link-tile-product.
+     */
+    aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
+    /**
+     * Additional product description
+     */
+    description?: string;
+    /**
+     * Product heading
+     */
+    heading: string;
+    /**
+     * href of the `<a>`.
+     */
+    href?: string;
+    /**
+     * A Boolean attribute indicating that a like button should be shown.
+     */
+    likeButton?: boolean;
+    /**
+     * A Boolean attribute indicating that a product is liked.
+     */
+    liked?: boolean;
+    /**
+     * Emitted when the like button is clicked.
+     */
+    onLike?: (event: CustomEvent<LinkTileProductLikeEvent>) => void;
+    /**
+     * Product price
+     */
+    price: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     */
+    rel?: string;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: LinkTileProductTarget;
+    /**
+     * Adapts the link-tile-product color depending on the theme.
+     */
+    theme?: Theme;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/dsr-components/flyout-navigation.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Component } from 'react';
+/** __Experimental__ */
 export declare class DSRFlyoutNavigation extends Component<any> {
     host: HTMLElement;
     private dialog;

package/ssr/esm/lib/dsr-components/link-tile-product.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Component } from 'react';
+/** __Experimental__ */
+export declare class DSRLinkTileProduct extends Component<any> {
+    host: HTMLElement;
+    render(): JSX.Element;
+}

package/ssr/esm/lib/types.d.ts CHANGED Viewed

@@ -996,6 +996,15 @@ export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE
 export type LinkTileModelSignatureWeight = TileWeight;
 export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
 export type LinkTileModelSignatureLinkDirection = GroupDirection;
+export type LinkTileProductTarget = LinkTarget;
+export type LinkTileProductLikeEvent = {
+    liked: boolean;
+};
+declare const TILE_PRODUCT_ASPECT_RATIOS: readonly [
+    "3:4",
+    "9:16"
+];
+export type LinkTileProductAspectRatio = Extract<TileAspectRatio, (typeof TILE_PRODUCT_ASPECT_RATIOS)[number]>;
 declare const MODEL_SIGNATURES_MANIFEST: {
     "718": string;
     "911": string;