@porsche-design-system/components-react 2.18.0 → 2.19.0-rc.1

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,22 @@ 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.1] - 2022-12-22
13
+
14
+ #### Fixed
15
+
16
+ - `Stepper Horizontal` calculation of scroll position when used within any parent that has a margin or padding
17
+
18
+ ### [2.19.0-rc.0] - 2022-12-21
19
+
20
+ #### Added
21
+
22
+ - Vue: typed components are available via the `@porsche-design-system/components-vue` package
23
+
24
+ #### Fixed
25
+
26
+ - `Modal` focus cycle when pressing Shift Tab right after it was opened
27
+
12
28
  ### [2.18.0] - 2022-12-15
13
29
 
14
30
  ### [2.18.0-rc.2] - 2022-12-14
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
  };