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

package/CHANGELOG.md

@@ -1,25 +1,25 @@
 # Change Log - @fluentui/react-message-bar
 
-<!-- This log was last generated on Sat, 31 Oct 2026 11:08:48 GMT and should not be manually modified. -->
+<!-- This log was last generated on Tue, 03 Nov 2026 14:18:29 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-message-bar_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-message-bar_v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0)
 
-Sat, 31 Oct 2026 11:08:48 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.7.9..@fluentui/react-message-bar_v9.75.0-experimental.css-modules.20261031-810ab07afb.0)
+Tue, 03 Nov 2026 14:18:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.7.9..@fluentui/react-message-bar_v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0)
 
 ### 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/react-button 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-link 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-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-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/react-button 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-link 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-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-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.7.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.7.9)
 

package/README.md

@@ -25,11 +25,3 @@ function Example() {
   )
 }
 ```
-
-## Opt-in CSS Modules styles
-
-Message bars, titles, actions, and groups have layered CSS Modules alternatives beside their Griffel style hooks.
-Resolve the relevant `.styles.js` imports to `.styles.css.js` (and source `.styles`
-imports to `.styles.css.ts`) only in an explicitly opted-in bundler configuration.
-Keep CSS assets and process the headless icon stylesheet in the `fluentui` layer.
-The default component imports and Griffel implementations are unchanged.

package/package.json

@@ -1,31 +1,28 @@
 {
   "name": "@fluentui/react-message-bar",
-  "version": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+  "version": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
   "description": "Fluent UI MessageBar component",
   "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/react-button": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-button": "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-link": "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-shared-contexts": "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-link": "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-shared-contexts": "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/MessageBar/MessageBar.module.css

@@ -1,70 +0,0 @@
-@layer fluentui {
-  .root {
-    white-space: nowrap;
-    display: grid;
-    grid-template-columns: auto 1fr auto auto;
-    grid-template-rows: 1fr;
-    grid-template-areas: 'icon body secondaryActions actions';
-    padding-inline-start: var(--spacingHorizontalM);
-    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
-    border-radius: var(--borderRadiusMedium);
-    align-items: center;
-    min-height: calc(var(--spacingHorizontalXXXL) + var(--spacingHorizontalXS));
-    box-sizing: border-box;
-    background-color: var(--colorNeutralBackground3);
-  }
-  .icon {
-    grid-area: icon;
-    font-size: var(--fontSizeBase500);
-    margin-inline-end: var(--spacingHorizontalS);
-    color: var(--colorNeutralForeground3);
-    display: flex;
-    align-items: center;
-  }
-  .bottomReflowSpacer {
-    margin-bottom: var(--spacingVerticalS);
-    grid-area: secondaryActions;
-  }
-  .multiline {
-    white-space: normal;
-    align-items: start;
-    padding-top: var(--spacingVerticalMNudge);
-    grid-template-columns: auto 1fr auto;
-    grid-template-areas:
-      'icon body actions'
-      'secondaryActions secondaryActions secondaryActions';
-  }
-  .square {
-    border-radius: 0;
-  }
-  .error {
-    background-color: var(--colorStatusDangerBackground1);
-    border-top-color: var(--colorStatusDangerBorder1);
-    border-right-color: var(--colorStatusDangerBorder1);
-    border-bottom-color: var(--colorStatusDangerBorder1);
-    border-left-color: var(--colorStatusDangerBorder1);
-  }
-  .warning {
-    background-color: var(--colorStatusWarningBackground1);
-    border-top-color: var(--colorStatusWarningBorder1);
-    border-right-color: var(--colorStatusWarningBorder1);
-    border-bottom-color: var(--colorStatusWarningBorder1);
-    border-left-color: var(--colorStatusWarningBorder1);
-  }
-  .success {
-    background-color: var(--colorStatusSuccessBackground1);
-    border-top-color: var(--colorStatusSuccessBorder1);
-    border-right-color: var(--colorStatusSuccessBorder1);
-    border-bottom-color: var(--colorStatusSuccessBorder1);
-    border-left-color: var(--colorStatusSuccessBorder1);
-  }
-  :where(.error) > .icon {
-    color: var(--colorStatusDangerForeground1);
-  }
-  :where(.warning) > .icon {
-    color: var(--colorStatusWarningForeground3);
-  }
-  :where(.success) > .icon {
-    color: var(--colorStatusSuccessForeground1);
-  }
-}

package/lib/components/MessageBar/useMessageBarStyles.styles.css.js

@@ -1,19 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./MessageBar.module.css";
-export const messageBarClassNames = {
-    root: 'fui-MessageBar',
-    icon: 'fui-MessageBar__icon',
-    bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
-};
-/**
- * Apply styling to the MessageBar slots based on the state
- */ export const useMessageBarStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarClassNames.root, styles.root, styles[state.layout], styles[state.shape], styles[state.intent], state.root.className);
-    if (state.icon) {
-        state.icon.className = clsx(messageBarClassNames.icon, styles.icon, state.icon.className);
-    }
-    if (state.bottomReflowSpacer) {
-        state.bottomReflowSpacer.className = clsx(messageBarClassNames.bottomReflowSpacer, styles.bottomReflowSpacer, state.bottomReflowSpacer.className);
-    }
-    return state;
-};

package/lib/components/MessageBar/useMessageBarStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBar/useMessageBarStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarSlots, MessageBarState } from './MessageBar.types';\nimport styles from './MessageBar.module.css';\n\nexport const messageBarClassNames: SlotClassNames<MessageBarSlots> = {\n  root: 'fui-MessageBar',\n  icon: 'fui-MessageBar__icon',\n  bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer',\n};\n\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = (state: MessageBarState): MessageBarState => {\n  state.root.className = clsx(\n    messageBarClassNames.root,\n    styles.root,\n    styles[state.layout],\n    styles[state.shape],\n    styles[state.intent],\n    state.root.className,\n  );\n  if (state.icon) {\n    state.icon.className = clsx(messageBarClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.bottomReflowSpacer) {\n    state.bottomReflowSpacer.className = clsx(\n      messageBarClassNames.bottomReflowSpacer,\n      styles.bottomReflowSpacer,\n      state.bottomReflowSpacer.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarClassNames","root","icon","bottomReflowSpacer","useMessageBarStyles_unstable","state","className","layout","shape","intent"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,0BAA0B;AAE7C,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;IACNC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CA,MAAMJ,IAAI,CAACK,SAAS,GAAGR,KACrBE,qBAAqBC,IAAI,EACzBF,OAAOE,IAAI,EACXF,MAAM,CAACM,MAAME,MAAM,CAAC,EACpBR,MAAM,CAACM,MAAMG,KAAK,CAAC,EACnBT,MAAM,CAACM,MAAMI,MAAM,CAAC,EACpBJ,MAAMJ,IAAI,CAACK,SAAS;IAEtB,IAAID,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACI,SAAS,GAAGR,KAAKE,qBAAqBE,IAAI,EAAEH,OAAOG,IAAI,EAAEG,MAAMH,IAAI,CAACI,SAAS;IAC1F;IACA,IAAID,MAAMF,kBAAkB,EAAE;QAC5BE,MAAMF,kBAAkB,CAACG,SAAS,GAAGR,KACnCE,qBAAqBG,kBAAkB,EACvCJ,OAAOI,kBAAkB,EACzBE,MAAMF,kBAAkB,CAACG,SAAS;IAEtC;IACA,OAAOD;AACT,EAAE"}

package/lib/components/MessageBar/useMessageBarStyles.styles.raw.css.js

@@ -1,19 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./MessageBar.module.css";
-export const messageBarClassNames = {
-    root: 'fui-MessageBar',
-    icon: 'fui-MessageBar__icon',
-    bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
-};
-/**
- * Apply styling to the MessageBar slots based on the state
- */ export const useMessageBarStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarClassNames.root, styles.root, styles[state.layout], styles[state.shape], styles[state.intent], state.root.className);
-    if (state.icon) {
-        state.icon.className = clsx(messageBarClassNames.icon, styles.icon, state.icon.className);
-    }
-    if (state.bottomReflowSpacer) {
-        state.bottomReflowSpacer.className = clsx(messageBarClassNames.bottomReflowSpacer, styles.bottomReflowSpacer, state.bottomReflowSpacer.className);
-    }
-    return state;
-};

package/lib/components/MessageBar/useMessageBarStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBar/useMessageBarStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarSlots, MessageBarState } from './MessageBar.types';\nimport styles from './MessageBar.module.css';\n\nexport const messageBarClassNames: SlotClassNames<MessageBarSlots> = {\n  root: 'fui-MessageBar',\n  icon: 'fui-MessageBar__icon',\n  bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer',\n};\n\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = (state: MessageBarState): MessageBarState => {\n  state.root.className = clsx(\n    messageBarClassNames.root,\n    styles.root,\n    styles[state.layout],\n    styles[state.shape],\n    styles[state.intent],\n    state.root.className,\n  );\n  if (state.icon) {\n    state.icon.className = clsx(messageBarClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.bottomReflowSpacer) {\n    state.bottomReflowSpacer.className = clsx(\n      messageBarClassNames.bottomReflowSpacer,\n      styles.bottomReflowSpacer,\n      state.bottomReflowSpacer.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarClassNames","root","icon","bottomReflowSpacer","useMessageBarStyles_unstable","state","className","layout","shape","intent"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,0BAA0B;AAE7C,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;IACNC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CA,MAAMJ,IAAI,CAACK,SAAS,GAAGR,KACrBE,qBAAqBC,IAAI,EACzBF,OAAOE,IAAI,EACXF,MAAM,CAACM,MAAME,MAAM,CAAC,EACpBR,MAAM,CAACM,MAAMG,KAAK,CAAC,EACnBT,MAAM,CAACM,MAAMI,MAAM,CAAC,EACpBJ,MAAMJ,IAAI,CAACK,SAAS;IAEtB,IAAID,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACI,SAAS,GAAGR,KAAKE,qBAAqBE,IAAI,EAAEH,OAAOG,IAAI,EAAEG,MAAMH,IAAI,CAACI,SAAS;IAC1F;IACA,IAAID,MAAMF,kBAAkB,EAAE;QAC5BE,MAAMF,kBAAkB,CAACG,SAAS,GAAGR,KACnCE,qBAAqBG,kBAAkB,EACvCJ,OAAOI,kBAAkB,EACzBE,MAAMF,kBAAkB,CAACG,SAAS;IAEtC;IACA,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarActions/MessageBarActions.module.css

@@ -1,22 +0,0 @@
-@layer fluentui {
-  .root {
-    grid-area: secondaryActions;
-    display: flex;
-    column-gap: var(--spacingHorizontalM);
-    padding-inline-end: var(--spacingHorizontalM);
-  }
-  .containerAction {
-    grid-area: actions;
-    padding-inline-end: var(--spacingHorizontalM);
-  }
-  .multiline {
-    justify-content: end;
-    margin-top: var(--spacingVerticalMNudge);
-    margin-bottom: var(--spacingVerticalS);
-    margin-inline-end: 0px;
-    padding-inline-end: var(--spacingVerticalM);
-  }
-  .noActions {
-    display: none;
-  }
-}

package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.css.js

@@ -1,15 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./MessageBarActions.module.css";
-export const messageBarActionsClassNames = {
-    root: 'fui-MessageBarActions',
-    containerAction: 'fui-MessageBarActions__containerAction'
-};
-/**
- * Apply styling to the MessageBarActions slots based on the state
- */ export const useMessageBarActionsStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarActionsClassNames.root, styles.root, styles[state.layout], !state.hasActions && styles.noActions, state.root.className);
-    if (state.containerAction) {
-        state.containerAction.className = clsx(messageBarActionsClassNames.containerAction, styles.containerAction, state.containerAction.className);
-    }
-    return state;
-};

package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarActions/useMessageBarActionsStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarActionsSlots, MessageBarActionsState } from './MessageBarActions.types';\nimport styles from './MessageBarActions.module.css';\n\nexport const messageBarActionsClassNames: SlotClassNames<MessageBarActionsSlots> = {\n  root: 'fui-MessageBarActions',\n  containerAction: 'fui-MessageBarActions__containerAction',\n};\n\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = (state: MessageBarActionsState): MessageBarActionsState => {\n  state.root.className = clsx(\n    messageBarActionsClassNames.root,\n    styles.root,\n    styles[state.layout],\n    !state.hasActions && styles.noActions,\n    state.root.className,\n  );\n  if (state.containerAction) {\n    state.containerAction.className = clsx(\n      messageBarActionsClassNames.containerAction,\n      styles.containerAction,\n      state.containerAction.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarActionsClassNames","root","containerAction","useMessageBarActionsStyles_unstable","state","className","layout","hasActions","noActions"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,iCAAiC;AAEpD,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;IACNC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClDA,MAAMH,IAAI,CAACI,SAAS,GAAGP,KACrBE,4BAA4BC,IAAI,EAChCF,OAAOE,IAAI,EACXF,MAAM,CAACK,MAAME,MAAM,CAAC,EACpB,CAACF,MAAMG,UAAU,IAAIR,OAAOS,SAAS,EACrCJ,MAAMH,IAAI,CAACI,SAAS;IAEtB,IAAID,MAAMF,eAAe,EAAE;QACzBE,MAAMF,eAAe,CAACG,SAAS,GAAGP,KAChCE,4BAA4BE,eAAe,EAC3CH,OAAOG,eAAe,EACtBE,MAAMF,eAAe,CAACG,SAAS;IAEnC;IACA,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.js

@@ -1,15 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./MessageBarActions.module.css";
-export const messageBarActionsClassNames = {
-    root: 'fui-MessageBarActions',
-    containerAction: 'fui-MessageBarActions__containerAction'
-};
-/**
- * Apply styling to the MessageBarActions slots based on the state
- */ export const useMessageBarActionsStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarActionsClassNames.root, styles.root, styles[state.layout], !state.hasActions && styles.noActions, state.root.className);
-    if (state.containerAction) {
-        state.containerAction.className = clsx(messageBarActionsClassNames.containerAction, styles.containerAction, state.containerAction.className);
-    }
-    return state;
-};

package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarActions/useMessageBarActionsStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarActionsSlots, MessageBarActionsState } from './MessageBarActions.types';\nimport styles from './MessageBarActions.module.css';\n\nexport const messageBarActionsClassNames: SlotClassNames<MessageBarActionsSlots> = {\n  root: 'fui-MessageBarActions',\n  containerAction: 'fui-MessageBarActions__containerAction',\n};\n\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = (state: MessageBarActionsState): MessageBarActionsState => {\n  state.root.className = clsx(\n    messageBarActionsClassNames.root,\n    styles.root,\n    styles[state.layout],\n    !state.hasActions && styles.noActions,\n    state.root.className,\n  );\n  if (state.containerAction) {\n    state.containerAction.className = clsx(\n      messageBarActionsClassNames.containerAction,\n      styles.containerAction,\n      state.containerAction.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarActionsClassNames","root","containerAction","useMessageBarActionsStyles_unstable","state","className","layout","hasActions","noActions"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,iCAAiC;AAEpD,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;IACNC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClDA,MAAMH,IAAI,CAACI,SAAS,GAAGP,KACrBE,4BAA4BC,IAAI,EAChCF,OAAOE,IAAI,EACXF,MAAM,CAACK,MAAME,MAAM,CAAC,EACpB,CAACF,MAAMG,UAAU,IAAIR,OAAOS,SAAS,EACrCJ,MAAMH,IAAI,CAACI,SAAS;IAEtB,IAAID,MAAMF,eAAe,EAAE;QACzBE,MAAMF,eAAe,CAACG,SAAS,GAAGP,KAChCE,4BAA4BE,eAAe,EAC3CH,OAAOG,eAAe,EACtBE,MAAMF,eAAe,CAACG,SAAS;IAEnC;IACA,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarBody/MessageBarBody.module.css

@@ -1,10 +0,0 @@
-@layer fluentui {
-  .root {
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightRegular);
-    line-height: var(--lineHeightBase300);
-    grid-area: body;
-    padding-inline-end: var(--spacingHorizontalM);
-  }
-}

package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.css.js

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

package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarBody/useMessageBarBodyStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody.types';\nimport styles from './MessageBarBody.module.css';\n\nexport const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots> = {\n  root: 'fui-MessageBarBody',\n};\n\nexport const useMessageBarBodyStyles_unstable = (state: MessageBarBodyState): MessageBarBodyState => {\n  state.root.className = clsx(messageBarBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","messageBarBodyClassNames","root","useMessageBarBodyStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,8BAA8B;AAEjD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,yBAAyBC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAC5F,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.js

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

package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarBody/useMessageBarBodyStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody.types';\nimport styles from './MessageBarBody.module.css';\n\nexport const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots> = {\n  root: 'fui-MessageBarBody',\n};\n\nexport const useMessageBarBodyStyles_unstable = (state: MessageBarBodyState): MessageBarBodyState => {\n  state.root.className = clsx(messageBarBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","messageBarBodyClassNames","root","useMessageBarBodyStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,8BAA8B;AAEjD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,yBAAyBC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAC5F,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.js

@@ -1,10 +0,0 @@
-import { clsx } from "clsx";
-export const messageBarGroupClassNames = {
-    root: 'fui-MessageBarGroup'
-};
-/**
- * Apply styling to the MessageBarGroup slots based on the state
- */ export const useMessageBarGroupStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);
-    return state;
-};

package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n  root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n  state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAI5B,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,GAAGL,KAAKC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAChF,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.js

@@ -1,10 +0,0 @@
-import { clsx } from "clsx";
-export const messageBarGroupClassNames = {
-    root: 'fui-MessageBarGroup'
-};
-/**
- * Apply styling to the MessageBarGroup slots based on the state
- */ export const useMessageBarGroupStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);
-    return state;
-};

package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n  root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n  state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAI5B,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,GAAGL,KAAKC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAChF,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarTitle/MessageBarTitle.module.css

@@ -1,11 +0,0 @@
-@layer fluentui {
-  .root {
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightSemibold);
-    line-height: var(--lineHeightBase300);
-    &::after {
-      content: ' ';
-    }
-  }
-}

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.js

@@ -1,11 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./MessageBarTitle.module.css";
-export const messageBarTitleClassNames = {
-    root: 'fui-MessageBarTitle'
-};
-/**
- * Apply styling to the MessageBarTitle slots based on the state
- */ export const useMessageBarTitleStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nimport styles from './MessageBarTitle.module.css';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n  root: 'fui-MessageBarTitle',\n};\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n  state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["clsx","styles","messageBarTitleClassNames","root","useMessageBarTitleStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,+BAA+B;AAElD,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,0BAA0BC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE7F,OAAOD;AACT,EAAE"}

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.js

@@ -1,11 +0,0 @@
-import { clsx } from "clsx";
-import styles from "./MessageBarTitle.module.css";
-export const messageBarTitleClassNames = {
-    root: 'fui-MessageBarTitle'
-};
-/**
- * Apply styling to the MessageBarTitle slots based on the state
- */ export const useMessageBarTitleStyles_unstable = (state)=>{
-    state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nimport styles from './MessageBarTitle.module.css';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n  root: 'fui-MessageBarTitle',\n};\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n  state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["clsx","styles","messageBarTitleClassNames","root","useMessageBarTitleStyles_unstable","state","className"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,+BAA+B;AAElD,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KAAKE,0BAA0BC,IAAI,EAAEF,OAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE7F,OAAOD;AACT,EAAE"}

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

@@ -1,70 +0,0 @@
-@layer fluentui {
-  .root {
-    white-space: nowrap;
-    display: grid;
-    grid-template-columns: auto 1fr auto auto;
-    grid-template-rows: 1fr;
-    grid-template-areas: 'icon body secondaryActions actions';
-    padding-inline-start: var(--spacingHorizontalM);
-    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
-    border-radius: var(--borderRadiusMedium);
-    align-items: center;
-    min-height: calc(var(--spacingHorizontalXXXL) + var(--spacingHorizontalXS));
-    box-sizing: border-box;
-    background-color: var(--colorNeutralBackground3);
-  }
-  .icon {
-    grid-area: icon;
-    font-size: var(--fontSizeBase500);
-    margin-inline-end: var(--spacingHorizontalS);
-    color: var(--colorNeutralForeground3);
-    display: flex;
-    align-items: center;
-  }
-  .bottomReflowSpacer {
-    margin-bottom: var(--spacingVerticalS);
-    grid-area: secondaryActions;
-  }
-  .multiline {
-    white-space: normal;
-    align-items: start;
-    padding-top: var(--spacingVerticalMNudge);
-    grid-template-columns: auto 1fr auto;
-    grid-template-areas:
-      'icon body actions'
-      'secondaryActions secondaryActions secondaryActions';
-  }
-  .square {
-    border-radius: 0;
-  }
-  .error {
-    background-color: var(--colorStatusDangerBackground1);
-    border-top-color: var(--colorStatusDangerBorder1);
-    border-right-color: var(--colorStatusDangerBorder1);
-    border-bottom-color: var(--colorStatusDangerBorder1);
-    border-left-color: var(--colorStatusDangerBorder1);
-  }
-  .warning {
-    background-color: var(--colorStatusWarningBackground1);
-    border-top-color: var(--colorStatusWarningBorder1);
-    border-right-color: var(--colorStatusWarningBorder1);
-    border-bottom-color: var(--colorStatusWarningBorder1);
-    border-left-color: var(--colorStatusWarningBorder1);
-  }
-  .success {
-    background-color: var(--colorStatusSuccessBackground1);
-    border-top-color: var(--colorStatusSuccessBorder1);
-    border-right-color: var(--colorStatusSuccessBorder1);
-    border-bottom-color: var(--colorStatusSuccessBorder1);
-    border-left-color: var(--colorStatusSuccessBorder1);
-  }
-  :where(.error) > .icon {
-    color: var(--colorStatusDangerForeground1);
-  }
-  :where(.warning) > .icon {
-    color: var(--colorStatusWarningForeground3);
-  }
-  :where(.success) > .icon {
-    color: var(--colorStatusSuccessForeground1);
-  }
-}

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.css.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarClassNames () {
-        return messageBarClassNames;
-    },
-    get useMessageBarStyles_unstable () {
-        return useMessageBarStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarmodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBar.module.css"));
-const messageBarClassNames = {
-    root: 'fui-MessageBar',
-    icon: 'fui-MessageBar__icon',
-    bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
-};
-const useMessageBarStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarClassNames.root, _MessageBarmodulecss.default.root, _MessageBarmodulecss.default[state.layout], _MessageBarmodulecss.default[state.shape], _MessageBarmodulecss.default[state.intent], state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _clsx.clsx)(messageBarClassNames.icon, _MessageBarmodulecss.default.icon, state.icon.className);
-    }
-    if (state.bottomReflowSpacer) {
-        state.bottomReflowSpacer.className = (0, _clsx.clsx)(messageBarClassNames.bottomReflowSpacer, _MessageBarmodulecss.default.bottomReflowSpacer, state.bottomReflowSpacer.className);
-    }
-    return state;
-};

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBar/useMessageBarStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarSlots, MessageBarState } from './MessageBar.types';\nimport styles from './MessageBar.module.css';\n\nexport const messageBarClassNames: SlotClassNames<MessageBarSlots> = {\n  root: 'fui-MessageBar',\n  icon: 'fui-MessageBar__icon',\n  bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer',\n};\n\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = (state: MessageBarState): MessageBarState => {\n  state.root.className = clsx(\n    messageBarClassNames.root,\n    styles.root,\n    styles[state.layout],\n    styles[state.shape],\n    styles[state.intent],\n    state.root.className,\n  );\n  if (state.icon) {\n    state.icon.className = clsx(messageBarClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.bottomReflowSpacer) {\n    state.bottomReflowSpacer.className = clsx(\n      messageBarClassNames.bottomReflowSpacer,\n      styles.bottomReflowSpacer,\n      state.bottomReflowSpacer.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarClassNames","root","icon","bottomReflowSpacer","useMessageBarStyles_unstable","state","className","layout","shape","intent"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;8EAGT,0BAA0B;AAEtC,6BAA8D;IACnEC,MAAM;IACNC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAKK,MAAMC,+BAA+B,CAACC;IAC3CA,MAAMJ,IAAI,CAACK,SAAS,OAAGR,UAAAA,EACrBE,qBAAqBC,IAAI,EACzBF,4BAAAA,CAAOE,IAAI,EACXF,4BAAM,CAACM,MAAME,MAAM,CAAC,EACpBR,4BAAM,CAACM,MAAMG,KAAK,CAAC,EACnBT,4BAAM,CAACM,MAAMI,MAAM,CAAC,EACpBJ,MAAMJ,IAAI,CAACK,SAAS;IAEtB,IAAID,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACI,SAAS,OAAGR,UAAAA,EAAKE,qBAAqBE,IAAI,EAAEH,4BAAAA,CAAOG,IAAI,EAAEG,MAAMH,IAAI,CAACI,SAAS;IAC1F;IACA,IAAID,MAAMF,kBAAkB,EAAE;QAC5BE,MAAMF,kBAAkB,CAACG,SAAS,OAAGR,UAAAA,EACnCE,qBAAqBG,kBAAkB,EACvCJ,4BAAAA,CAAOI,kBAAkB,EACzBE,MAAMF,kBAAkB,CAACG,SAAS;IAEtC;IACA,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.css.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarClassNames () {
-        return messageBarClassNames;
-    },
-    get useMessageBarStyles_unstable () {
-        return useMessageBarStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarmodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBar.module.css"));
-const messageBarClassNames = {
-    root: 'fui-MessageBar',
-    icon: 'fui-MessageBar__icon',
-    bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
-};
-const useMessageBarStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarClassNames.root, _MessageBarmodulecss.default.root, _MessageBarmodulecss.default[state.layout], _MessageBarmodulecss.default[state.shape], _MessageBarmodulecss.default[state.intent], state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _clsx.clsx)(messageBarClassNames.icon, _MessageBarmodulecss.default.icon, state.icon.className);
-    }
-    if (state.bottomReflowSpacer) {
-        state.bottomReflowSpacer.className = (0, _clsx.clsx)(messageBarClassNames.bottomReflowSpacer, _MessageBarmodulecss.default.bottomReflowSpacer, state.bottomReflowSpacer.className);
-    }
-    return state;
-};

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBar/useMessageBarStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarSlots, MessageBarState } from './MessageBar.types';\nimport styles from './MessageBar.module.css';\n\nexport const messageBarClassNames: SlotClassNames<MessageBarSlots> = {\n  root: 'fui-MessageBar',\n  icon: 'fui-MessageBar__icon',\n  bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer',\n};\n\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = (state: MessageBarState): MessageBarState => {\n  state.root.className = clsx(\n    messageBarClassNames.root,\n    styles.root,\n    styles[state.layout],\n    styles[state.shape],\n    styles[state.intent],\n    state.root.className,\n  );\n  if (state.icon) {\n    state.icon.className = clsx(messageBarClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.bottomReflowSpacer) {\n    state.bottomReflowSpacer.className = clsx(\n      messageBarClassNames.bottomReflowSpacer,\n      styles.bottomReflowSpacer,\n      state.bottomReflowSpacer.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarClassNames","root","icon","bottomReflowSpacer","useMessageBarStyles_unstable","state","className","layout","shape","intent"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;8EAGT,0BAA0B;AAEtC,6BAA8D;IACnEC,MAAM;IACNC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAKK,MAAMC,+BAA+B,CAACC;IAC3CA,MAAMJ,IAAI,CAACK,SAAS,OAAGR,UAAAA,EACrBE,qBAAqBC,IAAI,EACzBF,4BAAAA,CAAOE,IAAI,EACXF,4BAAM,CAACM,MAAME,MAAM,CAAC,EACpBR,4BAAM,CAACM,MAAMG,KAAK,CAAC,EACnBT,4BAAM,CAACM,MAAMI,MAAM,CAAC,EACpBJ,MAAMJ,IAAI,CAACK,SAAS;IAEtB,IAAID,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACI,SAAS,OAAGR,UAAAA,EAAKE,qBAAqBE,IAAI,EAAEH,4BAAAA,CAAOG,IAAI,EAAEG,MAAMH,IAAI,CAACI,SAAS;IAC1F;IACA,IAAID,MAAMF,kBAAkB,EAAE;QAC5BE,MAAMF,kBAAkB,CAACG,SAAS,OAAGR,UAAAA,EACnCE,qBAAqBG,kBAAkB,EACvCJ,4BAAAA,CAAOI,kBAAkB,EACzBE,MAAMF,kBAAkB,CAACG,SAAS;IAEtC;IACA,OAAOD;AACT,EAAE"}

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

@@ -1,22 +0,0 @@
-@layer fluentui {
-  .root {
-    grid-area: secondaryActions;
-    display: flex;
-    column-gap: var(--spacingHorizontalM);
-    padding-inline-end: var(--spacingHorizontalM);
-  }
-  .containerAction {
-    grid-area: actions;
-    padding-inline-end: var(--spacingHorizontalM);
-  }
-  .multiline {
-    justify-content: end;
-    margin-top: var(--spacingVerticalMNudge);
-    margin-bottom: var(--spacingVerticalS);
-    margin-inline-end: 0px;
-    padding-inline-end: var(--spacingVerticalM);
-  }
-  .noActions {
-    display: none;
-  }
-}

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.css.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarActionsClassNames () {
-        return messageBarActionsClassNames;
-    },
-    get useMessageBarActionsStyles_unstable () {
-        return useMessageBarActionsStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarActionsmodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarActions.module.css"));
-const messageBarActionsClassNames = {
-    root: 'fui-MessageBarActions',
-    containerAction: 'fui-MessageBarActions__containerAction'
-};
-const useMessageBarActionsStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarActionsClassNames.root, _MessageBarActionsmodulecss.default.root, _MessageBarActionsmodulecss.default[state.layout], !state.hasActions && _MessageBarActionsmodulecss.default.noActions, state.root.className);
-    if (state.containerAction) {
-        state.containerAction.className = (0, _clsx.clsx)(messageBarActionsClassNames.containerAction, _MessageBarActionsmodulecss.default.containerAction, state.containerAction.className);
-    }
-    return state;
-};

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarActions/useMessageBarActionsStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarActionsSlots, MessageBarActionsState } from './MessageBarActions.types';\nimport styles from './MessageBarActions.module.css';\n\nexport const messageBarActionsClassNames: SlotClassNames<MessageBarActionsSlots> = {\n  root: 'fui-MessageBarActions',\n  containerAction: 'fui-MessageBarActions__containerAction',\n};\n\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = (state: MessageBarActionsState): MessageBarActionsState => {\n  state.root.className = clsx(\n    messageBarActionsClassNames.root,\n    styles.root,\n    styles[state.layout],\n    !state.hasActions && styles.noActions,\n    state.root.className,\n  );\n  if (state.containerAction) {\n    state.containerAction.className = clsx(\n      messageBarActionsClassNames.containerAction,\n      styles.containerAction,\n      state.containerAction.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarActionsClassNames","root","containerAction","useMessageBarActionsStyles_unstable","state","className","layout","hasActions","noActions"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;qFAGT,iCAAiC;AAE7C,oCAA4E;IACjFC,MAAM;IACNC,iBAAiB;AACnB,EAAE;AAKK,MAAMC,sCAAsC,CAACC;IAClDA,MAAMH,IAAI,CAACI,SAAS,OAAGP,UAAAA,EACrBE,4BAA4BC,IAAI,EAChCF,mCAAAA,CAAOE,IAAI,EACXF,mCAAM,CAACK,MAAME,MAAM,CAAC,EACpB,CAACF,MAAMG,UAAU,IAAIR,mCAAAA,CAAOS,SAAS,EACrCJ,MAAMH,IAAI,CAACI,SAAS;IAEtB,IAAID,MAAMF,eAAe,EAAE;QACzBE,MAAMF,eAAe,CAACG,SAAS,OAAGP,UAAAA,EAChCE,4BAA4BE,eAAe,EAC3CH,mCAAAA,CAAOG,eAAe,EACtBE,MAAMF,eAAe,CAACG,SAAS;IAEnC;IACA,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarActionsClassNames () {
-        return messageBarActionsClassNames;
-    },
-    get useMessageBarActionsStyles_unstable () {
-        return useMessageBarActionsStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarActionsmodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarActions.module.css"));
-const messageBarActionsClassNames = {
-    root: 'fui-MessageBarActions',
-    containerAction: 'fui-MessageBarActions__containerAction'
-};
-const useMessageBarActionsStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarActionsClassNames.root, _MessageBarActionsmodulecss.default.root, _MessageBarActionsmodulecss.default[state.layout], !state.hasActions && _MessageBarActionsmodulecss.default.noActions, state.root.className);
-    if (state.containerAction) {
-        state.containerAction.className = (0, _clsx.clsx)(messageBarActionsClassNames.containerAction, _MessageBarActionsmodulecss.default.containerAction, state.containerAction.className);
-    }
-    return state;
-};

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarActions/useMessageBarActionsStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarActionsSlots, MessageBarActionsState } from './MessageBarActions.types';\nimport styles from './MessageBarActions.module.css';\n\nexport const messageBarActionsClassNames: SlotClassNames<MessageBarActionsSlots> = {\n  root: 'fui-MessageBarActions',\n  containerAction: 'fui-MessageBarActions__containerAction',\n};\n\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = (state: MessageBarActionsState): MessageBarActionsState => {\n  state.root.className = clsx(\n    messageBarActionsClassNames.root,\n    styles.root,\n    styles[state.layout],\n    !state.hasActions && styles.noActions,\n    state.root.className,\n  );\n  if (state.containerAction) {\n    state.containerAction.className = clsx(\n      messageBarActionsClassNames.containerAction,\n      styles.containerAction,\n      state.containerAction.className,\n    );\n  }\n  return state;\n};\n"],"names":["clsx","styles","messageBarActionsClassNames","root","containerAction","useMessageBarActionsStyles_unstable","state","className","layout","hasActions","noActions"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;qFAGT,iCAAiC;AAE7C,oCAA4E;IACjFC,MAAM;IACNC,iBAAiB;AACnB,EAAE;AAKK,MAAMC,sCAAsC,CAACC;IAClDA,MAAMH,IAAI,CAACI,SAAS,OAAGP,UAAAA,EACrBE,4BAA4BC,IAAI,EAChCF,mCAAAA,CAAOE,IAAI,EACXF,mCAAM,CAACK,MAAME,MAAM,CAAC,EACpB,CAACF,MAAMG,UAAU,IAAIR,mCAAAA,CAAOS,SAAS,EACrCJ,MAAMH,IAAI,CAACI,SAAS;IAEtB,IAAID,MAAMF,eAAe,EAAE;QACzBE,MAAMF,eAAe,CAACG,SAAS,OAAGP,UAAAA,EAChCE,4BAA4BE,eAAe,EAC3CH,mCAAAA,CAAOG,eAAe,EACtBE,MAAMF,eAAe,CAACG,SAAS;IAEnC;IACA,OAAOD;AACT,EAAE"}

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

@@ -1,10 +0,0 @@
-@layer fluentui {
-  .root {
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightRegular);
-    line-height: var(--lineHeightBase300);
-    grid-area: body;
-    padding-inline-end: var(--spacingHorizontalM);
-  }
-}

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.css.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarBodyClassNames () {
-        return messageBarBodyClassNames;
-    },
-    get useMessageBarBodyStyles_unstable () {
-        return useMessageBarBodyStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarBodymodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarBody.module.css"));
-const messageBarBodyClassNames = {
-    root: 'fui-MessageBarBody'
-};
-const useMessageBarBodyStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarBodyClassNames.root, _MessageBarBodymodulecss.default.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarBody/useMessageBarBodyStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody.types';\nimport styles from './MessageBarBody.module.css';\n\nexport const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots> = {\n  root: 'fui-MessageBarBody',\n};\n\nexport const useMessageBarBodyStyles_unstable = (state: MessageBarBodyState): MessageBarBodyState => {\n  state.root.className = clsx(messageBarBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","messageBarBodyClassNames","root","useMessageBarBodyStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;kFAGT,8BAA8B;AAE1C,iCAAsE;IAC3EC,MAAM;AACR,EAAE;AAEK,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,yBAAyBC,IAAI,EAAEF,gCAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAC5F,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarBodyClassNames () {
-        return messageBarBodyClassNames;
-    },
-    get useMessageBarBodyStyles_unstable () {
-        return useMessageBarBodyStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarBodymodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarBody.module.css"));
-const messageBarBodyClassNames = {
-    root: 'fui-MessageBarBody'
-};
-const useMessageBarBodyStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarBodyClassNames.root, _MessageBarBodymodulecss.default.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarBody/useMessageBarBodyStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody.types';\nimport styles from './MessageBarBody.module.css';\n\nexport const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots> = {\n  root: 'fui-MessageBarBody',\n};\n\nexport const useMessageBarBodyStyles_unstable = (state: MessageBarBodyState): MessageBarBodyState => {\n  state.root.className = clsx(messageBarBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","messageBarBodyClassNames","root","useMessageBarBodyStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;kFAGT,8BAA8B;AAE1C,iCAAsE;IAC3EC,MAAM;AACR,EAAE;AAEK,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,yBAAyBC,IAAI,EAAEF,gCAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAC5F,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarGroupClassNames () {
-        return messageBarGroupClassNames;
-    },
-    get useMessageBarGroupStyles_unstable () {
-        return useMessageBarGroupStyles_unstable;
-    }
-});
-const _clsx = require("clsx");
-const messageBarGroupClassNames = {
-    root: 'fui-MessageBarGroup'
-};
-const useMessageBarGroupStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarGroupClassNames.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n  root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n  state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAIaC;;;;;;;sBAJQ,OAAO;AAIrB,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGL,UAAAA,EAAKC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAChF,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarGroupClassNames () {
-        return messageBarGroupClassNames;
-    },
-    get useMessageBarGroupStyles_unstable () {
-        return useMessageBarGroupStyles_unstable;
-    }
-});
-const _clsx = require("clsx");
-const messageBarGroupClassNames = {
-    root: 'fui-MessageBarGroup'
-};
-const useMessageBarGroupStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarGroupClassNames.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n  root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n  state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAIaC;;;;;;;sBAJQ,OAAO;AAIrB,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGL,UAAAA,EAAKC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAChF,OAAOD;AACT,EAAE"}

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

@@ -1,11 +0,0 @@
-@layer fluentui {
-  .root {
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightSemibold);
-    line-height: var(--lineHeightBase300);
-    &::after {
-      content: ' ';
-    }
-  }
-}

package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarTitleClassNames () {
-        return messageBarTitleClassNames;
-    },
-    get useMessageBarTitleStyles_unstable () {
-        return useMessageBarTitleStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarTitlemodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarTitle.module.css"));
-const messageBarTitleClassNames = {
-    root: 'fui-MessageBarTitle'
-};
-const useMessageBarTitleStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarTitleClassNames.root, _MessageBarTitlemodulecss.default.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nimport styles from './MessageBarTitle.module.css';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n  root: 'fui-MessageBarTitle',\n};\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n  state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["clsx","styles","messageBarTitleClassNames","root","useMessageBarTitleStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;mFAGT,+BAA+B;AAE3C,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,0BAA0BC,IAAI,EAAEF,iCAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE7F,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get messageBarTitleClassNames () {
-        return messageBarTitleClassNames;
-    },
-    get useMessageBarTitleStyles_unstable () {
-        return useMessageBarTitleStyles_unstable;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _clsx = require("clsx");
-const _MessageBarTitlemodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarTitle.module.css"));
-const messageBarTitleClassNames = {
-    root: 'fui-MessageBarTitle'
-};
-const useMessageBarTitleStyles_unstable = (state)=>{
-    state.root.className = (0, _clsx.clsx)(messageBarTitleClassNames.root, _MessageBarTitlemodulecss.default.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nimport styles from './MessageBarTitle.module.css';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n  root: 'fui-MessageBarTitle',\n};\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n  state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["clsx","styles","messageBarTitleClassNames","root","useMessageBarTitleStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;mFAGT,+BAA+B;AAE3C,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,0BAA0BC,IAAI,EAAEF,iCAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE7F,OAAOD;AACT,EAAE"}