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

@porsche-design-system/components-react 3.17.0 → 3.18.0-rc.0

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 (287) hide show

package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs CHANGED Viewed

@@ -3215,6 +3215,7 @@ const parseAndGetAriaAttributes = (rawAttributes) => {
             typeof val === 'boolean' ? `${val}` : val,
         ]));
     }
+    return undefined;
 };
 hasWindow && window.matchMedia?.('(forced-colors: active)').matches;
@@ -3397,10 +3398,20 @@ hasWindow &&
 const isTouchDevice = () => {
     if (!hasWindow) {
-        return;
+        return undefined;
     }
     return !!('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
 };
+// eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+function debounce(fn, ms = 800) {
+    let timeoutId;
+    return function (...args) {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => fn.apply(this, args), ms);
+    };
+}
 const getRole = (state) => {
     return state === 'error' ? 'alert' : state === 'success' ? 'status' : null;
@@ -3884,6 +3895,7 @@ exports.buildSrcSet = buildSrcSet;
 exports.createPaginationItems = createPaginationItems;
 exports.createRange = createRange;
 exports.crestSize = crestSize;
+exports.debounce = debounce;
 exports.displaySizeToTagMap = displaySizeToTagMap;
 exports.getButtonAriaAttributes = getButtonAriaAttributes;
 exports.getButtonBaseAriaAttributes = getButtonBaseAriaAttributes;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/hooks.cjs CHANGED Viewed

@@ -34,6 +34,7 @@ const useTheme = () => {
     }
 };
 const useEventCallback = (ref, eventName, eventHandler) => {
+    // @ts-expect-error
     react.useEffect(() => {
         const { current } = ref;
         if (current && eventHandler) {

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/accordion.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PAccordion = react.forwardRef(({ compact, heading, headingTag = 'h2', onAc
         const { current } = elementRef;
         ['compact', 'heading', 'headingTag', 'open', 'size', 'sticky', 'tag', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -32,6 +28,7 @@ const PAccordion = react.forwardRef(({ compact, heading, headingTag = 'h2', onAc
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/banner.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PBanner = react.forwardRef(({ description = '', dismissButton = true, head
         const { current } = elementRef;
         ['description', 'dismissButton', 'heading', 'headingTag', 'open', 'persistent', 'state', 'theme', 'width'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -32,6 +28,7 @@ const PBanner = react.forwardRef(({ description = '', dismissButton = true, head
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button-group.wrapper.cjs CHANGED Viewed

@@ -13,10 +13,6 @@ const PButtonGroup = react.forwardRef(({ direction = { base: 'column', xs: 'row'
     hooks.useBrowserLayoutEffect(() => {
         elementRef.current.direction = direction;
     }, [direction]);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PButtonGroup = react.forwardRef(({ direction = { base: 'column', xs: 'row'
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PButtonPure = react.forwardRef(({ active = false, alignLabel = 'end', aria
         const { current } = elementRef;
         ['active', 'alignLabel', 'aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'size', 'stretch', 'theme', 'type', 'underline', 'value', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PButtonPure = react.forwardRef(({ active = false, alignLabel = 'end', aria
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button-tile.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PButtonTile = react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4
         const { current } = elementRef;
         ['align', 'aria', 'aspectRatio', 'background', 'compact', 'description', 'disabled', 'gradient', 'icon', 'iconSource', 'label', 'loading', 'size', 'type', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PButtonTile = react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PButton = react.forwardRef(({ aria, compact = false, disabled = false, hid
         const { current } = elementRef;
         ['aria', 'compact', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'theme', 'type', 'value', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PButton = react.forwardRef(({ aria, compact = false, disabled = false, hid
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/canvas.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PCanvas = react.forwardRef(({ onDismissSidebarEnd, onDismissSidebarStart,
         const { current } = elementRef;
         ['sidebarEndOpen', 'sidebarEndWidth', 'sidebarStartOpen', 'sidebarStartWidth'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -32,6 +28,7 @@ const PCanvas = react.forwardRef(({ onDismissSidebarEnd, onDismissSidebarStart,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/carousel.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PCarousel = react.forwardRef(({ activeSlideIndex = 0, alignHeader = 'start
         const { current } = elementRef;
         ['activeSlideIndex', 'alignHeader', 'aria', 'description', 'disablePagination', 'heading', 'headingSize', 'intl', 'pagination', 'rewind', 'skipLinkTarget', 'slidesPerPage', 'theme', 'width', 'wrapContent'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -32,6 +28,7 @@ const PCarousel = react.forwardRef(({ activeSlideIndex = 0, alignHeader = 'start
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/checkbox-wrapper.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PCheckboxWrapper = react.forwardRef(({ hideLabel = false, label = '', load
         const { current } = elementRef;
         ['hideLabel', 'label', 'loading', 'message', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PCheckboxWrapper = react.forwardRef(({ hideLabel = false, label = '', load
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/content-wrapper.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PContentWrapper = react.forwardRef(({ backgroundColor = 'transparent', the
         const { current } = elementRef;
         ['backgroundColor', 'theme', 'width'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PContentWrapper = react.forwardRef(({ backgroundColor = 'transparent', the
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/crest.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PCrest = react.forwardRef(({ aria, href, target = '_self', className, ...r
         const { current } = elementRef;
         ['aria', 'href', 'target'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -29,6 +25,7 @@ const PCrest = react.forwardRef(({ aria, href, target = '_self', className, ...r
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PDisplay = react.forwardRef(({ align = 'start', color = 'primary', ellipsi
         const { current } = elementRef;
         ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PDisplay = react.forwardRef(({ align = 'start', color = 'primary', ellipsi
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/divider.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PDivider = react.forwardRef(({ color = 'contrast-low', direction = 'horizo
         const { current } = elementRef;
         ['color', 'direction', 'orientation', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -29,6 +25,7 @@ const PDivider = react.forwardRef(({ color = 'contrast-low', direction = 'horizo
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/fieldset-wrapper.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PFieldsetWrapper = react.forwardRef(({ label = '', labelSize = 'medium', m
         const { current } = elementRef;
         ['label', 'labelSize', 'message', 'required', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PFieldsetWrapper = react.forwardRef(({ label = '', labelSize = 'medium', m
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/fieldset.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PFieldset = react.forwardRef(({ label = '', labelSize = 'medium', message
         const { current } = elementRef;
         ['label', 'labelSize', 'message', 'required', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PFieldset = react.forwardRef(({ label = '', labelSize = 'medium', message
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flex-item.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PFlexItem = react.forwardRef(({ alignSelf = 'auto', flex = 'initial', grow
         const { current } = elementRef;
         ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PFlexItem = react.forwardRef(({ alignSelf = 'auto', flex = 'initial', grow
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flex.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PFlex = react.forwardRef(({ alignContent = 'stretch', alignItems = 'stretc
         const { current } = elementRef;
         ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PFlex = react.forwardRef(({ alignContent = 'stretch', alignItems = 'stretc
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flyout-multilevel-item.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PFlyoutMultilevelItem = react.forwardRef(({ identifier, label, className,
         const { current } = elementRef;
         ['identifier', 'label'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PFlyoutMultilevelItem = react.forwardRef(({ identifier, label, className,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flyout-multilevel.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PFlyoutMultilevel = react.forwardRef(({ activeIdentifier, aria, onDismiss,
         const { current } = elementRef;
         ['activeIdentifier', 'aria', 'open', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -32,6 +28,7 @@ const PFlyoutMultilevel = react.forwardRef(({ activeIdentifier, aria, onDismiss,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flyout.wrapper.cjs CHANGED Viewed

@@ -18,10 +18,6 @@ const PFlyout = react.forwardRef(({ aria, disableBackdropClick = false, onDismis
         const { current } = elementRef;
         ['aria', 'disableBackdropClick', 'open', 'position', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -33,6 +29,7 @@ const PFlyout = react.forwardRef(({ aria, disableBackdropClick = false, onDismis
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/grid-item.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PGridItem = react.forwardRef(({ offset = 0, size = 1, className, children,
         const { current } = elementRef;
         ['offset', 'size'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PGridItem = react.forwardRef(({ offset = 0, size = 1, className, children,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/grid.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PGrid = react.forwardRef(({ direction = 'row', gutter = { base: 16, s: 24,
         const { current } = elementRef;
         ['direction', 'gutter', 'wrap'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PGrid = react.forwardRef(({ direction = 'row', gutter = { base: 16, s: 24,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PHeading = react.forwardRef(({ align = 'start', color = 'primary', ellipsi
         const { current } = elementRef;
         ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PHeading = react.forwardRef(({ align = 'start', color = 'primary', ellipsi
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/headline.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PHeadline = react.forwardRef(({ align = 'start', color = 'primary', ellips
         const { current } = elementRef;
         ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PHeadline = react.forwardRef(({ align = 'start', color = 'primary', ellips
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PIcon = react.forwardRef(({ aria, color = 'primary', lazy, name = 'arrow-r
         const { current } = elementRef;
         ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -29,6 +25,7 @@ const PIcon = react.forwardRef(({ aria, color = 'primary', lazy, name = 'arrow-r
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/inline-notification.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PInlineNotification = react.forwardRef(({ actionIcon = 'arrow-right', acti
         const { current } = elementRef;
         ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'dismissButton', 'heading', 'headingTag', 'persistent', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -32,6 +28,7 @@ const PInlineNotification = react.forwardRef(({ actionIcon = 'arrow-right', acti
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PLinkPure = react.forwardRef(({ active = false, alignLabel = 'end', aria,
         const { current } = elementRef;
         ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'underline', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PLinkPure = react.forwardRef(({ active = false, alignLabel = 'end', aria,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-social.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PLinkSocial = react.forwardRef(({ compact = false, hideLabel = false, href
         const { current } = elementRef;
         ['compact', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PLinkSocial = react.forwardRef(({ compact = false, hideLabel = false, href
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-tile-model-signature.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PLinkTileModelSignature = react.forwardRef(({ aspectRatio = '3/4', descrip
         const { current } = elementRef;
         ['aspectRatio', 'description', 'heading', 'headingTag', 'linkDirection', 'model', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PLinkTileModelSignature = react.forwardRef(({ aspectRatio = '3/4', descrip
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-tile-product.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PLinkTileProduct = react.forwardRef(({ aspectRatio = '3:4', description, h
         const { current } = elementRef;
         ['aspectRatio', 'description', 'heading', 'href', 'likeButton', 'liked', 'price', 'priceOriginal', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -31,6 +27,7 @@ const PLinkTileProduct = react.forwardRef(({ aspectRatio = '3:4', description, h
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };