@porsche-design-system/components-react 4.0.0-beta.1 → 4.0.0-beta.3

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 (214) hide show
  1. package/CHANGELOG.md +377 -7
  2. package/cjs/lib/components/button-pure.wrapper.cjs +3 -3
  3. package/cjs/lib/components/display.wrapper.cjs +1 -0
  4. package/cjs/lib/components/flag.wrapper.cjs +1 -1
  5. package/cjs/lib/components/heading.wrapper.cjs +3 -3
  6. package/cjs/lib/components/icon.wrapper.cjs +1 -1
  7. package/cjs/lib/components/link-pure.wrapper.cjs +3 -3
  8. package/cjs/lib/components/scroller.wrapper.cjs +3 -3
  9. package/cjs/lib/components/spinner.wrapper.cjs +3 -3
  10. package/cjs/lib/components/table.wrapper.cjs +3 -3
  11. package/cjs/lib/components/tabs-bar.wrapper.cjs +3 -3
  12. package/cjs/lib/components/tabs.wrapper.cjs +3 -3
  13. package/cjs/lib/components/text.wrapper.cjs +1 -1
  14. package/esm/lib/components/accordion.wrapper.d.ts +8 -8
  15. package/esm/lib/components/button-pure.wrapper.d.ts +15 -7
  16. package/esm/lib/components/button-pure.wrapper.mjs +3 -3
  17. package/esm/lib/components/button-tile.wrapper.d.ts +2 -2
  18. package/esm/lib/components/button.wrapper.d.ts +6 -6
  19. package/esm/lib/components/carousel.wrapper.d.ts +10 -10
  20. package/esm/lib/components/checkbox.wrapper.d.ts +6 -6
  21. package/esm/lib/components/crest.wrapper.d.ts +6 -6
  22. package/esm/lib/components/display.wrapper.d.ts +1 -0
  23. package/esm/lib/components/display.wrapper.mjs +1 -0
  24. package/esm/lib/components/drilldown-link.wrapper.d.ts +8 -8
  25. package/esm/lib/components/drilldown.wrapper.d.ts +8 -8
  26. package/esm/lib/components/fieldset.wrapper.d.ts +6 -6
  27. package/esm/lib/components/flag.wrapper.d.ts +5 -5
  28. package/esm/lib/components/flag.wrapper.mjs +1 -1
  29. package/esm/lib/components/flyout.wrapper.d.ts +2 -2
  30. package/esm/lib/components/heading.wrapper.d.ts +19 -11
  31. package/esm/lib/components/heading.wrapper.mjs +3 -3
  32. package/esm/lib/components/icon.wrapper.d.ts +7 -7
  33. package/esm/lib/components/icon.wrapper.mjs +1 -1
  34. package/esm/lib/components/input-date.wrapper.d.ts +12 -12
  35. package/esm/lib/components/input-email.wrapper.d.ts +8 -8
  36. package/esm/lib/components/input-month.wrapper.d.ts +12 -12
  37. package/esm/lib/components/input-number.wrapper.d.ts +8 -8
  38. package/esm/lib/components/input-password.wrapper.d.ts +6 -6
  39. package/esm/lib/components/input-search.wrapper.d.ts +6 -6
  40. package/esm/lib/components/input-tel.wrapper.d.ts +6 -6
  41. package/esm/lib/components/input-text.wrapper.d.ts +6 -6
  42. package/esm/lib/components/input-time.wrapper.d.ts +14 -14
  43. package/esm/lib/components/input-url.wrapper.d.ts +16 -16
  44. package/esm/lib/components/input-week.wrapper.d.ts +14 -14
  45. package/esm/lib/components/link-pure.wrapper.d.ts +23 -15
  46. package/esm/lib/components/link-pure.wrapper.mjs +3 -3
  47. package/esm/lib/components/link-tile-product.wrapper.d.ts +8 -8
  48. package/esm/lib/components/link-tile.wrapper.d.ts +8 -8
  49. package/esm/lib/components/link.wrapper.d.ts +14 -14
  50. package/esm/lib/components/modal.wrapper.d.ts +2 -2
  51. package/esm/lib/components/model-signature.wrapper.d.ts +2 -2
  52. package/esm/lib/components/multi-select.wrapper.d.ts +10 -10
  53. package/esm/lib/components/pin-code.wrapper.d.ts +8 -8
  54. package/esm/lib/components/popover.wrapper.d.ts +6 -6
  55. package/esm/lib/components/radio-group-option.wrapper.d.ts +2 -2
  56. package/esm/lib/components/radio-group.wrapper.d.ts +8 -8
  57. package/esm/lib/components/scroller.wrapper.d.ts +20 -4
  58. package/esm/lib/components/scroller.wrapper.mjs +3 -3
  59. package/esm/lib/components/segmented-control-item.wrapper.d.ts +4 -4
  60. package/esm/lib/components/segmented-control.wrapper.d.ts +4 -4
  61. package/esm/lib/components/select.wrapper.d.ts +10 -10
  62. package/esm/lib/components/sheet.wrapper.d.ts +2 -2
  63. package/esm/lib/components/spinner.wrapper.d.ts +13 -5
  64. package/esm/lib/components/spinner.wrapper.mjs +3 -3
  65. package/esm/lib/components/switch.wrapper.d.ts +6 -6
  66. package/esm/lib/components/table-cell.wrapper.d.ts +2 -2
  67. package/esm/lib/components/table-head-cell.wrapper.d.ts +4 -4
  68. package/esm/lib/components/table.wrapper.d.ts +10 -2
  69. package/esm/lib/components/table.wrapper.mjs +3 -3
  70. package/esm/lib/components/tabs-bar.wrapper.d.ts +21 -5
  71. package/esm/lib/components/tabs-bar.wrapper.mjs +3 -3
  72. package/esm/lib/components/tabs.wrapper.d.ts +21 -5
  73. package/esm/lib/components/tabs.wrapper.mjs +3 -3
  74. package/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
  75. package/esm/lib/components/tag.wrapper.d.ts +2 -2
  76. package/esm/lib/components/text.wrapper.d.ts +12 -12
  77. package/esm/lib/components/text.wrapper.mjs +1 -1
  78. package/esm/lib/components/textarea.wrapper.d.ts +6 -6
  79. package/esm/lib/components/wordmark.wrapper.d.ts +8 -8
  80. package/esm/lib/types.d.ts +356 -157
  81. package/global-styles/cn/index.css +3 -7
  82. package/global-styles/index.css +3 -7
  83. package/global-styles/variables.css +3 -7
  84. package/package.json +6 -2
  85. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +641 -533
  86. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +20 -19
  87. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.cjs +4 -4
  88. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.cjs +1 -0
  89. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flag.wrapper.cjs +1 -1
  90. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.cjs +4 -4
  91. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.cjs +1 -1
  92. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.cjs +4 -4
  93. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/scroller.wrapper.cjs +4 -4
  94. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.cjs +4 -4
  95. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/table.wrapper.cjs +4 -4
  96. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.cjs +4 -4
  97. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.cjs +4 -4
  98. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/text.wrapper.cjs +1 -1
  99. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.cjs +3 -2
  100. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +2 -2
  101. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.cjs +1 -1
  102. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/display.cjs +2 -0
  103. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.cjs +2 -2
  104. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.cjs +1 -1
  105. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/heading.cjs +1 -1
  106. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/input-base.cjs +1 -1
  107. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.cjs +1 -1
  108. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group-option.cjs +1 -1
  109. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.cjs +1 -1
  110. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.cjs +8 -12
  111. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-option.cjs +1 -1
  112. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/spinner.cjs +2 -2
  113. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.cjs +3 -2
  114. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.cjs +1 -1
  115. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.cjs +1 -1
  116. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.cjs +8 -8
  117. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.cjs +3 -2
  118. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +641 -533
  119. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +21 -18
  120. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.mjs +4 -4
  121. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.mjs +1 -0
  122. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/flag.wrapper.mjs +1 -1
  123. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.mjs +4 -4
  124. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.mjs +1 -1
  125. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.mjs +4 -4
  126. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/scroller.wrapper.mjs +4 -4
  127. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.mjs +4 -4
  128. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table.wrapper.mjs +4 -4
  129. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.mjs +4 -4
  130. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.mjs +4 -4
  131. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/text.wrapper.mjs +1 -1
  132. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.mjs +3 -2
  133. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +2 -2
  134. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.mjs +1 -1
  135. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/display.mjs +2 -0
  136. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.mjs +2 -2
  137. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.mjs +1 -1
  138. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/heading.mjs +1 -1
  139. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/input-base.mjs +1 -1
  140. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.mjs +1 -1
  141. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group-option.mjs +1 -1
  142. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.mjs +1 -1
  143. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.mjs +9 -13
  144. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-option.mjs +1 -1
  145. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/spinner.mjs +2 -2
  146. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.mjs +3 -2
  147. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.mjs +1 -1
  148. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.mjs +1 -1
  149. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.mjs +8 -8
  150. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.mjs +3 -2
  151. package/ssr/esm/lib/components/accordion.wrapper.d.ts +8 -8
  152. package/ssr/esm/lib/components/button-pure.wrapper.d.ts +15 -7
  153. package/ssr/esm/lib/components/button-tile.wrapper.d.ts +2 -2
  154. package/ssr/esm/lib/components/button.wrapper.d.ts +6 -6
  155. package/ssr/esm/lib/components/carousel.wrapper.d.ts +10 -10
  156. package/ssr/esm/lib/components/checkbox.wrapper.d.ts +6 -6
  157. package/ssr/esm/lib/components/crest.wrapper.d.ts +6 -6
  158. package/ssr/esm/lib/components/display.wrapper.d.ts +1 -0
  159. package/ssr/esm/lib/components/drilldown-link.wrapper.d.ts +8 -8
  160. package/ssr/esm/lib/components/drilldown.wrapper.d.ts +8 -8
  161. package/ssr/esm/lib/components/fieldset.wrapper.d.ts +6 -6
  162. package/ssr/esm/lib/components/flag.wrapper.d.ts +5 -5
  163. package/ssr/esm/lib/components/flyout.wrapper.d.ts +2 -2
  164. package/ssr/esm/lib/components/heading.wrapper.d.ts +19 -11
  165. package/ssr/esm/lib/components/icon.wrapper.d.ts +7 -7
  166. package/ssr/esm/lib/components/input-date.wrapper.d.ts +12 -12
  167. package/ssr/esm/lib/components/input-email.wrapper.d.ts +8 -8
  168. package/ssr/esm/lib/components/input-month.wrapper.d.ts +12 -12
  169. package/ssr/esm/lib/components/input-number.wrapper.d.ts +8 -8
  170. package/ssr/esm/lib/components/input-password.wrapper.d.ts +6 -6
  171. package/ssr/esm/lib/components/input-search.wrapper.d.ts +6 -6
  172. package/ssr/esm/lib/components/input-tel.wrapper.d.ts +6 -6
  173. package/ssr/esm/lib/components/input-text.wrapper.d.ts +6 -6
  174. package/ssr/esm/lib/components/input-time.wrapper.d.ts +14 -14
  175. package/ssr/esm/lib/components/input-url.wrapper.d.ts +16 -16
  176. package/ssr/esm/lib/components/input-week.wrapper.d.ts +14 -14
  177. package/ssr/esm/lib/components/link-pure.wrapper.d.ts +23 -15
  178. package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts +8 -8
  179. package/ssr/esm/lib/components/link-tile.wrapper.d.ts +8 -8
  180. package/ssr/esm/lib/components/link.wrapper.d.ts +14 -14
  181. package/ssr/esm/lib/components/modal.wrapper.d.ts +2 -2
  182. package/ssr/esm/lib/components/model-signature.wrapper.d.ts +2 -2
  183. package/ssr/esm/lib/components/multi-select.wrapper.d.ts +10 -10
  184. package/ssr/esm/lib/components/pin-code.wrapper.d.ts +8 -8
  185. package/ssr/esm/lib/components/popover.wrapper.d.ts +6 -6
  186. package/ssr/esm/lib/components/radio-group-option.wrapper.d.ts +2 -2
  187. package/ssr/esm/lib/components/radio-group.wrapper.d.ts +8 -8
  188. package/ssr/esm/lib/components/scroller.wrapper.d.ts +20 -4
  189. package/ssr/esm/lib/components/segmented-control-item.wrapper.d.ts +4 -4
  190. package/ssr/esm/lib/components/segmented-control.wrapper.d.ts +4 -4
  191. package/ssr/esm/lib/components/select.wrapper.d.ts +10 -10
  192. package/ssr/esm/lib/components/sheet.wrapper.d.ts +2 -2
  193. package/ssr/esm/lib/components/spinner.wrapper.d.ts +13 -5
  194. package/ssr/esm/lib/components/switch.wrapper.d.ts +6 -6
  195. package/ssr/esm/lib/components/table-cell.wrapper.d.ts +2 -2
  196. package/ssr/esm/lib/components/table-head-cell.wrapper.d.ts +4 -4
  197. package/ssr/esm/lib/components/table.wrapper.d.ts +10 -2
  198. package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +21 -5
  199. package/ssr/esm/lib/components/tabs.wrapper.d.ts +21 -5
  200. package/ssr/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
  201. package/ssr/esm/lib/components/tag.wrapper.d.ts +2 -2
  202. package/ssr/esm/lib/components/text.wrapper.d.ts +12 -12
  203. package/ssr/esm/lib/components/textarea.wrapper.d.ts +6 -6
  204. package/ssr/esm/lib/components/wordmark.wrapper.d.ts +8 -8
  205. package/ssr/esm/lib/dsr-components/carousel.d.ts +2 -2
  206. package/ssr/esm/lib/dsr-components/display.d.ts +2 -0
  207. package/ssr/esm/lib/dsr-components/drilldown-item.d.ts +2 -2
  208. package/ssr/esm/lib/dsr-components/flyout.d.ts +1 -1
  209. package/ssr/esm/lib/dsr-components/scroller.d.ts +5 -3
  210. package/ssr/esm/lib/dsr-components/stepper-horizontal.d.ts +3 -2
  211. package/ssr/esm/lib/dsr-components/tabs-bar.d.ts +6 -6
  212. package/ssr/esm/lib/dsr-components/tabs.d.ts +2 -1
  213. package/ssr/esm/lib/types.d.ts +356 -157
  214. package/tailwindcss/index.css +19 -4
@@ -121,13 +121,9 @@
121
121
  --p-typescale-lg: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
122
122
  --p-typescale-xl: clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem);
123
123
  --p-typescale-2xl: clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem);
124
-
125
- --p-breakpoint-xs: 480px;
126
- --p-breakpoint-sm: 760px;
127
- --p-breakpoint-md: 1000px;
128
- --p-breakpoint-lg: 1300px;
129
- --p-breakpoint-xl: 1760px;
130
- --p-breakpoint-2xl: 1920px;
124
+ --p-typescale-3xl: clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem);
125
+ --p-typescale-4xl: clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem);
126
+ --p-typescale-5xl: clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem);
131
127
 
132
128
  --p-spacing-fluid-xs: clamp(4px, 0.25vw + 3px, 8px);
133
129
  --p-spacing-fluid-sm: clamp(8px, 0.5vw + 6px, 16px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@porsche-design-system/components-react",
3
- "version": "4.0.0-beta.1",
3
+ "version": "4.0.0-beta.3",
4
4
  "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
5
5
  "keywords": [
6
6
  "porsche",
@@ -16,8 +16,12 @@
16
16
  "author": "Dr. Ing. h.c. F. Porsche AG",
17
17
  "license": "SEE LICENSE IN LICENSE",
18
18
  "homepage": "https://designsystem.porsche.com",
19
+ "repository": {
20
+ "type": "git",
21
+ "url": "https://github.com/porsche-design-system/porsche-design-system"
22
+ },
19
23
  "dependencies": {
20
- "@porsche-design-system/components-js": "4.0.0-beta.1"
24
+ "@porsche-design-system/components-js": "4.0.0-beta.3"
21
25
  },
22
26
  "peerDependencies": {
23
27
  "ag-grid-community": ">= 35.0.0 <36.0.0",