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

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

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

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

@@ -8,6 +8,7 @@ var button_wrapper = require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -19,8 +20,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -0,0 +1,107 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+require('../components/accordion.wrapper.cjs');
+require('../components/banner.wrapper.cjs');
+require('../components/button.wrapper.cjs');
+require('../components/button-group.wrapper.cjs');
+var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
+require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
+require('../components/carousel.wrapper.cjs');
+require('../components/checkbox-wrapper.wrapper.cjs');
+require('../components/content-wrapper.wrapper.cjs');
+require('../components/crest.wrapper.cjs');
+require('../components/display.wrapper.cjs');
+require('../components/divider.wrapper.cjs');
+require('../components/fieldset.wrapper.cjs');
+require('../components/fieldset-wrapper.wrapper.cjs');
+require('../components/flex.wrapper.cjs');
+require('../components/flex-item.wrapper.cjs');
+var flyout_wrapper = require('../components/flyout.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
+require('../components/grid.wrapper.cjs');
+require('../components/grid-item.wrapper.cjs');
+require('../components/heading.wrapper.cjs');
+require('../components/headline.wrapper.cjs');
+require('../components/icon.wrapper.cjs');
+require('../components/inline-notification.wrapper.cjs');
+require('../components/link.wrapper.cjs');
+require('../components/link-pure.wrapper.cjs');
+require('../components/link-social.wrapper.cjs');
+require('../components/link-tile.wrapper.cjs');
+require('../components/link-tile-model-signature.wrapper.cjs');
+require('../components/link-tile-product.wrapper.cjs');
+require('../components/marque.wrapper.cjs');
+require('../components/modal.wrapper.cjs');
+require('../components/model-signature.wrapper.cjs');
+require('../components/multi-select.wrapper.cjs');
+require('../components/multi-select-option.wrapper.cjs');
+require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
+require('../components/popover.wrapper.cjs');
+require('../components/radio-button-wrapper.wrapper.cjs');
+require('../components/scroller.wrapper.cjs');
+require('../components/segmented-control.wrapper.cjs');
+require('../components/segmented-control-item.wrapper.cjs');
+require('../components/select.wrapper.cjs');
+require('../components/select-option.wrapper.cjs');
+require('../components/select-wrapper.wrapper.cjs');
+require('../components/spinner.wrapper.cjs');
+require('../components/stepper-horizontal.wrapper.cjs');
+require('../components/stepper-horizontal-item.wrapper.cjs');
+require('../components/switch.wrapper.cjs');
+require('../components/table.wrapper.cjs');
+require('../components/table-body.wrapper.cjs');
+require('../components/table-cell.wrapper.cjs');
+require('../components/table-head.wrapper.cjs');
+require('../components/table-head-cell.wrapper.cjs');
+require('../components/table-head-row.wrapper.cjs');
+require('../components/table-row.wrapper.cjs');
+require('../components/tabs.wrapper.cjs');
+require('../components/tabs-bar.wrapper.cjs');
+require('../components/tabs-item.wrapper.cjs');
+require('../components/tag.wrapper.cjs');
+require('../components/tag-dismissible.wrapper.cjs');
+require('../components/text.wrapper.cjs');
+require('../components/text-field-wrapper.wrapper.cjs');
+require('../components/text-list.wrapper.cjs');
+require('../components/text-list-item.wrapper.cjs');
+require('../components/textarea-wrapper.wrapper.cjs');
+require('../components/toast.wrapper.cjs');
+require('../components/wordmark.wrapper.cjs');
+var splitChildren = require('../../splitChildren.cjs');
+var react = require('react');
+var minifyCss = require('../../minifyCss.cjs');
+var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.cjs');
+var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
+/** @experimental */
+class DSRCanvas extends react.Component {
+    host;
+    isDesktopView = false;
+    render() {
+        splitChildren.splitChildren(this.props.children);
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getCanvasCss(this.props.sidebarStartOpen, this.props.sidebarStartWidth, this.props.sidebarEndOpen, this.props.sidebarEndWidth)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "canvas", children: [jsxRuntime.jsx("header", { part: "header", children: jsxRuntime.jsx("slot", { name: "header" }) }), jsxRuntime.jsx("main", { part: "main", children: jsxRuntime.jsx("slot", {}) }), jsxRuntime.jsx("footer", { part: "footer", children: jsxRuntime.jsx("slot", { name: "footer" }) }), this.props.isDesktopView && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("aside", {
+                                                    // "part" is not valid in TS
+                                                    // eslint-disable-next-line
+                                                    /* @ts-ignore */
+                                                    part: "sidebar-start",
+                                                    // "inert" will be known from React 19 onwards, see https://github.com/facebook/react/pull/24730
+                                                    // eslint-disable-next-line
+                                                    /* @ts-ignore */
+                                                    inert: this.props.sidebarStartOpen ? null : true, children: [jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "close", icon: "close", hideLabel: true, children: "Close Sidebar" }), jsxRuntime.jsx("slot", { name: "sidebar-start" })] }), jsxRuntime.jsxs("aside", {
+                                                    // "part" is not valid in TS
+                                                    // eslint-disable-next-line
+                                                    /* @ts-ignore */
+                                                    part: "sidebar-end",
+                                                    // "inert" will be known from React 19 onwards, see https://github.com/facebook/react/pull/24730
+                                                    // eslint-disable-next-line
+                                                    /* @ts-ignore */
+                                                    inert: this.props.sidebarEndOpen ? null : true, children: [jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "close", icon: "close", hideLabel: true, children: "Close Sidebar" }), jsxRuntime.jsx("slot", { name: "sidebar-end" })] })] }))] }), !this.props.isDesktopView && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(flyout_wrapper.PFlyout, { open: this.props.sidebarStartOpen, position: "start", children: jsxRuntime.jsx("slot", { name: "sidebar-start" }) }), jsxRuntime.jsx(flyout_wrapper.PFlyout, { open: this.props.sidebarEndOpen, position: "end", children: jsxRuntime.jsx("slot", { name: "sidebar-end" }) })] }))] })] }), this.props.children] }));
+    }
+}
+exports.DSRCanvas = DSRCanvas;

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/{flyout-navigation-item.cjs → flyout-multilevel-item.cjs} RENAMED Viewed

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -77,17 +78,17 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.cjs');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
 /** @experimental */
-class DSRFlyoutNavigationItem extends react.Component {
+class DSRFlyoutMultilevelItem extends react.Component {
     host;
     get theme() {
-        return this.props.theme || 'light'; // default as fallback (internal private prop is controlled by flyout-navigation)
+        return this.props.theme || 'light'; // default as fallback (internal private prop is controlled by flyout-multilevel)
     }
     get open() {
-        return this.props.open || false; // default as fallback (internal private prop is controlled by flyout-navigation)
+        return this.props.open || false; // default as fallback (internal private prop is controlled by flyout-multilevel)
     }
     render() {
         splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getFlyoutNavigationItemCss(this.open, this.theme)));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getFlyoutMultilevelItemCss(this.open, this.theme)));
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "button", type: "button", size: "medium", alignLabel: "start", stretch: true, icon: "arrow-head-right", active: this.open, aria: { 'aria-expanded': this.open }, theme: this.theme, children: this.props.label }), jsxRuntime.jsxs("div", { className: "scroller",
                                     // "inert" will be known from React 19 onwards, see https://github.com/facebook/react/pull/24730
                                     // eslint-disable-next-line
@@ -96,4 +97,4 @@ class DSRFlyoutNavigationItem extends react.Component {
     }
 }
-exports.DSRFlyoutNavigationItem = DSRFlyoutNavigationItem;
+exports.DSRFlyoutMultilevelItem = DSRFlyoutMultilevelItem;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/{flyout-navigation.cjs → flyout-multilevel.cjs} RENAMED Viewed

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -78,14 +79,14 @@ var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-e
 var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.cjs');
 /** @experimental */
-class DSRFlyoutNavigation extends react.Component {
+class DSRFlyoutMultilevel extends react.Component {
     host;
     // TODO: shouldn't open prop be changed internally too?
-    flyoutNavigationItemElements = [];
+    flyoutMultilevelItemElements = [];
     dialog;
     render() {
         splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getFlyoutNavigationCss(this.props.open, !!this.props.activeIdentifier, this.props.theme)));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getFlyoutMultilevelCss(this.props.open, !!this.props.activeIdentifier, this.props.theme)));
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("dialog", {
                             // "inert" will be known from React 19 onwards, see https://github.com/facebook/react/pull/24730
                             // eslint-disable-next-line
@@ -94,4 +95,4 @@ class DSRFlyoutNavigation extends react.Component {
     }
 }
-exports.DSRFlyoutNavigation = DSRFlyoutNavigation;
+exports.DSRFlyoutMultilevel = DSRFlyoutMultilevel;

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -8,6 +8,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -19,8 +20,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.cjs CHANGED Viewed

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 var buttonPure_wrapper = require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.cjs CHANGED Viewed

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');

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

@@ -7,6 +7,7 @@ require('../components/button.wrapper.cjs');
 require('../components/button-group.wrapper.cjs');
 require('../components/button-pure.wrapper.cjs');
 require('../components/button-tile.wrapper.cjs');
+require('../components/canvas.wrapper.cjs');
 require('../components/carousel.wrapper.cjs');
 require('../components/checkbox-wrapper.wrapper.cjs');
 require('../components/content-wrapper.wrapper.cjs');
@@ -18,8 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
-require('../components/flyout-navigation.wrapper.cjs');
-require('../components/flyout-navigation-item.wrapper.cjs');
+require('../components/flyout-multilevel.wrapper.cjs');
+require('../components/flyout-multilevel-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');