@fluentui/react-drawer 9.5.3 → 9.5.5

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 (151) hide show
  1. package/CHANGELOG.md +26 -2
  2. package/lib/Drawer.js.map +1 -1
  3. package/lib/DrawerBody.js.map +1 -1
  4. package/lib/DrawerFooter.js.map +1 -1
  5. package/lib/DrawerHeader.js.map +1 -1
  6. package/lib/DrawerHeaderNavigation.js.map +1 -1
  7. package/lib/DrawerHeaderTitle.js.map +1 -1
  8. package/lib/InlineDrawer.js.map +1 -1
  9. package/lib/OverlayDrawer.js.map +1 -1
  10. package/lib/components/Drawer/Drawer.js.map +1 -1
  11. package/lib/components/Drawer/Drawer.types.js +3 -1
  12. package/lib/components/Drawer/Drawer.types.js.map +1 -1
  13. package/lib/components/Drawer/index.js.map +1 -1
  14. package/lib/components/Drawer/renderDrawer.js.map +1 -1
  15. package/lib/components/Drawer/useDrawer.js.map +1 -1
  16. package/lib/components/DrawerBody/DrawerBody.js.map +1 -1
  17. package/lib/components/DrawerBody/DrawerBody.types.js +3 -1
  18. package/lib/components/DrawerBody/DrawerBody.types.js.map +1 -1
  19. package/lib/components/DrawerBody/index.js.map +1 -1
  20. package/lib/components/DrawerBody/renderDrawerBody.js.map +1 -1
  21. package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
  22. package/lib/components/DrawerFooter/DrawerFooter.js.map +1 -1
  23. package/lib/components/DrawerFooter/DrawerFooter.types.js +3 -1
  24. package/lib/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
  25. package/lib/components/DrawerFooter/index.js.map +1 -1
  26. package/lib/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
  27. package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  28. package/lib/components/DrawerHeader/DrawerHeader.js.map +1 -1
  29. package/lib/components/DrawerHeader/DrawerHeader.types.js +3 -1
  30. package/lib/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
  31. package/lib/components/DrawerHeader/index.js.map +1 -1
  32. package/lib/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
  33. package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  34. package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
  35. package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js +3 -1
  36. package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js.map +1 -1
  37. package/lib/components/DrawerHeaderNavigation/index.js.map +1 -1
  38. package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
  39. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  40. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
  41. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +3 -1
  42. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
  43. package/lib/components/DrawerHeaderTitle/index.js.map +1 -1
  44. package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
  45. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  46. package/lib/components/InlineDrawer/InlineDrawer.js.map +1 -1
  47. package/lib/components/InlineDrawer/InlineDrawer.types.js +3 -1
  48. package/lib/components/InlineDrawer/InlineDrawer.types.js.map +1 -1
  49. package/lib/components/InlineDrawer/index.js.map +1 -1
  50. package/lib/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
  51. package/lib/components/InlineDrawer/useInlineDrawer.js.map +1 -1
  52. package/lib/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
  53. package/lib/components/OverlayDrawer/OverlayDrawer.types.js +3 -1
  54. package/lib/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -1
  55. package/lib/components/OverlayDrawer/OverlayDrawerDialog.js.map +1 -1
  56. package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -1
  57. package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js +3 -1
  58. package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -1
  59. package/lib/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -1
  60. package/lib/components/OverlayDrawer/index.js.map +1 -1
  61. package/lib/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
  62. package/lib/components/OverlayDrawer/useOverlayDrawer.js.map +1 -1
  63. package/lib/contexts/drawerContext.js.map +1 -1
  64. package/lib/contexts/index.js.map +1 -1
  65. package/lib/e2e/DrawerShared.js.map +1 -1
  66. package/lib/index.js.map +1 -1
  67. package/lib/shared/DrawerBase.types.js.map +1 -1
  68. package/lib/shared/drawerSeparatorStyles.js.map +1 -1
  69. package/lib/shared/useDrawerDefaultProps.js.map +1 -1
  70. package/lib-commonjs/Drawer.js.map +1 -1
  71. package/lib-commonjs/DrawerBody.js.map +1 -1
  72. package/lib-commonjs/DrawerFooter.js.map +1 -1
  73. package/lib-commonjs/DrawerHeader.js.map +1 -1
  74. package/lib-commonjs/DrawerHeaderNavigation.js.map +1 -1
  75. package/lib-commonjs/DrawerHeaderTitle.js.map +1 -1
  76. package/lib-commonjs/InlineDrawer.js.map +1 -1
  77. package/lib-commonjs/OverlayDrawer.js.map +1 -1
  78. package/lib-commonjs/components/Drawer/Drawer.js.map +1 -1
  79. package/lib-commonjs/components/Drawer/Drawer.types.js +3 -1
  80. package/lib-commonjs/components/Drawer/Drawer.types.js.map +1 -1
  81. package/lib-commonjs/components/Drawer/index.js.map +1 -1
  82. package/lib-commonjs/components/Drawer/renderDrawer.js.map +1 -1
  83. package/lib-commonjs/components/Drawer/useDrawer.js.map +1 -1
  84. package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map +1 -1
  85. package/lib-commonjs/components/DrawerBody/DrawerBody.js.map +1 -1
  86. package/lib-commonjs/components/DrawerBody/DrawerBody.types.js +3 -1
  87. package/lib-commonjs/components/DrawerBody/DrawerBody.types.js.map +1 -1
  88. package/lib-commonjs/components/DrawerBody/index.js.map +1 -1
  89. package/lib-commonjs/components/DrawerBody/renderDrawerBody.js.map +1 -1
  90. package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
  91. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
  92. package/lib-commonjs/components/DrawerFooter/DrawerFooter.js.map +1 -1
  93. package/lib-commonjs/components/DrawerFooter/DrawerFooter.types.js +3 -1
  94. package/lib-commonjs/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
  95. package/lib-commonjs/components/DrawerFooter/index.js.map +1 -1
  96. package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
  97. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  98. package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
  99. package/lib-commonjs/components/DrawerHeader/DrawerHeader.js.map +1 -1
  100. package/lib-commonjs/components/DrawerHeader/DrawerHeader.types.js +3 -1
  101. package/lib-commonjs/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
  102. package/lib-commonjs/components/DrawerHeader/index.js.map +1 -1
  103. package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
  104. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  105. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
  106. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
  107. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js +3 -1
  108. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js.map +1 -1
  109. package/lib-commonjs/components/DrawerHeaderNavigation/index.js.map +1 -1
  110. package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
  111. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  112. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
  113. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
  114. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +3 -1
  115. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
  116. package/lib-commonjs/components/DrawerHeaderTitle/index.js.map +1 -1
  117. package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
  118. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  119. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
  120. package/lib-commonjs/components/InlineDrawer/InlineDrawer.js.map +1 -1
  121. package/lib-commonjs/components/InlineDrawer/InlineDrawer.types.js +3 -1
  122. package/lib-commonjs/components/InlineDrawer/InlineDrawer.types.js.map +1 -1
  123. package/lib-commonjs/components/InlineDrawer/index.js.map +1 -1
  124. package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
  125. package/lib-commonjs/components/InlineDrawer/useInlineDrawer.js.map +1 -1
  126. package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.js.map +1 -1
  127. package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
  128. package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js +3 -1
  129. package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -1
  130. package/lib-commonjs/components/OverlayDrawer/OverlayDrawerDialog.js.map +1 -1
  131. package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -1
  132. package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js +3 -1
  133. package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -1
  134. package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -1
  135. package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map +1 -1
  136. package/lib-commonjs/components/OverlayDrawer/index.js.map +1 -1
  137. package/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
  138. package/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js.map +1 -1
  139. package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map +1 -1
  140. package/lib-commonjs/contexts/drawerContext.js +5 -5
  141. package/lib-commonjs/contexts/drawerContext.js.map +1 -1
  142. package/lib-commonjs/contexts/index.js.map +1 -1
  143. package/lib-commonjs/e2e/DrawerShared.js.map +1 -1
  144. package/lib-commonjs/index.js +76 -76
  145. package/lib-commonjs/index.js.map +1 -1
  146. package/lib-commonjs/shared/DrawerBase.types.js.map +1 -1
  147. package/lib-commonjs/shared/drawerSeparatorStyles.js.map +1 -1
  148. package/lib-commonjs/shared/useDrawerBaseStyles.styles.js +3 -3
  149. package/lib-commonjs/shared/useDrawerBaseStyles.styles.js.map +1 -1
  150. package/lib-commonjs/shared/useDrawerDefaultProps.js.map +1 -1
  151. package/package.json +7 -7
@@ -9,65 +9,77 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- DrawerProvider: function() {
13
- return _contexts.DrawerProvider;
12
+ Drawer: function() {
13
+ return _Drawer.Drawer;
14
14
  },
15
- useDrawerContextValue: function() {
16
- return _contexts.useDrawerContextValue;
15
+ DrawerBody: function() {
16
+ return _DrawerBody.DrawerBody;
17
17
  },
18
- useDrawerContext_unstable: function() {
19
- return _contexts.useDrawerContext_unstable;
18
+ DrawerFooter: function() {
19
+ return _DrawerFooter.DrawerFooter;
20
20
  },
21
- Drawer: function() {
22
- return _Drawer.Drawer;
21
+ DrawerHeader: function() {
22
+ return _DrawerHeader.DrawerHeader;
23
23
  },
24
- renderDrawer_unstable: function() {
25
- return _Drawer.renderDrawer_unstable;
24
+ DrawerHeaderNavigation: function() {
25
+ return _DrawerHeaderNavigation.DrawerHeaderNavigation;
26
26
  },
27
- useDrawerStyles_unstable: function() {
28
- return _Drawer.useDrawerStyles_unstable;
27
+ DrawerHeaderTitle: function() {
28
+ return _DrawerHeaderTitle.DrawerHeaderTitle;
29
29
  },
30
- useDrawer_unstable: function() {
31
- return _Drawer.useDrawer_unstable;
30
+ DrawerProvider: function() {
31
+ return _contexts.DrawerProvider;
32
+ },
33
+ InlineDrawer: function() {
34
+ return _InlineDrawer.InlineDrawer;
32
35
  },
33
36
  OverlayDrawer: function() {
34
37
  return _OverlayDrawer.OverlayDrawer;
35
38
  },
36
- overlayDrawerClassNames: function() {
37
- return _OverlayDrawer.overlayDrawerClassNames;
39
+ drawerBodyClassNames: function() {
40
+ return _DrawerBody.drawerBodyClassNames;
38
41
  },
39
- renderOverlayDrawer_unstable: function() {
40
- return _OverlayDrawer.renderOverlayDrawer_unstable;
42
+ drawerFooterClassNames: function() {
43
+ return _DrawerFooter.drawerFooterClassNames;
41
44
  },
42
- useOverlayDrawerStyles_unstable: function() {
43
- return _OverlayDrawer.useOverlayDrawerStyles_unstable;
45
+ drawerHeaderClassNames: function() {
46
+ return _DrawerHeader.drawerHeaderClassNames;
44
47
  },
45
- useOverlayDrawer_unstable: function() {
46
- return _OverlayDrawer.useOverlayDrawer_unstable;
48
+ drawerHeaderNavigationClassNames: function() {
49
+ return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
47
50
  },
48
- InlineDrawer: function() {
49
- return _InlineDrawer.InlineDrawer;
51
+ drawerHeaderTitleClassNames: function() {
52
+ return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
50
53
  },
51
54
  inlineDrawerClassNames: function() {
52
55
  return _InlineDrawer.inlineDrawerClassNames;
53
56
  },
54
- renderInlineDrawer_unstable: function() {
55
- return _InlineDrawer.renderInlineDrawer_unstable;
57
+ overlayDrawerClassNames: function() {
58
+ return _OverlayDrawer.overlayDrawerClassNames;
56
59
  },
57
- useInlineDrawerStyles_unstable: function() {
58
- return _InlineDrawer.useInlineDrawerStyles_unstable;
60
+ renderDrawerBody_unstable: function() {
61
+ return _DrawerBody.renderDrawerBody_unstable;
59
62
  },
60
- useInlineDrawer_unstable: function() {
61
- return _InlineDrawer.useInlineDrawer_unstable;
63
+ renderDrawerFooter_unstable: function() {
64
+ return _DrawerFooter.renderDrawerFooter_unstable;
62
65
  },
63
- DrawerBody: function() {
64
- return _DrawerBody.DrawerBody;
66
+ renderDrawerHeaderNavigation_unstable: function() {
67
+ return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
65
68
  },
66
- drawerBodyClassNames: function() {
67
- return _DrawerBody.drawerBodyClassNames;
69
+ renderDrawerHeaderTitle_unstable: function() {
70
+ return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
68
71
  },
69
- renderDrawerBody_unstable: function() {
70
- return _DrawerBody.renderDrawerBody_unstable;
72
+ renderDrawerHeader_unstable: function() {
73
+ return _DrawerHeader.renderDrawerHeader_unstable;
74
+ },
75
+ renderDrawer_unstable: function() {
76
+ return _Drawer.renderDrawer_unstable;
77
+ },
78
+ renderInlineDrawer_unstable: function() {
79
+ return _InlineDrawer.renderInlineDrawer_unstable;
80
+ },
81
+ renderOverlayDrawer_unstable: function() {
82
+ return _OverlayDrawer.renderOverlayDrawer_unstable;
71
83
  },
72
84
  useDrawerBodyStyles_unstable: function() {
73
85
  return _DrawerBody.useDrawerBodyStyles_unstable;
@@ -75,29 +87,26 @@ _export(exports, {
75
87
  useDrawerBody_unstable: function() {
76
88
  return _DrawerBody.useDrawerBody_unstable;
77
89
  },
78
- DrawerHeader: function() {
79
- return _DrawerHeader.DrawerHeader;
80
- },
81
- drawerHeaderClassNames: function() {
82
- return _DrawerHeader.drawerHeaderClassNames;
90
+ useDrawerContextValue: function() {
91
+ return _contexts.useDrawerContextValue;
83
92
  },
84
- renderDrawerHeader_unstable: function() {
85
- return _DrawerHeader.renderDrawerHeader_unstable;
93
+ useDrawerContext_unstable: function() {
94
+ return _contexts.useDrawerContext_unstable;
86
95
  },
87
- useDrawerHeaderStyles_unstable: function() {
88
- return _DrawerHeader.useDrawerHeaderStyles_unstable;
96
+ useDrawerFooterStyles_unstable: function() {
97
+ return _DrawerFooter.useDrawerFooterStyles_unstable;
89
98
  },
90
- useDrawerHeader_unstable: function() {
91
- return _DrawerHeader.useDrawerHeader_unstable;
99
+ useDrawerFooter_unstable: function() {
100
+ return _DrawerFooter.useDrawerFooter_unstable;
92
101
  },
93
- DrawerHeaderTitle: function() {
94
- return _DrawerHeaderTitle.DrawerHeaderTitle;
102
+ useDrawerHeaderNavigationStyles_unstable: function() {
103
+ return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
95
104
  },
96
- drawerHeaderTitleClassNames: function() {
97
- return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
105
+ useDrawerHeaderNavigation_unstable: function() {
106
+ return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
98
107
  },
99
- renderDrawerHeaderTitle_unstable: function() {
100
- return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
108
+ useDrawerHeaderStyles_unstable: function() {
109
+ return _DrawerHeader.useDrawerHeaderStyles_unstable;
101
110
  },
102
111
  useDrawerHeaderTitleStyles_unstable: function() {
103
112
  return _DrawerHeaderTitle.useDrawerHeaderTitleStyles_unstable;
@@ -105,35 +114,26 @@ _export(exports, {
105
114
  useDrawerHeaderTitle_unstable: function() {
106
115
  return _DrawerHeaderTitle.useDrawerHeaderTitle_unstable;
107
116
  },
108
- DrawerHeaderNavigation: function() {
109
- return _DrawerHeaderNavigation.DrawerHeaderNavigation;
110
- },
111
- drawerHeaderNavigationClassNames: function() {
112
- return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
113
- },
114
- renderDrawerHeaderNavigation_unstable: function() {
115
- return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
116
- },
117
- useDrawerHeaderNavigationStyles_unstable: function() {
118
- return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
117
+ useDrawerHeader_unstable: function() {
118
+ return _DrawerHeader.useDrawerHeader_unstable;
119
119
  },
120
- useDrawerHeaderNavigation_unstable: function() {
121
- return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
120
+ useDrawerStyles_unstable: function() {
121
+ return _Drawer.useDrawerStyles_unstable;
122
122
  },
123
- DrawerFooter: function() {
124
- return _DrawerFooter.DrawerFooter;
123
+ useDrawer_unstable: function() {
124
+ return _Drawer.useDrawer_unstable;
125
125
  },
126
- drawerFooterClassNames: function() {
127
- return _DrawerFooter.drawerFooterClassNames;
126
+ useInlineDrawerStyles_unstable: function() {
127
+ return _InlineDrawer.useInlineDrawerStyles_unstable;
128
128
  },
129
- renderDrawerFooter_unstable: function() {
130
- return _DrawerFooter.renderDrawerFooter_unstable;
129
+ useInlineDrawer_unstable: function() {
130
+ return _InlineDrawer.useInlineDrawer_unstable;
131
131
  },
132
- useDrawerFooterStyles_unstable: function() {
133
- return _DrawerFooter.useDrawerFooterStyles_unstable;
132
+ useOverlayDrawerStyles_unstable: function() {
133
+ return _OverlayDrawer.useOverlayDrawerStyles_unstable;
134
134
  },
135
- useDrawerFooter_unstable: function() {
136
- return _DrawerFooter.useDrawerFooter_unstable;
135
+ useOverlayDrawer_unstable: function() {
136
+ return _OverlayDrawer.useOverlayDrawer_unstable;
137
137
  }
138
138
  });
139
139
  const _contexts = require("./contexts");
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export { DrawerProvider, useDrawerContextValue, useDrawerContext_unstable } from './contexts';\nexport { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable } from './Drawer';\nexport { OverlayDrawer, overlayDrawerClassNames, renderOverlayDrawer_unstable, useOverlayDrawerStyles_unstable, useOverlayDrawer_unstable } from './OverlayDrawer';\nexport { InlineDrawer, inlineDrawerClassNames, renderInlineDrawer_unstable, useInlineDrawerStyles_unstable, useInlineDrawer_unstable } from './InlineDrawer';\nexport { DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable } from './DrawerBody';\nexport { DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable } from './DrawerHeader';\nexport { DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable } from './DrawerHeaderTitle';\nexport { DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable } from './DrawerHeaderNavigation';\nexport { DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable } from './DrawerFooter';\n"],"names":["DrawerProvider","useDrawerContextValue","useDrawerContext_unstable","Drawer","renderDrawer_unstable","useDrawerStyles_unstable","useDrawer_unstable","OverlayDrawer","overlayDrawerClassNames","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable","InlineDrawer","inlineDrawerClassNames","renderInlineDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable","DrawerBody","drawerBodyClassNames","renderDrawerBody_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","DrawerHeader","drawerHeaderClassNames","renderDrawerHeader_unstable","useDrawerHeaderStyles_unstable","useDrawerHeader_unstable","DrawerHeaderTitle","drawerHeaderTitleClassNames","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","DrawerHeaderNavigation","drawerHeaderNavigationClassNames","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","DrawerFooter","drawerFooterClassNames","renderDrawerFooter_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable"],"mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,wBAAc;;IAAEC,qBAAqB;eAArBA,+BAAqB;;IAAEC,yBAAyB;eAAzBA,mCAAyB;;IAChEC,MAAM;eAANA,cAAM;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAC3EC,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,sBAAsB;eAAtBA,8CAAsB;;IAAEC,gCAAgC;eAAhCA,wDAAgC;;IAAEC,qCAAqC;eAArCA,6DAAqC;;IAAEC,wCAAwC;eAAxCA,gEAAwC;;IAAEC,kCAAkC;eAAlCA,0DAAkC;;IAC7KC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;;0BARnD;wBACW;+BACqD;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export { DrawerProvider, useDrawerContextValue, useDrawerContext_unstable } from './contexts';\nexport type { DrawerContextValue } from './contexts';\n\nexport { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable } from './Drawer';\nexport type { DrawerProps, DrawerSlots, DrawerState } from './Drawer';\n\nexport {\n OverlayDrawer,\n overlayDrawerClassNames,\n renderOverlayDrawer_unstable,\n useOverlayDrawerStyles_unstable,\n useOverlayDrawer_unstable,\n} from './OverlayDrawer';\nexport type { OverlayDrawerProps, OverlayDrawerSlots, OverlayDrawerState } from './OverlayDrawer';\n\nexport {\n InlineDrawer,\n inlineDrawerClassNames,\n renderInlineDrawer_unstable,\n useInlineDrawerStyles_unstable,\n useInlineDrawer_unstable,\n} from './InlineDrawer';\nexport type { InlineDrawerProps, InlineDrawerSlots, InlineDrawerState } from './InlineDrawer';\n\nexport {\n DrawerBody,\n drawerBodyClassNames,\n renderDrawerBody_unstable,\n useDrawerBodyStyles_unstable,\n useDrawerBody_unstable,\n} from './DrawerBody';\nexport type { DrawerBodyProps, DrawerBodySlots, DrawerBodyState } from './DrawerBody';\n\nexport {\n DrawerHeader,\n drawerHeaderClassNames,\n renderDrawerHeader_unstable,\n useDrawerHeaderStyles_unstable,\n useDrawerHeader_unstable,\n} from './DrawerHeader';\nexport type { DrawerHeaderProps, DrawerHeaderSlots, DrawerHeaderState } from './DrawerHeader';\n\nexport {\n DrawerHeaderTitle,\n drawerHeaderTitleClassNames,\n renderDrawerHeaderTitle_unstable,\n useDrawerHeaderTitleStyles_unstable,\n useDrawerHeaderTitle_unstable,\n} from './DrawerHeaderTitle';\nexport type { DrawerHeaderTitleProps, DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle';\n\nexport {\n DrawerHeaderNavigation,\n drawerHeaderNavigationClassNames,\n renderDrawerHeaderNavigation_unstable,\n useDrawerHeaderNavigationStyles_unstable,\n useDrawerHeaderNavigation_unstable,\n} from './DrawerHeaderNavigation';\nexport type {\n DrawerHeaderNavigationProps,\n DrawerHeaderNavigationSlots,\n DrawerHeaderNavigationState,\n} from './DrawerHeaderNavigation';\n\nexport {\n DrawerFooter,\n drawerFooterClassNames,\n renderDrawerFooter_unstable,\n useDrawerFooterStyles_unstable,\n useDrawerFooter_unstable,\n} from './DrawerFooter';\nexport type { DrawerFooterProps, DrawerFooterSlots, DrawerFooterState } from './DrawerFooter';\n"],"names":["Drawer","DrawerBody","DrawerFooter","DrawerHeader","DrawerHeaderNavigation","DrawerHeaderTitle","DrawerProvider","InlineDrawer","OverlayDrawer","drawerBodyClassNames","drawerFooterClassNames","drawerHeaderClassNames","drawerHeaderNavigationClassNames","drawerHeaderTitleClassNames","inlineDrawerClassNames","overlayDrawerClassNames","renderDrawerBody_unstable","renderDrawerFooter_unstable","renderDrawerHeaderNavigation_unstable","renderDrawerHeaderTitle_unstable","renderDrawerHeader_unstable","renderDrawer_unstable","renderInlineDrawer_unstable","renderOverlayDrawer_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","useDrawerContextValue","useDrawerContext_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","useDrawerHeaderStyles_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","useDrawerHeader_unstable","useDrawerStyles_unstable","useDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGSA,MAAM;eAANA,cAAM;;IAsBbC,UAAU;eAAVA,sBAAU;;IAwCVC,YAAY;eAAZA,0BAAY;;IA/BZC,YAAY;eAAZA,0BAAY;;IAkBZC,sBAAsB;eAAtBA,8CAAsB;;IATtBC,iBAAiB;eAAjBA,oCAAiB;;IA3CVC,cAAc;eAAdA,wBAAc;;IAgBrBC,YAAY;eAAZA,0BAAY;;IATZC,aAAa;eAAbA,4BAAa;;IAmBbC,oBAAoB;eAApBA,gCAAoB;;IAwCpBC,sBAAsB;eAAtBA,oCAAsB;;IA/BtBC,sBAAsB;eAAtBA,oCAAsB;;IAkBtBC,gCAAgC;eAAhCA,wDAAgC;;IAThCC,2BAA2B;eAA3BA,8CAA2B;;IA3B3BC,sBAAsB;eAAtBA,oCAAsB;;IATtBC,uBAAuB;eAAvBA,sCAAuB;;IAmBvBC,yBAAyB;eAAzBA,qCAAyB;;IAwCzBC,2BAA2B;eAA3BA,yCAA2B;;IAb3BC,qCAAqC;eAArCA,6DAAqC;;IATrCC,gCAAgC;eAAhCA,mDAAgC;;IAThCC,2BAA2B;eAA3BA,yCAA2B;;IAjCZC,qBAAqB;eAArBA,6BAAqB;;IAepCC,2BAA2B;eAA3BA,yCAA2B;;IAT3BC,4BAA4B;eAA5BA,2CAA4B;;IAmB5BC,4BAA4B;eAA5BA,wCAA4B;;IAC5BC,sBAAsB;eAAtBA,kCAAsB;;IA7BCC,qBAAqB;eAArBA,+BAAqB;;IAAEC,yBAAyB;eAAzBA,mCAAyB;;IAoEvEC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IAdxBC,wCAAwC;eAAxCA,gEAAwC;;IACxCC,kCAAkC;eAAlCA,0DAAkC;;IAnBlCC,8BAA8B;eAA9BA,4CAA8B;;IAS9BC,mCAAmC;eAAnCA,sDAAmC;;IACnCC,6BAA6B;eAA7BA,gDAA6B;;IAT7BC,wBAAwB;eAAxBA,sCAAwB;;IAnCcC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAgBlFC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IAVxBC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;;0BAXsD;wBAGW;+BASrF;8BASA;4BASA;8BASA;mCASA;wCASA;8BAaA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerBase.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
1
+ {"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["import * as React from 'react';\n\ntype MotionType = 'entering' | 'entered' | 'idle' | 'exiting' | 'exited' | 'unmounted';\n\ntype MotionState<Element extends HTMLElement = HTMLElement> = {\n /**\n * Ref to the element.\n */\n ref: React.Ref<Element>;\n\n /**\n * Current state of the element.\n *\n * - `unmounted` - The element is not yet rendered or can be safely removed from the DOM.\n * - `entering` - The element is performing enter animation.\n * - `entered` - The element has finished enter animation.\n * - `idle` - The element is currently not animating, but rendered on screen.\n * - `exiting` - The element is performing exit animation.\n * - `exited` - The element has finished exit animation.\n */\n type: MotionType;\n\n /**\n * Indicates whether the component can be rendered.\n * Useful to render the element before animating it or to remove it from the DOM after exit animation.\n */\n canRender: boolean;\n\n /**\n * Indicates whether the component is ready to receive a CSS transition className.\n * Useful to apply CSS transitions when the element is mounted and ready to be animated.\n */\n active: boolean;\n};\n\nexport type DrawerBaseProps = {\n /**\n * Position of the drawer.\n *\n * Note: 'bottom' does not supports size, but it supports customized height.\n *\n * @default 'start'\n */\n position?: 'start' | 'end' | 'bottom';\n\n /**\n * Size of the drawer.\n *\n * - 'small' - Drawer is 320px wide.\n * - 'medium' - Drawer is 592px wide.\n * - 'large' - Drawer is 940px wide.\n * - 'full' - Drawer is 100vw wide.\n *\n * @default 'small'\n */\n size?: 'small' | 'medium' | 'large' | 'full';\n\n /**\n * Controls the open state of the Drawer\n *\n * @default false\n */\n open?: boolean;\n};\n\nexport type DrawerBaseState = Required<Pick<DrawerBaseProps, 'position' | 'size'>> & {\n motion: MotionState<HTMLElement>;\n};\n\nexport type DrawerScrollState = 'none' | 'top' | 'middle' | 'bottom';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["drawerSeparatorStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nexport const drawerSeparatorStyles = {\n height: '1px',\n position: 'absolute',\n right: 0,\n left: 0,\n opacity: 0,\n backgroundColor: tokens.colorNeutralStroke1,\n transitionDuration: tokens.durationNormal,\n transitionProperty: 'opacity',\n transitionTimingFunction: tokens.curveEasyEase,\n content: '\"\"'\n};\n"],"names":["drawerSeparatorStyles","height","position","right","left","opacity","backgroundColor","tokens","colorNeutralStroke1","transitionDuration","durationNormal","transitionProperty","transitionTimingFunction","curveEasyEase","content"],"mappings":";;;;+BACaA;;;eAAAA;;;4BADU;AAChB,MAAMA,wBAAwB;IACjCC,QAAQ;IACRC,UAAU;IACVC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,iBAAiBC,kBAAM,CAACC,mBAAmB;IAC3CC,oBAAoBF,kBAAM,CAACG,cAAc;IACzCC,oBAAoB;IACpBC,0BAA0BL,kBAAM,CAACM,aAAa;IAC9CC,SAAS;AACb"}
1
+ {"version":3,"sources":["drawerSeparatorStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { GriffelStyle } from '@griffel/react';\n\nexport const drawerSeparatorStyles: GriffelStyle = {\n height: '1px',\n position: 'absolute',\n right: 0,\n left: 0,\n opacity: 0,\n backgroundColor: tokens.colorNeutralStroke1,\n transitionDuration: tokens.durationNormal,\n transitionProperty: 'opacity',\n transitionTimingFunction: tokens.curveEasyEase,\n content: '\"\"',\n};\n"],"names":["drawerSeparatorStyles","height","position","right","left","opacity","backgroundColor","tokens","colorNeutralStroke1","transitionDuration","durationNormal","transitionProperty","transitionTimingFunction","curveEasyEase","content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;4BAHU;AAGhB,MAAMA,wBAAsC;IACjDC,QAAQ;IACRC,UAAU;IACVC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,iBAAiBC,kBAAAA,CAAOC,mBAAmB;IAC3CC,oBAAoBF,kBAAAA,CAAOG,cAAc;IACzCC,oBAAoB;IACpBC,0BAA0BL,kBAAAA,CAAOM,aAAa;IAC9CC,SAAS;AACX"}
@@ -15,14 +15,14 @@ _export(exports, {
15
15
  drawerDefaultStyles: function() {
16
16
  return drawerDefaultStyles;
17
17
  },
18
+ useDrawerBaseClassNames: function() {
19
+ return useDrawerBaseClassNames;
20
+ },
18
21
  useDrawerBottomBaseStyles: function() {
19
22
  return useDrawerBottomBaseStyles;
20
23
  },
21
24
  useDrawerDurationStyles: function() {
22
25
  return useDrawerDurationStyles;
23
- },
24
- useDrawerBaseClassNames: function() {
25
- return useDrawerBaseClassNames;
26
26
  }
27
27
  });
28
28
  const _react = require("@griffel/react");
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */\nexport const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */\nexport const drawerDefaultStyles = {\n overflow: 'hidden',\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/**\n * Shared dynamic styles for the Drawer component\n */\nconst useDrawerStyles = /*#__PURE__*/__styles({\n entering: {\n Bkqvd7p: \"f18ad807\"\n },\n exiting: {\n Bkqvd7p: \"f1mfizis\"\n },\n reducedMotion: {\n Hwfdqs: \"f5e8c63\"\n },\n start: {\n h3c5rm: 0,\n vrafjx: 0,\n Bekrc4i: 0,\n u1mtju: [\"f1xteiwb\", \"fsqykmd\"],\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n end: {\n zhjwy3: 0,\n wvpqe5: 0,\n ibv6hh: 0,\n B4g9neb: [\"fsqykmd\", \"f1xteiwb\"],\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\n },\n bottom: {\n B5kzvoi: \"f1yab3r1\",\n Bhzewxz: \"f198g47y\"\n },\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fsdmzs6\"\n }\n}, {\n d: [\".f18ad807{transition-timing-function:var(--curveDecelerateMid);}\", \".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}\", [\".f1xteiwb{border-right:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n p: -1\n }], [\".fsqykmd{border-left:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n p: -1\n }], \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", [\".fsqykmd{border-left:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n p: -1\n }], [\".f1xteiwb{border-right:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n p: -1\n }], \".f1yab3r1{bottom:0;}\", \".f198g47y{top:auto;}\", \".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fsdmzs6{--fui-Drawer--size:100vw;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useDrawerBottomBaseStyles = /*#__PURE__*/__styles({\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fno8cgj\"\n }\n}, {\n d: [\".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fno8cgj{--fui-Drawer--size:100vh;}\"]\n});\nexport const useDrawerDurationStyles = /*#__PURE__*/__styles({\n small: {\n B3o57yi: \"fc397y7\"\n },\n medium: {\n B3o57yi: \"f78771\"\n },\n large: {\n B3o57yi: \"f9ymmep\"\n },\n full: {\n B3o57yi: \"f1loko9l\"\n }\n}, {\n d: [\".fc397y7{transition-duration:var(--durationGentle);}\", \".f78771{transition-duration:var(--durationSlow);}\", \".f9ymmep{transition-duration:var(--durationSlower);}\", \".f1loko9l{transition-duration:var(--durationUltraSlow);}\"]\n});\nexport const useDrawerBaseClassNames = ({\n position,\n size,\n motion\n}) => {\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["drawerCSSVars","drawerDefaultStyles","useDrawerBottomBaseStyles","useDrawerDurationStyles","useDrawerBaseClassNames","drawerSizeVar","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","h3c5rm","vrafjx","Bekrc4i","u1mtju","oyh7mz","j35jbq","end","zhjwy3","wvpqe5","ibv6hh","B4g9neb","bottom","B5kzvoi","Bhzewxz","small","Bjr0ffy","medium","large","full","d","p","m","B3o57yi","position","size","motion","baseStyles","bottomBaseStyles","durationStyles","mergeClasses","type"],"mappings":";;;;;;;;;;;IAKaA,aAAa;eAAbA;;IAMAC,mBAAmB;eAAnBA;;IAyEAC,yBAAyB;eAAzBA;;IAgBAC,uBAAuB;eAAvBA;;IAgBAC,uBAAuB;eAAvBA;;;uBApH0B;4BAChB;AAIhB,MAAMJ,gBAAgB;IAC3BK,eAAe;AACjB;AAIO,MAAMJ,sBAAsB;IACjCK,UAAU;IACVC,OAAO,CAAC,IAAI,EAAEP,cAAcK,aAAa,CAAC,CAAC,CAAC;IAC5CG,UAAU;IACVC,QAAQ;IACRC,WAAW;IACXC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,gBAAgB;IAChBC,iBAAiBC,kBAAM,CAACC,uBAAuB;IAC/CC,OAAOF,kBAAM,CAACG,uBAAuB;AACvC;AACA;;CAEC,GACD,MAAMC,kBAAkB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC5CC,UAAU;QACRC,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,eAAe;QACbC,QAAQ;IACV;IACAC,OAAO;QACLC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,KAAK;QACHC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCL,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAO,QAAQ;QACNC,SAAS;QACTC,SAAS;IACX;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,MAAM;QACJH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAoE;QAAoE;YAAC;YAAuF;gBAClOC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAqF;gBACxFA,GAAG,CAAC;YACN;SAAE;QAAE;QAAsB;QAAuB;QAAwB;QAAwB;YAAC;YAAqF;gBACrLA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuF;gBAC1FA,GAAG,CAAC;YACN;SAAE;QAAE;QAAwB;QAAwB;QAAwC;QAAuC;QAAuC;KAAsC;IAChNC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAMhD,4BAA4B,WAAW,GAAEoB,IAAAA,eAAQ,EAAC;IAC7DqB,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,MAAM;QACJH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAwC;QAAuC;QAAuC;KAAsC;AAClK;AACO,MAAM7C,0BAA0B,WAAW,GAAEmB,IAAAA,eAAQ,EAAC;IAC3DqB,OAAO;QACLQ,SAAS;IACX;IACAN,QAAQ;QACNM,SAAS;IACX;IACAL,OAAO;QACLK,SAAS;IACX;IACAJ,MAAM;QACJI,SAAS;IACX;AACF,GAAG;IACDH,GAAG;QAAC;QAAwD;QAAqD;QAAwD;KAA2D;AACtO;AACO,MAAM5C,0BAA0B,CAAC,EACtCgD,QAAQ,EACRC,IAAI,EACJC,MAAM,EACP;IACC,MAAMC,aAAalC;IACnB,MAAMmC,mBAAmBtD;IACzB,MAAMuD,iBAAiBtD;IACvB,OAAOuD,IAAAA,mBAAY,EAACH,UAAU,CAACH,SAAS,EAAEA,aAAa,YAAYI,gBAAgB,CAACH,KAAK,EAAEI,cAAc,CAACJ,KAAK,EAAED,aAAa,YAAYG,UAAU,CAACF,KAAK,EAAEE,WAAW7B,aAAa,EAAE4B,OAAOK,IAAI,KAAK,cAAcJ,WAAWhC,QAAQ,EAAE+B,OAAOK,IAAI,KAAK,aAAaJ,WAAW9B,OAAO;AAC1R,GACA,sDAAsD"}
1
+ {"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */ export const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */ export const drawerDefaultStyles = {\n overflow: 'hidden',\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/**\n * Shared dynamic styles for the Drawer component\n */ const useDrawerStyles = makeStyles({\n /* Motion */ entering: {\n transitionTimingFunction: tokens.curveDecelerateMid\n },\n exiting: {\n transitionTimingFunction: tokens.curveAccelerateMin\n },\n reducedMotion: {\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.001ms'\n }\n },\n /* Positioning */ start: {\n borderRight: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n left: 0,\n right: 'auto'\n },\n end: {\n borderLeft: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n right: 0,\n left: 'auto'\n },\n bottom: {\n bottom: 0,\n top: 'auto'\n },\n /* Sizes */ small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vw'\n }\n});\nexport const useDrawerBottomBaseStyles = makeStyles({\n /* Sizes for position bottom */ small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vh'\n }\n});\nexport const useDrawerDurationStyles = makeStyles({\n small: {\n transitionDuration: tokens.durationGentle\n },\n medium: {\n transitionDuration: tokens.durationSlow\n },\n large: {\n transitionDuration: tokens.durationSlower\n },\n full: {\n transitionDuration: tokens.durationUltraSlow\n }\n});\nexport const useDrawerBaseClassNames = ({ position, size, motion })=>{\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n"],"names":["drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","useDrawerBottomBaseStyles","useDrawerDurationStyles","drawerSizeVar","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","h3c5rm","vrafjx","Bekrc4i","u1mtju","oyh7mz","j35jbq","end","zhjwy3","wvpqe5","ibv6hh","B4g9neb","bottom","B5kzvoi","Bhzewxz","small","Bjr0ffy","medium","large","full","d","p","m","B3o57yi","position","size","motion","baseStyles","bottomBaseStyles","durationStyles","mergeClasses","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerDefaultProps.js"],"sourcesContent":["export function useDrawerDefaultProps(props) {\n const { open = false, size = 'small', position = 'start' } = props;\n return {\n size,\n position,\n open\n };\n}\n"],"names":["useDrawerDefaultProps","props","open","size","position"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAK;IACvC,MAAM,EAAEC,OAAO,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGH;IAC7D,OAAO;QACHE;QACAC;QACAF;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerDefaultProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function useDrawerDefaultProps(props: DrawerBaseProps) {\n const { open = false, size = 'small', position = 'start' } = props;\n\n return {\n size,\n position,\n open,\n };\n}\n"],"names":["useDrawerDefaultProps","props","open","size","position"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAsB;IAC1D,MAAM,EAAEC,OAAO,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGH;IAE7D,OAAO;QACLE;QACAC;QACAF;IACF;AACF"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-drawer",
3
- "version": "9.5.3",
3
+ "version": "9.5.5",
4
4
  "description": "Drawer components for Fluent UI React",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -35,13 +35,13 @@
35
35
  "@fluentui/scripts-cypress": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-dialog": "^9.11.3",
39
- "@fluentui/react-jsx-runtime": "^9.0.40",
40
- "@fluentui/react-motion-preview": "^0.5.23",
41
- "@fluentui/react-shared-contexts": "^9.19.0",
42
- "@fluentui/react-tabster": "^9.22.1",
38
+ "@fluentui/react-dialog": "^9.11.5",
39
+ "@fluentui/react-jsx-runtime": "^9.0.41",
40
+ "@fluentui/react-motion-preview": "^0.5.24",
41
+ "@fluentui/react-shared-contexts": "^9.19.1",
42
+ "@fluentui/react-tabster": "^9.22.2",
43
43
  "@fluentui/react-theme": "^9.1.19",
44
- "@fluentui/react-utilities": "^9.18.11",
44
+ "@fluentui/react-utilities": "^9.18.12",
45
45
  "@griffel/react": "^1.5.22",
46
46
  "@swc/helpers": "^0.5.1"
47
47
  },