@fluentui/react-message-bar 9.74.7-experimental.cli-api.20261006-ccaa611d58.0 → 9.75.0-experimental.css-modules.20261031-810ab07afb.0
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 +51 -13
- package/README.md +8 -0
- package/lib/components/MessageBar/MessageBar.js.map +1 -1
- package/lib/components/MessageBar/MessageBar.module.css +70 -0
- package/lib/components/MessageBar/MessageBar.types.js.map +1 -1
- package/lib/components/MessageBar/getIntentIcon.js.map +1 -1
- 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.map +1 -1
- package/lib/components/MessageBar/useMessageBarContextValues.js.map +1 -1
- package/lib/components/MessageBar/useMessageBarReflow.js +2 -2
- package/lib/components/MessageBar/useMessageBarReflow.js.map +1 -1
- package/lib/components/MessageBar/useMessageBarStyles.styles.css.js +19 -0
- package/lib/components/MessageBar/useMessageBarStyles.styles.css.js.map +1 -0
- package/lib/components/MessageBar/useMessageBarStyles.styles.raw.css.js +19 -0
- package/lib/components/MessageBar/useMessageBarStyles.styles.raw.css.js.map +1 -0
- package/lib/components/MessageBar/useMessageBarStyles.styles.raw.js.map +1 -1
- package/lib/components/MessageBarActions/MessageBarActions.js.map +1 -1
- package/lib/components/MessageBarActions/MessageBarActions.module.css +22 -0
- package/lib/components/MessageBarActions/MessageBarActions.types.js.map +1 -1
- package/lib/components/MessageBarActions/index.js.map +1 -1
- package/lib/components/MessageBarActions/renderMessageBarActions.js +2 -2
- package/lib/components/MessageBarActions/renderMessageBarActions.js.map +1 -1
- package/lib/components/MessageBarActions/useMessageBarActions.js.map +1 -1
- package/lib/components/MessageBarActions/useMessageBarActionsContextValues.js.map +1 -1
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.css.js +15 -0
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.css.js.map +1 -0
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.js +15 -0
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.js.map +1 -0
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.js.map +1 -1
- package/lib/components/MessageBarBody/MessageBarBody.js.map +1 -1
- package/lib/components/MessageBarBody/MessageBarBody.module.css +10 -0
- package/lib/components/MessageBarBody/MessageBarBody.types.js.map +1 -1
- package/lib/components/MessageBarBody/index.js.map +1 -1
- package/lib/components/MessageBarBody/renderMessageBarBody.js +2 -2
- package/lib/components/MessageBarBody/renderMessageBarBody.js.map +1 -1
- package/lib/components/MessageBarBody/useMessageBarBody.js.map +1 -1
- package/lib/components/MessageBarBody/useMessageBarBodyContextValues.js.map +1 -1
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.css.js +9 -0
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.css.js.map +1 -0
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.js +9 -0
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.js.map +1 -0
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.js.map +1 -1
- package/lib/components/MessageBarGroup/MessageBarGroup.js.map +1 -1
- package/lib/components/MessageBarGroup/MessageBarGroup.motions.js.map +1 -1
- package/lib/components/MessageBarGroup/MessageBarGroup.types.js.map +1 -1
- package/lib/components/MessageBarGroup/index.js.map +1 -1
- package/lib/components/MessageBarGroup/renderMessageBarGroup.js +2 -2
- package/lib/components/MessageBarGroup/renderMessageBarGroup.js.map +1 -1
- package/lib/components/MessageBarGroup/useMessageBarGroup.js +1 -2
- package/lib/components/MessageBarGroup/useMessageBarGroup.js.map +1 -1
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.js +10 -0
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.js.map +1 -0
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.js +10 -0
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.js.map +1 -0
- package/lib/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.js.map +1 -1
- package/lib/components/MessageBarTitle/MessageBarTitle.js.map +1 -1
- package/lib/components/MessageBarTitle/MessageBarTitle.module.css +11 -0
- package/lib/components/MessageBarTitle/MessageBarTitle.types.js.map +1 -1
- package/lib/components/MessageBarTitle/index.js.map +1 -1
- package/lib/components/MessageBarTitle/renderMessageBarTitle.js +2 -2
- package/lib/components/MessageBarTitle/renderMessageBarTitle.js.map +1 -1
- package/lib/components/MessageBarTitle/useMessageBarTitle.js.map +1 -1
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.js +11 -0
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.js.map +1 -0
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.js +11 -0
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.js.map +1 -0
- package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.js.map +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/contexts/messageBarContext.js.map +1 -1
- package/lib/contexts/messageBarTransitionContext.js.map +1 -1
- package/lib-commonjs/MessageBar.cjs +8 -8
- package/lib-commonjs/MessageBarActions.cjs +7 -7
- package/lib-commonjs/MessageBarBody.cjs +7 -7
- package/lib-commonjs/MessageBarGroup.cjs +6 -6
- package/lib-commonjs/MessageBarTitle.cjs +6 -6
- package/lib-commonjs/components/MessageBar/MessageBar.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/MessageBar.module.css +70 -0
- package/lib-commonjs/components/MessageBar/MessageBar.types.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/getIntentIcon.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/index.cjs +8 -8
- package/lib-commonjs/components/MessageBar/index.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/renderMessageBar.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBar.cjs +3 -3
- package/lib-commonjs/components/MessageBar/useMessageBar.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarContextValues.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarReflow.cjs +2 -2
- package/lib-commonjs/components/MessageBar/useMessageBarReflow.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.css.cjs +36 -0
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.css.cjs +36 -0
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarActions/MessageBarActions.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/MessageBarActions.module.css +22 -0
- package/lib-commonjs/components/MessageBarActions/MessageBarActions.types.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/index.cjs +7 -7
- package/lib-commonjs/components/MessageBarActions/index.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActions.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsContextValues.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.css.cjs +32 -0
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.cjs +32 -0
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarBody/MessageBarBody.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/MessageBarBody.module.css +10 -0
- package/lib-commonjs/components/MessageBarBody/MessageBarBody.types.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/index.cjs +7 -7
- package/lib-commonjs/components/MessageBarBody/index.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/renderMessageBarBody.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBody.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyContextValues.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.css.cjs +28 -0
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.cjs +28 -0
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarGroup/MessageBarGroup.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/MessageBarGroup.motions.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/MessageBarGroup.types.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/index.cjs +6 -6
- package/lib-commonjs/components/MessageBarGroup/index.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/renderMessageBarGroup.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroup.cjs +1 -2
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroup.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.cjs +26 -0
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.cjs +26 -0
- package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarTitle/MessageBarTitle.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/MessageBarTitle.module.css +11 -0
- package/lib-commonjs/components/MessageBarTitle/MessageBarTitle.types.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/index.cjs +6 -6
- package/lib-commonjs/components/MessageBarTitle/index.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/renderMessageBarTitle.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitle.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.cjs +28 -0
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.cjs.map +1 -0
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.cjs +28 -0
- package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.cjs.map +1 -0
- package/lib-commonjs/contexts/index.cjs +7 -7
- package/lib-commonjs/contexts/index.cjs.map +1 -1
- package/lib-commonjs/contexts/messageBarContext.cjs +4 -4
- package/lib-commonjs/contexts/messageBarContext.cjs.map +1 -1
- package/lib-commonjs/contexts/messageBarTransitionContext.cjs +4 -4
- package/lib-commonjs/contexts/messageBarTransitionContext.cjs.map +1 -1
- package/lib-commonjs/index.cjs +36 -36
- package/lib-commonjs/index.cjs.map +1 -1
- package/package.json +16 -16
- package/dist/metadata/api/api-root.json +0 -1
- package/dist/metadata/index.json +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MessageBarGroupProps, MessageBarGroupState } from './MessageBarGroup.types';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render MessageBarGroup.\n *\n * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,\n * before being passed to renderMessageBarGroup_unstable.\n *\n * @param props - props from this instance of MessageBarGroup\n * @param ref - reference to root HTMLElement of MessageBarGroup\n */\nexport const useMessageBarGroup_unstable = (\n props: MessageBarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MessageBarGroupState => {\n if (process.env.NODE_ENV !== 'production') {\n React.Children.forEach(props.children, c => {\n if (!React.isValidElement(c) || c.type === React.Fragment) {\n throw new Error(\n \"MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. \",\n );\n }\n });\n }\n\n const children = React.Children.map(props.children ?? [], c =>\n React.isValidElement(c) && c.type !== React.Fragment ? c : null,\n ).filter(Boolean);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n children,\n animate: props.animate ?? 'exit-only',\n enterStyles: '',\n exitStyles: '',\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMessageBarGroup_unstable","props","ref","process","env","NODE_ENV","Children","forEach","children","c","isValidElement","type","Fragment","Error","map","filter","Boolean","components","root","always","elementType","animate","enterStyles","exitStyles"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCAEgB,4BAA4B;AAWpE,oCAAoC,CACzCC,OACAC;QAYoCD,iBAiBzBA;IA3BX,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzCR,OAAMS,QAAQ,CAACC,OAAO,CAACN,MAAMO,QAAQ,EAAEC,CAAAA;YACrC,IAAI,eAACZ,OAAMa,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKd,OAAMe,QAAQ,EAAE;gBACzD,MAAM,IAAIC,MACR;YAEJ;QACF;IACF;IAEA,MAAML,WAAWX,OAAMS,QAAQ,CAACQ,GAAG,CAAA,CAACb,kBAAAA,MAAMO,QAAAA,AAAQ,MAAA,QAAdP,oBAAAA,KAAAA,IAAAA,kBAAkB,EAAE,EAAEQ,CAAAA,kBACxDZ,OAAMa,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKd,OAAMe,QAAQ,GAAGH,IAAI,MAC3DM,MAAM,CAACC;IAET,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMnB,oBAAAA,CAAKoB,MAAM,CACfrB,4CAAAA,EAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;QAEvBZ;QACAa,OAAO,EAAA,CAAEpB,iBAAAA,MAAMoB,OAAAA,AAAO,MAAA,QAAbpB,mBAAAA,KAAAA,IAAAA,iBAAiB;QAC1BqB,aAAa;QACbC,YAAY;IACd;AACF,EAAE"}
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
messageBarGroupClassNames
|
|
12
|
+
get messageBarGroupClassNames () {
|
|
13
13
|
return messageBarGroupClassNames;
|
|
14
14
|
},
|
|
15
|
-
useMessageBarGroupStyles_unstable
|
|
15
|
+
get useMessageBarGroupStyles_unstable () {
|
|
16
16
|
return useMessageBarGroupStyles_unstable;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;;;
|
|
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":";;;;;;;;;;;QACaC,yBAAyB;;;;;;;uBADT,gBAAgB;AACtC,kCAAkC;IACrCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,iCAAiC,IAAIC,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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get messageBarGroupClassNames () {
|
|
13
|
+
return messageBarGroupClassNames;
|
|
14
|
+
},
|
|
15
|
+
get useMessageBarGroupStyles_unstable () {
|
|
16
|
+
return useMessageBarGroupStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _clsx = require("clsx");
|
|
20
|
+
const messageBarGroupClassNames = {
|
|
21
|
+
root: 'fui-MessageBarGroup'
|
|
22
|
+
};
|
|
23
|
+
const useMessageBarGroupStyles_unstable = (state)=>{
|
|
24
|
+
state.root.className = (0, _clsx.clsx)(messageBarGroupClassNames.root, state.root.className);
|
|
25
|
+
return state;
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["clsx","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAIaC;;;;;;;sBAJQ,OAAO;AAIrB,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGL,UAAAA,EAAKC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAChF,OAAOD;AACT,EAAE"}
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
messageBarGroupClassNames
|
|
12
|
+
get messageBarGroupClassNames () {
|
|
13
13
|
return messageBarGroupClassNames;
|
|
14
14
|
},
|
|
15
|
-
useMessageBarGroupStyles_unstable
|
|
15
|
+
get useMessageBarGroupStyles_unstable () {
|
|
16
16
|
return useMessageBarGroupStyles_unstable;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAIaC;;;;;;;uBAJgB,iBAAiB;AAIvC,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IACxF,OAAOD;AACT,EAAE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get messageBarGroupClassNames () {
|
|
13
|
+
return messageBarGroupClassNames;
|
|
14
|
+
},
|
|
15
|
+
get useMessageBarGroupStyles_unstable () {
|
|
16
|
+
return useMessageBarGroupStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _clsx = require("clsx");
|
|
20
|
+
const messageBarGroupClassNames = {
|
|
21
|
+
root: 'fui-MessageBarGroup'
|
|
22
|
+
};
|
|
23
|
+
const useMessageBarGroupStyles_unstable = (state)=>{
|
|
24
|
+
state.root.className = (0, _clsx.clsx)(messageBarGroupClassNames.root, state.root.className);
|
|
25
|
+
return state;
|
|
26
|
+
};
|
package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.raw.css.cjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n root: 'fui-MessageBarGroup',\n};\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n state.root.className = clsx(messageBarGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["clsx","messageBarGroupClassNames","root","useMessageBarGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAIaC;;;;;;;sBAJQ,OAAO;AAIrB,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGL,UAAAA,EAAKC,0BAA0BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAChF,OAAOD;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarTitle/MessageBarTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nimport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nimport { useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\nimport type { MessageBarTitleProps } from './MessageBarTitle.types';\n\n/**\n * MessageBarTitle component\n */\nexport const MessageBarTitle: ForwardRefComponent<MessageBarTitleProps> = React.forwardRef((props, ref) => {\n const state = useMessageBarTitle_unstable(props, ref);\n\n useMessageBarTitleStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarTitleStyles_unstable')(state);\n return renderMessageBarTitle_unstable(state);\n});\n\nMessageBarTitle.displayName = 'MessageBarTitle';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","MessageBarTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;oCAClC,0BAAuB;uCACpB,6BAA0B;gDACvB,uCAAoC;AAM/E,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQP,+CAAAA,EAA4BK,OAAOC;QAEjDJ,iEAAAA,EAAkCK;QAClCR,gDAAAA,EAA4B,qCAAqCQ;IACjE,WAAON,qDAAAA,EAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarTitle/MessageBarTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarTitleSlots = {\n root: Slot<'span'>;\n};\n\n/**\n * MessageBarTitle Props\n */\nexport type MessageBarTitleProps = ComponentProps<MessageBarTitleSlots>;\n\n/**\n * State used in rendering MessageBarTitle\n */\nexport type MessageBarTitleState = ComponentState<MessageBarTitleSlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAAwE"}
|
|
@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MessageBarTitle
|
|
12
|
+
get MessageBarTitle () {
|
|
13
13
|
return _MessageBarTitle.MessageBarTitle;
|
|
14
14
|
},
|
|
15
|
-
messageBarTitleClassNames
|
|
15
|
+
get messageBarTitleClassNames () {
|
|
16
16
|
return _useMessageBarTitleStylesstyles.messageBarTitleClassNames;
|
|
17
17
|
},
|
|
18
|
-
renderMessageBarTitle_unstable
|
|
18
|
+
get renderMessageBarTitle_unstable () {
|
|
19
19
|
return _renderMessageBarTitle.renderMessageBarTitle_unstable;
|
|
20
20
|
},
|
|
21
|
-
useMessageBarTitleStyles_unstable
|
|
21
|
+
get useMessageBarTitleStyles_unstable () {
|
|
22
22
|
return _useMessageBarTitleStylesstyles.useMessageBarTitleStyles_unstable;
|
|
23
23
|
},
|
|
24
|
-
useMessageBarTitle_unstable
|
|
24
|
+
get useMessageBarTitle_unstable () {
|
|
25
25
|
return _useMessageBarTitle.useMessageBarTitle_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarTitle/renderMessageBarTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MessageBarTitleState, MessageBarTitleSlots } from './MessageBarTitle.types';\n\n/**\n * Render the final JSX of MessageBarTitle\n */\nexport const renderMessageBarTitle_unstable = (state: MessageBarTitleState): JSXElement => {\n assertSlots<MessageBarTitleSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderMessageBarTitle_unstable","state","root"],"mappings":";;;;;;;;;;;gCACA,gDAAiD,GAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAOjD,MAAMC,iCAAiC,CAACC;QAC7CF,2BAAAA,EAAkCE;IAElC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
messageBarTitleClassNames
|
|
13
|
+
get messageBarTitleClassNames () {
|
|
14
14
|
return messageBarTitleClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMessageBarTitleStyles_unstable
|
|
16
|
+
get useMessageBarTitleStyles_unstable () {
|
|
17
17
|
return useMessageBarTitleStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -1 +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
|
|
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;;;;;;;;;;;;;;;;eAgBKM,iCAAiC;;;uBAfJ,gBAAgB;AAEvD,MAAMH,yBAAyB,GAAG;IACrCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;CAK7B,CAAC;AAGS,2CAA2CO,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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get messageBarTitleClassNames () {
|
|
13
|
+
return messageBarTitleClassNames;
|
|
14
|
+
},
|
|
15
|
+
get useMessageBarTitleStyles_unstable () {
|
|
16
|
+
return useMessageBarTitleStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
20
|
+
const _clsx = require("clsx");
|
|
21
|
+
const _MessageBarTitlemodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarTitle.module.css"));
|
|
22
|
+
const messageBarTitleClassNames = {
|
|
23
|
+
root: 'fui-MessageBarTitle'
|
|
24
|
+
};
|
|
25
|
+
const useMessageBarTitleStyles_unstable = (state)=>{
|
|
26
|
+
state.root.className = (0, _clsx.clsx)(messageBarTitleClassNames.root, _MessageBarTitlemodulecss.default.root, state.root.className);
|
|
27
|
+
return state;
|
|
28
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nimport styles from './MessageBarTitle.module.css';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n root: 'fui-MessageBarTitle',\n};\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["clsx","styles","messageBarTitleClassNames","root","useMessageBarTitleStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;mFAGT,+BAA+B;AAE3C,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,0BAA0BC,IAAI,EAAEF,iCAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE7F,OAAOD;AACT,EAAE"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
messageBarTitleClassNames
|
|
13
|
+
get messageBarTitleClassNames () {
|
|
14
14
|
return messageBarTitleClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMessageBarTitleStyles_unstable
|
|
16
|
+
get useMessageBarTitleStyles_unstable () {
|
|
17
17
|
return useMessageBarTitleStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n root: 'fui-MessageBarTitle',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1Strong,\n '::after': {\n content: '\" \"',\n },\n});\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n const rootBaseStyles = useRootBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","body1Strong","content","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA;;;;;;;;;;;;;;;QAwBaQ;;;;uBAtBiC,iBAAiB;4BAC9B,wBAAwB;AAIlD,MAAML,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,wBAAoBL,sBAAAA,EAAgB;IACxC,GAAGE,4BAAAA,CAAiBI,WAAW;IAC/B,WAAW;QACTC,SAAS;IACX;AACF;AAKO,0CAA0C,CAACE;IAChD,MAAMC,iBAAiBL;IACvB,oDAAoD;IACpDI,MAAML,IAAI,CAACO,SAAS,OAAGV,mBAAAA,EAAaE,0BAA0BC,IAAI,EAAEM,gBAAgBD,MAAML,IAAI,CAACO,SAAS;IAExG,OAAOF;AACT,EAAE"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get messageBarTitleClassNames () {
|
|
13
|
+
return messageBarTitleClassNames;
|
|
14
|
+
},
|
|
15
|
+
get useMessageBarTitleStyles_unstable () {
|
|
16
|
+
return useMessageBarTitleStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
20
|
+
const _clsx = require("clsx");
|
|
21
|
+
const _MessageBarTitlemodulecss = /*#__PURE__*/ _interop_require_default._(require("./MessageBarTitle.module.css"));
|
|
22
|
+
const messageBarTitleClassNames = {
|
|
23
|
+
root: 'fui-MessageBarTitle'
|
|
24
|
+
};
|
|
25
|
+
const useMessageBarTitleStyles_unstable = (state)=>{
|
|
26
|
+
state.root.className = (0, _clsx.clsx)(messageBarTitleClassNames.root, _MessageBarTitlemodulecss.default.root, state.root.className);
|
|
27
|
+
return state;
|
|
28
|
+
};
|
package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.css.cjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MessageBarTitle/useMessageBarTitleStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nimport styles from './MessageBarTitle.module.css';\n\nexport const messageBarTitleClassNames: SlotClassNames<MessageBarTitleSlots> = {\n root: 'fui-MessageBarTitle',\n};\n\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = (state: MessageBarTitleState): MessageBarTitleState => {\n state.root.className = clsx(messageBarTitleClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["clsx","styles","messageBarTitleClassNames","root","useMessageBarTitleStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;mFAGT,+BAA+B;AAE3C,kCAAwE;IAC7EC,MAAM;AACR,EAAE;AAKK,MAAMC,oCAAoC,CAACC;IAChDA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,0BAA0BC,IAAI,EAAEF,iCAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE7F,OAAOD;AACT,EAAE"}
|
|
@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MessageBarContextProvider
|
|
12
|
+
get MessageBarContextProvider () {
|
|
13
13
|
return _messageBarContext.MessageBarContextProvider;
|
|
14
14
|
},
|
|
15
|
-
MessageBarTransitionContextProvider
|
|
15
|
+
get MessageBarTransitionContextProvider () {
|
|
16
16
|
return _messageBarTransitionContext.MessageBarTransitionContextProvider;
|
|
17
17
|
},
|
|
18
|
-
messageBarContextDefaultValue
|
|
18
|
+
get messageBarContextDefaultValue () {
|
|
19
19
|
return _messageBarContext.messageBarContextDefaultValue;
|
|
20
20
|
},
|
|
21
|
-
messageBarTransitionContextDefaultValue
|
|
21
|
+
get messageBarTransitionContextDefaultValue () {
|
|
22
22
|
return _messageBarTransitionContext.messageBarTransitionContextDefaultValue;
|
|
23
23
|
},
|
|
24
|
-
useMessageBarContext
|
|
24
|
+
get useMessageBarContext () {
|
|
25
25
|
return _messageBarContext.useMessageBarContext;
|
|
26
26
|
},
|
|
27
|
-
useMessageBarTransitionContext
|
|
27
|
+
get useMessageBarTransitionContext () {
|
|
28
28
|
return _messageBarTransitionContext.useMessageBarTransitionContext;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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"}
|
|
@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
MessageBarContextProvider
|
|
13
|
+
get MessageBarContextProvider () {
|
|
14
14
|
return MessageBarContextProvider;
|
|
15
15
|
},
|
|
16
|
-
messageBarContextDefaultValue
|
|
16
|
+
get messageBarContextDefaultValue () {
|
|
17
17
|
return messageBarContextDefaultValue;
|
|
18
18
|
},
|
|
19
|
-
useMessageBarContext
|
|
19
|
+
get useMessageBarContext () {
|
|
20
20
|
return useMessageBarContext;
|
|
21
21
|
}
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../src/contexts/messageBarContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type MessageBarContextValue = {\n layout: 'multiline' | 'singleline' | 'auto';\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n actionsRef: React.MutableRefObject<HTMLDivElement | null>;\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n bodyRef: React.MutableRefObject<HTMLDivElement | null>;\n titleId: string;\n};\nconst messageBarContext = React.createContext<MessageBarContextValue | undefined>(undefined);\n\nexport const messageBarContextDefaultValue: MessageBarContextValue = {\n titleId: '',\n layout: 'singleline',\n actionsRef: React.createRef(),\n bodyRef: React.createRef(),\n};\n\nexport const MessageBarContextProvider = messageBarContext.Provider;\nexport const useMessageBarContext = (): MessageBarContextValue =>\n React.useContext(messageBarContext) ?? messageBarContextDefaultValue;\n"],"names":["React","messageBarContext","createContext","undefined","messageBarContextDefaultValue","titleId","layout","actionsRef","createRef","bodyRef","MessageBarContextProvider","Provider","useMessageBarContext","useContext"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;iEAEuB,QAAQ;AAU/B,MAAMC,kCAAoBD,OAAME,aAAa,CAAqCC;AAE3E,MAAMC,gCAAwD;IACnEC,SAAS;IACTC,QAAQ;IACRC,0BAAYP,OAAMQ,SAAS;IAC3BC,uBAAST,OAAMQ,SAAS;AAC1B,EAAE;AAEK,MAAME,4BAA4BT,kBAAkBU,QAAQ,CAAC;AAC7D,MAAMC,uBAAuB;QAClCZ;YAAAA,oBAAAA,OAAMa,UAAU,CAACZ,kBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAuCI;EAA8B"}
|
|
@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
MessageBarTransitionContextProvider
|
|
13
|
+
get MessageBarTransitionContextProvider () {
|
|
14
14
|
return MessageBarTransitionContextProvider;
|
|
15
15
|
},
|
|
16
|
-
messageBarTransitionContextDefaultValue
|
|
16
|
+
get messageBarTransitionContextDefaultValue () {
|
|
17
17
|
return messageBarTransitionContextDefaultValue;
|
|
18
18
|
},
|
|
19
|
-
useMessageBarTransitionContext
|
|
19
|
+
get useMessageBarTransitionContext () {
|
|
20
20
|
return useMessageBarTransitionContext;
|
|
21
21
|
}
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../src/contexts/messageBarTransitionContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type MessageBarTransitionContextValue = {\n /**\n * @deprecated CSS className is no longer used for this transition, replaced by motion components\n */\n className: string;\n nodeRef: React.Ref<HTMLDivElement | null>;\n};\n\nconst messageBarTransitionContext = React.createContext<MessageBarTransitionContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const messageBarTransitionContextDefaultValue: MessageBarTransitionContextValue = {\n className: '',\n nodeRef: React.createRef<HTMLDivElement | null>(),\n};\n\n/**\n * Context to pass nodeRef for animation to MessageBar components\n * @internal\n */\nexport const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;\n/**\n * @internal\n */\nexport const useMessageBarTransitionContext = (): MessageBarTransitionContextValue =>\n React.useContext(messageBarTransitionContext) ?? messageBarTransitionContextDefaultValue;\n"],"names":["React","messageBarTransitionContext","createContext","undefined","messageBarTransitionContextDefaultValue","className","nodeRef","createRef","MessageBarTransitionContextProvider","Provider","useMessageBarTransitionContext","useContext"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;iEAEuB,QAAQ;AAU/B,MAAMC,4CAA8BD,OAAME,aAAa,CAA+CC;AAK/F,MAAMC,0CAA4E;IACvFC,WAAW;IACXC,uBAASN,OAAMO,SAAS;AAC1B,EAAE;AAMK,MAAMC,sCAAsCP,4BAA4BQ,QAAQ,CAAC;AAIjF,MAAMC,iCAAiC;QAC5CV;YAAAA,oBAAAA,OAAMW,UAAU,CAACV,4BAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAiDI;EAAwC"}
|