@porsche-design-system/components-react 3.0.0-alpha.4 → 3.0.0-alpha.6

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/crest.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var minifyCss = require('../../minifyCss.js');
+var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
+var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
+var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
+
+class DSRCrest extends react.Component {
+    render() {
+        const picture = (jsxRuntime.jsxs("picture", { children: [jsxRuntime.jsx("source", { srcSet: utilsEntry.buildCrestSrcSet('webp'), type: "image/webp" }, "webp"), jsxRuntime.jsx("source", { srcSet: utilsEntry.buildCrestSrcSet('png'), type: "image/png" }, "png"), jsxRuntime.jsx("img", { src: `${utilsEntry.crestCdnBaseUrl}/${utilsEntry.crestInnerManifest['2x'].png}`, alt: "Porsche" })] }));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getCrestCss()));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: this.props.href === undefined ? (picture) : (jsxRuntime.jsx("a", { href: this.props.href, target: this.props.target, ...utilsEntry.parseAndGetAriaAttributes(this.props.aria), children: picture })) })] }) }));
+    }
+}
+
+exports.DSRCrest = DSRCrest;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');
@@ -67,13 +69,16 @@ var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-e
 var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
 
 class DSRInlineNotification extends react.Component {
+    get hasDismissButton() {
+        return this.props.persistent ? false : this.props.dismissButton;
+    }
     render() {
         const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
         const bannerId = 'banner';
         const labelId = 'label';
         const descriptionId = 'description';
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getInlineNotificationCss(this.props.state, !!this.props.actionLabel, !this.props.persistent, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: utilsEntry.getInlineNotificationIconName(this.props.state), color: `notification-${this.props.state}`, theme: this.props.theme, "aria-hidden": "true" }), jsxRuntime.jsxs("div", { id: bannerId, className: "content", ...utilsEntry.getContentAriaAttributes(this.props.state, labelId, descriptionId), children: [(this.props.heading || namedSlotChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0) && jsxRuntime.jsx("h5", { id: labelId, children: this.props.heading || jsxRuntime.jsx("slot", { name: "heading" }) }), jsxRuntime.jsx("p", { id: descriptionId, children: this.props.description || jsxRuntime.jsx("slot", {}) })] }), this.props.actionLabel && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "action", theme: this.props.theme, icon: this.props.actionIcon, loading: this.props.actionLoading, children: this.props.actionLabel })), !this.props.persistent && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "close", type: "button", icon: "close", theme: this.props.theme, hideLabel: true, "aria-controls": bannerId, children: "Close notification" }))] })] }), this.props.children] }));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getInlineNotificationCss(this.props.state, !!this.props.actionLabel, this.hasDismissButton, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: utilsEntry.getInlineNotificationIconName(this.props.state), color: `notification-${this.props.state}`, theme: this.props.theme, "aria-hidden": "true" }), jsxRuntime.jsxs("div", { id: bannerId, className: "content", ...utilsEntry.getContentAriaAttributes(this.props.state, labelId, descriptionId), children: [(this.props.heading || namedSlotChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0) && jsxRuntime.jsx("h5", { id: labelId, children: this.props.heading || jsxRuntime.jsx("slot", { name: "heading" }) }), jsxRuntime.jsx("p", { id: descriptionId, children: this.props.description || jsxRuntime.jsx("slot", {}) })] }), this.props.actionLabel && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "action", theme: this.props.theme, icon: this.props.actionIcon, loading: this.props.actionLoading, children: this.props.actionLabel })), this.hasDismissButton && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "close", type: "button", icon: "close", theme: this.props.theme, hideLabel: true, "aria-controls": bannerId, children: "Close notification" }))] })] }), this.props.children] }));
     }
 }
 

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-model-signature.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.js

@@ -11,6 +11,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -60,6 +61,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var minifyCss = require('../../minifyCss.js');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/marque.js

@@ -7,6 +7,7 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
 var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
 
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
 class DSRMarque extends react.Component {
     render() {
         const innerManifest = utilsEntry.getInnerManifest(this.props.trademark);

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pagination.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/state-message.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
 
 const StateMessage = ({ id, state, message, theme, host }) => {

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');
@@ -76,7 +78,7 @@ class DSRTabs extends react.Component {
             ? { ...child, props: { ...child.props, theme: this.props.theme, hidden: this.props.activeTabIndex !== i ? true : null } }
             : child);
         const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTabsCss()));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(tabsBar_wrapper.PTabsBar, { className: "root", size: this.props.size, weight: this.props.weight, theme: this.props.theme, gradientColorScheme: this.props.gradientColorScheme, gradientColor: this.props.gradientColor, activeTabIndex: this.props.activeTabIndex, children: otherChildren.map((tab, index) => (jsxRuntime.jsx("button", { type: "button", children: typeof tab === 'object' && 'props' in tab && tab.props.label }, index))) }), jsxRuntime.jsx("slot", {})] })] }), manipulatedChildren] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(tabsBar_wrapper.PTabsBar, { className: "root", size: this.props.size, weight: this.props.weight, theme: this.props.theme, gradientColorScheme: this.props.gradientColorScheme, gradientColor: this.props.gradientColor, activeTabIndex: this.props.activeTabIndex, onUpdate: this.props.onTabsBarUpdate, children: otherChildren.map((tab, index) => (jsxRuntime.jsx("button", { type: "button", children: typeof tab === 'object' && 'props' in tab && tab.props.label }, index))) }), jsxRuntime.jsx("slot", {})] })] }), manipulatedChildren] }));
     }
 }
 

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.js

@@ -10,6 +10,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.js

@@ -11,6 +11,7 @@ require('../components/button-tile.wrapper.js');
 require('../components/carousel.wrapper.js');
 require('../components/checkbox-wrapper.wrapper.js');
 require('../components/content-wrapper.wrapper.js');
+require('../components/crest.wrapper.js');
 require('../components/display.wrapper.js');
 require('../components/divider.wrapper.js');
 require('../components/fieldset.wrapper.js');
@@ -60,6 +61,7 @@ require('../components/text-list.wrapper.js');
 require('../components/text-list-item.wrapper.js');
 require('../components/textarea-wrapper.wrapper.js');
 require('../components/toast.wrapper.js');
+require('../components/wordmark.wrapper.js');
 var splitChildren = require('../../splitChildren.js');
 var minifyCss = require('../../minifyCss.js');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/wordmark.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var minifyCss = require('../../minifyCss.js');
+var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
+var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
+var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
+
+class DSRWordmark extends react.Component {
+    render() {
+        // optimized with SVGO, see docs in assets folder
+        const svg = (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 4383 300", children: [jsxRuntime.jsx("title", { children: "Porsche" }), jsxRuntime.jsx("path", { d: "M492 221c48.1 0 74-25.9 74-74V74c0-48.1-25.9-74-74-74H0v300h68v-79h424zm6-143v65c0 7.8-4.2 12-12 12H68V66h418c7.8 0 12 4.2 12 12zm220 222c-48.1 0-74-25.9-74-74V74c0-48.1 25.9-74 74-74h407c48.1 0 74 25.9 74 74v152c0 48.1-25.9 74-74 74H718zm401-66c7.8 0 12-4.2 12-12V78c0-7.8-4.2-12-12-12H724c-7.8 0-12 4.2-12 12v144c0 7.8 4.2 12 12 12h395zm657-36c39.844 16.757 67.853 56.1 68 102h-68c0-54-25-79-79-79h-351v79h-68V0h492c48.1 0 74 25.9 74 74v50.14c0 46.06-23.75 71.76-68 73.86zm-12-43c7.8 0 12-4.2 12-12V78c0-7.8-4.2-12-12-12h-418v89h418zm155-81c0-48.1 25.9-74 74-74h482v56h-476c-7.8 0-12 4.2-12 12v42c0 7.8 4.2 12 12 12h412c48.1 0 74 25.9 74 74v30c0 48.1-25.9 74-74 74h-482v-56h476c7.8 0 12-4.2 12-12v-42c0-7.8-4.2-12-12-12h-412c-48.1 0-74-25.9-74-74V74zm643 0c0-48.1 25.9-74 74-74h470v66h-464c-7.8 0-12 4.2-12 12v144c0 7.8 4.2 12 12 12h464v66h-470c-48.1 0-74-25.9-74-74V74zM3718 0v300h-68V183h-397v117h-68V0h68v117h397V0h68zm148 56v66h517v56h-517v66h517v56h-585V0h585v56h-517z" })] }));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getWordmarkCss(this.props.size, this.props.theme)));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: this.props.href === undefined ? (svg) : (jsxRuntime.jsx("a", { href: this.props.href, target: this.props.target, ...utilsEntry.parseAndGetAriaAttributes(this.props.aria), children: svg })) })] }) }));
+    }
+}
+
+exports.DSRWordmark = DSRWordmark;

package/ssr/components-react/projects/react-ssr-wrapper/src/public-api.js

@@ -10,6 +10,7 @@ var buttonTile_wrapper = require('./lib/components/button-tile.wrapper.js');
 var carousel_wrapper = require('./lib/components/carousel.wrapper.js');
 var checkboxWrapper_wrapper = require('./lib/components/checkbox-wrapper.wrapper.js');
 var contentWrapper_wrapper = require('./lib/components/content-wrapper.wrapper.js');
+var crest_wrapper = require('./lib/components/crest.wrapper.js');
 var display_wrapper = require('./lib/components/display.wrapper.js');
 var divider_wrapper = require('./lib/components/divider.wrapper.js');
 var fieldset_wrapper = require('./lib/components/fieldset.wrapper.js');
@@ -59,6 +60,7 @@ var textList_wrapper = require('./lib/components/text-list.wrapper.js');
 var textListItem_wrapper = require('./lib/components/text-list-item.wrapper.js');
 var textareaWrapper_wrapper = require('./lib/components/textarea-wrapper.wrapper.js');
 var toast_wrapper = require('./lib/components/toast.wrapper.js');
+var wordmark_wrapper = require('./lib/components/wordmark.wrapper.js');
 var provider = require('./provider.js');
 var hooks = require('./hooks.js');
 var utils = require('./utils.js');
@@ -78,6 +80,7 @@ exports.PButtonTile = buttonTile_wrapper.PButtonTile;
 exports.PCarousel = carousel_wrapper.PCarousel;
 exports.PCheckboxWrapper = checkboxWrapper_wrapper.PCheckboxWrapper;
 exports.PContentWrapper = contentWrapper_wrapper.PContentWrapper;
+exports.PCrest = crest_wrapper.PCrest;
 exports.PDisplay = display_wrapper.PDisplay;
 exports.PDivider = divider_wrapper.PDivider;
 exports.PFieldset = fieldset_wrapper.PFieldset;
@@ -127,6 +130,7 @@ exports.PTextList = textList_wrapper.PTextList;
 exports.PTextListItem = textListItem_wrapper.PTextListItem;
 exports.PTextareaWrapper = textareaWrapper_wrapper.PTextareaWrapper;
 exports.PToast = toast_wrapper.PToast;
+exports.PWordmark = wordmark_wrapper.PWordmark;
 exports.PorscheDesignSystemProvider = provider.PorscheDesignSystemProvider;
 exports.skipCheckForPorscheDesignSystemProviderDuringTests = hooks.skipCheckForPorscheDesignSystemProviderDuringTests;
 exports.useToastManager = hooks.useToastManager;