@porsche-design-system/components-react 4.2.0-rc.5 → 4.3.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.
- package/CHANGELOG.md +16 -0
- package/cjs/lib/components/tabs-bar.wrapper.cjs +3 -3
- package/cjs/lib/components/tabs.wrapper.cjs +3 -3
- package/emotion/package.json +1 -8
- package/esm/hooks.mjs +1 -1
- package/esm/lib/components/accordion.wrapper.d.ts +8 -8
- package/esm/lib/components/banner.wrapper.d.ts +16 -16
- package/esm/lib/components/button-pure.wrapper.d.ts +32 -32
- package/esm/lib/components/button-tile.wrapper.d.ts +28 -28
- package/esm/lib/components/button.wrapper.d.ts +24 -24
- package/esm/lib/components/canvas.wrapper.d.ts +10 -10
- package/esm/lib/components/carousel.wrapper.d.ts +34 -34
- package/esm/lib/components/checkbox.wrapper.d.ts +30 -30
- package/esm/lib/components/crest.wrapper.d.ts +6 -6
- package/esm/lib/components/display.wrapper.d.ts +10 -10
- package/esm/lib/components/divider.wrapper.d.ts +4 -4
- package/esm/lib/components/drilldown-item.wrapper.d.ts +4 -4
- package/esm/lib/components/drilldown-link.wrapper.d.ts +12 -12
- package/esm/lib/components/drilldown.wrapper.d.ts +10 -10
- package/esm/lib/components/fieldset.wrapper.d.ts +12 -12
- package/esm/lib/components/flyout.wrapper.d.ts +20 -20
- package/esm/lib/components/heading.wrapper.d.ts +14 -14
- package/esm/lib/components/icon.wrapper.d.ts +10 -10
- package/esm/lib/components/inline-notification.wrapper.d.ts +20 -20
- package/esm/lib/components/input-date.wrapper.d.ts +40 -40
- package/esm/lib/components/input-email.wrapper.d.ts +46 -46
- package/esm/lib/components/input-month.wrapper.d.ts +40 -40
- package/esm/lib/components/input-number.wrapper.d.ts +38 -38
- package/esm/lib/components/input-password.wrapper.d.ts +36 -36
- package/esm/lib/components/input-search.wrapper.d.ts +44 -44
- package/esm/lib/components/input-tel.wrapper.d.ts +44 -44
- package/esm/lib/components/input-text.wrapper.d.ts +44 -44
- package/esm/lib/components/input-time.wrapper.d.ts +40 -40
- package/esm/lib/components/input-url.wrapper.d.ts +44 -44
- package/esm/lib/components/input-week.wrapper.d.ts +40 -40
- package/esm/lib/components/link-pure.wrapper.d.ts +28 -28
- package/esm/lib/components/link-tile-product.wrapper.d.ts +22 -22
- package/esm/lib/components/link-tile.wrapper.d.ts +26 -26
- package/esm/lib/components/link.wrapper.d.ts +20 -20
- package/esm/lib/components/modal.wrapper.d.ts +20 -20
- package/esm/lib/components/model-signature.wrapper.d.ts +12 -12
- package/esm/lib/components/multi-select-option.wrapper.d.ts +4 -4
- package/esm/lib/components/multi-select.wrapper.d.ts +28 -28
- package/esm/lib/components/optgroup.wrapper.d.ts +4 -4
- package/esm/lib/components/pagination.wrapper.d.ts +12 -12
- package/esm/lib/components/pin-code.wrapper.d.ts +32 -32
- package/esm/lib/components/popover.wrapper.d.ts +6 -6
- package/esm/lib/components/radio-group-option.wrapper.d.ts +8 -8
- package/esm/lib/components/radio-group.wrapper.d.ts +30 -30
- package/esm/lib/components/scroller.wrapper.d.ts +6 -6
- package/esm/lib/components/segmented-control-item.wrapper.d.ts +12 -12
- package/esm/lib/components/segmented-control.wrapper.d.ts +30 -30
- package/esm/lib/components/select-option.wrapper.d.ts +4 -4
- package/esm/lib/components/select.wrapper.d.ts +30 -30
- package/esm/lib/components/sheet.wrapper.d.ts +16 -16
- package/esm/lib/components/spinner.wrapper.d.ts +6 -6
- package/esm/lib/components/stepper-horizontal-item.wrapper.d.ts +2 -2
- package/esm/lib/components/stepper-horizontal.wrapper.d.ts +2 -2
- package/esm/lib/components/switch.wrapper.d.ts +16 -16
- package/esm/lib/components/table-head-cell.wrapper.d.ts +6 -6
- package/esm/lib/components/table.wrapper.d.ts +10 -10
- package/esm/lib/components/tabs-bar.wrapper.d.ts +19 -11
- package/esm/lib/components/tabs-bar.wrapper.mjs +3 -3
- package/esm/lib/components/tabs-item.wrapper.d.ts +2 -2
- package/esm/lib/components/tabs.wrapper.d.ts +19 -11
- package/esm/lib/components/tabs.wrapper.mjs +3 -3
- package/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
- package/esm/lib/components/tag.wrapper.d.ts +8 -8
- package/esm/lib/components/text-list.wrapper.d.ts +2 -2
- package/esm/lib/components/textarea.wrapper.d.ts +48 -48
- package/esm/lib/components/wordmark.wrapper.d.ts +8 -8
- package/esm/lib/types.d.ts +13 -1
- package/package.json +6 -6
- package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +179 -431
- package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +40 -71
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.cjs +2 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/sheet.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.cjs +7 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.cjs +2 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea.cjs +1 -1
- package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +179 -431
- package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +40 -71
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/hooks.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/crest.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flag.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/icon.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.mjs +3 -3
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs +2 -2
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.mjs +3 -3
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/sheet.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.mjs +8 -3
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.mjs +2 -2
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea.mjs +1 -1
- package/ssr/esm/lib/components/accordion.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/banner.wrapper.d.ts +16 -16
- package/ssr/esm/lib/components/button-pure.wrapper.d.ts +32 -32
- package/ssr/esm/lib/components/button-tile.wrapper.d.ts +28 -28
- package/ssr/esm/lib/components/button.wrapper.d.ts +24 -24
- package/ssr/esm/lib/components/canvas.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/carousel.wrapper.d.ts +34 -34
- package/ssr/esm/lib/components/checkbox.wrapper.d.ts +30 -30
- package/ssr/esm/lib/components/crest.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/display.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/divider.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/drilldown-item.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/drilldown-link.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/drilldown.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/fieldset.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/flyout.wrapper.d.ts +20 -20
- package/ssr/esm/lib/components/heading.wrapper.d.ts +14 -14
- package/ssr/esm/lib/components/icon.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/inline-notification.wrapper.d.ts +20 -20
- package/ssr/esm/lib/components/input-date.wrapper.d.ts +40 -40
- package/ssr/esm/lib/components/input-email.wrapper.d.ts +46 -46
- package/ssr/esm/lib/components/input-month.wrapper.d.ts +40 -40
- package/ssr/esm/lib/components/input-number.wrapper.d.ts +38 -38
- package/ssr/esm/lib/components/input-password.wrapper.d.ts +36 -36
- package/ssr/esm/lib/components/input-search.wrapper.d.ts +44 -44
- package/ssr/esm/lib/components/input-tel.wrapper.d.ts +44 -44
- package/ssr/esm/lib/components/input-text.wrapper.d.ts +44 -44
- package/ssr/esm/lib/components/input-time.wrapper.d.ts +40 -40
- package/ssr/esm/lib/components/input-url.wrapper.d.ts +44 -44
- package/ssr/esm/lib/components/input-week.wrapper.d.ts +40 -40
- package/ssr/esm/lib/components/link-pure.wrapper.d.ts +28 -28
- package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts +22 -22
- package/ssr/esm/lib/components/link-tile.wrapper.d.ts +26 -26
- package/ssr/esm/lib/components/link.wrapper.d.ts +20 -20
- package/ssr/esm/lib/components/modal.wrapper.d.ts +20 -20
- package/ssr/esm/lib/components/model-signature.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/multi-select-option.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/multi-select.wrapper.d.ts +28 -28
- package/ssr/esm/lib/components/optgroup.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/pagination.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/pin-code.wrapper.d.ts +32 -32
- package/ssr/esm/lib/components/popover.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/radio-group-option.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/radio-group.wrapper.d.ts +30 -30
- package/ssr/esm/lib/components/scroller.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/segmented-control-item.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/segmented-control.wrapper.d.ts +30 -30
- package/ssr/esm/lib/components/select-option.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/select.wrapper.d.ts +30 -30
- package/ssr/esm/lib/components/sheet.wrapper.d.ts +16 -16
- package/ssr/esm/lib/components/spinner.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/stepper-horizontal-item.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/stepper-horizontal.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/switch.wrapper.d.ts +16 -16
- package/ssr/esm/lib/components/table-head-cell.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/table.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +19 -11
- package/ssr/esm/lib/components/tabs-item.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/tabs.wrapper.d.ts +19 -11
- package/ssr/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/tag.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/text-list.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/textarea.wrapper.d.ts +48 -48
- package/ssr/esm/lib/components/wordmark.wrapper.d.ts +8 -8
- package/ssr/esm/lib/dsr-components/popover.d.ts +1 -1
- package/ssr/esm/lib/types.d.ts +13 -1
- package/tailwindcss/index.css +57 -75
- package/vanilla-extract/package.json +1 -8
|
@@ -18,12 +18,12 @@ class DSRTabs extends react.Component {
|
|
|
18
18
|
tabsItems = [];
|
|
19
19
|
slot;
|
|
20
20
|
render() {
|
|
21
|
-
const { children,
|
|
21
|
+
const { children, otherChildren } = splitChildren.splitChildren(this.props.children);
|
|
22
22
|
const manipulatedChildren = children.map((child, i) => typeof child === 'object' && 'props' in child && otherChildren.includes(child)
|
|
23
23
|
? { ...child, props: { ...child.props, theme: this.props.theme, hidden: this.props.activeTabIndex !== i ? true : null } }
|
|
24
24
|
: child);
|
|
25
25
|
const style = minifyCss.minifyCss(stylesEntry.getTabsCss());
|
|
26
|
-
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(tabsBar_wrapper.PTabsBar, { className: "root", size: this.props.size, background: this.props.background, compact: this.props.compact, activeTabIndex: this.props.activeTabIndex, children: otherChildren.map((tab, index) => (jsxRuntime.jsx("button", { type: "button", children: typeof tab === 'object' && 'props' in tab && tab.props.label }, index))) }), jsxRuntime.jsx("slot", {})] })] }), manipulatedChildren] }));
|
|
26
|
+
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(tabsBar_wrapper.PTabsBar, { className: "root", size: this.props.size, background: this.props.background, compact: this.props.compact, activeTabIndex: this.props.activeTabIndex, aria: this.props.aria, children: otherChildren.map((tab, index) => (jsxRuntime.jsx("button", { type: "button", children: typeof tab === 'object' && 'props' in tab && tab.props.label }, index))) }), jsxRuntime.jsx("slot", {})] })] }), manipulatedChildren] }));
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea.cjs
CHANGED
|
@@ -35,7 +35,7 @@ class DSRTextarea extends react.Component {
|
|
|
35
35
|
formStateRestoreCallback() {
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
const {
|
|
38
|
+
const { namedSlotChildren} = splitChildren.splitChildren(this.props.children);
|
|
39
39
|
const id = 'textarea';
|
|
40
40
|
const textareaDescriptionId = (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) ? utilsEntry.descriptionId : undefined;
|
|
41
41
|
const textareaMessageId = (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) ? stateMessage.messageId : undefined;
|