@fluentui/react-message-bar 9.0.24 → 9.0.26
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 +30 -7
- package/lib/components/MessageBar/useMessageBarStyles.styles.js +2 -2
- package/lib/components/MessageBar/useMessageBarStyles.styles.js.map +1 -1
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.js +3 -3
- package/lib/components/MessageBarActions/useMessageBarActionsStyles.styles.js.map +1 -1
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.js +2 -2
- package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js +6 -6
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.js +6 -6
- package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.js +3 -3
- package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,21 +1,44 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-message-bar
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 17 Apr 2024 21:47:23 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.26)
|
|
8
|
+
|
|
9
|
+
Wed, 17 Apr 2024 21:47:23 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.25..@fluentui/react-message-bar_v9.0.26)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: refactor styles defined in makeResetStyles() to avoid shorthands.*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
|
|
15
|
+
- chore: Update react-icons to 2.0.235 ([PR #31011](https://github.com/microsoft/fluentui/pull/31011) by ololubek@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-button to v9.3.75 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
|
|
17
|
+
|
|
18
|
+
## [9.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.25)
|
|
19
|
+
|
|
20
|
+
Tue, 02 Apr 2024 09:48:01 GMT
|
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.24..@fluentui/react-message-bar_v9.0.25)
|
|
22
|
+
|
|
23
|
+
### Patches
|
|
24
|
+
|
|
25
|
+
- Bump @fluentui/react-button to v9.3.74 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
|
|
26
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.35 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
|
|
27
|
+
- Bump @fluentui/react-shared-contexts to v9.16.0 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
|
|
28
|
+
- Bump @fluentui/react-utilities to v9.18.6 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
|
|
29
|
+
|
|
7
30
|
## [9.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.24)
|
|
8
31
|
|
|
9
|
-
Mon, 18 Mar 2024 19:
|
|
32
|
+
Mon, 18 Mar 2024 19:50:46 GMT
|
|
10
33
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.23..@fluentui/react-message-bar_v9.0.24)
|
|
11
34
|
|
|
12
35
|
### Patches
|
|
13
36
|
|
|
14
|
-
- Bump @fluentui/react-button to v9.3.73 ([PR #
|
|
15
|
-
- Bump @fluentui/react-jsx-runtime to v9.0.34 ([PR #
|
|
16
|
-
- Bump @fluentui/react-shared-contexts to v9.15.2 ([PR #
|
|
17
|
-
- Bump @fluentui/react-theme to v9.1.19 ([PR #
|
|
18
|
-
- Bump @fluentui/react-utilities to v9.18.5 ([PR #
|
|
37
|
+
- Bump @fluentui/react-button to v9.3.73 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
|
|
38
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.34 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
|
|
39
|
+
- Bump @fluentui/react-shared-contexts to v9.15.2 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
|
|
40
|
+
- Bump @fluentui/react-theme to v9.1.19 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
|
|
41
|
+
- Bump @fluentui/react-utilities to v9.18.5 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
|
|
19
42
|
|
|
20
43
|
## [9.0.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.23)
|
|
21
44
|
|
|
@@ -5,8 +5,8 @@ export const messageBarClassNames = {
|
|
|
5
5
|
icon: 'fui-MessageBar__icon',
|
|
6
6
|
bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
|
|
7
7
|
};
|
|
8
|
-
const useRootBaseStyles = /*#__PURE__*/__resetStyles("
|
|
9
|
-
const useIconBaseStyles = /*#__PURE__*/__resetStyles("
|
|
8
|
+
const useRootBaseStyles = /*#__PURE__*/__resetStyles("r2oyxsj", "r1wuyrhw", [".r2oyxsj{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\"icon body secondaryActions actions\";padding-left:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}", ".r1wuyrhw{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\"icon body secondaryActions actions\";padding-right:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}"]);
|
|
9
|
+
const useIconBaseStyles = /*#__PURE__*/__resetStyles("r1df1z33", "rivnfjc", [".r1df1z33{grid-area:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}", ".rivnfjc{grid-area:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}"]);
|
|
10
10
|
const useReflowSpacerBaseStyles = /*#__PURE__*/__resetStyles("r1vx593n", null, [".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}"]);
|
|
11
11
|
const useStyles = /*#__PURE__*/__styles({
|
|
12
12
|
rootMultiline: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","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","transitionClassName"],"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { 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
|
|
1
|
+
{"version":3,"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","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","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","transitionClassName"],"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { 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 ...shorthands.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 state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE,sBAAsB;EAC5BC,kBAAkB,EAAE;AACxB,CAAC;AACD,MAAMC,iBAAiB,gBAAGT,aAAA,01BAazB,CAAC;AACF,MAAMU,iBAAiB,gBAAGV,aAAA,4WAOzB,CAAC;AACF,MAAMW,yBAAyB,gBAAGX,aAAA,mGAGjC,CAAC;AACF,MAAMY,SAAS,gBAAGX,QAAA;EAAAY,aAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,yBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAoBjB,CAAC;AACF,MAAMC,mBAAmB,gBAAG7B,QAAA;EAAA8B,IAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAD,MAAA;EAAA;EAAAE,OAAA;IAAAF,MAAA;EAAA;AAAA;EAAAJ,CAAA;AAAA,CAY3B,CAAC;AACF,MAAMO,mBAAmB,gBAAGnC,QAAA;EAAA8B,IAAA;EAAAC,KAAA;IAAAK,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAP,OAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,OAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAZ,CAAA;AAAA,CAe3B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMa,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,cAAc,GAAGnC,iBAAiB,CAAC,CAAC;EAC1C,MAAMoC,cAAc,GAAGnC,iBAAiB,CAAC,CAAC;EAC1C,MAAMoC,gBAAgB,GAAGhB,mBAAmB,CAAC,CAAC;EAC9C,MAAMiB,gBAAgB,GAAGX,mBAAmB,CAAC,CAAC;EAC9C,MAAMY,kBAAkB,GAAGrC,yBAAyB,CAAC,CAAC;EACtD,MAAMsC,MAAM,GAAGrC,SAAS,CAAC,CAAC;EAC1B+B,KAAK,CAACrC,IAAI,CAAC4C,SAAS,GAAGhD,YAAY,CAACG,oBAAoB,CAACC,IAAI,EAAEsC,cAAc,EAAED,KAAK,CAACQ,MAAM,KAAK,WAAW,IAAIF,MAAM,CAACpC,aAAa,EAAE8B,KAAK,CAACS,KAAK,KAAK,QAAQ,IAAIH,MAAM,CAACzB,MAAM,EAAEuB,gBAAgB,CAACJ,KAAK,CAACU,MAAM,CAAC,EAAEV,KAAK,CAACW,mBAAmB,EAAEX,KAAK,CAACrC,IAAI,CAAC4C,SAAS,CAAC;EAChQ,IAAIP,KAAK,CAACpC,IAAI,EAAE;IACZoC,KAAK,CAACpC,IAAI,CAAC2C,SAAS,GAAGhD,YAAY,CAACG,oBAAoB,CAACE,IAAI,EAAEsC,cAAc,EAAEC,gBAAgB,CAACH,KAAK,CAACU,MAAM,CAAC,EAAEV,KAAK,CAACpC,IAAI,CAAC2C,SAAS,CAAC;EACxI;EACA,IAAIP,KAAK,CAACnC,kBAAkB,EAAE;IAC1BmC,KAAK,CAACnC,kBAAkB,CAAC0C,SAAS,GAAGhD,YAAY,CAACG,oBAAoB,CAACG,kBAAkB,EAAEwC,kBAAkB,CAAC;EAClH;EACA,OAAOL,KAAK;AAChB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __resetStyles, __styles, mergeClasses
|
|
1
|
+
import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
export const messageBarActionsClassNames = {
|
|
4
4
|
root: 'fui-MessageBarActions',
|
|
@@ -7,8 +7,8 @@ export const messageBarActionsClassNames = {
|
|
|
7
7
|
/**
|
|
8
8
|
* Styles for the root slot
|
|
9
9
|
*/
|
|
10
|
-
const useRootBaseStyles = /*#__PURE__*/__resetStyles("
|
|
11
|
-
const useContainerActionBaseStyles = /*#__PURE__*/__resetStyles("
|
|
10
|
+
const useRootBaseStyles = /*#__PURE__*/__resetStyles("r1t4x98y", "r15utzv5", [".r1t4x98y{grid-area:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM);}", ".r15utzv5{grid-area:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-left:var(--spacingHorizontalM);}"]);
|
|
11
|
+
const useContainerActionBaseStyles = /*#__PURE__*/__resetStyles("rgzw8nq", "r13ur29z", [".rgzw8nq{grid-area:actions;padding-right:var(--spacingHorizontalM);}", ".r13ur29z{grid-area:actions;padding-left:var(--spacingHorizontalM);}"]);
|
|
12
12
|
const useMultilineStyles = /*#__PURE__*/__styles({
|
|
13
13
|
root: {
|
|
14
14
|
Brf1p80: "f1e8xxv9",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","messageBarActionsClassNames","root","containerAction","useRootBaseStyles","useContainerActionBaseStyles","useMultilineStyles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","d","useMessageBarActionsStyles_unstable","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","layout"],"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { 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});\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 state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, state.root.className);\n if (state.containerAction) {\n state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE,uBAAuB;EAC7BC,eAAe,EAAE;AACrB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,iBAAiB,gBAAGP,aAAA,gSAK7B,CAAC;AACF,MAAMQ,4BAA4B,gBAAGR,aAAA,wKAGpC,CAAC;AACF,MAAMS,kBAAkB,gBAAGR,QAAA;EAAAI,IAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAQ1B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,MAAMC,cAAc,GAAGX,iBAAiB,CAAC,CAAC;EAC1C,MAAMY,yBAAyB,GAAGX,4BAA4B,CAAC,CAAC;EAChE,MAAMY,eAAe,GAAGX,kBAAkB,CAAC,CAAC;EAC5CQ,KAAK,CAACZ,IAAI,CAACgB,SAAS,GAAGnB,YAAY,CAACE,2BAA2B,CAACC,IAAI,EAAEa,cAAc,EAAED,KAAK,CAACK,MAAM,KAAK,WAAW,IAAIF,eAAe,CAACf,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACgB,SAAS,CAAC;EACjK,IAAIJ,KAAK,CAACX,eAAe,EAAE;IACvBW,KAAK,CAACX,eAAe,CAACe,SAAS,GAAGnB,YAAY,CAACE,2BAA2B,CAACE,eAAe,EAAEa,yBAAyB,EAAEF,KAAK,CAACX,eAAe,CAACe,SAAS,CAAC;EAC3J;EACA,OAAOJ,KAAK;AAChB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { __resetStyles, mergeClasses
|
|
1
|
+
import { __resetStyles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens, typographyStyles } from '@fluentui/react-theme';
|
|
3
3
|
export const messageBarBodyClassNames = {
|
|
4
4
|
root: 'fui-MessageBarBody'
|
|
5
5
|
};
|
|
6
|
-
const useRootBaseStyles = /*#__PURE__*/__resetStyles("
|
|
6
|
+
const useRootBaseStyles = /*#__PURE__*/__resetStyles("rtatq2b", "re2rary", [".rtatq2b{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-right:var(--spacingHorizontalM);}", ".re2rary{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-left:var(--spacingHorizontalM);}"]);
|
|
7
7
|
/**
|
|
8
8
|
* Apply styling to the MessageBarBody slots based on the state
|
|
9
9
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__resetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { 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 state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,gBAAGN,aAAA,0bAIzB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMO,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;EAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGT,YAAY,CAACG,wBAAwB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACxG,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -22,13 +22,13 @@ const messageBarClassNames = {
|
|
|
22
22
|
icon: 'fui-MessageBar__icon',
|
|
23
23
|
bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
|
|
24
24
|
};
|
|
25
|
-
const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
26
|
-
".
|
|
27
|
-
".
|
|
25
|
+
const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r2oyxsj", "r1wuyrhw", [
|
|
26
|
+
".r2oyxsj{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\"icon body secondaryActions actions\";padding-left:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}",
|
|
27
|
+
".r1wuyrhw{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\"icon body secondaryActions actions\";padding-right:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}"
|
|
28
28
|
]);
|
|
29
|
-
const useIconBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
30
|
-
".
|
|
31
|
-
".
|
|
29
|
+
const useIconBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1df1z33", "rivnfjc", [
|
|
30
|
+
".r1df1z33{grid-area:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}",
|
|
31
|
+
".rivnfjc{grid-area:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}"
|
|
32
32
|
]);
|
|
33
33
|
const useReflowSpacerBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1vx593n", null, [
|
|
34
34
|
".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rashqx\", \"ri1c0vc\", [\".rashqx{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-left:var(--spacingHorizontalM);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\", \".ri1c0vc{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-right:var(--spacingHorizontalM);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\"]);\nconst useIconBaseStyles = /*#__PURE__*/__resetStyles(\"r1bxgyar\", \"rv8i6h8\", [\".r1bxgyar{grid-row-start:icon;grid-column-start:icon;grid-row-end:icon;grid-column-end:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\", \".rv8i6h8{grid-row-start:icon;grid-column-start:icon;grid-row-end:icon;grid-column-end:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\"]);\nconst useReflowSpacerBaseStyles = /*#__PURE__*/__resetStyles(\"r1vx593n\", null, [\".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n rootMultiline: {\n Huce71: \"f6juhto\",\n Bt984gj: \"f1s2louj\",\n z8tnut: \"f1ngh7ph\",\n Budl1dq: \"f17g0uqy\",\n zoa1oz: \"f1w7oly7\"\n },\n secondaryActionsMultiline: {\n Brf1p80: \"f1e8xxv9\",\n B6of3ja: \"f1gaxbfw\",\n jrapky: \"fqcjy3b\",\n t21cq0: [\"fibjyge\", \"f9yszdx\"]\n },\n square: {\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n }\n}, {\n d: [\".f6juhto{white-space:normal;}\", \".f1s2louj{align-items:start;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f17g0uqy{grid-template-columns:auto 1fr auto;}\", \".f1w7oly7{grid-template-areas:\\\"icon body actions\\\" \\\"secondaryActions secondaryActions secondaryActions\\\";}\", \".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\"]\n});\nconst useIconIntentStyles = /*#__PURE__*/__styles({\n info: {},\n error: {\n sj55zd: \"f1ca9wz\"\n },\n warning: {\n sj55zd: \"f14a4cve\"\n },\n success: {\n sj55zd: \"f36rra6\"\n }\n}, {\n d: [\".f1ca9wz{color:var(--colorStatusDangerForeground1);}\", \".f14a4cve{color:var(--colorStatusWarningForeground3);}\", \".f36rra6{color:var(--colorStatusSuccessForeground1);}\"]\n});\nconst useRootIntentStyles = /*#__PURE__*/__styles({\n info: {},\n error: {\n De3pzq: \"f1eon7jj\",\n g2u3we: \"f1f8dvr7\",\n h3c5rm: [\"f1g1ijmo\", \"f1nxacbt\"],\n B9xav0g: \"fo25q1j\",\n zhjwy3: [\"f1nxacbt\", \"f1g1ijmo\"]\n },\n warning: {\n De3pzq: \"f13ftzij\",\n g2u3we: \"frd1ypx\",\n h3c5rm: [\"f1gyjrma\", \"f18qd5xz\"],\n B9xav0g: \"fqyqtrt\",\n zhjwy3: [\"f18qd5xz\", \"f1gyjrma\"]\n },\n success: {\n De3pzq: \"f64thcm\",\n g2u3we: \"f1b4u7v\",\n h3c5rm: [\"f1nyd2b1\", \"f70v3om\"],\n B9xav0g: \"fk173vo\",\n zhjwy3: [\"f70v3om\", \"f1nyd2b1\"]\n }\n}, {\n d: [\".f1eon7jj{background-color:var(--colorStatusDangerBackground1);}\", \".f1f8dvr7{border-top-color:var(--colorStatusDangerBorder1);}\", \".f1g1ijmo{border-right-color:var(--colorStatusDangerBorder1);}\", \".f1nxacbt{border-left-color:var(--colorStatusDangerBorder1);}\", \".fo25q1j{border-bottom-color:var(--colorStatusDangerBorder1);}\", \".f13ftzij{background-color:var(--colorStatusWarningBackground1);}\", \".frd1ypx{border-top-color:var(--colorStatusWarningBorder1);}\", \".f1gyjrma{border-right-color:var(--colorStatusWarningBorder1);}\", \".f18qd5xz{border-left-color:var(--colorStatusWarningBorder1);}\", \".fqyqtrt{border-bottom-color:var(--colorStatusWarningBorder1);}\", \".f64thcm{background-color:var(--colorStatusSuccessBackground1);}\", \".f1b4u7v{border-top-color:var(--colorStatusSuccessBorder1);}\", \".f1nyd2b1{border-right-color:var(--colorStatusSuccessBorder1);}\", \".f70v3om{border-left-color:var(--colorStatusSuccessBorder1);}\", \".fk173vo{border-bottom-color:var(--colorStatusSuccessBorder1);}\"]\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n//# sourceMappingURL=useMessageBarStyles.styles.js.map"],"names":["messageBarClassNames","useMessageBarStyles_unstable","root","icon","bottomReflowSpacer","useRootBaseStyles","__resetStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","__styles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","mergeClasses","layout","shape","intent","transitionClassName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r2oyxsj\", \"r1wuyrhw\", [\".r2oyxsj{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-left:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\", \".r1wuyrhw{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-right:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\"]);\nconst useIconBaseStyles = /*#__PURE__*/__resetStyles(\"r1df1z33\", \"rivnfjc\", [\".r1df1z33{grid-area:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\", \".rivnfjc{grid-area:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\"]);\nconst useReflowSpacerBaseStyles = /*#__PURE__*/__resetStyles(\"r1vx593n\", null, [\".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n rootMultiline: {\n Huce71: \"f6juhto\",\n Bt984gj: \"f1s2louj\",\n z8tnut: \"f1ngh7ph\",\n Budl1dq: \"f17g0uqy\",\n zoa1oz: \"f1w7oly7\"\n },\n secondaryActionsMultiline: {\n Brf1p80: \"f1e8xxv9\",\n B6of3ja: \"f1gaxbfw\",\n jrapky: \"fqcjy3b\",\n t21cq0: [\"fibjyge\", \"f9yszdx\"]\n },\n square: {\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n }\n}, {\n d: [\".f6juhto{white-space:normal;}\", \".f1s2louj{align-items:start;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f17g0uqy{grid-template-columns:auto 1fr auto;}\", \".f1w7oly7{grid-template-areas:\\\"icon body actions\\\" \\\"secondaryActions secondaryActions secondaryActions\\\";}\", \".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\"]\n});\nconst useIconIntentStyles = /*#__PURE__*/__styles({\n info: {},\n error: {\n sj55zd: \"f1ca9wz\"\n },\n warning: {\n sj55zd: \"f14a4cve\"\n },\n success: {\n sj55zd: \"f36rra6\"\n }\n}, {\n d: [\".f1ca9wz{color:var(--colorStatusDangerForeground1);}\", \".f14a4cve{color:var(--colorStatusWarningForeground3);}\", \".f36rra6{color:var(--colorStatusSuccessForeground1);}\"]\n});\nconst useRootIntentStyles = /*#__PURE__*/__styles({\n info: {},\n error: {\n De3pzq: \"f1eon7jj\",\n g2u3we: \"f1f8dvr7\",\n h3c5rm: [\"f1g1ijmo\", \"f1nxacbt\"],\n B9xav0g: \"fo25q1j\",\n zhjwy3: [\"f1nxacbt\", \"f1g1ijmo\"]\n },\n warning: {\n De3pzq: \"f13ftzij\",\n g2u3we: \"frd1ypx\",\n h3c5rm: [\"f1gyjrma\", \"f18qd5xz\"],\n B9xav0g: \"fqyqtrt\",\n zhjwy3: [\"f18qd5xz\", \"f1gyjrma\"]\n },\n success: {\n De3pzq: \"f64thcm\",\n g2u3we: \"f1b4u7v\",\n h3c5rm: [\"f1nyd2b1\", \"f70v3om\"],\n B9xav0g: \"fk173vo\",\n zhjwy3: [\"f70v3om\", \"f1nyd2b1\"]\n }\n}, {\n d: [\".f1eon7jj{background-color:var(--colorStatusDangerBackground1);}\", \".f1f8dvr7{border-top-color:var(--colorStatusDangerBorder1);}\", \".f1g1ijmo{border-right-color:var(--colorStatusDangerBorder1);}\", \".f1nxacbt{border-left-color:var(--colorStatusDangerBorder1);}\", \".fo25q1j{border-bottom-color:var(--colorStatusDangerBorder1);}\", \".f13ftzij{background-color:var(--colorStatusWarningBackground1);}\", \".frd1ypx{border-top-color:var(--colorStatusWarningBorder1);}\", \".f1gyjrma{border-right-color:var(--colorStatusWarningBorder1);}\", \".f18qd5xz{border-left-color:var(--colorStatusWarningBorder1);}\", \".fqyqtrt{border-bottom-color:var(--colorStatusWarningBorder1);}\", \".f64thcm{background-color:var(--colorStatusSuccessBackground1);}\", \".f1b4u7v{border-top-color:var(--colorStatusSuccessBorder1);}\", \".f1nyd2b1{border-right-color:var(--colorStatusSuccessBorder1);}\", \".f70v3om{border-left-color:var(--colorStatusSuccessBorder1);}\", \".fk173vo{border-bottom-color:var(--colorStatusSuccessBorder1);}\"]\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n//# sourceMappingURL=useMessageBarStyles.styles.js.map"],"names":["messageBarClassNames","useMessageBarStyles_unstable","root","icon","bottomReflowSpacer","useRootBaseStyles","__resetStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","__styles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","mergeClasses","layout","shape","intent","transitionClassName"],"mappings":"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"}
|
|
@@ -23,13 +23,13 @@ const messageBarActionsClassNames = {
|
|
|
23
23
|
};
|
|
24
24
|
/**
|
|
25
25
|
* Styles for the root slot
|
|
26
|
-
*/ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
27
|
-
".
|
|
28
|
-
".
|
|
26
|
+
*/ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1t4x98y", "r15utzv5", [
|
|
27
|
+
".r1t4x98y{grid-area:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM);}",
|
|
28
|
+
".r15utzv5{grid-area:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-left:var(--spacingHorizontalM);}"
|
|
29
29
|
]);
|
|
30
|
-
const useContainerActionBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
31
|
-
".
|
|
32
|
-
".
|
|
30
|
+
const useContainerActionBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rgzw8nq", "r13ur29z", [
|
|
31
|
+
".rgzw8nq{grid-area:actions;padding-right:var(--spacingHorizontalM);}",
|
|
32
|
+
".r13ur29z{grid-area:actions;padding-left:var(--spacingHorizontalM);}"
|
|
33
33
|
]);
|
|
34
34
|
const useMultilineStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
35
35
|
root: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses
|
|
1
|
+
{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, 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 */\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r1t4x98y\", \"r15utzv5\", [\".r1t4x98y{grid-area:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM);}\", \".r15utzv5{grid-area:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-left:var(--spacingHorizontalM);}\"]);\nconst useContainerActionBaseStyles = /*#__PURE__*/__resetStyles(\"rgzw8nq\", \"r13ur29z\", [\".rgzw8nq{grid-area:actions;padding-right:var(--spacingHorizontalM);}\", \".r13ur29z{grid-area:actions;padding-left:var(--spacingHorizontalM);}\"]);\nconst useMultilineStyles = /*#__PURE__*/__styles({\n root: {\n Brf1p80: \"f1e8xxv9\",\n B6of3ja: \"f1gaxbfw\",\n jrapky: \"fqcjy3b\",\n t21cq0: [\"fibjyge\", \"f9yszdx\"],\n z189sj: [\"f1p3vkop\", \"f8cewkv\"]\n }\n}, {\n d: [\".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", \".f1p3vkop{padding-right:var(--spacingVerticalM);}\", \".f8cewkv{padding-left:var(--spacingVerticalM);}\"]\n});\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const containerActionBaseStyles = useContainerActionBaseStyles();\n const multilineStyles = useMultilineStyles();\n state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, state.root.className);\n if (state.containerAction) {\n state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n }\n return state;\n};\n//# sourceMappingURL=useMessageBarActionsStyles.styles.js.map"],"names":["messageBarActionsClassNames","useMessageBarActionsStyles_unstable","root","containerAction","useRootBaseStyles","__resetStyles","useContainerActionBaseStyles","useMultilineStyles","__styles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","d","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","mergeClasses","layout"],"mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IAuBAC,mCAAmC;eAAnCA;;;uBAzByC;AAE/C,MAAMD,8BAA8B;IACzCE,MAAM;IACNC,iBAAiB;AACnB;AACA;;CAEC,GACD,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,YAAY;IAAC;IAAoI;CAAkI;AACpV,MAAMC,+BAA+B,WAAW,GAAED,IAAAA,oBAAa,EAAC,WAAW,YAAY;IAAC;IAAwE;CAAuE;AACvO,MAAME,qBAAqB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC/CN,MAAM;QACJO,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAAmC;QAAuD;QAAoD;QAA+B;QAA8B;QAAqD;KAAkD;AACxT;AAIO,MAAMb,sCAAsCc,CAAAA;IACjD,MAAMC,iBAAiBZ;IACvB,MAAMa,4BAA4BX;IAClC,MAAMY,kBAAkBX;IACxBQ,MAAMb,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,4BAA4BE,IAAI,EAAEc,gBAAgBD,MAAMM,MAAM,KAAK,eAAeH,gBAAgBhB,IAAI,EAAEa,MAAMb,IAAI,CAACiB,SAAS;IAChK,IAAIJ,MAAMZ,eAAe,EAAE;QACzBY,MAAMZ,eAAe,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,4BAA4BG,eAAe,EAAEc,2BAA2BF,MAAMZ,eAAe,CAACgB,SAAS;IACxJ;IACA,OAAOJ;AACT,GACA,6DAA6D"}
|
|
@@ -20,9 +20,9 @@ const _react = require("@griffel/react");
|
|
|
20
20
|
const messageBarBodyClassNames = {
|
|
21
21
|
root: 'fui-MessageBarBody'
|
|
22
22
|
};
|
|
23
|
-
const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
24
|
-
".
|
|
25
|
-
".
|
|
23
|
+
const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rtatq2b", "re2rary", [
|
|
24
|
+
".rtatq2b{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-right:var(--spacingHorizontalM);}",
|
|
25
|
+
".re2rary{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-left:var(--spacingHorizontalM);}"
|
|
26
26
|
]);
|
|
27
27
|
const useMessageBarBodyStyles_unstable = (state)=>{
|
|
28
28
|
const rootBaseStyles = useRootBaseStyles();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses
|
|
1
|
+
{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const messageBarBodyClassNames = {\n root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rtatq2b\", \"re2rary\", [\".rtatq2b{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-right:var(--spacingHorizontalM);}\", \".re2rary{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-left:var(--spacingHorizontalM);}\"]);\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */\nexport const useMessageBarBodyStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n//# sourceMappingURL=useMessageBarBodyStyles.styles.js.map"],"names":["messageBarBodyClassNames","useMessageBarBodyStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT+B;AAErC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,WAAW;IAAC;IAAkN;CAAgN;AAIve,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACT,GACA,0DAA0D"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-message-bar",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.26",
|
|
4
4
|
"description": "Fluent UI MessageBar component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
"@fluentui/scripts-tasks": "*"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@fluentui/react-button": "^9.3.
|
|
35
|
-
"@fluentui/react-icons": "^2.0.
|
|
36
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
37
|
-
"@fluentui/react-shared-contexts": "^9.
|
|
34
|
+
"@fluentui/react-button": "^9.3.75",
|
|
35
|
+
"@fluentui/react-icons": "^2.0.235",
|
|
36
|
+
"@fluentui/react-jsx-runtime": "^9.0.35",
|
|
37
|
+
"@fluentui/react-shared-contexts": "^9.16.0",
|
|
38
38
|
"@fluentui/react-theme": "^9.1.19",
|
|
39
|
-
"@fluentui/react-utilities": "^9.18.
|
|
39
|
+
"@fluentui/react-utilities": "^9.18.6",
|
|
40
40
|
"@griffel/react": "^1.5.14",
|
|
41
41
|
"@swc/helpers": "^0.5.1",
|
|
42
42
|
"react-transition-group": "^4.4.1"
|