@fluentui/react-drawer 0.0.0-nightly-20230530-0415.1

package/CHANGELOG.json

@@ -0,0 +1,56 @@
+{
+  "name": "@fluentui/react-drawer",
+  "entries": [
+    {
+      "date": "Tue, 30 May 2023 04:21:11 GMT",
+      "tag": "@fluentui/react-drawer_v0.0.0-nightly-20230530-0415.1",
+      "version": "0.0.0-nightly-20230530-0415.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "fluentui-internal@service.microsoft.com",
+            "package": "@fluentui/react-drawer",
+            "commit": "not available",
+            "comment": "Release nightly v9"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-dialog to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# Change Log - @fluentui/react-drawer
+
+This log was last generated on Tue, 30 May 2023 04:21:11 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [0.0.0-nightly-20230530-0415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v0.0.0-nightly-20230530-0415.1)
+
+Tue, 30 May 2023 04:21:11 GMT
+
+### Changes
+
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui/react-dialog to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)

package/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/react-drawer
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

package/README.md

@@ -0,0 +1,61 @@
+# @fluentui/react-drawer
+
+**React Drawer components for [Fluent UI React](https://react.fluentui.dev/)**
+
+These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
+
+The Drawer gives users a quick entry point to configuration and information. It should be used when retaining context is beneficial to users. An overlay is optional depending on whether or not interacting with the background content is beneficial to the user’s context/scenario. An overlay makes the Drawer blocking and signifies that the users full attention is required when making configurations.
+
+## Usage
+
+To import React Drawer components:
+
+```tsx
+import {
+  DrawerOverlay,
+  DrawerInline,
+  DrawerHeader,
+  DrawerHeaderTitle,
+  DrawerHeaderNavigation,
+  DrawerBody
+} from "@fluentui/react-components';
+```
+
+Simple example of Drawer Usage:
+
+```tsx
+import { DrawerBody, DrawerHeader, DrawerHeaderTitle, Drawer } from '@fluentui/react-drawer';
+import { Button } from '@fluentui/react-components';
+import { Dismiss24Regular } from '@fluentui/react-icons';
+
+export const App = () => (
+  <Drawer type="inline" open>
+    <DrawerHeader>
+      <DrawerHeaderTitle
+        action={
+          <Button
+            appearance="subtle"
+            aria-label="Close drawer"
+            icon={<Dismiss24Regular />}
+            onClick={() => setIsOpen(false)}
+          />
+        }
+      >
+        Title goes here
+      </DrawerHeaderTitle>
+    </DrawerHeader>
+
+    <DrawerBody>
+      <p>Content goes here</p>
+    </DrawerBody>
+  </Drawer>
+);
+```
+
+## Specification
+
+See the [Spec.md](./docs/Spec.md) file for background information on the design/engineering decisions of the component.
+
+## API
+
+For information about the components, please refer to the [API documentation](https://react.fluentui.dev/?path=/docs/preview-components-drawer--default).

package/dist/index.d.ts

@@ -0,0 +1,414 @@
+/// <reference types="react" />
+
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import { DialogProps } from '@fluentui/react-dialog';
+import { DialogSurfaceProps } from '@fluentui/react-dialog';
+import { DialogTitleSlots } from '@fluentui/react-dialog';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * Drawer contains supplementary content and are used for complex creation, edit, or management experiences.
+ */
+export declare const Drawer: ForwardRefComponent<DrawerProps>;
+
+declare type DrawerBaseTypes = {
+    /**
+     * Position of the drawer.
+     *
+     * @default 'left'
+     */
+    position?: 'left' | 'right';
+    /**
+     * Size of the drawer.
+     *
+     * - 'small' - Drawer is 320px wide.
+     * - 'medium' - Drawer is 592px wide.
+     * - 'large' - Drawer is 940px wide.
+     * - 'full' - Drawer is 100vw wide.
+     *
+     * @default 'small'
+     */
+    size?: 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Controls the open state of the Drawer
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Default value for the uncontrolled open state of the Drawer.
+     *
+     * @default false
+     */
+    defaultOpen?: boolean;
+};
+
+/**
+ * DrawerBody provides with a container for the main content of a Drawer.
+ */
+export declare const DrawerBody: ForwardRefComponent<DrawerBodyProps>;
+
+export declare const drawerBodyClassNames: SlotClassNames<DrawerBodySlots>;
+
+/**
+ * DrawerBody Props
+ */
+export declare type DrawerBodyProps = ComponentProps<DrawerBodySlots>;
+
+export declare type DrawerBodySlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DrawerBody
+ */
+export declare type DrawerBodyState = ComponentState<DrawerBodySlots>;
+
+/**
+ * DrawerFooter component - TODO: add more docs
+ */
+export declare const DrawerFooter: ForwardRefComponent<DrawerFooterProps>;
+
+export declare const drawerFooterClassNames: SlotClassNames<DrawerFooterSlots>;
+
+/**
+ * DrawerFooter Props
+ */
+export declare type DrawerFooterProps = ComponentProps<DrawerFooterSlots>;
+
+export declare type DrawerFooterSlots = {
+    root: Slot<'footer'>;
+};
+
+/**
+ * State used in rendering DrawerFooter
+ */
+export declare type DrawerFooterState = ComponentState<DrawerFooterSlots>;
+
+/**
+ * DrawerHeader provides a structured header for the drawer component.
+ */
+export declare const DrawerHeader: ForwardRefComponent<DrawerHeaderProps>;
+
+export declare const drawerHeaderClassNames: SlotClassNames<DrawerHeaderSlots>;
+
+/**
+ * DrawerHeaderNavigation provides a header navigation area for the Drawer.
+ */
+export declare const DrawerHeaderNavigation: ForwardRefComponent<DrawerHeaderNavigationProps>;
+
+export declare const drawerHeaderNavigationClassNames: SlotClassNames<DrawerHeaderNavigationSlots>;
+
+/**
+ * DrawerHeaderNavigation Props
+ */
+export declare type DrawerHeaderNavigationProps = ComponentProps<DrawerHeaderNavigationSlots>;
+
+export declare type DrawerHeaderNavigationSlots = {
+    root: Slot<'nav'>;
+};
+
+/**
+ * State used in rendering DrawerHeaderNavigation
+ */
+export declare type DrawerHeaderNavigationState = ComponentState<DrawerHeaderNavigationSlots>;
+
+/**
+ * DrawerHeader Props
+ */
+export declare type DrawerHeaderProps = ComponentProps<DrawerHeaderSlots>;
+
+export declare type DrawerHeaderSlots = {
+    /**
+     * The root of the DrawerHeader.
+     */
+    root: Slot<'header'>;
+};
+
+/**
+ * State used in rendering DrawerHeader
+ */
+export declare type DrawerHeaderState = ComponentState<DrawerHeaderSlots>;
+
+/**
+ * DrawerHeader provides a structured header for the drawer component.
+ */
+export declare const DrawerHeaderTitle: ForwardRefComponent<DrawerHeaderTitleProps>;
+
+export declare const drawerHeaderTitleClassNames: SlotClassNames<DrawerHeaderTitleSlots>;
+
+/**
+ * DrawerHeaderTitle Props
+ */
+export declare type DrawerHeaderTitleProps = ComponentProps<DrawerHeaderTitleSlots> & {
+    /**
+     * Content of the DrawerHeaderTitle
+     * Children is mandatory because DrawerHeaderTitle is a wrapper component
+     */
+    children: React_2.ReactNode | undefined;
+};
+
+export declare type DrawerHeaderTitleSlots = {
+    root: Slot<'div'>;
+    /**
+     * By default this is a h2, but can be any heading or div.
+     * If `div` is provided do not forget to also provide proper `role="heading"` and `aria-level` attributes
+     */
+    heading?: DialogTitleSlots['root'];
+    /**
+     * Action slot for the close button
+     */
+    action?: DialogTitleSlots['action'];
+};
+
+/**
+ * State used in rendering DrawerHeaderTitle
+ */
+export declare type DrawerHeaderTitleState = ComponentState<DrawerHeaderTitleSlots>;
+
+/**
+ * DrawerInline is often used for navigation that is not dissmissable. As it is on the same level as
+ * the main surface, users can still interact with other UI elements.
+ */
+export declare const DrawerInline: ForwardRefComponent<DrawerInlineProps>;
+
+export declare const drawerInlineClassNames: SlotClassNames<DrawerInlineSlots>;
+
+/**
+ * DrawerInline Props
+ */
+export declare type DrawerInlineProps = ComponentProps<DrawerInlineSlots> & DrawerBaseTypes & {
+    /**
+     * Whether the drawer has a separator line.
+     *
+     * @default false
+     */
+    separator?: boolean;
+};
+
+export declare type DrawerInlineSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DrawerInline
+ */
+export declare type DrawerInlineState = ComponentState<DrawerInlineSlots> & DrawerBaseTypes & Pick<DrawerInlineProps, 'open' | 'separator'>;
+
+/**
+ * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.
+ */
+export declare const DrawerOverlay: ForwardRefComponent<DrawerOverlayProps>;
+
+export declare const drawerOverlayClassNames: SlotClassNames<DrawerOverlaySlots>;
+
+/**
+ * DrawerOverlay Props
+ */
+export declare type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> & DrawerBaseTypes & Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;
+
+export declare type DrawerOverlaySlots = {
+    root: Slot<DialogSurfaceProps>;
+};
+
+/**
+ * State used in rendering DrawerOverlay
+ */
+export declare type DrawerOverlayState = ComponentState<DrawerOverlaySlots> & DrawerBaseTypes & {
+    dialog: DialogProps;
+};
+
+/**
+ * Drawer Props
+ */
+export declare type DrawerProps = ComponentProps<Partial<DrawerSlots>> & DrawerOverlayProps & DrawerInlineProps & {
+    /**
+     * Type of the drawer.
+     * @default overlay
+     *
+     * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.
+     * - 'inline' - Drawer is stacked with the content
+     */
+    type?: 'inline' | 'overlay';
+};
+
+export declare type DrawerSlots = {
+    /**
+     * Root slot of the Drawer.
+     */
+    root: Slot<DrawerOverlayProps | DrawerInlineProps>;
+};
+
+/**
+ * State used in rendering Drawer
+ */
+export declare type DrawerState = ComponentState<DrawerSlots>;
+
+/**
+ * Render the final JSX of Drawer
+ */
+export declare const renderDrawer_unstable: (state: DrawerState) => JSX.Element;
+
+/**
+ * Render the final JSX of DrawerBody
+ */
+export declare const renderDrawerBody_unstable: (state: DrawerBodyState) => JSX.Element;
+
+/**
+ * Render the final JSX of DrawerFooter
+ */
+export declare const renderDrawerFooter_unstable: (state: DrawerFooterState) => JSX.Element;
+
+/**
+ * Render the final JSX of DrawerHeader
+ */
+export declare const renderDrawerHeader_unstable: (state: DrawerHeaderState) => JSX.Element;
+
+/**
+ * Render the final JSX of DrawerHeaderNavigation
+ */
+export declare const renderDrawerHeaderNavigation_unstable: (state: DrawerHeaderNavigationState) => JSX.Element;
+
+/**
+ * Render the final JSX of DrawerHeaderTitle
+ */
+export declare const renderDrawerHeaderTitle_unstable: (state: DrawerHeaderTitleState) => JSX.Element;
+
+/**
+ * Render the final JSX of DrawerInline
+ */
+export declare const renderDrawerInline_unstable: (state: DrawerInlineState) => JSX.Element | null;
+
+/**
+ * Render the final JSX of DrawerOverlay
+ */
+export declare const renderDrawerOverlay_unstable: (state: DrawerOverlayState) => JSX.Element;
+
+/**
+ * Create the state required to render Drawer.
+ *
+ * The returned state can be modified with hooks such as useDrawerStyles_unstable,
+ * before being passed to renderDrawer_unstable.
+ *
+ * @param props - props from this instance of Drawer
+ * @param ref - reference to root HTMLElement of Drawer
+ */
+export declare const useDrawer_unstable: (props: DrawerProps, ref: React_2.Ref<HTMLElement>) => DrawerState;
+
+/**
+ * Create the state required to render DrawerBody.
+ *
+ * The returned state can be modified with hooks such as useDrawerBodyStyles_unstable,
+ * before being passed to renderDrawerBody_unstable.
+ *
+ * @param props - props from this instance of DrawerBody
+ * @param ref - reference to root HTMLElement of DrawerBody
+ */
+export declare const useDrawerBody_unstable: (props: DrawerBodyProps, ref: React_2.Ref<HTMLElement>) => DrawerBodyState;
+
+/**
+ * Apply styling to the DrawerBody slots based on the state
+ */
+export declare const useDrawerBodyStyles_unstable: (state: DrawerBodyState) => DrawerBodyState;
+
+/**
+ * Create the state required to render DrawerFooter.
+ *
+ * The returned state can be modified with hooks such as useDrawerFooterStyles_unstable,
+ * before being passed to renderDrawerFooter_unstable.
+ *
+ * @param props - props from this instance of DrawerFooter
+ * @param ref - reference to root HTMLElement of DrawerFooter
+ */
+export declare const useDrawerFooter_unstable: (props: DrawerFooterProps, ref: React_2.Ref<HTMLElement>) => DrawerFooterState;
+
+/**
+ * Apply styling to the DrawerFooter slots based on the state
+ */
+export declare const useDrawerFooterStyles_unstable: (state: DrawerFooterState) => DrawerFooterState;
+
+/**
+ * Create the state required to render DrawerHeader.
+ *
+ * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,
+ * before being passed to renderDrawerHeader_unstable.
+ *
+ * @param props - props from this instance of DrawerHeader
+ * @param ref - reference to root HTMLElement of DrawerHeader
+ */
+export declare const useDrawerHeader_unstable: (props: DrawerHeaderProps, ref: React_2.Ref<HTMLElement>) => DrawerHeaderState;
+
+/**
+ * Create the state required to render DrawerHeaderNavigation.
+ *
+ * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,
+ * before being passed to renderDrawerHeaderNavigation_unstable.
+ *
+ * @param props - props from this instance of DrawerHeaderNavigation
+ * @param ref - reference to root HTMLElement of DrawerHeaderNavigation
+ */
+export declare const useDrawerHeaderNavigation_unstable: (props: DrawerHeaderNavigationProps, ref: React_2.Ref<HTMLElement>) => DrawerHeaderNavigationState;
+
+/**
+ * Apply styling to the DrawerHeaderNavigation slots based on the state
+ */
+export declare const useDrawerHeaderNavigationStyles_unstable: (state: DrawerHeaderNavigationState) => DrawerHeaderNavigationState;
+
+/**
+ * Apply styling to the DrawerHeader slots based on the state
+ */
+export declare const useDrawerHeaderStyles_unstable: (state: DrawerHeaderState) => DrawerHeaderState;
+
+/**
+ * Create the state required to render DrawerHeaderTitle.
+ *
+ * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,
+ * before being passed to renderDrawerHeaderTitle_unstable.
+ *
+ * @param props - props from this instance of DrawerHeaderTitle
+ * @param ref - reference to root HTMLElement of DrawerHeaderTitle
+ */
+export declare const useDrawerHeaderTitle_unstable: (props: DrawerHeaderTitleProps, ref: React_2.Ref<HTMLDivElement>) => DrawerHeaderTitleState;
+
+/**
+ * Apply styling to the DrawerHeaderTitle slots based on the state
+ */
+export declare const useDrawerHeaderTitleStyles_unstable: (state: DrawerHeaderTitleState) => DrawerHeaderTitleState;
+
+/**
+ * Create the state required to render DrawerInline.
+ *
+ * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,
+ * before being passed to renderDrawerInline_unstable.
+ *
+ * @param props - props from this instance of DrawerInline
+ * @param ref - reference to root HTMLElement of DrawerInline
+ */
+export declare const useDrawerInline_unstable: (props: DrawerInlineProps, ref: React_2.Ref<HTMLElement>) => DrawerInlineState;
+
+/**
+ * Apply styling to the DrawerInline slots based on the state
+ */
+export declare const useDrawerInlineStyles_unstable: (state: DrawerInlineState) => DrawerInlineState;
+
+/**
+ * Create the state required to render DrawerOverlay.
+ *
+ * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,
+ * before being passed to renderDrawerOverlay_unstable.
+ *
+ * @param props - props from this instance of DrawerOverlay
+ * @param ref - reference to root HTMLElement of DrawerOverlay
+ */
+export declare const useDrawerOverlay_unstable: (props: DrawerOverlayProps, ref: React_2.Ref<HTMLElement>) => DrawerOverlayState;
+
+/**
+ * Apply styling to the DrawerOverlay slots based on the state
+ */
+export declare const useDrawerOverlayStyles_unstable: (state: DrawerOverlayState) => DrawerOverlayState;
+
+export { }

package/lib/Drawer.js

@@ -0,0 +1,3 @@
+export * from './components/Drawer/index';
+
+//# sourceMappingURL=Drawer.js.map

package/lib/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Drawer.ts"],"sourcesContent":["export * from './components/Drawer/index';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B"}

package/lib/DrawerBody.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerBody/index';
+
+//# sourceMappingURL=DrawerBody.js.map

package/lib/DrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerBody.ts"],"sourcesContent":["export * from './components/DrawerBody/index';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC"}

package/lib/DrawerFooter.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerFooter/index';
+
+//# sourceMappingURL=DrawerFooter.js.map

package/lib/DrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerFooter.ts"],"sourcesContent":["export * from './components/DrawerFooter/index';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC"}

package/lib/DrawerHeader.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerHeader/index';
+
+//# sourceMappingURL=DrawerHeader.js.map

package/lib/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerHeader.ts"],"sourcesContent":["export * from './components/DrawerHeader/index';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC"}

package/lib/DrawerHeaderNavigation.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerHeaderNavigation/index';
+
+//# sourceMappingURL=DrawerHeaderNavigation.js.map

package/lib/DrawerHeaderNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerHeaderNavigation.ts"],"sourcesContent":["export * from './components/DrawerHeaderNavigation/index';\n"],"names":[],"mappings":"AAAA,cAAc,4CAA4C"}

package/lib/DrawerHeaderTitle.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerHeaderTitle/index';
+
+//# sourceMappingURL=DrawerHeaderTitle.js.map

package/lib/DrawerHeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerHeaderTitle.ts"],"sourcesContent":["export * from './components/DrawerHeaderTitle/index';\n"],"names":[],"mappings":"AAAA,cAAc,uCAAuC"}

package/lib/DrawerInline.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerInline/index';
+
+//# sourceMappingURL=DrawerInline.js.map

package/lib/DrawerInline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerInline.ts"],"sourcesContent":["export * from './components/DrawerInline/index';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC"}

package/lib/DrawerOverlay.js

@@ -0,0 +1,3 @@
+export * from './components/DrawerOverlay/index';
+
+//# sourceMappingURL=DrawerOverlay.js.map

package/lib/DrawerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerOverlay.ts"],"sourcesContent":["export * from './components/DrawerOverlay/index';\n"],"names":[],"mappings":"AAAA,cAAc,mCAAmC"}

package/lib/components/Drawer/Drawer.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useDrawer_unstable } from './useDrawer';
+import { renderDrawer_unstable } from './renderDrawer';
+import { useDrawerStyles_unstable } from './useDrawerStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Drawer contains supplementary content and are used for complex creation, edit, or management experiences.
+ */ export const Drawer = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDrawer_unstable(props, ref);
+    useDrawerStyles_unstable(state);
+    useCustomStyleHook_unstable('useDrawerStyles_unstable')(state);
+    return renderDrawer_unstable(state);
+});
+Drawer.displayName = 'Drawer';
+
+//# sourceMappingURL=Drawer.js.map

package/lib/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDrawer_unstable } from './useDrawer';\nimport { renderDrawer_unstable } from './renderDrawer';\nimport { useDrawerStyles_unstable } from './useDrawerStyles.styles';\nimport type { DrawerProps } from './Drawer.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Drawer contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const Drawer: ForwardRefComponent<DrawerProps> = React.forwardRef((props, ref) => {\n  const state = useDrawer_unstable(props, ref);\n\n  useDrawerStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerStyles_unstable')(state);\n\n  return renderDrawer_unstable(state);\n});\n\nDrawer.displayName = 'Drawer';\n"],"names":["React","useDrawer_unstable","renderDrawer_unstable","useDrawerStyles_unstable","useCustomStyleHook_unstable","Drawer","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,2BAA2B;AAGpE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvF,MAAMC,QAAQR,mBAAmBM,OAAOC;IAExCL,yBAAyBM;IACzBL,4BAA4B,4BAA4BK;IAExD,OAAOP,sBAAsBO;AAC/B,GAAG;AAEHJ,OAAOK,WAAW,GAAG"}

package/lib/components/Drawer/Drawer.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=Drawer.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Drawer/Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerOverlayProps } from '../DrawerOverlay/DrawerOverlay.types';\nimport { DrawerInlineProps } from '../DrawerInline/DrawerInline.types';\n\nexport type DrawerSlots = {\n  /**\n   * Root slot of the Drawer.\n   */\n  root: Slot<DrawerOverlayProps | DrawerInlineProps>;\n};\n\n/**\n * Drawer Props\n */\nexport type DrawerProps = ComponentProps<Partial<DrawerSlots>> &\n  DrawerOverlayProps &\n  DrawerInlineProps & {\n    /**\n     * Type of the drawer.\n     * @default overlay\n     *\n     * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.\n     * - 'inline' - Drawer is stacked with the content\n     */\n    type?: 'inline' | 'overlay';\n  };\n\n/**\n * State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"AAAA,WA8BsD"}