@fluentui/react-portal 9.6.4 → 9.7.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/lib/components/Portal/usePortalMountNodeStyles.styles.raw.js +14 -0
  3. package/lib/components/Portal/usePortalMountNodeStyles.styles.raw.js.map +1 -0
  4. package/lib-commonjs/components/Portal/usePortalMountNodeStyles.styles.raw.js +24 -0
  5. package/lib-commonjs/components/Portal/usePortalMountNodeStyles.styles.raw.js.map +1 -0
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,12 +1,22 @@
1
1
  # Change Log - @fluentui/react-portal
2
2
 
3
- This log was last generated on Fri, 04 Jul 2025 10:00:07 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 17 Jul 2025 13:45:43 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.7.0)
8
+
9
+ Thu, 17 Jul 2025 13:45:43 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.6.4..@fluentui/react-portal_v9.7.0)
11
+
12
+ ### Minor changes
13
+
14
+ - feat: enable griffel raw styles ([PR #34853](https://github.com/microsoft/fluentui/pull/34853) by martinhochel@microsoft.com)
15
+ - Bump @fluentui/react-tabster to v9.26.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
16
+
7
17
  ## [9.6.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.6.4)
8
18
 
9
- Fri, 04 Jul 2025 10:00:07 GMT
19
+ Fri, 04 Jul 2025 10:02:46 GMT
10
20
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.6.3..@fluentui/react-portal_v9.6.4)
11
21
 
12
22
  ### Patches
package/lib/components/Portal/usePortalMountNodeStyles.styles.raw.js ADDED
@@ -0,0 +1,14 @@
1
+ import { makeStyles } from '@griffel/react';
2
+ export const usePortalMountNodeStylesStyles = makeStyles({
3
+ root: {
4
+ // Creates new stacking context to prevent z-index issues
5
+ // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context
6
+ //
7
+ // Also keeps a portal on top of a page to prevent scrollbars from appearing
8
+ position: 'absolute',
9
+ top: 0,
10
+ left: 0,
11
+ right: 0,
12
+ zIndex: 1000000
13
+ }
14
+ });
package/lib/components/Portal/usePortalMountNodeStyles.styles.raw.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/Portal/usePortalMountNodeStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\nexport const usePortalMountNodeStylesStyles = makeStyles({\n root: {\n // Creates new stacking context to prevent z-index issues\n // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context\n //\n // Also keeps a portal on top of a page to prevent scrollbars from appearing\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n\n zIndex: 1000000,\n },\n});\n"],"names":["makeStyles","usePortalMountNodeStylesStyles","root","position","top","left","right","zIndex"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,iCAAiCD,WAAW;IACvDE,MAAM;QACJ,yDAAyD;QACzD,gHAAgH;QAChH,EAAE;QACF,4EAA4E;QAC5EC,UAAU;QACVC,KAAK;QACLC,MAAM;QACNC,OAAO;QAEPC,QAAQ;IACV;AACF,GAAG"}
package/lib-commonjs/components/Portal/usePortalMountNodeStyles.styles.raw.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "usePortalMountNodeStylesStyles", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return usePortalMountNodeStylesStyles;
9
+ }
10
+ });
11
+ const _react = require("@griffel/react");
12
+ const usePortalMountNodeStylesStyles = (0, _react.makeStyles)({
13
+ root: {
14
+ // Creates new stacking context to prevent z-index issues
15
+ // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context
16
+ //
17
+ // Also keeps a portal on top of a page to prevent scrollbars from appearing
18
+ position: 'absolute',
19
+ top: 0,
20
+ left: 0,
21
+ right: 0,
22
+ zIndex: 1000000
23
+ }
24
+ });
package/lib-commonjs/components/Portal/usePortalMountNodeStyles.styles.raw.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/Portal/usePortalMountNodeStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\nexport const usePortalMountNodeStylesStyles = makeStyles({\n root: {\n // Creates new stacking context to prevent z-index issues\n // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context\n //\n // Also keeps a portal on top of a page to prevent scrollbars from appearing\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n\n zIndex: 1000000,\n },\n});\n"],"names":["usePortalMountNodeStylesStyles","makeStyles","root","position","top","left","right","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;uBAFc;AAEpB,MAAMA,iCAAiCC,IAAAA,iBAAAA,EAAW;IACvDC,MAAM;QACJ,yDAAyD;QACzD,gHAAgH;QAChH,EAAE;QACF,4EAA4E;QAC5EC,UAAU;QACVC,KAAK;QACLC,MAAM;QACNC,OAAO;QAEPC,QAAQ;IACV;AACF"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-portal",
3
- "version": "9.6.4",
3
+ "version": "9.7.0",
4
4
  "description": "A utility component that creates portals compatible with Fluent UI",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "dependencies": {
21
21
  "@fluentui/react-shared-contexts": "^9.24.0",
22
- "@fluentui/react-tabster": "^9.25.3",
22
+ "@fluentui/react-tabster": "^9.26.0",
23
23
  "@fluentui/react-utilities": "^9.22.0",
24
24
  "@griffel/react": "^1.5.22",
25
25
  "@swc/helpers": "^0.5.1",