@porsche-design-system/components-react 4.0.0-beta.2 → 4.0.0-beta.4

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 (184) hide show
  1. package/CHANGELOG.md +334 -1
  2. package/OSS_NOTICE +1649 -5178
  3. package/cjs/lib/components/button-pure.wrapper.cjs +3 -3
  4. package/cjs/lib/components/display.wrapper.cjs +1 -0
  5. package/cjs/lib/components/flag.wrapper.cjs +1 -1
  6. package/cjs/lib/components/heading.wrapper.cjs +3 -3
  7. package/cjs/lib/components/icon.wrapper.cjs +1 -1
  8. package/cjs/lib/components/link-pure.wrapper.cjs +3 -3
  9. package/cjs/lib/components/spinner.wrapper.cjs +3 -3
  10. package/cjs/lib/components/text.wrapper.cjs +3 -3
  11. package/esm/lib/components/accordion.wrapper.d.ts +8 -8
  12. package/esm/lib/components/button-pure.wrapper.d.ts +15 -7
  13. package/esm/lib/components/button-pure.wrapper.mjs +3 -3
  14. package/esm/lib/components/button-tile.wrapper.d.ts +2 -2
  15. package/esm/lib/components/button.wrapper.d.ts +6 -6
  16. package/esm/lib/components/carousel.wrapper.d.ts +10 -10
  17. package/esm/lib/components/checkbox.wrapper.d.ts +6 -6
  18. package/esm/lib/components/crest.wrapper.d.ts +6 -6
  19. package/esm/lib/components/display.wrapper.d.ts +1 -0
  20. package/esm/lib/components/display.wrapper.mjs +1 -0
  21. package/esm/lib/components/drilldown-link.wrapper.d.ts +8 -8
  22. package/esm/lib/components/drilldown.wrapper.d.ts +8 -8
  23. package/esm/lib/components/fieldset.wrapper.d.ts +6 -6
  24. package/esm/lib/components/flag.wrapper.d.ts +5 -5
  25. package/esm/lib/components/flag.wrapper.mjs +1 -1
  26. package/esm/lib/components/flyout.wrapper.d.ts +2 -2
  27. package/esm/lib/components/heading.wrapper.d.ts +27 -11
  28. package/esm/lib/components/heading.wrapper.mjs +3 -3
  29. package/esm/lib/components/icon.wrapper.d.ts +7 -7
  30. package/esm/lib/components/icon.wrapper.mjs +1 -1
  31. package/esm/lib/components/input-date.wrapper.d.ts +12 -12
  32. package/esm/lib/components/input-email.wrapper.d.ts +8 -8
  33. package/esm/lib/components/input-month.wrapper.d.ts +12 -12
  34. package/esm/lib/components/input-number.wrapper.d.ts +8 -8
  35. package/esm/lib/components/input-password.wrapper.d.ts +6 -6
  36. package/esm/lib/components/input-search.wrapper.d.ts +6 -6
  37. package/esm/lib/components/input-tel.wrapper.d.ts +6 -6
  38. package/esm/lib/components/input-text.wrapper.d.ts +6 -6
  39. package/esm/lib/components/input-time.wrapper.d.ts +14 -14
  40. package/esm/lib/components/input-url.wrapper.d.ts +16 -16
  41. package/esm/lib/components/input-week.wrapper.d.ts +14 -14
  42. package/esm/lib/components/link-pure.wrapper.d.ts +23 -15
  43. package/esm/lib/components/link-pure.wrapper.mjs +3 -3
  44. package/esm/lib/components/link-tile-product.wrapper.d.ts +8 -8
  45. package/esm/lib/components/link-tile.wrapper.d.ts +8 -8
  46. package/esm/lib/components/link.wrapper.d.ts +14 -14
  47. package/esm/lib/components/modal.wrapper.d.ts +2 -2
  48. package/esm/lib/components/model-signature.wrapper.d.ts +2 -2
  49. package/esm/lib/components/multi-select.wrapper.d.ts +10 -10
  50. package/esm/lib/components/pin-code.wrapper.d.ts +8 -8
  51. package/esm/lib/components/popover.wrapper.d.ts +6 -6
  52. package/esm/lib/components/radio-group-option.wrapper.d.ts +2 -2
  53. package/esm/lib/components/radio-group.wrapper.d.ts +8 -8
  54. package/esm/lib/components/segmented-control-item.wrapper.d.ts +4 -4
  55. package/esm/lib/components/segmented-control.wrapper.d.ts +4 -4
  56. package/esm/lib/components/select.wrapper.d.ts +10 -10
  57. package/esm/lib/components/sheet.wrapper.d.ts +2 -2
  58. package/esm/lib/components/spinner.wrapper.d.ts +13 -5
  59. package/esm/lib/components/spinner.wrapper.mjs +3 -3
  60. package/esm/lib/components/switch.wrapper.d.ts +6 -6
  61. package/esm/lib/components/table-cell.wrapper.d.ts +2 -2
  62. package/esm/lib/components/table-head-cell.wrapper.d.ts +4 -4
  63. package/esm/lib/components/tabs-bar.wrapper.d.ts +2 -2
  64. package/esm/lib/components/tabs.wrapper.d.ts +2 -2
  65. package/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
  66. package/esm/lib/components/tag.wrapper.d.ts +2 -2
  67. package/esm/lib/components/text.wrapper.d.ts +21 -13
  68. package/esm/lib/components/text.wrapper.mjs +3 -3
  69. package/esm/lib/components/textarea.wrapper.d.ts +6 -6
  70. package/esm/lib/components/wordmark.wrapper.d.ts +8 -8
  71. package/esm/lib/types.d.ts +341 -141
  72. package/global-styles/cn/index.css +157 -159
  73. package/global-styles/color-scheme.css +95 -95
  74. package/global-styles/index.css +157 -159
  75. package/global-styles/variables.css +62 -64
  76. package/package.json +6 -2
  77. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +413 -512
  78. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +20 -18
  79. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.cjs +4 -4
  80. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.cjs +1 -0
  81. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flag.wrapper.cjs +1 -1
  82. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.cjs +4 -4
  83. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.cjs +1 -1
  84. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.cjs +4 -4
  85. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.cjs +4 -4
  86. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/text.wrapper.cjs +4 -4
  87. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.cjs +1 -1
  88. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.cjs +3 -2
  89. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +2 -2
  90. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.cjs +1 -1
  91. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/display.cjs +2 -0
  92. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.cjs +2 -2
  93. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.cjs +1 -1
  94. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/heading.cjs +1 -1
  95. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/input-base.cjs +1 -1
  96. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.cjs +1 -1
  97. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group-option.cjs +1 -1
  98. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.cjs +1 -1
  99. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/spinner.cjs +2 -2
  100. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.cjs +1 -1
  101. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.cjs +1 -1
  102. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +413 -512
  103. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +20 -18
  104. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.mjs +4 -4
  105. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.mjs +1 -0
  106. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/flag.wrapper.mjs +1 -1
  107. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.mjs +4 -4
  108. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.mjs +1 -1
  109. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.mjs +4 -4
  110. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.mjs +4 -4
  111. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/text.wrapper.mjs +4 -4
  112. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.mjs +1 -1
  113. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.mjs +3 -2
  114. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +2 -2
  115. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.mjs +1 -1
  116. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/display.mjs +2 -0
  117. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.mjs +2 -2
  118. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.mjs +1 -1
  119. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/heading.mjs +1 -1
  120. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/input-base.mjs +1 -1
  121. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.mjs +1 -1
  122. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group-option.mjs +1 -1
  123. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.mjs +1 -1
  124. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/spinner.mjs +2 -2
  125. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.mjs +1 -1
  126. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.mjs +1 -1
  127. package/ssr/esm/lib/components/accordion.wrapper.d.ts +8 -8
  128. package/ssr/esm/lib/components/button-pure.wrapper.d.ts +15 -7
  129. package/ssr/esm/lib/components/button-tile.wrapper.d.ts +2 -2
  130. package/ssr/esm/lib/components/button.wrapper.d.ts +6 -6
  131. package/ssr/esm/lib/components/carousel.wrapper.d.ts +10 -10
  132. package/ssr/esm/lib/components/checkbox.wrapper.d.ts +6 -6
  133. package/ssr/esm/lib/components/crest.wrapper.d.ts +6 -6
  134. package/ssr/esm/lib/components/display.wrapper.d.ts +1 -0
  135. package/ssr/esm/lib/components/drilldown-link.wrapper.d.ts +8 -8
  136. package/ssr/esm/lib/components/drilldown.wrapper.d.ts +8 -8
  137. package/ssr/esm/lib/components/fieldset.wrapper.d.ts +6 -6
  138. package/ssr/esm/lib/components/flag.wrapper.d.ts +5 -5
  139. package/ssr/esm/lib/components/flyout.wrapper.d.ts +2 -2
  140. package/ssr/esm/lib/components/heading.wrapper.d.ts +27 -11
  141. package/ssr/esm/lib/components/icon.wrapper.d.ts +7 -7
  142. package/ssr/esm/lib/components/input-date.wrapper.d.ts +12 -12
  143. package/ssr/esm/lib/components/input-email.wrapper.d.ts +8 -8
  144. package/ssr/esm/lib/components/input-month.wrapper.d.ts +12 -12
  145. package/ssr/esm/lib/components/input-number.wrapper.d.ts +8 -8
  146. package/ssr/esm/lib/components/input-password.wrapper.d.ts +6 -6
  147. package/ssr/esm/lib/components/input-search.wrapper.d.ts +6 -6
  148. package/ssr/esm/lib/components/input-tel.wrapper.d.ts +6 -6
  149. package/ssr/esm/lib/components/input-text.wrapper.d.ts +6 -6
  150. package/ssr/esm/lib/components/input-time.wrapper.d.ts +14 -14
  151. package/ssr/esm/lib/components/input-url.wrapper.d.ts +16 -16
  152. package/ssr/esm/lib/components/input-week.wrapper.d.ts +14 -14
  153. package/ssr/esm/lib/components/link-pure.wrapper.d.ts +23 -15
  154. package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts +8 -8
  155. package/ssr/esm/lib/components/link-tile.wrapper.d.ts +8 -8
  156. package/ssr/esm/lib/components/link.wrapper.d.ts +14 -14
  157. package/ssr/esm/lib/components/modal.wrapper.d.ts +2 -2
  158. package/ssr/esm/lib/components/model-signature.wrapper.d.ts +2 -2
  159. package/ssr/esm/lib/components/multi-select.wrapper.d.ts +10 -10
  160. package/ssr/esm/lib/components/pin-code.wrapper.d.ts +8 -8
  161. package/ssr/esm/lib/components/popover.wrapper.d.ts +6 -6
  162. package/ssr/esm/lib/components/radio-group-option.wrapper.d.ts +2 -2
  163. package/ssr/esm/lib/components/radio-group.wrapper.d.ts +8 -8
  164. package/ssr/esm/lib/components/segmented-control-item.wrapper.d.ts +4 -4
  165. package/ssr/esm/lib/components/segmented-control.wrapper.d.ts +4 -4
  166. package/ssr/esm/lib/components/select.wrapper.d.ts +10 -10
  167. package/ssr/esm/lib/components/sheet.wrapper.d.ts +2 -2
  168. package/ssr/esm/lib/components/spinner.wrapper.d.ts +13 -5
  169. package/ssr/esm/lib/components/switch.wrapper.d.ts +6 -6
  170. package/ssr/esm/lib/components/table-cell.wrapper.d.ts +2 -2
  171. package/ssr/esm/lib/components/table-head-cell.wrapper.d.ts +4 -4
  172. package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +2 -2
  173. package/ssr/esm/lib/components/tabs.wrapper.d.ts +2 -2
  174. package/ssr/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
  175. package/ssr/esm/lib/components/tag.wrapper.d.ts +2 -2
  176. package/ssr/esm/lib/components/text.wrapper.d.ts +21 -13
  177. package/ssr/esm/lib/components/textarea.wrapper.d.ts +6 -6
  178. package/ssr/esm/lib/components/wordmark.wrapper.d.ts +8 -8
  179. package/ssr/esm/lib/dsr-components/carousel.d.ts +2 -2
  180. package/ssr/esm/lib/dsr-components/display.d.ts +2 -0
  181. package/ssr/esm/lib/dsr-components/drilldown-item.d.ts +2 -2
  182. package/ssr/esm/lib/dsr-components/flyout.d.ts +1 -1
  183. package/ssr/esm/lib/types.d.ts +341 -141
  184. package/tailwindcss/index.css +170 -158
@@ -18,11 +18,11 @@ export type PLinkTileProductProps = BaseProps & {
18
18
  */
19
19
  href?: string;
20
20
  /**
21
- * A Boolean attribute indicating that a like button should be shown.
21
+ * Shows a like button.
22
22
  */
23
23
  likeButton?: boolean;
24
24
  /**
25
- * A Boolean attribute indicating that a product is liked.
25
+ * Indicates whether the product is liked.
26
26
  */
27
27
  liked?: boolean;
28
28
  /**
@@ -38,11 +38,11 @@ export type PLinkTileProductProps = BaseProps & {
38
38
  */
39
39
  priceOriginal?: string;
40
40
  /**
41
- * Specifies the relationship of the target object to the link object.
41
+ * Sets the `rel` attribute on the link.
42
42
  */
43
43
  rel?: string;
44
44
  /**
45
- * Target attribute where the link should be opened.
45
+ * Specifies where to open the linked document.
46
46
  */
47
47
  target?: LinkTileProductTarget;
48
48
  };
@@ -64,11 +64,11 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
64
64
  */
65
65
  href?: string;
66
66
  /**
67
- * A Boolean attribute indicating that a like button should be shown.
67
+ * Shows a like button.
68
68
  */
69
69
  likeButton?: boolean;
70
70
  /**
71
- * A Boolean attribute indicating that a product is liked.
71
+ * Indicates whether the product is liked.
72
72
  */
73
73
  liked?: boolean;
74
74
  /**
@@ -84,11 +84,11 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
84
84
  */
85
85
  priceOriginal?: string;
86
86
  /**
87
- * Specifies the relationship of the target object to the link object.
87
+ * Sets the `rel` attribute on the link.
88
88
  */
89
89
  rel?: string;
90
90
  /**
91
- * Target attribute where the link should be opened.
91
+ * Specifies where to open the linked document.
92
92
  */
93
93
  target?: LinkTileProductTarget;
94
94
  } & {
@@ -6,7 +6,7 @@ export type PLinkTileProps = BaseProps & {
6
6
  */
7
7
  align?: LinkTileAlign;
8
8
  /**
9
- * Add ARIA attributes.
9
+ * Sets ARIA attributes.
10
10
  */
11
11
  aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
12
12
  /**
@@ -22,7 +22,7 @@ export type PLinkTileProps = BaseProps & {
22
22
  */
23
23
  description: string;
24
24
  /**
25
- * Special download attribute to open native browser download dialog if target url points to a downloadable file.
25
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
26
26
  */
27
27
  download?: string;
28
28
  /**
@@ -38,7 +38,7 @@ export type PLinkTileProps = BaseProps & {
38
38
  */
39
39
  label: string;
40
40
  /**
41
- * Specifies the relationship of the target object to the link object.
41
+ * Sets the `rel` attribute on the link.
42
42
  */
43
43
  rel?: string;
44
44
  /**
@@ -46,7 +46,7 @@ export type PLinkTileProps = BaseProps & {
46
46
  */
47
47
  size?: BreakpointCustomizable<LinkTileSize>;
48
48
  /**
49
- * Target attribute where the link should be opened.
49
+ * Specifies where to open the linked document.
50
50
  */
51
51
  target?: LinkTileTarget;
52
52
  /**
@@ -60,7 +60,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
60
60
  */
61
61
  align?: LinkTileAlign;
62
62
  /**
63
- * Add ARIA attributes.
63
+ * Sets ARIA attributes.
64
64
  */
65
65
  aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
66
66
  /**
@@ -76,7 +76,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
76
76
  */
77
77
  description: string;
78
78
  /**
79
- * Special download attribute to open native browser download dialog if target url points to a downloadable file.
79
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
80
80
  */
81
81
  download?: string;
82
82
  /**
@@ -92,7 +92,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
92
92
  */
93
93
  label: string;
94
94
  /**
95
- * Specifies the relationship of the target object to the link object.
95
+ * Sets the `rel` attribute on the link.
96
96
  */
97
97
  rel?: string;
98
98
  /**
@@ -100,7 +100,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
100
100
  */
101
101
  size?: BreakpointCustomizable<LinkTileSize>;
102
102
  /**
103
- * Target attribute where the link should be opened.
103
+ * Specifies where to open the linked document.
104
104
  */
105
105
  target?: LinkTileTarget;
106
106
  /**
@@ -2,23 +2,23 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, LinkVariant } from '../types';
3
3
  export type PLinkProps = BaseProps & {
4
4
  /**
5
- * Add ARIA attributes.
5
+ * Sets ARIA attributes.
6
6
  */
7
7
  aria?: SelectedAriaAttributes<LinkAriaAttribute>;
8
8
  /**
9
- * Displays as compact version.
9
+ * Displays the link in compact mode.
10
10
  */
11
11
  compact?: BreakpointCustomizable<boolean>;
12
12
  /**
13
- * Special download attribute to open native browser download dialog if target url points to a downloadable file.
13
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
14
14
  */
15
15
  download?: string;
16
16
  /**
17
- * Show or hide label. For better accessibility it is recommended to show the label.
17
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
18
18
  */
19
19
  hideLabel?: BreakpointCustomizable<boolean>;
20
20
  /**
21
- * When providing an url then the component will be rendered as `<a>`.
21
+ * When `href` is provided, the component renders as an `<a>` element.
22
22
  */
23
23
  href?: string;
24
24
  /**
@@ -30,11 +30,11 @@ export type PLinkProps = BaseProps & {
30
30
  */
31
31
  iconSource?: string;
32
32
  /**
33
- * Specifies the relationship of the target object to the link object.
33
+ * Sets the `rel` attribute on the link.
34
34
  */
35
35
  rel?: string;
36
36
  /**
37
- * Target attribute where the link should be opened.
37
+ * Specifies where to open the linked document.
38
38
  */
39
39
  target?: LinkTarget;
40
40
  /**
@@ -44,23 +44,23 @@ export type PLinkProps = BaseProps & {
44
44
  };
45
45
  export declare const PLink: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
46
46
  /**
47
- * Add ARIA attributes.
47
+ * Sets ARIA attributes.
48
48
  */
49
49
  aria?: SelectedAriaAttributes<LinkAriaAttribute>;
50
50
  /**
51
- * Displays as compact version.
51
+ * Displays the link in compact mode.
52
52
  */
53
53
  compact?: BreakpointCustomizable<boolean>;
54
54
  /**
55
- * Special download attribute to open native browser download dialog if target url points to a downloadable file.
55
+ * Sets the native `download` attribute when the target URL points to a downloadable file.
56
56
  */
57
57
  download?: string;
58
58
  /**
59
- * Show or hide label. For better accessibility it is recommended to show the label.
59
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
60
60
  */
61
61
  hideLabel?: BreakpointCustomizable<boolean>;
62
62
  /**
63
- * When providing an url then the component will be rendered as `<a>`.
63
+ * When `href` is provided, the component renders as an `<a>` element.
64
64
  */
65
65
  href?: string;
66
66
  /**
@@ -72,11 +72,11 @@ export declare const PLink: import("react").ForwardRefExoticComponent<Omit<impor
72
72
  */
73
73
  iconSource?: string;
74
74
  /**
75
- * Specifies the relationship of the target object to the link object.
75
+ * Sets the `rel` attribute on the link.
76
76
  */
77
77
  rel?: string;
78
78
  /**
79
- * Target attribute where the link should be opened.
79
+ * Specifies where to open the linked document.
80
80
  */
81
81
  target?: LinkTarget;
82
82
  /**
@@ -2,7 +2,7 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, ModalBackground, BreakpointCustomizable, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail } from '../types';
3
3
  export type PModalProps = BaseProps & {
4
4
  /**
5
- * Add ARIA attributes.
5
+ * Sets ARIA attributes.
6
6
  */
7
7
  aria?: SelectedAriaAttributes<ModalAriaAttribute>;
8
8
  /**
@@ -44,7 +44,7 @@ export type PModalProps = BaseProps & {
44
44
  };
45
45
  export declare const PModal: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
46
46
  /**
47
- * Add ARIA attributes.
47
+ * Sets ARIA attributes.
48
48
  */
49
49
  aria?: SelectedAriaAttributes<ModalAriaAttribute>;
50
50
  /**
@@ -6,7 +6,7 @@ export type PModelSignatureProps = BaseProps & {
6
6
  */
7
7
  color?: ModelSignatureColor;
8
8
  /**
9
- * Defines the fetch priority of the model signature. In the end it is just a recommendation to the browser, but it defines the priority on its own.
9
+ * Sets the browser's fetch priority hint for the model signature asset.
10
10
  */
11
11
  fetchPriority?: ModelSignatureFetchPriority;
12
12
  /**
@@ -32,7 +32,7 @@ export declare const PModelSignature: import("react").ForwardRefExoticComponent<
32
32
  */
33
33
  color?: ModelSignatureColor;
34
34
  /**
35
- * Defines the fetch priority of the model signature. In the end it is just a recommendation to the browser, but it defines the priority on its own.
35
+ * Sets the browser's fetch priority hint for the model signature asset.
36
36
  */
37
37
  fetchPriority?: ModelSignatureFetchPriority;
38
38
  /**
@@ -2,11 +2,11 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectChangeEventDetail, MultiSelectToggleEventDetail, MultiSelectState } from '../types';
3
3
  export type PMultiSelectProps = BaseProps & {
4
4
  /**
5
- * Displays as compact version.
5
+ * Displays the multi-select in compact mode.
6
6
  */
7
7
  compact?: boolean;
8
8
  /**
9
- * The description text.
9
+ * Supplementary text providing more context or explanation for the multi-select.
10
10
  */
11
11
  description?: string;
12
12
  /**
@@ -22,11 +22,11 @@ export type PMultiSelectProps = BaseProps & {
22
22
  */
23
23
  form?: string;
24
24
  /**
25
- * Show or hide label. For better accessibility it is recommended to show the label.
25
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
26
26
  */
27
27
  hideLabel?: BreakpointCustomizable<boolean>;
28
28
  /**
29
- * The label text.
29
+ * Text content for a user-facing label.
30
30
  */
31
31
  label?: string;
32
32
  /**
@@ -50,7 +50,7 @@ export type PMultiSelectProps = BaseProps & {
50
50
  */
51
51
  onToggle?: (event: CustomEvent<MultiSelectToggleEventDetail>) => void;
52
52
  /**
53
- * A Boolean attribute indicating that an option with a non-empty string value must be selected.
53
+ * Requires an option with a non-empty string value to be selected.
54
54
  */
55
55
  required?: boolean;
56
56
  /**
@@ -64,11 +64,11 @@ export type PMultiSelectProps = BaseProps & {
64
64
  };
65
65
  export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
66
66
  /**
67
- * Displays as compact version.
67
+ * Displays the multi-select in compact mode.
68
68
  */
69
69
  compact?: boolean;
70
70
  /**
71
- * The description text.
71
+ * Supplementary text providing more context or explanation for the multi-select.
72
72
  */
73
73
  description?: string;
74
74
  /**
@@ -84,11 +84,11 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
84
84
  */
85
85
  form?: string;
86
86
  /**
87
- * Show or hide label. For better accessibility it is recommended to show the label.
87
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
88
88
  */
89
89
  hideLabel?: BreakpointCustomizable<boolean>;
90
90
  /**
91
- * The label text.
91
+ * Text content for a user-facing label.
92
92
  */
93
93
  label?: string;
94
94
  /**
@@ -112,7 +112,7 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
112
112
  */
113
113
  onToggle?: (event: CustomEvent<MultiSelectToggleEventDetail>) => void;
114
114
  /**
115
- * A Boolean attribute indicating that an option with a non-empty string value must be selected.
115
+ * Requires an option with a non-empty string value to be selected.
116
116
  */
117
117
  required?: boolean;
118
118
  /**
@@ -2,11 +2,11 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { BreakpointCustomizable, PinCodeLength, PinCodeChangeEventDetail, PinCodeState, PinCodeType } from '../types';
3
3
  export type PPinCodeProps = BaseProps & {
4
4
  /**
5
- * A boolean value that, if present, renders the pin-code as a compact version.
5
+ * Displays the pin code in compact mode.
6
6
  */
7
7
  compact?: boolean;
8
8
  /**
9
- * The description text.
9
+ * Supplementary text providing more context or explanation for the pin code.
10
10
  */
11
11
  description?: string;
12
12
  /**
@@ -18,11 +18,11 @@ export type PPinCodeProps = BaseProps & {
18
18
  */
19
19
  form?: string;
20
20
  /**
21
- * Show or hide label and description text. For better accessibility it is recommended to show the label.
21
+ * Shows or hides the label and description. For better accessibility, it is recommended to show the label.
22
22
  */
23
23
  hideLabel?: BreakpointCustomizable<boolean>;
24
24
  /**
25
- * The label text.
25
+ * Text content for a user-facing label.
26
26
  */
27
27
  label?: string;
28
28
  /**
@@ -68,11 +68,11 @@ export type PPinCodeProps = BaseProps & {
68
68
  };
69
69
  export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
70
70
  /**
71
- * A boolean value that, if present, renders the pin-code as a compact version.
71
+ * Displays the pin code in compact mode.
72
72
  */
73
73
  compact?: boolean;
74
74
  /**
75
- * The description text.
75
+ * Supplementary text providing more context or explanation for the pin code.
76
76
  */
77
77
  description?: string;
78
78
  /**
@@ -84,11 +84,11 @@ export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<im
84
84
  */
85
85
  form?: string;
86
86
  /**
87
- * Show or hide label and description text. For better accessibility it is recommended to show the label.
87
+ * Shows or hides the label and description. For better accessibility, it is recommended to show the label.
88
88
  */
89
89
  hideLabel?: BreakpointCustomizable<boolean>;
90
90
  /**
91
- * The label text.
91
+ * Text content for a user-facing label.
92
92
  */
93
93
  label?: string;
94
94
  /**
@@ -2,29 +2,29 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection } from '../types';
3
3
  export type PPopoverProps = BaseProps & {
4
4
  /**
5
- * Add ARIA attributes.
5
+ * Sets ARIA attributes.
6
6
  */
7
7
  aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
8
8
  /**
9
- * Descriptive text to show additional information when popover is open
9
+ * Descriptive text shown when the popover is open.
10
10
  */
11
11
  description?: string;
12
12
  /**
13
- * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
13
+ * Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
14
14
  */
15
15
  direction?: PopoverDirection;
16
16
  };
17
17
  export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
18
18
  /**
19
- * Add ARIA attributes.
19
+ * Sets ARIA attributes.
20
20
  */
21
21
  aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
22
22
  /**
23
- * Descriptive text to show additional information when popover is open
23
+ * Descriptive text shown when the popover is open.
24
24
  */
25
25
  description?: string;
26
26
  /**
27
- * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
27
+ * Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
28
28
  */
29
29
  direction?: PopoverDirection;
30
30
  } & {
@@ -1,7 +1,7 @@
1
1
  import type { BaseProps } from '../../BaseProps';
2
2
  export type PRadioGroupOptionProps = BaseProps & {
3
3
  /**
4
- * A boolean value that, if present, makes the radio group option unusable and unclickable.
4
+ * Disables the radio group option. The value will not be submitted with the form.
5
5
  */
6
6
  disabled?: boolean;
7
7
  /**
@@ -19,7 +19,7 @@ export type PRadioGroupOptionProps = BaseProps & {
19
19
  };
20
20
  export declare const PRadioGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
21
21
  /**
22
- * A boolean value that, if present, makes the radio group option unusable and unclickable.
22
+ * Disables the radio group option. The value will not be submitted with the form.
23
23
  */
24
24
  disabled?: boolean;
25
25
  /**
@@ -2,7 +2,7 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { BreakpointCustomizable, RadioGroupDirection, RadioGroupChangeEventDetail, RadioGroupState } from '../types';
3
3
  export type PRadioGroupProps = BaseProps & {
4
4
  /**
5
- * A boolean value that, if present, renders the radio group as a compact version.
5
+ * Displays the radio group in compact mode.
6
6
  */
7
7
  compact?: boolean;
8
8
  /**
@@ -10,11 +10,11 @@ export type PRadioGroupProps = BaseProps & {
10
10
  */
11
11
  description?: string;
12
12
  /**
13
- * Defines the direction of the main and cross axis. The default is 'column' showing options vertically stacked. You always need to provide a base value when using breakpoints.
13
+ * Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
14
14
  */
15
15
  direction?: BreakpointCustomizable<RadioGroupDirection>;
16
16
  /**
17
- * A boolean value that, if present, makes the radio group unusable and unclickable. The value will not be submitted with the form.
17
+ * Disables the radio group. The value will not be submitted with the form.
18
18
  */
19
19
  disabled?: boolean;
20
20
  /**
@@ -22,7 +22,7 @@ export type PRadioGroupProps = BaseProps & {
22
22
  */
23
23
  form?: string;
24
24
  /**
25
- * Controls the visibility of the label.
25
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
26
26
  */
27
27
  hideLabel?: BreakpointCustomizable<boolean>;
28
28
  /**
@@ -64,7 +64,7 @@ export type PRadioGroupProps = BaseProps & {
64
64
  };
65
65
  export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
66
66
  /**
67
- * A boolean value that, if present, renders the radio group as a compact version.
67
+ * Displays the radio group in compact mode.
68
68
  */
69
69
  compact?: boolean;
70
70
  /**
@@ -72,11 +72,11 @@ export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit
72
72
  */
73
73
  description?: string;
74
74
  /**
75
- * Defines the direction of the main and cross axis. The default is 'column' showing options vertically stacked. You always need to provide a base value when using breakpoints.
75
+ * Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
76
76
  */
77
77
  direction?: BreakpointCustomizable<RadioGroupDirection>;
78
78
  /**
79
- * A boolean value that, if present, makes the radio group unusable and unclickable. The value will not be submitted with the form.
79
+ * Disables the radio group. The value will not be submitted with the form.
80
80
  */
81
81
  disabled?: boolean;
82
82
  /**
@@ -84,7 +84,7 @@ export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit
84
84
  */
85
85
  form?: string;
86
86
  /**
87
- * Controls the visibility of the label.
87
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
88
88
  */
89
89
  hideLabel?: BreakpointCustomizable<boolean>;
90
90
  /**
@@ -2,7 +2,7 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { SelectedAriaAttributes, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon } from '../types';
3
3
  export type PSegmentedControlItemProps = BaseProps & {
4
4
  /**
5
- * Add ARIA attributes.
5
+ * Sets ARIA attributes.
6
6
  */
7
7
  aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
8
8
  /**
@@ -18,7 +18,7 @@ export type PSegmentedControlItemProps = BaseProps & {
18
18
  */
19
19
  iconSource?: string;
20
20
  /**
21
- * The label text.
21
+ * Text content for a user-facing label.
22
22
  */
23
23
  label?: string;
24
24
  /**
@@ -28,7 +28,7 @@ export type PSegmentedControlItemProps = BaseProps & {
28
28
  };
29
29
  export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
30
30
  /**
31
- * Add ARIA attributes.
31
+ * Sets ARIA attributes.
32
32
  */
33
33
  aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
34
34
  /**
@@ -44,7 +44,7 @@ export declare const PSegmentedControlItem: import("react").ForwardRefExoticComp
44
44
  */
45
45
  iconSource?: string;
46
46
  /**
47
- * The label text.
47
+ * Text content for a user-facing label.
48
48
  */
49
49
  label?: string;
50
50
  /**
@@ -6,7 +6,7 @@ export type PSegmentedControlProps = BaseProps & {
6
6
  */
7
7
  columns?: BreakpointCustomizable<SegmentedControlColumns>;
8
8
  /**
9
- * A boolean value that, if present, renders the segmented-control as a compact version.
9
+ * Displays the segmented control in compact mode.
10
10
  */
11
11
  compact?: boolean;
12
12
  /**
@@ -22,7 +22,7 @@ export type PSegmentedControlProps = BaseProps & {
22
22
  */
23
23
  form?: string;
24
24
  /**
25
- * Controls the visibility of the label.
25
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
26
26
  */
27
27
  hideLabel?: BreakpointCustomizable<boolean>;
28
28
  /**
@@ -64,7 +64,7 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
64
64
  */
65
65
  columns?: BreakpointCustomizable<SegmentedControlColumns>;
66
66
  /**
67
- * A boolean value that, if present, renders the segmented-control as a compact version.
67
+ * Displays the segmented control in compact mode.
68
68
  */
69
69
  compact?: boolean;
70
70
  /**
@@ -80,7 +80,7 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
80
80
  */
81
81
  form?: string;
82
82
  /**
83
- * Controls the visibility of the label.
83
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
84
84
  */
85
85
  hideLabel?: BreakpointCustomizable<boolean>;
86
86
  /**
@@ -2,11 +2,11 @@ import type { BaseProps } from '../../BaseProps';
2
2
  import type { SelectDropdownDirection, BreakpointCustomizable, SelectChangeEventDetail, SelectToggleEventDetail, SelectState } from '../types';
3
3
  export type PSelectProps = BaseProps & {
4
4
  /**
5
- * Displays as compact version.
5
+ * Displays the select in compact mode.
6
6
  */
7
7
  compact?: boolean;
8
8
  /**
9
- * The description text.
9
+ * Supplementary text providing more context or explanation for the select.
10
10
  */
11
11
  description?: string;
12
12
  /**
@@ -26,11 +26,11 @@ export type PSelectProps = BaseProps & {
26
26
  */
27
27
  form?: string;
28
28
  /**
29
- * Show or hide label. For better accessibility it is recommended to show the label.
29
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
30
30
  */
31
31
  hideLabel?: BreakpointCustomizable<boolean>;
32
32
  /**
33
- * The label text.
33
+ * Text content for a user-facing label.
34
34
  */
35
35
  label?: string;
36
36
  /**
@@ -54,7 +54,7 @@ export type PSelectProps = BaseProps & {
54
54
  */
55
55
  onToggle?: (event: CustomEvent<SelectToggleEventDetail>) => void;
56
56
  /**
57
- * A Boolean attribute indicating that an option with a non-empty string value must be selected.
57
+ * Requires an option with a non-empty string value to be selected.
58
58
  */
59
59
  required?: boolean;
60
60
  /**
@@ -68,11 +68,11 @@ export type PSelectProps = BaseProps & {
68
68
  };
69
69
  export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
70
70
  /**
71
- * Displays as compact version.
71
+ * Displays the select in compact mode.
72
72
  */
73
73
  compact?: boolean;
74
74
  /**
75
- * The description text.
75
+ * Supplementary text providing more context or explanation for the select.
76
76
  */
77
77
  description?: string;
78
78
  /**
@@ -92,11 +92,11 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
92
92
  */
93
93
  form?: string;
94
94
  /**
95
- * Show or hide label. For better accessibility it is recommended to show the label.
95
+ * Shows or hides the label. For better accessibility, it is recommended to show the label.
96
96
  */
97
97
  hideLabel?: BreakpointCustomizable<boolean>;
98
98
  /**
99
- * The label text.
99
+ * Text content for a user-facing label.
100
100
  */
101
101
  label?: string;
102
102
  /**
@@ -120,7 +120,7 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
120
120
  */
121
121
  onToggle?: (event: CustomEvent<SelectToggleEventDetail>) => void;
122
122
  /**
123
- * A Boolean attribute indicating that an option with a non-empty string value must be selected.
123
+ * Requires an option with a non-empty string value to be selected.
124
124
  */
125
125
  required?: boolean;
126
126
  /**