@fluentui/react-dialog 9.75.0-experimental.css-modules.20261031-810ab07afb.0 → 9.75.1-experimental.positioning-engine.20261103-19efe125d1.0

package/CHANGELOG.md

@@ -1,27 +1,27 @@
 # Change Log - @fluentui/react-dialog
 
-<!-- This log was last generated on Sat, 31 Oct 2026 11:08:43 GMT and should not be manually modified. -->
+<!-- This log was last generated on Tue, 03 Nov 2026 14:18:24 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## [9.75.0-experimental.css-modules.20261031-810ab07afb.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.75.0-experimental.css-modules.20261031-810ab07afb.0)
+## [9.75.1-experimental.positioning-engine.20261103-19efe125d1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0)
 
-Sat, 31 Oct 2026 11:08:43 GMT
+Tue, 03 Nov 2026 14:18:24 GMT
 
 ### Changes
 
-- Release 9.75.0-experimental.css-modules.20261031-810ab07afb ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
-- Bump @fluentui/keyboard-keys to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-aria to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-context-selector to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-motion to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-motion-components-preview to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-portal to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-shared-contexts to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-tabster to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-theme to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-utilities to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Release 9.75.1-experimental.positioning-engine.20261103-19efe125d1 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
+- Bump @fluentui/keyboard-keys to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-aria to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-context-selector to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-motion to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-motion-components-preview to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-portal to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
 
 ## [9.18.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.18.6)
 

package/README.md

@@ -43,15 +43,3 @@ export const DialogExample = () => {
   );
 };
 ```
-
-## Opt-in CSS Modules styles
-
-DialogActions, DialogBody, DialogContent, DialogSurface, DialogTitle (including its internal action helper), and the body-scroll lock utility have alternatives.
-
-The default components continue to use Griffel. An opt-in bundler resolver can replace
-`use<Component>Styles.styles.js` with `use<Component>Styles.styles.css.js`
-(and the corresponding `.ts` source modules). Keep the emitted CSS assets and process
-their CSS Modules imports; all rules are in `@layer fluentui`. Apply the same selection
-to client and server bundles. Within-package composed alternatives import their CSS
-base hook explicitly. These alternatives do not make composed external components
-Griffel-free. Browser, forced-colors, SSR, and full VRT parity require separate validation.

package/package.json

@@ -1,34 +1,31 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+  "version": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/keyboard-keys": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-aria": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-context-selector": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/keyboard-keys": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-aria": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-context-selector": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-motion": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-motion-components-preview": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-portal": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-shared-contexts": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-tabster": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-theme": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
-    "@fluentui/react-utilities": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-jsx-runtime": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-motion": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-motion-components-preview": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-portal": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-shared-contexts": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-tabster": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-theme": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
+    "@fluentui/react-utilities": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
     "@griffel/react": "^1.5.32",
-    "@swc/helpers": "^0.5.1",
-    "clsx": "^2.1.1"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <20.0.0",

package/lib/components/DialogActions/DialogActions.module.css

@@ -1,47 +0,0 @@
-@layer fluentui {
-  .root {
-    gap: var(--spacingHorizontalS);
-    height: fit-content;
-    box-sizing: border-box;
-    display: flex;
-    grid-row-start: 3;
-    grid-row-end: 3;
-  }
-
-  .start {
-    justify-self: start;
-    grid-column-start: 1;
-    grid-column-end: 2;
-    @media screen and (max-width: 480px) {
-      grid-column-end: 4;
-      grid-row-start: 3;
-      grid-row-end: auto;
-    }
-  }
-
-  .end {
-    justify-self: end;
-    grid-column-start: 2;
-    grid-column-end: 4;
-    @media screen and (max-width: 480px) {
-      grid-column-start: 1;
-      grid-row-start: 4;
-      grid-row-end: auto;
-    }
-  }
-
-  .fluid:where(.start) {
-    grid-column-end: 4;
-  }
-
-  .fluid:where(.end) {
-    grid-column-start: 1;
-  }
-  /* Griffel emits media rules after the position rules. */
-  @media screen and (max-width: 480px) {
-    .root {
-      flex-direction: column;
-      justify-self: stretch;
-    }
-  }
-}

package/lib/components/DialogActions/useDialogActionsStyles.styles.css.js

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogActions.module.css";
-export const dialogActionsClassNames = {
-    root: 'fui-DialogActions'
-};
-export const useDialogActionsStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogActionsClassNames.root, styles.root, styles[state.position], state.fluid && styles.fluid, state.root.className);
-    return state;
-};

package/lib/components/DialogActions/useDialogActionsStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogActions/useDialogActionsStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogActionsState, DialogActionsSlots } from './DialogActions.types';\nimport styles from './DialogActions.module.css';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n  root: 'fui-DialogActions',\n};\n\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n  state.root.className = clsx(\n    dialogActionsClassNames.root,\n    styles.root,\n    styles[state.position],\n    state.fluid && styles.fluid,\n    state.root.className,\n  );\n  return state;\n};\n"],"names":["clsx","styles","dialogActionsClassNames","root","useDialogActionsStyles_unstable","state","className","position","fluid"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,6BAA6B;AAEhD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KACrBE,wBAAwBC,IAAI,EAC5BF,OAAOE,IAAI,EACXF,MAAM,CAACI,MAAME,QAAQ,CAAC,EACtBF,MAAMG,KAAK,IAAIP,OAAOO,KAAK,EAC3BH,MAAMF,IAAI,CAACG,SAAS;IAEtB,OAAOD;AACT,EAAE"}

package/lib/components/DialogActions/useDialogActionsStyles.styles.raw.css.js

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogActions.module.css";
-export const dialogActionsClassNames = {
-    root: 'fui-DialogActions'
-};
-export const useDialogActionsStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogActionsClassNames.root, styles.root, styles[state.position], state.fluid && styles.fluid, state.root.className);
-    return state;
-};

package/lib/components/DialogActions/useDialogActionsStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogActions/useDialogActionsStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogActionsState, DialogActionsSlots } from './DialogActions.types';\nimport styles from './DialogActions.module.css';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n  root: 'fui-DialogActions',\n};\n\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n  state.root.className = clsx(\n    dialogActionsClassNames.root,\n    styles.root,\n    styles[state.position],\n    state.fluid && styles.fluid,\n    state.root.className,\n  );\n  return state;\n};\n"],"names":["clsx","styles","dialogActionsClassNames","root","useDialogActionsStyles_unstable","state","className","position","fluid"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,6BAA6B;AAEhD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KACrBE,wBAAwBC,IAAI,EAC5BF,OAAOE,IAAI,EACXF,MAAM,CAACI,MAAME,QAAQ,CAAC,EACtBF,MAAMG,KAAK,IAAIP,OAAOO,KAAK,EAC3BH,MAAMF,IAAI,CAACG,SAAS;IAEtB,OAAOD;AACT,EAAE"}

package/lib/components/DialogBody/DialogBody.module.css

@@ -1,19 +0,0 @@
-@layer fluentui {
-  .root {
-    overflow: unset;
-    gap: var(--spacingHorizontalS);
-    display: grid;
-    max-height: calc(100vh - 2 * var(--spacingHorizontalXXL));
-    max-height: calc(100dvh - 2 * var(--spacingHorizontalXXL));
-    box-sizing: border-box;
-    grid-template-rows: auto 1fr;
-    grid-template-columns: 1fr 1fr auto;
-    @media screen and (max-width: 480px) {
-      max-width: 100vw;
-      grid-template-rows: auto 1fr auto;
-    }
-    @media screen and (max-height: 359px) {
-      max-height: unset;
-    }
-  }
-}

package/lib/components/DialogBody/useDialogBodyStyles.styles.css.js

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogBody.module.css";
-export const dialogBodyClassNames = {
-    root: 'fui-DialogBody'
-};
-export const useDialogBodyStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogBodyClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib/components/DialogBody/useDialogBodyStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogBody/useDialogBodyStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogBodyState, DialogBodySlots } from './DialogBody.types';\nimport styles from './DialogBody.module.css';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n  root: 'fui-DialogBody',\n};\n\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n  state.root.className = clsx(dialogBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","dialogBodyClassNames","root","useDialogBodyStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,0BAA0B;AAE7C,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,+BAA+B,CAACC;IAC3CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,qBAAqBC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IACxF,OAAOD;AACT,EAAE"}

package/lib/components/DialogBody/useDialogBodyStyles.styles.raw.css.js

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogBody.module.css";
-export const dialogBodyClassNames = {
-    root: 'fui-DialogBody'
-};
-export const useDialogBodyStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogBodyClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib/components/DialogBody/useDialogBodyStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogBody/useDialogBodyStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogBodyState, DialogBodySlots } from './DialogBody.types';\nimport styles from './DialogBody.module.css';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n  root: 'fui-DialogBody',\n};\n\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n  state.root.className = clsx(dialogBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","dialogBodyClassNames","root","useDialogBodyStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,0BAA0B;AAE7C,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,+BAA+B,CAACC;IAC3CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,qBAAqBC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IACxF,OAAOD;AACT,EAAE"}

package/lib/components/DialogContent/DialogContent.module.css

@@ -1,20 +0,0 @@
-@layer fluentui {
-  .root {
-    padding: var(--strokeWidthThick);
-    margin: calc(var(--strokeWidthThick) * -1);
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightRegular);
-    line-height: var(--lineHeightBase300);
-    overflow-y: auto;
-    min-height: var(--spacingHorizontalXXXL);
-    box-sizing: border-box;
-    grid-row-start: 2;
-    grid-row-end: 2;
-    grid-column-start: 1;
-    grid-column-end: 4;
-    @media screen and (max-height: 359px) {
-      overflow-y: unset;
-    }
-  }
-}

package/lib/components/DialogContent/useDialogContentStyles.styles.css.js

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogContent.module.css";
-export const dialogContentClassNames = {
-    root: 'fui-DialogContent'
-};
-export const useDialogContentStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogContentClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib/components/DialogContent/useDialogContentStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogContent/useDialogContentStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogContentState, DialogContentSlots } from './DialogContent.types';\nimport styles from './DialogContent.module.css';\n\nexport const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {\n  root: 'fui-DialogContent',\n};\n\nexport const useDialogContentStyles_unstable = (state: DialogContentState): DialogContentState => {\n  state.root.className = clsx(dialogContentClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","dialogContentClassNames","root","useDialogContentStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,6BAA6B;AAEhD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,wBAAwBC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAC3F,OAAOD;AACT,EAAE"}

package/lib/components/DialogContent/useDialogContentStyles.styles.raw.css.js

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogContent.module.css";
-export const dialogContentClassNames = {
-    root: 'fui-DialogContent'
-};
-export const useDialogContentStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogContentClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib/components/DialogContent/useDialogContentStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogContent/useDialogContentStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogContentState, DialogContentSlots } from './DialogContent.types';\nimport styles from './DialogContent.module.css';\n\nexport const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {\n  root: 'fui-DialogContent',\n};\n\nexport const useDialogContentStyles_unstable = (state: DialogContentState): DialogContentState => {\n  state.root.className = clsx(dialogContentClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","dialogContentClassNames","root","useDialogContentStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,6BAA6B;AAEhD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,wBAAwBC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAC3F,OAAOD;AACT,EAAE"}

package/lib/components/DialogSurface/DialogSurface.module.css

@@ -1,70 +0,0 @@
-@layer fluentui {
-  .root {
-    &:focus {
-      outline-style: none;
-    }
-    &:focus-visible {
-      outline-style: none;
-    }
-    &[data-fui-focus-visible] {
-      border-color: transparent;
-      &::after {
-        content: '';
-        position: absolute;
-        pointer-events: none;
-        z-index: 1;
-        border: 2px solid var(--colorStrokeFocus2);
-        border-radius: var(--borderRadiusMedium);
-        inset: -2px;
-      }
-      @media (forced-colors: active) {
-        &::after {
-          border-color: Highlight;
-        }
-      }
-    }
-    inset: 0;
-    padding: var(--spacingHorizontalXXL);
-    margin: auto;
-    border-style: none;
-    overflow: unset;
-    border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
-    border-radius: var(--borderRadiusXLarge);
-    display: block;
-    user-select: unset;
-    visibility: unset;
-    position: fixed;
-    height: fit-content;
-    max-width: 600px;
-    max-height: 100vh;
-    max-height: 100dvh;
-    box-sizing: border-box;
-    background-color: var(--colorNeutralBackground1);
-    color: var(--colorNeutralForeground1);
-    box-shadow: var(--shadow64);
-    @media screen and (max-width: 480px) {
-      max-width: 100vw;
-    }
-    @media screen and (max-height: 359px) {
-      overflow-y: auto;
-      padding-inline-end: calc(var(--spacingHorizontalXXL) - var(--spacingHorizontalXS));
-      border-inline-end-width: var(--spacingHorizontalXS);
-      border-top-width: var(--spacingHorizontalXS);
-      border-bottom-width: var(--spacingHorizontalXS);
-    }
-  }
-
-  .backdrop {
-    inset: 0px;
-    background-color: var(--colorBackgroundOverlay);
-    position: fixed;
-  }
-
-  .transparent {
-    background-color: var(--colorTransparentBackground);
-  }
-
-  .hidden {
-    pointer-events: none;
-  }
-}

package/lib/components/DialogSurface/useDialogSurfaceStyles.styles.css.js

@@ -1,15 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogSurface.module.css";
-export const dialogSurfaceClassNames = {
-    root: 'fui-DialogSurface',
-    backdrop: 'fui-DialogSurface__backdrop'
-};
-export const useDialogSurfaceStyles_unstable = (state)=>{
-    const mountedAndClosed = !state.unmountOnClose && !state.open;
-    const transparent = state.backdropAppearance ? state.backdropAppearance === 'transparent' : state.treatBackdropAsNested;
-    state.root.className = clsx(dialogSurfaceClassNames.root, styles.root, mountedAndClosed && styles.hidden, state.root.className);
-    if (state.backdrop) {
-        state.backdrop.className = clsx(dialogSurfaceClassNames.backdrop, styles.backdrop, mountedAndClosed && styles.hidden, transparent && styles.transparent, state.backdrop.className);
-    }
-    return state;
-};

package/lib/components/DialogSurface/useDialogSurfaceStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogSurface/useDialogSurfaceStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogSurfaceState, DialogSurfaceSlots } from './DialogSurface.types';\nimport styles from './DialogSurface.module.css';\n\nexport const dialogSurfaceClassNames: SlotClassNames<Omit<DialogSurfaceSlots, 'backdropMotion'>> = {\n  root: 'fui-DialogSurface',\n  backdrop: 'fui-DialogSurface__backdrop',\n};\n\nexport const useDialogSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n  const mountedAndClosed = !state.unmountOnClose && !state.open;\n  const transparent = state.backdropAppearance\n    ? state.backdropAppearance === 'transparent'\n    : state.treatBackdropAsNested;\n  state.root.className = clsx(\n    dialogSurfaceClassNames.root,\n    styles.root,\n    mountedAndClosed && styles.hidden,\n    state.root.className,\n  );\n  if (state.backdrop) {\n    state.backdrop.className = clsx(\n      dialogSurfaceClassNames.backdrop,\n      styles.backdrop,\n      mountedAndClosed && styles.hidden,\n      transparent && styles.transparent,\n      state.backdrop.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","dialogSurfaceClassNames","root","backdrop","useDialogSurfaceStyles_unstable","state","mountedAndClosed","unmountOnClose","open","transparent","backdropAppearance","treatBackdropAsNested","className","hidden"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,6BAA6B;AAEhD,OAAO,MAAMC,0BAAsF;IACjGC,MAAM;IACNC,UAAU;AACZ,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,MAAMC,mBAAmB,CAACD,MAAME,cAAc,IAAI,CAACF,MAAMG,IAAI;IAC7D,MAAMC,cAAcJ,MAAMK,kBAAkB,GACxCL,MAAMK,kBAAkB,KAAK,gBAC7BL,MAAMM,qBAAqB;IAC/BN,MAAMH,IAAI,CAACU,SAAS,GAAGb,KACrBE,wBAAwBC,IAAI,EAC5BF,OAAOE,IAAI,EACXI,oBAAoBN,OAAOa,MAAM,EACjCR,MAAMH,IAAI,CAACU,SAAS;IAEtB,IAAIP,MAAMF,QAAQ,EAAE;QAClBE,MAAMF,QAAQ,CAACS,SAAS,GAAGb,KACzBE,wBAAwBE,QAAQ,EAChCH,OAAOG,QAAQ,EACfG,oBAAoBN,OAAOa,MAAM,EACjCJ,eAAeT,OAAOS,WAAW,EACjCJ,MAAMF,QAAQ,CAACS,SAAS;IAE5B;IACA,OAAOP;AACT,EAAE"}

package/lib/components/DialogSurface/useDialogSurfaceStyles.styles.raw.css.js

@@ -1,15 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogSurface.module.css";
-export const dialogSurfaceClassNames = {
-    root: 'fui-DialogSurface',
-    backdrop: 'fui-DialogSurface__backdrop'
-};
-export const useDialogSurfaceStyles_unstable = (state)=>{
-    const mountedAndClosed = !state.unmountOnClose && !state.open;
-    const transparent = state.backdropAppearance ? state.backdropAppearance === 'transparent' : state.treatBackdropAsNested;
-    state.root.className = clsx(dialogSurfaceClassNames.root, styles.root, mountedAndClosed && styles.hidden, state.root.className);
-    if (state.backdrop) {
-        state.backdrop.className = clsx(dialogSurfaceClassNames.backdrop, styles.backdrop, mountedAndClosed && styles.hidden, transparent && styles.transparent, state.backdrop.className);
-    }
-    return state;
-};

package/lib/components/DialogSurface/useDialogSurfaceStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogSurface/useDialogSurfaceStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogSurfaceState, DialogSurfaceSlots } from './DialogSurface.types';\nimport styles from './DialogSurface.module.css';\n\nexport const dialogSurfaceClassNames: SlotClassNames<Omit<DialogSurfaceSlots, 'backdropMotion'>> = {\n  root: 'fui-DialogSurface',\n  backdrop: 'fui-DialogSurface__backdrop',\n};\n\nexport const useDialogSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n  const mountedAndClosed = !state.unmountOnClose && !state.open;\n  const transparent = state.backdropAppearance\n    ? state.backdropAppearance === 'transparent'\n    : state.treatBackdropAsNested;\n  state.root.className = clsx(\n    dialogSurfaceClassNames.root,\n    styles.root,\n    mountedAndClosed && styles.hidden,\n    state.root.className,\n  );\n  if (state.backdrop) {\n    state.backdrop.className = clsx(\n      dialogSurfaceClassNames.backdrop,\n      styles.backdrop,\n      mountedAndClosed && styles.hidden,\n      transparent && styles.transparent,\n      state.backdrop.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","dialogSurfaceClassNames","root","backdrop","useDialogSurfaceStyles_unstable","state","mountedAndClosed","unmountOnClose","open","transparent","backdropAppearance","treatBackdropAsNested","className","hidden"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,6BAA6B;AAEhD,OAAO,MAAMC,0BAAsF;IACjGC,MAAM;IACNC,UAAU;AACZ,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,MAAMC,mBAAmB,CAACD,MAAME,cAAc,IAAI,CAACF,MAAMG,IAAI;IAC7D,MAAMC,cAAcJ,MAAMK,kBAAkB,GACxCL,MAAMK,kBAAkB,KAAK,gBAC7BL,MAAMM,qBAAqB;IAC/BN,MAAMH,IAAI,CAACU,SAAS,GAAGb,KACrBE,wBAAwBC,IAAI,EAC5BF,OAAOE,IAAI,EACXI,oBAAoBN,OAAOa,MAAM,EACjCR,MAAMH,IAAI,CAACU,SAAS;IAEtB,IAAIP,MAAMF,QAAQ,EAAE;QAClBE,MAAMF,QAAQ,CAACS,SAAS,GAAGb,KACzBE,wBAAwBE,QAAQ,EAChCH,OAAOG,QAAQ,EACfG,oBAAoBN,OAAOa,MAAM,EACjCJ,eAAeT,OAAOS,WAAW,EACjCJ,MAAMF,QAAQ,CAACS,SAAS;IAE5B;IACA,OAAOP;AACT,EAAE"}

package/lib/components/DialogTitle/DialogTitle.module.css

@@ -1,64 +0,0 @@
-@layer fluentui {
-  .root {
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase500);
-    font-weight: var(--fontWeightSemibold);
-    line-height: var(--lineHeightBase500);
-    margin: 0;
-    grid-row-start: 1;
-    grid-row-end: 1;
-    grid-column-start: 1;
-    grid-column-end: 3;
-  }
-
-  .withoutAction {
-    grid-column-end: 4;
-  }
-
-  .action {
-    grid-row-start: 1;
-    grid-row-end: 1;
-    grid-column-start: 3;
-    justify-self: end;
-    align-self: start;
-  }
-
-  .internalAction {
-    &:focus {
-      outline-style: none;
-    }
-    &:focus-visible {
-      outline-style: none;
-    }
-    &[data-fui-focus-visible] {
-      border-color: transparent;
-      &::after {
-        content: '';
-        position: absolute;
-        pointer-events: none;
-        z-index: 1;
-        border: 2px solid var(--colorStrokeFocus2);
-        border-radius: var(--borderRadiusMedium);
-        inset: -2px;
-      }
-      @media (forced-colors: active) {
-        &::after {
-          border-color: Highlight;
-        }
-      }
-    }
-    overflow: visible;
-    padding: 0;
-    border-style: none;
-    position: relative;
-    box-sizing: content-box;
-    background-color: inherit;
-    color: inherit;
-    font-family: inherit;
-    font-size: inherit;
-    cursor: pointer;
-    line-height: 0;
-    -webkit-appearance: button;
-    text-align: unset;
-  }
-}

package/lib/components/DialogTitle/useDialogTitleStyles.styles.css.js

@@ -1,14 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogTitle.module.css";
-export const dialogTitleClassNames = {
-    root: 'fui-DialogTitle',
-    action: 'fui-DialogTitle__action'
-};
-export const useDialogTitleInternalStyles = ()=>styles.internalAction;
-export const useDialogTitleStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogTitleClassNames.root, styles.root, !state.action && styles.withoutAction, state.root.className);
-    if (state.action) {
-        state.action.className = clsx(dialogTitleClassNames.action, styles.action, state.action.className);
-    }
-    return state;
-};

package/lib/components/DialogTitle/useDialogTitleStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogTitle/useDialogTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogTitleState, DialogTitleSlots } from './DialogTitle.types';\nimport styles from './DialogTitle.module.css';\n\nexport const dialogTitleClassNames: SlotClassNames<DialogTitleSlots> = {\n  root: 'fui-DialogTitle',\n  action: 'fui-DialogTitle__action',\n};\n\nexport const useDialogTitleInternalStyles = (): string => styles.internalAction;\n\nexport const useDialogTitleStyles_unstable = (state: DialogTitleState): DialogTitleState => {\n  state.root.className = clsx(\n    dialogTitleClassNames.root,\n    styles.root,\n    !state.action && styles.withoutAction,\n    state.root.className,\n  );\n  if (state.action) {\n    state.action.className = clsx(dialogTitleClassNames.action, styles.action, state.action.className);\n  }\n  return state;\n};\n"],"names":["clsx","styles","dialogTitleClassNames","root","action","useDialogTitleInternalStyles","internalAction","useDialogTitleStyles_unstable","state","className","withoutAction"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,2BAA2B;AAE9C,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;IACNC,QAAQ;AACV,EAAE;AAEF,OAAO,MAAMC,+BAA+B,IAAcJ,OAAOK,cAAc,CAAC;AAEhF,OAAO,MAAMC,gCAAgC,CAACC;IAC5CA,MAAML,IAAI,CAACM,SAAS,GAAGT,KACrBE,sBAAsBC,IAAI,EAC1BF,OAAOE,IAAI,EACX,CAACK,MAAMJ,MAAM,IAAIH,OAAOS,aAAa,EACrCF,MAAML,IAAI,CAACM,SAAS;IAEtB,IAAID,MAAMJ,MAAM,EAAE;QAChBI,MAAMJ,MAAM,CAACK,SAAS,GAAGT,KAAKE,sBAAsBE,MAAM,EAAEH,OAAOG,MAAM,EAAEI,MAAMJ,MAAM,CAACK,SAAS;IACnG;IACA,OAAOD;AACT,EAAE"}

package/lib/components/DialogTitle/useDialogTitleStyles.styles.raw.css.js

@@ -1,14 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./DialogTitle.module.css";
-export const dialogTitleClassNames = {
-    root: 'fui-DialogTitle',
-    action: 'fui-DialogTitle__action'
-};
-export const useDialogTitleInternalStyles = ()=>styles.internalAction;
-export const useDialogTitleStyles_unstable = (state)=>{
-    state.root.className = clsx(dialogTitleClassNames.root, styles.root, !state.action && styles.withoutAction, state.root.className);
-    if (state.action) {
-        state.action.className = clsx(dialogTitleClassNames.action, styles.action, state.action.className);
-    }
-    return state;
-};

package/lib/components/DialogTitle/useDialogTitleStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/DialogTitle/useDialogTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DialogTitleState, DialogTitleSlots } from './DialogTitle.types';\nimport styles from './DialogTitle.module.css';\n\nexport const dialogTitleClassNames: SlotClassNames<DialogTitleSlots> = {\n  root: 'fui-DialogTitle',\n  action: 'fui-DialogTitle__action',\n};\n\nexport const useDialogTitleInternalStyles = (): string => styles.internalAction;\n\nexport const useDialogTitleStyles_unstable = (state: DialogTitleState): DialogTitleState => {\n  state.root.className = clsx(\n    dialogTitleClassNames.root,\n    styles.root,\n    !state.action && styles.withoutAction,\n    state.root.className,\n  );\n  if (state.action) {\n    state.action.className = clsx(dialogTitleClassNames.action, styles.action, state.action.className);\n  }\n  return state;\n};\n"],"names":["clsx","styles","dialogTitleClassNames","root","action","useDialogTitleInternalStyles","internalAction","useDialogTitleStyles_unstable","state","className","withoutAction"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,2BAA2B;AAE9C,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;IACNC,QAAQ;AACV,EAAE;AAEF,OAAO,MAAMC,+BAA+B,IAAcJ,OAAOK,cAAc,CAAC;AAEhF,OAAO,MAAMC,gCAAgC,CAACC;IAC5CA,MAAML,IAAI,CAACM,SAAS,GAAGT,KACrBE,sBAAsBC,IAAI,EAC1BF,OAAOE,IAAI,EACX,CAACK,MAAMJ,MAAM,IAAIH,OAAOS,aAAa,EACrCF,MAAML,IAAI,CAACM,SAAS;IAEtB,IAAID,MAAMJ,MAAM,EAAE;QAChBI,MAAMJ,MAAM,CAACK,SAAS,GAAGT,KAAKE,sBAAsBE,MAAM,EAAEH,OAAOG,MAAM,EAAEI,MAAMJ,MAAM,CAACK,SAAS;IACnG;IACA,OAAOD;AACT,EAAE"}

package/lib/utils/useDisableBodyScroll.module.css

@@ -1,11 +0,0 @@
-@layer fluentui {
-  .htmlNoScroll {
-    overflow-y: hidden;
-    overflow-y: clip;
-    scrollbar-gutter: stable;
-  }
-
-  .bodyNoScroll {
-    overflow-y: hidden;
-  }
-}

package/lib/utils/useDisableBodyScroll.styles.css.js

@@ -1,3 +0,0 @@
-import styles from "./useDisableBodyScroll.module.css";
-export const useHTMLNoScrollStyles = ()=>styles.htmlNoScroll;
-export const useBodyNoScrollStyles = ()=>styles.bodyNoScroll;

package/lib/utils/useDisableBodyScroll.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/useDisableBodyScroll.styles.css.ts"],"sourcesContent":["import styles from './useDisableBodyScroll.module.css';\n\nexport const useHTMLNoScrollStyles = (): string => styles.htmlNoScroll;\n\nexport const useBodyNoScrollStyles = (): string => styles.bodyNoScroll;\n"],"names":["styles","useHTMLNoScrollStyles","htmlNoScroll","useBodyNoScrollStyles","bodyNoScroll"],"mappings":"AAAA,OAAOA,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,wBAAwB,IAAcD,OAAOE,YAAY,CAAC;AAEvE,OAAO,MAAMC,wBAAwB,IAAcH,OAAOI,YAAY,CAAC"}

package/lib/utils/useDisableBodyScroll.styles.raw.css.js

@@ -1,3 +0,0 @@
-import styles from "./useDisableBodyScroll.module.css";
-export const useHTMLNoScrollStyles = ()=>styles.htmlNoScroll;
-export const useBodyNoScrollStyles = ()=>styles.bodyNoScroll;

package/lib/utils/useDisableBodyScroll.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/useDisableBodyScroll.styles.css.ts"],"sourcesContent":["import styles from './useDisableBodyScroll.module.css';\n\nexport const useHTMLNoScrollStyles = (): string => styles.htmlNoScroll;\n\nexport const useBodyNoScrollStyles = (): string => styles.bodyNoScroll;\n"],"names":["styles","useHTMLNoScrollStyles","htmlNoScroll","useBodyNoScrollStyles","bodyNoScroll"],"mappings":"AAAA,OAAOA,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,wBAAwB,IAAcD,OAAOE,YAAY,CAAC;AAEvE,OAAO,MAAMC,wBAAwB,IAAcH,OAAOI,YAAY,CAAC"}

package/lib-commonjs/components/DialogActions/DialogActions.module.css

@@ -1,47 +0,0 @@
-@layer fluentui {
-  .root {
-    gap: var(--spacingHorizontalS);
-    height: fit-content;
-    box-sizing: border-box;
-    display: flex;
-    grid-row-start: 3;
-    grid-row-end: 3;
-  }
-
-  .start {
-    justify-self: start;
-    grid-column-start: 1;
-    grid-column-end: 2;
-    @media screen and (max-width: 480px) {
-      grid-column-end: 4;
-      grid-row-start: 3;
-      grid-row-end: auto;
-    }
-  }
-
-  .end {
-    justify-self: end;
-    grid-column-start: 2;
-    grid-column-end: 4;
-    @media screen and (max-width: 480px) {
-      grid-column-start: 1;
-      grid-row-start: 4;
-      grid-row-end: auto;
-    }
-  }
-
-  .fluid:where(.start) {
-    grid-column-end: 4;
-  }
-
-  .fluid:where(.end) {
-    grid-column-start: 1;
-  }
-  /* Griffel emits media rules after the position rules. */
-  @media screen and (max-width: 480px) {
-    .root {
-      flex-direction: column;
-      justify-self: stretch;
-    }
-  }
-}