@porsche-design-system/components-react 2.18.0-rc.2 → 2.19.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.
package/CHANGELOG.md CHANGED
@@ -9,6 +9,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
9
9
 
10
10
  ### [Unreleased]
11
11
 
12
+ ### [2.19.0-rc.0] - 2022-12-21
13
+
14
+ #### Added
15
+
16
+ - Vue: typed components are available via the `@porsche-design-system/components-vue` package
17
+
18
+ #### Fixed
19
+
20
+ - `Modal` focus cycle when pressing Shift Tab right after it was opened
21
+
22
+ ### [2.18.0] - 2022-12-15
23
+
12
24
  ### [2.18.0-rc.2] - 2022-12-14
13
25
 
14
26
  #### Added
package/esm/hooks.js CHANGED
@@ -53,7 +53,7 @@ const useToastManager = () => {
53
53
  const tagName = usePrefix('p-toast');
54
54
  return {
55
55
  addMessage: (message) => {
56
- const toast = document.querySelector(tagName);
56
+ const toast = document.body.querySelector(tagName);
57
57
  customElements.whenDefined(tagName).then(() => toast.addMessage(message));
58
58
  },
59
59
  };
package/esm/provider.js CHANGED
@@ -9,7 +9,7 @@ const PorscheDesignSystemContext = createContext({
9
9
  const PorscheDesignSystemProvider = ({ prefix = '', ...props }) => {
10
10
  useEffect(() => {
11
11
  load({ prefix });
12
- }, [prefix]);
12
+ }, []); // No runtime prefix change is supported
13
13
  return jsx(PorscheDesignSystemContext.Provider, { value: { prefix }, ...props });
14
14
  };
15
15
 
package/hooks.js CHANGED
@@ -55,7 +55,7 @@ const useToastManager = () => {
55
55
  const tagName = usePrefix('p-toast');
56
56
  return {
57
57
  addMessage: (message) => {
58
- const toast = document.querySelector(tagName);
58
+ const toast = document.body.querySelector(tagName);
59
59
  customElements.whenDefined(tagName).then(() => toast.addMessage(message));
60
60
  },
61
61
  };