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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/cjs/lib/components/accordion.wrapper.cjs +3 -3
  3. package/cjs/lib/components/banner.wrapper.cjs +3 -3
  4. package/cjs/lib/components/inline-notification.wrapper.cjs +3 -3
  5. package/esm/lib/components/accordion.wrapper.d.ts +19 -3
  6. package/esm/lib/components/accordion.wrapper.mjs +3 -3
  7. package/esm/lib/components/banner.wrapper.d.ts +9 -1
  8. package/esm/lib/components/banner.wrapper.mjs +3 -3
  9. package/esm/lib/components/display.wrapper.d.ts +2 -2
  10. package/esm/lib/components/heading.wrapper.d.ts +2 -2
  11. package/esm/lib/components/inline-notification.wrapper.d.ts +9 -1
  12. package/esm/lib/components/inline-notification.wrapper.mjs +3 -3
  13. package/esm/lib/components/link-tile-model-signature.wrapper.d.ts +2 -2
  14. package/esm/lib/types.d.ts +24 -20
  15. package/package.json +2 -2
  16. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +43 -39
  17. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +3 -3
  18. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/accordion.wrapper.cjs +4 -4
  19. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/banner.wrapper.cjs +4 -4
  20. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/inline-notification.wrapper.cjs +4 -4
  21. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.cjs +2 -2
  22. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.cjs +1 -1
  23. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.cjs +3 -1
  24. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.cjs +1 -11
  25. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +43 -39
  26. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +3 -3
  27. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/accordion.wrapper.mjs +4 -4
  28. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/banner.wrapper.mjs +4 -4
  29. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/inline-notification.wrapper.mjs +4 -4
  30. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.mjs +2 -2
  31. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.mjs +1 -1
  32. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.mjs +3 -1
  33. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs +1 -11
  34. package/ssr/esm/lib/components/accordion.wrapper.d.ts +19 -3
  35. package/ssr/esm/lib/components/banner.wrapper.d.ts +9 -1
  36. package/ssr/esm/lib/components/display.wrapper.d.ts +2 -2
  37. package/ssr/esm/lib/components/heading.wrapper.d.ts +2 -2
  38. package/ssr/esm/lib/components/inline-notification.wrapper.d.ts +9 -1
  39. package/ssr/esm/lib/components/link-tile-model-signature.wrapper.d.ts +2 -2
  40. package/ssr/esm/lib/dsr-components/modal.d.ts +0 -8
  41. package/ssr/esm/lib/types.d.ts +24 -20
@@ -18,7 +18,7 @@ export type PHeadingProps = Omit<HTMLAttributes<{}>, 'color'> & {
18
18
  */
19
19
  size?: BreakpointCustomizable<HeadingSize>;
20
20
  /**
21
- * Sets a custom HTML tag depending on the usage of the heading component.
21
+ * Sets a heading tag, so it fits correctly within the outline of the page.
22
22
  */
23
23
  tag?: HeadingTag;
24
24
  /**
@@ -44,7 +44,7 @@ export declare const PHeading: import("react").ForwardRefExoticComponent<Omit<HT
44
44
  */
45
45
  size?: BreakpointCustomizable<HeadingSize>;
46
46
  /**
47
- * Sets a custom HTML tag depending on the usage of the heading component.
47
+ * Sets a heading tag, so it fits correctly within the outline of the page.
48
48
  */
49
49
  tag?: HeadingTag;
50
50
  /**
@@ -1,5 +1,5 @@
1
1
  import { type HTMLAttributes } from 'react';
2
- import type { InlineNotificationActionIcon, InlineNotificationState, Theme } from '../types';
2
+ import type { InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, Theme } from '../types';
3
3
  export type PInlineNotificationProps = Omit<HTMLAttributes<{}>, 'color'> & {
4
4
  /**
5
5
  * Action icon of the inline-notification.
@@ -25,6 +25,10 @@ export type PInlineNotificationProps = Omit<HTMLAttributes<{}>, 'color'> & {
25
25
  * Heading of the inline-notification.
26
26
  */
27
27
  heading?: string;
28
+ /**
29
+ * Sets a heading tag, so it fits correctly within the outline of the page.
30
+ */
31
+ headingTag?: InlineNotificationHeadingTag;
28
32
  /**
29
33
  * Emitted when the action button is clicked.
30
34
  */
@@ -71,6 +75,10 @@ export declare const PInlineNotification: import("react").ForwardRefExoticCompon
71
75
  * Heading of the inline-notification.
72
76
  */
73
77
  heading?: string;
78
+ /**
79
+ * Sets a heading tag, so it fits correctly within the outline of the page.
80
+ */
81
+ headingTag?: InlineNotificationHeadingTag;
74
82
  /**
75
83
  * Emitted when the action button is clicked.
76
84
  */
@@ -14,7 +14,7 @@ export type PLinkTileModelSignatureProps = Omit<HTMLAttributes<{}>, 'color'> & {
14
14
  */
15
15
  heading: string;
16
16
  /**
17
- * Sets a custom headline tag which wraps the heading to enhance semantics.
17
+ * Sets a heading tag, so it fits correctly within the outline of the page.
18
18
  */
19
19
  headingTag?: LinkTileModelSignatureHeadingTag;
20
20
  /**
@@ -44,7 +44,7 @@ export declare const PLinkTileModelSignature: import("react").ForwardRefExoticCo
44
44
  */
45
45
  heading: string;
46
46
  /**
47
- * Sets a custom headline tag which wraps the heading to enhance semantics.
47
+ * Sets a heading tag, so it fits correctly within the outline of the page.
48
48
  */
49
49
  headingTag?: LinkTileModelSignatureHeadingTag;
50
50
  /**
@@ -1,13 +1,5 @@
1
1
  import { Component } from 'react';
2
2
  export declare class DSRModal extends Component<any> {
3
3
  host: HTMLElement;
4
- private scrollContainerEl;
5
- private focusedElBeforeOpen;
6
- private dismissBtn;
7
- private hasHeader;
8
- private hasFooter;
9
- private footer;
10
- private dialog;
11
- private get hasDismissButton();
12
4
  render(): JSX.Element;
13
5
  }
@@ -530,6 +530,15 @@ declare const HEADING_SIZES: readonly [
530
530
  "inherit"
531
531
  ];
532
532
  export type HeadingSize = (typeof HEADING_SIZES)[number];
533
+ declare const HEADING_TAGS: readonly [
534
+ "h1",
535
+ "h2",
536
+ "h3",
537
+ "h4",
538
+ "h5",
539
+ "h6"
540
+ ];
541
+ export type HeadingTag = typeof HEADING_TAGS[number];
533
542
  declare const TEXT_SIZES: readonly [
534
543
  "xx-small",
535
544
  "x-small",
@@ -587,15 +596,6 @@ declare const BUTTON_TYPES: readonly [
587
596
  "reset"
588
597
  ];
589
598
  export type ButtonType = typeof BUTTON_TYPES[number];
590
- declare const HEADING_TAGS: readonly [
591
- "h1",
592
- "h2",
593
- "h3",
594
- "h4",
595
- "h5",
596
- "h6"
597
- ];
598
- export type HeadingTag = typeof HEADING_TAGS[number];
599
599
  declare const LINK_BUTTON_VARIANTS: readonly [
600
600
  "primary",
601
601
  "secondary",
@@ -627,21 +627,34 @@ export type AccordionUpdateEvent = {
627
627
  open: boolean;
628
628
  };
629
629
  export type AccordionUpdateEventDetail = AccordionUpdateEvent;
630
+ /** @deprecated */
630
631
  export type AccordionTag = HeadingTag;
632
+ export type AccordionHeadingTag = HeadingTag;
633
+ declare const INLINE_NOTIFICATION_STATES: readonly [
634
+ "success",
635
+ "info",
636
+ "warning",
637
+ "error",
638
+ "neutral"
639
+ ];
640
+ export type InlineNotificationState = (typeof INLINE_NOTIFICATION_STATES)[number];
641
+ export type InlineNotificationActionIcon = IconName;
642
+ export type InlineNotificationHeadingTag = HeadingTag;
631
643
  declare const BANNER_STATES: readonly [
632
644
  "info",
633
645
  "warning",
634
646
  "error",
635
647
  "neutral"
636
648
  ];
637
- export type BannerState = typeof BANNER_STATES[number];
649
+ export type BannerState = (typeof BANNER_STATES)[number];
638
650
  declare const BANNER_WIDTHS: readonly [
639
651
  "extended",
640
652
  "basic",
641
653
  "fluid"
642
654
  ];
643
655
  /** @deprecated */
644
- export type BannerWidth = typeof BANNER_WIDTHS[number];
656
+ export type BannerWidth = (typeof BANNER_WIDTHS)[number];
657
+ export type BannerHeadingTag = InlineNotificationHeadingTag;
645
658
  export type ButtonIcon = LinkButtonIconName;
646
659
  declare const GROUP_DIRECTIONS: readonly [
647
660
  "row",
@@ -959,15 +972,6 @@ declare const ICON_COLORS: readonly [
959
972
  "state-disabled"
960
973
  ];
961
974
  export type IconColor = (typeof ICON_COLORS)[number];
962
- declare const INLINE_NOTIFICATION_STATES: readonly [
963
- "success",
964
- "info",
965
- "warning",
966
- "error",
967
- "neutral"
968
- ];
969
- export type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[number];
970
- export type InlineNotificationActionIcon = IconName;
971
975
  export type LinkIcon = LinkButtonIconName;
972
976
  export type LinkPureIcon = LinkButtonIconName;
973
977
  export type LinkPureAriaAttribute = LinkAriaAttribute;