@fluentui/react-message-bar 0.0.0-nightly-20231013-0415.1

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/MessageBar/getIntentIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getIntentIcon", {
+    enumerable: true,
+    get: function() {
+        return getIntentIcon;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacticons = require("@fluentui/react-icons");
+function getIntentIcon(intent) {
+    switch(intent){
+        case 'info':
+            return /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
+        case 'warning':
+            return /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
+        case 'error':
+            return /*#__PURE__*/ _react.createElement(_reacticons.ErrorCircleFilled, null);
+        case 'success':
+            return /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
+        default:
+            return null;
+    }
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getIntentIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { CheckmarkCircleFilled, InfoFilled, WarningFilled, ErrorCircleFilled } from '@fluentui/react-icons';\nexport function getIntentIcon(intent) {\n    switch(intent){\n        case 'info':\n            return /*#__PURE__*/ React.createElement(InfoFilled, null);\n        case 'warning':\n            return /*#__PURE__*/ React.createElement(WarningFilled, null);\n        case 'error':\n            return /*#__PURE__*/ React.createElement(ErrorCircleFilled, null);\n        case 'success':\n            return /*#__PURE__*/ React.createElement(CheckmarkCircleFilled, null);\n        default:\n            return null;\n    }\n}\n"],"names":["getIntentIcon","intent","React","createElement","InfoFilled","WarningFilled","ErrorCircleFilled","CheckmarkCircleFilled"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;4BAC6D;AAC7E,SAASA,cAAcC,MAAM;IAChC,OAAOA;QACH,KAAK;YACD,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,sBAAU,EAAE;QACzD,KAAK;YACD,OAAO,WAAW,GAAGF,OAAMC,aAAa,CAACE,yBAAa,EAAE;QAC5D,KAAK;YACD,OAAO,WAAW,GAAGH,OAAMC,aAAa,CAACG,6BAAiB,EAAE;QAChE,KAAK;YACD,OAAO,WAAW,GAAGJ,OAAMC,aAAa,CAACI,iCAAqB,EAAE;QACpE;YACI,OAAO;IACf;AACJ"}

package/lib-commonjs/components/MessageBar/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MessageBar"), exports);
+_export_star._(require("./MessageBar.types"), exports);
+_export_star._(require("./renderMessageBar"), exports);
+_export_star._(require("./useMessageBar"), exports);
+_export_star._(require("./useMessageBarStyles.styles"), exports);

package/lib-commonjs/components/MessageBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBar';\nexport * from './MessageBar.types';\nexport * from './renderMessageBar';\nexport * from './useMessageBar';\nexport * from './useMessageBarStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBar/renderMessageBar.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMessageBar_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMessageBar_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _messageBarContext = require("../../contexts/messageBarContext");
+const renderMessageBar_unstable = (state, contexts)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_messageBarContext.MessageBarContextProvider, {
+        value: contexts.messageBar,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+                state.root.children
+            ]
+        })
+    });
+};

package/lib-commonjs/components/MessageBar/renderMessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMessageBar.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MessageBarContextProvider } from '../../contexts/messageBarContext';\n/**\n * Render the final JSX of MessageBar\n */ export const renderMessageBar_unstable = (state, contexts)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(MessageBarContextProvider, {\n        value: contexts.messageBar,\n        children: /*#__PURE__*/ _jsxs(state.root, {\n            children: [\n                state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n                state.root.children\n            ]\n        })\n    });\n};\n"],"names":["renderMessageBar_unstable","state","contexts","assertSlots","_jsx","MessageBarContextProvider","value","messageBar","children","_jsxs","root","icon"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BAL4B;gCACjB;mCACc;AAG/B,MAAMA,4BAA4B,CAACC,OAAOC;IACjDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,4CAAyB,EAAE;QACjDC,OAAOJ,SAASK,UAAU;QAC1BC,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACR,MAAMS,IAAI,EAAE;YACtCF,UAAU;gBACNP,MAAMU,IAAI,IAAI,WAAW,GAAGP,IAAAA,eAAI,EAACH,MAAMU,IAAI,EAAE,CAAC;gBAC9CV,MAAMS,IAAI,CAACF,QAAQ;aACtB;QACL;IACJ;AACJ"}

package/lib-commonjs/components/MessageBar/useMessageBar.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBar_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBar_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _getIntentIcon = require("./getIntentIcon");
+const _useMessageBarReflow = require("./useMessageBarReflow");
+const _messageBarTransitionContext = require("../../contexts/messageBarTransitionContext");
+const useMessageBar_unstable = (props, ref)=>{
+    const { layout = 'auto', intent = 'info', politeness, shape = 'rounded' } = props;
+    const computedPoliteness = (politeness !== null && politeness !== void 0 ? politeness : intent === 'info') ? 'polite' : 'assertive';
+    const autoReflow = layout === 'auto';
+    const { ref: reflowRef, reflowing } = (0, _useMessageBarReflow.useMessageBarReflow)(autoReflow);
+    const computedLayout = autoReflow ? reflowing ? 'multiline' : 'singleline' : layout;
+    const { className: transitionClassName, nodeRef } = (0, _messageBarTransitionContext.useMessageBarTransitionContext)();
+    const actionsRef = _react.useRef(null);
+    const bodyRef = _react.useRef(null);
+    const { announce } = (0, _reactsharedcontexts.useAnnounce_unstable)();
+    const titleId = (0, _reactutilities.useId)();
+    _react.useEffect(()=>{
+        var _bodyRef_current, _actionsRef_current;
+        const bodyMessage = (_bodyRef_current = bodyRef.current) === null || _bodyRef_current === void 0 ? void 0 : _bodyRef_current.textContent;
+        const actionsMessage = (_actionsRef_current = actionsRef.current) === null || _actionsRef_current === void 0 ? void 0 : _actionsRef_current.textContent;
+        const message = [
+            bodyMessage,
+            actionsMessage
+        ].filter(Boolean).join(',');
+        announce(message, {
+            polite: computedPoliteness === 'polite',
+            alert: computedPoliteness === 'assertive'
+        });
+    }, [
+        bodyRef,
+        actionsRef,
+        announce,
+        computedPoliteness
+    ]);
+    return {
+        components: {
+            root: 'div',
+            icon: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, reflowRef, nodeRef),
+            role: 'group',
+            'aria-labelledby': titleId,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        icon: _reactutilities.slot.optional(props.icon, {
+            renderByDefault: true,
+            elementType: 'div',
+            defaultProps: {
+                children: (0, _getIntentIcon.getIntentIcon)(intent)
+            }
+        }),
+        layout: computedLayout,
+        intent,
+        transitionClassName,
+        actionsRef,
+        bodyRef,
+        titleId,
+        shape
+    };
+};

package/lib-commonjs/components/MessageBar/useMessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBar.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useAnnounce_unstable } from '@fluentui/react-shared-contexts';\nimport { getIntentIcon } from './getIntentIcon';\nimport { useMessageBarReflow } from './useMessageBarReflow';\nimport { useMessageBarTransitionContext } from '../../contexts/messageBarTransitionContext';\n/**\n * Create the state required to render MessageBar.\n *\n * The returned state can be modified with hooks such as useMessageBarStyles_unstable,\n * before being passed to renderMessageBar_unstable.\n *\n * @param props - props from this instance of MessageBar\n * @param ref - reference to root HTMLElement of MessageBar\n */ export const useMessageBar_unstable = (props, ref)=>{\n    const { layout = 'auto', intent = 'info', politeness, shape = 'rounded' } = props;\n    const computedPoliteness = (politeness !== null && politeness !== void 0 ? politeness : intent === 'info') ? 'polite' : 'assertive';\n    const autoReflow = layout === 'auto';\n    const { ref: reflowRef, reflowing } = useMessageBarReflow(autoReflow);\n    const computedLayout = autoReflow ? reflowing ? 'multiline' : 'singleline' : layout;\n    const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();\n    const actionsRef = React.useRef(null);\n    const bodyRef = React.useRef(null);\n    const { announce } = useAnnounce_unstable();\n    const titleId = useId();\n    React.useEffect(()=>{\n        var _bodyRef_current, _actionsRef_current;\n        const bodyMessage = (_bodyRef_current = bodyRef.current) === null || _bodyRef_current === void 0 ? void 0 : _bodyRef_current.textContent;\n        const actionsMessage = (_actionsRef_current = actionsRef.current) === null || _actionsRef_current === void 0 ? void 0 : _actionsRef_current.textContent;\n        const message = [\n            bodyMessage,\n            actionsMessage\n        ].filter(Boolean).join(',');\n        announce(message, {\n            polite: computedPoliteness === 'polite',\n            alert: computedPoliteness === 'assertive'\n        });\n    }, [\n        bodyRef,\n        actionsRef,\n        announce,\n        computedPoliteness\n    ]);\n    return {\n        components: {\n            root: 'div',\n            icon: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref: useMergedRefs(ref, reflowRef, nodeRef),\n            role: 'group',\n            'aria-labelledby': titleId,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        icon: slot.optional(props.icon, {\n            renderByDefault: true,\n            elementType: 'div',\n            defaultProps: {\n                children: getIntentIcon(intent)\n            }\n        }),\n        layout: computedLayout,\n        intent,\n        transitionClassName,\n        actionsRef,\n        bodyRef,\n        titleId,\n        shape\n    };\n};\n"],"names":["useMessageBar_unstable","props","ref","layout","intent","politeness","shape","computedPoliteness","autoReflow","reflowRef","reflowing","useMessageBarReflow","computedLayout","className","transitionClassName","nodeRef","useMessageBarTransitionContext","actionsRef","React","useRef","bodyRef","announce","useAnnounce_unstable","titleId","useId","useEffect","_bodyRef_current","_actionsRef_current","bodyMessage","current","textContent","actionsMessage","message","filter","Boolean","join","polite","alert","components","root","icon","slot","always","getIntrinsicElementProps","useMergedRefs","role","elementType","optional","renderByDefault","defaultProps","children","getIntentIcon"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;gCAC8C;qCAChC;+BACP;qCACM;6CACW;AASpC,MAAMA,yBAAyB,CAACC,OAAOC;IAC9C,MAAM,EAAEC,SAAS,MAAM,EAAEC,SAAS,MAAM,EAAEC,UAAU,EAAEC,QAAQ,SAAS,EAAE,GAAGL;IAC5E,MAAMM,qBAAqB,AAACF,CAAAA,eAAe,QAAQA,eAAe,KAAK,IAAIA,aAAaD,WAAW,MAAK,IAAK,WAAW;IACxH,MAAMI,aAAaL,WAAW;IAC9B,MAAM,EAAED,KAAKO,SAAS,EAAEC,SAAS,EAAE,GAAGC,IAAAA,wCAAmB,EAACH;IAC1D,MAAMI,iBAAiBJ,aAAaE,YAAY,cAAc,eAAeP;IAC7E,MAAM,EAAEU,WAAWC,mBAAmB,EAAEC,OAAO,EAAE,GAAGC,IAAAA,2DAA8B;IAClF,MAAMC,aAAaC,OAAMC,MAAM,CAAC;IAChC,MAAMC,UAAUF,OAAMC,MAAM,CAAC;IAC7B,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,yCAAoB;IACzC,MAAMC,UAAUC,IAAAA,qBAAK;IACrBN,OAAMO,SAAS,CAAC;QACZ,IAAIC,kBAAkBC;QACtB,MAAMC,cAAc,AAACF,CAAAA,mBAAmBN,QAAQS,OAAO,AAAD,MAAO,QAAQH,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBI,WAAW;QACxI,MAAMC,iBAAiB,AAACJ,CAAAA,sBAAsBV,WAAWY,OAAO,AAAD,MAAO,QAAQF,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBG,WAAW;QACvJ,MAAME,UAAU;YACZJ;YACAG;SACH,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACvBd,SAASW,SAAS;YACdI,QAAQ7B,uBAAuB;YAC/B8B,OAAO9B,uBAAuB;QAClC;IACJ,GAAG;QACCa;QACAH;QACAI;QACAd;KACH;IACD,OAAO;QACH+B,YAAY;YACRC,MAAM;YACNC,MAAM;QACV;QACAD,MAAME,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CzC,KAAK0C,IAAAA,6BAAa,EAAC1C,KAAKO,WAAWM;YACnC8B,MAAM;YACN,mBAAmBtB;YACnB,GAAGtB,KAAK;QACZ,IAAI;YACA6C,aAAa;QACjB;QACAN,MAAMC,oBAAI,CAACM,QAAQ,CAAC9C,MAAMuC,IAAI,EAAE;YAC5BQ,iBAAiB;YACjBF,aAAa;YACbG,cAAc;gBACVC,UAAUC,IAAAA,4BAAa,EAAC/C;YAC5B;QACJ;QACAD,QAAQS;QACRR;QACAU;QACAG;QACAG;QACAG;QACAjB;IACJ;AACJ"}

package/lib-commonjs/components/MessageBar/useMessageBarContextValues.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarContextValue_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarContextValue_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useMessageBarContextValue_unstable(state) {
+    const { layout, actionsRef, bodyRef, titleId } = state;
+    const messageBarContext = _react.useMemo(()=>({
+            layout,
+            actionsRef,
+            bodyRef,
+            titleId
+        }), [
+        layout,
+        actionsRef,
+        bodyRef,
+        titleId
+    ]);
+    return {
+        messageBar: messageBarContext
+    };
+}

package/lib-commonjs/components/MessageBar/useMessageBarContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useMessageBarContextValue_unstable(state) {\n    const { layout, actionsRef, bodyRef, titleId } = state;\n    const messageBarContext = React.useMemo(()=>({\n            layout,\n            actionsRef,\n            bodyRef,\n            titleId\n        }), [\n        layout,\n        actionsRef,\n        bodyRef,\n        titleId\n    ]);\n    return {\n        messageBar: messageBarContext\n    };\n}\n"],"names":["useMessageBarContextValue_unstable","state","layout","actionsRef","bodyRef","titleId","messageBarContext","React","useMemo","messageBar"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,mCAAmCC,KAAK;IACpD,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGJ;IACjD,MAAMK,oBAAoBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACrCN;YACAC;YACAC;YACAC;QACJ,CAAA,GAAI;QACJH;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHI,YAAYH;IAChB;AACJ"}

package/lib-commonjs/components/MessageBar/useMessageBarReflow.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarReflow", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarReflow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _reactutilities = require("@fluentui/react-utilities");
+function useMessageBarReflow(enabled = false) {
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const forceUpdate = _react.useReducer(()=>({}), {})[1];
+    const reflowingRef = _react.useRef(false);
+    const resizeObserverRef = _react.useRef(null);
+    const prevInlineSizeRef = _react.useRef(-1);
+    const handleResize = _react.useCallback((entries)=>{
+        // Resize observer is only owned by this component - one resize observer entry expected
+        // No need to support multiple fragments - one border box entry expected
+        if (process.env.NODE_ENV !== 'production' && entries.length > 1) {
+            // eslint-disable-next-line no-console
+            console.error([
+                'useMessageBarReflow: Resize observer should only have one entry. ',
+                'If multiple entries are observed, the first entry will be used.',
+                'This is a bug, please report it to the Fluent UI team.'
+            ].join(' '));
+        }
+        const entry = entries[0];
+        const borderBoxSize = entry === null || entry === void 0 ? void 0 : entry.borderBoxSize[0];
+        if (!borderBoxSize || !entry) {
+            return;
+        }
+        const { inlineSize } = borderBoxSize;
+        const { target } = entry;
+        if (!(0, _reactutilities.isHTMLElement)(target)) {
+            return;
+        }
+        let nextReflowing;
+        // No easy way to really determine when the single line layout will fit
+        // Just keep try to set single line layout as long as the size is growing
+        // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case
+        if (reflowingRef.current) {
+            if (prevInlineSizeRef.current < inlineSize) {
+                nextReflowing = false;
+            }
+        } else {
+            const scrollWidth = target.scrollWidth;
+            if (inlineSize < scrollWidth) {
+                nextReflowing = true;
+            }
+        }
+        prevInlineSizeRef.current = inlineSize;
+        if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {
+            reflowingRef.current = nextReflowing;
+            forceUpdate();
+        }
+    }, [
+        forceUpdate
+    ]);
+    const ref = _react.useCallback((el)=>{
+        var _resizeObserverRef_current;
+        if (!enabled || !el || !(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView)) {
+            return;
+        }
+        (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();
+        const win = targetDocument.defaultView;
+        const resizeObserver = new win.ResizeObserver(handleResize);
+        resizeObserverRef.current = resizeObserver;
+        resizeObserver.observe(el, {
+            box: 'border-box'
+        });
+    }, [
+        targetDocument,
+        handleResize,
+        enabled
+    ]);
+    _react.useEffect(()=>{
+        return ()=>{
+            var _resizeObserverRef_current;
+            (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();
+        };
+    }, []);
+    return {
+        ref,
+        reflowing: reflowingRef.current
+    };
+}

package/lib-commonjs/components/MessageBar/useMessageBarReflow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarReflow.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nexport function useMessageBarReflow(enabled = false) {\n    const { targetDocument } = useFluent();\n    const forceUpdate = React.useReducer(()=>({}), {})[1];\n    const reflowingRef = React.useRef(false);\n    const resizeObserverRef = React.useRef(null);\n    const prevInlineSizeRef = React.useRef(-1);\n    const handleResize = React.useCallback((entries)=>{\n        // Resize observer is only owned by this component - one resize observer entry expected\n        // No need to support multiple fragments - one border box entry expected\n        if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n            // eslint-disable-next-line no-console\n            console.error([\n                'useMessageBarReflow: Resize observer should only have one entry. ',\n                'If multiple entries are observed, the first entry will be used.',\n                'This is a bug, please report it to the Fluent UI team.'\n            ].join(' '));\n        }\n        const entry = entries[0];\n        const borderBoxSize = entry === null || entry === void 0 ? void 0 : entry.borderBoxSize[0];\n        if (!borderBoxSize || !entry) {\n            return;\n        }\n        const { inlineSize } = borderBoxSize;\n        const { target } = entry;\n        if (!isHTMLElement(target)) {\n            return;\n        }\n        let nextReflowing;\n        // No easy way to really determine when the single line layout will fit\n        // Just keep try to set single line layout as long as the size is growing\n        // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n        if (reflowingRef.current) {\n            if (prevInlineSizeRef.current < inlineSize) {\n                nextReflowing = false;\n            }\n        } else {\n            const scrollWidth = target.scrollWidth;\n            if (inlineSize < scrollWidth) {\n                nextReflowing = true;\n            }\n        }\n        prevInlineSizeRef.current = inlineSize;\n        if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n            reflowingRef.current = nextReflowing;\n            forceUpdate();\n        }\n    }, [\n        forceUpdate\n    ]);\n    const ref = React.useCallback((el)=>{\n        var _resizeObserverRef_current;\n        if (!enabled || !el || !(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView)) {\n            return;\n        }\n        (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();\n        const win = targetDocument.defaultView;\n        const resizeObserver = new win.ResizeObserver(handleResize);\n        resizeObserverRef.current = resizeObserver;\n        resizeObserver.observe(el, {\n            box: 'border-box'\n        });\n    }, [\n        targetDocument,\n        handleResize,\n        enabled\n    ]);\n    React.useEffect(()=>{\n        return ()=>{\n            var _resizeObserverRef_current;\n            (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();\n        };\n    }, []);\n    return {\n        ref,\n        reflowing: reflowingRef.current\n    };\n}\n"],"names":["useMessageBarReflow","enabled","targetDocument","useFluent","forceUpdate","React","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","isHTMLElement","nextReflowing","current","scrollWidth","ref","el","_resizeObserverRef_current","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;qCACyB;gCAClB;AACvB,SAASA,oBAAoBC,UAAU,KAAK;IAC/C,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,cAAcC,OAAMC,UAAU,CAAC,IAAK,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IACrD,MAAMC,eAAeF,OAAMG,MAAM,CAAC;IAClC,MAAMC,oBAAoBJ,OAAMG,MAAM,CAAC;IACvC,MAAME,oBAAoBL,OAAMG,MAAM,CAAC,CAAC;IACxC,MAAMG,eAAeN,OAAMO,WAAW,CAAC,CAACC;QACpC,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;YAC7D,sCAAsC;YACtCC,QAAQC,KAAK,CAAC;gBACV;gBACA;gBACA;aACH,CAACC,IAAI,CAAC;QACX;QACA,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMC,aAAa,CAAC,EAAE;QAC1F,IAAI,CAACA,iBAAiB,CAACD,OAAO;YAC1B;QACJ;QACA,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;QACnB,IAAI,CAACI,IAAAA,6BAAa,EAACD,SAAS;YACxB;QACJ;QACA,IAAIE;QACJ,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAInB,aAAaoB,OAAO,EAAE;YACtB,IAAIjB,kBAAkBiB,OAAO,GAAGJ,YAAY;gBACxCG,gBAAgB;YACpB;QACJ,OAAO;YACH,MAAME,cAAcJ,OAAOI,WAAW;YACtC,IAAIL,aAAaK,aAAa;gBAC1BF,gBAAgB;YACpB;QACJ;QACAhB,kBAAkBiB,OAAO,GAAGJ;QAC5B,IAAI,OAAOG,kBAAkB,eAAenB,aAAaoB,OAAO,KAAKD,eAAe;YAChFnB,aAAaoB,OAAO,GAAGD;YACvBtB;QACJ;IACJ,GAAG;QACCA;KACH;IACD,MAAMyB,MAAMxB,OAAMO,WAAW,CAAC,CAACkB;QAC3B,IAAIC;QACJ,IAAI,CAAC9B,WAAW,CAAC6B,MAAM,CAAE5B,CAAAA,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe8B,WAAW,AAAD,GAAI;YAClH;QACJ;QACCD,CAAAA,6BAA6BtB,kBAAkBkB,OAAO,AAAD,MAAO,QAAQI,+BAA+B,KAAK,IAAI,KAAK,IAAIA,2BAA2BE,UAAU;QAC3J,MAAMC,MAAMhC,eAAe8B,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,CAACzB;QAC9CF,kBAAkBkB,OAAO,GAAGQ;QAC5BA,eAAeE,OAAO,CAACP,IAAI;YACvBQ,KAAK;QACT;IACJ,GAAG;QACCpC;QACAS;QACAV;KACH;IACDI,OAAMkC,SAAS,CAAC;QACZ,OAAO;YACH,IAAIR;YACHA,CAAAA,6BAA6BtB,kBAAkBkB,OAAO,AAAD,MAAO,QAAQI,+BAA+B,KAAK,IAAI,KAAK,IAAIA,2BAA2BE,UAAU;QAC/J;IACJ,GAAG,EAAE;IACL,OAAO;QACHJ;QACAW,WAAWjC,aAAaoB,OAAO;IACnC;AACJ"}

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    messageBarClassNames: function() {
+        return messageBarClassNames;
+    },
+    useMessageBarStyles_unstable: function() {
+        return useMessageBarStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const messageBarClassNames = {
+    root: 'fui-MessageBar',
+    icon: 'fui-MessageBar__icon'
+};
+const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rashqx", "ri1c0vc", [
+    ".rashqx{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\"icon body secondaryActions actions\";padding-left:var(--spacingHorizontalM);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}",
+    ".ri1c0vc{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\"icon body secondaryActions actions\";padding-right:var(--spacingHorizontalM);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}"
+]);
+const useIconBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1bxgyar", "rv8i6h8", [
+    ".r1bxgyar{grid-row-start:icon;grid-column-start:icon;grid-row-end:icon;grid-column-end:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}",
+    ".rv8i6h8{grid-row-start:icon;grid-column-start:icon;grid-row-end:icon;grid-column-end:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}"
+]);
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    rootMultiline: {
+        Huce71: "f6juhto",
+        Bt984gj: "f1s2louj",
+        z8tnut: "f1ngh7ph",
+        Budl1dq: "f17g0uqy",
+        zoa1oz: "f1w7oly7"
+    },
+    secondaryActionsMultiline: {
+        Brf1p80: "f1e8xxv9",
+        B6of3ja: "f1gaxbfw",
+        jrapky: "fqcjy3b",
+        t21cq0: [
+            "fibjyge",
+            "f9yszdx"
+        ]
+    },
+    square: {
+        Bbmb7ep: [
+            "f1krrbdw",
+            "f1deotkl"
+        ],
+        Beyfa6y: [
+            "f1deotkl",
+            "f1krrbdw"
+        ],
+        B7oj6ja: [
+            "f10ostut",
+            "f1ozlkrg"
+        ],
+        Btl43ni: [
+            "f1ozlkrg",
+            "f10ostut"
+        ]
+    }
+}, {
+    d: [
+        ".f6juhto{white-space:normal;}",
+        ".f1s2louj{align-items:start;}",
+        ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
+        ".f17g0uqy{grid-template-columns:auto 1fr auto;}",
+        ".f1w7oly7{grid-template-areas:\"icon body actions\" \"secondaryActions secondaryActions secondaryActions\";}",
+        ".f1e8xxv9{justify-content:end;}",
+        ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}",
+        ".fqcjy3b{margin-bottom:var(--spacingVerticalS);}",
+        ".fibjyge{margin-right:0px;}",
+        ".f9yszdx{margin-left:0px;}",
+        ".f1krrbdw{border-bottom-right-radius:0;}",
+        ".f1deotkl{border-bottom-left-radius:0;}",
+        ".f10ostut{border-top-right-radius:0;}",
+        ".f1ozlkrg{border-top-left-radius:0;}"
+    ]
+});
+const useIconIntentStyles = /*#__PURE__*/ (0, _react.__styles)({
+    info: {},
+    error: {
+        sj55zd: "f1ca9wz"
+    },
+    warning: {
+        sj55zd: "f14a4cve"
+    },
+    success: {
+        sj55zd: "f36rra6"
+    }
+}, {
+    d: [
+        ".f1ca9wz{color:var(--colorStatusDangerForeground1);}",
+        ".f14a4cve{color:var(--colorStatusWarningForeground3);}",
+        ".f36rra6{color:var(--colorStatusSuccessForeground1);}"
+    ]
+});
+const useRootIntentStyles = /*#__PURE__*/ (0, _react.__styles)({
+    info: {},
+    error: {
+        De3pzq: "f1eon7jj",
+        g2u3we: "f1f8dvr7",
+        h3c5rm: [
+            "f1g1ijmo",
+            "f1nxacbt"
+        ],
+        B9xav0g: "fo25q1j",
+        zhjwy3: [
+            "f1nxacbt",
+            "f1g1ijmo"
+        ]
+    },
+    warning: {
+        De3pzq: "f13ftzij",
+        g2u3we: "frd1ypx",
+        h3c5rm: [
+            "f1gyjrma",
+            "f18qd5xz"
+        ],
+        B9xav0g: "fqyqtrt",
+        zhjwy3: [
+            "f18qd5xz",
+            "f1gyjrma"
+        ]
+    },
+    success: {
+        De3pzq: "f64thcm",
+        g2u3we: "f1b4u7v",
+        h3c5rm: [
+            "f1nyd2b1",
+            "f70v3om"
+        ],
+        B9xav0g: "fk173vo",
+        zhjwy3: [
+            "f70v3om",
+            "f1nyd2b1"
+        ]
+    }
+}, {
+    d: [
+        ".f1eon7jj{background-color:var(--colorStatusDangerBackground1);}",
+        ".f1f8dvr7{border-top-color:var(--colorStatusDangerBorder1);}",
+        ".f1g1ijmo{border-right-color:var(--colorStatusDangerBorder1);}",
+        ".f1nxacbt{border-left-color:var(--colorStatusDangerBorder1);}",
+        ".fo25q1j{border-bottom-color:var(--colorStatusDangerBorder1);}",
+        ".f13ftzij{background-color:var(--colorStatusWarningBackground1);}",
+        ".frd1ypx{border-top-color:var(--colorStatusWarningBorder1);}",
+        ".f1gyjrma{border-right-color:var(--colorStatusWarningBorder1);}",
+        ".f18qd5xz{border-left-color:var(--colorStatusWarningBorder1);}",
+        ".fqyqtrt{border-bottom-color:var(--colorStatusWarningBorder1);}",
+        ".f64thcm{background-color:var(--colorStatusSuccessBackground1);}",
+        ".f1b4u7v{border-top-color:var(--colorStatusSuccessBorder1);}",
+        ".f1nyd2b1{border-right-color:var(--colorStatusSuccessBorder1);}",
+        ".f70v3om{border-left-color:var(--colorStatusSuccessBorder1);}",
+        ".fk173vo{border-bottom-color:var(--colorStatusSuccessBorder1);}"
+    ]
+});
+const useMessageBarStyles_unstable = (state)=>{
+    const rootBaseStyles = useRootBaseStyles();
+    const iconBaseStyles = useIconBaseStyles();
+    const iconIntentStyles = useIconIntentStyles();
+    const rootIntentStyles = useRootIntentStyles();
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useMessageBarStyles.styles.js.map

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n  root: 'fui-MessageBar',\n  icon: 'fui-MessageBar__icon'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rashqx\", \"ri1c0vc\", [\".rashqx{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-left:var(--spacingHorizontalM);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\", \".ri1c0vc{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-right:var(--spacingHorizontalM);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\"]);\nconst useIconBaseStyles = /*#__PURE__*/__resetStyles(\"r1bxgyar\", \"rv8i6h8\", [\".r1bxgyar{grid-row-start:icon;grid-column-start:icon;grid-row-end:icon;grid-column-end:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\", \".rv8i6h8{grid-row-start:icon;grid-column-start:icon;grid-row-end:icon;grid-column-end:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n  rootMultiline: {\n    Huce71: \"f6juhto\",\n    Bt984gj: \"f1s2louj\",\n    z8tnut: \"f1ngh7ph\",\n    Budl1dq: \"f17g0uqy\",\n    zoa1oz: \"f1w7oly7\"\n  },\n  secondaryActionsMultiline: {\n    Brf1p80: \"f1e8xxv9\",\n    B6of3ja: \"f1gaxbfw\",\n    jrapky: \"fqcjy3b\",\n    t21cq0: [\"fibjyge\", \"f9yszdx\"]\n  },\n  square: {\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  }\n}, {\n  d: [\".f6juhto{white-space:normal;}\", \".f1s2louj{align-items:start;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f17g0uqy{grid-template-columns:auto 1fr auto;}\", \".f1w7oly7{grid-template-areas:\\\"icon body actions\\\" \\\"secondaryActions secondaryActions secondaryActions\\\";}\", \".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\"]\n});\nconst useIconIntentStyles = /*#__PURE__*/__styles({\n  info: {},\n  error: {\n    sj55zd: \"f1ca9wz\"\n  },\n  warning: {\n    sj55zd: \"f14a4cve\"\n  },\n  success: {\n    sj55zd: \"f36rra6\"\n  }\n}, {\n  d: [\".f1ca9wz{color:var(--colorStatusDangerForeground1);}\", \".f14a4cve{color:var(--colorStatusWarningForeground3);}\", \".f36rra6{color:var(--colorStatusSuccessForeground1);}\"]\n});\nconst useRootIntentStyles = /*#__PURE__*/__styles({\n  info: {},\n  error: {\n    De3pzq: \"f1eon7jj\",\n    g2u3we: \"f1f8dvr7\",\n    h3c5rm: [\"f1g1ijmo\", \"f1nxacbt\"],\n    B9xav0g: \"fo25q1j\",\n    zhjwy3: [\"f1nxacbt\", \"f1g1ijmo\"]\n  },\n  warning: {\n    De3pzq: \"f13ftzij\",\n    g2u3we: \"frd1ypx\",\n    h3c5rm: [\"f1gyjrma\", \"f18qd5xz\"],\n    B9xav0g: \"fqyqtrt\",\n    zhjwy3: [\"f18qd5xz\", \"f1gyjrma\"]\n  },\n  success: {\n    De3pzq: \"f64thcm\",\n    g2u3we: \"f1b4u7v\",\n    h3c5rm: [\"f1nyd2b1\", \"f70v3om\"],\n    B9xav0g: \"fk173vo\",\n    zhjwy3: [\"f70v3om\", \"f1nyd2b1\"]\n  }\n}, {\n  d: [\".f1eon7jj{background-color:var(--colorStatusDangerBackground1);}\", \".f1f8dvr7{border-top-color:var(--colorStatusDangerBorder1);}\", \".f1g1ijmo{border-right-color:var(--colorStatusDangerBorder1);}\", \".f1nxacbt{border-left-color:var(--colorStatusDangerBorder1);}\", \".fo25q1j{border-bottom-color:var(--colorStatusDangerBorder1);}\", \".f13ftzij{background-color:var(--colorStatusWarningBackground1);}\", \".frd1ypx{border-top-color:var(--colorStatusWarningBorder1);}\", \".f1gyjrma{border-right-color:var(--colorStatusWarningBorder1);}\", \".f18qd5xz{border-left-color:var(--colorStatusWarningBorder1);}\", \".fqyqtrt{border-bottom-color:var(--colorStatusWarningBorder1);}\", \".f64thcm{background-color:var(--colorStatusSuccessBackground1);}\", \".f1b4u7v{border-top-color:var(--colorStatusSuccessBorder1);}\", \".f1nyd2b1{border-right-color:var(--colorStatusSuccessBorder1);}\", \".f70v3om{border-left-color:var(--colorStatusSuccessBorder1);}\", \".fk173vo{border-bottom-color:var(--colorStatusSuccessBorder1);}\"]\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = state => {\n  const rootBaseStyles = useRootBaseStyles();\n  const iconBaseStyles = useIconBaseStyles();\n  const iconIntentStyles = useIconIntentStyles();\n  const rootIntentStyles = useRootIntentStyles();\n  const styles = useStyles();\n  state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useMessageBarStyles.styles.js.map"],"names":["messageBarClassNames","useMessageBarStyles_unstable","root","icon","useRootBaseStyles","__resetStyles","useIconBaseStyles","useStyles","__styles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","styles","className","mergeClasses","layout","shape","intent","transitionClassName"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAwEAC,4BAA4B;eAA5BA;;;uBA1EqD;AAE3D,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,UAAU,WAAW;IAAC;IAAk8B;CAAm8B;AACh9D,MAAMC,oBAAoB,WAAW,GAAED,IAAAA,oBAAa,EAAC,YAAY,WAAW;IAAC;IAA8O;CAA2O;AACtiB,MAAME,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,eAAe;QACbC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,2BAA2B;QACzBC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,QAAQ;QACNC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAiC;QAAwD;QAAmD;QAAgH;QAAmC;QAAuD;QAAoD;QAA+B;QAA8B;QAA4C;QAA2C;QAAyC;KAAuC;AACrpB;AACA,MAAMC,sBAAsB,WAAW,GAAElB,IAAAA,eAAQ,EAAC;IAChDmB,MAAM,CAAC;IACPC,OAAO;QACLC,QAAQ;IACV;IACAC,SAAS;QACPD,QAAQ;IACV;IACAE,SAAS;QACPF,QAAQ;IACV;AACF,GAAG;IACDJ,GAAG;QAAC;QAAwD;QAA0D;KAAwD;AAChL;AACA,MAAMO,sBAAsB,WAAW,GAAExB,IAAAA,eAAQ,EAAC;IAChDmB,MAAM,CAAC;IACPC,OAAO;QACLK,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAP,SAAS;QACPG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAN,SAAS;QACPE,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDZ,GAAG;QAAC;QAAoE;QAAgE;QAAkE;QAAiE;QAAkE;QAAqE;QAAgE;QAAmE;QAAkE;QAAmE;QAAoE;QAAgE;QAAmE;QAAiE;KAAkE;AACt+B;AAIO,MAAMxB,+BAA+BqC,CAAAA;IAC1C,MAAMC,iBAAiBnC;IACvB,MAAMoC,iBAAiBlC;IACvB,MAAMmC,mBAAmBf;IACzB,MAAMgB,mBAAmBV;IACzB,MAAMW,SAASpC;IACf+B,MAAMpC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,qBAAqBE,IAAI,EAAEqC,gBAAgBD,MAAMQ,MAAM,KAAK,eAAeH,OAAOlC,aAAa,EAAE6B,MAAMS,KAAK,KAAK,YAAYJ,OAAOvB,MAAM,EAAEsB,gBAAgB,CAACJ,MAAMU,MAAM,CAAC,EAAEV,MAAMW,mBAAmB,EAAEX,MAAMpC,IAAI,CAAC0C,SAAS;IAC/P,IAAIN,MAAMnC,IAAI,EAAE;QACdmC,MAAMnC,IAAI,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,qBAAqBG,IAAI,EAAEqC,gBAAgBC,gBAAgB,CAACH,MAAMU,MAAM,CAAC,EAAEV,MAAMnC,IAAI,CAACyC,SAAS;IACrI;IACA,OAAON;AACT,GACA,sDAAsD"}

package/lib-commonjs/components/MessageBarActions/MessageBarActions.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBarActions", {
+    enumerable: true,
+    get: function() {
+        return MessageBarActions;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useMessageBarActions = require("./useMessageBarActions");
+const _renderMessageBarActions = require("./renderMessageBarActions");
+const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles");
+const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues");
+const MessageBarActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMessageBarActions.useMessageBarActions_unstable)(props, ref);
+    (0, _useMessageBarActionsStylesstyles.useMessageBarActionsStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarActionsStyles_unstable')(state);
+    return (0, _renderMessageBarActions.renderMessageBarActions_unstable)(state, (0, _useMessageBarActionsContextValues.useMessageBarActionsContextValue_unstable)());
+});
+MessageBarActions.displayName = 'MessageBarActions';

package/lib-commonjs/components/MessageBarActions/MessageBarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n/**\n * MessageBarActions component\n */ export const MessageBarActions = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBarActions_unstable(props, ref);\n    useMessageBarActionsStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n    return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["MessageBarActions","React","forwardRef","props","ref","state","useMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useCustomStyleHook_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;qCACqB;sCACE;yCACG;kDACG;mDACM;AAG/C,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ,OAAOK,IAAAA,4EAAyC;AAC5F;AACAV,kBAAkBW,WAAW,GAAG"}

package/lib-commonjs/components/MessageBarActions/MessageBarActions.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/MessageBarActions/MessageBarActions.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/MessageBarActions/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MessageBarActions"), exports);
+_export_star._(require("./MessageBarActions.types"), exports);
+_export_star._(require("./renderMessageBarActions"), exports);
+_export_star._(require("./useMessageBarActions"), exports);
+_export_star._(require("./useMessageBarActionsStyles.styles"), exports);

package/lib-commonjs/components/MessageBarActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBarActions';\nexport * from './MessageBarActions.types';\nexport * from './renderMessageBarActions';\nexport * from './useMessageBarActions';\nexport * from './useMessageBarActionsStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMessageBarActions_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMessageBarActions_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactbutton = require("@fluentui/react-button");
+const renderMessageBarActions_unstable = (state, contexts)=>{
+    (0, _reactutilities.assertSlots)(state);
+    if (state.layout === 'multiline') {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
+            value: contexts.button,
+            children: [
+                state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
+        value: contexts.button,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}),
+            state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {})
+        ]
+    });
+};

package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMessageBarActions.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of MessageBarActions\n */ export const renderMessageBarActions_unstable = (state, contexts)=>{\n    assertSlots(state);\n    if (state.layout === 'multiline') {\n        return /*#__PURE__*/ _jsxs(ButtonContextProvider, {\n            value: contexts.button,\n            children: [\n                state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}),\n                /*#__PURE__*/ _jsx(state.root, {})\n            ]\n        });\n    }\n    return /*#__PURE__*/ _jsxs(ButtonContextProvider, {\n        value: contexts.button,\n        children: [\n            /*#__PURE__*/ _jsx(state.root, {}),\n            state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {})\n        ]\n    });\n};\n"],"names":["renderMessageBarActions_unstable","state","contexts","assertSlots","layout","_jsxs","ButtonContextProvider","value","button","children","containerAction","_jsx","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BAL4B;gCACjB;6BACU;AAG3B,MAAMA,mCAAmC,CAACC,OAAOC;IACxDC,IAAAA,2BAAW,EAACF;IACZ,IAAIA,MAAMG,MAAM,KAAK,aAAa;QAC9B,OAAO,WAAW,GAAGC,IAAAA,gBAAK,EAACC,kCAAqB,EAAE;YAC9CC,OAAOL,SAASM,MAAM;YACtBC,UAAU;gBACNR,MAAMS,eAAe,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACV,MAAMS,eAAe,EAAE,CAAC;gBACpE,WAAW,GAAGC,IAAAA,eAAI,EAACV,MAAMW,IAAI,EAAE,CAAC;aACnC;QACL;IACJ;IACA,OAAO,WAAW,GAAGP,IAAAA,gBAAK,EAACC,kCAAqB,EAAE;QAC9CC,OAAOL,SAASM,MAAM;QACtBC,UAAU;YACN,WAAW,GAAGE,IAAAA,eAAI,EAACV,MAAMW,IAAI,EAAE,CAAC;YAChCX,MAAMS,eAAe,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACV,MAAMS,eAAe,EAAE,CAAC;SACvE;IACL;AACJ"}