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/esm/components-react/projects/react-ssr-wrapper/src/lib/components/link-tile.wrapper.mjs CHANGED Viewed

@@ -13,10 +13,6 @@ const PLinkTile = forwardRef(({ align = 'bottom', aria, aspectRatio = '4/3', bac
         const { current } = elementRef;
         ['align', 'aria', 'aspectRatio', 'background', 'compact', 'description', 'download', 'gradient', 'href', 'label', 'rel', 'size', 'target', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PLinkTile = forwardRef(({ align = 'bottom', aria, aspectRatio = '4/3', bac
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PLink = forwardRef(({ aria, compact = false, download, hideLabel = false,
         const { current } = elementRef;
         ['aria', 'compact', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', '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
@@ -28,6 +24,7 @@ const PLink = forwardRef(({ aria, compact = false, download, hideLabel = false,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -14,10 +14,6 @@ const PMarque = forwardRef(({ aria, href, size = 'responsive', target = '_self',
         const { current } = elementRef;
         ['aria', 'href', 'size', 'target', 'trademark', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PMarque = forwardRef(({ aria, href, size = 'responsive', target = '_self',
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -17,10 +17,6 @@ const PModal = forwardRef(({ aria, backdrop = 'blur', disableBackdropClick = fal
         const { current } = elementRef;
         ['aria', 'backdrop', 'disableBackdropClick', 'disableCloseButton', 'dismissButton', 'fullscreen', 'heading', '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 PModal = forwardRef(({ aria, backdrop = 'blur', disableBackdropClick = fal
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/model-signature.wrapper.mjs CHANGED Viewed

@@ -13,10 +13,6 @@ const PModelSignature = forwardRef(({ color = 'primary', fetchPriority = 'auto',
         const { current } = elementRef;
         ['color', 'fetchPriority', 'lazy', 'model', 'safeZone', 'size', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PModelSignature = forwardRef(({ color = 'primary', fetchPriority = 'auto',
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PMultiSelectOption = forwardRef(({ disabled = false, value, className, chi
         const { current } = elementRef;
         ['disabled', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PMultiSelectOption = forwardRef(({ disabled = false, value, className, chi
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -14,10 +14,6 @@ const PMultiSelect = forwardRef(({ description = '', disabled = false, dropdownD
         const { current } = elementRef;
         ['description', 'disabled', 'dropdownDirection', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'].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 PMultiSelect = forwardRef(({ description = '', disabled = false, dropdownD
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const POptgroup = forwardRef(({ disabled = false, label, className, children, ..
         const { current } = elementRef;
         ['disabled', 'label'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const POptgroup = forwardRef(({ disabled = false, label, className, children, ..
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PPagination = forwardRef(({ activePage = 1, allyLabel, allyLabelNext, ally
         const { current } = elementRef;
         ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'intl', 'itemsPerPage', 'maxNumberOfPageLinks', 'showLastPage', 'theme', 'totalItemsCount'].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 PPagination = forwardRef(({ activePage = 1, allyLabel, allyLabelNext, ally
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -14,10 +14,6 @@ const PPinCode = forwardRef(({ description = '', disabled = false, hideLabel = f
         const { current } = elementRef;
         ['description', 'disabled', 'hideLabel', 'label', 'length', 'loading', 'message', 'name', 'required', 'state', 'theme', 'type', 'value'].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 PPinCode = forwardRef(({ description = '', disabled = false, hideLabel = f
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PPopover = forwardRef(({ aria, description, direction = 'bottom', theme, c
         const { current } = elementRef;
         ['aria', 'description', 'direction', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PPopover = forwardRef(({ aria, description, direction = 'bottom', theme, c
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PRadioButtonWrapper = forwardRef(({ hideLabel = false, label = '', loading
         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
@@ -28,6 +24,7 @@ const PRadioButtonWrapper = forwardRef(({ hideLabel = false, label = '', loading
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PScroller = forwardRef(({ alignScrollIndicator = 'center', aria, gradientC
         const { current } = elementRef;
         ['alignScrollIndicator', 'aria', 'gradientColor', 'gradientColorScheme', 'scrollIndicatorPosition', 'scrollToPosition', 'scrollbar', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PScroller = forwardRef(({ alignScrollIndicator = 'center', aria, gradientC
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PSegmentedControlItem = forwardRef((
         const { current } = elementRef;
         ['aria', 'disabled', 'icon', 'iconSource', 'label', 'value'].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 PSegmentedControlItem = forwardRef((
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PSegmentedControl = forwardRef(({ backgroundColor, columns = 'auto', onSeg
         const { current } = elementRef;
         ['backgroundColor', 'columns', 'theme', 'value'].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 PSegmentedControl = forwardRef(({ backgroundColor, columns = 'auto', onSeg
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PSelectOption = forwardRef(({ disabled = false, value, className, children
         const { current } = elementRef;
         ['disabled', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -28,6 +24,7 @@ const PSelectOption = forwardRef(({ disabled = false, value, className, children
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -14,10 +14,6 @@ const PSelectWrapperDropdown = forwardRef(({ description, direction = 'auto', di
         const { current } = elementRef;
         ['description', 'direction', 'disabled', 'filter', 'isOpenOverride', 'label', 'message', 'required', 'selectRef', '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
@@ -28,6 +24,7 @@ const PSelectWrapperDropdown = forwardRef(({ description, direction = 'auto', di
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PSelectWrapper = forwardRef(({ description = '', dropdownDirection = 'auto
         const { current } = elementRef;
         ['description', 'dropdownDirection', 'filter', 'hideLabel', 'label', 'message', 'native', '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
@@ -28,6 +24,7 @@ const PSelectWrapper = forwardRef(({ description = '', dropdownDirection = 'auto
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -14,10 +14,6 @@ const PSelect = forwardRef(({ description = '', disabled = false, dropdownDirect
         const { current } = elementRef;
         ['description', 'disabled', 'dropdownDirection', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'].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 PSelect = forwardRef(({ description = '', disabled = false, dropdownDirect
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PSpinner = forwardRef(({ aria, size = 'small', theme, className, ...rest }
         const { current } = elementRef;
         ['aria', 'size', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -27,6 +23,7 @@ const PSpinner = forwardRef(({ aria, size = 'small', theme, className, ...rest }
             : {
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PStepperHorizontalItem = forwardRef((
         const { current } = elementRef;
         ['disabled', 'state'].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 PStepperHorizontalItem = forwardRef((
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PStepperHorizontal = forwardRef(({ onStepChange, onUpdate, size = 'small',
         const { current } = elementRef;
         ['size', '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 PStepperHorizontal = forwardRef(({ onStepChange, onUpdate, size = 'small',
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PSwitch = forwardRef(({ alignLabel = 'end', checked = false, disabled = fa
         const { current } = elementRef;
         ['alignLabel', 'checked', 'disabled', 'hideLabel', 'loading', 'stretch', '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 PSwitch = forwardRef(({ alignLabel = 'end', checked = false, disabled = fa
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -8,10 +8,6 @@ import { DSRTableBody } from '../dsr-components/table-body.mjs';
 const PTableBody = forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-table-body');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -24,6 +20,7 @@ const PTableBody = forwardRef(({ className, children, ...rest }, ref) => {
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -11,10 +11,6 @@ const PTableCell = forwardRef(({ multiline = false, className, children, ...rest
     useBrowserLayoutEffect(() => {
         elementRef.current.multiline = multiline;
     }, [multiline]);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -27,6 +23,7 @@ const PTableCell = forwardRef(({ multiline = false, className, children, ...rest
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -13,10 +13,6 @@ const PTableHeadCell = forwardRef(({ hideLabel = false, multiline = false, sort,
         const { current } = elementRef;
         ['hideLabel', 'multiline', 'sort'].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 PTableHeadCell = forwardRef(({ hideLabel = false, multiline = false, sort,
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -8,10 +8,6 @@ import { DSRTableHeadRow } from '../dsr-components/table-head-row.mjs';
 const PTableHeadRow = forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-table-head-row');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -24,6 +20,7 @@ const PTableHeadRow = forwardRef(({ className, children, ...rest }, ref) => {
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -8,10 +8,6 @@ import { DSRTableHead } from '../dsr-components/table-head.mjs';
 const PTableHead = forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-table-head');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -24,6 +20,7 @@ const PTableHead = forwardRef(({ className, children, ...rest }, ref) => {
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -8,10 +8,6 @@ import { DSRTableRow } from '../dsr-components/table-row.mjs';
 const PTableRow = forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-table-row');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -24,6 +20,7 @@ const PTableRow = forwardRef(({ className, children, ...rest }, ref) => {
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PTable = forwardRef(({ caption, onSortingChange, onUpdate, theme, classNam
         const { current } = elementRef;
         ['caption', '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 PTable = forwardRef(({ caption, onSortingChange, onUpdate, theme, classNam
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

@@ -15,10 +15,6 @@ const PTabsBar = forwardRef(({ activeTabIndex, gradientColor = 'background-base'
         const { current } = elementRef;
         ['activeTabIndex', 'gradientColor', 'gradientColorScheme', 'size', 'theme', '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 PTabsBar = forwardRef(({ activeTabIndex, gradientColor = 'background-base'
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };

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

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

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

@@ -15,10 +15,6 @@ const PTabs = forwardRef(({ activeTabIndex = 0, gradientColor = 'background-base
         const { current } = elementRef;
         ['activeTabIndex', 'gradientColor', 'gradientColorScheme', 'size', 'theme', '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 PTabs = forwardRef(({ activeTabIndex = 0, gradientColor = 'background-base
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };