@fluentui/react-drawer 9.0.0-beta.2 → 9.0.0-beta.21

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 (173) hide show
  1. package/CHANGELOG.json +555 -1
  2. package/CHANGELOG.md +214 -2
  3. package/dist/index.d.ts +27 -26
  4. package/lib/components/Drawer/Drawer.js.map +1 -1
  5. package/lib/components/Drawer/Drawer.types.js.map +1 -1
  6. package/lib/components/Drawer/renderDrawer.js +4 -4
  7. package/lib/components/Drawer/renderDrawer.js.map +1 -1
  8. package/lib/components/Drawer/useDrawer.js +9 -8
  9. package/lib/components/Drawer/useDrawer.js.map +1 -1
  10. package/lib/components/DrawerBody/DrawerBody.js.map +1 -1
  11. package/lib/components/DrawerBody/renderDrawerBody.js +4 -4
  12. package/lib/components/DrawerBody/renderDrawerBody.js.map +1 -1
  13. package/lib/components/DrawerBody/useDrawerBody.js +4 -2
  14. package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
  15. package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js +1 -1
  16. package/lib/components/DrawerFooter/DrawerFooter.js.map +1 -1
  17. package/lib/components/DrawerFooter/renderDrawerFooter.js +4 -4
  18. package/lib/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
  19. package/lib/components/DrawerFooter/useDrawerFooter.js +4 -2
  20. package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  21. package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js +1 -1
  22. package/lib/components/DrawerHeader/DrawerHeader.js.map +1 -1
  23. package/lib/components/DrawerHeader/renderDrawerHeader.js +4 -4
  24. package/lib/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
  25. package/lib/components/DrawerHeader/useDrawerHeader.js +4 -2
  26. package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  27. package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js +1 -1
  28. package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
  29. package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +4 -4
  30. package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
  31. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +4 -2
  32. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  33. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +1 -1
  34. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
  35. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +1 -1
  36. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
  37. package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +9 -4
  38. package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
  39. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +20 -13
  40. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  41. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +1 -1
  42. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
  43. package/lib/components/DrawerInline/DrawerInline.js +1 -1
  44. package/lib/components/DrawerInline/DrawerInline.js.map +1 -1
  45. package/lib/components/DrawerInline/DrawerInline.types.js.map +1 -1
  46. package/lib/components/DrawerInline/renderDrawerInline.js +5 -5
  47. package/lib/components/DrawerInline/renderDrawerInline.js.map +1 -1
  48. package/lib/components/DrawerInline/useDrawerInline.js +15 -11
  49. package/lib/components/DrawerInline/useDrawerInline.js.map +1 -1
  50. package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js +25 -11
  51. package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js.map +1 -1
  52. package/lib/components/DrawerOverlay/DrawerOverlay.js.map +1 -1
  53. package/lib/components/DrawerOverlay/DrawerOverlay.types.js.map +1 -1
  54. package/lib/components/DrawerOverlay/renderDrawerOverlay.js +10 -4
  55. package/lib/components/DrawerOverlay/renderDrawerOverlay.js.map +1 -1
  56. package/lib/components/DrawerOverlay/useDrawerOverlay.js +40 -18
  57. package/lib/components/DrawerOverlay/useDrawerOverlay.js.map +1 -1
  58. package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +48 -8
  59. package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +1 -1
  60. package/lib/util/DrawerBase.types.js.map +1 -1
  61. package/lib/util/useDrawerBaseStyles.styles.js +52 -9
  62. package/lib/util/useDrawerBaseStyles.styles.js.map +1 -1
  63. package/lib/util/useDrawerDefaultProps.js +9 -0
  64. package/lib/util/useDrawerDefaultProps.js.map +1 -0
  65. package/lib-commonjs/Drawer.js +2 -2
  66. package/lib-commonjs/Drawer.js.map +1 -1
  67. package/lib-commonjs/DrawerBody.js +2 -2
  68. package/lib-commonjs/DrawerBody.js.map +1 -1
  69. package/lib-commonjs/DrawerFooter.js +2 -2
  70. package/lib-commonjs/DrawerFooter.js.map +1 -1
  71. package/lib-commonjs/DrawerHeader.js +2 -2
  72. package/lib-commonjs/DrawerHeader.js.map +1 -1
  73. package/lib-commonjs/DrawerHeaderNavigation.js +2 -2
  74. package/lib-commonjs/DrawerHeaderNavigation.js.map +1 -1
  75. package/lib-commonjs/DrawerHeaderTitle.js +2 -2
  76. package/lib-commonjs/DrawerHeaderTitle.js.map +1 -1
  77. package/lib-commonjs/DrawerInline.js +2 -2
  78. package/lib-commonjs/DrawerInline.js.map +1 -1
  79. package/lib-commonjs/DrawerOverlay.js +2 -2
  80. package/lib-commonjs/DrawerOverlay.js.map +1 -1
  81. package/lib-commonjs/components/Drawer/Drawer.js +9 -7
  82. package/lib-commonjs/components/Drawer/Drawer.js.map +1 -1
  83. package/lib-commonjs/components/Drawer/index.js +6 -6
  84. package/lib-commonjs/components/Drawer/index.js.map +1 -1
  85. package/lib-commonjs/components/Drawer/renderDrawer.js +8 -6
  86. package/lib-commonjs/components/Drawer/renderDrawer.js.map +1 -1
  87. package/lib-commonjs/components/Drawer/useDrawer.js +16 -13
  88. package/lib-commonjs/components/Drawer/useDrawer.js.map +1 -1
  89. package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js +6 -2
  90. package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map +1 -1
  91. package/lib-commonjs/components/DrawerBody/DrawerBody.js +9 -7
  92. package/lib-commonjs/components/DrawerBody/DrawerBody.js.map +1 -1
  93. package/lib-commonjs/components/DrawerBody/index.js +6 -6
  94. package/lib-commonjs/components/DrawerBody/index.js.map +1 -1
  95. package/lib-commonjs/components/DrawerBody/renderDrawerBody.js +8 -7
  96. package/lib-commonjs/components/DrawerBody/renderDrawerBody.js.map +1 -1
  97. package/lib-commonjs/components/DrawerBody/useDrawerBody.js +9 -5
  98. package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
  99. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js +12 -8
  100. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
  101. package/lib-commonjs/components/DrawerFooter/DrawerFooter.js +7 -5
  102. package/lib-commonjs/components/DrawerFooter/DrawerFooter.js.map +1 -1
  103. package/lib-commonjs/components/DrawerFooter/index.js +6 -6
  104. package/lib-commonjs/components/DrawerFooter/index.js.map +1 -1
  105. package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js +8 -7
  106. package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
  107. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js +9 -5
  108. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  109. package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js +11 -7
  110. package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
  111. package/lib-commonjs/components/DrawerHeader/DrawerHeader.js +9 -7
  112. package/lib-commonjs/components/DrawerHeader/DrawerHeader.js.map +1 -1
  113. package/lib-commonjs/components/DrawerHeader/index.js +6 -6
  114. package/lib-commonjs/components/DrawerHeader/index.js.map +1 -1
  115. package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js +8 -7
  116. package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
  117. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js +9 -5
  118. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  119. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js +11 -7
  120. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
  121. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js +9 -7
  122. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
  123. package/lib-commonjs/components/DrawerHeaderNavigation/index.js +6 -6
  124. package/lib-commonjs/components/DrawerHeaderNavigation/index.js.map +1 -1
  125. package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +8 -7
  126. package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
  127. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +9 -5
  128. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  129. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +8 -4
  130. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
  131. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js +9 -7
  132. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
  133. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +0 -2
  134. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
  135. package/lib-commonjs/components/DrawerHeaderTitle/index.js +6 -6
  136. package/lib-commonjs/components/DrawerHeaderTitle/index.js.map +1 -1
  137. package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +13 -7
  138. package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
  139. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +25 -16
  140. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  141. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +14 -10
  142. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
  143. package/lib-commonjs/components/DrawerInline/DrawerInline.js +7 -5
  144. package/lib-commonjs/components/DrawerInline/DrawerInline.js.map +1 -1
  145. package/lib-commonjs/components/DrawerInline/index.js +6 -6
  146. package/lib-commonjs/components/DrawerInline/index.js.map +1 -1
  147. package/lib-commonjs/components/DrawerInline/renderDrawerInline.js +9 -8
  148. package/lib-commonjs/components/DrawerInline/renderDrawerInline.js.map +1 -1
  149. package/lib-commonjs/components/DrawerInline/useDrawerInline.js +21 -15
  150. package/lib-commonjs/components/DrawerInline/useDrawerInline.js.map +1 -1
  151. package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js +46 -16
  152. package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js.map +1 -1
  153. package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js +7 -5
  154. package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js.map +1 -1
  155. package/lib-commonjs/components/DrawerOverlay/index.js +6 -6
  156. package/lib-commonjs/components/DrawerOverlay/index.js.map +1 -1
  157. package/lib-commonjs/components/DrawerOverlay/renderDrawerOverlay.js +15 -8
  158. package/lib-commonjs/components/DrawerOverlay/renderDrawerOverlay.js.map +1 -1
  159. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js +45 -21
  160. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js.map +1 -1
  161. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +69 -11
  162. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +1 -1
  163. package/lib-commonjs/index.js +122 -46
  164. package/lib-commonjs/index.js.map +1 -1
  165. package/lib-commonjs/util/useDrawerBaseStyles.styles.js +85 -20
  166. package/lib-commonjs/util/useDrawerBaseStyles.styles.js.map +1 -1
  167. package/lib-commonjs/util/useDrawerDefaultProps.js +19 -0
  168. package/lib-commonjs/util/useDrawerDefaultProps.js.map +1 -0
  169. package/package.json +14 -13
  170. package/lib/util/getDefaultDrawerProps.js +0 -9
  171. package/lib/util/getDefaultDrawerProps.js.map +0 -1
  172. package/lib-commonjs/util/getDefaultDrawerProps.js +0 -17
  173. package/lib-commonjs/util/getDefaultDrawerProps.js.map +0 -1
@@ -9,50 +9,126 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- Drawer: ()=>_drawer.Drawer,
13
- renderDrawer_unstable: ()=>_drawer.renderDrawer_unstable,
14
- useDrawer_unstable: ()=>_drawer.useDrawer_unstable,
15
- DrawerOverlay: ()=>_drawerOverlay.DrawerOverlay,
16
- drawerOverlayClassNames: ()=>_drawerOverlay.drawerOverlayClassNames,
17
- renderDrawerOverlay_unstable: ()=>_drawerOverlay.renderDrawerOverlay_unstable,
18
- useDrawerOverlayStyles_unstable: ()=>_drawerOverlay.useDrawerOverlayStyles_unstable,
19
- useDrawerOverlay_unstable: ()=>_drawerOverlay.useDrawerOverlay_unstable,
20
- DrawerInline: ()=>_drawerInline.DrawerInline,
21
- drawerInlineClassNames: ()=>_drawerInline.drawerInlineClassNames,
22
- renderDrawerInline_unstable: ()=>_drawerInline.renderDrawerInline_unstable,
23
- useDrawerInlineStyles_unstable: ()=>_drawerInline.useDrawerInlineStyles_unstable,
24
- useDrawerInline_unstable: ()=>_drawerInline.useDrawerInline_unstable,
25
- DrawerBody: ()=>_drawerBody.DrawerBody,
26
- drawerBodyClassNames: ()=>_drawerBody.drawerBodyClassNames,
27
- renderDrawerBody_unstable: ()=>_drawerBody.renderDrawerBody_unstable,
28
- useDrawerBodyStyles_unstable: ()=>_drawerBody.useDrawerBodyStyles_unstable,
29
- useDrawerBody_unstable: ()=>_drawerBody.useDrawerBody_unstable,
30
- DrawerHeader: ()=>_drawerHeader.DrawerHeader,
31
- drawerHeaderClassNames: ()=>_drawerHeader.drawerHeaderClassNames,
32
- renderDrawerHeader_unstable: ()=>_drawerHeader.renderDrawerHeader_unstable,
33
- useDrawerHeaderStyles_unstable: ()=>_drawerHeader.useDrawerHeaderStyles_unstable,
34
- useDrawerHeader_unstable: ()=>_drawerHeader.useDrawerHeader_unstable,
35
- DrawerHeaderTitle: ()=>_drawerHeaderTitle.DrawerHeaderTitle,
36
- drawerHeaderTitleClassNames: ()=>_drawerHeaderTitle.drawerHeaderTitleClassNames,
37
- renderDrawerHeaderTitle_unstable: ()=>_drawerHeaderTitle.renderDrawerHeaderTitle_unstable,
38
- useDrawerHeaderTitleStyles_unstable: ()=>_drawerHeaderTitle.useDrawerHeaderTitleStyles_unstable,
39
- useDrawerHeaderTitle_unstable: ()=>_drawerHeaderTitle.useDrawerHeaderTitle_unstable,
40
- DrawerHeaderNavigation: ()=>_drawerHeaderNavigation.DrawerHeaderNavigation,
41
- drawerHeaderNavigationClassNames: ()=>_drawerHeaderNavigation.drawerHeaderNavigationClassNames,
42
- renderDrawerHeaderNavigation_unstable: ()=>_drawerHeaderNavigation.renderDrawerHeaderNavigation_unstable,
43
- useDrawerHeaderNavigationStyles_unstable: ()=>_drawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable,
44
- useDrawerHeaderNavigation_unstable: ()=>_drawerHeaderNavigation.useDrawerHeaderNavigation_unstable,
45
- DrawerFooter: ()=>_drawerFooter.DrawerFooter,
46
- drawerFooterClassNames: ()=>_drawerFooter.drawerFooterClassNames,
47
- renderDrawerFooter_unstable: ()=>_drawerFooter.renderDrawerFooter_unstable,
48
- useDrawerFooterStyles_unstable: ()=>_drawerFooter.useDrawerFooterStyles_unstable,
49
- useDrawerFooter_unstable: ()=>_drawerFooter.useDrawerFooter_unstable
12
+ Drawer: function() {
13
+ return _Drawer.Drawer;
14
+ },
15
+ renderDrawer_unstable: function() {
16
+ return _Drawer.renderDrawer_unstable;
17
+ },
18
+ useDrawer_unstable: function() {
19
+ return _Drawer.useDrawer_unstable;
20
+ },
21
+ DrawerOverlay: function() {
22
+ return _DrawerOverlay.DrawerOverlay;
23
+ },
24
+ drawerOverlayClassNames: function() {
25
+ return _DrawerOverlay.drawerOverlayClassNames;
26
+ },
27
+ renderDrawerOverlay_unstable: function() {
28
+ return _DrawerOverlay.renderDrawerOverlay_unstable;
29
+ },
30
+ useDrawerOverlayStyles_unstable: function() {
31
+ return _DrawerOverlay.useDrawerOverlayStyles_unstable;
32
+ },
33
+ useDrawerOverlay_unstable: function() {
34
+ return _DrawerOverlay.useDrawerOverlay_unstable;
35
+ },
36
+ DrawerInline: function() {
37
+ return _DrawerInline.DrawerInline;
38
+ },
39
+ drawerInlineClassNames: function() {
40
+ return _DrawerInline.drawerInlineClassNames;
41
+ },
42
+ renderDrawerInline_unstable: function() {
43
+ return _DrawerInline.renderDrawerInline_unstable;
44
+ },
45
+ useDrawerInlineStyles_unstable: function() {
46
+ return _DrawerInline.useDrawerInlineStyles_unstable;
47
+ },
48
+ useDrawerInline_unstable: function() {
49
+ return _DrawerInline.useDrawerInline_unstable;
50
+ },
51
+ DrawerBody: function() {
52
+ return _DrawerBody.DrawerBody;
53
+ },
54
+ drawerBodyClassNames: function() {
55
+ return _DrawerBody.drawerBodyClassNames;
56
+ },
57
+ renderDrawerBody_unstable: function() {
58
+ return _DrawerBody.renderDrawerBody_unstable;
59
+ },
60
+ useDrawerBodyStyles_unstable: function() {
61
+ return _DrawerBody.useDrawerBodyStyles_unstable;
62
+ },
63
+ useDrawerBody_unstable: function() {
64
+ return _DrawerBody.useDrawerBody_unstable;
65
+ },
66
+ DrawerHeader: function() {
67
+ return _DrawerHeader.DrawerHeader;
68
+ },
69
+ drawerHeaderClassNames: function() {
70
+ return _DrawerHeader.drawerHeaderClassNames;
71
+ },
72
+ renderDrawerHeader_unstable: function() {
73
+ return _DrawerHeader.renderDrawerHeader_unstable;
74
+ },
75
+ useDrawerHeaderStyles_unstable: function() {
76
+ return _DrawerHeader.useDrawerHeaderStyles_unstable;
77
+ },
78
+ useDrawerHeader_unstable: function() {
79
+ return _DrawerHeader.useDrawerHeader_unstable;
80
+ },
81
+ DrawerHeaderTitle: function() {
82
+ return _DrawerHeaderTitle.DrawerHeaderTitle;
83
+ },
84
+ drawerHeaderTitleClassNames: function() {
85
+ return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
86
+ },
87
+ renderDrawerHeaderTitle_unstable: function() {
88
+ return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
89
+ },
90
+ useDrawerHeaderTitleStyles_unstable: function() {
91
+ return _DrawerHeaderTitle.useDrawerHeaderTitleStyles_unstable;
92
+ },
93
+ useDrawerHeaderTitle_unstable: function() {
94
+ return _DrawerHeaderTitle.useDrawerHeaderTitle_unstable;
95
+ },
96
+ DrawerHeaderNavigation: function() {
97
+ return _DrawerHeaderNavigation.DrawerHeaderNavigation;
98
+ },
99
+ drawerHeaderNavigationClassNames: function() {
100
+ return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
101
+ },
102
+ renderDrawerHeaderNavigation_unstable: function() {
103
+ return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
104
+ },
105
+ useDrawerHeaderNavigationStyles_unstable: function() {
106
+ return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
107
+ },
108
+ useDrawerHeaderNavigation_unstable: function() {
109
+ return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
110
+ },
111
+ DrawerFooter: function() {
112
+ return _DrawerFooter.DrawerFooter;
113
+ },
114
+ drawerFooterClassNames: function() {
115
+ return _DrawerFooter.drawerFooterClassNames;
116
+ },
117
+ renderDrawerFooter_unstable: function() {
118
+ return _DrawerFooter.renderDrawerFooter_unstable;
119
+ },
120
+ useDrawerFooterStyles_unstable: function() {
121
+ return _DrawerFooter.useDrawerFooterStyles_unstable;
122
+ },
123
+ useDrawerFooter_unstable: function() {
124
+ return _DrawerFooter.useDrawerFooter_unstable;
125
+ }
50
126
  });
51
- const _drawer = require("./Drawer");
52
- const _drawerOverlay = require("./DrawerOverlay");
53
- const _drawerInline = require("./DrawerInline");
54
- const _drawerBody = require("./DrawerBody");
55
- const _drawerHeader = require("./DrawerHeader");
56
- const _drawerHeaderTitle = require("./DrawerHeaderTitle");
57
- const _drawerHeaderNavigation = require("./DrawerHeaderNavigation");
58
- const _drawerFooter = require("./DrawerFooter");
127
+ const _Drawer = require("./Drawer");
128
+ const _DrawerOverlay = require("./DrawerOverlay");
129
+ const _DrawerInline = require("./DrawerInline");
130
+ const _DrawerBody = require("./DrawerBody");
131
+ const _DrawerHeader = require("./DrawerHeader");
132
+ const _DrawerHeaderTitle = require("./DrawerHeaderTitle");
133
+ const _DrawerHeaderNavigation = require("./DrawerHeaderNavigation");
134
+ const _DrawerFooter = require("./DrawerFooter");
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawer_unstable } from './Drawer';\nexport { DrawerOverlay, drawerOverlayClassNames, renderDrawerOverlay_unstable, useDrawerOverlayStyles_unstable, useDrawerOverlay_unstable } from './DrawerOverlay';\nexport { DrawerInline, drawerInlineClassNames, renderDrawerInline_unstable, useDrawerInlineStyles_unstable, useDrawerInline_unstable } from './DrawerInline';\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":["Drawer","renderDrawer_unstable","useDrawer_unstable","DrawerOverlay","drawerOverlayClassNames","renderDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","useDrawerOverlay_unstable","DrawerInline","drawerInlineClassNames","renderDrawerInline_unstable","useDrawerInlineStyles_unstable","useDrawerInline_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,MAAM,MAANA,cAAM;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IACjDC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAChIC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAC3HC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAC3HC,iBAAiB,MAAjBA,oCAAiB;IAAEC,2BAA2B,MAA3BA,8CAA2B;IAAEC,gCAAgC,MAAhCA,mDAAgC;IAAEC,mCAAmC,MAAnCA,sDAAmC;IAAEC,6BAA6B,MAA7BA,gDAA6B;IACpJC,sBAAsB,MAAtBA,8CAAsB;IAAEC,gCAAgC,MAAhCA,wDAAgC;IAAEC,qCAAqC,MAArCA,6DAAqC;IAAEC,wCAAwC,MAAxCA,gEAAwC;IAAEC,kCAAkC,MAAlCA,0DAAkC;IAC7KC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;;wBAPlE;+BAC+E;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawer_unstable } from './Drawer';\nexport { DrawerOverlay, drawerOverlayClassNames, renderDrawerOverlay_unstable, useDrawerOverlayStyles_unstable, useDrawerOverlay_unstable } from './DrawerOverlay';\nexport { DrawerInline, drawerInlineClassNames, renderDrawerInline_unstable, useDrawerInlineStyles_unstable, useDrawerInline_unstable } from './DrawerInline';\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":["Drawer","renderDrawer_unstable","useDrawer_unstable","DrawerOverlay","drawerOverlayClassNames","renderDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","useDrawerOverlay_unstable","DrawerInline","drawerInlineClassNames","renderDrawerInline_unstable","useDrawerInlineStyles_unstable","useDrawerInline_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,MAAM;eAANA,cAAM;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IACjDC,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;;;wBAPlE;+BAC+E;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}
@@ -2,12 +2,31 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "useDrawerBaseStyles", {
6
- enumerable: true,
7
- get: ()=>useDrawerBaseStyles
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ drawerCSSVars: function() {
13
+ return drawerCSSVars;
14
+ },
15
+ useDrawerBaseStyles: function() {
16
+ return useDrawerBaseStyles;
17
+ },
18
+ useDrawerDurationStyles: function() {
19
+ return useDrawerDurationStyles;
20
+ },
21
+ useDrawerBaseClassNames: function() {
22
+ return useDrawerBaseClassNames;
23
+ }
8
24
  });
9
25
  const _react = require("@griffel/react");
10
- const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
26
+ const drawerCSSVars = {
27
+ drawerSizeVar: '--fui-Drawer--size'
28
+ };
29
+ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
11
30
  root: {
12
31
  z8tnut: "f1g0x7ka",
13
32
  z189sj: [
@@ -47,6 +66,7 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
47
66
  "f1rvrf73",
48
67
  "f1358rze"
49
68
  ],
69
+ a9b677: "f3rx6dk",
50
70
  B2u0y6b: "f1w39fev",
51
71
  Bqenvij: "f11ysow2",
52
72
  B7ck84d: "f1ewtqcl",
@@ -56,7 +76,16 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
56
76
  Brf1p80: "fbhxue7",
57
77
  De3pzq: "fxugw4r"
58
78
  },
59
- left: {
79
+ entering: {
80
+ Bkqvd7p: "f18ad807"
81
+ },
82
+ exiting: {
83
+ Bkqvd7p: "f1mfizis"
84
+ },
85
+ reducedMotion: {
86
+ Hwfdqs: "f5e8c63"
87
+ },
88
+ start: {
60
89
  oyh7mz: [
61
90
  "f1vgc2s3",
62
91
  "f1e31b4d"
@@ -66,7 +95,7 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
66
95
  "frppm18"
67
96
  ]
68
97
  },
69
- right: {
98
+ end: {
70
99
  j35jbq: [
71
100
  "f1e31b4d",
72
101
  "f1vgc2s3"
@@ -77,17 +106,16 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
77
106
  ]
78
107
  },
79
108
  small: {
80
- a9b677: "f1nfxovz"
109
+ Bjr0ffy: "f1exhnwo"
81
110
  },
82
111
  medium: {
83
- a9b677: "fb8d3vz"
112
+ Bjr0ffy: "fqofjzu"
84
113
  },
85
114
  large: {
86
- a9b677: "fi96w9z"
115
+ Bjr0ffy: "fce6y3m"
87
116
  },
88
117
  full: {
89
- a9b677: "fr97h3j",
90
- B2u0y6b: "f1w39fev"
118
+ Bjr0ffy: "fsdmzs6"
91
119
  }
92
120
  }, {
93
121
  d: [
@@ -105,21 +133,58 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
105
133
  ".f1358rze{border-right-width:0;}",
106
134
  ".f1rvrf73{border-left-width:0;}",
107
135
  ".fqdk4by{border-bottom-width:0;}",
136
+ ".f3rx6dk{width:var(--fui-Drawer--size);}",
108
137
  ".f1w39fev{max-width:100vw;}",
109
138
  ".f11ysow2{height:auto;}",
110
139
  ".f1ewtqcl{box-sizing:border-box;}",
111
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
112
- ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
113
- ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}",
114
- ".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}",
140
+ ".f22iagw{display:flex;}",
141
+ ".f1vx9l62{flex-direction:column;}",
142
+ ".f6jr5hl{align-items:flex-start;}",
143
+ ".fbhxue7{justify-content:flex-start;}",
115
144
  ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
145
+ ".f18ad807{transition-timing-function:var(--curveDecelerateMid);}",
146
+ ".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}",
116
147
  ".f1vgc2s3{left:0;}",
117
148
  ".f1e31b4d{right:0;}",
118
149
  ".fvfyk4{right:auto;}",
119
150
  ".frppm18{left:auto;}",
120
- ".f1nfxovz{width:320px;}",
121
- ".fb8d3vz{width:592px;}",
122
- ".fi96w9z{width:940px;}",
123
- ".fr97h3j{width:100vw;}"
151
+ ".f1exhnwo{--fui-Drawer--size:320px;}",
152
+ ".fqofjzu{--fui-Drawer--size:592px;}",
153
+ ".fce6y3m{--fui-Drawer--size:940px;}",
154
+ ".fsdmzs6{--fui-Drawer--size:100vw;}"
155
+ ],
156
+ m: [
157
+ [
158
+ "@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}",
159
+ {
160
+ m: "screen and (prefers-reduced-motion: reduce)"
161
+ }
162
+ ]
124
163
  ]
125
- }); //# sourceMappingURL=useDrawerBaseStyles.styles.js.map
164
+ });
165
+ const useDrawerDurationStyles = /*#__PURE__*/ (0, _react.__styles)({
166
+ small: {
167
+ B3o57yi: "fc397y7"
168
+ },
169
+ medium: {
170
+ B3o57yi: "f78771"
171
+ },
172
+ large: {
173
+ B3o57yi: "f9ymmep"
174
+ },
175
+ full: {
176
+ B3o57yi: "f1loko9l"
177
+ }
178
+ }, {
179
+ d: [
180
+ ".fc397y7{transition-duration:var(--durationGentle);}",
181
+ ".f78771{transition-duration:var(--durationSlow);}",
182
+ ".f9ymmep{transition-duration:var(--durationSlower);}",
183
+ ".f1loko9l{transition-duration:var(--durationUltraSlow);}"
184
+ ]
185
+ });
186
+ const useDrawerBaseClassNames = ({ position, size, motion })=>{
187
+ const baseStyles = useDrawerBaseStyles();
188
+ const durationStyles = useDrawerDurationStyles();
189
+ return (0, _react.mergeClasses)(baseStyles.root, baseStyles[position], durationStyles[size], baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);
190
+ }; //# sourceMappingURL=useDrawerBaseStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */\nexport const useDrawerBaseStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n B2u0y6b: \"f1w39fev\",\n Bqenvij: \"f11ysow2\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Bt984gj: \"f6jr5hl\",\n Brf1p80: \"fbhxue7\",\n De3pzq: \"fxugw4r\"\n },\n left: {\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n right: {\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\n },\n small: {\n a9b677: \"f1nfxovz\"\n },\n medium: {\n a9b677: \"fb8d3vz\"\n },\n large: {\n a9b677: \"fi96w9z\"\n },\n full: {\n a9b677: \"fr97h3j\",\n B2u0y6b: \"f1w39fev\"\n }\n}, {\n d: [\".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1w39fev{max-width:100vw;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}\", \".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1nfxovz{width:320px;}\", \".fb8d3vz{width:592px;}\", \".fi96w9z{width:940px;}\", \".fr97h3j{width:100vw;}\"]\n});\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["useDrawerBaseStyles","__styles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","left","oyh7mz","j35jbq","right","small","a9b677","medium","large","full","d"],"mappings":";;;;+BAKaA;;aAAAA;;uBALwB;AAK9B,MAAMA,sBAAsB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACvDC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,OAAO;QACLD,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAG,OAAO;QACLC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,OAAO;QACLF,QAAQ;IACV;IACAG,MAAM;QACJH,QAAQ;QACRb,SAAS;IACX;AACF,GAAG;IACDiB,GAAG;QAAC;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAiC;QAA4C;QAA2C;QAAyC;QAAwC;QAAiC;QAAoC;QAAmC;QAAoC;QAA+B;QAA2B;QAAqC;QAAwF;QAA6F;QAA2H;QAAuH;QAA8D;QAAsB;QAAuB;QAAwB;QAAwB;QAA2B;QAA0B;QAA0B;KAAyB;AAC9vC,IACA,sDAAsD"}
1
+ {"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } 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 * Styles for the root slot\n */\nexport const useDrawerBaseStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n a9b677: \"f3rx6dk\",\n B2u0y6b: \"f1w39fev\",\n Bqenvij: \"f11ysow2\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Bt984gj: \"f6jr5hl\",\n Brf1p80: \"fbhxue7\",\n De3pzq: \"fxugw4r\"\n },\n entering: {\n Bkqvd7p: \"f18ad807\"\n },\n exiting: {\n Bkqvd7p: \"f1mfizis\"\n },\n reducedMotion: {\n Hwfdqs: \"f5e8c63\"\n },\n start: {\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n end: {\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\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: [\".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f3rx6dk{width:var(--fui-Drawer--size);}\", \".f1w39fev{max-width:100vw;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".fbhxue7{justify-content:flex-start;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f18ad807{transition-timing-function:var(--curveDecelerateMid);}\", \".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left: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 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 = useDrawerBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles.root, baseStyles[position], durationStyles[size], baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["drawerCSSVars","useDrawerBaseStyles","useDrawerDurationStyles","useDrawerBaseClassNames","drawerSizeVar","__styles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","a9b677","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","oyh7mz","j35jbq","end","small","Bjr0ffy","medium","large","full","d","m","B3o57yi","position","size","motion","baseStyles","durationStyles","mergeClasses","type"],"mappings":";;;;;;;;;;;IAKaA,aAAa;eAAbA;;IAMAC,mBAAmB;eAAnBA;;IA6DAC,uBAAuB;eAAvBA;;IAgBAC,uBAAuB;eAAvBA;;;uBAxFsC;AAK5C,MAAMH,gBAAgB;IAC3BI,eAAe;AACjB;AAIO,MAAMH,sBAAsB,WAAW,GAAEI,IAAAA,eAAQ,EAAC;IACvDC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRC,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,eAAe;QACbC,QAAQ;IACV;IACAC,OAAO;QACLC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,KAAK;QACHD,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAG,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,MAAM;QACJH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAiC;QAA4C;QAA2C;QAAyC;QAAwC;QAAiC;QAAoC;QAAmC;QAAoC;QAA4C;QAA+B;QAA2B;QAAqC;QAA2B;QAAqC;QAAqC;QAAyC;QAA8D;QAAoE;QAAoE;QAAsB;QAAuB;QAAwB;QAAwB;QAAwC;QAAuC;QAAuC;KAAsC;IAC3sCC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAM3C,0BAA0B,WAAW,GAAEG,IAAAA,eAAQ,EAAC;IAC3DkC,OAAO;QACLO,SAAS;IACX;IACAL,QAAQ;QACNK,SAAS;IACX;IACAJ,OAAO;QACLI,SAAS;IACX;IACAH,MAAM;QACJG,SAAS;IACX;AACF,GAAG;IACDF,GAAG;QAAC;QAAwD;QAAqD;QAAwD;KAA2D;AACtO;AACO,MAAMzC,0BAA0B,CAAC,EACtC4C,QAAQ,EACRC,IAAI,EACJC,MAAM,EACP;IACC,MAAMC,aAAajD;IACnB,MAAMkD,iBAAiBjD;IACvB,OAAOkD,IAAAA,mBAAY,EAACF,WAAW5C,IAAI,EAAE4C,UAAU,CAACH,SAAS,EAAEI,cAAc,CAACH,KAAK,EAAEE,UAAU,CAACF,KAAK,EAAEE,WAAWjB,aAAa,EAAEgB,OAAOI,IAAI,KAAK,cAAcH,WAAWpB,QAAQ,EAAEmB,OAAOI,IAAI,KAAK,aAAaH,WAAWlB,OAAO;AACjO,GACA,sDAAsD"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useDrawerDefaultProps", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useDrawerDefaultProps;
9
+ }
10
+ });
11
+ function useDrawerDefaultProps(props) {
12
+ const { open = false, defaultOpen = false, size = 'small', position = 'start' } = props;
13
+ return {
14
+ size,
15
+ position,
16
+ open,
17
+ defaultOpen
18
+ };
19
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useDrawerDefaultProps.js"],"sourcesContent":["export function useDrawerDefaultProps(props) {\n const { open = false, defaultOpen = false, size = 'small', position = 'start' } = props;\n return {\n size,\n position,\n open,\n defaultOpen\n };\n}\n"],"names":["useDrawerDefaultProps","props","open","defaultOpen","size","position"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAK;IACvC,MAAM,EAAEC,OAAO,KAAK,EAAEC,cAAc,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGJ;IAClF,OAAO;QACHG;QACAC;QACAH;QACAC;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-drawer",
3
- "version": "9.0.0-beta.2",
3
+ "version": "9.0.0-beta.21",
4
4
  "description": "Drawer components for Fluent UI React",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -29,25 +29,26 @@
29
29
  "devDependencies": {
30
30
  "@fluentui/eslint-plugin": "*",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
32
+ "@fluentui/react-conformance-griffel": "*",
33
33
  "@fluentui/scripts-api-extractor": "*",
34
34
  "@fluentui/scripts-tasks": "*",
35
35
  "@fluentui/scripts-cypress": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-dialog": "^9.5.10",
39
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
40
- "@fluentui/react-shared-contexts": "^9.5.1",
41
- "@fluentui/react-theme": "^9.1.9",
42
- "@fluentui/react-utilities": "^9.9.3",
43
- "@griffel/react": "^1.5.7",
44
- "@swc/helpers": "^0.4.14"
38
+ "@fluentui/react-dialog": "^9.6.1",
39
+ "@fluentui/react-jsx-runtime": "^9.0.4",
40
+ "@fluentui/react-motion-preview": "^0.2.0",
41
+ "@fluentui/react-shared-contexts": "^9.7.3",
42
+ "@fluentui/react-theme": "^9.1.12",
43
+ "@fluentui/react-utilities": "^9.13.1",
44
+ "@griffel/react": "^1.5.14",
45
+ "@swc/helpers": "^0.5.1"
45
46
  },
46
47
  "peerDependencies": {
47
- "@types/react": ">=16.8.0 <19.0.0",
48
- "@types/react-dom": ">=16.8.0 <19.0.0",
49
- "react": ">=16.8.0 <19.0.0",
50
- "react-dom": ">=16.8.0 <19.0.0"
48
+ "@types/react": ">=16.14.0 <19.0.0",
49
+ "@types/react-dom": ">=16.14.0 <19.0.0",
50
+ "react": ">=16.14.0 <19.0.0",
51
+ "react-dom": ">=16.14.0 <19.0.0"
51
52
  },
52
53
  "beachball": {
53
54
  "disallowedChangeTypes": [
@@ -1,9 +0,0 @@
1
- export function getDefaultDrawerProps(props) {
2
- const { open =false , defaultOpen =false , size ='small' , position ='left' } = props;
3
- return {
4
- size,
5
- position,
6
- open,
7
- defaultOpen
8
- };
9
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["getDefaultDrawerProps.ts"],"sourcesContent":["import { DrawerBaseTypes } from './DrawerBase.types';\n\nexport function getDefaultDrawerProps(props: DrawerBaseTypes) {\n const { open = false, defaultOpen = false, size = 'small', position = 'left' } = props;\n\n return {\n size,\n position,\n open,\n defaultOpen,\n };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":"AAEA,OAAO,SAASA,sBAAsBC,KAAsB,EAAE;IAC5D,MAAM,EAAEC,MAAO,KAAK,CAAA,EAAEC,aAAc,KAAK,CAAA,EAAEC,MAAO,QAAO,EAAEC,UAAW,OAAM,EAAE,GAAGJ;IAEjF,OAAO;QACLG;QACAC;QACAH;QACAC;IACF;AACF,CAAC"}
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "getDefaultDrawerProps", {
6
- enumerable: true,
7
- get: ()=>getDefaultDrawerProps
8
- });
9
- function getDefaultDrawerProps(props) {
10
- const { open =false , defaultOpen =false , size ='small' , position ='left' } = props;
11
- return {
12
- size,
13
- position,
14
- open,
15
- defaultOpen
16
- };
17
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["getDefaultDrawerProps.js"],"sourcesContent":["export function getDefaultDrawerProps(props) {\n const { open =false , defaultOpen =false , size ='small' , position ='left' } = props;\n return {\n size,\n position,\n open,\n defaultOpen\n };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,sBAAsBC,KAAK,EAAE;IACzC,MAAM,EAAEC,MAAM,KAAK,CAAA,EAAGC,aAAa,KAAK,CAAA,EAAGC,MAAM,QAAO,EAAGC,UAAU,OAAM,EAAG,GAAGJ;IACjF,OAAO;QACHG;QACAC;QACAH;QACAC;IACJ;AACJ"}