@porsche-design-system/components-react 3.16.0-rc.1 → 3.16.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 (113) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/cjs/lib/components/{flyout-navigation-item.wrapper.cjs → flyout-multilevel-item.wrapper.cjs} +3 -3
  3. package/cjs/lib/components/{flyout-navigation.wrapper.cjs → flyout-multilevel.wrapper.cjs} +3 -3
  4. package/cjs/public-api.cjs +4 -4
  5. package/esm/lib/components/{flyout-navigation-item.wrapper.d.ts → flyout-multilevel-item.wrapper.d.ts} +4 -4
  6. package/esm/lib/components/{flyout-navigation-item.wrapper.mjs → flyout-multilevel-item.wrapper.mjs} +3 -3
  7. package/esm/lib/components/{flyout-navigation.wrapper.d.ts → flyout-multilevel.wrapper.d.ts} +12 -12
  8. package/esm/lib/components/{flyout-navigation.wrapper.mjs → flyout-multilevel.wrapper.mjs} +3 -3
  9. package/esm/lib/components/index.d.ts +2 -2
  10. package/esm/lib/types.d.ts +5 -5
  11. package/esm/public-api.mjs +2 -2
  12. package/package.json +2 -2
  13. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +11 -11
  14. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/{flyout-navigation-item.wrapper.cjs → flyout-multilevel-item.wrapper.cjs} +5 -5
  15. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/{flyout-navigation.wrapper.cjs → flyout-multilevel.wrapper.cjs} +5 -5
  16. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/toast.wrapper.cjs +1 -0
  17. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.cjs +2 -2
  18. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.cjs +2 -2
  19. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.cjs +2 -2
  20. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-tile.cjs +2 -2
  21. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.cjs +2 -2
  22. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.cjs +2 -2
  23. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +2 -2
  24. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.cjs +2 -2
  25. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/{flyout-navigation-item.cjs → flyout-multilevel-item.cjs} +7 -7
  26. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/{flyout-navigation.cjs → flyout-multilevel.cjs} +6 -6
  27. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.cjs +2 -2
  28. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.cjs +2 -2
  29. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.cjs +2 -2
  30. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.cjs +2 -2
  31. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-model-signature.cjs +2 -2
  32. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-product.cjs +2 -2
  33. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.cjs +2 -2
  34. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.cjs +2 -2
  35. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.cjs +2 -2
  36. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select-option.cjs +2 -2
  37. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.cjs +2 -2
  38. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pagination.cjs +2 -2
  39. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.cjs +2 -2
  40. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.cjs +2 -2
  41. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.cjs +2 -2
  42. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.cjs +2 -2
  43. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.cjs +2 -2
  44. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-option.cjs +2 -2
  45. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.cjs +2 -2
  46. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.cjs +2 -2
  47. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.cjs +2 -2
  48. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/state-message.cjs +2 -2
  49. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.cjs +2 -2
  50. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.cjs +2 -2
  51. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.cjs +2 -2
  52. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.cjs +2 -2
  53. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.cjs +2 -2
  54. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.cjs +2 -2
  55. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.cjs +2 -2
  56. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.cjs +2 -2
  57. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.cjs +2 -2
  58. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.cjs +2 -2
  59. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/public-api.cjs +4 -4
  60. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +10 -10
  61. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/{flyout-navigation-item.wrapper.mjs → flyout-multilevel-item.wrapper.mjs} +5 -5
  62. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/{flyout-navigation.wrapper.mjs → flyout-multilevel.wrapper.mjs} +5 -5
  63. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/toast.wrapper.mjs +1 -0
  64. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.mjs +2 -2
  65. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.mjs +2 -2
  66. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.mjs +2 -2
  67. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-tile.mjs +2 -2
  68. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.mjs +2 -2
  69. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.mjs +2 -2
  70. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +2 -2
  71. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.mjs +2 -2
  72. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/{flyout-navigation-item.mjs → flyout-multilevel-item.mjs} +7 -7
  73. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/{flyout-navigation.mjs → flyout-multilevel.mjs} +6 -6
  74. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.mjs +2 -2
  75. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.mjs +2 -2
  76. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.mjs +2 -2
  77. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.mjs +2 -2
  78. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-model-signature.mjs +2 -2
  79. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-product.mjs +2 -2
  80. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.mjs +2 -2
  81. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.mjs +2 -2
  82. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs +2 -2
  83. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select-option.mjs +2 -2
  84. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.mjs +2 -2
  85. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pagination.mjs +2 -2
  86. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.mjs +2 -2
  87. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs +2 -2
  88. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.mjs +2 -2
  89. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.mjs +2 -2
  90. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.mjs +2 -2
  91. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-option.mjs +2 -2
  92. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.mjs +2 -2
  93. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.mjs +2 -2
  94. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.mjs +2 -2
  95. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/state-message.mjs +2 -2
  96. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.mjs +2 -2
  97. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.mjs +2 -2
  98. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.mjs +2 -2
  99. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.mjs +2 -2
  100. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.mjs +2 -2
  101. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.mjs +2 -2
  102. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.mjs +2 -2
  103. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.mjs +2 -2
  104. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.mjs +2 -2
  105. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.mjs +2 -2
  106. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/public-api.mjs +2 -2
  107. package/ssr/esm/lib/components/{flyout-navigation-item.wrapper.d.ts → flyout-multilevel-item.wrapper.d.ts} +4 -4
  108. package/ssr/esm/lib/components/{flyout-navigation.wrapper.d.ts → flyout-multilevel.wrapper.d.ts} +13 -13
  109. package/ssr/esm/lib/components/index.d.ts +2 -2
  110. package/ssr/esm/lib/dsr-components/flyout-multilevel-item.d.ts +9 -0
  111. package/ssr/esm/lib/dsr-components/{flyout-navigation.d.ts → flyout-multilevel.d.ts} +2 -2
  112. package/ssr/esm/lib/types.d.ts +5 -5
  113. package/ssr/esm/lib/dsr-components/flyout-navigation-item.d.ts +0 -9
@@ -1,15 +1,15 @@
1
1
  /// <reference types="react" />
2
2
  import type { BaseProps } from '../../BaseProps';
3
- import type { SelectedAriaAttributes, FlyoutNavigationAriaAttribute, FlyoutNavigationUpdateEventDetail, Theme } from '../types';
4
- export type PFlyoutNavigationProps = BaseProps & {
3
+ import type { SelectedAriaAttributes, FlyoutMultilevelAriaAttribute, FlyoutMultilevelUpdateEventDetail, Theme } from '../types';
4
+ export type PFlyoutMultilevelProps = BaseProps & {
5
5
  /**
6
- * Defines which flyout-navigation-item to be visualized as opened.
6
+ * Defines which flyout-multilevel-item to be visualized as opened.
7
7
  */
8
8
  activeIdentifier?: string | undefined;
9
9
  /**
10
10
  * Add ARIA attributes.
11
11
  */
12
- aria?: SelectedAriaAttributes<FlyoutNavigationAriaAttribute>;
12
+ aria?: SelectedAriaAttributes<FlyoutMultilevelAriaAttribute>;
13
13
  /**
14
14
  * Emitted when the component requests to be dismissed.
15
15
  */
@@ -17,25 +17,25 @@ export type PFlyoutNavigationProps = BaseProps & {
17
17
  /**
18
18
  * Emitted when activeIdentifier is changed.
19
19
  */
20
- onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEventDetail>) => void;
20
+ onUpdate?: (event: CustomEvent<FlyoutMultilevelUpdateEventDetail>) => void;
21
21
  /**
22
- * If true, the flyout-navigation is visualized as opened.
22
+ * If true, the flyout-multilevel is visualized as opened.
23
23
  */
24
24
  open?: boolean;
25
25
  /**
26
- * Adapts the flyout-navigation color depending on the theme.
26
+ * Adapts the flyout-multilevel color depending on the theme.
27
27
  */
28
28
  theme?: Theme;
29
29
  };
30
- export declare const PFlyoutNavigation: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
30
+ export declare const PFlyoutMultilevel: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
31
31
  /**
32
- * Defines which flyout-navigation-item to be visualized as opened.
32
+ * Defines which flyout-multilevel-item to be visualized as opened.
33
33
  */
34
34
  activeIdentifier?: string | undefined;
35
35
  /**
36
36
  * Add ARIA attributes.
37
37
  */
38
- aria?: SelectedAriaAttributes<FlyoutNavigationAriaAttribute>;
38
+ aria?: SelectedAriaAttributes<FlyoutMultilevelAriaAttribute>;
39
39
  /**
40
40
  * Emitted when the component requests to be dismissed.
41
41
  */
@@ -43,13 +43,13 @@ export declare const PFlyoutNavigation: import("react").ForwardRefExoticComponen
43
43
  /**
44
44
  * Emitted when activeIdentifier is changed.
45
45
  */
46
- onUpdate?: (event: CustomEvent<FlyoutNavigationUpdateEventDetail>) => void;
46
+ onUpdate?: (event: CustomEvent<FlyoutMultilevelUpdateEventDetail>) => void;
47
47
  /**
48
- * If true, the flyout-navigation is visualized as opened.
48
+ * If true, the flyout-multilevel is visualized as opened.
49
49
  */
50
50
  open?: boolean;
51
51
  /**
52
- * Adapts the flyout-navigation color depending on the theme.
52
+ * Adapts the flyout-multilevel color depending on the theme.
53
53
  */
54
54
  theme?: Theme;
55
55
  } & {
@@ -16,8 +16,8 @@ export * from './fieldset-wrapper.wrapper';
16
16
  export * from './flex.wrapper';
17
17
  export * from './flex-item.wrapper';
18
18
  export * from './flyout.wrapper';
19
- export * from './flyout-navigation.wrapper';
20
- export * from './flyout-navigation-item.wrapper';
19
+ export * from './flyout-multilevel.wrapper';
20
+ export * from './flyout-multilevel-item.wrapper';
21
21
  export * from './grid.wrapper';
22
22
  export * from './grid-item.wrapper';
23
23
  export * from './heading.wrapper';
@@ -0,0 +1,9 @@
1
+ import { Component } from 'react';
2
+ import { type FlyoutMultilevelItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
3
+ /** @experimental */
4
+ export declare class DSRFlyoutMultilevelItem extends Component<any> {
5
+ host: HTMLElement & FlyoutMultilevelItemInternalHTMLProps;
6
+ private get theme();
7
+ private get open();
8
+ render(): JSX.Element;
9
+ }
@@ -1,8 +1,8 @@
1
1
  import { Component } from 'react';
2
2
  /** @experimental */
3
- export declare class DSRFlyoutNavigation extends Component<any> {
3
+ export declare class DSRFlyoutMultilevel extends Component<any> {
4
4
  host: HTMLElement;
5
- private flyoutNavigationItemElements;
5
+ private flyoutMultilevelItemElements;
6
6
  private dialog;
7
7
  render(): JSX.Element;
8
8
  }
@@ -864,16 +864,16 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
864
864
  "aria-label"
865
865
  ];
866
866
  export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
867
- declare const FLYOUT_NAVIGATION_ARIA_ATTRIBUTES: readonly [
867
+ declare const FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES: readonly [
868
868
  "aria-label"
869
869
  ];
870
- export type FlyoutNavigationAriaAttribute = (typeof FLYOUT_NAVIGATION_ARIA_ATTRIBUTES)[number];
871
- export type FlyoutNavigationUpdate = {
870
+ export type FlyoutMultilevelAriaAttribute = (typeof FLYOUT_MULTILEVEL_ARIA_ATTRIBUTES)[number];
871
+ export type FlyoutMultilevelUpdate = {
872
872
  activeIdentifier: string;
873
873
  };
874
874
  /** @deprecated */
875
- export type FlyoutNavigationUpdateEvent = FlyoutNavigationUpdate;
876
- export type FlyoutNavigationUpdateEventDetail = FlyoutNavigationUpdateEvent;
875
+ export type FlyoutMultilevelUpdateEvent = FlyoutMultilevelUpdate;
876
+ export type FlyoutMultilevelUpdateEventDetail = FlyoutMultilevelUpdateEvent;
877
877
  declare const GRID_DIRECTIONS: readonly [
878
878
  "row",
879
879
  "row-reverse",
@@ -1,9 +0,0 @@
1
- import { Component } from 'react';
2
- import { type FlyoutNavigationItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
3
- /** @experimental */
4
- export declare class DSRFlyoutNavigationItem extends Component<any> {
5
- host: HTMLElement & FlyoutNavigationItemInternalHTMLProps;
6
- private get theme();
7
- private get open();
8
- render(): JSX.Element;
9
- }