@fluentui/react-message-bar 9.7.4 → 9.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -2
- package/dist/index.d.cts +340 -0
- package/lib/MessageBar.js +1 -1
- package/lib/MessageBar.js.map +1 -1
- package/lib/MessageBarActions.js +1 -1
- package/lib/MessageBarActions.js.map +1 -1
- package/lib/MessageBarBody.js +1 -1
- package/lib/MessageBarBody.js.map +1 -1
- package/lib/MessageBarGroup.js +1 -1
- package/lib/MessageBarGroup.js.map +1 -1
- package/lib/MessageBarTitle.js +1 -1
- package/lib/MessageBarTitle.js.map +1 -1
- package/lib/components/MessageBar/MessageBar.js +6 -6
- package/lib/components/MessageBar/MessageBar.js.map +1 -1
- package/lib/components/MessageBar/getIntentIcon.js +2 -2
- package/lib/components/MessageBar/index.js +5 -5
- package/lib/components/MessageBar/index.js.map +1 -1
- package/lib/components/MessageBar/renderMessageBar.js +2 -2
- package/lib/components/MessageBar/renderMessageBar.js.map +1 -1
- package/lib/components/MessageBar/useMessageBar.js +10 -10
- package/lib/components/MessageBar/useMessageBar.js.map +1 -1
- package/lib/components/MessageBar/useMessageBarContextValues.js +1 -1
- package/lib/components/MessageBar/useMessageBarReflow.js +3 -3
- package/lib/components/MessageBar/useMessageBarStyles.styles.js +2 -2
- package/lib/components/MessageBar/useMessageBarStyles.styles.js.map +1 -1
- package/lib/components/MessageBar/useMessageBarStyles.styles.raw.js +2 -2
- package/lib/components/MessageBarActions/MessageBarActions.js +6 -6
- package/lib/components/MessageBarActions/MessageBarActions.js.map +1 -1
- package/lib/components/MessageBarActions/index.js +5 -5
- package/lib/components/MessageBarActions/index.js.map +1 -1
- package/lib/components/MessageBarActions/renderMessageBarActions.js +2 -2
- package/lib/components/MessageBarActions/useMessageBarActions.js +2 -2
- package/lib/components/MessageBarActions/useMessageBarActions.js.map +1 -1
- package/lib/components/MessageBarActions/useMessageBarActionsContextValues.js +1 -1
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.js +2 -2
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.js.map +1 -1
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.js +2 -2
- package/lib/components/MessageBarBody/MessageBarBody.js +6 -6
- package/lib/components/MessageBarBody/MessageBarBody.js.map +1 -1
- package/lib/components/MessageBarBody/index.js +5 -5
- package/lib/components/MessageBarBody/index.js.map +1 -1
- package/lib/components/MessageBarBody/renderMessageBarBody.js +2 -2
- package/lib/components/MessageBarBody/useMessageBarBody.js +2 -2
- package/lib/components/MessageBarBody/useMessageBarBody.js.map +1 -1
- package/lib/components/MessageBarBody/useMessageBarBodyContextValues.js +1 -1
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.js +2 -2
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.js.map +1 -1
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.js +2 -2
- package/lib/components/MessageBarGroup/MessageBarGroup.js +5 -5
- package/lib/components/MessageBarGroup/MessageBarGroup.js.map +1 -1
- package/lib/components/MessageBarGroup/MessageBarGroup.motions.js +2 -2
- package/lib/components/MessageBarGroup/index.js +4 -4
- package/lib/components/MessageBarGroup/index.js.map +1 -1
- package/lib/components/MessageBarGroup/renderMessageBarGroup.js +4 -4
- package/lib/components/MessageBarGroup/renderMessageBarGroup.js.map +1 -1
- package/lib/components/MessageBarGroup/useMessageBarGroup.js +2 -2
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.js +1 -1
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.js.map +1 -1
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.js +1 -1
- package/lib/components/MessageBarTitle/MessageBarTitle.js +5 -5
- package/lib/components/MessageBarTitle/MessageBarTitle.js.map +1 -1
- package/lib/components/MessageBarTitle/index.js +4 -4
- package/lib/components/MessageBarTitle/index.js.map +1 -1
- package/lib/components/MessageBarTitle/renderMessageBarTitle.js +1 -1
- package/lib/components/MessageBarTitle/useMessageBarTitle.js +2 -2
- package/lib/components/MessageBarTitle/useMessageBarTitle.js.map +1 -1
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.js +2 -2
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.js.map +1 -1
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.js +2 -2
- package/lib/contexts/index.js +2 -2
- package/lib/contexts/index.js.map +1 -1
- package/lib/contexts/messageBarContext.js +1 -1
- package/lib/contexts/messageBarTransitionContext.js +1 -1
- package/lib/index.js +6 -6
- package/lib/index.js.map +1 -1
- package/lib-commonjs/{MessageBar.js → MessageBar.cjs} +1 -1
- package/lib-commonjs/{MessageBar.js.map → MessageBar.cjs.map} +1 -1
- package/lib-commonjs/{MessageBarActions.js → MessageBarActions.cjs} +1 -1
- package/lib-commonjs/{MessageBarActions.js.map → MessageBarActions.cjs.map} +1 -1
- package/lib-commonjs/{MessageBarBody.js → MessageBarBody.cjs} +1 -1
- package/lib-commonjs/{MessageBarBody.js.map → MessageBarBody.cjs.map} +1 -1
- package/lib-commonjs/{MessageBarGroup.js → MessageBarGroup.cjs} +1 -1
- package/lib-commonjs/{MessageBarGroup.js.map → MessageBarGroup.cjs.map} +1 -1
- package/lib-commonjs/{MessageBarTitle.js → MessageBarTitle.cjs} +1 -1
- package/lib-commonjs/{MessageBarTitle.js.map → MessageBarTitle.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBar/{MessageBar.js → MessageBar.cjs} +4 -4
- package/lib-commonjs/components/MessageBar/{MessageBar.js.map → MessageBar.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBar/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/MessageBar/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBar/{renderMessageBar.js → renderMessageBar.cjs} +1 -1
- package/lib-commonjs/components/MessageBar/{renderMessageBar.js.map → renderMessageBar.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBar/{useMessageBar.js → useMessageBar.cjs} +6 -6
- package/lib-commonjs/components/MessageBar/useMessageBar.cjs.map +1 -0
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarActions/{MessageBarActions.js → MessageBarActions.cjs} +4 -4
- package/lib-commonjs/components/MessageBarActions/{MessageBarActions.js.map → MessageBarActions.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarActions/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/MessageBarActions/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarActions/{useMessageBarActions.js → useMessageBarActions.cjs} +1 -1
- package/lib-commonjs/components/MessageBarActions/{useMessageBarActions.js.map → useMessageBarActions.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarBody/{MessageBarBody.js → MessageBarBody.cjs} +4 -4
- package/lib-commonjs/components/MessageBarBody/{MessageBarBody.js.map → MessageBarBody.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarBody/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/MessageBarBody/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarBody/{useMessageBarBody.js → useMessageBarBody.cjs} +1 -1
- package/lib-commonjs/components/MessageBarBody/{useMessageBarBody.js.map → useMessageBarBody.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.js → MessageBarGroup.cjs} +3 -3
- package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.js.map → MessageBarGroup.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarGroup/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/MessageBarGroup/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarGroup/{renderMessageBarGroup.js → renderMessageBarGroup.cjs} +1 -1
- package/lib-commonjs/components/MessageBarGroup/{renderMessageBarGroup.js.map → renderMessageBarGroup.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarTitle/{MessageBarTitle.js → MessageBarTitle.cjs} +3 -3
- package/lib-commonjs/components/MessageBarTitle/{MessageBarTitle.js.map → MessageBarTitle.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarTitle/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/MessageBarTitle/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarTitle/{useMessageBarTitle.js → useMessageBarTitle.cjs} +1 -1
- package/lib-commonjs/components/MessageBarTitle/{useMessageBarTitle.js.map → useMessageBarTitle.cjs.map} +1 -1
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.cjs.map +1 -0
- package/lib-commonjs/contexts/{index.js → index.cjs} +2 -2
- package/lib-commonjs/contexts/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/{index.js → index.cjs} +12 -12
- package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
- package/package.json +24 -18
- package/lib-commonjs/components/MessageBar/useMessageBar.js.map +0 -1
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js.map +0 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.js.map +0 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.js.map +0 -1
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.js.map +0 -1
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.js.map +0 -1
- /package/lib-commonjs/components/MessageBar/{MessageBar.types.js → MessageBar.types.cjs} +0 -0
- /package/lib-commonjs/components/MessageBar/{MessageBar.types.js.map → MessageBar.types.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBar/{getIntentIcon.js → getIntentIcon.cjs} +0 -0
- /package/lib-commonjs/components/MessageBar/{getIntentIcon.js.map → getIntentIcon.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarContextValues.js → useMessageBarContextValues.cjs} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarContextValues.js.map → useMessageBarContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarReflow.js → useMessageBarReflow.cjs} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarReflow.js.map → useMessageBarReflow.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarStyles.styles.js → useMessageBarStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarStyles.styles.raw.js → useMessageBarStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/MessageBar/{useMessageBarStyles.styles.raw.js.map → useMessageBarStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{MessageBarActions.types.js → MessageBarActions.types.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{MessageBarActions.types.js.map → MessageBarActions.types.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{renderMessageBarActions.js → renderMessageBarActions.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{renderMessageBarActions.js.map → renderMessageBarActions.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{useMessageBarActionsContextValues.js → useMessageBarActionsContextValues.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{useMessageBarActionsContextValues.js.map → useMessageBarActionsContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{useMessageBarActionsStyles.styles.js → useMessageBarActionsStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{useMessageBarActionsStyles.styles.raw.js → useMessageBarActionsStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarActions/{useMessageBarActionsStyles.styles.raw.js.map → useMessageBarActionsStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{MessageBarBody.types.js → MessageBarBody.types.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{MessageBarBody.types.js.map → MessageBarBody.types.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{renderMessageBarBody.js → renderMessageBarBody.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{renderMessageBarBody.js.map → renderMessageBarBody.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{useMessageBarBodyContextValues.js → useMessageBarBodyContextValues.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{useMessageBarBodyContextValues.js.map → useMessageBarBodyContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{useMessageBarBodyStyles.styles.js → useMessageBarBodyStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{useMessageBarBodyStyles.styles.raw.js → useMessageBarBodyStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarBody/{useMessageBarBodyStyles.styles.raw.js.map → useMessageBarBodyStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.motions.js → MessageBarGroup.motions.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.motions.js.map → MessageBarGroup.motions.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.types.js → MessageBarGroup.types.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.types.js.map → MessageBarGroup.types.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{useMessageBarGroup.js → useMessageBarGroup.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{useMessageBarGroup.js.map → useMessageBarGroup.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{useMessageBarGroupStyles.styles.js → useMessageBarGroupStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{useMessageBarGroupStyles.styles.raw.js → useMessageBarGroupStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarGroup/{useMessageBarGroupStyles.styles.raw.js.map → useMessageBarGroupStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{MessageBarTitle.types.js → MessageBarTitle.types.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{MessageBarTitle.types.js.map → MessageBarTitle.types.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{renderMessageBarTitle.js → renderMessageBarTitle.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{renderMessageBarTitle.js.map → renderMessageBarTitle.cjs.map} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{useMessageBarTitleStyles.styles.js → useMessageBarTitleStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{useMessageBarTitleStyles.styles.raw.js → useMessageBarTitleStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/MessageBarTitle/{useMessageBarTitleStyles.styles.raw.js.map → useMessageBarTitleStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{messageBarContext.js → messageBarContext.cjs} +0 -0
- /package/lib-commonjs/contexts/{messageBarContext.js.map → messageBarContext.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{messageBarTransitionContext.js → messageBarTransitionContext.cjs} +0 -0
- /package/lib-commonjs/contexts/{messageBarTransitionContext.js.map → messageBarTransitionContext.cjs.map} +0 -0
|
@@ -25,7 +25,7 @@ _export(exports, {
|
|
|
25
25
|
return _useMessageBarTitle.useMessageBarTitle_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const _MessageBarTitle = require("./MessageBarTitle");
|
|
29
|
-
const _renderMessageBarTitle = require("./renderMessageBarTitle");
|
|
30
|
-
const _useMessageBarTitle = require("./useMessageBarTitle");
|
|
31
|
-
const _useMessageBarTitleStylesstyles = require("./useMessageBarTitleStyles.styles");
|
|
28
|
+
const _MessageBarTitle = require("./MessageBarTitle.cjs");
|
|
29
|
+
const _renderMessageBarTitle = require("./renderMessageBarTitle.cjs");
|
|
30
|
+
const _useMessageBarTitle = require("./useMessageBarTitle.cjs");
|
|
31
|
+
const _useMessageBarTitleStylesstyles = require("./useMessageBarTitleStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MessageBarTitle/index.ts"],"sourcesContent":["export { MessageBarTitle } from './MessageBarTitle';\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nexport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nexport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nexport { messageBarTitleClassNames, useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n"],"names":["MessageBarTitle","renderMessageBarTitle_unstable","useMessageBarTitle_unstable","messageBarTitleClassNames","useMessageBarTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAIfG,yDAAyB;;;eAFzBF,qDAA8B;;;eAEHG,iEAAiC;;;eAD5DF,+CAA2B;;;iCAHJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/MessageBarTitle/index.ts"],"sourcesContent":["export { MessageBarTitle } from './MessageBarTitle';\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nexport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nexport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nexport { messageBarTitleClassNames, useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n"],"names":["MessageBarTitle","renderMessageBarTitle_unstable","useMessageBarTitle_unstable","messageBarTitleClassNames","useMessageBarTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAIfG,yDAAyB;;;eAFzBF,qDAA8B;;;eAEHG,iEAAiC;;;eAD5DF,+CAA2B;;;iCAHJ,uBAAoB;uCAEL,6BAA0B;oCAC7B,0BAAuB;gDACU,uCAAoC"}
|
package/lib-commonjs/components/MessageBarTitle/{useMessageBarTitle.js → useMessageBarTitle.cjs}
RENAMED
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useMessageBarTitle_unstable", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _messageBarContext = require("../../contexts/messageBarContext");
|
|
13
|
+
const _messageBarContext = require("../../contexts/messageBarContext.cjs");
|
|
14
14
|
const useMessageBarTitle_unstable = (props, ref)=>{
|
|
15
15
|
const { titleId } = (0, _messageBarContext.useMessageBarContext)();
|
|
16
16
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MessageBarTitle/useMessageBarTitle.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { MessageBarTitleProps, MessageBarTitleState } from './MessageBarTitle.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarTitle.\n *\n * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n *\n * @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */\nexport const useMessageBarTitle_unstable = (\n props: MessageBarTitleProps,\n ref: React.Ref<HTMLElement>,\n): MessageBarTitleState => {\n const { titleId } = useMessageBarContext();\n\n return {\n components: {\n root: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('span', {\n ref,\n id: titleId,\n ...props,\n }),\n { elementType: 'span' },\n ),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useMessageBarContext","useMessageBarTitle_unstable","props","ref","titleId","components","root","always","id","elementType"],"mappings":"AAAA;;;;;;;;;;;gCAG+C,4BAA4B;mCAEtC,
|
|
1
|
+
{"version":3,"sources":["../src/components/MessageBarTitle/useMessageBarTitle.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { MessageBarTitleProps, MessageBarTitleState } from './MessageBarTitle.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarTitle.\n *\n * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n *\n * @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */\nexport const useMessageBarTitle_unstable = (\n props: MessageBarTitleProps,\n ref: React.Ref<HTMLElement>,\n): MessageBarTitleState => {\n const { titleId } = useMessageBarContext();\n\n return {\n components: {\n root: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('span', {\n ref,\n id: titleId,\n ...props,\n }),\n { elementType: 'span' },\n ),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useMessageBarContext","useMessageBarTitle_unstable","props","ref","titleId","components","root","always","id","elementType"],"mappings":"AAAA;;;;;;;;;;;gCAG+C,4BAA4B;mCAEtC,sCAAmC;AAWjE,MAAMG,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,OAAGJ,uCAAAA;IAEpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,QAAQ;YAC/BK;YACAK,IAAIJ;YACJ,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;IAE1B;AACF,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nimport { typographyStyles } from \"@fluentui/react-theme\";\nexport const messageBarTitleClassNames = {\n root: 'fui-MessageBarTitle'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1Strong,\n '::after': {\n content: '\" \"'\n }\n});\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */ export const useMessageBarTitleStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;6BAG0B;;;qCAaY;;;;uBAfJ,gBAAgB;AAEvD,MAAMG,4BAA4B;IACrCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;CAK7B,CAAC;AAGS,MAAMM,qCAAqCC,KAAK,IAAG;IAC1D,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACzG,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -28,5 +28,5 @@ _export(exports, {
|
|
|
28
28
|
return _messageBarTransitionContext.useMessageBarTransitionContext;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
const _messageBarContext = require("./messageBarContext");
|
|
32
|
-
const _messageBarTransitionContext = require("./messageBarTransitionContext");
|
|
31
|
+
const _messageBarContext = require("./messageBarContext.cjs");
|
|
32
|
+
const _messageBarTransitionContext = require("./messageBarTransitionContext.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { MessageBarContextValue } from './messageBarContext';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';\nexport type { MessageBarTransitionContextValue } from './messageBarTransitionContext';\nexport {\n MessageBarTransitionContextProvider,\n messageBarTransitionContextDefaultValue,\n useMessageBarTransitionContext,\n} from './messageBarTransitionContext';\n"],"names":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext"],"mappings":";;;;;;;;;;;;eACSA,4CAAyB;;;eAGhCG,gEAAmC;;;eAHDF,gDAA6B;;;eAI/DG,oEAAuC;;;eAJ0BF,uCAAoB;;;eAKrFG,2DAA8B;;;mCAL+D,
|
|
1
|
+
{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { MessageBarContextValue } from './messageBarContext';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';\nexport type { MessageBarTransitionContextValue } from './messageBarTransitionContext';\nexport {\n MessageBarTransitionContextProvider,\n messageBarTransitionContextDefaultValue,\n useMessageBarTransitionContext,\n} from './messageBarTransitionContext';\n"],"names":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext"],"mappings":";;;;;;;;;;;;eACSA,4CAAyB;;;eAGhCG,gEAAmC;;;eAHDF,gDAA6B;;;eAI/DG,oEAAuC;;;eAJ0BF,uCAAoB;;;eAKrFG,2DAA8B;;;mCAL+D,yBAAsB;6CAM9G,mCAAgC"}
|
|
@@ -19,7 +19,7 @@ _export(exports, {
|
|
|
19
19
|
return _MessageBarBody.MessageBarBody;
|
|
20
20
|
},
|
|
21
21
|
MessageBarContextProvider: function() {
|
|
22
|
-
return
|
|
22
|
+
return _index.MessageBarContextProvider;
|
|
23
23
|
},
|
|
24
24
|
MessageBarGroup: function() {
|
|
25
25
|
return _MessageBarGroup.MessageBarGroup;
|
|
@@ -28,7 +28,7 @@ _export(exports, {
|
|
|
28
28
|
return _MessageBarTitle.MessageBarTitle;
|
|
29
29
|
},
|
|
30
30
|
MessageBarTransitionContextProvider: function() {
|
|
31
|
-
return
|
|
31
|
+
return _index.MessageBarTransitionContextProvider;
|
|
32
32
|
},
|
|
33
33
|
messageBarActionsClassNames: function() {
|
|
34
34
|
return _MessageBarActions.messageBarActionsClassNames;
|
|
@@ -40,7 +40,7 @@ _export(exports, {
|
|
|
40
40
|
return _MessageBar.messageBarClassNames;
|
|
41
41
|
},
|
|
42
42
|
messageBarContextDefaultValue: function() {
|
|
43
|
-
return
|
|
43
|
+
return _index.messageBarContextDefaultValue;
|
|
44
44
|
},
|
|
45
45
|
messageBarGroupClassNames: function() {
|
|
46
46
|
return _MessageBarGroup.messageBarGroupClassNames;
|
|
@@ -49,7 +49,7 @@ _export(exports, {
|
|
|
49
49
|
return _MessageBarTitle.messageBarTitleClassNames;
|
|
50
50
|
},
|
|
51
51
|
messageBarTransitionContextDefaultValue: function() {
|
|
52
|
-
return
|
|
52
|
+
return _index.messageBarTransitionContextDefaultValue;
|
|
53
53
|
},
|
|
54
54
|
renderMessageBarActions_unstable: function() {
|
|
55
55
|
return _MessageBarActions.renderMessageBarActions_unstable;
|
|
@@ -88,7 +88,7 @@ _export(exports, {
|
|
|
88
88
|
return _MessageBarBody.useMessageBarBody_unstable;
|
|
89
89
|
},
|
|
90
90
|
useMessageBarContext: function() {
|
|
91
|
-
return
|
|
91
|
+
return _index.useMessageBarContext;
|
|
92
92
|
},
|
|
93
93
|
useMessageBarContextValue_unstable: function() {
|
|
94
94
|
return _MessageBar.useMessageBarContextValue_unstable;
|
|
@@ -109,15 +109,15 @@ _export(exports, {
|
|
|
109
109
|
return _MessageBarTitle.useMessageBarTitle_unstable;
|
|
110
110
|
},
|
|
111
111
|
useMessageBarTransitionContext: function() {
|
|
112
|
-
return
|
|
112
|
+
return _index.useMessageBarTransitionContext;
|
|
113
113
|
},
|
|
114
114
|
useMessageBar_unstable: function() {
|
|
115
115
|
return _MessageBar.useMessageBar_unstable;
|
|
116
116
|
}
|
|
117
117
|
});
|
|
118
|
-
const _MessageBar = require("./MessageBar");
|
|
119
|
-
const _MessageBarTitle = require("./MessageBarTitle");
|
|
120
|
-
const _MessageBarActions = require("./MessageBarActions");
|
|
121
|
-
const _MessageBarBody = require("./MessageBarBody");
|
|
122
|
-
const
|
|
123
|
-
const _MessageBarGroup = require("./MessageBarGroup");
|
|
118
|
+
const _MessageBar = require("./MessageBar.cjs");
|
|
119
|
+
const _MessageBarTitle = require("./MessageBarTitle.cjs");
|
|
120
|
+
const _MessageBarActions = require("./MessageBarActions.cjs");
|
|
121
|
+
const _MessageBarBody = require("./MessageBarBody.cjs");
|
|
122
|
+
const _index = require("./contexts/index.cjs");
|
|
123
|
+
const _MessageBarGroup = require("./MessageBarGroup.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n MessageBar,\n useMessageBarStyles_unstable,\n useMessageBarBase_unstable,\n useMessageBar_unstable,\n useMessageBarContextValue_unstable,\n renderMessageBar_unstable,\n messageBarClassNames,\n} from './MessageBar';\n\nexport type {\n MessageBarBaseProps,\n MessageBarBaseState,\n MessageBarProps,\n MessageBarSlots,\n MessageBarState,\n MessageBarIntent,\n MessageBarContextValues,\n} from './MessageBar';\n\nexport {\n MessageBarTitle,\n useMessageBarTitleStyles_unstable,\n useMessageBarTitle_unstable,\n renderMessageBarTitle_unstable,\n messageBarTitleClassNames,\n} from './MessageBarTitle';\n\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle';\n\nexport {\n MessageBarActions,\n useMessageBarActionsStyles_unstable,\n useMessageBarActions_unstable,\n renderMessageBarActions_unstable,\n useMessageBarActionsContextValue_unstable,\n messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type {\n MessageBarActionsProps,\n MessageBarActionsSlots,\n MessageBarActionsState,\n MessageBarActionsContextValues,\n} from './MessageBarActions';\n\nexport {\n MessageBarBody,\n useMessageBarBodyStyles_unstable,\n useMessageBarBody_unstable,\n useMessageBarBodyContextValues_unstable,\n renderMessageBarBody_unstable,\n messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type {\n MessageBarBodyProps,\n MessageBarBodySlots,\n MessageBarBodyState,\n MessageBarBodyContextValues,\n} from './MessageBarBody';\n\nexport {\n MessageBarContextProvider,\n messageBarContextDefaultValue,\n messageBarTransitionContextDefaultValue,\n useMessageBarContext,\n MessageBarTransitionContextProvider,\n useMessageBarTransitionContext,\n} from './contexts';\nexport type { MessageBarContextValue, MessageBarTransitionContextValue } from './contexts';\nexport {\n MessageBarGroup,\n useMessageBarGroupStyles_unstable,\n useMessageBarGroup_unstable,\n renderMessageBarGroup_unstable,\n messageBarGroupClassNames,\n} from './MessageBarGroup';\n\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_unstable","useMessageBarBase_unstable","useMessageBar_unstable","useMessageBarContextValue_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":";;;;;;;;;;;IACEA,UAAU;;;;eA8BVY,oCAAiB;;;eAgBjBM,8BAAc;;;eAgBdM,
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n MessageBar,\n useMessageBarStyles_unstable,\n useMessageBarBase_unstable,\n useMessageBar_unstable,\n useMessageBarContextValue_unstable,\n renderMessageBar_unstable,\n messageBarClassNames,\n} from './MessageBar';\n\nexport type {\n MessageBarBaseProps,\n MessageBarBaseState,\n MessageBarProps,\n MessageBarSlots,\n MessageBarState,\n MessageBarIntent,\n MessageBarContextValues,\n} from './MessageBar';\n\nexport {\n MessageBarTitle,\n useMessageBarTitleStyles_unstable,\n useMessageBarTitle_unstable,\n renderMessageBarTitle_unstable,\n messageBarTitleClassNames,\n} from './MessageBarTitle';\n\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle';\n\nexport {\n MessageBarActions,\n useMessageBarActionsStyles_unstable,\n useMessageBarActions_unstable,\n renderMessageBarActions_unstable,\n useMessageBarActionsContextValue_unstable,\n messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type {\n MessageBarActionsProps,\n MessageBarActionsSlots,\n MessageBarActionsState,\n MessageBarActionsContextValues,\n} from './MessageBarActions';\n\nexport {\n MessageBarBody,\n useMessageBarBodyStyles_unstable,\n useMessageBarBody_unstable,\n useMessageBarBodyContextValues_unstable,\n renderMessageBarBody_unstable,\n messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type {\n MessageBarBodyProps,\n MessageBarBodySlots,\n MessageBarBodyState,\n MessageBarBodyContextValues,\n} from './MessageBarBody';\n\nexport {\n MessageBarContextProvider,\n messageBarContextDefaultValue,\n messageBarTransitionContextDefaultValue,\n useMessageBarContext,\n MessageBarTransitionContextProvider,\n useMessageBarTransitionContext,\n} from './contexts';\nexport type { MessageBarContextValue, MessageBarTransitionContextValue } from './contexts';\nexport {\n MessageBarGroup,\n useMessageBarGroupStyles_unstable,\n useMessageBarGroup_unstable,\n renderMessageBarGroup_unstable,\n messageBarGroupClassNames,\n} from './MessageBarGroup';\n\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_unstable","useMessageBarBase_unstable","useMessageBar_unstable","useMessageBarContextValue_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":";;;;;;;;;;;IACEA,UAAU;;;;eA8BVY,oCAAiB;;;eAgBjBM,8BAAc;;;eAgBdM,gCAAyB;;;eASzBM,gCAAe;;;eAnDfvB,gCAAe;;;eA8CfqB,0CAAmC;;;eA/BnCX,8CAA2B;;IAgB3BM;uDAAwB;;;eA7CxBjB,gCAAoB;;;eAyDpBmB,oCAA6B;;;eAY7BS,0CAAyB;;;eAnDzBvB,0CAAyB;;2CAwCc;eAAvCe;;;eA/BAX,mDAAgC;;IAiBhCO;4DAA6B;;kCAwBC;eAA9BW;;;eAnDAvB,+CAA8B;;;eAlB9BL,qCAAyB;;IA6BzBW;2EAAyC;;;eAHzCH,sDAAmC;;iCACN;eAA7BC;;;eA9BAZ,sCAA0B;;;eA+C1BmB,uDAAuC;;;eAFvCF,gDAAgC;;;eAChCC,0CAA0B;;wBAiBN;eAApBO;;;eA7DAvB,8CAAkC;;;eAoElC2B,kDAAiC;;;eACjCC,4CAA2B;;;eAxE3B/B,wCAA4B;;;eAoB5BO,kDAAiC;;;eACjCC,4CAA2B;;;eA6C3BoB,qCAA8B;;;eAhE9B1B,kCAAsB;;;4BAIjB,kBAAe;iCAkBf,uBAAoB;mCAWpB,yBAAsB;gCAgBtB,sBAAmB;uBAgBnB,sBAAa;iCAQb,uBAAoB"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-message-bar",
|
|
3
|
-
"version": "9.7.
|
|
3
|
+
"version": "9.7.6",
|
|
4
4
|
"description": "Fluent UI MessageBar component",
|
|
5
|
-
"main": "lib-commonjs/index.
|
|
5
|
+
"main": "lib-commonjs/index.cjs",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
7
|
"typings": "./dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
@@ -12,30 +12,34 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui/react-button": "^9.
|
|
15
|
+
"@fluentui/react-button": "^9.11.0",
|
|
16
16
|
"@fluentui/react-icons": "^2.0.245",
|
|
17
|
-
"@fluentui/react-jsx-runtime": "^9.4.
|
|
18
|
-
"@fluentui/react-link": "^9.8.
|
|
19
|
-
"@fluentui/react-motion": "^9.16.
|
|
20
|
-
"@fluentui/react-motion-components-preview": "^0.15.
|
|
21
|
-
"@fluentui/react-shared-contexts": "^9.26.
|
|
22
|
-
"@fluentui/react-theme": "^9.2.
|
|
23
|
-
"@fluentui/react-utilities": "^9.26.
|
|
17
|
+
"@fluentui/react-jsx-runtime": "^9.4.5",
|
|
18
|
+
"@fluentui/react-link": "^9.8.4",
|
|
19
|
+
"@fluentui/react-motion": "^9.16.3",
|
|
20
|
+
"@fluentui/react-motion-components-preview": "^0.15.8",
|
|
21
|
+
"@fluentui/react-shared-contexts": "^9.26.3",
|
|
22
|
+
"@fluentui/react-theme": "^9.2.2",
|
|
23
|
+
"@fluentui/react-utilities": "^9.26.6",
|
|
24
24
|
"@griffel/react": "^1.5.32",
|
|
25
25
|
"@swc/helpers": "^0.5.1"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@types/react": ">=16.
|
|
29
|
-
"@types/react-dom": ">=16.
|
|
28
|
+
"@types/react": ">=16.14.0 <20.0.0",
|
|
29
|
+
"@types/react-dom": ">=16.9.0 <20.0.0",
|
|
30
30
|
"react": ">=16.14.0 <20.0.0",
|
|
31
|
-
"react-dom": ">=16.
|
|
31
|
+
"react-dom": ">=16.14.0 <20.0.0"
|
|
32
32
|
},
|
|
33
33
|
"exports": {
|
|
34
34
|
".": {
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
"import": {
|
|
36
|
+
"types": "./dist/index.d.ts",
|
|
37
|
+
"default": "./lib/index.js"
|
|
38
|
+
},
|
|
39
|
+
"require": {
|
|
40
|
+
"types": "./dist/index.d.cts",
|
|
41
|
+
"default": "./lib-commonjs/index.cjs"
|
|
42
|
+
}
|
|
39
43
|
},
|
|
40
44
|
"./package.json": "./package.json"
|
|
41
45
|
},
|
|
@@ -48,7 +52,9 @@
|
|
|
48
52
|
"files": [
|
|
49
53
|
"*.md",
|
|
50
54
|
"dist/*.d.ts",
|
|
55
|
+
"dist/*.d.cts",
|
|
51
56
|
"lib",
|
|
52
57
|
"lib-commonjs"
|
|
53
|
-
]
|
|
58
|
+
],
|
|
59
|
+
"type": "module"
|
|
54
60
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MessageBar/useMessageBar.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useAnnounce } from '@fluentui/react-shared-contexts';\nimport type { MessageBarBaseProps, MessageBarBaseState, MessageBarProps, MessageBarState } from './MessageBar.types';\nimport { getIntentIcon } from './getIntentIcon';\nimport { useMessageBarReflow } from './useMessageBarReflow';\nimport { useMessageBarTransitionContext } from '../../contexts/messageBarTransitionContext';\nimport { useMotionForwardedRef } from '@fluentui/react-motion';\n\n/**\n * Create the base state required to render MessageBar without design-specific props.\n *\n * @param props - props from this instance of MessageBar (without shape)\n * @param ref - reference to root HTMLElement of MessageBar\n */\nexport const useMessageBarBase_unstable = (\n props: MessageBarBaseProps,\n ref: React.Ref<HTMLDivElement>,\n): MessageBarBaseState => {\n const { layout = 'auto', intent = 'info', politeness } = props;\n const computedPoliteness = 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\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();\n const motionRef = useMotionForwardedRef();\n\n const actionsRef = React.useRef<HTMLDivElement | null>(null);\n const bodyRef = React.useRef<HTMLDivElement | null>(null);\n const { announce } = useAnnounce();\n const titleId = useId();\n\n React.useEffect(() => {\n const bodyMessage = bodyRef.current?.textContent;\n const actionsMessage = actionsRef.current?.textContent;\n\n const message = [bodyMessage, actionsMessage].filter(Boolean).join(',');\n announce(message, { polite: computedPoliteness === 'polite', alert: computedPoliteness === 'assertive' });\n }, [bodyRef, actionsRef, announce, computedPoliteness]);\n\n return {\n components: {\n root: 'div',\n icon: 'div',\n bottomReflowSpacer: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, reflowRef, nodeRef, motionRef),\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 }),\n bottomReflowSpacer: slot.optional(props.bottomReflowSpacer, {\n renderByDefault: computedLayout === 'multiline',\n elementType: 'div',\n }),\n layout: computedLayout,\n intent,\n transitionClassName,\n actionsRef,\n bodyRef,\n titleId,\n };\n};\n\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 */\nexport const useMessageBar_unstable = (props: MessageBarProps, ref: React.Ref<HTMLDivElement>): MessageBarState => {\n const { shape = 'rounded', ...baseProps } = props;\n\n const state = useMessageBarBase_unstable(baseProps, ref);\n\n return {\n ...state,\n shape,\n icon: slot.optional(props.icon, {\n defaultProps: {\n children: getIntentIcon(state.intent),\n },\n renderByDefault: true,\n elementType: 'div',\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useId","useMergedRefs","useAnnounce","getIntentIcon","useMessageBarReflow","useMessageBarTransitionContext","useMotionForwardedRef","useMessageBarBase_unstable","props","ref","layout","intent","politeness","computedPoliteness","autoReflow","reflowRef","reflowing","computedLayout","className","transitionClassName","nodeRef","motionRef","actionsRef","useRef","bodyRef","announce","titleId","useEffect","bodyMessage","current","textContent","actionsMessage","message","filter","Boolean","join","polite","alert","components","root","icon","bottomReflowSpacer","always","role","elementType","optional","renderByDefault","useMessageBar_unstable","shape","baseProps","state","defaultProps","children"],"mappings":"AAAA;;;;;;;;;;;;IAiBaU,0BAAAA;;;0BAoEAwC;eAAAA;;;;iEAnFU,QAAQ;gCACsC,4BAA4B;qCACrE,kCAAkC;+BAEhC,kBAAkB;qCACZ,wBAAwB;6CACb,6CAA6C;6BACtD,yBAAyB;AAQxD,mCAAmC,CACxCvC,OACAC;IAEA,MAAM,EAAEC,SAAS,MAAM,EAAEC,SAAS,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IACzD,MAAMK,qBAAqBD,CAAAA,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAcD,WAAW,MAAA,CAAK,GAAI,WAAW;IACxE,MAAMG,aAAaJ,WAAW;IAC9B,MAAM,EAAED,KAAKM,SAAS,EAAEC,SAAS,EAAE,OAAGZ,wCAAAA,EAAoBU;IAC1D,MAAMG,iBAAiBH,aAAcE,YAAY,cAAc,eAAgBN;IAE/E,4DAA4D;IAC5D,MAAM,EAAEQ,WAAWC,mBAAmB,EAAEC,OAAO,EAAE,OAAGf,2DAAAA;IACpD,MAAMgB,gBAAYf,kCAAAA;IAElB,MAAMgB,aAAazB,OAAM0B,MAAM,CAAwB;IACvD,MAAMC,UAAU3B,OAAM0B,MAAM,CAAwB;IACpD,MAAM,EAAEE,QAAQ,EAAE,OAAGvB,gCAAAA;IACrB,MAAMwB,cAAU1B,qBAAAA;IAEhBH,OAAM8B,SAAS,CAAC;YACMH,kBACGF;QADvB,MAAMM,cAAAA,CAAcJ,mBAAAA,QAAQK,OAAAA,AAAO,MAAA,QAAfL,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBM,WAAW;QAChD,MAAMC,iBAAAA,AAAiBT,uBAAAA,WAAWO,OAAAA,AAAO,MAAA,QAAlBP,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBQ,WAAW;QAEtD,MAAME,UAAU;YAACJ;YAAaG;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACnEV,SAASO,SAAS;YAAEI,QAAQvB,uBAAuB;YAAUwB,OAAOxB,uBAAuB;QAAY;IACzG,GAAG;QAACW;QAASF;QAAYG;QAAUZ;KAAmB;IAEtD,OAAO;QACLyB,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,oBAAoB;QACtB;QACAF,MAAMxC,oBAAAA,CAAK2C,MAAM,KACf5C,wCAAAA,EAAyB,OAAO;YAC9BW,SAAKR,6BAAAA,EAAcQ,KAAKM,WAAWK,SAASC;YAC5CsB,MAAM;YACN,mBAAmBjB;YACnB,GAAGlB,KAAK;QACV,IACA;YAAEoC,aAAa;QAAM;QAEvBJ,MAAMzC,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMgC,IAAI,EAAE;YAC9BM,iBAAiB;YACjBF,aAAa;QACf;QACAH,oBAAoB1C,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMiC,kBAAkB,EAAE;YAC1DK,iBAAiB7B,mBAAmB;YACpC2B,aAAa;QACf;QACAlC,QAAQO;QACRN;QACAQ;QACAG;QACAE;QACAE;IACF;AACF,EAAE;AAWK,+BAA+B,CAAClB,OAAwBC;IAC7D,MAAM,EAAEuC,QAAQ,SAAS,EAAE,GAAGC,WAAW,GAAGzC;IAE5C,MAAM0C,QAAQ3C,2BAA2B0C,WAAWxC;IAEpD,OAAO;QACL,GAAGyC,KAAK;QACRF;QACAR,MAAMzC,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMgC,IAAI,EAAE;YAC9BW,cAAc;gBACZC,cAAUjD,4BAAAA,EAAc+C,MAAMvC,MAAM;YACtC;YACAmC,iBAAiB;YACjBF,aAAa;QACf;IACF;AACF,EAAE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = makeResetStyles({\n whiteSpace: 'nowrap',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr auto auto',\n gridTemplateRows: '1fr',\n gridTemplateAreas: '\"icon body secondaryActions actions\"',\n paddingLeft: tokens.spacingHorizontalM,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n alignItems: 'center',\n minHeight: '36px',\n boxSizing: 'border-box',\n backgroundColor: tokens.colorNeutralBackground3\n});\nconst useIconBaseStyles = makeResetStyles({\n gridArea: 'icon',\n fontSize: tokens.fontSizeBase500,\n marginRight: tokens.spacingHorizontalS,\n color: tokens.colorNeutralForeground3,\n display: 'flex',\n alignItems: 'center'\n});\nconst useReflowSpacerBaseStyles = makeResetStyles({\n marginBottom: tokens.spacingVerticalS,\n gridArea: 'secondaryActions'\n});\nconst useStyles = makeStyles({\n rootMultiline: {\n whiteSpace: 'normal',\n alignItems: 'start',\n paddingTop: tokens.spacingVerticalMNudge,\n gridTemplateColumns: 'auto 1fr auto',\n gridTemplateAreas: `\n \"icon body actions\"\n \"secondaryActions secondaryActions secondaryActions\"\n `\n },\n secondaryActionsMultiline: {\n justifyContent: 'end',\n marginTop: tokens.spacingVerticalMNudge,\n marginBottom: tokens.spacingVerticalS,\n marginRight: '0px'\n },\n square: {\n borderRadius: '0'\n }\n});\nconst useIconIntentStyles = makeStyles({\n info: {\n },\n error: {\n color: tokens.colorStatusDangerForeground1\n },\n warning: {\n color: tokens.colorStatusWarningForeground3\n },\n success: {\n color: tokens.colorStatusSuccessForeground1\n }\n});\nconst useRootIntentStyles = makeStyles({\n info: {\n },\n error: {\n backgroundColor: tokens.colorStatusDangerBackground1,\n ...shorthands.borderColor(tokens.colorStatusDangerBorder1)\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningBackground1,\n ...shorthands.borderColor(tokens.colorStatusWarningBorder1)\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessBackground1,\n ...shorthands.borderColor(tokens.colorStatusSuccessBorder1)\n }\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */ export const useMessageBarStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n // eslint-disable-next-line react-hooks/immutability\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","messageBarClassNames","root","icon","bottomReflowSpacer","useRootBaseStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","useMessageBarStyles_unstable","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","layout","shape","intent"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarActionsClassNames = {\n root: 'fui-MessageBarActions',\n containerAction: 'fui-MessageBarActions__containerAction'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n gridArea: 'secondaryActions',\n display: 'flex',\n columnGap: tokens.spacingHorizontalM,\n paddingRight: tokens.spacingHorizontalM\n});\nconst useContainerActionBaseStyles = makeResetStyles({\n gridArea: 'actions',\n paddingRight: tokens.spacingHorizontalM\n});\nconst useMultilineStyles = makeStyles({\n root: {\n justifyContent: 'end',\n marginTop: tokens.spacingVerticalMNudge,\n marginBottom: tokens.spacingVerticalS,\n marginRight: '0px',\n paddingRight: tokens.spacingVerticalM\n },\n noActions: {\n display: 'none'\n }\n});\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */ export const useMessageBarActionsStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n const containerActionBaseStyles = useContainerActionBaseStyles();\n const multilineStyles = useMultilineStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);\n if (state.containerAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n }\n return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","messageBarActionsClassNames","root","containerAction","useRootBaseStyles","useContainerActionBaseStyles","useMultilineStyles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","noActions","mc9l5x","d","useMessageBarActionsStyles_unstable","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","layout","hasActions"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCI,2BAA2B;;;uCA8BY;eAAnCc;;;uBAhCyC,gBAAgB;AAEnE,oCAAoC;IACvCb,IAAI,EAAE,uBAAuB;IAC7BC,eAAe,EAAE;AACrB,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGP,oBAAA,EAAA,YAAA,YAAA;IAAA;IAAA;CAK7B,CAAC;AACF,MAAMQ,4BAA4B,GAAA,WAAA,OAAGR,oBAAA,EAAA,WAAA,YAAA;IAAA;IAAA;CAGpC,CAAC;AACF,MAAMS,kBAAkB,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,SAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAW1B,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,MAAMC,cAAc,GAAGb,iBAAiB,CAAC,CAAC;IAC1C,MAAMc,yBAAyB,GAAGb,4BAA4B,CAAC,CAAC;IAChE,MAAMc,eAAe,GAAGb,kBAAkB,CAAC,CAAC;IAC5C,oDAAA;IACAU,KAAK,CAACd,IAAI,CAACkB,SAAS,OAAGrB,mBAAY,EAACE,2BAA2B,CAACC,IAAI,EAAEe,cAAc,EAAED,KAAK,CAACK,MAAM,KAAK,WAAW,IAAIF,eAAe,CAACjB,IAAI,EAAE,CAACc,KAAK,CAACM,UAAU,IAAIH,eAAe,CAACP,SAAS,EAAEI,KAAK,CAACd,IAAI,CAACkB,SAAS,CAAC;IACjN,IAAIJ,KAAK,CAACb,eAAe,EAAE;QACvB,oDAAA;QACAa,KAAK,CAACb,eAAe,CAACiB,SAAS,OAAGrB,mBAAY,EAACE,2BAA2B,CAACE,eAAe,EAAEe,yBAAyB,EAAEF,KAAK,CAACb,eAAe,CAACiB,SAAS,CAAC;IAC3J;IACA,OAAOJ,KAAK;AAChB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const messageBarBodyClassNames = {\n root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1,\n gridArea: 'body',\n paddingRight: tokens.spacingHorizontalM\n});\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */ export const useMessageBarBodyStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;IAUpBO,gCAAgC;;;;uBAZH,gBAAgB;AAEvD,MAAMH,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,GAAA,WAAA,OAAGN,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB,CAAC;AAGS,0CAA0CQ,KAAK,IAAG;IACzD,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGT,mBAAY,EAACG,wBAAwB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const messageBarGroupClassNames = {\n root: 'fui-MessageBarGroup'\n};\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */ export const useMessageBarGroupStyles_unstable = (state)=>{\n state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,yBAAyB;;;qCAKY;;;;uBANrB,gBAAgB;AACtC,kCAAkC;IACrCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,oCAAqCC,KAAK,IAAG;IAC1DA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,yBAAyB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACzF,OAAOD,KAAK;AAChB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const messageBarTitleClassNames = {\n root: 'fui-MessageBarTitle'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1Strong,\n '::after': {\n content: '\" \"'\n }\n});\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */ export const useMessageBarTitleStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;6BAG0B;;;qCAaY;;;;uBAfJ,gBAAgB;AAEvD,MAAMG,4BAA4B;IACrCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;CAK7B,CAAC;AAGS,MAAMM,qCAAqCC,KAAK,IAAG;IAC1D,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACzG,OAAOF,KAAK;AAChB,CAAC"}
|
|
File without changes
|
/package/lib-commonjs/components/MessageBar/{MessageBar.types.js.map → MessageBar.types.cjs.map}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/lib-commonjs/components/MessageBar/{useMessageBarReflow.js → useMessageBarReflow.cjs}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/lib-commonjs/components/MessageBarBody/{MessageBarBody.types.js → MessageBarBody.types.cjs}
RENAMED
|
File without changes
|
|
File without changes
|
/package/lib-commonjs/components/MessageBarBody/{renderMessageBarBody.js → renderMessageBarBody.cjs}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/lib-commonjs/components/MessageBarGroup/{useMessageBarGroup.js → useMessageBarGroup.cjs}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/lib-commonjs/contexts/{messageBarTransitionContext.js → messageBarTransitionContext.cjs}
RENAMED
|
File without changes
|
|
File without changes
|