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

@@ -15,10 +15,6 @@ const PLinkTile = react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4/3
         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
@@ -30,6 +26,7 @@ const PLinkTile = react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4/3
                 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.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PLink = react.forwardRef(({ aria, compact = false, download, hideLabel = f
         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
@@ -30,6 +26,7 @@ const PLink = react.forwardRef(({ aria, compact = false, download, hideLabel = f
                 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/marque.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PMarque = react.forwardRef(({ aria, href, size = 'responsive', target = '_
         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
@@ -30,6 +26,7 @@ const PMarque = react.forwardRef(({ aria, href, size = 'responsive', target = '_
             : {
                 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/modal.wrapper.cjs CHANGED Viewed

@@ -19,10 +19,6 @@ const PModal = react.forwardRef(({ aria, backdrop = 'blur', disableBackdropClick
         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
@@ -34,6 +30,7 @@ const PModal = react.forwardRef(({ aria, backdrop = 'blur', disableBackdropClick
                 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/model-signature.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PModelSignature = react.forwardRef(({ color = 'primary', fetchPriority = '
         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
@@ -30,6 +26,7 @@ const PModelSignature = react.forwardRef(({ color = 'primary', fetchPriority = '
                 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/multi-select-option.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PMultiSelectOption = react.forwardRef(({ disabled = false, value, classNam
         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
@@ -30,6 +26,7 @@ const PMultiSelectOption = react.forwardRef(({ disabled = false, value, classNam
                 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/multi-select.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PMultiSelect = react.forwardRef(({ description = '', disabled = false, dro
         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
@@ -31,6 +27,7 @@ const PMultiSelect = react.forwardRef(({ description = '', disabled = false, dro
                 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/optgroup.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const POptgroup = react.forwardRef(({ disabled = false, label, className, childr
         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
@@ -30,6 +26,7 @@ const POptgroup = react.forwardRef(({ disabled = false, label, className, childr
                 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/pagination.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PPagination = react.forwardRef(({ activePage = 1, allyLabel, allyLabelNext
         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
@@ -31,6 +27,7 @@ const PPagination = react.forwardRef(({ activePage = 1, allyLabel, allyLabelNext
             : {
                 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/pin-code.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PPinCode = react.forwardRef(({ description = '', disabled = false, hideLab
         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
@@ -31,6 +27,7 @@ const PPinCode = react.forwardRef(({ description = '', disabled = false, hideLab
                 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/popover.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PPopover = react.forwardRef(({ aria, description, direction = 'bottom', th
         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
@@ -30,6 +26,7 @@ const PPopover = react.forwardRef(({ aria, description, direction = 'bottom', th
                 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/radio-button-wrapper.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PRadioButtonWrapper = react.forwardRef(({ hideLabel = false, label = '', l
         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 PRadioButtonWrapper = react.forwardRef(({ hideLabel = false, label = '', l
                 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/scroller.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PScroller = react.forwardRef(({ alignScrollIndicator = 'center', aria, gra
         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
@@ -30,6 +26,7 @@ const PScroller = react.forwardRef(({ alignScrollIndicator = 'center', aria, gra
                 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/segmented-control-item.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PSegmentedControlItem = react.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
@@ -32,6 +28,7 @@ const PSegmentedControlItem = react.forwardRef((
                 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/segmented-control.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PSegmentedControl = react.forwardRef(({ backgroundColor, columns = 'auto',
         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
@@ -33,6 +29,7 @@ const PSegmentedControl = react.forwardRef(({ backgroundColor, columns = 'auto',
                 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/select-option.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PSelectOption = react.forwardRef(({ disabled = false, value, className, ch
         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
@@ -30,6 +26,7 @@ const PSelectOption = react.forwardRef(({ disabled = false, value, className, ch
                 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/select-wrapper-dropdown.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PSelectWrapperDropdown = react.forwardRef(({ description, direction = 'aut
         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
@@ -30,6 +26,7 @@ const PSelectWrapperDropdown = react.forwardRef(({ description, direction = 'aut
             : {
                 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/select-wrapper.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PSelectWrapper = react.forwardRef(({ description = '', dropdownDirection =
         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
@@ -30,6 +26,7 @@ const PSelectWrapper = react.forwardRef(({ description = '', dropdownDirection =
                 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/select.wrapper.cjs CHANGED Viewed

@@ -16,10 +16,6 @@ const PSelect = react.forwardRef(({ description = '', disabled = false, dropdown
         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
@@ -31,6 +27,7 @@ const PSelect = react.forwardRef(({ description = '', disabled = false, dropdown
                 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/spinner.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PSpinner = react.forwardRef(({ aria, size = 'small', theme, className, ...
         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
@@ -29,6 +25,7 @@ const PSpinner = react.forwardRef(({ aria, size = 'small', theme, className, ...
             : {
                 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/stepper-horizontal-item.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PStepperHorizontalItem = react.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
@@ -33,6 +29,7 @@ const PStepperHorizontalItem = react.forwardRef((
                 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/stepper-horizontal.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PStepperHorizontal = react.forwardRef(({ onStepChange, onUpdate, size = 's
         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
@@ -32,6 +28,7 @@ const PStepperHorizontal = react.forwardRef(({ onStepChange, onUpdate, size = 's
                 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/switch.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PSwitch = react.forwardRef(({ alignLabel = 'end', checked = false, disable
         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
@@ -32,6 +28,7 @@ const PSwitch = react.forwardRef(({ alignLabel = 'end', checked = false, disable
                 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/table-body.wrapper.cjs CHANGED Viewed

@@ -10,10 +10,6 @@ var tableBody = require('../dsr-components/table-body.cjs');
 const PTableBody = react.forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = react.useRef();
     const WebComponentTag = hooks.usePrefix('p-table-body');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -26,6 +22,7 @@ const PTableBody = react.forwardRef(({ className, children, ...rest }, ref) => {
                 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/table-cell.wrapper.cjs CHANGED Viewed

@@ -13,10 +13,6 @@ const PTableCell = react.forwardRef(({ multiline = false, className, children, .
     hooks.useBrowserLayoutEffect(() => {
         elementRef.current.multiline = multiline;
     }, [multiline]);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -29,6 +25,7 @@ const PTableCell = react.forwardRef(({ multiline = false, 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/table-head-cell.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PTableHeadCell = react.forwardRef(({ hideLabel = false, multiline = false,
         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
@@ -31,6 +27,7 @@ const PTableHeadCell = react.forwardRef(({ hideLabel = false, multiline = false,
                 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/table-head-row.wrapper.cjs CHANGED Viewed

@@ -10,10 +10,6 @@ var tableHeadRow = require('../dsr-components/table-head-row.cjs');
 const PTableHeadRow = react.forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = react.useRef();
     const WebComponentTag = hooks.usePrefix('p-table-head-row');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -26,6 +22,7 @@ const PTableHeadRow = react.forwardRef(({ className, children, ...rest }, ref) =
                 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/table-head.wrapper.cjs CHANGED Viewed

@@ -10,10 +10,6 @@ var tableHead = require('../dsr-components/table-head.cjs');
 const PTableHead = react.forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = react.useRef();
     const WebComponentTag = hooks.usePrefix('p-table-head');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -26,6 +22,7 @@ const PTableHead = react.forwardRef(({ className, children, ...rest }, ref) => {
                 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/table-row.wrapper.cjs CHANGED Viewed

@@ -10,10 +10,6 @@ var tableRow = require('../dsr-components/table-row.cjs');
 const PTableRow = react.forwardRef(({ className, children, ...rest }, ref) => {
     const elementRef = react.useRef();
     const WebComponentTag = hooks.usePrefix('p-table-row');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -26,6 +22,7 @@ const PTableRow = react.forwardRef(({ className, children, ...rest }, ref) => {
                 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/table.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PTable = react.forwardRef(({ caption, onSortingChange, onUpdate, theme, cl
         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
@@ -32,6 +28,7 @@ const PTable = react.forwardRef(({ caption, onSortingChange, onUpdate, theme, cl
                 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/tabs-bar.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PTabsBar = react.forwardRef(({ activeTabIndex, gradientColor = 'background
         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
@@ -32,6 +28,7 @@ const PTabsBar = react.forwardRef(({ activeTabIndex, gradientColor = 'background
                 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/tabs-item.wrapper.cjs CHANGED Viewed

@@ -15,10 +15,6 @@ const PTabsItem = react.forwardRef((
     hooks.useBrowserLayoutEffect(() => {
         elementRef.current.label = label;
     }, [label]);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
     const props = {
         ...rest,
         // @ts-ignore
@@ -30,6 +26,7 @@ const PTabsItem = react.forwardRef((
                 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/tabs.wrapper.cjs CHANGED Viewed

@@ -17,10 +17,6 @@ const PTabs = react.forwardRef(({ activeTabIndex = 0, gradientColor = 'backgroun
         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
@@ -32,6 +28,7 @@ const PTabs = react.forwardRef(({ activeTabIndex = 0, gradientColor = 'backgroun
                 children,
                 suppressHydrationWarning: true,
             }),
+        'data-ssr': '',
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };