npm - @fluentui/react-drawer - Versions diffs - 9.4.0 → 9.5.0 - Mend

@fluentui/react-drawer 9.4.0 → 9.5.0

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

package/CHANGELOG.md CHANGED Viewed

@@ -1,19 +1,33 @@
 # Change Log - @fluentui/react-drawer
-This log was last generated on Thu, 23 May 2024 07:57:54 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Jun 2024 15:22:15 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.5.0)
+Thu, 06 Jun 2024 15:22:15 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.4.0..@fluentui/react-drawer_v9.5.0)
+### Minor changes
+- feat: allow aside as tag for Drawer components ([PR #31434](https://github.com/microsoft/fluentui/pull/31434) by marcosvmmoura@gmail.com)
+- Bump @fluentui/react-dialog to v9.11.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-motion-preview to v0.5.22 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-tabster to v9.21.5 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
 ## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.4.0)
-Thu, 23 May 2024 07:57:54 GMT
+Thu, 23 May 2024 08:02:43 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.3.2..@fluentui/react-drawer_v9.4.0)
 ### Minor changes
 - deprecate: defaultOpen as it is not being used ([PR #31435](https://github.com/microsoft/fluentui/pull/31435) by marcosvmmoura@gmail.com)
-- Bump @fluentui/react-dialog to v9.10.7 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
-- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
+- Bump @fluentui/react-dialog to v9.10.7 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
 ### Patches
@@ -22,7 +36,7 @@ Thu, 23 May 2024 07:57:54 GMT
 ## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.3.2)
-Mon, 20 May 2024 12:44:55 GMT
+Mon, 20 May 2024 12:44:55 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.3.1..@fluentui/react-drawer_v9.3.2)
 ### Patches
@@ -37,7 +51,7 @@ Mon, 20 May 2024 12:44:55 GMT
 ## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.3.1)
-Thu, 16 May 2024 09:25:14 GMT
+Thu, 16 May 2024 09:25:14 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.3.0..@fluentui/react-drawer_v9.3.1)
 ### Patches
@@ -47,7 +61,7 @@ Thu, 16 May 2024 09:25:14 GMT
 ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.3.0)
-Mon, 13 May 2024 12:34:19 GMT
+Mon, 13 May 2024 12:34:19 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.2.2..@fluentui/react-drawer_v9.3.0)
 ### Minor changes
@@ -56,7 +70,7 @@ Mon, 13 May 2024 12:34:19 GMT
 ## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.2.2)
-Thu, 09 May 2024 19:35:12 GMT
+Thu, 09 May 2024 19:35:12 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.2.1..@fluentui/react-drawer_v9.2.2)
 ### Patches
@@ -66,7 +80,7 @@ Thu, 09 May 2024 19:35:12 GMT
 ## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.2.1)
-Mon, 06 May 2024 12:55:02 GMT
+Mon, 06 May 2024 12:55:02 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.2.0..@fluentui/react-drawer_v9.2.1)
 ### Patches
@@ -80,7 +94,7 @@ Mon, 06 May 2024 12:55:02 GMT
 ## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.2.0)
-Thu, 02 May 2024 11:36:33 GMT
+Thu, 02 May 2024 11:36:33 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.12..@fluentui/react-drawer_v9.2.0)
 ### Minor changes
@@ -91,7 +105,7 @@ Thu, 02 May 2024 11:36:33 GMT
 ## [9.1.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.12)
-Tue, 23 Apr 2024 08:17:49 GMT
+Tue, 23 Apr 2024 08:17:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.11..@fluentui/react-drawer_v9.1.12)
 ### Patches
@@ -105,18 +119,18 @@ Tue, 23 Apr 2024 08:17:49 GMT
 ## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.11)
-Wed, 17 Apr 2024 21:53:52 GMT
+Wed, 17 Apr 2024 21:53:52 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.10..@fluentui/react-drawer_v9.1.11)
 ### Patches
-- chore: refactor styles defined in makeResetStyles() to avoid shorthands.*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
+- chore: refactor styles defined in makeResetStyles() to avoid shorthands.\*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
 - Bump @fluentui/react-dialog to v9.10.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
 - Bump @fluentui/react-tabster to v9.20.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
 ## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.10)
-Tue, 02 Apr 2024 09:48:01 GMT
+Tue, 02 Apr 2024 09:48:01 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.9..@fluentui/react-drawer_v9.1.10)
 ### Patches
@@ -130,7 +144,7 @@ Tue, 02 Apr 2024 09:48:01 GMT
 ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.9)
-Mon, 18 Mar 2024 19:50:46 GMT
+Mon, 18 Mar 2024 19:50:46 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.8..@fluentui/react-drawer_v9.1.9)
 ### Patches
@@ -145,7 +159,7 @@ Mon, 18 Mar 2024 19:50:46 GMT
 ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.8)
-Fri, 15 Mar 2024 21:43:49 GMT
+Fri, 15 Mar 2024 21:43:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.7..@fluentui/react-drawer_v9.1.8)
 ### Patches
@@ -160,7 +174,7 @@ Fri, 15 Mar 2024 21:43:49 GMT
 ## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.7)
-Thu, 07 Mar 2024 19:33:27 GMT
+Thu, 07 Mar 2024 19:33:27 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.6..@fluentui/react-drawer_v9.1.7)
 ### Patches
@@ -175,7 +189,7 @@ Thu, 07 Mar 2024 19:33:27 GMT
 ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.6)
-Wed, 28 Feb 2024 02:34:19 GMT
+Wed, 28 Feb 2024 02:34:19 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.5..@fluentui/react-drawer_v9.1.6)
 ### Patches
@@ -189,7 +203,7 @@ Wed, 28 Feb 2024 02:34:19 GMT
 ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.5)
-Tue, 20 Feb 2024 14:22:30 GMT
+Tue, 20 Feb 2024 14:22:30 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.4..@fluentui/react-drawer_v9.1.5)
 ### Patches
@@ -202,7 +216,7 @@ Tue, 20 Feb 2024 14:22:30 GMT
 ## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.4)
-Tue, 06 Feb 2024 17:55:21 GMT
+Tue, 06 Feb 2024 17:55:21 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.3..@fluentui/react-drawer_v9.1.4)
 ### Patches
@@ -212,7 +226,7 @@ Tue, 06 Feb 2024 17:55:21 GMT
 ## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.3)
-Tue, 30 Jan 2024 23:16:54 GMT
+Tue, 30 Jan 2024 23:16:54 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.2..@fluentui/react-drawer_v9.1.3)
 ### Patches
@@ -225,7 +239,7 @@ Tue, 30 Jan 2024 23:16:54 GMT
 ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.2)
-Tue, 23 Jan 2024 15:11:00 GMT
+Tue, 23 Jan 2024 15:11:00 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.1..@fluentui/react-drawer_v9.1.2)
 ### Patches
@@ -238,7 +252,7 @@ Tue, 23 Jan 2024 15:11:00 GMT
 ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.1)
-Thu, 18 Jan 2024 14:25:03 GMT
+Thu, 18 Jan 2024 14:25:03 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.0..@fluentui/react-drawer_v9.1.1)
 ### Patches
@@ -252,7 +266,7 @@ Thu, 18 Jan 2024 14:25:03 GMT
 ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.0)
-Wed, 17 Jan 2024 16:18:49 GMT
+Wed, 17 Jan 2024 16:18:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.9..@fluentui/react-drawer_v9.1.0)
 ### Minor changes
@@ -266,7 +280,7 @@ Wed, 17 Jan 2024 16:18:49 GMT
 ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.9)
-Tue, 16 Jan 2024 13:14:18 GMT
+Tue, 16 Jan 2024 13:14:18 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.8..@fluentui/react-drawer_v9.0.9)
 ### Patches
@@ -280,7 +294,7 @@ Tue, 16 Jan 2024 13:14:18 GMT
 ## [9.0.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.8)
-Thu, 11 Jan 2024 09:04:29 GMT
+Thu, 11 Jan 2024 09:04:29 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.7..@fluentui/react-drawer_v9.0.8)
 ### Patches
@@ -289,7 +303,7 @@ Thu, 11 Jan 2024 09:04:29 GMT
 ## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.7)
-Mon, 08 Jan 2024 16:24:28 GMT
+Mon, 08 Jan 2024 16:24:28 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.6..@fluentui/react-drawer_v9.0.7)
 ### Patches
@@ -302,7 +316,7 @@ Mon, 08 Jan 2024 16:24:28 GMT
 ## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.6)
-Wed, 03 Jan 2024 09:26:44 GMT
+Wed, 03 Jan 2024 09:26:44 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.5..@fluentui/react-drawer_v9.0.6)
 ### Patches
@@ -315,7 +329,7 @@ Wed, 03 Jan 2024 09:26:44 GMT
 ## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.5)
-Mon, 18 Dec 2023 14:40:46 GMT
+Mon, 18 Dec 2023 14:40:46 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.4..@fluentui/react-drawer_v9.0.5)
 ### Patches
@@ -329,7 +343,7 @@ Mon, 18 Dec 2023 14:40:46 GMT
 ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.4)
-Thu, 14 Dec 2023 09:58:43 GMT
+Thu, 14 Dec 2023 09:58:43 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.3..@fluentui/react-drawer_v9.0.4)
 ### Patches
@@ -344,7 +358,7 @@ Thu, 14 Dec 2023 09:58:43 GMT
 ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.3)
-Thu, 30 Nov 2023 13:42:08 GMT
+Thu, 30 Nov 2023 13:42:08 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.2..@fluentui/react-drawer_v9.0.3)
 ### Patches
@@ -356,7 +370,7 @@ Thu, 30 Nov 2023 13:42:08 GMT
 ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.2)
-Mon, 20 Nov 2023 09:55:10 GMT
+Mon, 20 Nov 2023 09:55:10 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.1..@fluentui/react-drawer_v9.0.2)
 ### Patches
@@ -368,7 +382,7 @@ Mon, 20 Nov 2023 09:55:10 GMT
 ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.1)
-Tue, 14 Nov 2023 17:51:27 GMT
+Tue, 14 Nov 2023 17:51:27 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0..@fluentui/react-drawer_v9.0.1)
 ### Patches
@@ -378,7 +392,7 @@ Tue, 14 Nov 2023 17:51:27 GMT
 ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0)
-Thu, 09 Nov 2023 17:29:35 GMT
+Thu, 09 Nov 2023 17:29:35 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.41..@fluentui/react-drawer_v9.0.0)
 ### Minor changes
@@ -398,7 +412,7 @@ Thu, 09 Nov 2023 17:29:35 GMT
 ## [9.0.0-beta.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.41)
-Mon, 06 Nov 2023 13:16:04 GMT
+Mon, 06 Nov 2023 13:16:04 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.40..@fluentui/react-drawer_v9.0.0-beta.41)
 ### Changes
@@ -407,16 +421,16 @@ Mon, 06 Nov 2023 13:16:04 GMT
 ## [9.0.0-beta.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.40)
-Thu, 02 Nov 2023 17:38:45 GMT
+Thu, 02 Nov 2023 17:38:45 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.39..@fluentui/react-drawer_v9.0.0-beta.40)
 ### Changes
-- breaking: open prop now only accepts a boolean instead of MotionShorthand  ([PR #29736](https://github.com/microsoft/fluentui/pull/29736) by marcosvmmoura@gmail.com)
+- breaking: open prop now only accepts a boolean instead of MotionShorthand ([PR #29736](https://github.com/microsoft/fluentui/pull/29736) by marcosvmmoura@gmail.com)
 ## [9.0.0-beta.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.39)
-Wed, 01 Nov 2023 12:55:59 GMT
+Wed, 01 Nov 2023 12:55:59 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.38..@fluentui/react-drawer_v9.0.0-beta.39)
 ### Changes
@@ -429,7 +443,7 @@ Wed, 01 Nov 2023 12:55:59 GMT
 ## [9.0.0-beta.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.38)
-Sat, 28 Oct 2023 23:35:56 GMT
+Sat, 28 Oct 2023 23:35:56 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.37..@fluentui/react-drawer_v9.0.0-beta.38)
 ### Changes
@@ -446,7 +460,7 @@ Sat, 28 Oct 2023 23:35:56 GMT
 ## [9.0.0-beta.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.37)
-Mon, 23 Oct 2023 09:51:57 GMT
+Mon, 23 Oct 2023 09:51:57 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.36..@fluentui/react-drawer_v9.0.0-beta.37)
 ### Changes
@@ -456,7 +470,7 @@ Mon, 23 Oct 2023 09:51:57 GMT
 ## [9.0.0-beta.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.36)
-Wed, 18 Oct 2023 17:54:08 GMT
+Wed, 18 Oct 2023 17:54:08 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.35..@fluentui/react-drawer_v9.0.0-beta.36)
 ### Changes
@@ -469,7 +483,7 @@ Wed, 18 Oct 2023 17:54:08 GMT
 ## [9.0.0-beta.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.35)
-Thu, 12 Oct 2023 14:55:43 GMT
+Thu, 12 Oct 2023 14:55:43 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.34..@fluentui/react-drawer_v9.0.0-beta.35)
 ### Changes
@@ -481,7 +495,7 @@ Thu, 12 Oct 2023 14:55:43 GMT
 ## [9.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.34)
-Wed, 11 Oct 2023 13:54:26 GMT
+Wed, 11 Oct 2023 13:54:26 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.33..@fluentui/react-drawer_v9.0.0-beta.34)
 ### Changes
@@ -494,7 +508,7 @@ Wed, 11 Oct 2023 13:54:26 GMT
 ## [9.0.0-beta.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.33)
-Mon, 09 Oct 2023 20:45:41 GMT
+Mon, 09 Oct 2023 20:45:41 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.32..@fluentui/react-drawer_v9.0.0-beta.33)
 ### Changes
@@ -509,7 +523,7 @@ Mon, 09 Oct 2023 20:45:41 GMT
 ## [9.0.0-beta.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.32)
-Thu, 05 Oct 2023 15:25:35 GMT
+Thu, 05 Oct 2023 15:25:35 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.31..@fluentui/react-drawer_v9.0.0-beta.32)
 ### Changes
@@ -521,7 +535,7 @@ Thu, 05 Oct 2023 15:25:35 GMT
 ## [9.0.0-beta.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.31)
-Wed, 04 Oct 2023 08:45:47 GMT
+Wed, 04 Oct 2023 08:45:47 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.30..@fluentui/react-drawer_v9.0.0-beta.31)
 ### Changes
@@ -533,7 +547,7 @@ Wed, 04 Oct 2023 08:45:47 GMT
 ## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.30)
-Mon, 02 Oct 2023 08:56:05 GMT
+Mon, 02 Oct 2023 08:56:05 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.29..@fluentui/react-drawer_v9.0.0-beta.30)
 ### Changes
@@ -544,7 +558,7 @@ Mon, 02 Oct 2023 08:56:05 GMT
 ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.29)
-Tue, 26 Sep 2023 17:49:05 GMT
+Tue, 26 Sep 2023 17:49:05 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.28..@fluentui/react-drawer_v9.0.0-beta.29)
 ### Changes
@@ -559,7 +573,7 @@ Tue, 26 Sep 2023 17:49:05 GMT
 ## [9.0.0-beta.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.28)
-Tue, 26 Sep 2023 15:31:59 GMT
+Tue, 26 Sep 2023 15:31:59 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.27..@fluentui/react-drawer_v9.0.0-beta.28)
 ### Changes
@@ -579,7 +593,7 @@ Tue, 26 Sep 2023 15:31:59 GMT
 ## [9.0.0-beta.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.27)
-Wed, 20 Sep 2023 17:47:37 GMT
+Wed, 20 Sep 2023 17:47:37 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.26..@fluentui/react-drawer_v9.0.0-beta.27)
 ### Changes
@@ -592,7 +606,7 @@ Wed, 20 Sep 2023 17:47:37 GMT
 ## [9.0.0-beta.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.26)
-Wed, 20 Sep 2023 14:59:52 GMT
+Wed, 20 Sep 2023 14:59:52 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.25..@fluentui/react-drawer_v9.0.0-beta.26)
 ### Changes
@@ -606,7 +620,7 @@ Wed, 20 Sep 2023 14:59:52 GMT
 ## [9.0.0-beta.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.25)
-Thu, 14 Sep 2023 16:44:47 GMT
+Thu, 14 Sep 2023 16:44:47 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.24..@fluentui/react-drawer_v9.0.0-beta.25)
 ### Changes
@@ -617,7 +631,7 @@ Thu, 14 Sep 2023 16:44:47 GMT
 ## [9.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.24)
-Tue, 12 Sep 2023 08:51:34 GMT
+Tue, 12 Sep 2023 08:51:34 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.23..@fluentui/react-drawer_v9.0.0-beta.24)
 ### Changes
@@ -628,7 +642,7 @@ Tue, 12 Sep 2023 08:51:34 GMT
 ## [9.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.23)
-Wed, 06 Sep 2023 13:31:31 GMT
+Wed, 06 Sep 2023 13:31:31 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.22..@fluentui/react-drawer_v9.0.0-beta.23)
 ### Changes
@@ -640,7 +654,7 @@ Wed, 06 Sep 2023 13:31:31 GMT
 ## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.22)
-Tue, 05 Sep 2023 15:39:03 GMT
+Tue, 05 Sep 2023 15:39:03 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.21..@fluentui/react-drawer_v9.0.0-beta.22)
 ### Changes
@@ -654,7 +668,7 @@ Tue, 05 Sep 2023 15:39:03 GMT
 ## [9.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.21)
-Tue, 05 Sep 2023 13:29:22 GMT
+Tue, 05 Sep 2023 13:29:22 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.20..@fluentui/react-drawer_v9.0.0-beta.21)
 ### Changes
@@ -673,7 +687,7 @@ Tue, 05 Sep 2023 13:29:22 GMT
 ## [9.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.20)
-Tue, 29 Aug 2023 12:57:36 GMT
+Tue, 29 Aug 2023 12:57:36 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.19..@fluentui/react-drawer_v9.0.0-beta.20)
 ### Changes
@@ -684,7 +698,7 @@ Tue, 29 Aug 2023 12:57:36 GMT
 ## [9.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.19)
-Thu, 24 Aug 2023 10:26:35 GMT
+Thu, 24 Aug 2023 10:26:35 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.18..@fluentui/react-drawer_v9.0.0-beta.19)
 ### Changes
@@ -695,7 +709,7 @@ Thu, 24 Aug 2023 10:26:35 GMT
 ## [9.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.18)
-Wed, 23 Aug 2023 12:01:49 GMT
+Wed, 23 Aug 2023 12:01:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.17..@fluentui/react-drawer_v9.0.0-beta.18)
 ### Changes
@@ -706,7 +720,7 @@ Wed, 23 Aug 2023 12:01:49 GMT
 ## [9.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.17)
-Mon, 21 Aug 2023 11:38:00 GMT
+Mon, 21 Aug 2023 11:38:00 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.16..@fluentui/react-drawer_v9.0.0-beta.17)
 ### Changes
@@ -715,7 +729,7 @@ Mon, 21 Aug 2023 11:38:00 GMT
 ## [9.0.0-beta.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.16)
-Wed, 16 Aug 2023 17:41:08 GMT
+Wed, 16 Aug 2023 17:41:08 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.15..@fluentui/react-drawer_v9.0.0-beta.16)
 ### Changes
@@ -725,7 +739,7 @@ Wed, 16 Aug 2023 17:41:08 GMT
 ## [9.0.0-beta.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.15)
-Wed, 16 Aug 2023 11:38:33 GMT
+Wed, 16 Aug 2023 11:38:33 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.14..@fluentui/react-drawer_v9.0.0-beta.15)
 ### Changes
@@ -735,7 +749,7 @@ Wed, 16 Aug 2023 11:38:33 GMT
 ## [9.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.14)
-Fri, 11 Aug 2023 12:14:26 GMT
+Fri, 11 Aug 2023 12:14:26 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.13..@fluentui/react-drawer_v9.0.0-beta.14)
 ### Changes
@@ -746,7 +760,7 @@ Fri, 11 Aug 2023 12:14:26 GMT
 ## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.13)
-Wed, 09 Aug 2023 13:16:55 GMT
+Wed, 09 Aug 2023 13:16:55 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.12..@fluentui/react-drawer_v9.0.0-beta.13)
 ### Changes
@@ -760,7 +774,7 @@ Wed, 09 Aug 2023 13:16:55 GMT
 ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.12)
-Fri, 04 Aug 2023 08:52:58 GMT
+Fri, 04 Aug 2023 08:52:58 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.11..@fluentui/react-drawer_v9.0.0-beta.12)
 ### Changes
@@ -773,7 +787,7 @@ Fri, 04 Aug 2023 08:52:58 GMT
 ## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.11)
-Tue, 01 Aug 2023 10:17:21 GMT
+Tue, 01 Aug 2023 10:17:21 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.10..@fluentui/react-drawer_v9.0.0-beta.11)
 ### Changes
@@ -783,7 +797,7 @@ Tue, 01 Aug 2023 10:17:21 GMT
 ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.10)
-Tue, 25 Jul 2023 13:29:23 GMT
+Tue, 25 Jul 2023 13:29:23 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.9..@fluentui/react-drawer_v9.0.0-beta.10)
 ### Changes
@@ -792,7 +806,7 @@ Tue, 25 Jul 2023 13:29:23 GMT
 ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.9)
-Thu, 20 Jul 2023 18:27:36 GMT
+Thu, 20 Jul 2023 18:27:36 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.8..@fluentui/react-drawer_v9.0.0-beta.9)
 ### Changes
@@ -802,7 +816,7 @@ Thu, 20 Jul 2023 18:27:36 GMT
 ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.8)
-Tue, 11 Jul 2023 18:46:36 GMT
+Tue, 11 Jul 2023 18:46:36 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.7..@fluentui/react-drawer_v9.0.0-beta.8)
 ### Changes
@@ -813,7 +827,7 @@ Tue, 11 Jul 2023 18:46:36 GMT
 ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.7)
-Mon, 03 Jul 2023 13:34:28 GMT
+Mon, 03 Jul 2023 13:34:28 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.6..@fluentui/react-drawer_v9.0.0-beta.7)
 ### Changes
@@ -822,7 +836,7 @@ Mon, 03 Jul 2023 13:34:28 GMT
 ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.6)
-Mon, 03 Jul 2023 11:57:14 GMT
+Mon, 03 Jul 2023 11:57:14 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.5..@fluentui/react-drawer_v9.0.0-beta.6)
 ### Changes
@@ -834,7 +848,7 @@ Mon, 03 Jul 2023 11:57:14 GMT
 ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.5)
-Wed, 28 Jun 2023 11:12:26 GMT
+Wed, 28 Jun 2023 11:12:26 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.4..@fluentui/react-drawer_v9.0.0-beta.5)
 ### Changes
@@ -845,7 +859,7 @@ Wed, 28 Jun 2023 11:12:26 GMT
 ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.4)
-Tue, 27 Jun 2023 11:21:23 GMT
+Tue, 27 Jun 2023 11:21:23 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.3..@fluentui/react-drawer_v9.0.0-beta.4)
 ### Changes
@@ -854,7 +868,7 @@ Tue, 27 Jun 2023 11:21:23 GMT
 ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.3)
-Mon, 26 Jun 2023 09:53:54 GMT
+Mon, 26 Jun 2023 09:53:54 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.2..@fluentui/react-drawer_v9.0.0-beta.3)
 ### Changes
@@ -866,7 +880,7 @@ Mon, 26 Jun 2023 09:53:54 GMT
 ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.2)
-Tue, 20 Jun 2023 12:39:07 GMT
+Tue, 20 Jun 2023 12:39:07 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.1..@fluentui/react-drawer_v9.0.0-beta.2)
 ### Changes

package/dist/index.d.ts CHANGED Viewed

@@ -44,7 +44,7 @@ declare type DrawerBaseProps = {
 };
 declare type DrawerBaseState = Required<Pick<DrawerBaseProps, 'position' | 'size'>> & {
-    motion: MotionState<HTMLDivElement>;
+    motion: MotionState<HTMLElement>;
 };
 /**
@@ -186,18 +186,13 @@ export declare type DrawerProps = ComponentProps<DrawerSlots> & {
      * @default overlay
      */
     type?: 'inline' | 'overlay';
-};
+} & (OverlayDrawerProps | InlineDrawerProps);
 export declare const DrawerProvider: React_2.Provider<DrawerContextValue | undefined>;
 declare type DrawerScrollState = 'none' | 'top' | 'middle' | 'bottom';
-export declare type DrawerSlots = {
-    /**
-     * Root slot of the Drawer.
-     */
-    root: Slot<OverlayDrawerProps | InlineDrawerProps>;
-};
+export declare type DrawerSlots = OverlayDrawerSlots | InlineDrawerSlots;
 /**
  * State used in rendering Drawer
@@ -225,7 +220,7 @@ export declare type InlineDrawerProps = ComponentProps<InlineDrawerSlots> & Draw
 };
 export declare type InlineDrawerSlots = {
-    root: Slot<'div'>;
+    root: Slot<'div', 'aside'>;
 };
 /**
@@ -304,17 +299,19 @@ export declare type OverlayDrawerSlots = {
 /**
  * State used in rendering OverlayDrawer
  */
-export declare type OverlayDrawerState = Omit<ComponentState<OverlayDrawerInternalSlots>, 'backdrop'> & Required<DrawerBaseState>;
+export declare type OverlayDrawerState = ComponentState<OverlayDrawerInternalSlots> & Required<DrawerBaseState>;
 /**
  * OverlayDrawerSurface Props
  */
-declare type OverlayDrawerSurfaceProps = DialogSurfaceProps;
+declare type OverlayDrawerSurfaceProps = ComponentProps<OverlayDrawerSurfaceSlots> & Pick<DialogSurfaceProps, 'mountNode'>;
 /**
  * OverlayDrawerSurface slots
  */
-declare type OverlayDrawerSurfaceSlots = DialogSurfaceSlots;
+declare type OverlayDrawerSurfaceSlots = Pick<DialogSurfaceSlots, 'backdrop'> & {
+    root: Slot<'div', 'aside'>;
+};
 /**
  * Render the final JSX of Drawer
@@ -465,7 +462,7 @@ export declare const useDrawerStyles_unstable: (state: DrawerState) => DrawerSta
  * @param props - props from this instance of InlineDrawer
  * @param ref - reference to root HTMLElement of InlineDrawer
  */
-export declare const useInlineDrawer_unstable: (props: InlineDrawerProps, ref: React_2.Ref<HTMLDivElement>) => InlineDrawerState;
+export declare const useInlineDrawer_unstable: (props: InlineDrawerProps, ref: React_2.Ref<HTMLElement>) => InlineDrawerState;
 /**
  * Apply styling to the InlineDrawer slots based on the state
@@ -479,9 +476,9 @@ export declare const useInlineDrawerStyles_unstable: (state: InlineDrawerState)
  * before being passed to renderOverlayDrawer_unstable.
  *
  * @param props - props from this instance of OverlayDrawer
- * @param ref - reference to root HTMLDivElement of OverlayDrawer
+ * @param ref - reference to root HTMLElement of OverlayDrawer
  */
-export declare const useOverlayDrawer_unstable: (props: OverlayDrawerProps, ref: React_2.Ref<HTMLDivElement>) => OverlayDrawerState;
+export declare const useOverlayDrawer_unstable: (props: OverlayDrawerProps, ref: React_2.Ref<HTMLElement>) => OverlayDrawerState;
 /**
  * Apply styling to the OverlayDrawer slots based on the state

package/lib/components/Drawer/Drawer.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, ~~Slot~~ } from '@fluentui/react-utilities';\n\nimport type { OverlayDrawerProps } from '../OverlayDrawer';\nimport type { InlineDrawerProps } from '../InlineDrawer';\n\nexport type DrawerSlots = {\n /*\n ~~Root slot of the Drawer.\n /\n root: Slot<OverlayDrawerProps~~ \| ~~InlineDrawerProps>;\n}~~;\n\n/\n Drawer Props\n /\nexport type DrawerProps = ComponentProps<DrawerSlots> & {\n /\n Type of the drawer.\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 @default overlay\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 } from '@fluentui/react-utilities';\n\nimport type { OverlayDrawerProps, OverlayDrawerSlots } from '../OverlayDrawer';\nimport type { InlineDrawerProps, InlineDrawerSlots } from '../InlineDrawer';\n\nexport type DrawerSlots = OverlayDrawerSlots \| InlineDrawerSlots;\n\n/*\n Drawer Props\n /\nexport type DrawerProps = ComponentProps<DrawerSlots> & {\n /\n Type of the drawer.\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 @default overlay\n /\n type?: 'inline' \| 'overlay';\n} & (OverlayDrawerProps \| InlineDrawerProps);\n\n/\n State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"AAAA,WAyBsD"}

package/lib/components/Drawer/useDrawer.js CHANGED Viewed

@@ -16,10 +16,10 @@ import { InlineDrawer } from '../InlineDrawer';
         components: {
             root: elementType
         },
-        root: slot.always(slot.resolveShorthand({
+        root: slot.always({
             ref,
             ...props
-        }), {
+        }, {
             elementType
         })
     };

package/lib/components/Drawer/useDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\n\nimport type { DrawerProps, DrawerState } from './Drawer.types';\nimport { OverlayDrawer } from '../OverlayDrawer';\nimport { InlineDrawer } from '../InlineDrawer';\n\n/*\n Create the state required to render Drawer.\n \n The returned state can be modified with hooks such as useDrawerStyles_unstable,\n * before being passed to renderDrawer_unstable.\n \n @param props - props from this instance of Drawer\n * @param ref - reference to root HTMLElement of Drawer\n */\nexport const useDrawer_unstable = (props: DrawerProps, ref: React.Ref<HTMLElement>): DrawerState => {\n const elementType = props.type === 'inline' ? InlineDrawer : OverlayDrawer;\n\n return {\n components: {\n root: elementType,\n },\n\n root: slot.always~~<DrawerProps>~~(\n ~~slot.resolveShorthand(~~{\n ref,\n ...props,\n }),\n {\n elementType,\n },\n ),\n };\n};\n"],"names":["React","slot","OverlayDrawer","InlineDrawer","useDrawer_unstable","props","ref","elementType","type","components","root","always"~~,"resolveShorthand"~~],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AAGjD,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,YAAY,QAAQ,kBAAkB;AAE/C;;;;;;;;CAQC,GACD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;IACrD,MAAMC,cAAcF,MAAMG,IAAI,KAAK,WAAWL,eAAeD;IAE7D,OAAO;QACLO,YAAY;YACVC,MAAMH;QACR;QAEAG,MAAMT,KAAKU,MAAM,~~CACfV,KAAKW,gBAAgB,CAAC~~;~~YACpBN~~;YACA,GAAGD,KAAK;QACV,~~IACA~~;YACEE;QACF;IAEJ;AACF,EAAE"}
1	+ {"version":3,"sources":["useDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\n\nimport type { DrawerProps, DrawerState } from './Drawer.types';\nimport { OverlayDrawer } from '../OverlayDrawer';\nimport { InlineDrawer } from '../InlineDrawer';\n\n/*\n Create the state required to render Drawer.\n \n The returned state can be modified with hooks such as useDrawerStyles_unstable,\n * before being passed to renderDrawer_unstable.\n \n @param props - props from this instance of Drawer\n * @param ref - reference to root HTMLElement of Drawer\n */\nexport const useDrawer_unstable = (props: DrawerProps, ref: React.Ref<HTMLElement>): DrawerState => {\n const elementType = props.type === 'inline' ? InlineDrawer : OverlayDrawer;\n\n return {\n components: {\n root: elementType,\n },\n\n root: slot.always(\n {\n ref,\n ...props,\n },\n {\n elementType,\n },\n ),\n };\n};\n"],"names":["React","slot","OverlayDrawer","InlineDrawer","useDrawer_unstable","props","ref","elementType","type","components","root","always"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AAGjD,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,YAAY,QAAQ,kBAAkB;AAE/C;;;;;;;;CAQC,GACD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;IACrD,MAAMC,cAAcF,MAAMG,IAAI,KAAK,WAAWL,eAAeD;IAE7D,OAAO;QACLO,YAAY;YACVC,MAAMH;QACR;QAEAG,MAAMT,KAAKU,MAAM,CACf;YACEL;YACA,GAAGD,KAAK;QACV,GACA;YACEE;QACF;IAEJ;AACF,EAAE"}

package/lib/components/InlineDrawer/InlineDrawer.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["InlineDrawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\n\nexport type InlineDrawerSlots = {\n root: Slot<'div'>;\n};\n\n/*\n InlineDrawer Props\n /\nexport type InlineDrawerProps = ComponentProps<InlineDrawerSlots> &\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 InlineDrawer\n */\nexport type InlineDrawerState = Required<\n ComponentState<InlineDrawerSlots> & DrawerBaseState & Pick<InlineDrawerProps, 'separator'>\n>;\n"],"names":[],"mappings":"AAAA,WA0BE"}
1	+ {"version":3,"sources":["InlineDrawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\n\nexport type InlineDrawerSlots = {\n root: Slot<'div', 'aside'>;\n};\n\n/*\n InlineDrawer Props\n /\nexport type InlineDrawerProps = ComponentProps<InlineDrawerSlots> &\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 InlineDrawer\n */\nexport type InlineDrawerState = Required<\n ComponentState<InlineDrawerSlots> & DrawerBaseState & Pick<InlineDrawerProps, 'separator'>\n>;\n"],"names":[],"mappings":"AAAA,WA0BE"}

package/lib/components/InlineDrawer/useInlineDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInlineDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\n\nimport type { InlineDrawerProps, InlineDrawerState } from './InlineDrawer.types';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n\n/*\n Create the state required to render InlineDrawer.\n \n The returned state can be modified with hooks such as useInlineDrawerStyles_unstable,\n * before being passed to renderInlineDrawer_unstable.\n \n @param props - props from this instance of InlineDrawer\n * @param ref - reference to root HTMLElement of InlineDrawer\n */\nexport const useInlineDrawer_unstable = (\n props: InlineDrawerProps~~,\n~~ ref: React.Ref<~~HTMLDivElement>,\n~~): InlineDrawerState => {\n const { size, position, open } = useDrawerDefaultProps(props);\n const { separator = false } = props;\n\n const motion = useMotion<~~HTMLDivElement~~>(open);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ...props,\n ref: useMergedRefs(ref, motion.ref),\n }),\n { elementType: 'div' },\n ),\n\n size,\n position,\n separator,\n motion,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMergedRefs","useMotion","useDrawerDefaultProps","useInlineDrawer_unstable","props","ref","size","position","open","separator","motion","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAC1F,SAASC,SAAS,QAAQ,iCAAiC;AAG3D,SAASC,qBAAqB,QAAQ,qCAAqC;AAE3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,~~CACtCC~~,~~OACAC~~;~~IAEA~~,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN,sBAAsBE;IACvD,MAAM,EAAEK,YAAY,KAAK,EAAE,GAAGL;IAE9B,MAAMM,SAAST,~~UAA0BO~~;~~IAEzC~~,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMb,KAAKc,MAAM,CACff,yBAAyB,OAAO;YAC9B,GAAGM,KAAK;YACRC,KAAKL,cAAcK,KAAKK,OAAOL,GAAG;QACpC,IACA;YAAES,aAAa;QAAM;QAGvBR;QACAC;QACAE;QACAC;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["useInlineDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\n\nimport type { InlineDrawerProps, InlineDrawerState } from './InlineDrawer.types';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n\n/*\n Create the state required to render InlineDrawer.\n \n The returned state can be modified with hooks such as useInlineDrawerStyles_unstable,\n * before being passed to renderInlineDrawer_unstable.\n \n @param props - props from this instance of InlineDrawer\n * @param ref - reference to root HTMLElement of InlineDrawer\n */\nexport const useInlineDrawer_unstable = (props: InlineDrawerProps, ref: React.Ref<HTMLElement>): InlineDrawerState => {\n const { size, position, open } = useDrawerDefaultProps(props);\n const { separator = false } = props;\n\n const motion = useMotion<HTMLElement>(open);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ...props,\n ref: useMergedRefs(ref, motion.ref),\n }),\n { elementType: 'div' },\n ),\n\n size,\n position,\n separator,\n motion,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMergedRefs","useMotion","useDrawerDefaultProps","useInlineDrawer_unstable","props","ref","size","position","open","separator","motion","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAC1F,SAASC,SAAS,QAAQ,iCAAiC;AAG3D,SAASC,qBAAqB,QAAQ,qCAAqC;AAE3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN,sBAAsBE;IACvD,MAAM,EAAEK,YAAY,KAAK,EAAE,GAAGL;IAE9B,MAAMM,SAAST,UAAuBO;IAEtC,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMb,KAAKc,MAAM,CACff,yBAAyB,OAAO;YAC9B,GAAGM,KAAK;YACRC,KAAKL,cAAcK,KAAKK,OAAOL,GAAG;QACpC,IACA;YAAES,aAAa;QAAM;QAGvBR;QACAC;QACAE;QACAC;IACF;AACF,EAAE"}

package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","useMotionClassNames","inlineDrawerClassNames","root","useDrawerResetStyles","borderValue","colorNeutralBackground3","useDrawerRootStyles","separatorStart","h3c5rm","vrafjx","Bekrc4i","u1mtju","separatorEnd","zhjwy3","wvpqe5","ibv6hh","B4g9neb","separatorBottom","g2u3we","icvyot","B4j52fo","i8vvqc","start","Bz10aip","end","bottom","a9b677","Bqenvij","d","p","useDrawerMotionStyles","abs64n","Bmy1vo4","Es3by","enter","getSeparatorClass","state","classNames","separator","undefined","position","useInlineDrawerStyles_unstable","resetStyles","baseClassNames","rootStyles","motionClassNames","motion","className"],"sources":["useInlineDrawerStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';\nimport { useMotionClassNames } from '@fluentui/react-motion-preview';\nexport const inlineDrawerClassNames = {\n root: 'fui-InlineDrawer'\n};\nconst useDrawerResetStyles = makeResetStyles({\n ...drawerDefaultStyles,\n position: 'relative'\n});\n/*\n Styles for the root slot\n / const borderValue = `1px solid ${tokens.colorNeutralBackground3}`;\nconst useDrawerRootStyles = makeStyles({\n / Separator / separatorStart: {\n borderRight: borderValue\n },\n separatorEnd: {\n borderLeft: borderValue\n },\n separatorBottom: {\n borderTop: borderValue\n },\n / Positioning / start: {\n transform: `translate3D(calc(var(${drawerCSSVars.drawerSizeVar}) -1), 0, 0)`\n },\n end: {\n transform: `translate3D(var(${drawerCSSVars.drawerSizeVar}), 0, 0)`\n },\n bottom: {\n transform: `translate3D(0, var(${drawerCSSVars.drawerSizeVar}), 0)`,\n width: '100%',\n height: `var(${drawerCSSVars.drawerSizeVar})`\n }\n});\nconst useDrawerMotionStyles = makeStyles({\n default: {\n opacity: 0,\n transitionProperty: 'opacity, transform',\n willChange: 'opacity, transform'\n },\n enter: {\n opacity: 1,\n transform: 'translate3D(0, 0, 0)'\n }\n});\nfunction getSeparatorClass(state, classNames) {\n if (!state.separator) {\n return undefined;\n }\n switch(state.position){\n case 'start':\n return classNames.separatorStart;\n case 'end':\n return classNames.separatorEnd;\n case 'bottom':\n return classNames.separatorBottom;\n default:\n return undefined;\n }\n}\n/*\n Apply styling to the InlineDrawer slots based on the state\n */ export const useInlineDrawerStyles_unstable = (state)=>{\n const resetStyles = useDrawerResetStyles();\n const baseClassNames = useDrawerBaseClassNames(state);\n const rootStyles = useDrawerRootStyles();\n const motionClassNames = useMotionClassNames(state.motion, useDrawerMotionStyles());\n state.root.className = mergeClasses(inlineDrawerClassNames.root, resetStyles, baseClassNames, getSeparatorClass(state, rootStyles), rootStyles[state.position], motionClassNames, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,EAAEC,mBAAmB,EAAEC,uBAAuB,QAAQ,yCAAyC;AACrH,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGV,aAAA,6UAG5B,CAAC;AACF;AACA;AACA;AAAI,MAAMW,WAAW,~~GAAI~~,~~aAAYR~~,MAAM,CAACS,~~uBAAwB~~,~~EAAC~~;AACrE,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAa,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,eAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,GAAA;IAAAD,OAAA;EAAA;EAAAE,MAAA;IAAAF,OAAA;IAAAG,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAqB3B,CAAC;AACF,MAAMC,qBAAqB,gBAAGpC,QAAA;EAAA;IAAAqC,MAAA;IAAAC,OAAA;IAAAC,KAAA;EAAA;EAAAC,KAAA;IAAAH,MAAA;IAAAR,OAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,CAU7B,CAAC;AACF,SAASO,iBAAiBA,CAACC,KAAK,EAAEC,UAAU,EAAE;EAC1C,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;IAClB,OAAOC,SAAS;EACpB;EACA,QAAOH,KAAK,CAACI,QAAQ;IACjB,KAAK,OAAO;MACR,OAAOH,UAAU,CAAC9B,cAAc;IACpC,KAAK,KAAK;MACN,OAAO8B,UAAU,CAACzB,YAAY;IAClC,KAAK,QAAQ;MACT,OAAOyB,UAAU,CAACpB,eAAe;IACrC;MACI,OAAOsB,SAAS;EACxB;AACJ;AACA;AACA;AACA;AAAI,OAAO,MAAME,8BAA8B,GAAIL,KAAK,IAAG;EACvD,MAAMM,WAAW,GAAGvC,oBAAoB,CAAC,CAAC;EAC1C,MAAMwC,cAAc,GAAG5C,uBAAuB,CAACqC,KAAK,CAAC;EACrD,MAAMQ,UAAU,GAAGtC,mBAAmB,CAAC,CAAC;EACxC,MAAMuC,gBAAgB,GAAG7C,mBAAmB,CAACoC,KAAK,CAACU,MAAM,EAAEhB,qBAAqB,CAAC,CAAC,CAAC;EACnFM,KAAK,CAAClC,IAAI,CAAC6C,SAAS,GAAGpD,YAAY,CAACM,sBAAsB,CAACC,IAAI,EAAEwC,WAAW,EAAEC,cAAc,EAAER,iBAAiB,CAACC,KAAK,EAAEQ,UAAU,CAAC,EAAEA,UAAU,CAACR,KAAK,CAACI,QAAQ,CAAC,EAAEK,gBAAgB,EAAET,KAAK,CAAClC,IAAI,CAAC6C,SAAS,CAAC;EACvM,OAAOX,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","useMotionClassNames","inlineDrawerClassNames","root","useDrawerResetStyles","borderValue","colorNeutralBackground3","useDrawerRootStyles","separatorStart","h3c5rm","vrafjx","Bekrc4i","u1mtju","separatorEnd","zhjwy3","wvpqe5","ibv6hh","B4g9neb","separatorBottom","g2u3we","icvyot","B4j52fo","i8vvqc","start","Bz10aip","end","bottom","a9b677","Bqenvij","d","p","useDrawerMotionStyles","abs64n","Bmy1vo4","Es3by","enter","getSeparatorClass","state","classNames","separator","undefined","position","useInlineDrawerStyles_unstable","resetStyles","baseClassNames","rootStyles","motionClassNames","motion","className"],"sources":["useInlineDrawerStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';\nimport { useMotionClassNames } from '@fluentui/react-motion-preview';\nexport const inlineDrawerClassNames = {\n root: 'fui-InlineDrawer'\n};\nconst useDrawerResetStyles = makeResetStyles({\n ...drawerDefaultStyles,\n position: 'relative'\n});\n/*\n Styles for the root slot\n / const borderValue = `1px solid ${tokens.colorNeutralBackground3}`;\nconst useDrawerRootStyles = makeStyles({\n / Separator / separatorStart: {\n borderRight: borderValue\n },\n separatorEnd: {\n borderLeft: borderValue\n },\n separatorBottom: {\n borderTop: borderValue\n },\n / Positioning / start: {\n transform: `translate3D(calc(var(${drawerCSSVars.drawerSizeVar}) -1), 0, 0)`\n },\n end: {\n transform: `translate3D(var(${drawerCSSVars.drawerSizeVar}), 0, 0)`\n },\n bottom: {\n transform: `translate3D(0, var(${drawerCSSVars.drawerSizeVar}), 0)`,\n width: '100%',\n height: `var(${drawerCSSVars.drawerSizeVar})`\n }\n});\nconst useDrawerMotionStyles = makeStyles({\n default: {\n opacity: 0,\n transitionProperty: 'opacity, transform',\n willChange: 'opacity, transform'\n },\n enter: {\n opacity: 1,\n transform: 'translate3D(0, 0, 0)'\n }\n});\nfunction getSeparatorClass(state, classNames) {\n if (!state.separator) {\n return undefined;\n }\n switch(state.position){\n case 'start':\n return classNames.separatorStart;\n case 'end':\n return classNames.separatorEnd;\n case 'bottom':\n return classNames.separatorBottom;\n default:\n return undefined;\n }\n}\n/*\n Apply styling to the InlineDrawer slots based on the state\n */ export const useInlineDrawerStyles_unstable = (state)=>{\n const resetStyles = useDrawerResetStyles();\n const baseClassNames = useDrawerBaseClassNames(state);\n const rootStyles = useDrawerRootStyles();\n const motionClassNames = useMotionClassNames(state.motion, useDrawerMotionStyles());\n state.root.className = mergeClasses(inlineDrawerClassNames.root, resetStyles, baseClassNames, getSeparatorClass(state, rootStyles), rootStyles[state.position], motionClassNames, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,EAAEC,mBAAmB,EAAEC,uBAAuB,QAAQ,yCAAyC;AACrH,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGV,aAAA,6UAG5B,CAAC;AACF;AACA;AACA;AAAI,MAAMW,WAAW,GAAG,aAAaR,MAAM,CAACS,uBAAuB,EAAE;AACrE,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAa,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,eAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,GAAA;IAAAD,OAAA;EAAA;EAAAE,MAAA;IAAAF,OAAA;IAAAG,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAqB3B,CAAC;AACF,MAAMC,qBAAqB,gBAAGpC,QAAA;EAAA;IAAAqC,MAAA;IAAAC,OAAA;IAAAC,KAAA;EAAA;EAAAC,KAAA;IAAAH,MAAA;IAAAR,OAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,CAU7B,CAAC;AACF,SAASO,iBAAiBA,CAACC,KAAK,EAAEC,UAAU,EAAE;EAC1C,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;IAClB,OAAOC,SAAS;EACpB;EACA,QAAOH,KAAK,CAACI,QAAQ;IACjB,KAAK,OAAO;MACR,OAAOH,UAAU,CAAC9B,cAAc;IACpC,KAAK,KAAK;MACN,OAAO8B,UAAU,CAACzB,YAAY;IAClC,KAAK,QAAQ;MACT,OAAOyB,UAAU,CAACpB,eAAe;IACrC;MACI,OAAOsB,SAAS;EACxB;AACJ;AACA;AACA;AACA;AAAI,OAAO,MAAME,8BAA8B,GAAIL,KAAK,IAAG;EACvD,MAAMM,WAAW,GAAGvC,oBAAoB,CAAC,CAAC;EAC1C,MAAMwC,cAAc,GAAG5C,uBAAuB,CAACqC,KAAK,CAAC;EACrD,MAAMQ,UAAU,GAAGtC,mBAAmB,CAAC,CAAC;EACxC,MAAMuC,gBAAgB,GAAG7C,mBAAmB,CAACoC,KAAK,CAACU,MAAM,EAAEhB,qBAAqB,CAAC,CAAC,CAAC;EACnFM,KAAK,CAAClC,IAAI,CAAC6C,SAAS,GAAGpD,YAAY,CAACM,sBAAsB,CAACC,IAAI,EAAEwC,WAAW,EAAEC,cAAc,EAAER,iBAAiB,CAACC,KAAK,EAAEQ,UAAU,CAAC,EAAEA,UAAU,CAACR,KAAK,CAACI,QAAQ,CAAC,EAAEK,gBAAgB,EAAET,KAAK,CAAClC,IAAI,CAAC6C,SAAS,CAAC;EACvM,OAAOX,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/OverlayDrawer/OverlayDrawer.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["OverlayDrawer.types.ts"],"sourcesContent":["import type { DialogProps } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\nimport { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface';\n\n/*\n OverlayDrawer slots\n /\nexport type OverlayDrawerSlots = {\n /\n Slot for the root element.\n /\n root: Slot<OverlayDrawerSurfaceProps>;\n};\n\n/\n OverlayDrawer internal slots for when using with composition API\n /\nexport type OverlayDrawerInternalSlots = OverlayDrawerSlots & {\n /\n Slot for the dialog component that wraps the drawer.\n /\n dialog: Slot<DialogProps>;\n};\n\n/\n OverlayDrawer Props\n /\nexport type OverlayDrawerProps = ComponentProps<OverlayDrawerSlots> &\n Pick<DialogProps, 'modalType' \| 'onOpenChange' \| 'inertTrapFocus'> &\n DrawerBaseProps & {\n /\n @deprecated OverlayDrawer can work only as a controlled component\n * and does not support uncontrolled mode i.e. defaultOpen prop\n /\n defaultOpen?: boolean;\n };\n\n/\n State used in rendering OverlayDrawer\n */\nexport type OverlayDrawerState = ~~Omit<~~ComponentState<OverlayDrawerInternalSlots~~>, 'backdrop'~~> ~~&\n~~ Required<DrawerBaseState>;\n"],"names":[],"mappings":"AAAA,~~WA2C4B~~"}
1	+ {"version":3,"sources":["OverlayDrawer.types.ts"],"sourcesContent":["import type { DialogProps } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\nimport { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface';\n\n/*\n OverlayDrawer slots\n /\nexport type OverlayDrawerSlots = {\n /\n Slot for the root element.\n /\n root: Slot<OverlayDrawerSurfaceProps>;\n};\n\n/\n OverlayDrawer internal slots for when using with composition API\n /\nexport type OverlayDrawerInternalSlots = OverlayDrawerSlots & {\n /\n Slot for the dialog component that wraps the drawer.\n /\n dialog: Slot<DialogProps>;\n};\n\n/\n OverlayDrawer Props\n /\nexport type OverlayDrawerProps = ComponentProps<OverlayDrawerSlots> &\n Pick<DialogProps, 'modalType' \| 'onOpenChange' \| 'inertTrapFocus'> &\n DrawerBaseProps & {\n /\n @deprecated OverlayDrawer can work only as a controlled component\n * and does not support uncontrolled mode i.e. defaultOpen prop\n /\n defaultOpen?: boolean;\n };\n\n/\n State used in rendering OverlayDrawer\n */\nexport type OverlayDrawerState = ComponentState<OverlayDrawerInternalSlots> & Required<DrawerBaseState>;\n"],"names":[],"mappings":"AAAA,WA0CwG"}

package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js CHANGED Viewed

@@ -5,7 +5,15 @@ import { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfac
  * @internal
  * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.
  */ export const OverlayDrawerSurface = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const dialogSurfaceState = useDialogSurface_unstable(props, ref);
+    const dialogSurfaceState = useDialogSurface_unstable({
+        ...props,
+        /**
+       * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.
+       * We need to cast the ref to a `div` element type to not break Dialog's ref type.
+       *
+       * FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.
+       */ as: props.as
+    }, ref);
     const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);
     useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);
     return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);

package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["OverlayDrawerSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n useDialogSurface_unstable,\n useDialogSurfaceContextValues_unstable,\n renderDialogSurface_unstable,\n} from '@fluentui/react-dialog';\n\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\nimport type { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface.types';\n\n/*\n @internal\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n */\nexport const OverlayDrawerSurface: ForwardRefComponent<OverlayDrawerSurfaceProps> = React.forwardRef((props, ref) => {\n const dialogSurfaceState = useDialogSurface_unstable(props, ref);\n const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n\n useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n\n return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\n\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["React","useDialogSurface_unstable","useDialogSurfaceContextValues_unstable","renderDialogSurface_unstable","useOverlayDrawerSurfaceStyles_unstable","OverlayDrawerSurface","forwardRef","props","ref","dialogSurfaceState","dialogSurfaceContextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SACEC,yBAAyB,EACzBC,sCAAsC,EACtCC,4BAA4B,QACvB,yBAAyB;AAEhC,SAASC,sCAAsC,QAAQ,yCAAyC;AAGhG;;;CAGC,GACD,OAAO,MAAMC,qCAAuEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,qBAAqBR,~~0BAA0BM~~,~~OAAOC~~;~~IAC5D~~,~~MAAME~~,~~6BAA6BR~~,uCAAuCO;IAE1EL,uCAAuCK;IAEvC,OAAON,6BAA6BM,~~oBAAoBC~~;AAC1D,GAAG;~~AAEHL~~,~~qBAAqBM~~,WAAW,GAAG"}
1	+ {"version":3,"sources":["OverlayDrawerSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n useDialogSurface_unstable,\n useDialogSurfaceContextValues_unstable,\n renderDialogSurface_unstable,\n} from '@fluentui/react-dialog';\n\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\nimport type { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface.types';\n\n/*\n @internal\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n /\nexport const OverlayDrawerSurface: ForwardRefComponent<OverlayDrawerSurfaceProps> = React.forwardRef((props, ref) => {\n const dialogSurfaceState = useDialogSurface_unstable(\n {\n ...props,\n /\n Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n \n FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.\n */\n as: props.as as 'div',\n },\n ref,\n );\n const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n\n useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n\n return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\n\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["React","useDialogSurface_unstable","useDialogSurfaceContextValues_unstable","renderDialogSurface_unstable","useOverlayDrawerSurfaceStyles_unstable","OverlayDrawerSurface","forwardRef","props","ref","dialogSurfaceState","as","dialogSurfaceContextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SACEC,yBAAyB,EACzBC,sCAAsC,EACtCC,4BAA4B,QACvB,yBAAyB;AAEhC,SAASC,sCAAsC,QAAQ,yCAAyC;AAGhG;;;CAGC,GACD,OAAO,MAAMC,qCAAuEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,qBAAqBR,0BACzB;QACE,GAAGM,KAAK;QACR;;;;;OAKC,GACDG,IAAIH,MAAMG,EAAE;IACd,GACAF;IAEF,MAAMG,6BAA6BT,uCAAuCO;IAE1EL,uCAAuCK;IAEvC,OAAON,6BAA6BM,oBAAoBE;AAC1D,GAAG;AAEHN,qBAAqBO,WAAW,GAAG"}

package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["OverlayDrawerSurface.types.ts"],"sourcesContent":["import type { DialogSurfaceProps, DialogSurfaceSlots, ~~DialogSurfaceState~~ } from '@fluentui/react-dialog';\nimport type { ~~ComponentState~~ } from '@fluentui/react-utilities';\n\n/*\n OverlayDrawerSurface slots\n /\nexport type OverlayDrawerSurfaceSlots = DialogSurfaceSlots~~;\n\n/\n~~ ~~OverlayDrawerSurface~~ ~~Props~~\n /\nexport ~~type OverlayDrawerSurfaceProps = DialogSurfaceProps~~;\n\n/\n ~~State~~ ~~used in rendering OverlayDrawerSurface~~\n */\nexport type ~~OverlayDrawerSurfaceState~~ = ~~ComponentState~~<OverlayDrawerSurfaceSlots> & ~~DialogSurfaceState;\~~n"],"names":[],"mappings":"AAAA,~~WAgBuG~~"}
1	+ {"version":3,"sources":["OverlayDrawerSurface.types.ts"],"sourcesContent":["import type { DialogSurfaceProps, DialogSurfaceSlots } from '@fluentui/react-dialog';\nimport type { ComponentProps, Slot } from '@fluentui/react-utilities';\n\n/*\n OverlayDrawerSurface slots\n /\nexport type OverlayDrawerSurfaceSlots = Pick<DialogSurfaceSlots, 'backdrop'> & {\n root: Slot<'div', 'aside'>;\n};\n\n/\n OverlayDrawerSurface Props\n */\nexport type OverlayDrawerSurfaceProps = ComponentProps<OverlayDrawerSurfaceSlots> &\n Pick<DialogSurfaceProps, 'mountNode'>;\n"],"names":[],"mappings":"AAAA,WAcwC"}

package/lib/components/OverlayDrawer/useOverlayDrawer.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { OverlayDrawerSurface } from './OverlayDrawerSurface';
  * before being passed to renderOverlayDrawer_unstable.
  *
  * @param props - props from this instance of OverlayDrawer
- * @param ref - reference to root HTMLDivElement of OverlayDrawer
+ * @param ref - reference to root HTMLElement of OverlayDrawer
  */ export const useOverlayDrawer_unstable = (props, ref)=>{
     const { open, size, position } = useDrawerDefaultProps(props);
     const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;
@@ -20,14 +20,15 @@ import { OverlayDrawerSurface } from './OverlayDrawerSurface';
     const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;
     const root = slot.always({
         ...props,
+        ref: useMergedRefs(ref, motion.ref),
         backdrop: hasCustomBackdrop ? {
             ...backdropProps
         } : null
     }, {
-        elementType: OverlayDrawerSurface,
-        defaultProps: {
-            ref: useMergedRefs(ref, motion.ref)
-        }
+        /**
+       * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.
+       * We need to cast the ref to a `div` element type to not break Dialog's ref type.
+       */ elementType: OverlayDrawerSurface
     });
     const dialog = slot.always({
         open,

package/lib/components/OverlayDrawer/useOverlayDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useOverlayDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\n\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport type { OverlayDrawerProps, OverlayDrawerState } from './OverlayDrawer.types';\nimport { OverlayDrawerDialog } from './OverlayDrawerDialog';\nimport { OverlayDrawerSurface } from './OverlayDrawerSurface';\n\n/*\n Create the state required to render OverlayDrawer.\n \n The returned state can be modified with hooks such as useOverlayDrawerStyles_unstable,\n * before being passed to renderOverlayDrawer_unstable.\n \n @param props - props from this instance of OverlayDrawer\n * @param ref - reference to root ~~HTMLDivElement~~ of OverlayDrawer\n /\nexport const useOverlayDrawer_unstable = (\n props: OverlayDrawerProps,\n ref: React.Ref<~~HTMLDivElement~~>,\n): OverlayDrawerState => {\n const { open, size, position } = useDrawerDefaultProps(props);\n const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n\n const motion = useMotion<~~HTMLDivElement~~>(open);\n\n const backdropProps = slot.resolveShorthand(props.backdrop);\n const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;\n\n const root = slot.always(\n {\n ...props,\n backdrop: hasCustomBackdrop ? { ...backdropProps } : null,\n },\n {\n ~~elementType:~~ ~~OverlayDrawerSurface,\~~n ~~defaultProps:~~ ~~{\n~~ ref: ~~useMergedRefs(~~ref, ~~motion.ref),\~~n },\n },\n );\n\n const dialog = slot.always(\n {\n open,\n onOpenChange,\n inertTrapFocus,\n modalType,\n /\n children is not needed here because we construct the children in the render function,\n * but it's required by DialogProps\n */\n children: null as unknown as JSX.Element,\n },\n {\n elementType: OverlayDrawerDialog,\n },\n );\n\n return {\n components: {\n root: OverlayDrawerSurface,\n dialog: OverlayDrawerDialog,\n },\n\n root,\n dialog,\n\n size,\n position,\n motion,\n };\n};\n"],"names":["React","slot","useMergedRefs","useMotion","useDrawerDefaultProps","OverlayDrawerDialog","OverlayDrawerSurface","useOverlayDrawer_unstable","props","ref","open","size","position","modalType","inertTrapFocus","onOpenChange","motion","backdropProps","resolveShorthand","backdrop","hasCustomBackdrop","root","always","elementType","~~defaultProps","~~dialog","children","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAE3D,SAASC,qBAAqB,QAAQ,qCAAqC;AAE3E,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGR,sBAAsBI;IACvD,MAAM,EAAEK,YAAY,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGP;IAE9D,MAAMQ,SAASb,~~UAA0BO~~;~~IAEzC~~,MAAMO,gBAAgBhB,KAAKiB,gBAAgB,CAACV,MAAMW,QAAQ;IAC1D,MAAMC,oBAAoBP,cAAc,eAAeI,kBAAkB;IAEzE,MAAMI,OAAOpB,KAAKqB,MAAM,CACtB;QACE,GAAGd,KAAK;~~QACRW~~,UAAUC,oBAAoB;YAAE,GAAGH,aAAa;QAAC,IAAI;IACvD,GACA;~~QACEM~~,aAAajB;~~QACbkB,cAAc~~;~~YACZf,KAAKP,cAAcO,KAAKO,OAAOP,GAAG;QACpC;IACF;~~IAGF,~~MAAMgB~~,~~SAASxB~~,KAAKqB,MAAM,CACxB;QACEZ;QACAK;QACAD;QACAD;QACA;;;OAGC,~~GACDa~~,UAAU;IACZ,GACA;~~QACEH~~,aAAalB;IACf;IAGF,OAAO;~~QACLsB~~,YAAY;~~YACVN~~,MAAMf;~~YACNmB~~,~~QAAQpB~~;QACV;QAEAgB;~~QACAI~~;~~QAEAd~~;QACAC;QACAI;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["useOverlayDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\n\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport type { OverlayDrawerProps, OverlayDrawerState } from './OverlayDrawer.types';\nimport { OverlayDrawerDialog } from './OverlayDrawerDialog';\nimport { OverlayDrawerSurface } from './OverlayDrawerSurface';\n\n/*\n Create the state required to render OverlayDrawer.\n \n The returned state can be modified with hooks such as useOverlayDrawerStyles_unstable,\n * before being passed to renderOverlayDrawer_unstable.\n \n @param props - props from this instance of OverlayDrawer\n * @param ref - reference to root HTMLElement of OverlayDrawer\n /\nexport const useOverlayDrawer_unstable = (\n props: OverlayDrawerProps,\n ref: React.Ref<HTMLElement>,\n): OverlayDrawerState => {\n const { open, size, position } = useDrawerDefaultProps(props);\n const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n\n const motion = useMotion<HTMLElement>(open);\n\n const backdropProps = slot.resolveShorthand(props.backdrop);\n const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;\n\n const root = slot.always(\n {\n ...props,\n ref: useMergedRefs(ref, motion.ref),\n backdrop: hasCustomBackdrop ? { ...backdropProps } : null,\n },\n {\n /\n Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n /\n elementType: OverlayDrawerSurface as unknown as 'div',\n },\n );\n\n const dialog = slot.always(\n {\n open,\n onOpenChange,\n inertTrapFocus,\n modalType,\n /\n children is not needed here because we construct the children in the render function,\n * but it's required by DialogProps\n */\n children: null as unknown as JSX.Element,\n },\n {\n elementType: OverlayDrawerDialog,\n },\n );\n\n return {\n components: {\n root: OverlayDrawerSurface,\n dialog: OverlayDrawerDialog,\n },\n\n root,\n dialog,\n\n size,\n position,\n motion,\n };\n};\n"],"names":["React","slot","useMergedRefs","useMotion","useDrawerDefaultProps","OverlayDrawerDialog","OverlayDrawerSurface","useOverlayDrawer_unstable","props","ref","open","size","position","modalType","inertTrapFocus","onOpenChange","motion","backdropProps","resolveShorthand","backdrop","hasCustomBackdrop","root","always","elementType","dialog","children","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAE3D,SAASC,qBAAqB,QAAQ,qCAAqC;AAE3E,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGR,sBAAsBI;IACvD,MAAM,EAAEK,YAAY,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGP;IAE9D,MAAMQ,SAASb,UAAuBO;IAEtC,MAAMO,gBAAgBhB,KAAKiB,gBAAgB,CAACV,MAAMW,QAAQ;IAC1D,MAAMC,oBAAoBP,cAAc,eAAeI,kBAAkB;IAEzE,MAAMI,OAAOpB,KAAKqB,MAAM,CACtB;QACE,GAAGd,KAAK;QACRC,KAAKP,cAAcO,KAAKO,OAAOP,GAAG;QAClCU,UAAUC,oBAAoB;YAAE,GAAGH,aAAa;QAAC,IAAI;IACvD,GACA;QACE;;;OAGC,GACDM,aAAajB;IACf;IAGF,MAAMkB,SAASvB,KAAKqB,MAAM,CACxB;QACEZ;QACAK;QACAD;QACAD;QACA;;;OAGC,GACDY,UAAU;IACZ,GACA;QACEF,aAAalB;IACf;IAGF,OAAO;QACLqB,YAAY;YACVL,MAAMf;YACNkB,QAAQnB;QACV;QAEAgB;QACAG;QAEAb;QACAC;QACAI;IACF;AACF,EAAE"}

package/lib/shared/DrawerBase.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["import * as React from 'react';\n\ntype MotionType = 'entering' \| 'entered' \| 'idle' \| 'exiting' \| 'exited' \| 'unmounted';\n\ntype MotionState<Element extends HTMLElement = HTMLElement> = {\n /*\n Ref to the element.\n /\n ref: React.Ref<Element>;\n\n /\n Current state of the element.\n \n - `unmounted` - The element is not yet rendered or can be safely removed from the DOM.\n * - `entering` - The element is performing enter animation.\n * - `entered` - The element has finished enter animation.\n * - `idle` - The element is currently not animating, but rendered on screen.\n * - `exiting` - The element is performing exit animation.\n * - `exited` - The element has finished exit animation.\n /\n type: MotionType;\n\n /\n Indicates whether the component can be rendered.\n * Useful to render the element before animating it or to remove it from the DOM after exit animation.\n /\n canRender: boolean;\n\n /\n Indicates whether the component is ready to receive a CSS transition className.\n * Useful to apply CSS transitions when the element is mounted and ready to be animated.\n /\n active: boolean;\n};\n\nexport type DrawerBaseProps = {\n /\n Position of the drawer.\n \n Note: 'bottom' does not supports size, but it supports customized height.\n \n @default 'start'\n /\n position?: 'start' \| 'end' \| 'bottom';\n\n /\n Size of the drawer.\n \n - 'small' - Drawer is 320px wide.\n * - 'medium' - Drawer is 592px wide.\n * - 'large' - Drawer is 940px wide.\n * - 'full' - Drawer is 100vw wide.\n \n @default 'small'\n /\n size?: 'small' \| 'medium' \| 'large' \| 'full';\n\n /\n Controls the open state of the Drawer\n \n @default false\n */\n open?: boolean;\n};\n\nexport type DrawerBaseState = Required<Pick<DrawerBaseProps, 'position' \| 'size'>> & {\n motion: MotionState<~~HTMLDivElement~~>;\n};\n\nexport type DrawerScrollState = 'none' \| 'top' \| 'middle' \| 'bottom';\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
1	+ {"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["import * as React from 'react';\n\ntype MotionType = 'entering' \| 'entered' \| 'idle' \| 'exiting' \| 'exited' \| 'unmounted';\n\ntype MotionState<Element extends HTMLElement = HTMLElement> = {\n /*\n Ref to the element.\n /\n ref: React.Ref<Element>;\n\n /\n Current state of the element.\n \n - `unmounted` - The element is not yet rendered or can be safely removed from the DOM.\n * - `entering` - The element is performing enter animation.\n * - `entered` - The element has finished enter animation.\n * - `idle` - The element is currently not animating, but rendered on screen.\n * - `exiting` - The element is performing exit animation.\n * - `exited` - The element has finished exit animation.\n /\n type: MotionType;\n\n /\n Indicates whether the component can be rendered.\n * Useful to render the element before animating it or to remove it from the DOM after exit animation.\n /\n canRender: boolean;\n\n /\n Indicates whether the component is ready to receive a CSS transition className.\n * Useful to apply CSS transitions when the element is mounted and ready to be animated.\n /\n active: boolean;\n};\n\nexport type DrawerBaseProps = {\n /\n Position of the drawer.\n \n Note: 'bottom' does not supports size, but it supports customized height.\n \n @default 'start'\n /\n position?: 'start' \| 'end' \| 'bottom';\n\n /\n Size of the drawer.\n \n - 'small' - Drawer is 320px wide.\n * - 'medium' - Drawer is 592px wide.\n * - 'large' - Drawer is 940px wide.\n * - 'full' - Drawer is 100vw wide.\n \n @default 'small'\n /\n size?: 'small' \| 'medium' \| 'large' \| 'full';\n\n /\n Controls the open state of the Drawer\n \n @default false\n */\n open?: boolean;\n};\n\nexport type DrawerBaseState = Required<Pick<DrawerBaseProps, 'position' \| 'size'>> & {\n motion: MotionState<HTMLElement>;\n};\n\nexport type DrawerScrollState = 'none' \| 'top' \| 'middle' \| 'bottom';\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/shared/useDrawerBaseStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","tokens","drawerCSSVars","drawerSizeVar","drawerDefaultStyles","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","h3c5rm","vrafjx","Bekrc4i","u1mtju","oyh7mz","j35jbq","end","zhjwy3","wvpqe5","ibv6hh","B4g9neb","bottom","B5kzvoi","Bhzewxz","small","Bjr0ffy","medium","large","full","d","p","m","useDrawerBottomBaseStyles","useDrawerDurationStyles","B3o57yi","useDrawerBaseClassNames","position","size","motion","baseStyles","bottomBaseStyles","durationStyles","type"],"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/*\n CSS variable names used internally for uniform styling in Drawer.\n / export const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/\n Default shared styles for the Drawer component\n / export const drawerDefaultStyles = {\n overflow: 'hidden',\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/\n Shared dynamic styles for the Drawer component\n / const useDrawerStyles = makeStyles({\n / Motion / entering: {\n transitionTimingFunction: tokens.curveDecelerateMid\n },\n exiting: {\n transitionTimingFunction: tokens.curveAccelerateMin\n },\n reducedMotion: {\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.001ms'\n }\n },\n / Positioning / start: {\n borderRight: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n left: 0,\n right: 'auto'\n },\n end: {\n borderLeft: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n right: 0,\n left: 'auto'\n },\n bottom: {\n bottom: 0,\n top: 'auto'\n },\n / Sizes / small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vw'\n }\n});\nexport const useDrawerBottomBaseStyles = makeStyles({\n / Sizes for position bottom */ small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vh'\n }\n});\nexport const useDrawerDurationStyles = makeStyles({\n small: {\n transitionDuration: tokens.durationGentle\n },\n medium: {\n transitionDuration: tokens.durationSlow\n },\n large: {\n transitionDuration: tokens.durationSlower\n },\n full: {\n transitionDuration: tokens.durationUltraSlow\n }\n});\nexport const useDrawerBaseClassNames = ({ position, size, motion })=>{\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C;AACA;AACA;AAAI,OAAO,MAAMC,aAAa,GAAG;EAC7BC,aAAa,EAAE;AACnB,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,QAAQ,EAAE,QAAQ;EAClBC,KAAK,~~EAAG~~,~~OAAMJ~~,aAAa,CAACC,~~aAAc~~,~~GAAE~~;EAC5CI,QAAQ,EAAE,OAAO;EACjBC,MAAM,EAAE,MAAM;EACdC,SAAS,EAAE,OAAO;EAClBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,YAAY;EAC5BC,eAAe,EAAEd,MAAM,CAACe,uBAAuB;EAC/CC,KAAK,EAAEhB,MAAM,CAACiB;AAClB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,eAAe,gBAAGpB,QAAA;EAAAqB,QAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,aAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,GAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAL,MAAA;IAAAD,MAAA;EAAA;EAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;EAAAG,IAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAsC3B,CAAC;AACF,OAAO,MAAMC,yBAAyB,gBAAGjD,QAAA;EAAAyC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;EAAAG,IAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,CAaxC,CAAC;AACF,OAAO,MAAMI,uBAAuB,gBAAGlD,QAAA;EAAAyC,KAAA;IAAAU,OAAA;EAAA;EAAAR,MAAA;IAAAQ,OAAA;EAAA;EAAAP,KAAA;IAAAO,OAAA;EAAA;EAAAN,IAAA;IAAAM,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAatC,CAAC;AACF,OAAO,MAAMM,uBAAuB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAO,CAAC,KAAG;EACjE,MAAMC,UAAU,GAAGpC,eAAe,CAAC,CAAC;EACpC,MAAMqC,gBAAgB,GAAGR,yBAAyB,CAAC,CAAC;EACpD,MAAMS,cAAc,GAAGR,uBAAuB,CAAC,CAAC;EAChD,OAAOjD,YAAY,CAACuD,UAAU,CAACH,QAAQ,CAAC,EAAEA,QAAQ,KAAK,QAAQ,IAAII,gBAAgB,CAACH,IAAI,CAAC,EAAEI,cAAc,CAACJ,IAAI,CAAC,EAAED,QAAQ,KAAK,QAAQ,IAAIG,UAAU,CAACF,IAAI,CAAC,EAAEE,UAAU,CAAChC,aAAa,EAAE+B,MAAM,CAACI,IAAI,KAAK,UAAU,IAAIH,UAAU,CAACnC,QAAQ,EAAEkC,MAAM,CAACI,IAAI,KAAK,SAAS,IAAIH,UAAU,CAACjC,OAAO,CAAC;AAC7R,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","tokens","drawerCSSVars","drawerSizeVar","drawerDefaultStyles","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","h3c5rm","vrafjx","Bekrc4i","u1mtju","oyh7mz","j35jbq","end","zhjwy3","wvpqe5","ibv6hh","B4g9neb","bottom","B5kzvoi","Bhzewxz","small","Bjr0ffy","medium","large","full","d","p","m","useDrawerBottomBaseStyles","useDrawerDurationStyles","B3o57yi","useDrawerBaseClassNames","position","size","motion","baseStyles","bottomBaseStyles","durationStyles","type"],"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/*\n CSS variable names used internally for uniform styling in Drawer.\n / export const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/\n Default shared styles for the Drawer component\n / export const drawerDefaultStyles = {\n overflow: 'hidden',\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/\n Shared dynamic styles for the Drawer component\n / const useDrawerStyles = makeStyles({\n / Motion / entering: {\n transitionTimingFunction: tokens.curveDecelerateMid\n },\n exiting: {\n transitionTimingFunction: tokens.curveAccelerateMin\n },\n reducedMotion: {\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.001ms'\n }\n },\n / Positioning / start: {\n borderRight: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n left: 0,\n right: 'auto'\n },\n end: {\n borderLeft: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n right: 0,\n left: 'auto'\n },\n bottom: {\n bottom: 0,\n top: 'auto'\n },\n / Sizes / small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vw'\n }\n});\nexport const useDrawerBottomBaseStyles = makeStyles({\n / Sizes for position bottom */ small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vh'\n }\n});\nexport const useDrawerDurationStyles = makeStyles({\n small: {\n transitionDuration: tokens.durationGentle\n },\n medium: {\n transitionDuration: tokens.durationSlow\n },\n large: {\n transitionDuration: tokens.durationSlower\n },\n full: {\n transitionDuration: tokens.durationUltraSlow\n }\n});\nexport const useDrawerBaseClassNames = ({ position, size, motion })=>{\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C;AACA;AACA;AAAI,OAAO,MAAMC,aAAa,GAAG;EAC7BC,aAAa,EAAE;AACnB,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,QAAQ,EAAE,QAAQ;EAClBC,KAAK,EAAE,OAAOJ,aAAa,CAACC,aAAa,GAAG;EAC5CI,QAAQ,EAAE,OAAO;EACjBC,MAAM,EAAE,MAAM;EACdC,SAAS,EAAE,OAAO;EAClBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,YAAY;EAC5BC,eAAe,EAAEd,MAAM,CAACe,uBAAuB;EAC/CC,KAAK,EAAEhB,MAAM,CAACiB;AAClB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,eAAe,gBAAGpB,QAAA;EAAAqB,QAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,aAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,GAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAL,MAAA;IAAAD,MAAA;EAAA;EAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;EAAAG,IAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAsC3B,CAAC;AACF,OAAO,MAAMC,yBAAyB,gBAAGjD,QAAA;EAAAyC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;EAAAG,IAAA;IAAAH,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,CAaxC,CAAC;AACF,OAAO,MAAMI,uBAAuB,gBAAGlD,QAAA;EAAAyC,KAAA;IAAAU,OAAA;EAAA;EAAAR,MAAA;IAAAQ,OAAA;EAAA;EAAAP,KAAA;IAAAO,OAAA;EAAA;EAAAN,IAAA;IAAAM,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAatC,CAAC;AACF,OAAO,MAAMM,uBAAuB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAO,CAAC,KAAG;EACjE,MAAMC,UAAU,GAAGpC,eAAe,CAAC,CAAC;EACpC,MAAMqC,gBAAgB,GAAGR,yBAAyB,CAAC,CAAC;EACpD,MAAMS,cAAc,GAAGR,uBAAuB,CAAC,CAAC;EAChD,OAAOjD,YAAY,CAACuD,UAAU,CAACH,QAAQ,CAAC,EAAEA,QAAQ,KAAK,QAAQ,IAAII,gBAAgB,CAACH,IAAI,CAAC,EAAEI,cAAc,CAACJ,IAAI,CAAC,EAAED,QAAQ,KAAK,QAAQ,IAAIG,UAAU,CAACF,IAAI,CAAC,EAAEE,UAAU,CAAChC,aAAa,EAAE+B,MAAM,CAACI,IAAI,KAAK,UAAU,IAAIH,UAAU,CAACnC,QAAQ,EAAEkC,MAAM,CAACI,IAAI,KAAK,SAAS,IAAIH,UAAU,CAACjC,OAAO,CAAC;AAC7R,CAAC","ignoreList":[]}

package/lib-commonjs/components/Drawer/useDrawer.js CHANGED Viewed

@@ -19,10 +19,10 @@ const useDrawer_unstable = (props, ref)=>{
         components: {
             root: elementType
         },
-        root: _reactutilities.slot.always(_reactutilities.slot.resolveShorthand({
+        root: _reactutilities.slot.always({
             ref,
             ...props
-        }), {
+        }, {
             elementType
         })
     };

package/lib-commonjs/components/Drawer/useDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useDrawer.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { OverlayDrawer } from '../OverlayDrawer';\nimport { InlineDrawer } from '../InlineDrawer';\n/*\n Create the state required to render Drawer.\n \n The returned state can be modified with hooks such as useDrawerStyles_unstable,\n * before being passed to renderDrawer_unstable.\n \n @param props - props from this instance of Drawer\n * @param ref - reference to root HTMLElement of Drawer\n */ export const useDrawer_unstable = (props, ref)=>{\n const elementType = props.type === 'inline' ? InlineDrawer : OverlayDrawer;\n return {\n components: {\n root: elementType\n },\n root: slot.always(~~slot.resolveShorthand(~~{\n ref,\n ...props\n }), {\n elementType\n })\n };\n};\n"],"names":["useDrawer_unstable","props","ref","elementType","type","InlineDrawer","OverlayDrawer","components","root","slot","always"~~,"resolveShorthand"~~],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACF;+BACS;8BACD;AASlB,MAAMA,qBAAqB,CAACC,OAAOC;IAC1C,MAAMC,cAAcF,MAAMG,IAAI,KAAK,WAAWC,0BAAY,GAAGC,4BAAa;IAC1E,OAAO;QACHC,YAAY;YACRC,MAAML;QACV;QACAK,MAAMC,oBAAI,CAACC,MAAM,~~CAACD,oBAAI,CAACE,gBAAgB,~~CAAC;~~YACpCT~~;YACA,GAAGD,KAAK;QACZ,~~IAAI~~;~~YACAE~~;QACJ;IACJ;AACJ"}
1	+ {"version":3,"sources":["useDrawer.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { OverlayDrawer } from '../OverlayDrawer';\nimport { InlineDrawer } from '../InlineDrawer';\n/*\n Create the state required to render Drawer.\n \n The returned state can be modified with hooks such as useDrawerStyles_unstable,\n * before being passed to renderDrawer_unstable.\n \n @param props - props from this instance of Drawer\n * @param ref - reference to root HTMLElement of Drawer\n */ export const useDrawer_unstable = (props, ref)=>{\n const elementType = props.type === 'inline' ? InlineDrawer : OverlayDrawer;\n return {\n components: {\n root: elementType\n },\n root: slot.always({\n ref,\n ...props\n }, {\n elementType\n })\n };\n};\n"],"names":["useDrawer_unstable","props","ref","elementType","type","InlineDrawer","OverlayDrawer","components","root","slot","always"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACF;+BACS;8BACD;AASlB,MAAMA,qBAAqB,CAACC,OAAOC;IAC1C,MAAMC,cAAcF,MAAMG,IAAI,KAAK,WAAWC,0BAAY,GAAGC,4BAAa;IAC1E,OAAO;QACHC,YAAY;YACRC,MAAML;QACV;QACAK,MAAMC,oBAAI,CAACC,MAAM,CAAC;YACdR;YACA,GAAGD,KAAK;QACZ,GAAG;YACCE;QACJ;IACJ;AACJ"}

package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js CHANGED Viewed

@@ -13,7 +13,15 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactdialog = require("@fluentui/react-dialog");
 const _useOverlayDrawerSurfaceStylesstyles = require("./useOverlayDrawerSurfaceStyles.styles");
 const OverlayDrawerSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const dialogSurfaceState = (0, _reactdialog.useDialogSurface_unstable)(props, ref);
+    const dialogSurfaceState = (0, _reactdialog.useDialogSurface_unstable)({
+        ...props,
+        /**
+       * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.
+       * We need to cast the ref to a `div` element type to not break Dialog's ref type.
+       *
+       * FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.
+       */ as: props.as
+    }, ref);
     const dialogSurfaceContextValues = (0, _reactdialog.useDialogSurfaceContextValues_unstable)(dialogSurfaceState);
     (0, _useOverlayDrawerSurfaceStylesstyles.useOverlayDrawerSurfaceStyles_unstable)(dialogSurfaceState);
     return (0, _reactdialog.renderDialogSurface_unstable)(dialogSurfaceState, dialogSurfaceContextValues);

package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["OverlayDrawerSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogSurface_unstable, useDialogSurfaceContextValues_unstable, renderDialogSurface_unstable } from '@fluentui/react-dialog';\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\n/*\n @internal\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n / export const OverlayDrawerSurface = /#__PURE__*/ React.forwardRef((props, ref)=>{\n const dialogSurfaceState = useDialogSurface_unstable(props, ref);\n const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["OverlayDrawerSurface","React","forwardRef","props","ref","dialogSurfaceState","useDialogSurface_unstable","dialogSurfaceContextValues","useDialogSurfaceContextValues_unstable","useOverlayDrawerSurfaceStyles_unstable","renderDialogSurface_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;6BACyF;qDACzD;AAI5C,MAAMA,uBAAuB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,qBAAqBC,IAAAA,sCAAyB,~~EAACH~~,~~OAAOC~~;~~IAC5D~~,~~MAAMG~~,6BAA6BC,IAAAA,mDAAsC,~~EAACH~~;~~IAC1EI~~,IAAAA,2EAAsC,~~EAACJ~~;IACvC,~~OAAOK~~,IAAAA,yCAA4B,~~EAACL~~,~~oBAAoBE~~;AAC5D;~~AACAP~~,~~qBAAqBW~~,WAAW,GAAG"}
1	+ {"version":3,"sources":["OverlayDrawerSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogSurface_unstable, useDialogSurfaceContextValues_unstable, renderDialogSurface_unstable } from '@fluentui/react-dialog';\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\n/*\n @internal\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n / export const OverlayDrawerSurface = /#__PURE__/ React.forwardRef((props, ref)=>{\n const dialogSurfaceState = useDialogSurface_unstable({\n ...props,\n /\n Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n \n FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.\n */ as: props.as\n }, ref);\n const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["OverlayDrawerSurface","React","forwardRef","props","ref","dialogSurfaceState","useDialogSurface_unstable","as","dialogSurfaceContextValues","useDialogSurfaceContextValues_unstable","useOverlayDrawerSurfaceStyles_unstable","renderDialogSurface_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;6BACyF;qDACzD;AAI5C,MAAMA,uBAAuB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,qBAAqBC,IAAAA,sCAAyB,EAAC;QACjD,GAAGH,KAAK;QACR;;;;;OAKD,GAAGI,IAAIJ,MAAMI,EAAE;IAClB,GAAGH;IACH,MAAMI,6BAA6BC,IAAAA,mDAAsC,EAACJ;IAC1EK,IAAAA,2EAAsC,EAACL;IACvC,OAAOM,IAAAA,yCAA4B,EAACN,oBAAoBG;AAC5D;AACAR,qBAAqBY,WAAW,GAAG"}

package/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js CHANGED Viewed

@@ -23,14 +23,15 @@ const useOverlayDrawer_unstable = (props, ref)=>{
     const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;
     const root = _reactutilities.slot.always({
         ...props,
+        ref: (0, _reactutilities.useMergedRefs)(ref, motion.ref),
         backdrop: hasCustomBackdrop ? {
             ...backdropProps
         } : null
     }, {
-        elementType: _OverlayDrawerSurface.OverlayDrawerSurface,
-        defaultProps: {
-            ref: (0, _reactutilities.useMergedRefs)(ref, motion.ref)
-        }
+        /**
+       * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.
+       * We need to cast the ref to a `div` element type to not break Dialog's ref type.
+       */ elementType: _OverlayDrawerSurface.OverlayDrawerSurface
     });
     const dialog = _reactutilities.slot.always({
         open,

package/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useOverlayDrawer.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport { OverlayDrawerDialog } from './OverlayDrawerDialog';\nimport { OverlayDrawerSurface } from './OverlayDrawerSurface';\n/*\n Create the state required to render OverlayDrawer.\n \n The returned state can be modified with hooks such as useOverlayDrawerStyles_unstable,\n * before being passed to renderOverlayDrawer_unstable.\n \n @param props - props from this instance of OverlayDrawer\n * @param ref - reference to root ~~HTMLDivElement~~ of OverlayDrawer\n / export const useOverlayDrawer_unstable = (props, ref)=>{\n const { open, size, position } = useDrawerDefaultProps(props);\n const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n const motion = useMotion(open);\n const backdropProps = slot.resolveShorthand(props.backdrop);\n const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;\n const root = slot.always({\n ...props,\n backdrop: hasCustomBackdrop ? {\n ...backdropProps\n } : null\n }, {\n ~~elementType:~~ ~~OverlayDrawerSurface,\~~n ~~defaultProps:~~ ~~{\n~~ ref: ~~useMergedRefs(~~ref, ~~motion.ref)\~~n }\n });\n const dialog = slot.always({\n open,\n onOpenChange,\n inertTrapFocus,\n modalType,\n /\n children is not needed here because we construct the children in the render function,\n * but it's required by DialogProps\n */ children: null\n }, {\n elementType: OverlayDrawerDialog\n });\n return {\n components: {\n root: OverlayDrawerSurface,\n dialog: OverlayDrawerDialog\n },\n root,\n dialog,\n size,\n position,\n motion\n };\n};\n"],"names":["useOverlayDrawer_unstable","props","ref","open","size","position","useDrawerDefaultProps","modalType","inertTrapFocus","onOpenChange","motion","useMotion","backdropProps","slot","resolveShorthand","backdrop","hasCustomBackdrop","root","always","~~elementType~~","~~OverlayDrawerSurface~~","~~defaultProps~~","~~useMergedRefs","~~dialog","children","OverlayDrawerDialog","components"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;gCACa;oCACV;uCACY;qCACF;sCACC;AAS1B,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,4CAAqB,EAACL;IACvD,MAAM,EAAEM,YAAY,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGR;IAC9D,MAAMS,SAASC,IAAAA,6BAAS,EAACR;IACzB,MAAMS,gBAAgBC,oBAAI,CAACC,gBAAgB,CAACb,MAAMc,QAAQ;IAC1D,MAAMC,oBAAoBT,cAAc,eAAeK,kBAAkB;IACzE,MAAMK,OAAOJ,oBAAI,CAACK,MAAM,CAAC;QACrB,GAAGjB,KAAK;~~QACRc~~,UAAUC,oBAAoB;YAC1B,GAAGJ,aAAa;QACpB,IAAI;IACR,GAAG;~~QACCO~~,aAAaC,0CAAoB;~~QACjCC,cAAc~~;~~YACVnB,KAAKoB,IAAAA,6BAAa,EAACpB,KAAKQ,OAAOR,GAAG;QACtC;IACJ;~~IACA,~~MAAMqB~~,~~SAASV~~,oBAAI,CAACK,MAAM,CAAC;QACvBf;QACAM;QACAD;QACAD;QACA;;;OAGD,~~GAAGiB~~,UAAU;IAChB,GAAG;~~QACCL~~,~~aAAaM~~,wCAAmB;IACpC;IACA,OAAO;QACHC,YAAY;~~YACRT~~,~~MAAMG~~,0CAAoB;~~YAC1BG~~,QAAQE,wCAAmB;QAC/B;~~QACAR~~;~~QACAM~~;~~QACAnB~~;QACAC;QACAK;IACJ;AACJ"}
1	+ {"version":3,"sources":["useOverlayDrawer.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport { OverlayDrawerDialog } from './OverlayDrawerDialog';\nimport { OverlayDrawerSurface } from './OverlayDrawerSurface';\n/*\n Create the state required to render OverlayDrawer.\n \n The returned state can be modified with hooks such as useOverlayDrawerStyles_unstable,\n * before being passed to renderOverlayDrawer_unstable.\n \n @param props - props from this instance of OverlayDrawer\n * @param ref - reference to root HTMLElement of OverlayDrawer\n / export const useOverlayDrawer_unstable = (props, ref)=>{\n const { open, size, position } = useDrawerDefaultProps(props);\n const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n const motion = useMotion(open);\n const backdropProps = slot.resolveShorthand(props.backdrop);\n const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;\n const root = slot.always({\n ...props,\n ref: useMergedRefs(ref, motion.ref),\n backdrop: hasCustomBackdrop ? {\n ...backdropProps\n } : null\n }, {\n /\n Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n / elementType: OverlayDrawerSurface\n });\n const dialog = slot.always({\n open,\n onOpenChange,\n inertTrapFocus,\n modalType,\n /\n children is not needed here because we construct the children in the render function,\n * but it's required by DialogProps\n */ children: null\n }, {\n elementType: OverlayDrawerDialog\n });\n return {\n components: {\n root: OverlayDrawerSurface,\n dialog: OverlayDrawerDialog\n },\n root,\n dialog,\n size,\n position,\n motion\n };\n};\n"],"names":["useOverlayDrawer_unstable","props","ref","open","size","position","useDrawerDefaultProps","modalType","inertTrapFocus","onOpenChange","motion","useMotion","backdropProps","slot","resolveShorthand","backdrop","hasCustomBackdrop","root","always","useMergedRefs","elementType","OverlayDrawerSurface","dialog","children","OverlayDrawerDialog","components"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;gCACa;oCACV;uCACY;qCACF;sCACC;AAS1B,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,4CAAqB,EAACL;IACvD,MAAM,EAAEM,YAAY,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGR;IAC9D,MAAMS,SAASC,IAAAA,6BAAS,EAACR;IACzB,MAAMS,gBAAgBC,oBAAI,CAACC,gBAAgB,CAACb,MAAMc,QAAQ;IAC1D,MAAMC,oBAAoBT,cAAc,eAAeK,kBAAkB;IACzE,MAAMK,OAAOJ,oBAAI,CAACK,MAAM,CAAC;QACrB,GAAGjB,KAAK;QACRC,KAAKiB,IAAAA,6BAAa,EAACjB,KAAKQ,OAAOR,GAAG;QAClCa,UAAUC,oBAAoB;YAC1B,GAAGJ,aAAa;QACpB,IAAI;IACR,GAAG;QACC;;;OAGD,GAAGQ,aAAaC,0CAAoB;IACvC;IACA,MAAMC,SAAST,oBAAI,CAACK,MAAM,CAAC;QACvBf;QACAM;QACAD;QACAD;QACA;;;OAGD,GAAGgB,UAAU;IAChB,GAAG;QACCH,aAAaI,wCAAmB;IACpC;IACA,OAAO;QACHC,YAAY;YACRR,MAAMI,0CAAoB;YAC1BC,QAAQE,wCAAmB;QAC/B;QACAP;QACAK;QACAlB;QACAC;QACAK;IACJ;AACJ"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-drawer",
-  "version": "9.4.0",
+  "version": "9.5.0",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,13 +20,13 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "test": "jest --passWithNoTests",
-    "type-check": "tsc -b tsconfig.json",
+    "type-check": "just-scripts type-check",
     "generate-api": "just-scripts generate-api",
-    "storybook": "start-storybook",
-    "start": "yarn storybook",
-    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
+    "storybook": "yarn --cwd ../stories storybook",
+    "start": "yarn storybook"
   },
   "devDependencies": {
+    "@fluentui/react-provider": "*",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",
@@ -35,13 +35,13 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-dialog": "^9.10.7",
-    "@fluentui/react-jsx-runtime": "^9.0.38",
-    "@fluentui/react-motion-preview": "^0.5.21",
+    "@fluentui/react-dialog": "^9.11.0",
+    "@fluentui/react-jsx-runtime": "^9.0.39",
+    "@fluentui/react-motion-preview": "^0.5.22",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.21.4",
+    "@fluentui/react-tabster": "^9.21.5",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.9",
+    "@fluentui/react-utilities": "^9.18.10",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },