@porsche-design-system/components-react 3.0.0-alpha.1 → 3.0.0-alpha.3

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

@@ -6,16 +6,14 @@ 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 DSRTextList extends react.Component {
     render() {
-        const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
-        const manipulatedChildren = children.map((child, i) => typeof child === 'object' && 'props' in child && otherChildren.includes(child)
-            ? { ...child, props: { ...child.props, listType: this.props.listType, orderType: this.props.orderType } }
-            : child);
-        const TagType = this.props.listType === 'unordered' ? 'ul' : 'ol';
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextListCss(this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(TagType, { role: "list", children: jsxRuntime.jsx("slot", {}) }) })] }), manipulatedChildren] }));
+        splitChildren.splitChildren(this.props.children);
+        const TagType = utilsEntry.isListTypeOrdered(this.props.listType || this.props.type) ? 'ol' : 'ul';
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextListCss(this.props.listType === 'ordered' ? this.props.orderType || 'numbered' : this.props.type, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(TagType, { children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
     }
 }
 

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

@@ -11,9 +11,21 @@ var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entr
 class DSRText extends react.Component {
     render() {
         splitChildren.splitChildren(this.props.children);
+        const colorDeprecationMap = {
+            brand: 'primary',
+            default: 'primary',
+            'neutral-contrast-low': 'contrast-low',
+            'neutral-contrast-medium': 'contrast-medium',
+            'neutral-contrast-high': 'contrast-high',
+            'notification-neutral': 'notification-info',
+        };
+        const weightDeprecationMap = {
+            thin: 'regular',
+            semibold: 'semi-bold',
+        };
         const TagType = utilsEntry.getTextTagType(null, this.props.tag);
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextCss(this.props.size, this.props.weight, this.props.align, this.props.color, this.props.ellipsis, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(TagType, { className: "root", children: jsxRuntime.jsx("slot", {}) }) })] }), this.props.children] }));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextCss(this.props.size, (weightDeprecationMap[this.props.weight] || this.props.weight), this.props.align, (colorDeprecationMap[this.props.color] || this.props.color), this.props.ellipsis, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(TagType, { className: "root", children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
     }
 }
 

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

@@ -26,6 +26,7 @@ var linkSocial_wrapper = require('./lib/components/link-social.wrapper.js');
 var linkTile_wrapper = require('./lib/components/link-tile.wrapper.js');
 var marque_wrapper = require('./lib/components/marque.wrapper.js');
 var modal_wrapper = require('./lib/components/modal.wrapper.js');
+var modelSignature_wrapper = require('./lib/components/model-signature.wrapper.js');
 var pagination_wrapper = require('./lib/components/pagination.wrapper.js');
 var popover_wrapper = require('./lib/components/popover.wrapper.js');
 var radioButtonWrapper_wrapper = require('./lib/components/radio-button-wrapper.wrapper.js');
@@ -90,6 +91,7 @@ exports.PLinkSocial = linkSocial_wrapper.PLinkSocial;
 exports.PLinkTile = linkTile_wrapper.PLinkTile;
 exports.PMarque = marque_wrapper.PMarque;
 exports.PModal = modal_wrapper.PModal;
+exports.PModelSignature = modelSignature_wrapper.PModelSignature;
 exports.PPagination = pagination_wrapper.PPagination;
 exports.PPopover = popover_wrapper.PPopover;
 exports.PRadioButtonWrapper = radioButtonWrapper_wrapper.PRadioButtonWrapper;