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

@porsche-design-system/components-react 3.16.0-rc.0 → 3.16.0-rc.1

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

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

@@ -31,6 +31,7 @@ const PDisplay = forwardRef(({ align = 'start', color = 'primary', ellipsis = fa
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -30,6 +30,7 @@ const PDivider = forwardRef(({ color = 'contrast-low', direction = 'horizontal',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PFieldsetWrapper = forwardRef(({ label = '', labelSize = 'medium', message
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PFieldset = forwardRef(({ label = '', labelSize = 'medium', message = '',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PFlexItem = forwardRef(({ alignSelf = 'auto', flex = 'initial', grow = 0,
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PFlex = forwardRef(({ alignContent = 'stretch', alignItems = 'stretch', di
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PFlyoutNavigationItem = forwardRef(({ identifier, label, className, childr
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PFlyoutNavigation = forwardRef(({ activeIdentifier, aria, onDismiss, onUpd
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PFlyout = forwardRef(({ aria, disableBackdropClick = false, onDismiss, ope
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PGridItem = forwardRef(({ offset = 0, size = 1, className, children, ...re
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PGrid = forwardRef(({ direction = 'row', gutter = { base: 16, s: 24, m: 36
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PHeading = forwardRef(({ align = 'start', color = 'primary', ellipsis = fa
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PHeadline = forwardRef(({ align = 'start', color = 'primary', ellipsis = f
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -30,6 +30,7 @@ const PIcon = forwardRef(({ aria, color = 'primary', lazy, name = 'arrow-right',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PInlineNotification = forwardRef(({ actionIcon = 'arrow-right', actionLabe
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PLinkPure = forwardRef(({ active = false, alignLabel = 'end', aria, downlo
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PLinkSocial = forwardRef(({ hideLabel = false, href, icon, iconSource, rel
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PLinkTileModelSignature = forwardRef(({ aspectRatio = '3:4', description,
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PLinkTileProduct = forwardRef(({ aspectRatio = '3:4', description, heading
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PLinkTile = forwardRef(({ align = 'bottom', aria, aspectRatio = '4:3', bac
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PLink = forwardRef(({ aria, download, hideLabel = false, href, icon = 'non
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PMarque = forwardRef(({ aria, href, size = 'responsive', target = '_self',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PModal = forwardRef(({ aria, backdrop = 'blur', disableBackdropClick = fal
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PModelSignature = forwardRef(({ color = 'primary', fetchPriority = 'auto',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PMultiSelectOption = forwardRef(({ disabled = false, value, className, chi
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PMultiSelect = forwardRef(({ description = '', disabled = false, dropdownD
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PPagination = forwardRef(({ activePage = 1, allyLabel, allyLabelNext, ally
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PPinCode = forwardRef(({ description = '', disabled = false, hideLabel = f
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PPopover = forwardRef(({ aria, description, direction = 'bottom', theme, c
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PRadioButtonWrapper = forwardRef(({ hideLabel = false, label = '', loading
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PScroller = forwardRef(({ alignScrollIndicator = 'center', aria, gradientC
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -7,13 +7,13 @@ import { DSRSegmentedControlItem } from '../dsr-components/segmented-control-ite
 const PSegmentedControlItem = forwardRef((
 // @ts-ignore
-{ disabled = false, icon, iconSource, label, value, className, children, selected, theme = 'light', ...rest }, ref) => {
+{ aria, disabled = false, icon, iconSource, label, value, className, children, selected, theme = 'light', ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-segmented-control-item');
-    const propsToSync = [disabled, icon, iconSource, label, value];
+    const propsToSync = [aria, disabled, icon, iconSource, label, value];
     useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['disabled', 'icon', 'iconSource', 'label', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'disabled', 'icon', 'iconSource', 'label', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     // @ts-ignore
     if (!process.browser) {
@@ -24,7 +24,7 @@ const PSegmentedControlItem = forwardRef((
         // @ts-ignore
         ...(!process.browser
             ? {
-                children: (jsx(DSRSegmentedControlItem, { disabled, icon, iconSource, label, value, selected, theme, children })),
+                children: (jsx(DSRSegmentedControlItem, { aria, disabled, icon, iconSource, label, value, selected, theme, children })),
             }
             : {
                 children,
@@ -33,6 +33,7 @@ const PSegmentedControlItem = forwardRef((
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -34,6 +34,7 @@ const PSegmentedControl = forwardRef(({ backgroundColor, columns = 'auto', onSeg
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PSelectOption = forwardRef(({ disabled = false, value, className, children
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PSelectWrapperDropdown = forwardRef(({ description, direction = 'auto', di
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PSelectWrapper = forwardRef(({ description = '', dropdownDirection = 'auto
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PSelect = forwardRef(({ description = '', disabled = false, dropdownDirect
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -30,6 +30,7 @@ const PSpinner = forwardRef(({ aria, size = 'small', theme, className, ...rest }
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -34,6 +34,7 @@ const PStepperHorizontalItem = forwardRef((
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PStepperHorizontal = forwardRef(({ onStepChange, onUpdate, size = 'small',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PSwitch = forwardRef(({ alignLabel = 'end', checked = false, disabled = fa
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -27,6 +27,7 @@ const PTableBody = forwardRef(({ className, children, ...rest }, ref) => {
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -30,6 +30,7 @@ const PTableCell = forwardRef(({ multiline = false, className, children, ...rest
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PTableHeadCell = forwardRef(({ hideLabel = false, multiline = false, sort,
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -27,6 +27,7 @@ const PTableHeadRow = forwardRef(({ className, children, ...rest }, ref) => {
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -27,6 +27,7 @@ const PTableHead = forwardRef(({ className, children, ...rest }, ref) => {
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -27,6 +27,7 @@ const PTableRow = forwardRef(({ className, children, ...rest }, ref) => {
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PTable = forwardRef(({ caption, onSortingChange, onUpdate, theme, classNam
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PTabsBar = forwardRef(({ activeTabIndex, gradientColor = 'background-base'
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PTabsItem = forwardRef((
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -33,6 +33,7 @@ const PTabs = forwardRef(({ activeTabIndex = 0, gradientColor = 'background-base
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PTagDismissible = forwardRef(({ aria, color = 'background-surface', label,
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PTag = forwardRef(({ color = 'background-surface', icon, iconSource, theme
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -32,6 +32,7 @@ const PTextFieldWrapper = forwardRef(({ actionIcon, actionLoading = false, descr
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -27,6 +27,7 @@ const PTextListItem = forwardRef(({ className, children, ...rest }, ref) => {
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PTextList = forwardRef(({ listType, orderType, theme, type = 'unordered',
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PText = forwardRef(({ align = 'start', color = 'primary', ellipsis = false
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -31,6 +31,7 @@ const PTextareaWrapper = forwardRef(({ description = '', hideLabel = false, labe
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -29,6 +29,7 @@ const PToast = forwardRef(({ theme, className, ...rest }, ref) => {
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -30,6 +30,7 @@ const PWordmark = forwardRef(({ aria, href, size = 'small', target = '_self', th
         class: useMergedClass(elementRef, className),
         ref: syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsx(WebComponentTag, { ...props });
 });

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

@@ -5,6 +5,7 @@ import '../components/button.wrapper.mjs';
 import '../components/button-group.wrapper.mjs';
 import '../components/button-pure.wrapper.mjs';
 import '../components/button-tile.wrapper.mjs';
+import '../components/canvas.wrapper.mjs';
 import '../components/carousel.wrapper.mjs';
 import '../components/checkbox-wrapper.wrapper.mjs';
 import '../components/content-wrapper.wrapper.mjs';
@@ -72,7 +73,7 @@ import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
-import { getAccordionCss as getComponentCss$15 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { getAccordionCss as getComponentCss$16 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 class DSRAccordion extends Component {
     host;
@@ -81,7 +82,7 @@ class DSRAccordion extends Component {
         const buttonId = 'accordion-control';
         const contentId = 'accordion-panel';
         const Heading = this.props.tag || this.props.headingTag;
-        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$15(this.props.size, this.props.compact, this.props.open, this.props.theme, this.props.sticky)));
+        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$16(this.props.size, this.props.compact, this.props.open, this.props.theme, this.props.sticky)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsx(Heading, { className: "heading", children: jsxs("button", { id: buttonId, type: "button", "aria-expanded": this.props.open ? 'true' : 'false', "aria-controls": contentId, children: [this.props.heading || jsx("slot", { name: "heading" }), jsx("span", { className: "icon-container", children: jsx(PIcon, { className: "icon", name: this.props.open ? 'minus' : 'plus', theme: this.props.theme, size: "xx-small", "aria-hidden": "true" }) })] }) }), jsx("div", { id: contentId, className: "collapsible", role: "region", "aria-labelledby": buttonId, children: jsx("div", { children: jsx("slot", {}) }) })] })] }), this.props.children] }));
     }
 }