@fluentui/react-toast 9.3.60 → 9.3.62

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.
Files changed (86) hide show
  1. package/CHANGELOG.md +31 -2
  2. package/lib/AriaLive.js +1 -1
  3. package/lib/AriaLive.js.map +1 -1
  4. package/lib/Toast.js +1 -1
  5. package/lib/Toast.js.map +1 -1
  6. package/lib/ToastBody.js +1 -1
  7. package/lib/ToastBody.js.map +1 -1
  8. package/lib/ToastContainer.js +1 -1
  9. package/lib/ToastContainer.js.map +1 -1
  10. package/lib/ToastFooter.js +1 -1
  11. package/lib/ToastFooter.js.map +1 -1
  12. package/lib/ToastTitle.js +1 -1
  13. package/lib/ToastTitle.js.map +1 -1
  14. package/lib/ToastTrigger.js +1 -1
  15. package/lib/ToastTrigger.js.map +1 -1
  16. package/lib/Toaster.js +1 -1
  17. package/lib/Toaster.js.map +1 -1
  18. package/lib/components/AriaLive/index.js +4 -5
  19. package/lib/components/AriaLive/index.js.map +1 -1
  20. package/lib/components/Timer/index.js +1 -1
  21. package/lib/components/Timer/index.js.map +1 -1
  22. package/lib/components/Toast/index.js +4 -5
  23. package/lib/components/Toast/index.js.map +1 -1
  24. package/lib/components/ToastBody/index.js +4 -5
  25. package/lib/components/ToastBody/index.js.map +1 -1
  26. package/lib/components/ToastContainer/index.js +5 -6
  27. package/lib/components/ToastContainer/index.js.map +1 -1
  28. package/lib/components/ToastContainer/renderToastContainer.js +2 -2
  29. package/lib/components/ToastContainer/renderToastContainer.js.map +1 -1
  30. package/lib/components/ToastFooter/index.js +4 -5
  31. package/lib/components/ToastFooter/index.js.map +1 -1
  32. package/lib/components/ToastTitle/index.js +4 -5
  33. package/lib/components/ToastTitle/index.js.map +1 -1
  34. package/lib/components/ToastTrigger/index.js +3 -4
  35. package/lib/components/ToastTrigger/index.js.map +1 -1
  36. package/lib/components/Toaster/index.js +4 -5
  37. package/lib/components/Toaster/index.js.map +1 -1
  38. package/lib/state/index.js +2 -3
  39. package/lib/state/index.js.map +1 -1
  40. package/lib/state/vanilla/index.js +8 -8
  41. package/lib/state/vanilla/index.js.map +1 -1
  42. package/lib-commonjs/AriaLive.js +24 -2
  43. package/lib-commonjs/AriaLive.js.map +1 -1
  44. package/lib-commonjs/Toast.js +24 -2
  45. package/lib-commonjs/Toast.js.map +1 -1
  46. package/lib-commonjs/ToastBody.js +24 -2
  47. package/lib-commonjs/ToastBody.js.map +1 -1
  48. package/lib-commonjs/ToastContainer.js +27 -2
  49. package/lib-commonjs/ToastContainer.js.map +1 -1
  50. package/lib-commonjs/ToastFooter.js +24 -2
  51. package/lib-commonjs/ToastFooter.js.map +1 -1
  52. package/lib-commonjs/ToastTitle.js +24 -2
  53. package/lib-commonjs/ToastTitle.js.map +1 -1
  54. package/lib-commonjs/ToastTrigger.js +18 -2
  55. package/lib-commonjs/ToastTrigger.js.map +1 -1
  56. package/lib-commonjs/Toaster.js +24 -2
  57. package/lib-commonjs/Toaster.js.map +1 -1
  58. package/lib-commonjs/components/AriaLive/index.js +27 -6
  59. package/lib-commonjs/components/AriaLive/index.js.map +1 -1
  60. package/lib-commonjs/components/Timer/index.js +7 -2
  61. package/lib-commonjs/components/Timer/index.js.map +1 -1
  62. package/lib-commonjs/components/Toast/index.js +27 -6
  63. package/lib-commonjs/components/Toast/index.js.map +1 -1
  64. package/lib-commonjs/components/ToastBody/index.js +27 -6
  65. package/lib-commonjs/components/ToastBody/index.js.map +1 -1
  66. package/lib-commonjs/components/ToastContainer/index.js +31 -7
  67. package/lib-commonjs/components/ToastContainer/index.js.map +1 -1
  68. package/lib-commonjs/components/ToastContainer/renderToastContainer.js +2 -2
  69. package/lib-commonjs/components/ToastContainer/renderToastContainer.js.map +1 -1
  70. package/lib-commonjs/components/ToastFooter/index.js +27 -6
  71. package/lib-commonjs/components/ToastFooter/index.js.map +1 -1
  72. package/lib-commonjs/components/ToastTitle/index.js +27 -6
  73. package/lib-commonjs/components/ToastTitle/index.js.map +1 -1
  74. package/lib-commonjs/components/ToastTrigger/index.js +20 -5
  75. package/lib-commonjs/components/ToastTrigger/index.js.map +1 -1
  76. package/lib-commonjs/components/Toaster/index.js +27 -6
  77. package/lib-commonjs/components/Toaster/index.js.map +1 -1
  78. package/lib-commonjs/state/index.js +8 -4
  79. package/lib-commonjs/state/index.js.map +1 -1
  80. package/lib-commonjs/state/vanilla/index.js +40 -9
  81. package/lib-commonjs/state/vanilla/index.js.map +1 -1
  82. package/package.json +10 -9
  83. package/lib/components/ToastContainer/ToastContainerMotion.js +0 -63
  84. package/lib/components/ToastContainer/ToastContainerMotion.js.map +0 -1
  85. package/lib-commonjs/components/ToastContainer/ToastContainerMotion.js +0 -73
  86. package/lib-commonjs/components/ToastContainer/ToastContainerMotion.js.map +0 -1
@@ -1,63 +0,0 @@
1
- import { createPresenceComponent } from '@fluentui/react-motion';
2
- export const ToastContainerMotion = createPresenceComponent(({ element })=>({
3
- enter: [
4
- {
5
- keyframes: [
6
- {
7
- marginTop: 0,
8
- minHeight: 0,
9
- maxHeight: 0,
10
- opacity: 0
11
- },
12
- {
13
- marginTop: '16px',
14
- minHeight: 44,
15
- maxHeight: `${element.scrollHeight}px`,
16
- opacity: 0
17
- }
18
- ],
19
- duration: 200
20
- },
21
- {
22
- keyframes: [
23
- {
24
- opacity: 0
25
- },
26
- {
27
- opacity: 1
28
- }
29
- ],
30
- delay: 200,
31
- duration: 400
32
- }
33
- ],
34
- exit: [
35
- {
36
- keyframes: [
37
- {
38
- marginTop: '16px',
39
- minHeight: 44,
40
- maxHeight: `${element.scrollHeight}px`
41
- },
42
- {
43
- marginTop: 0,
44
- minHeight: 0,
45
- maxHeight: 0
46
- }
47
- ],
48
- delay: 400,
49
- duration: 200
50
- },
51
- {
52
- keyframes: [
53
- {
54
- opacity: 1
55
- },
56
- {
57
- opacity: 0
58
- }
59
- ],
60
- duration: 400
61
- }
62
- ]
63
- }));
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/ToastContainer/ToastContainerMotion.tsx"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-motion';\n\nexport const ToastContainerMotion = createPresenceComponent(({ element }) => ({\n enter: [\n {\n keyframes: [\n { marginTop: 0, minHeight: 0, maxHeight: 0, opacity: 0 },\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px`, opacity: 0 },\n ],\n duration: 200,\n },\n {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n delay: 200,\n duration: 400,\n },\n ],\n\n exit: [\n {\n keyframes: [\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px` },\n { marginTop: 0, minHeight: 0, maxHeight: 0 },\n ],\n delay: 400,\n duration: 200,\n },\n {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n duration: 400,\n },\n ],\n}));\n"],"names":["createPresenceComponent","ToastContainerMotion","element","enter","keyframes","marginTop","minHeight","maxHeight","opacity","scrollHeight","duration","delay","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,yBAAyB;AAEjE,OAAO,MAAMC,uBAAuBD,wBAAwB,CAAC,EAAEE,OAAO,EAAE,GAAM,CAAA;QAC5EC,OAAO;YACL;gBACEC,WAAW;oBACT;wBAAEC,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;wBAAGC,SAAS;oBAAE;oBACvD;wBAAEH,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;wBAAED,SAAS;oBAAE;iBACxF;gBACDE,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CG,OAAO;gBACPD,UAAU;YACZ;SACD;QAEDE,MAAM;YACJ;gBACER,WAAW;oBACT;wBAAEC,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;oBAAC;oBAC3E;wBAAEJ,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;oBAAE;iBAC5C;gBACDI,OAAO;gBACPD,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CE,UAAU;YACZ;SACD;IACH,CAAA,GAAI"}
@@ -1,73 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "ToastContainerMotion", {
6
- enumerable: true,
7
- get: function() {
8
- return ToastContainerMotion;
9
- }
10
- });
11
- const _reactmotion = require("@fluentui/react-motion");
12
- const ToastContainerMotion = (0, _reactmotion.createPresenceComponent)(({ element })=>({
13
- enter: [
14
- {
15
- keyframes: [
16
- {
17
- marginTop: 0,
18
- minHeight: 0,
19
- maxHeight: 0,
20
- opacity: 0
21
- },
22
- {
23
- marginTop: '16px',
24
- minHeight: 44,
25
- maxHeight: `${element.scrollHeight}px`,
26
- opacity: 0
27
- }
28
- ],
29
- duration: 200
30
- },
31
- {
32
- keyframes: [
33
- {
34
- opacity: 0
35
- },
36
- {
37
- opacity: 1
38
- }
39
- ],
40
- delay: 200,
41
- duration: 400
42
- }
43
- ],
44
- exit: [
45
- {
46
- keyframes: [
47
- {
48
- marginTop: '16px',
49
- minHeight: 44,
50
- maxHeight: `${element.scrollHeight}px`
51
- },
52
- {
53
- marginTop: 0,
54
- minHeight: 0,
55
- maxHeight: 0
56
- }
57
- ],
58
- delay: 400,
59
- duration: 200
60
- },
61
- {
62
- keyframes: [
63
- {
64
- opacity: 1
65
- },
66
- {
67
- opacity: 0
68
- }
69
- ],
70
- duration: 400
71
- }
72
- ]
73
- }));
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/ToastContainer/ToastContainerMotion.tsx"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-motion';\n\nexport const ToastContainerMotion = createPresenceComponent(({ element }) => ({\n enter: [\n {\n keyframes: [\n { marginTop: 0, minHeight: 0, maxHeight: 0, opacity: 0 },\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px`, opacity: 0 },\n ],\n duration: 200,\n },\n {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n delay: 200,\n duration: 400,\n },\n ],\n\n exit: [\n {\n keyframes: [\n { marginTop: '16px', minHeight: 44, maxHeight: `${element.scrollHeight}px` },\n { marginTop: 0, minHeight: 0, maxHeight: 0 },\n ],\n delay: 400,\n duration: 200,\n },\n {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n duration: 400,\n },\n ],\n}));\n"],"names":["ToastContainerMotion","createPresenceComponent","element","enter","keyframes","marginTop","minHeight","maxHeight","opacity","scrollHeight","duration","delay","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;6BAF2B;AAEjC,MAAMA,uBAAuBC,IAAAA,oCAAAA,EAAwB,CAAC,EAAEC,OAAO,EAAE,GAAM,CAAA;QAC5EC,OAAO;YACL;gBACEC,WAAW;oBACT;wBAAEC,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;wBAAGC,SAAS;oBAAE;oBACvD;wBAAEH,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;wBAAED,SAAS;oBAAE;iBACxF;gBACDE,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CG,OAAO;gBACPD,UAAU;YACZ;SACD;QAEDE,MAAM;YACJ;gBACER,WAAW;oBACT;wBAAEC,WAAW;wBAAQC,WAAW;wBAAIC,WAAW,CAAC,EAAEL,QAAQO,YAAY,CAAC,EAAE,CAAC;oBAAC;oBAC3E;wBAAEJ,WAAW;wBAAGC,WAAW;wBAAGC,WAAW;oBAAE;iBAC5C;gBACDI,OAAO;gBACPD,UAAU;YACZ;YACA;gBACEN,WAAW;oBAAC;wBAAEI,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;oBAAE;iBAAE;gBAC3CE,UAAU;YACZ;SACD;IACH,CAAA"}