@fluentui/react-toast 0.0.0-nightly-20240305-0405.1 → 0.0.0-nightly-20240305-1651.1
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 +14 -14
- package/lib/components/ToastTitle/useToastTitleStyles.styles.js +8 -8
- package/lib/components/ToastTitle/useToastTitleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToastTitle/useToastTitleStyles.styles.js +12 -12
- package/lib-commonjs/components/ToastTitle/useToastTitleStyles.styles.js.map +1 -1
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-toast
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue, 05 Mar 2024
|
|
3
|
+
This log was last generated on Tue, 05 Mar 2024 17:08:17 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-20240305-
|
|
7
|
+
## [0.0.0-nightly-20240305-1651.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v0.0.0-nightly-20240305-1651.1)
|
|
8
8
|
|
|
9
|
-
Tue, 05 Mar 2024
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.32..@fluentui/react-toast_v0.0.0-nightly-20240305-
|
|
9
|
+
Tue, 05 Mar 2024 17:08:17 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.32..@fluentui/react-toast_v0.0.0-nightly-20240305-1651.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
-
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240305-
|
|
16
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-20240305-
|
|
17
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240305-
|
|
18
|
-
- Bump @fluentui/react-portal to v0.0.0-nightly-20240305-
|
|
19
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240305-
|
|
20
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240305-
|
|
21
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-20240305-
|
|
22
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240305-
|
|
23
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240305-
|
|
24
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240305-
|
|
15
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
16
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
17
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
18
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
21
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
22
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
23
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240305-1651.1 ([commit](https://github.com/microsoft/fluentui/commit/b230bad0c448ceb4ecd17ac6cb7586ab626756a3) by beachball)
|
|
25
25
|
|
|
26
26
|
## [9.3.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.32)
|
|
27
27
|
|
|
@@ -23,35 +23,35 @@ const useInvertedStyles = /*#__PURE__*/__styles({
|
|
|
23
23
|
});
|
|
24
24
|
const useIntentIconStyles = /*#__PURE__*/__styles({
|
|
25
25
|
success: {
|
|
26
|
-
sj55zd: "
|
|
26
|
+
sj55zd: "f36rra6"
|
|
27
27
|
},
|
|
28
28
|
error: {
|
|
29
|
-
sj55zd: "
|
|
29
|
+
sj55zd: "f1ca9wz"
|
|
30
30
|
},
|
|
31
31
|
warning: {
|
|
32
|
-
sj55zd: "
|
|
32
|
+
sj55zd: "f13isgzr"
|
|
33
33
|
},
|
|
34
34
|
info: {
|
|
35
35
|
sj55zd: "fkfq4zb"
|
|
36
36
|
}
|
|
37
37
|
}, {
|
|
38
|
-
d: [".
|
|
38
|
+
d: [".f36rra6{color:var(--colorStatusSuccessForeground1);}", ".f1ca9wz{color:var(--colorStatusDangerForeground1);}", ".f13isgzr{color:var(--colorStatusWarningForeground1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}"]
|
|
39
39
|
});
|
|
40
40
|
const useIntentIconStylesInverted = /*#__PURE__*/__styles({
|
|
41
41
|
success: {
|
|
42
|
-
sj55zd: "
|
|
42
|
+
sj55zd: "ff3wk4x"
|
|
43
43
|
},
|
|
44
44
|
error: {
|
|
45
|
-
sj55zd: "
|
|
45
|
+
sj55zd: "fbq2gqr"
|
|
46
46
|
},
|
|
47
47
|
warning: {
|
|
48
|
-
sj55zd: "
|
|
48
|
+
sj55zd: "fx6hq1t"
|
|
49
49
|
},
|
|
50
50
|
info: {
|
|
51
51
|
sj55zd: "f1w7i9ko"
|
|
52
52
|
}
|
|
53
53
|
}, {
|
|
54
|
-
d: [".
|
|
54
|
+
d: [".ff3wk4x{color:var(--colorStatusSuccessForegroundInverted);}", ".fbq2gqr{color:var(--colorStatusDangerForegroundInverted);}", ".fx6hq1t{color:var(--colorStatusWarningForegroundInverted);}", ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"]
|
|
55
55
|
});
|
|
56
56
|
/**
|
|
57
57
|
* Apply styling to the ToastTitle slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","__resetStyles","mergeClasses","tokens","toastTitleClassNames","root","media","action","useRootBaseClassName","useMediaBaseClassName","useActionBaseClassName","useInvertedStyles","sj55zd","d","useIntentIconStyles","success","error","warning","info","useIntentIconStylesInverted","useToastTitleStyles_unstable","state","rootBaseClassName","actionBaseClassName","mediaBaseClassName","intentIconStyles","intentIconStylesInverted","intent","invertedStyles","className","backgroundAppearance"],"sources":["useToastTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const toastTitleClassNames = {\n root: 'fui-ToastTitle',\n media: 'fui-ToastTitle__media',\n action: 'fui-ToastTitle__action'\n};\nconst useRootBaseClassName = makeResetStyles({\n display: 'flex',\n gridColumnEnd: 3,\n color: tokens.colorNeutralForeground1,\n wordBreak: 'break-word'\n});\nconst useMediaBaseClassName = makeResetStyles({\n display: 'flex',\n paddingTop: '2px',\n gridColumnEnd: 2,\n paddingRight: '8px',\n fontSize: '16px',\n color: tokens.colorNeutralForeground1\n});\nconst useActionBaseClassName = makeResetStyles({\n display: 'flex',\n alignItems: 'start',\n paddingLeft: '12px',\n gridColumnEnd: -1,\n color: tokens.colorBrandForeground1\n});\nconst useInvertedStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForegroundInverted2\n },\n action: {\n color: tokens.colorBrandForegroundInverted\n },\n media: {\n color: tokens.colorNeutralForegroundInverted\n }\n});\nconst useIntentIconStyles = makeStyles({\n success: {\n
|
|
1
|
+
{"version":3,"names":["__styles","__resetStyles","mergeClasses","tokens","toastTitleClassNames","root","media","action","useRootBaseClassName","useMediaBaseClassName","useActionBaseClassName","useInvertedStyles","sj55zd","d","useIntentIconStyles","success","error","warning","info","useIntentIconStylesInverted","useToastTitleStyles_unstable","state","rootBaseClassName","actionBaseClassName","mediaBaseClassName","intentIconStyles","intentIconStylesInverted","intent","invertedStyles","className","backgroundAppearance"],"sources":["useToastTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const toastTitleClassNames = {\n root: 'fui-ToastTitle',\n media: 'fui-ToastTitle__media',\n action: 'fui-ToastTitle__action'\n};\nconst useRootBaseClassName = makeResetStyles({\n display: 'flex',\n gridColumnEnd: 3,\n color: tokens.colorNeutralForeground1,\n wordBreak: 'break-word'\n});\nconst useMediaBaseClassName = makeResetStyles({\n display: 'flex',\n paddingTop: '2px',\n gridColumnEnd: 2,\n paddingRight: '8px',\n fontSize: '16px',\n color: tokens.colorNeutralForeground1\n});\nconst useActionBaseClassName = makeResetStyles({\n display: 'flex',\n alignItems: 'start',\n paddingLeft: '12px',\n gridColumnEnd: -1,\n color: tokens.colorBrandForeground1\n});\nconst useInvertedStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForegroundInverted2\n },\n action: {\n color: tokens.colorBrandForegroundInverted\n },\n media: {\n color: tokens.colorNeutralForegroundInverted\n }\n});\nconst useIntentIconStyles = makeStyles({\n success: {\n color: tokens.colorStatusSuccessForeground1\n },\n error: {\n color: tokens.colorStatusDangerForeground1\n },\n warning: {\n color: tokens.colorStatusWarningForeground1\n },\n info: {\n color: tokens.colorNeutralForeground2\n }\n});\nconst useIntentIconStylesInverted = makeStyles({\n success: {\n color: tokens.colorStatusSuccessForegroundInverted\n },\n error: {\n color: tokens.colorStatusDangerForegroundInverted\n },\n warning: {\n color: tokens.colorStatusWarningForegroundInverted\n },\n info: {\n color: tokens.colorNeutralForegroundInverted2\n }\n});\n/**\n * Apply styling to the ToastTitle slots based on the state\n */ export const useToastTitleStyles_unstable = (state)=>{\n const rootBaseClassName = useRootBaseClassName();\n const actionBaseClassName = useActionBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const intentIconStyles = useIntentIconStyles();\n const intentIconStylesInverted = useIntentIconStylesInverted();\n const { intent } = state;\n const invertedStyles = useInvertedStyles();\n state.root.className = mergeClasses(toastTitleClassNames.root, rootBaseClassName, state.backgroundAppearance === 'inverted' && invertedStyles.root, state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(toastTitleClassNames.media, mediaBaseClassName, state.backgroundAppearance === 'inverted' && invertedStyles.media, state.media.className, intent && intentIconStyles[intent], intent && state.backgroundAppearance === 'inverted' && intentIconStylesInverted[intent]);\n }\n if (state.action) {\n state.action.className = mergeClasses(toastTitleClassNames.action, actionBaseClassName, state.backgroundAppearance === 'inverted' && invertedStyles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,uBAAuB;EAC9BC,MAAM,EAAE;AACZ,CAAC;AACD,MAAMC,oBAAoB,gBAAGP,aAAA,0HAK5B,CAAC;AACF,MAAMQ,qBAAqB,gBAAGR,aAAA,8RAO7B,CAAC;AACF,MAAMS,sBAAsB,gBAAGT,aAAA,kQAM9B,CAAC;AACF,MAAMU,iBAAiB,gBAAGX,QAAA;EAAAK,IAAA;IAAAO,MAAA;EAAA;EAAAL,MAAA;IAAAK,MAAA;EAAA;EAAAN,KAAA;IAAAM,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAUzB,CAAC;AACF,MAAMC,mBAAmB,gBAAGd,QAAA;EAAAe,OAAA;IAAAH,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;EAAAK,OAAA;IAAAL,MAAA;EAAA;EAAAM,IAAA;IAAAN,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAa3B,CAAC;AACF,MAAMM,2BAA2B,gBAAGnB,QAAA;EAAAe,OAAA;IAAAH,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;EAAAK,OAAA;IAAAL,MAAA;EAAA;EAAAM,IAAA;IAAAN,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAanC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMO,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,iBAAiB,GAAGd,oBAAoB,CAAC,CAAC;EAChD,MAAMe,mBAAmB,GAAGb,sBAAsB,CAAC,CAAC;EACpD,MAAMc,kBAAkB,GAAGf,qBAAqB,CAAC,CAAC;EAClD,MAAMgB,gBAAgB,GAAGX,mBAAmB,CAAC,CAAC;EAC9C,MAAMY,wBAAwB,GAAGP,2BAA2B,CAAC,CAAC;EAC9D,MAAM;IAAEQ;EAAO,CAAC,GAAGN,KAAK;EACxB,MAAMO,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1CU,KAAK,CAAChB,IAAI,CAACwB,SAAS,GAAG3B,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAEiB,iBAAiB,EAAED,KAAK,CAACS,oBAAoB,KAAK,UAAU,IAAIF,cAAc,CAACvB,IAAI,EAAEgB,KAAK,CAAChB,IAAI,CAACwB,SAAS,CAAC;EACzK,IAAIR,KAAK,CAACf,KAAK,EAAE;IACbe,KAAK,CAACf,KAAK,CAACuB,SAAS,GAAG3B,YAAY,CAACE,oBAAoB,CAACE,KAAK,EAAEkB,kBAAkB,EAAEH,KAAK,CAACS,oBAAoB,KAAK,UAAU,IAAIF,cAAc,CAACtB,KAAK,EAAEe,KAAK,CAACf,KAAK,CAACuB,SAAS,EAAEF,MAAM,IAAIF,gBAAgB,CAACE,MAAM,CAAC,EAAEA,MAAM,IAAIN,KAAK,CAACS,oBAAoB,KAAK,UAAU,IAAIJ,wBAAwB,CAACC,MAAM,CAAC,CAAC;EAC/S;EACA,IAAIN,KAAK,CAACd,MAAM,EAAE;IACdc,KAAK,CAACd,MAAM,CAACsB,SAAS,GAAG3B,YAAY,CAACE,oBAAoB,CAACG,MAAM,EAAEgB,mBAAmB,EAAEF,KAAK,CAACS,oBAAoB,KAAK,UAAU,IAAIF,cAAc,CAACrB,MAAM,EAAEc,KAAK,CAACd,MAAM,CAACsB,SAAS,CAAC;EACvL;EACA,OAAOR,KAAK;AAChB,CAAC"}
|
|
@@ -52,43 +52,43 @@ const useInvertedStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
52
52
|
});
|
|
53
53
|
const useIntentIconStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
54
54
|
success: {
|
|
55
|
-
sj55zd: "
|
|
55
|
+
sj55zd: "f36rra6"
|
|
56
56
|
},
|
|
57
57
|
error: {
|
|
58
|
-
sj55zd: "
|
|
58
|
+
sj55zd: "f1ca9wz"
|
|
59
59
|
},
|
|
60
60
|
warning: {
|
|
61
|
-
sj55zd: "
|
|
61
|
+
sj55zd: "f13isgzr"
|
|
62
62
|
},
|
|
63
63
|
info: {
|
|
64
64
|
sj55zd: "fkfq4zb"
|
|
65
65
|
}
|
|
66
66
|
}, {
|
|
67
67
|
d: [
|
|
68
|
-
".
|
|
69
|
-
".
|
|
70
|
-
".
|
|
68
|
+
".f36rra6{color:var(--colorStatusSuccessForeground1);}",
|
|
69
|
+
".f1ca9wz{color:var(--colorStatusDangerForeground1);}",
|
|
70
|
+
".f13isgzr{color:var(--colorStatusWarningForeground1);}",
|
|
71
71
|
".fkfq4zb{color:var(--colorNeutralForeground2);}"
|
|
72
72
|
]
|
|
73
73
|
});
|
|
74
74
|
const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react.__styles)({
|
|
75
75
|
success: {
|
|
76
|
-
sj55zd: "
|
|
76
|
+
sj55zd: "ff3wk4x"
|
|
77
77
|
},
|
|
78
78
|
error: {
|
|
79
|
-
sj55zd: "
|
|
79
|
+
sj55zd: "fbq2gqr"
|
|
80
80
|
},
|
|
81
81
|
warning: {
|
|
82
|
-
sj55zd: "
|
|
82
|
+
sj55zd: "fx6hq1t"
|
|
83
83
|
},
|
|
84
84
|
info: {
|
|
85
85
|
sj55zd: "f1w7i9ko"
|
|
86
86
|
}
|
|
87
87
|
}, {
|
|
88
88
|
d: [
|
|
89
|
-
".
|
|
90
|
-
".
|
|
91
|
-
".
|
|
89
|
+
".ff3wk4x{color:var(--colorStatusSuccessForegroundInverted);}",
|
|
90
|
+
".fbq2gqr{color:var(--colorStatusDangerForegroundInverted);}",
|
|
91
|
+
".fx6hq1t{color:var(--colorStatusWarningForegroundInverted);}",
|
|
92
92
|
".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"
|
|
93
93
|
]
|
|
94
94
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToastTitleStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const toastTitleClassNames = {\n root: 'fui-ToastTitle',\n media: 'fui-ToastTitle__media',\n action: 'fui-ToastTitle__action'\n};\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"rdjap1e\", null, [\".rdjap1e{display:flex;grid-column-end:3;color:var(--colorNeutralForeground1);word-break:break-word;}\"]);\nconst useMediaBaseClassName = /*#__PURE__*/__resetStyles(\"r8x5mrd\", \"r1soj19y\", [\".r8x5mrd{display:flex;padding-top:2px;grid-column-end:2;padding-right:8px;font-size:16px;color:var(--colorNeutralForeground1);}\", \".r1soj19y{display:flex;padding-top:2px;grid-column-end:2;padding-left:8px;font-size:16px;color:var(--colorNeutralForeground1);}\"]);\nconst useActionBaseClassName = /*#__PURE__*/__resetStyles(\"r2j19ip\", \"rjfozdo\", [\".r2j19ip{display:flex;align-items:start;padding-left:12px;grid-column-end:-1;color:var(--colorBrandForeground1);}\", \".rjfozdo{display:flex;align-items:start;padding-right:12px;grid-column-end:-1;color:var(--colorBrandForeground1);}\"]);\nconst useInvertedStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f1w7i9ko\"\n },\n action: {\n sj55zd: \"f1qz2gb0\"\n },\n media: {\n sj55zd: \"fqpbvvt\"\n }\n}, {\n d: [\".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}\", \".f1qz2gb0{color:var(--colorBrandForegroundInverted);}\", \".fqpbvvt{color:var(--colorNeutralForegroundInverted);}\"]\n});\nconst useIntentIconStyles = /*#__PURE__*/__styles({\n success: {\n sj55zd: \"
|
|
1
|
+
{"version":3,"sources":["useToastTitleStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const toastTitleClassNames = {\n root: 'fui-ToastTitle',\n media: 'fui-ToastTitle__media',\n action: 'fui-ToastTitle__action'\n};\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"rdjap1e\", null, [\".rdjap1e{display:flex;grid-column-end:3;color:var(--colorNeutralForeground1);word-break:break-word;}\"]);\nconst useMediaBaseClassName = /*#__PURE__*/__resetStyles(\"r8x5mrd\", \"r1soj19y\", [\".r8x5mrd{display:flex;padding-top:2px;grid-column-end:2;padding-right:8px;font-size:16px;color:var(--colorNeutralForeground1);}\", \".r1soj19y{display:flex;padding-top:2px;grid-column-end:2;padding-left:8px;font-size:16px;color:var(--colorNeutralForeground1);}\"]);\nconst useActionBaseClassName = /*#__PURE__*/__resetStyles(\"r2j19ip\", \"rjfozdo\", [\".r2j19ip{display:flex;align-items:start;padding-left:12px;grid-column-end:-1;color:var(--colorBrandForeground1);}\", \".rjfozdo{display:flex;align-items:start;padding-right:12px;grid-column-end:-1;color:var(--colorBrandForeground1);}\"]);\nconst useInvertedStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f1w7i9ko\"\n },\n action: {\n sj55zd: \"f1qz2gb0\"\n },\n media: {\n sj55zd: \"fqpbvvt\"\n }\n}, {\n d: [\".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}\", \".f1qz2gb0{color:var(--colorBrandForegroundInverted);}\", \".fqpbvvt{color:var(--colorNeutralForegroundInverted);}\"]\n});\nconst useIntentIconStyles = /*#__PURE__*/__styles({\n success: {\n sj55zd: \"f36rra6\"\n },\n error: {\n sj55zd: \"f1ca9wz\"\n },\n warning: {\n sj55zd: \"f13isgzr\"\n },\n info: {\n sj55zd: \"fkfq4zb\"\n }\n}, {\n d: [\".f36rra6{color:var(--colorStatusSuccessForeground1);}\", \".f1ca9wz{color:var(--colorStatusDangerForeground1);}\", \".f13isgzr{color:var(--colorStatusWarningForeground1);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\"]\n});\nconst useIntentIconStylesInverted = /*#__PURE__*/__styles({\n success: {\n sj55zd: \"ff3wk4x\"\n },\n error: {\n sj55zd: \"fbq2gqr\"\n },\n warning: {\n sj55zd: \"fx6hq1t\"\n },\n info: {\n sj55zd: \"f1w7i9ko\"\n }\n}, {\n d: [\".ff3wk4x{color:var(--colorStatusSuccessForegroundInverted);}\", \".fbq2gqr{color:var(--colorStatusDangerForegroundInverted);}\", \".fx6hq1t{color:var(--colorStatusWarningForegroundInverted);}\", \".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}\"]\n});\n/**\n * Apply styling to the ToastTitle slots based on the state\n */\nexport const useToastTitleStyles_unstable = state => {\n const rootBaseClassName = useRootBaseClassName();\n const actionBaseClassName = useActionBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const intentIconStyles = useIntentIconStyles();\n const intentIconStylesInverted = useIntentIconStylesInverted();\n const {\n intent\n } = state;\n const invertedStyles = useInvertedStyles();\n state.root.className = mergeClasses(toastTitleClassNames.root, rootBaseClassName, state.backgroundAppearance === 'inverted' && invertedStyles.root, state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(toastTitleClassNames.media, mediaBaseClassName, state.backgroundAppearance === 'inverted' && invertedStyles.media, state.media.className, intent && intentIconStyles[intent], intent && state.backgroundAppearance === 'inverted' && intentIconStylesInverted[intent]);\n }\n if (state.action) {\n state.action.className = mergeClasses(toastTitleClassNames.action, actionBaseClassName, state.backgroundAppearance === 'inverted' && invertedStyles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useToastTitleStyles.styles.js.map"],"names":["toastTitleClassNames","useToastTitleStyles_unstable","root","media","action","useRootBaseClassName","__resetStyles","useMediaBaseClassName","useActionBaseClassName","useInvertedStyles","__styles","sj55zd","d","useIntentIconStyles","success","error","warning","info","useIntentIconStylesInverted","state","rootBaseClassName","actionBaseClassName","mediaBaseClassName","intentIconStyles","intentIconStylesInverted","intent","invertedStyles","className","mergeClasses","backgroundAppearance"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAwDAC,4BAA4B;eAA5BA;;;uBA1DyC;AAE/C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,OAAO;IACPC,QAAQ;AACV;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAuG;AACjL,MAAMC,wBAAwB,WAAW,GAAED,IAAAA,oBAAa,EAAC,WAAW,YAAY;IAAC;IAAmI;CAAkI;AACtV,MAAME,yBAAyB,WAAW,GAAEF,IAAAA,oBAAa,EAAC,WAAW,WAAW;IAAC;IAAqH;CAAqH;AAC3T,MAAMG,oBAAoB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC9CR,MAAM;QACJS,QAAQ;IACV;IACAP,QAAQ;QACNO,QAAQ;IACV;IACAR,OAAO;QACLQ,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA4D;QAAyD;KAAyD;AACpL;AACA,MAAMC,sBAAsB,WAAW,GAAEH,IAAAA,eAAQ,EAAC;IAChDI,SAAS;QACPH,QAAQ;IACV;IACAI,OAAO;QACLJ,QAAQ;IACV;IACAK,SAAS;QACPL,QAAQ;IACV;IACAM,MAAM;QACJN,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAyD;QAAwD;QAA0D;KAAkD;AACnO;AACA,MAAMM,8BAA8B,WAAW,GAAER,IAAAA,eAAQ,EAAC;IACxDI,SAAS;QACPH,QAAQ;IACV;IACAI,OAAO;QACLJ,QAAQ;IACV;IACAK,SAAS;QACPL,QAAQ;IACV;IACAM,MAAM;QACJN,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAgE;QAA+D;QAAgE;KAA2D;AAChQ;AAIO,MAAMX,+BAA+BkB,CAAAA;IAC1C,MAAMC,oBAAoBf;IAC1B,MAAMgB,sBAAsBb;IAC5B,MAAMc,qBAAqBf;IAC3B,MAAMgB,mBAAmBV;IACzB,MAAMW,2BAA2BN;IACjC,MAAM,EACJO,MAAM,EACP,GAAGN;IACJ,MAAMO,iBAAiBjB;IACvBU,MAAMjB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qBAAqBE,IAAI,EAAEkB,mBAAmBD,MAAMU,oBAAoB,KAAK,cAAcH,eAAexB,IAAI,EAAEiB,MAAMjB,IAAI,CAACyB,SAAS;IACxK,IAAIR,MAAMhB,KAAK,EAAE;QACfgB,MAAMhB,KAAK,CAACwB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qBAAqBG,KAAK,EAAEmB,oBAAoBH,MAAMU,oBAAoB,KAAK,cAAcH,eAAevB,KAAK,EAAEgB,MAAMhB,KAAK,CAACwB,SAAS,EAAEF,UAAUF,gBAAgB,CAACE,OAAO,EAAEA,UAAUN,MAAMU,oBAAoB,KAAK,cAAcL,wBAAwB,CAACC,OAAO;IAC5S;IACA,IAAIN,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qBAAqBI,MAAM,EAAEiB,qBAAqBF,MAAMU,oBAAoB,KAAK,cAAcH,eAAetB,MAAM,EAAEe,MAAMf,MAAM,CAACuB,SAAS;IACpL;IACA,OAAOR;AACT,GACA,sDAAsD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-toast",
|
|
3
|
-
"version": "0.0.0-nightly-20240305-
|
|
3
|
+
"version": "0.0.0-nightly-20240305-1651.1",
|
|
4
4
|
"description": "Toast component for Fluent UI",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -29,22 +29,22 @@
|
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@fluentui/eslint-plugin": "*",
|
|
32
|
-
"@fluentui/react-conformance": "0.0.0-nightly-20240305-
|
|
33
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240305-
|
|
32
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240305-1651.1",
|
|
33
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240305-1651.1",
|
|
34
34
|
"@fluentui/scripts-api-extractor": "*",
|
|
35
35
|
"@fluentui/scripts-tasks": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"react-transition-group": "^4.4.1",
|
|
39
|
-
"@fluentui/keyboard-keys": "0.0.0-nightly-20240305-
|
|
40
|
-
"@fluentui/react-aria": "0.0.0-nightly-20240305-
|
|
39
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20240305-1651.1",
|
|
40
|
+
"@fluentui/react-aria": "0.0.0-nightly-20240305-1651.1",
|
|
41
41
|
"@fluentui/react-icons": "^2.0.224",
|
|
42
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240305-
|
|
43
|
-
"@fluentui/react-portal": "0.0.0-nightly-20240305-
|
|
44
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240305-
|
|
45
|
-
"@fluentui/react-tabster": "0.0.0-nightly-20240305-
|
|
46
|
-
"@fluentui/react-theme": "0.0.0-nightly-20240305-
|
|
47
|
-
"@fluentui/react-utilities": "0.0.0-nightly-20240305-
|
|
42
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240305-1651.1",
|
|
43
|
+
"@fluentui/react-portal": "0.0.0-nightly-20240305-1651.1",
|
|
44
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240305-1651.1",
|
|
45
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20240305-1651.1",
|
|
46
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240305-1651.1",
|
|
47
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240305-1651.1",
|
|
48
48
|
"@griffel/react": "^1.5.14",
|
|
49
49
|
"@swc/helpers": "^0.5.1"
|
|
50
50
|
},
|