@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.
Files changed (202) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/cjs/lib/components/tabs-bar.wrapper.cjs +3 -3
  3. package/cjs/lib/components/tabs.wrapper.cjs +3 -3
  4. package/emotion/package.json +1 -8
  5. package/esm/hooks.mjs +1 -1
  6. package/esm/lib/components/accordion.wrapper.d.ts +8 -8
  7. package/esm/lib/components/banner.wrapper.d.ts +16 -16
  8. package/esm/lib/components/button-pure.wrapper.d.ts +32 -32
  9. package/esm/lib/components/button-tile.wrapper.d.ts +28 -28
  10. package/esm/lib/components/button.wrapper.d.ts +24 -24
  11. package/esm/lib/components/canvas.wrapper.d.ts +10 -10
  12. package/esm/lib/components/carousel.wrapper.d.ts +34 -34
  13. package/esm/lib/components/checkbox.wrapper.d.ts +30 -30
  14. package/esm/lib/components/crest.wrapper.d.ts +6 -6
  15. package/esm/lib/components/display.wrapper.d.ts +10 -10
  16. package/esm/lib/components/divider.wrapper.d.ts +4 -4
  17. package/esm/lib/components/drilldown-item.wrapper.d.ts +4 -4
  18. package/esm/lib/components/drilldown-link.wrapper.d.ts +12 -12
  19. package/esm/lib/components/drilldown.wrapper.d.ts +10 -10
  20. package/esm/lib/components/fieldset.wrapper.d.ts +12 -12
  21. package/esm/lib/components/flyout.wrapper.d.ts +20 -20
  22. package/esm/lib/components/heading.wrapper.d.ts +14 -14
  23. package/esm/lib/components/icon.wrapper.d.ts +10 -10
  24. package/esm/lib/components/inline-notification.wrapper.d.ts +20 -20
  25. package/esm/lib/components/input-date.wrapper.d.ts +40 -40
  26. package/esm/lib/components/input-email.wrapper.d.ts +46 -46
  27. package/esm/lib/components/input-month.wrapper.d.ts +40 -40
  28. package/esm/lib/components/input-number.wrapper.d.ts +38 -38
  29. package/esm/lib/components/input-password.wrapper.d.ts +36 -36
  30. package/esm/lib/components/input-search.wrapper.d.ts +44 -44
  31. package/esm/lib/components/input-tel.wrapper.d.ts +44 -44
  32. package/esm/lib/components/input-text.wrapper.d.ts +44 -44
  33. package/esm/lib/components/input-time.wrapper.d.ts +40 -40
  34. package/esm/lib/components/input-url.wrapper.d.ts +44 -44
  35. package/esm/lib/components/input-week.wrapper.d.ts +40 -40
  36. package/esm/lib/components/link-pure.wrapper.d.ts +28 -28
  37. package/esm/lib/components/link-tile-product.wrapper.d.ts +22 -22
  38. package/esm/lib/components/link-tile.wrapper.d.ts +26 -26
  39. package/esm/lib/components/link.wrapper.d.ts +20 -20
  40. package/esm/lib/components/modal.wrapper.d.ts +20 -20
  41. package/esm/lib/components/model-signature.wrapper.d.ts +12 -12
  42. package/esm/lib/components/multi-select-option.wrapper.d.ts +4 -4
  43. package/esm/lib/components/multi-select.wrapper.d.ts +28 -28
  44. package/esm/lib/components/optgroup.wrapper.d.ts +4 -4
  45. package/esm/lib/components/pagination.wrapper.d.ts +12 -12
  46. package/esm/lib/components/pin-code.wrapper.d.ts +32 -32
  47. package/esm/lib/components/popover.wrapper.d.ts +6 -6
  48. package/esm/lib/components/radio-group-option.wrapper.d.ts +8 -8
  49. package/esm/lib/components/radio-group.wrapper.d.ts +30 -30
  50. package/esm/lib/components/scroller.wrapper.d.ts +6 -6
  51. package/esm/lib/components/segmented-control-item.wrapper.d.ts +12 -12
  52. package/esm/lib/components/segmented-control.wrapper.d.ts +30 -30
  53. package/esm/lib/components/select-option.wrapper.d.ts +4 -4
  54. package/esm/lib/components/select.wrapper.d.ts +30 -30
  55. package/esm/lib/components/sheet.wrapper.d.ts +16 -16
  56. package/esm/lib/components/spinner.wrapper.d.ts +6 -6
  57. package/esm/lib/components/stepper-horizontal-item.wrapper.d.ts +2 -2
  58. package/esm/lib/components/stepper-horizontal.wrapper.d.ts +2 -2
  59. package/esm/lib/components/switch.wrapper.d.ts +16 -16
  60. package/esm/lib/components/table-head-cell.wrapper.d.ts +6 -6
  61. package/esm/lib/components/table.wrapper.d.ts +10 -10
  62. package/esm/lib/components/tabs-bar.wrapper.d.ts +19 -11
  63. package/esm/lib/components/tabs-bar.wrapper.mjs +3 -3
  64. package/esm/lib/components/tabs-item.wrapper.d.ts +2 -2
  65. package/esm/lib/components/tabs.wrapper.d.ts +19 -11
  66. package/esm/lib/components/tabs.wrapper.mjs +3 -3
  67. package/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
  68. package/esm/lib/components/tag.wrapper.d.ts +8 -8
  69. package/esm/lib/components/text-list.wrapper.d.ts +2 -2
  70. package/esm/lib/components/textarea.wrapper.d.ts +48 -48
  71. package/esm/lib/components/wordmark.wrapper.d.ts +8 -8
  72. package/esm/lib/types.d.ts +13 -1
  73. package/package.json +6 -6
  74. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +179 -431
  75. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +40 -71
  76. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.cjs +4 -4
  77. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.cjs +4 -4
  78. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.cjs +1 -1
  79. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.cjs +1 -1
  80. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.cjs +1 -1
  81. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +1 -1
  82. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.cjs +1 -1
  83. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.cjs +1 -1
  84. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset.cjs +1 -1
  85. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.cjs +1 -1
  86. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.cjs +1 -1
  87. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.cjs +1 -1
  88. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.cjs +1 -1
  89. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.cjs +1 -1
  90. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.cjs +2 -2
  91. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.cjs +1 -1
  92. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.cjs +1 -1
  93. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.cjs +1 -1
  94. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.cjs +1 -1
  95. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/sheet.cjs +1 -1
  96. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.cjs +1 -1
  97. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.cjs +1 -1
  98. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.cjs +7 -2
  99. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.cjs +2 -2
  100. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea.cjs +1 -1
  101. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +179 -431
  102. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +40 -71
  103. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/hooks.mjs +1 -1
  104. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.mjs +4 -4
  105. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.mjs +4 -4
  106. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.mjs +1 -1
  107. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.mjs +1 -1
  108. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.mjs +1 -1
  109. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.mjs +1 -1
  110. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +1 -1
  111. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.mjs +1 -1
  112. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/crest.mjs +1 -1
  113. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.mjs +1 -1
  114. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset.mjs +1 -1
  115. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flag.mjs +1 -1
  116. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.mjs +1 -1
  117. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/icon.mjs +1 -1
  118. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.mjs +1 -1
  119. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.mjs +1 -1
  120. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs +1 -1
  121. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.mjs +1 -1
  122. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.mjs +3 -3
  123. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs +2 -2
  124. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.mjs +3 -3
  125. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.mjs +1 -1
  126. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.mjs +1 -1
  127. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control.mjs +1 -1
  128. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.mjs +1 -1
  129. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/sheet.mjs +1 -1
  130. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.mjs +1 -1
  131. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.mjs +1 -1
  132. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.mjs +8 -3
  133. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.mjs +2 -2
  134. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea.mjs +1 -1
  135. package/ssr/esm/lib/components/accordion.wrapper.d.ts +8 -8
  136. package/ssr/esm/lib/components/banner.wrapper.d.ts +16 -16
  137. package/ssr/esm/lib/components/button-pure.wrapper.d.ts +32 -32
  138. package/ssr/esm/lib/components/button-tile.wrapper.d.ts +28 -28
  139. package/ssr/esm/lib/components/button.wrapper.d.ts +24 -24
  140. package/ssr/esm/lib/components/canvas.wrapper.d.ts +10 -10
  141. package/ssr/esm/lib/components/carousel.wrapper.d.ts +34 -34
  142. package/ssr/esm/lib/components/checkbox.wrapper.d.ts +30 -30
  143. package/ssr/esm/lib/components/crest.wrapper.d.ts +6 -6
  144. package/ssr/esm/lib/components/display.wrapper.d.ts +10 -10
  145. package/ssr/esm/lib/components/divider.wrapper.d.ts +4 -4
  146. package/ssr/esm/lib/components/drilldown-item.wrapper.d.ts +4 -4
  147. package/ssr/esm/lib/components/drilldown-link.wrapper.d.ts +12 -12
  148. package/ssr/esm/lib/components/drilldown.wrapper.d.ts +10 -10
  149. package/ssr/esm/lib/components/fieldset.wrapper.d.ts +12 -12
  150. package/ssr/esm/lib/components/flyout.wrapper.d.ts +20 -20
  151. package/ssr/esm/lib/components/heading.wrapper.d.ts +14 -14
  152. package/ssr/esm/lib/components/icon.wrapper.d.ts +10 -10
  153. package/ssr/esm/lib/components/inline-notification.wrapper.d.ts +20 -20
  154. package/ssr/esm/lib/components/input-date.wrapper.d.ts +40 -40
  155. package/ssr/esm/lib/components/input-email.wrapper.d.ts +46 -46
  156. package/ssr/esm/lib/components/input-month.wrapper.d.ts +40 -40
  157. package/ssr/esm/lib/components/input-number.wrapper.d.ts +38 -38
  158. package/ssr/esm/lib/components/input-password.wrapper.d.ts +36 -36
  159. package/ssr/esm/lib/components/input-search.wrapper.d.ts +44 -44
  160. package/ssr/esm/lib/components/input-tel.wrapper.d.ts +44 -44
  161. package/ssr/esm/lib/components/input-text.wrapper.d.ts +44 -44
  162. package/ssr/esm/lib/components/input-time.wrapper.d.ts +40 -40
  163. package/ssr/esm/lib/components/input-url.wrapper.d.ts +44 -44
  164. package/ssr/esm/lib/components/input-week.wrapper.d.ts +40 -40
  165. package/ssr/esm/lib/components/link-pure.wrapper.d.ts +28 -28
  166. package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts +22 -22
  167. package/ssr/esm/lib/components/link-tile.wrapper.d.ts +26 -26
  168. package/ssr/esm/lib/components/link.wrapper.d.ts +20 -20
  169. package/ssr/esm/lib/components/modal.wrapper.d.ts +20 -20
  170. package/ssr/esm/lib/components/model-signature.wrapper.d.ts +12 -12
  171. package/ssr/esm/lib/components/multi-select-option.wrapper.d.ts +4 -4
  172. package/ssr/esm/lib/components/multi-select.wrapper.d.ts +28 -28
  173. package/ssr/esm/lib/components/optgroup.wrapper.d.ts +4 -4
  174. package/ssr/esm/lib/components/pagination.wrapper.d.ts +12 -12
  175. package/ssr/esm/lib/components/pin-code.wrapper.d.ts +32 -32
  176. package/ssr/esm/lib/components/popover.wrapper.d.ts +6 -6
  177. package/ssr/esm/lib/components/radio-group-option.wrapper.d.ts +8 -8
  178. package/ssr/esm/lib/components/radio-group.wrapper.d.ts +30 -30
  179. package/ssr/esm/lib/components/scroller.wrapper.d.ts +6 -6
  180. package/ssr/esm/lib/components/segmented-control-item.wrapper.d.ts +12 -12
  181. package/ssr/esm/lib/components/segmented-control.wrapper.d.ts +30 -30
  182. package/ssr/esm/lib/components/select-option.wrapper.d.ts +4 -4
  183. package/ssr/esm/lib/components/select.wrapper.d.ts +30 -30
  184. package/ssr/esm/lib/components/sheet.wrapper.d.ts +16 -16
  185. package/ssr/esm/lib/components/spinner.wrapper.d.ts +6 -6
  186. package/ssr/esm/lib/components/stepper-horizontal-item.wrapper.d.ts +2 -2
  187. package/ssr/esm/lib/components/stepper-horizontal.wrapper.d.ts +2 -2
  188. package/ssr/esm/lib/components/switch.wrapper.d.ts +16 -16
  189. package/ssr/esm/lib/components/table-head-cell.wrapper.d.ts +6 -6
  190. package/ssr/esm/lib/components/table.wrapper.d.ts +10 -10
  191. package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +19 -11
  192. package/ssr/esm/lib/components/tabs-item.wrapper.d.ts +2 -2
  193. package/ssr/esm/lib/components/tabs.wrapper.d.ts +19 -11
  194. package/ssr/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
  195. package/ssr/esm/lib/components/tag.wrapper.d.ts +8 -8
  196. package/ssr/esm/lib/components/text-list.wrapper.d.ts +2 -2
  197. package/ssr/esm/lib/components/textarea.wrapper.d.ts +48 -48
  198. package/ssr/esm/lib/components/wordmark.wrapper.d.ts +8 -8
  199. package/ssr/esm/lib/dsr-components/popover.d.ts +1 -1
  200. package/ssr/esm/lib/types.d.ts +13 -1
  201. package/tailwindcss/index.css +57 -75
  202. 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, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.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
 
@@ -35,7 +35,7 @@ class DSRTextarea extends react.Component {
35
35
  formStateRestoreCallback() {
36
36
  }
37
37
  render() {
38
- const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
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;