@fluentui/react-drawer 9.0.0-beta.1 → 9.0.0-beta.10

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 (23) hide show
  1. package/CHANGELOG.json +255 -1
  2. package/CHANGELOG.md +99 -2
  3. package/dist/index.d.ts +8 -7
  4. package/lib/components/Drawer/Drawer.types.js.map +1 -1
  5. package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js +1 -1
  6. package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js +1 -1
  7. package/lib/components/DrawerInline/DrawerInline.types.js.map +1 -1
  8. package/lib/components/DrawerOverlay/DrawerOverlay.types.js.map +1 -1
  9. package/lib/components/DrawerOverlay/useDrawerOverlay.js +2 -1
  10. package/lib/components/DrawerOverlay/useDrawerOverlay.js.map +1 -1
  11. package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +7 -1
  12. package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +1 -1
  13. package/lib/util/DrawerBase.types.js.map +1 -1
  14. package/lib/util/getDefaultDrawerProps.js.map +1 -1
  15. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js +1 -1
  16. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
  17. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js +1 -1
  18. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
  19. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js +2 -1
  20. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js.map +1 -1
  21. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +8 -1
  22. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +1 -1
  23. package/package.json +7 -7
package/CHANGELOG.json CHANGED
@@ -2,7 +2,261 @@
2
2
  "name": "@fluentui/react-drawer",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 31 May 2023 06:42:56 GMT",
5
+ "date": "Tue, 25 Jul 2023 13:26:26 GMT",
6
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.10",
7
+ "version": "9.0.0-beta.10",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-drawer",
13
+ "comment": "Bump @fluentui/react-dialog to v9.5.18",
14
+ "commit": "c0c62f9383781f0dbebd800eaa2c64ef761075a2"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Thu, 20 Jul 2023 18:27:36 GMT",
21
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.9",
22
+ "version": "9.0.0-beta.9",
23
+ "comments": {
24
+ "prerelease": [
25
+ {
26
+ "author": "beachball",
27
+ "package": "@fluentui/react-drawer",
28
+ "comment": "Bump @fluentui/react-dialog to v9.5.17",
29
+ "commit": "5a4b16715e8e929f11d8113f710e578ca73acaa6"
30
+ },
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui/react-drawer",
34
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.12",
35
+ "commit": "5a4b16715e8e929f11d8113f710e578ca73acaa6"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Thu, 13 Jul 2023 21:25:40 GMT",
42
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.8",
43
+ "version": "9.0.0-beta.8",
44
+ "comments": {
45
+ "none": [
46
+ {
47
+ "author": "martinhochel@microsoft.com",
48
+ "package": "@fluentui/react-drawer",
49
+ "commit": "8a9e1018f2abb2c7608c49d32acf44e93c43cba6",
50
+ "comment": "chore: update devDependencies to use * for inner workspace dependencies"
51
+ }
52
+ ]
53
+ }
54
+ },
55
+ {
56
+ "date": "Tue, 11 Jul 2023 18:46:36 GMT",
57
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.8",
58
+ "version": "9.0.0-beta.8",
59
+ "comments": {
60
+ "prerelease": [
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-drawer",
64
+ "comment": "Bump @fluentui/react-dialog to v9.5.16",
65
+ "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-drawer",
70
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11",
71
+ "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui/react-drawer",
76
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0",
77
+ "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
78
+ }
79
+ ]
80
+ }
81
+ },
82
+ {
83
+ "date": "Mon, 03 Jul 2023 13:34:28 GMT",
84
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.7",
85
+ "version": "9.0.0-beta.7",
86
+ "comments": {
87
+ "prerelease": [
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui/react-drawer",
91
+ "comment": "Bump @fluentui/react-dialog to v9.5.15",
92
+ "commit": "d2c95969c67521ea1df57e1339f8743b09b68772"
93
+ }
94
+ ]
95
+ }
96
+ },
97
+ {
98
+ "date": "Mon, 03 Jul 2023 11:57:14 GMT",
99
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.6",
100
+ "version": "9.0.0-beta.6",
101
+ "comments": {
102
+ "prerelease": [
103
+ {
104
+ "author": "beachball",
105
+ "package": "@fluentui/react-drawer",
106
+ "comment": "Bump @fluentui/react-dialog to v9.5.14",
107
+ "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui/react-drawer",
112
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10",
113
+ "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
114
+ },
115
+ {
116
+ "author": "beachball",
117
+ "package": "@fluentui/react-drawer",
118
+ "comment": "Bump @fluentui/react-shared-contexts to v9.6.0",
119
+ "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
120
+ },
121
+ {
122
+ "author": "beachball",
123
+ "package": "@fluentui/react-drawer",
124
+ "comment": "Bump @fluentui/react-utilities to v9.10.1",
125
+ "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
126
+ }
127
+ ]
128
+ }
129
+ },
130
+ {
131
+ "date": "Wed, 28 Jun 2023 11:12:26 GMT",
132
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.5",
133
+ "version": "9.0.0-beta.5",
134
+ "comments": {
135
+ "none": [
136
+ {
137
+ "author": "martinhochel@microsoft.com",
138
+ "package": "@fluentui/react-drawer",
139
+ "commit": "fbe878e9c9785588197481f172c42c2c0a230292",
140
+ "comment": "fix: update .npmignore to unify v8 packages and exclude project.json"
141
+ }
142
+ ],
143
+ "prerelease": [
144
+ {
145
+ "author": "beachball",
146
+ "package": "@fluentui/react-drawer",
147
+ "comment": "Bump @fluentui/react-dialog to v9.5.13",
148
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
149
+ },
150
+ {
151
+ "author": "beachball",
152
+ "package": "@fluentui/react-drawer",
153
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.9",
154
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
155
+ },
156
+ {
157
+ "author": "beachball",
158
+ "package": "@fluentui/react-drawer",
159
+ "comment": "Bump @fluentui/react-utilities to v9.10.0",
160
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
161
+ }
162
+ ]
163
+ }
164
+ },
165
+ {
166
+ "date": "Tue, 27 Jun 2023 11:21:23 GMT",
167
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.4",
168
+ "version": "9.0.0-beta.4",
169
+ "comments": {
170
+ "prerelease": [
171
+ {
172
+ "author": "beachball",
173
+ "package": "@fluentui/react-drawer",
174
+ "comment": "Bump @fluentui/react-dialog to v9.5.12",
175
+ "commit": "1c7e6451a11fb9c59e344df616394a320e8031c4"
176
+ }
177
+ ]
178
+ }
179
+ },
180
+ {
181
+ "date": "Mon, 26 Jun 2023 09:53:54 GMT",
182
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.3",
183
+ "version": "9.0.0-beta.3",
184
+ "comments": {
185
+ "prerelease": [
186
+ {
187
+ "author": "marcosvmmoura@gmail.com",
188
+ "package": "@fluentui/react-drawer",
189
+ "commit": "a47ce5f6b2cede1df976530eb35e86bd7e44a21a",
190
+ "comment": "docs: improve types descriptions and fix TS circular references"
191
+ },
192
+ {
193
+ "author": "beachball",
194
+ "package": "@fluentui/react-drawer",
195
+ "comment": "Bump @fluentui/react-dialog to v9.5.11",
196
+ "commit": "3e47257676ace0598b9ed336a54befd4d063c332"
197
+ },
198
+ {
199
+ "author": "beachball",
200
+ "package": "@fluentui/react-drawer",
201
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8",
202
+ "commit": "3e47257676ace0598b9ed336a54befd4d063c332"
203
+ },
204
+ {
205
+ "author": "beachball",
206
+ "package": "@fluentui/react-drawer",
207
+ "comment": "Bump @fluentui/react-utilities to v9.9.4",
208
+ "commit": "3e47257676ace0598b9ed336a54befd4d063c332"
209
+ }
210
+ ]
211
+ }
212
+ },
213
+ {
214
+ "date": "Tue, 20 Jun 2023 12:39:07 GMT",
215
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.2",
216
+ "version": "9.0.0-beta.2",
217
+ "comments": {
218
+ "prerelease": [
219
+ {
220
+ "author": "beachball",
221
+ "package": "@fluentui/react-drawer",
222
+ "comment": "Bump @fluentui/react-dialog to v9.5.10",
223
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
224
+ },
225
+ {
226
+ "author": "beachball",
227
+ "package": "@fluentui/react-drawer",
228
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
229
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
230
+ },
231
+ {
232
+ "author": "beachball",
233
+ "package": "@fluentui/react-drawer",
234
+ "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
235
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
236
+ },
237
+ {
238
+ "author": "beachball",
239
+ "package": "@fluentui/react-drawer",
240
+ "comment": "Bump @fluentui/react-theme to v9.1.9",
241
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
242
+ },
243
+ {
244
+ "author": "beachball",
245
+ "package": "@fluentui/react-drawer",
246
+ "comment": "Bump @fluentui/react-utilities to v9.9.3",
247
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
248
+ },
249
+ {
250
+ "author": "beachball",
251
+ "package": "@fluentui/react-drawer",
252
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
253
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
254
+ }
255
+ ]
256
+ }
257
+ },
258
+ {
259
+ "date": "Wed, 31 May 2023 06:46:13 GMT",
6
260
  "tag": "@fluentui/react-drawer_v9.0.0-beta.1",
7
261
  "version": "9.0.0-beta.1",
8
262
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,109 @@
1
1
  # Change Log - @fluentui/react-drawer
2
2
 
3
- This log was last generated on Wed, 31 May 2023 06:42:56 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 25 Jul 2023 13:26:26 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.10)
8
+
9
+ Tue, 25 Jul 2023 13:26:26 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.9..@fluentui/react-drawer_v9.0.0-beta.10)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-dialog to v9.5.18 ([PR #28530](https://github.com/microsoft/fluentui/pull/28530) by beachball)
15
+
16
+ ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.9)
17
+
18
+ Thu, 20 Jul 2023 18:27:36 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.8..@fluentui/react-drawer_v9.0.0-beta.9)
20
+
21
+ ### Changes
22
+
23
+ - Bump @fluentui/react-dialog to v9.5.17 ([PR #26826](https://github.com/microsoft/fluentui/pull/26826) by beachball)
24
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.12 ([PR #26826](https://github.com/microsoft/fluentui/pull/26826) by beachball)
25
+
26
+ ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.8)
27
+
28
+ Tue, 11 Jul 2023 18:46:36 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.7..@fluentui/react-drawer_v9.0.0-beta.8)
30
+
31
+ ### Changes
32
+
33
+ - Bump @fluentui/react-dialog to v9.5.16 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
34
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
35
+ - Bump @fluentui/react-conformance-griffel to v9.0.0 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
36
+
37
+ ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.7)
38
+
39
+ Mon, 03 Jul 2023 13:34:28 GMT
40
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.6..@fluentui/react-drawer_v9.0.0-beta.7)
41
+
42
+ ### Changes
43
+
44
+ - Bump @fluentui/react-dialog to v9.5.15 ([PR #28394](https://github.com/microsoft/fluentui/pull/28394) by beachball)
45
+
46
+ ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.6)
47
+
48
+ Mon, 03 Jul 2023 11:57:14 GMT
49
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.5..@fluentui/react-drawer_v9.0.0-beta.6)
50
+
51
+ ### Changes
52
+
53
+ - Bump @fluentui/react-dialog to v9.5.14 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
54
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
55
+ - Bump @fluentui/react-shared-contexts to v9.6.0 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
56
+ - Bump @fluentui/react-utilities to v9.10.1 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
57
+
58
+ ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.5)
59
+
60
+ Wed, 28 Jun 2023 11:12:26 GMT
61
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.4..@fluentui/react-drawer_v9.0.0-beta.5)
62
+
63
+ ### Changes
64
+
65
+ - Bump @fluentui/react-dialog to v9.5.13 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
66
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.9 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
67
+ - Bump @fluentui/react-utilities to v9.10.0 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
68
+
69
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.4)
70
+
71
+ Tue, 27 Jun 2023 11:21:23 GMT
72
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.3..@fluentui/react-drawer_v9.0.0-beta.4)
73
+
74
+ ### Changes
75
+
76
+ - Bump @fluentui/react-dialog to v9.5.12 ([PR #28291](https://github.com/microsoft/fluentui/pull/28291) by beachball)
77
+
78
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.3)
79
+
80
+ Mon, 26 Jun 2023 09:53:54 GMT
81
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.2..@fluentui/react-drawer_v9.0.0-beta.3)
82
+
83
+ ### Changes
84
+
85
+ - docs: improve types descriptions and fix TS circular references ([PR #28282](https://github.com/microsoft/fluentui/pull/28282) by marcosvmmoura@gmail.com)
86
+ - Bump @fluentui/react-dialog to v9.5.11 ([PR #28296](https://github.com/microsoft/fluentui/pull/28296) by beachball)
87
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8 ([PR #28296](https://github.com/microsoft/fluentui/pull/28296) by beachball)
88
+ - Bump @fluentui/react-utilities to v9.9.4 ([PR #28296](https://github.com/microsoft/fluentui/pull/28296) by beachball)
89
+
90
+ ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.2)
91
+
92
+ Tue, 20 Jun 2023 12:39:07 GMT
93
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.1..@fluentui/react-drawer_v9.0.0-beta.2)
94
+
95
+ ### Changes
96
+
97
+ - Bump @fluentui/react-dialog to v9.5.10 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
98
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
99
+ - Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
100
+ - Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
101
+ - Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
102
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
103
+
7
104
  ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.1)
8
105
 
9
- Wed, 31 May 2023 06:42:56 GMT
106
+ Wed, 31 May 2023 06:46:13 GMT
10
107
 
11
108
  ### Changes
12
109
 
package/dist/index.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { ComponentProps } from '@fluentui/react-utilities';
4
4
  import type { ComponentState } from '@fluentui/react-utilities';
5
5
  import { DialogProps } from '@fluentui/react-dialog';
6
6
  import { DialogSurfaceProps } from '@fluentui/react-dialog';
7
+ import { DialogSurfaceSlots } from '@fluentui/react-dialog';
7
8
  import { DialogTitleSlots } from '@fluentui/react-dialog';
8
9
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
9
10
  import * as React_2 from 'react';
@@ -15,7 +16,7 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
15
16
  */
16
17
  export declare const Drawer: ForwardRefComponent<DrawerProps>;
17
18
 
18
- declare type DrawerBaseTypes = {
19
+ declare type DrawerBaseProps = {
19
20
  /**
20
21
  * Position of the drawer.
21
22
  *
@@ -181,7 +182,7 @@ export declare const drawerInlineClassNames: SlotClassNames<DrawerInlineSlots>;
181
182
  /**
182
183
  * DrawerInline Props
183
184
  */
184
- export declare type DrawerInlineProps = ComponentProps<DrawerInlineSlots> & DrawerBaseTypes & {
185
+ export declare type DrawerInlineProps = ComponentProps<DrawerInlineSlots> & DrawerBaseProps & {
185
186
  /**
186
187
  * Whether the drawer has a separator line.
187
188
  *
@@ -197,7 +198,7 @@ export declare type DrawerInlineSlots = {
197
198
  /**
198
199
  * State used in rendering DrawerInline
199
200
  */
200
- export declare type DrawerInlineState = ComponentState<DrawerInlineSlots> & DrawerBaseTypes & Pick<DrawerInlineProps, 'open' | 'separator'>;
201
+ export declare type DrawerInlineState = ComponentState<DrawerInlineSlots> & DrawerInlineProps;
201
202
 
202
203
  /**
203
204
  * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.
@@ -209,23 +210,23 @@ export declare const drawerOverlayClassNames: SlotClassNames<DrawerOverlaySlots>
209
210
  /**
210
211
  * DrawerOverlay Props
211
212
  */
212
- export declare type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> & DrawerBaseTypes & Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;
213
+ export declare type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> & DrawerBaseProps & Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;
213
214
 
214
- export declare type DrawerOverlaySlots = {
215
+ export declare type DrawerOverlaySlots = DialogSurfaceSlots & {
215
216
  root: Slot<DialogSurfaceProps>;
216
217
  };
217
218
 
218
219
  /**
219
220
  * State used in rendering DrawerOverlay
220
221
  */
221
- export declare type DrawerOverlayState = ComponentState<DrawerOverlaySlots> & DrawerBaseTypes & {
222
+ export declare type DrawerOverlayState = ComponentState<DrawerOverlaySlots> & DrawerBaseProps & {
222
223
  dialog: DialogProps;
223
224
  };
224
225
 
225
226
  /**
226
227
  * Drawer Props
227
228
  */
228
- export declare type DrawerProps = ComponentProps<Partial<DrawerSlots>> & DrawerOverlayProps & DrawerInlineProps & {
229
+ export declare type DrawerProps = ComponentProps<Partial<DrawerSlots>> & {
229
230
  /**
230
231
  * Type of the drawer.
231
232
  * @default overlay
package/lib/components/Drawer/Drawer.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerOverlayProps } from '../DrawerOverlay/DrawerOverlay.types';\nimport { DrawerInlineProps } from '../DrawerInline/DrawerInline.types';\n\nexport type DrawerSlots = {\n /**\n * Root slot of the Drawer.\n */\n root: Slot<DrawerOverlayProps | DrawerInlineProps>;\n};\n\n/**\n * Drawer Props\n */\nexport type DrawerProps = ComponentProps<Partial<DrawerSlots>> &\n DrawerOverlayProps &\n DrawerInlineProps & {\n /**\n * Type of the drawer.\n * @default overlay\n *\n * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.\n * - 'inline' - Drawer is stacked with the content\n */\n type?: 'inline' | 'overlay';\n };\n\n/**\n * State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"AAAA,WA8BsD"}
1
+ {"version":3,"sources":["Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerOverlayProps } from '../DrawerOverlay/DrawerOverlay.types';\nimport { DrawerInlineProps } from '../DrawerInline/DrawerInline.types';\n\nexport type DrawerSlots = {\n /**\n * Root slot of the Drawer.\n */\n root: Slot<DrawerOverlayProps | DrawerInlineProps>;\n};\n\n/**\n * Drawer Props\n */\nexport type DrawerProps = ComponentProps<Partial<DrawerSlots>> & {\n /**\n * Type of the drawer.\n * @default overlay\n *\n * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.\n * - 'inline' - Drawer is stacked with the content\n */\n type?: 'inline' | 'overlay';\n};\n\n/**\n * State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"AAAA,WA4BsD"}
package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js CHANGED
@@ -32,7 +32,7 @@ const useStyles = /*#__PURE__*/__styles({
32
32
  gonrqn: "f2c46kh"
33
33
  }
34
34
  }, {
35
- d: [".fkrn0sh{margin-top:-1px;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".fmxx68s{margin-bottom:-1px;}", ".f1sl3k7w{padding-top:1px;}", ".fnbas0t{padding-right:var(--spacingHorizontalXXL);}", ".f1mswpri{padding-left:var(--spacingHorizontalXXL);}", ".f1brlhvm{padding-bottom:1px;}", ".f1oy3dpc{overflow-x:auto;}", ".f5zp4f{overflow-y:auto;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}", ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}", ".f1igvcbx{background-image:linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralStroke1), var(--colorNeutralBackground1)),linear-gradient(to bottom, var(--colorNeutralStroke1), var(--colorNeutralBackground1));}", ".f1fofb6i{-webkit-background-position:bottom center,top center,bottom center,top center;background-position:bottom center,top center,bottom center,top center;}", ".fo6xqva{background-repeat:no-repeat;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fcre6b6{-webkit-background-size:100% 2px,100% 2px,100% 1px,100% 1px;background-size:100% 2px,100% 2px,100% 1px,100% 1px;}", ".f1besv5s{background-attachment:local,local,scroll,scroll;}", ".f1pqm9hp:last-child{padding-bottom:calc(var(--spacingHorizontalXXL) + 1px);}", ".f2c46kh:first-child{padding-top:calc(var(--spacingHorizontalXXL) + 1px);}"]
35
+ d: [".fkrn0sh{margin-top:-1px;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".fmxx68s{margin-bottom:-1px;}", ".f1sl3k7w{padding-top:1px;}", ".fnbas0t{padding-right:var(--spacingHorizontalXXL);}", ".f1mswpri{padding-left:var(--spacingHorizontalXXL);}", ".f1brlhvm{padding-bottom:1px;}", ".f1oy3dpc{overflow-x:auto;}", ".f5zp4f{overflow-y:auto;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}", ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;}", ".f1igvcbx{background-image:linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralStroke1), var(--colorNeutralBackground1)),linear-gradient(to bottom, var(--colorNeutralStroke1), var(--colorNeutralBackground1));}", ".f1fofb6i{-webkit-background-position:bottom center,top center,bottom center,top center;background-position:bottom center,top center,bottom center,top center;}", ".fo6xqva{background-repeat:no-repeat;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fcre6b6{-webkit-background-size:100% 2px,100% 2px,100% 1px,100% 1px;background-size:100% 2px,100% 2px,100% 1px,100% 1px;}", ".f1besv5s{background-attachment:local,local,scroll,scroll;}", ".f1pqm9hp:last-child{padding-bottom:calc(var(--spacingHorizontalXXL) + 1px);}", ".f2c46kh:first-child{padding-top:calc(var(--spacingHorizontalXXL) + 1px);}"]
36
36
  });
37
37
  /**
38
38
  * Apply styling to the DrawerBody slots based on the state
package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js CHANGED
@@ -19,7 +19,7 @@ const useStyles = /*#__PURE__*/__styles({
19
19
  Beiy3e4: "f1vx9l62"
20
20
  }
21
21
  }, {
22
- d: [".f1ggmyuv{padding-top:var(--spacingVerticalXXL);}", ".fnbas0t{padding-right:var(--spacingHorizontalXXL);}", ".f1mswpri{padding-left:var(--spacingHorizontalXXL);}", ".f5b47ha{padding-bottom:var(--spacingVerticalS);}", ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
22
+ d: [".f1ggmyuv{padding-top:var(--spacingVerticalXXL);}", ".fnbas0t{padding-right:var(--spacingHorizontalXXL);}", ".f1mswpri{padding-left:var(--spacingHorizontalXXL);}", ".f5b47ha{padding-bottom:var(--spacingVerticalS);}", ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
23
23
  });
24
24
  /**
25
25
  * Apply styling to the DrawerHeader slots based on the state
package/lib/components/DrawerInline/DrawerInline.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerInline.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseTypes } from '../../util/DrawerBase.types';\n\nexport type DrawerInlineSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * DrawerInline Props\n */\nexport type DrawerInlineProps = ComponentProps<DrawerInlineSlots> &\n DrawerBaseTypes & {\n /**\n * Whether the drawer has a separator line.\n *\n * @default false\n */\n separator?: boolean;\n };\n\n/**\n * State used in rendering DrawerInline\n */\nexport type DrawerInlineState = ComponentState<DrawerInlineSlots> &\n DrawerBaseTypes &\n Pick<DrawerInlineProps, 'open' | 'separator'>;\n"],"names":[],"mappings":"AAAA,WAyBgD"}
1
+ {"version":3,"sources":["DrawerInline.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseProps } from '../../util/DrawerBase.types';\n\nexport type DrawerInlineSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * DrawerInline Props\n */\nexport type DrawerInlineProps = ComponentProps<DrawerInlineSlots> &\n DrawerBaseProps & {\n /**\n * Whether the drawer has a separator line.\n *\n * @default false\n */\n separator?: boolean;\n };\n\n/**\n * State used in rendering DrawerInline\n */\nexport type DrawerInlineState = ComponentState<DrawerInlineSlots> & DrawerInlineProps;\n"],"names":[],"mappings":"AAAA,WAuBsF"}
package/lib/components/DrawerOverlay/DrawerOverlay.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerOverlay.types.ts"],"sourcesContent":["import { DialogProps, DialogSurfaceProps } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseTypes } from '../../util/DrawerBase.types';\n\nexport type DrawerOverlaySlots = {\n root: Slot<DialogSurfaceProps>;\n};\n\n/**\n * DrawerOverlay Props\n */\nexport type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> &\n DrawerBaseTypes &\n Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;\n\n/**\n * State used in rendering DrawerOverlay\n */\nexport type DrawerOverlayState = ComponentState<DrawerOverlaySlots> &\n DrawerBaseTypes & {\n dialog: DialogProps;\n };\n"],"names":[],"mappings":"AAAA,WAqBI"}
1
+ {"version":3,"sources":["DrawerOverlay.types.ts"],"sourcesContent":["import { DialogProps, DialogSurfaceProps, DialogSurfaceSlots } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseProps } from '../../util/DrawerBase.types';\n\nexport type DrawerOverlaySlots = DialogSurfaceSlots & {\n root: Slot<DialogSurfaceProps>;\n};\n\n/**\n * DrawerOverlay Props\n */\nexport type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> &\n DrawerBaseProps &\n Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;\n\n/**\n * State used in rendering DrawerOverlay\n */\nexport type DrawerOverlayState = ComponentState<DrawerOverlaySlots> &\n DrawerBaseProps & {\n dialog: DialogProps;\n };\n"],"names":[],"mappings":"AAAA,WAqBI"}
package/lib/components/DrawerOverlay/useDrawerOverlay.js CHANGED
@@ -15,7 +15,8 @@ import { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';
15
15
  const { modalType ='modal' , inertTrapFocus , onOpenChange } = props;
16
16
  return {
17
17
  components: {
18
- root: DialogSurface
18
+ root: DialogSurface,
19
+ backdrop: 'div'
19
20
  },
20
21
  root: getNativeElementProps('div', {
21
22
  ref,
package/lib/components/DrawerOverlay/useDrawerOverlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerOverlay.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DrawerOverlayProps, DrawerOverlayState } from './DrawerOverlay.types';\nimport { DialogProps, DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n\n/**\n * Create the state required to render DrawerOverlay.\n *\n * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,\n * before being passed to renderDrawerOverlay_unstable.\n *\n * @param props - props from this instance of DrawerOverlay\n * @param ref - reference to root HTMLElement of DrawerOverlay\n */\nexport const useDrawerOverlay_unstable = (\n props: DrawerOverlayProps,\n ref: React.Ref<HTMLElement>,\n): DrawerOverlayState => {\n const { open, defaultOpen, size, position } = getDefaultDrawerProps(props);\n const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n\n return {\n components: {\n root: DialogSurface,\n },\n\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n dialog: {\n open,\n defaultOpen,\n onOpenChange,\n inertTrapFocus,\n modalType,\n } as DialogProps,\n\n size,\n position,\n };\n};\n"],"names":["React","getNativeElementProps","DialogSurface","getDefaultDrawerProps","useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","modalType","inertTrapFocus","onOpenChange","components","root","dialog"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,SAAsBC,aAAa,QAAQ,yBAAyB;AACpE,SAASC,qBAAqB,QAAQ,mCAAmC;AAEzE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,KAAI,EAAEC,YAAW,EAAEC,KAAI,EAAEC,SAAQ,EAAE,GAAGP,sBAAsBE;IACpE,MAAM,EAAEM,WAAY,QAAO,EAAEC,eAAc,EAAEC,aAAY,EAAE,GAAGR;IAE9D,OAAO;QACLS,YAAY;YACVC,MAAMb;QACR;QAEAa,MAAMd,sBAAsB,OAAO;YACjCK;YACA,GAAGD,KAAK;QACV;QACAW,QAAQ;YACNT;YACAC;YACAK;YACAD;YACAD;QACF;QAEAF;QACAC;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerOverlay.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DrawerOverlayProps, DrawerOverlayState } from './DrawerOverlay.types';\nimport { DialogProps, DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n\n/**\n * Create the state required to render DrawerOverlay.\n *\n * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,\n * before being passed to renderDrawerOverlay_unstable.\n *\n * @param props - props from this instance of DrawerOverlay\n * @param ref - reference to root HTMLElement of DrawerOverlay\n */\nexport const useDrawerOverlay_unstable = (\n props: DrawerOverlayProps,\n ref: React.Ref<HTMLElement>,\n): DrawerOverlayState => {\n const { open, defaultOpen, size, position } = getDefaultDrawerProps(props);\n const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n\n return {\n components: {\n root: DialogSurface,\n backdrop: 'div',\n },\n\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n dialog: {\n open,\n defaultOpen,\n onOpenChange,\n inertTrapFocus,\n modalType,\n } as DialogProps,\n\n size,\n position,\n };\n};\n"],"names":["React","getNativeElementProps","DialogSurface","getDefaultDrawerProps","useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","modalType","inertTrapFocus","onOpenChange","components","root","backdrop","dialog"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,SAAsBC,aAAa,QAAQ,yBAAyB;AACpE,SAASC,qBAAqB,QAAQ,mCAAmC;AAEzE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,KAAI,EAAEC,YAAW,EAAEC,KAAI,EAAEC,SAAQ,EAAE,GAAGP,sBAAsBE;IACpE,MAAM,EAAEM,WAAY,QAAO,EAAEC,eAAc,EAAEC,aAAY,EAAE,GAAGR;IAE9D,OAAO;QACLS,YAAY;YACVC,MAAMb;YACNc,UAAU;QACZ;QAEAD,MAAMd,sBAAsB,OAAO;YACjCK;YACA,GAAGD,KAAK;QACV;QACAY,QAAQ;YACNV;YACAC;YACAK;YACAD;YACAD;QACF;QAEAF;QACAC;IACF;AACF,EAAE"}
package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import { __styles, mergeClasses } from '@griffel/react';
2
2
  import { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';
3
+ import * as React from 'react';
3
4
  export const drawerOverlayClassNames = {
4
- root: 'fui-DrawerOverlay'
5
+ root: 'fui-DrawerOverlay',
6
+ backdrop: 'fui-DrawerOverlay__backdrop'
5
7
  };
6
8
  /**
7
9
  * Styles for the root slot
@@ -21,7 +23,11 @@ const useStyles = /*#__PURE__*/__styles({
21
23
  export const useDrawerOverlayStyles_unstable = state => {
22
24
  const baseStyles = useDrawerBaseStyles();
23
25
  const styles = useStyles();
26
+ const backdrop = state.root.backdrop;
24
27
  state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);
28
+ if (backdrop) {
29
+ backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);
30
+ }
25
31
  return state;
26
32
  };
27
33
  //# sourceMappingURL=useDrawerOverlayStyles.styles.js.map
package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","useDrawerBaseStyles","drawerOverlayClassNames","root","useStyles","qhf8xq","Bhzewxz","B5kzvoi","d","useDrawerOverlayStyles_unstable","state","baseStyles","styles","className","size","position"],"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nexport const drawerOverlayClassNames = {\n root: 'fui-DrawerOverlay'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'fixed',\n top: 0,\n bottom: 0\n }\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */ export const useDrawerOverlayStyles_unstable = (state)=>{\n const baseStyles = useDrawerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,UAAU,GAAGV,mBAAmB,CAAC,CAAC;EACxC,MAAMW,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACP,IAAI,CAACU,SAAS,GAAGb,YAAY,CAACE,uBAAuB,CAACC,IAAI,EAAEQ,UAAU,CAACR,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEO,KAAK,CAACI,IAAI,IAAIH,UAAU,CAACD,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACK,QAAQ,IAAIJ,UAAU,CAACD,KAAK,CAACK,QAAQ,CAAC,EAAEL,KAAK,CAACP,IAAI,CAACU,SAAS,CAAC;EACzM,OAAOH,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["__styles","mergeClasses","useDrawerBaseStyles","React","drawerOverlayClassNames","root","backdrop","useStyles","qhf8xq","Bhzewxz","B5kzvoi","d","useDrawerOverlayStyles_unstable","state","baseStyles","styles","className","size","position"],"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport * as React from 'react';\nexport const drawerOverlayClassNames = {\n root: 'fui-DrawerOverlay',\n backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'fixed',\n top: 0,\n bottom: 0\n }\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */ export const useDrawerOverlayStyles_unstable = (state)=>{\n const baseStyles = useDrawerBaseStyles();\n const styles = useStyles();\n const backdrop = state.root.backdrop;\n state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n if (backdrop) {\n backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAK,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,UAAU,GAAGZ,mBAAmB,CAAC,CAAC;EACxC,MAAMa,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1B,MAAMD,QAAQ,GAAGO,KAAK,CAACR,IAAI,CAACC,QAAQ;EACpCO,KAAK,CAACR,IAAI,CAACW,SAAS,GAAGf,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAES,UAAU,CAACT,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAEQ,KAAK,CAACI,IAAI,IAAIH,UAAU,CAACD,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACK,QAAQ,IAAIJ,UAAU,CAACD,KAAK,CAACK,QAAQ,CAAC,EAAEL,KAAK,CAACR,IAAI,CAACW,SAAS,CAAC;EACzM,IAAIV,QAAQ,EAAE;IACVA,QAAQ,CAACU,SAAS,GAAGf,YAAY,CAACG,uBAAuB,CAACE,QAAQ,EAAEA,QAAQ,CAACU,SAAS,CAAC;EAC3F;EACA,OAAOH,KAAK;AAChB,CAAC"}
package/lib/util/DrawerBase.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["export type DrawerBaseTypes = {\n /**\n * Position of the drawer.\n *\n * @default 'left'\n */\n position?: 'left' | 'right';\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 /**\n * Default value for the uncontrolled open state of the Drawer.\n *\n * @default false\n */\n defaultOpen?: boolean;\n};\n"],"names":[],"mappings":"AAAA,WAiCE"}
1
+ {"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["export type DrawerBaseProps = {\n /**\n * Position of the drawer.\n *\n * @default 'left'\n */\n position?: 'left' | 'right';\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 /**\n * Default value for the uncontrolled open state of the Drawer.\n *\n * @default false\n */\n defaultOpen?: boolean;\n};\n"],"names":[],"mappings":"AAAA,WAiCE"}
package/lib/util/getDefaultDrawerProps.js.map CHANGED
@@ -1 +1 @@
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
+ {"version":3,"sources":["getDefaultDrawerProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function getDefaultDrawerProps(props: DrawerBaseProps) {\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"}
package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js CHANGED
@@ -70,7 +70,7 @@ const drawerBodyClassNames = {
70
70
  ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
71
71
  ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
72
72
  ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}",
73
- ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}",
73
+ ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;}",
74
74
  ".f1igvcbx{background-image:linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralStroke1), var(--colorNeutralBackground1)),linear-gradient(to bottom, var(--colorNeutralStroke1), var(--colorNeutralBackground1));}",
75
75
  ".f1fofb6i{-webkit-background-position:bottom center,top center,bottom center,top center;background-position:bottom center,top center,bottom center,top center;}",
76
76
  ".fo6xqva{background-repeat:no-repeat;}",
package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerBodyClassNames = {\n root: 'fui-DrawerBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n B6of3ja: \"fkrn0sh\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"fmxx68s\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1sl3k7w\",\n z189sj: [\"fnbas0t\", \"f1mswpri\"],\n Byoj8tv: \"f1brlhvm\",\n uwmqm3: [\"f1mswpri\", \"fnbas0t\"],\n B68tc82: \"f1oy3dpc\",\n Bmxbyg5: \"f5zp4f\",\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"f1pztt34\",\n qb2dma: \"f1ub7u0d\",\n Bcmaq0h: \"f1igvcbx\",\n B676am1: \"f1fofb6i\",\n e5kdtc: \"fo6xqva\",\n De3pzq: \"fxugw4r\",\n Bkjc3bi: \"fcre6b6\",\n Bgh53k4: \"f1besv5s\",\n Bcx2cba: \"f1pqm9hp\",\n gonrqn: \"f2c46kh\"\n }\n}, {\n d: [\".fkrn0sh{margin-top:-1px;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".fmxx68s{margin-bottom:-1px;}\", \".f1sl3k7w{padding-top:1px;}\", \".fnbas0t{padding-right:var(--spacingHorizontalXXL);}\", \".f1mswpri{padding-left:var(--spacingHorizontalXXL);}\", \".f1brlhvm{padding-bottom:1px;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f5zp4f{overflow-y:auto;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}\", \".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}\", \".f1igvcbx{background-image:linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralStroke1), var(--colorNeutralBackground1)),linear-gradient(to bottom, var(--colorNeutralStroke1), var(--colorNeutralBackground1));}\", \".f1fofb6i{-webkit-background-position:bottom center,top center,bottom center,top center;background-position:bottom center,top center,bottom center,top center;}\", \".fo6xqva{background-repeat:no-repeat;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fcre6b6{-webkit-background-size:100% 2px,100% 2px,100% 1px,100% 1px;background-size:100% 2px,100% 2px,100% 1px,100% 1px;}\", \".f1besv5s{background-attachment:local,local,scroll,scroll;}\", \".f1pqm9hp:last-child{padding-bottom:calc(var(--spacingHorizontalXXL) + 1px);}\", \".f2c46kh:first-child{padding-top:calc(var(--spacingHorizontalXXL) + 1px);}\"]\n});\n/**\n * Apply styling to the DrawerBody slots based on the state\n */\nexport const useDrawerBodyStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerBodyClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerBodyStyles.styles.js.map"],"names":["drawerBodyClassNames","useDrawerBodyStyles_unstable","root","useStyles","__styles","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bh6795r","Bnnss6s","xawz","qb2dma","Bcmaq0h","B676am1","e5kdtc","De3pzq","Bkjc3bi","Bgh53k4","Bcx2cba","gonrqn","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IAqCAC,4BAA4B,MAA5BA;;uBAvCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAA8B;QAA6B;QAAiC;QAA+B;QAAwD;QAAwD;QAAkC;QAA+B;QAA6B;QAAqF;QAAuE;QAA2E;QAAyF;QAA2X;QAAmK;QAA0C;QAA8D;QAA8H;QAA+D;QAAiF;KAA6E;AAC9oD;AAIO,MAAM1B,+BAA+B2B,CAAAA,QAAS;IACnD,MAAMC,SAAS1B;IACfyB,MAAM1B,IAAI,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAAC/B,qBAAqBE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE0B,MAAM1B,IAAI,CAAC4B,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
1
+ {"version":3,"sources":["useDrawerBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerBodyClassNames = {\n root: 'fui-DrawerBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n B6of3ja: \"fkrn0sh\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"fmxx68s\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1sl3k7w\",\n z189sj: [\"fnbas0t\", \"f1mswpri\"],\n Byoj8tv: \"f1brlhvm\",\n uwmqm3: [\"f1mswpri\", \"fnbas0t\"],\n B68tc82: \"f1oy3dpc\",\n Bmxbyg5: \"f5zp4f\",\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"f1pztt34\",\n qb2dma: \"f1ub7u0d\",\n Bcmaq0h: \"f1igvcbx\",\n B676am1: \"f1fofb6i\",\n e5kdtc: \"fo6xqva\",\n De3pzq: \"fxugw4r\",\n Bkjc3bi: \"fcre6b6\",\n Bgh53k4: \"f1besv5s\",\n Bcx2cba: \"f1pqm9hp\",\n gonrqn: \"f2c46kh\"\n }\n}, {\n d: [\".fkrn0sh{margin-top:-1px;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".fmxx68s{margin-bottom:-1px;}\", \".f1sl3k7w{padding-top:1px;}\", \".fnbas0t{padding-right:var(--spacingHorizontalXXL);}\", \".f1mswpri{padding-left:var(--spacingHorizontalXXL);}\", \".f1brlhvm{padding-bottom:1px;}\", \".f1oy3dpc{overflow-x:auto;}\", \".f5zp4f{overflow-y:auto;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}\", \".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;}\", \".f1igvcbx{background-image:linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralBackground1), var(--colorNeutralBackground1)),linear-gradient(to top, var(--colorNeutralStroke1), var(--colorNeutralBackground1)),linear-gradient(to bottom, var(--colorNeutralStroke1), var(--colorNeutralBackground1));}\", \".f1fofb6i{-webkit-background-position:bottom center,top center,bottom center,top center;background-position:bottom center,top center,bottom center,top center;}\", \".fo6xqva{background-repeat:no-repeat;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fcre6b6{-webkit-background-size:100% 2px,100% 2px,100% 1px,100% 1px;background-size:100% 2px,100% 2px,100% 1px,100% 1px;}\", \".f1besv5s{background-attachment:local,local,scroll,scroll;}\", \".f1pqm9hp:last-child{padding-bottom:calc(var(--spacingHorizontalXXL) + 1px);}\", \".f2c46kh:first-child{padding-top:calc(var(--spacingHorizontalXXL) + 1px);}\"]\n});\n/**\n * Apply styling to the DrawerBody slots based on the state\n */\nexport const useDrawerBodyStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerBodyClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerBodyStyles.styles.js.map"],"names":["drawerBodyClassNames","useDrawerBodyStyles_unstable","root","useStyles","__styles","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bh6795r","Bnnss6s","xawz","qb2dma","Bcmaq0h","B676am1","e5kdtc","De3pzq","Bkjc3bi","Bgh53k4","Bcx2cba","gonrqn","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IAqCAC,4BAA4B,MAA5BA;;uBAvCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAA8B;QAA6B;QAAiC;QAA+B;QAAwD;QAAwD;QAAkC;QAA+B;QAA6B;QAAqF;QAAuE;QAA2E;QAAoH;QAA2X;QAAmK;QAA0C;QAA8D;QAA8H;QAA+D;QAAiF;KAA6E;AACzqD;AAIO,MAAM1B,+BAA+B2B,CAAAA,QAAS;IACnD,MAAMC,SAAS1B;IACfyB,MAAM1B,IAAI,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAAC/B,qBAAqBE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE0B,MAAM1B,IAAI,CAAC4B,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js CHANGED
@@ -44,7 +44,7 @@ const drawerHeaderClassNames = {
44
44
  ".f5b47ha{padding-bottom:var(--spacingVerticalS);}",
45
45
  ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
46
46
  ".fylz90v{row-gap:var(--spacingHorizontalS);}",
47
- ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}",
47
+ ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;}",
48
48
  ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
49
49
  ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"
50
50
  ]
package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderClassNames = {\n root: 'fui-DrawerHeader'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1ggmyuv\",\n z189sj: [\"fnbas0t\", \"f1mswpri\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1mswpri\", \"fnbas0t\"],\n i8kkvl: \"fsnqrgy\",\n Belr9w4: \"fylz90v\",\n qb2dma: \"f1ub7u0d\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f1ggmyuv{padding-top:var(--spacingVerticalXXL);}\", \".fnbas0t{padding-right:var(--spacingHorizontalXXL);}\", \".f1mswpri{padding-left:var(--spacingHorizontalXXL);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\n/**\n * Apply styling to the DrawerHeader slots based on the state\n */\nexport const useDrawerHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderStyles.styles.js.map"],"names":["drawerHeaderClassNames","useDrawerHeaderStyles_unstable","root","useStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","qb2dma","mc9l5x","Beiy3e4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAwBAC,8BAA8B,MAA9BA;;uBA1BsC;AAE5C,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAqD;QAAwD;QAAwD;QAAqD;QAAgG;QAAgD;QAAyF;QAAwF;KAA4F;AAC7nB;AAIO,MAAMb,iCAAiCc,CAAAA,QAAS;IACrD,MAAMC,SAASb;IACfY,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,uBAAuBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
1
+ {"version":3,"sources":["useDrawerHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderClassNames = {\n root: 'fui-DrawerHeader'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1ggmyuv\",\n z189sj: [\"fnbas0t\", \"f1mswpri\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1mswpri\", \"fnbas0t\"],\n i8kkvl: \"fsnqrgy\",\n Belr9w4: \"fylz90v\",\n qb2dma: \"f1ub7u0d\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f1ggmyuv{padding-top:var(--spacingVerticalXXL);}\", \".fnbas0t{padding-right:var(--spacingHorizontalXXL);}\", \".f1mswpri{padding-left:var(--spacingHorizontalXXL);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\n/**\n * Apply styling to the DrawerHeader slots based on the state\n */\nexport const useDrawerHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderStyles.styles.js.map"],"names":["drawerHeaderClassNames","useDrawerHeaderStyles_unstable","root","useStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","qb2dma","mc9l5x","Beiy3e4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAwBAC,8BAA8B,MAA9BA;;uBA1BsC;AAE5C,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAqD;QAAwD;QAAwD;QAAqD;QAAgG;QAAgD;QAAoH;QAAwF;KAA4F;AACxpB;AAIO,MAAMb,iCAAiCc,CAAAA,QAAS;IACrD,MAAMC,SAASb;IACfY,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,uBAAuBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js CHANGED
@@ -16,7 +16,8 @@ const useDrawerOverlay_unstable = (props, ref)=>{
16
16
  const { modalType ='modal' , inertTrapFocus , onOpenChange } = props;
17
17
  return {
18
18
  components: {
19
- root: _reactDialog.DialogSurface
19
+ root: _reactDialog.DialogSurface,
20
+ backdrop: 'div'
20
21
  },
21
22
  root: (0, _reactUtilities.getNativeElementProps)('div', {
22
23
  ref,
package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerOverlay.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n/**\n * Create the state required to render DrawerOverlay.\n *\n * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,\n * before being passed to renderDrawerOverlay_unstable.\n *\n * @param props - props from this instance of DrawerOverlay\n * @param ref - reference to root HTMLElement of DrawerOverlay\n */ export const useDrawerOverlay_unstable = (props, ref)=>{\n const { open , defaultOpen , size , position } = getDefaultDrawerProps(props);\n const { modalType ='modal' , inertTrapFocus , onOpenChange } = props;\n return {\n components: {\n root: DialogSurface\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n dialog: {\n open,\n defaultOpen,\n onOpenChange,\n inertTrapFocus,\n modalType\n },\n size,\n position\n };\n};\n"],"names":["useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","getDefaultDrawerProps","modalType","inertTrapFocus","onOpenChange","components","root","DialogSurface","getNativeElementProps","dialog"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACe;6BACR;uCACQ;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,KAAI,EAAGC,YAAW,EAAGC,KAAI,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,4CAAqB,EAACN;IACxE,MAAM,EAAEO,WAAW,QAAO,EAAGC,eAAc,EAAGC,aAAY,EAAG,GAAGT;IAChE,OAAO;QACHU,YAAY;YACRC,MAAMC,0BAAa;QACvB;QACAD,MAAME,IAAAA,qCAAqB,EAAC,OAAO;YAC/BZ;YACA,GAAGD,KAAK;QACZ;QACAc,QAAQ;YACJZ;YACAC;YACAM;YACAD;YACAD;QACJ;QACAH;QACAC;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerOverlay.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n/**\n * Create the state required to render DrawerOverlay.\n *\n * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,\n * before being passed to renderDrawerOverlay_unstable.\n *\n * @param props - props from this instance of DrawerOverlay\n * @param ref - reference to root HTMLElement of DrawerOverlay\n */ export const useDrawerOverlay_unstable = (props, ref)=>{\n const { open , defaultOpen , size , position } = getDefaultDrawerProps(props);\n const { modalType ='modal' , inertTrapFocus , onOpenChange } = props;\n return {\n components: {\n root: DialogSurface,\n backdrop: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n dialog: {\n open,\n defaultOpen,\n onOpenChange,\n inertTrapFocus,\n modalType\n },\n size,\n position\n };\n};\n"],"names":["useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","getDefaultDrawerProps","modalType","inertTrapFocus","onOpenChange","components","root","DialogSurface","backdrop","getNativeElementProps","dialog"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACe;6BACR;uCACQ;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,KAAI,EAAGC,YAAW,EAAGC,KAAI,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,4CAAqB,EAACN;IACxE,MAAM,EAAEO,WAAW,QAAO,EAAGC,eAAc,EAAGC,aAAY,EAAG,GAAGT;IAChE,OAAO;QACHU,YAAY;YACRC,MAAMC,0BAAa;YACnBC,UAAU;QACd;QACAF,MAAMG,IAAAA,qCAAqB,EAAC,OAAO;YAC/Bb;YACA,GAAGD,KAAK;QACZ;QACAe,QAAQ;YACJb;YACAC;YACAM;YACAD;YACAD;QACJ;QACAH;QACAC;IACJ;AACJ"}
package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js CHANGED
@@ -12,10 +12,13 @@ _export(exports, {
12
12
  drawerOverlayClassNames: ()=>drawerOverlayClassNames,
13
13
  useDrawerOverlayStyles_unstable: ()=>useDrawerOverlayStyles_unstable
14
14
  });
15
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
15
16
  const _react = require("@griffel/react");
16
17
  const _useDrawerBaseStylesStyles = require("../../util/useDrawerBaseStyles.styles");
18
+ const _react1 = /*#__PURE__*/ _interopRequireWildcard(require("react"));
17
19
  const drawerOverlayClassNames = {
18
- root: 'fui-DrawerOverlay'
20
+ root: 'fui-DrawerOverlay',
21
+ backdrop: 'fui-DrawerOverlay__backdrop'
19
22
  };
20
23
  /**
21
24
  * Styles for the root slot
@@ -35,6 +38,10 @@ const drawerOverlayClassNames = {
35
38
  const useDrawerOverlayStyles_unstable = (state)=>{
36
39
  const baseStyles = (0, _useDrawerBaseStylesStyles.useDrawerBaseStyles)();
37
40
  const styles = useStyles();
41
+ const backdrop = state.root.backdrop;
38
42
  state.root.className = (0, _react.mergeClasses)(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);
43
+ if (backdrop) {
44
+ backdrop.className = (0, _react.mergeClasses)(drawerOverlayClassNames.backdrop, backdrop.className);
45
+ }
39
46
  return state;
40
47
  }; //# sourceMappingURL=useDrawerOverlayStyles.styles.js.map
package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nexport const drawerOverlayClassNames = {\n root: 'fui-DrawerOverlay'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f19dog8a\",\n Bhzewxz: \"f15twtuk\",\n B5kzvoi: \"f1yab3r1\"\n }\n}, {\n d: [\".f19dog8a{position:fixed;}\", \".f15twtuk{top:0;}\", \".f1yab3r1{bottom:0;}\"]\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */\nexport const useDrawerOverlayStyles_unstable = state => {\n const baseStyles = useDrawerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map"],"names":["drawerOverlayClassNames","useDrawerOverlayStyles_unstable","root","useStyles","__styles","qhf8xq","Bhzewxz","B5kzvoi","d","state","baseStyles","useDrawerBaseStyles","styles","className","mergeClasses","size","position"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAkBAC,+BAA+B,MAA/BA;;uBApB0B;2CACH;AAC7B,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAAqB;KAAuB;AAChF;AAIO,MAAMP,kCAAkCQ,CAAAA,QAAS;IACtD,MAAMC,aAAaC,IAAAA,8CAAmB;IACtC,MAAMC,SAAST;IACfM,MAAMP,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACd,wBAAwBE,IAAI,EAAEQ,WAAWR,IAAI,EAAEU,OAAOV,IAAI,EAAEO,MAAMM,IAAI,IAAIL,UAAU,CAACD,MAAMM,IAAI,CAAC,EAAEN,MAAMO,QAAQ,IAAIN,UAAU,CAACD,MAAMO,QAAQ,CAAC,EAAEP,MAAMP,IAAI,CAACW,SAAS;IACxM,OAAOJ;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport * as React from 'react';\nexport const drawerOverlayClassNames = {\n root: 'fui-DrawerOverlay',\n backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f19dog8a\",\n Bhzewxz: \"f15twtuk\",\n B5kzvoi: \"f1yab3r1\"\n }\n}, {\n d: [\".f19dog8a{position:fixed;}\", \".f15twtuk{top:0;}\", \".f1yab3r1{bottom:0;}\"]\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */\nexport const useDrawerOverlayStyles_unstable = state => {\n const baseStyles = useDrawerBaseStyles();\n const styles = useStyles();\n const backdrop = state.root.backdrop;\n state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n if (backdrop) {\n backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);\n }\n return state;\n};\n//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map"],"names":["drawerOverlayClassNames","useDrawerOverlayStyles_unstable","root","backdrop","useStyles","__styles","qhf8xq","Bhzewxz","B5kzvoi","d","state","baseStyles","useDrawerBaseStyles","styles","className","mergeClasses","size","position"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAmBAC,+BAA+B,MAA/BA;;;uBAtB0B;2CACH;8DACb;AAChB,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,UAAU;AACZ;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAAqB;KAAuB;AAChF;AAIO,MAAMR,kCAAkCS,CAAAA,QAAS;IACtD,MAAMC,aAAaC,IAAAA,8CAAmB;IACtC,MAAMC,SAAST;IACf,MAAMD,WAAWO,MAAMR,IAAI,CAACC,QAAQ;IACpCO,MAAMR,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,wBAAwBE,IAAI,EAAES,WAAWT,IAAI,EAAEW,OAAOX,IAAI,EAAEQ,MAAMM,IAAI,IAAIL,UAAU,CAACD,MAAMM,IAAI,CAAC,EAAEN,MAAMO,QAAQ,IAAIN,UAAU,CAACD,MAAMO,QAAQ,CAAC,EAAEP,MAAMR,IAAI,CAACY,SAAS;IACxM,IAAIX,UAAU;QACZA,SAASW,SAAS,GAAGC,IAAAA,mBAAY,EAACf,wBAAwBG,QAAQ,EAAEA,SAASW,SAAS;IACxF,CAAC;IACD,OAAOJ;AACT,GACA,yDAAyD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-drawer",
3
- "version": "9.0.0-beta.1",
3
+ "version": "9.0.0-beta.10",
4
4
  "description": "Drawer components for Fluent UI React",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -29,17 +29,17 @@
29
29
  "devDependencies": {
30
30
  "@fluentui/eslint-plugin": "*",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
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.9",
39
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
40
- "@fluentui/react-shared-contexts": "^9.5.0",
41
- "@fluentui/react-theme": "^9.1.8",
42
- "@fluentui/react-utilities": "^9.9.2",
38
+ "@fluentui/react-dialog": "^9.5.18",
39
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
40
+ "@fluentui/react-shared-contexts": "^9.6.0",
41
+ "@fluentui/react-theme": "^9.1.9",
42
+ "@fluentui/react-utilities": "^9.10.1",
43
43
  "@griffel/react": "^1.5.7",
44
44
  "@swc/helpers": "^0.4.14"
45
45
  },