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

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');

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;