@fluentui/react-message-bar 9.0.0

package/CHANGELOG.json

@@ -0,0 +1,198 @@
+{
+  "name": "@fluentui/react-message-bar",
+  "entries": [
+    {
+      "date": "Thu, 12 Oct 2023 14:52:34 GMT",
+      "tag": "@fluentui/react-message-bar_v9.0.0",
+      "version": "9.0.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar",
+            "commit": "40e6a376db3c2f11ba131c046c4241bf52e6d3a3",
+            "comment": "feat: Release MessageBar as stable"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-button to v9.3.49",
+            "commit": "1a52f5b27e2f71f7257c470bc9c7552ea5e07867"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.17",
+            "commit": "1a52f5b27e2f71f7257c470bc9c7552ea5e07867"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 11 Oct 2023 13:54:24 GMT",
+      "tag": "@fluentui/react-message-bar-preview_v0.2.1",
+      "version": "0.2.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "lingfan.gao@microsoft.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "5a1cee209858ce4e5c1c304755ff74bba0148193",
+            "comment": "fix: Align icons with text content"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "aed130bfbf4ac88947a697b723387fd8d8382686",
+            "comment": "fix: MessageBarActions should not overflow into grid padding"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-button to v9.3.48",
+            "commit": "b4466a0b9d3568e8e1ee1d814db5c8449dfd65b8"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.16",
+            "commit": "b4466a0b9d3568e8e1ee1d814db5c8449dfd65b8"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.15.0",
+            "commit": "b4466a0b9d3568e8e1ee1d814db5c8449dfd65b8"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Oct 2023 20:45:42 GMT",
+      "tag": "@fluentui/react-message-bar-preview_v0.2.0",
+      "version": "0.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "60a911e66db784521a35c1e1ac0362a3f2d8169f",
+            "comment": "feat: Add shape prop to MessageBar"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-button to v9.3.47",
+            "commit": "d2196ea1ca001fbc22f38fcb258016f1df6c87e4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.15",
+            "commit": "d2196ea1ca001fbc22f38fcb258016f1df6c87e4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.10.0",
+            "commit": "d2196ea1ca001fbc22f38fcb258016f1df6c87e4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.14.2",
+            "commit": "d2196ea1ca001fbc22f38fcb258016f1df6c87e4"
+          }
+        ],
+        "patch": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "dbc18f02facdc420ec4baf7c125ddab22271facf",
+            "comment": "feat: Add custom style hook to MessageBar."
+          }
+        ],
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "93d4ee6dd801b672ade6ce41345cfbd9010af01a",
+            "comment": "chore: fix typos"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 05 Oct 2023 15:25:31 GMT",
+      "tag": "@fluentui/react-message-bar-preview_v0.1.1",
+      "version": "0.1.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
+            "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "f61b2b14b6daf39bb3c2da1909a4cfce94c73845",
+            "comment": "fix: screenreader narration improvements"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-button to v9.3.46",
+            "commit": "690590449dc3d65cd40b2b06a990fd920180919d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.14",
+            "commit": "690590449dc3d65cd40b2b06a990fd920180919d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.14.1",
+            "commit": "690590449dc3d65cd40b2b06a990fd920180919d"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Oct 2023 08:45:46 GMT",
+      "tag": "@fluentui/react-message-bar-preview_v0.1.0",
+      "version": "0.1.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar-preview",
+            "commit": "b93332889af6fc14d25bcfe50ed0c56d988c10f8",
+            "comment": "feat: release preview package"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-button to v9.3.45",
+            "commit": "67b6cc6534e684ed32704dc6c0faee632bb840dc"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.13",
+            "commit": "67b6cc6534e684ed32704dc6c0faee632bb840dc"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.14.0",
+            "commit": "67b6cc6534e684ed32704dc6c0faee632bb840dc"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,70 @@
+# Change Log - @fluentui/react-message-bar
+
+This log was last generated on Thu, 12 Oct 2023 14:52:34 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.0)
+
+Thu, 12 Oct 2023 14:52:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.2.1..@fluentui/react-message-bar_v9.0.0)
+
+### Minor changes
+
+- feat: Release MessageBar as stable ([PR #29502](https://github.com/microsoft/fluentui/pull/29502) by lingfangao@hotmail.com)
+- Bump @fluentui/react-button to v9.3.49 ([PR #29488](https://github.com/microsoft/fluentui/pull/29488) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.17 ([PR #29488](https://github.com/microsoft/fluentui/pull/29488) by beachball)
+
+## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar-preview_v0.2.1)
+
+Wed, 11 Oct 2023 13:54:24 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.2.0..@fluentui/react-message-bar-preview_v0.2.1)
+
+### Patches
+
+- fix: Align icons with text content ([PR #29482](https://github.com/microsoft/fluentui/pull/29482) by lingfan.gao@microsoft.com)
+- fix: MessageBarActions should not overflow into grid padding ([PR #29462](https://github.com/microsoft/fluentui/pull/29462) by lingfangao@hotmail.com)
+- Bump @fluentui/react-button to v9.3.48 ([PR #29262](https://github.com/microsoft/fluentui/pull/29262) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.16 ([PR #29262](https://github.com/microsoft/fluentui/pull/29262) by beachball)
+- Bump @fluentui/react-utilities to v9.15.0 ([PR #29262](https://github.com/microsoft/fluentui/pull/29262) by beachball)
+
+## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar-preview_v0.2.0)
+
+Mon, 09 Oct 2023 20:45:42 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.1.1..@fluentui/react-message-bar-preview_v0.2.0)
+
+### Minor changes
+
+- feat: Add shape prop to MessageBar ([PR #29426](https://github.com/microsoft/fluentui/pull/29426) by lingfangao@hotmail.com)
+- Bump @fluentui/react-button to v9.3.47 ([PR #29364](https://github.com/microsoft/fluentui/pull/29364) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.15 ([PR #29364](https://github.com/microsoft/fluentui/pull/29364) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.10.0 ([PR #29364](https://github.com/microsoft/fluentui/pull/29364) by beachball)
+- Bump @fluentui/react-utilities to v9.14.2 ([PR #29364](https://github.com/microsoft/fluentui/pull/29364) by beachball)
+
+### Patches
+
+- feat: Add custom style hook to MessageBar. ([PR #29431](https://github.com/microsoft/fluentui/pull/29431) by lingfangao@hotmail.com)
+
+## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar-preview_v0.1.1)
+
+Thu, 05 Oct 2023 15:25:31 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.1.0..@fluentui/react-message-bar-preview_v0.1.1)
+
+### Patches
+
+- chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
+- fix: screenreader narration improvements ([PR #29404](https://github.com/microsoft/fluentui/pull/29404) by lingfangao@hotmail.com)
+- Bump @fluentui/react-button to v9.3.46 ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.14 ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by beachball)
+- Bump @fluentui/react-utilities to v9.14.1 ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by beachball)
+
+## [0.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar-preview_v0.1.0)
+
+Wed, 04 Oct 2023 08:45:46 GMT
+
+### Minor changes
+
+- feat: release preview package ([PR #29377](https://github.com/microsoft/fluentui/pull/29377) by lingfangao@hotmail.com)
+- Bump @fluentui/react-button to v9.3.45 ([commit](https://github.com/microsoft/fluentui/commit/67b6cc6534e684ed32704dc6c0faee632bb840dc) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.13 ([commit](https://github.com/microsoft/fluentui/commit/67b6cc6534e684ed32704dc6c0faee632bb840dc) by beachball)
+- Bump @fluentui/react-utilities to v9.14.0 ([commit](https://github.com/microsoft/fluentui/commit/67b6cc6534e684ed32704dc6c0faee632bb840dc) by beachball)

package/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/react-message-bar-preview
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED _AS IS_, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

package/README.md

@@ -0,0 +1,5 @@
+# @fluentui/react-message-bar
+
+**React Message Bar components for [Fluent UI React](https://react.fluentui.dev/)**
+
+These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.

package/dist/index.d.ts

@@ -0,0 +1,271 @@
+/// <reference types="react" />
+
+import type { ButtonContextValue } from '@fluentui/react-button';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * MessageBar component
+ */
+export declare const MessageBar: ForwardRefComponent<MessageBarProps>;
+
+/**
+ * MessageBarActions component
+ */
+export declare const MessageBarActions: ForwardRefComponent<MessageBarActionsProps>;
+
+export declare const messageBarActionsClassNames: SlotClassNames<MessageBarActionsSlots>;
+
+declare type MessageBarActionsContextValues = {
+    button: ButtonContextValue;
+};
+
+/**
+ * MessageBarActions Props
+ */
+export declare type MessageBarActionsProps = ComponentProps<MessageBarActionsSlots>;
+
+export declare type MessageBarActionsSlots = {
+    root: Slot<'div'>;
+    /**
+     * Generally the 'Dismiss' button for the MessageBar
+     */
+    containerAction?: Slot<'div'>;
+};
+
+/**
+ * State used in rendering MessageBarActions
+ */
+export declare type MessageBarActionsState = ComponentState<MessageBarActionsSlots> & Pick<Required<MessageBarContextValue>, 'layout'>;
+
+/**
+ * MessageBarBody component
+ */
+export declare const MessageBarBody: ForwardRefComponent<MessageBarBodyProps>;
+
+export declare const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots>;
+
+/**
+ * MessageBarBody Props
+ */
+export declare type MessageBarBodyProps = ComponentProps<MessageBarBodySlots>;
+
+export declare type MessageBarBodySlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering MessageBarBody
+ */
+export declare type MessageBarBodyState = ComponentState<MessageBarBodySlots>;
+
+export declare const messageBarClassNames: SlotClassNames<MessageBarSlots>;
+
+export declare const MessageBarContextProvider: React_2.Provider<MessageBarContextValue | undefined>;
+
+export declare type MessageBarContextValue = {
+    layout: 'multiline' | 'singleline' | 'auto';
+    actionsRef: React_2.MutableRefObject<HTMLDivElement | null>;
+    bodyRef: React_2.MutableRefObject<HTMLDivElement | null>;
+    titleId: string;
+};
+
+declare type MessageBarContextValues = {
+    messageBar: MessageBarContextValue;
+};
+
+/**
+ * MessageBarGroup component
+ */
+export declare const MessageBarGroup: ForwardRefComponent<MessageBarGroupProps>;
+
+export declare const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots>;
+
+/**
+ * MessageBarGroup Props
+ */
+export declare type MessageBarGroupProps = ComponentProps<MessageBarGroupSlots> & {
+    children: React_2.ReactElement[] | React_2.ReactElement;
+    animate?: 'exit-only' | 'both';
+};
+
+export declare type MessageBarGroupSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering MessageBarGroup
+ */
+export declare type MessageBarGroupState = ComponentState<MessageBarGroupSlots> & Pick<MessageBarGroupProps, 'animate'> & {
+    enterStyles: string;
+    exitStyles: string;
+    children: React_2.ReactElement[];
+};
+
+export declare type MessageBarIntent = 'info' | 'success' | 'warning' | 'error';
+
+/**
+ * MessageBar Props
+ */
+export declare type MessageBarProps = ComponentProps<MessageBarSlots> & Pick<Partial<MessageBarContextValue>, 'layout'> & {
+    /**
+     * Default designs announcement presets
+     * @default info
+     */
+    intent?: MessageBarIntent;
+    /**
+     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions
+     */
+    politeness?: 'assertive' | 'polite';
+    /**
+     * Use squal for page level messages and rounded for component level messages
+     * @default rounded
+     */
+    shape?: 'square' | 'rounded';
+};
+
+export declare type MessageBarSlots = {
+    root: Slot<'div'>;
+    icon?: Slot<'div'>;
+};
+
+/**
+ * State used in rendering MessageBar
+ */
+export declare type MessageBarState = ComponentState<MessageBarSlots> & Required<Pick<MessageBarProps, 'layout' | 'intent' | 'shape'>> & Pick<MessageBarContextValue, 'actionsRef' | 'bodyRef' | 'titleId'> & {
+    transitionClassName: string;
+};
+
+/**
+ * MessageBarTitle component
+ */
+export declare const MessageBarTitle: ForwardRefComponent<MessageBarTitleProps>;
+
+export declare const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots>;
+
+/**
+ * MessageBarTitle Props
+ */
+export declare type MessageBarTitleProps = ComponentProps<MessageBarTitleSlots>;
+
+export declare type MessageBarTitleSlots = {
+    root: Slot<'span'>;
+};
+
+/**
+ * State used in rendering MessageBarTitle
+ */
+export declare type MessageBarTitleState = ComponentState<MessageBarTitleSlots>;
+
+/**
+ * Render the final JSX of MessageBar
+ */
+export declare const renderMessageBar_unstable: (state: MessageBarState, contexts: MessageBarContextValues) => JSX.Element;
+
+/**
+ * Render the final JSX of MessageBarActions
+ */
+export declare const renderMessageBarActions_unstable: (state: MessageBarActionsState, contexts: MessageBarActionsContextValues) => JSX.Element;
+
+/**
+ * Render the final JSX of MessageBarBody
+ */
+export declare const renderMessageBarBody_unstable: (state: MessageBarBodyState) => JSX.Element;
+
+/**
+ * Render the final JSX of MessageBarGroup
+ */
+export declare const renderMessageBarGroup_unstable: (state: MessageBarGroupState) => JSX.Element;
+
+/**
+ * Render the final JSX of MessageBarTitle
+ */
+export declare const renderMessageBarTitle_unstable: (state: MessageBarTitleState) => JSX.Element;
+
+/**
+ * Create the state required to render MessageBar.
+ *
+ * The returned state can be modified with hooks such as useMessageBarStyles_unstable,
+ * before being passed to renderMessageBar_unstable.
+ *
+ * @param props - props from this instance of MessageBar
+ * @param ref - reference to root HTMLElement of MessageBar
+ */
+export declare const useMessageBar_unstable: (props: MessageBarProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarState;
+
+/**
+ * Create the state required to render MessageBarActions.
+ *
+ * The returned state can be modified with hooks such as useMessageBarActionsStyles_unstable,
+ * before being passed to renderMessageBarActions_unstable.
+ *
+ * @param props - props from this instance of MessageBarActions
+ * @param ref - reference to root HTMLElement of MessageBarActions
+ */
+export declare const useMessageBarActions_unstable: (props: MessageBarActionsProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarActionsState;
+
+/**
+ * Apply styling to the MessageBarActions slots based on the state
+ */
+export declare const useMessageBarActionsStyles_unstable: (state: MessageBarActionsState) => MessageBarActionsState;
+
+/**
+ * Create the state required to render MessageBarBody.
+ *
+ * The returned state can be modified with hooks such as useMessageBarBodyStyles_unstable,
+ * before being passed to renderMessageBarBody_unstable.
+ *
+ * @param props - props from this instance of MessageBarBody
+ * @param ref - reference to root HTMLElement of MessageBarBody
+ */
+export declare const useMessageBarBody_unstable: (props: MessageBarBodyProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarBodyState;
+
+/**
+ * Apply styling to the MessageBarBody slots based on the state
+ */
+export declare const useMessageBarBodyStyles_unstable: (state: MessageBarBodyState) => MessageBarBodyState;
+
+export declare const useMessageBarContext: () => MessageBarContextValue;
+
+/**
+ * Create the state required to render MessageBarGroup.
+ *
+ * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,
+ * before being passed to renderMessageBarGroup_unstable.
+ *
+ * @param props - props from this instance of MessageBarGroup
+ * @param ref - reference to root HTMLElement of MessageBarGroup
+ */
+export declare const useMessageBarGroup_unstable: (props: MessageBarGroupProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarGroupState;
+
+/**
+ * Apply styling to the MessageBarGroup slots based on the state
+ */
+export declare const useMessageBarGroupStyles_unstable: (state: MessageBarGroupState) => MessageBarGroupState;
+
+/**
+ * Apply styling to the MessageBar slots based on the state
+ */
+export declare const useMessageBarStyles_unstable: (state: MessageBarState) => MessageBarState;
+
+/**
+ * Create the state required to render MessageBarTitle.
+ *
+ * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,
+ * before being passed to renderMessageBarTitle_unstable.
+ *
+ * @param props - props from this instance of MessageBarTitle
+ * @param ref - reference to root HTMLElement of MessageBarTitle
+ */
+export declare const useMessageBarTitle_unstable: (props: MessageBarTitleProps, ref: React_2.Ref<HTMLElement>) => MessageBarTitleState;
+
+/**
+ * Apply styling to the MessageBarTitle slots based on the state
+ */
+export declare const useMessageBarTitleStyles_unstable: (state: MessageBarTitleState) => MessageBarTitleState;
+
+export { }

package/lib/MessageBar.js

@@ -0,0 +1 @@
+export * from './components/MessageBar/index';

package/lib/MessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBar.ts"],"sourcesContent":["export * from './components/MessageBar/index';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC"}

package/lib/MessageBarActions.js

@@ -0,0 +1 @@
+export * from './components/MessageBarActions/index';

package/lib/MessageBarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarActions.ts"],"sourcesContent":["export * from './components/MessageBarActions/index';\n"],"names":[],"mappings":"AAAA,cAAc,uCAAuC"}

package/lib/MessageBarBody.js

@@ -0,0 +1 @@
+export * from './components/MessageBarBody/index';

package/lib/MessageBarBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarBody.ts"],"sourcesContent":["export * from './components/MessageBarBody/index';\n"],"names":[],"mappings":"AAAA,cAAc,oCAAoC"}

package/lib/MessageBarGroup.js

@@ -0,0 +1 @@
+export * from './components/MessageBarGroup/index';

package/lib/MessageBarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarGroup.ts"],"sourcesContent":["export * from './components/MessageBarGroup/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}

package/lib/MessageBarTitle.js

@@ -0,0 +1 @@
+export * from './components/MessageBarTitle/index';

package/lib/MessageBarTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarTitle.ts"],"sourcesContent":["export * from './components/MessageBarTitle/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}

package/lib/components/MessageBar/MessageBar.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useMessageBar_unstable } from './useMessageBar';
+import { renderMessageBar_unstable } from './renderMessageBar';
+import { useMessageBarStyles_unstable } from './useMessageBarStyles.styles';
+import { useMessageBarContextValue_unstable } from './useMessageBarContextValues';
+/**
+ * MessageBar component
+ */ export const MessageBar = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMessageBar_unstable(props, ref);
+    useMessageBarStyles_unstable(state);
+    useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);
+    return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));
+});
+MessageBar.displayName = 'MessageBar';

package/lib/components/MessageBar/MessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBar_unstable } from './useMessageBar';\nimport { renderMessageBar_unstable } from './renderMessageBar';\nimport { useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nimport type { MessageBarProps } from './MessageBar.types';\nimport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n\n/**\n * MessageBar component\n */\nexport const MessageBar: ForwardRefComponent<MessageBarProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBar_unstable(props, ref);\n\n  useMessageBarStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);\n  return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));\n});\n\nMessageBar.displayName = 'MessageBar';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBar_unstable","renderMessageBar_unstable","useMessageBarStyles_unstable","useMessageBarContextValue_unstable","MessageBar","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,+BAA+B;AAE5E,SAASC,kCAAkC,QAAQ,+BAA+B;AAElF;;CAEC,GACD,OAAO,MAAMC,2BAAmDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQR,uBAAuBM,OAAOC;IAE5CL,6BAA6BM;IAC7BT,4BAA4B,gCAAgCS;IAC5D,OAAOP,0BAA0BO,OAAOL,mCAAmCK;AAC7E,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

package/lib/components/MessageBar/MessageBar.types.js

@@ -0,0 +1 @@
+export { };

package/lib/components/MessageBar/MessageBar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBar.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MessageBarContextValue } from '../../contexts/messageBarContext';\n\nexport type MessageBarSlots = {\n  root: Slot<'div'>;\n  icon?: Slot<'div'>;\n};\n\nexport type MessageBarContextValues = {\n  messageBar: MessageBarContextValue;\n};\n\nexport type MessageBarIntent = 'info' | 'success' | 'warning' | 'error';\n\n/**\n * MessageBar Props\n */\nexport type MessageBarProps = ComponentProps<MessageBarSlots> &\n  Pick<Partial<MessageBarContextValue>, 'layout'> & {\n    /**\n     * Default designs announcement presets\n     * @default info\n     */\n    intent?: MessageBarIntent;\n    /**\n     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions\n     */\n    politeness?: 'assertive' | 'polite';\n    /**\n     * Use squal for page level messages and rounded for component level messages\n     * @default rounded\n     */\n    shape?: 'square' | 'rounded';\n  };\n\n/**\n * State used in rendering MessageBar\n */\nexport type MessageBarState = ComponentState<MessageBarSlots> &\n  Required<Pick<MessageBarProps, 'layout' | 'intent' | 'shape'>> &\n  Pick<MessageBarContextValue, 'actionsRef' | 'bodyRef' | 'titleId'> & {\n    transitionClassName: string;\n  };\n"],"names":[],"mappings":"AAAA,WA0CI"}

package/lib/components/MessageBar/getIntentIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { CheckmarkCircleFilled, InfoFilled, WarningFilled, ErrorCircleFilled } from '@fluentui/react-icons';
+export function getIntentIcon(intent) {
+    switch(intent){
+        case 'info':
+            return /*#__PURE__*/ React.createElement(InfoFilled, null);
+        case 'warning':
+            return /*#__PURE__*/ React.createElement(WarningFilled, null);
+        case 'error':
+            return /*#__PURE__*/ React.createElement(ErrorCircleFilled, null);
+        case 'success':
+            return /*#__PURE__*/ React.createElement(CheckmarkCircleFilled, null);
+        default:
+            return null;
+    }
+}

package/lib/components/MessageBar/getIntentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getIntentIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MessageBarProps } from './MessageBar.types';\nimport { CheckmarkCircleFilled, InfoFilled, WarningFilled, ErrorCircleFilled } from '@fluentui/react-icons';\n\nexport function getIntentIcon(intent: MessageBarProps['intent']) {\n  switch (intent) {\n    case 'info':\n      return <InfoFilled />;\n    case 'warning':\n      return <WarningFilled />;\n    case 'error':\n      return <ErrorCircleFilled />;\n    case 'success':\n      return <CheckmarkCircleFilled />;\n\n    default:\n      return null;\n  }\n}\n"],"names":["React","CheckmarkCircleFilled","InfoFilled","WarningFilled","ErrorCircleFilled","getIntentIcon","intent"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,qBAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE5G,OAAO,SAASC,cAAcC,MAAiC;IAC7D,OAAQA;QACN,KAAK;YACH,qBAAO,oBAACJ;QACV,KAAK;YACH,qBAAO,oBAACC;QACV,KAAK;YACH,qBAAO,oBAACC;QACV,KAAK;YACH,qBAAO,oBAACH;QAEV;YACE,OAAO;IACX;AACF"}

package/lib/components/MessageBar/index.js

@@ -0,0 +1,5 @@
+export * from './MessageBar';
+export * from './MessageBar.types';
+export * from './renderMessageBar';
+export * from './useMessageBar';
+export * from './useMessageBarStyles.styles';