@fluentui/react-drawer 9.0.0-beta.9 → 9.0.1

package/CHANGELOG.json

@@ -1,303 +0,0 @@
-{
-  "name": "@fluentui/react-drawer",
-  "entries": [
-    {
-      "date": "Thu, 20 Jul 2023 18:24:27 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.9",
-      "version": "9.0.0-beta.9",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.17",
-            "commit": "5a4b16715e8e929f11d8113f710e578ca73acaa6"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.12",
-            "commit": "5a4b16715e8e929f11d8113f710e578ca73acaa6"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 13 Jul 2023 21:25:40 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.8",
-      "version": "9.0.0-beta.8",
-      "comments": {
-        "none": [
-          {
-            "author": "martinhochel@microsoft.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "8a9e1018f2abb2c7608c49d32acf44e93c43cba6",
-            "comment": "chore: update devDependencies to use * for inner workspace dependencies"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Tue, 11 Jul 2023 18:46:36 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.8",
-      "version": "9.0.0-beta.8",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.16",
-            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11",
-            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0",
-            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Mon, 03 Jul 2023 13:34:28 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.7",
-      "version": "9.0.0-beta.7",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.15",
-            "commit": "d2c95969c67521ea1df57e1339f8743b09b68772"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Mon, 03 Jul 2023 11:57:14 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.6",
-      "version": "9.0.0-beta.6",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.14",
-            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10",
-            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-shared-contexts to v9.6.0",
-            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-utilities to v9.10.1",
-            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Wed, 28 Jun 2023 11:12:26 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.5",
-      "version": "9.0.0-beta.5",
-      "comments": {
-        "none": [
-          {
-            "author": "martinhochel@microsoft.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "fbe878e9c9785588197481f172c42c2c0a230292",
-            "comment": "fix: update .npmignore to unify v8 packages and exclude project.json"
-          }
-        ],
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.13",
-            "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.9",
-            "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-utilities to v9.10.0",
-            "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Tue, 27 Jun 2023 11:21:23 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.4",
-      "version": "9.0.0-beta.4",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.12",
-            "commit": "1c7e6451a11fb9c59e344df616394a320e8031c4"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Mon, 26 Jun 2023 09:53:54 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.3",
-      "version": "9.0.0-beta.3",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "marcosvmmoura@gmail.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "a47ce5f6b2cede1df976530eb35e86bd7e44a21a",
-            "comment": "docs: improve types descriptions and fix TS circular references"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.11",
-            "commit": "3e47257676ace0598b9ed336a54befd4d063c332"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8",
-            "commit": "3e47257676ace0598b9ed336a54befd4d063c332"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-utilities to v9.9.4",
-            "commit": "3e47257676ace0598b9ed336a54befd4d063c332"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.2",
-      "version": "9.0.0-beta.2",
-      "comments": {
-        "prerelease": [
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.10",
-            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
-            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
-            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-theme to v9.1.9",
-            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-utilities to v9.9.3",
-            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
-            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Wed, 31 May 2023 06:46:13 GMT",
-      "tag": "@fluentui/react-drawer_v9.0.0-beta.1",
-      "version": "9.0.0-beta.1",
-      "comments": {
-        "none": [
-          {
-            "author": "seanmonahan@microsoft.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
-            "comment": "update yarn.lock"
-          }
-        ],
-        "prerelease": [
-          {
-            "author": "marcosvmmoura@gmail.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "2780b2fc152fafe57d35a236f8911424b39cb48b",
-            "comment": "feat: release react-drawer to unstable"
-          },
-          {
-            "author": "seanmonahan@microsoft.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
-            "comment": "bumps Griffel version to 1.5.7 from 1.5.2"
-          },
-          {
-            "author": "olfedias@microsoft.com",
-            "package": "@fluentui/react-drawer",
-            "commit": "588b9393a673137dd8a867686d1e1cd45c350ca4",
-            "comment": "chore: move styles to .styles.ts files [react-drawer & react-toast]"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-dialog to v9.5.9",
-            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
-            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-utilities to v9.9.2",
-            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-drawer",
-            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
-            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
-          }
-        ]
-      }
-    }
-  ]
-}

package/lib/DrawerInline.js

@@ -1 +0,0 @@
-export * from './components/DrawerInline/index';

package/lib/DrawerInline.js.map

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

package/lib/DrawerOverlay.js

@@ -1 +0,0 @@
-export * from './components/DrawerOverlay/index';

package/lib/DrawerOverlay.js.map

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

package/lib/components/DrawerInline/DrawerInline.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { useDrawerInline_unstable } from './useDrawerInline';
-import { renderDrawerInline_unstable } from './renderDrawerInline';
-import { useDrawerInlineStyles_unstable } from './useDrawerInlineStyles.styles';
-/**
- * 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 const DrawerInline = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useDrawerInline_unstable(props, ref);
-    useDrawerInlineStyles_unstable(state);
-    return renderDrawerInline_unstable(state);
-});
-DrawerInline.displayName = 'DrawerInline';

package/lib/components/DrawerInline/DrawerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerInline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerInline_unstable } from './useDrawerInline';\nimport { renderDrawerInline_unstable } from './renderDrawerInline';\nimport { useDrawerInlineStyles_unstable } from './useDrawerInlineStyles.styles';\nimport type { DrawerInlineProps } from './DrawerInline.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DrawerInline is often used for navigation that is not dissmissable. As it is on the same level as\n * the main surface, users can still interact with other UI elements.\n */\nexport const DrawerInline: ForwardRefComponent<DrawerInlineProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerInline_unstable(props, ref);\n\n  useDrawerInlineStyles_unstable(state);\n  return renderDrawerInline_unstable(state);\n});\n\nDrawerInline.displayName = 'DrawerInline';\n"],"names":["React","useDrawerInline_unstable","renderDrawerInline_unstable","useDrawerInlineStyles_unstable","DrawerInline","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,iCAAiC;AAIhF;;;CAGC,GACD,OAAO,MAAMC,6BAAuDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnG,MAAMC,QAAQP,yBAAyBK,OAAOC;IAE9CJ,+BAA+BK;IAC/B,OAAON,4BAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerInline.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseProps } from '../../util/DrawerBase.types';\n\nexport type DrawerInlineSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * DrawerInline Props\n */\nexport type DrawerInlineProps = ComponentProps<DrawerInlineSlots> &\n  DrawerBaseProps & {\n    /**\n     * Whether the drawer has a separator line.\n     *\n     * @default false\n     */\n    separator?: boolean;\n  };\n\n/**\n * State used in rendering DrawerInline\n */\nexport type DrawerInlineState = ComponentState<DrawerInlineSlots> & DrawerInlineProps;\n"],"names":[],"mappings":"AAAA,WAuBsF"}

package/lib/components/DrawerInline/index.js

@@ -1,5 +0,0 @@
-export * from './DrawerInline';
-export * from './DrawerInline.types';
-export * from './renderDrawerInline';
-export * from './useDrawerInline';
-export * from './useDrawerInlineStyles.styles';

package/lib/components/DrawerInline/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DrawerInline';\nexport * from './DrawerInline.types';\nexport * from './renderDrawerInline';\nexport * from './useDrawerInline';\nexport * from './useDrawerInlineStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,iCAAiC"}

package/lib/components/DrawerInline/renderDrawerInline.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
-/**
- * Render the final JSX of DrawerInline
- */ export const renderDrawerInline_unstable = (state)=>{
-    const { slots , slotProps  } = getSlots(state);
-    if (!state.open) {
-        return null;
-    }
-    return /*#__PURE__*/ React.createElement(slots.root, slotProps.root);
-};

package/lib/components/DrawerInline/renderDrawerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderDrawerInline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DrawerInlineState, DrawerInlineSlots } from './DrawerInline.types';\n\n/**\n * Render the final JSX of DrawerInline\n */\nexport const renderDrawerInline_unstable = (state: DrawerInlineState) => {\n  const { slots, slotProps } = getSlots<DrawerInlineSlots>(state);\n\n  if (!state.open) {\n    return null;\n  }\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["React","getSlots","renderDrawerInline_unstable","state","slots","slotProps","open","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,4BAA4B;AAGrD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC,QAA6B;IACvE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,SAA4BE;IAEzD,IAAI,CAACA,MAAMG,IAAI,EAAE;QACf,OAAO,IAAI;IACb,CAAC;IAED,qBAAO,oBAACF,MAAMG,IAAI,EAAKF,UAAUE,IAAI;AACvC,EAAE"}

package/lib/components/DrawerInline/useDrawerInline.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps, useControllableState } from '@fluentui/react-utilities';
-import { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';
-/**
- * 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 const useDrawerInline_unstable = (props, ref)=>{
-    const { open: initialOpen , defaultOpen , size , position  } = getDefaultDrawerProps(props);
-    const { separator =false  } = props;
-    const [open] = useControllableState({
-        state: initialOpen,
-        defaultState: defaultOpen,
-        initialState: false
-    });
-    return {
-        components: {
-            root: 'div'
-        },
-        root: getNativeElementProps('div', {
-            ref,
-            ...props
-        }),
-        size,
-        position,
-        open,
-        separator
-    };
-};

package/lib/components/DrawerInline/useDrawerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerInline.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState } from '@fluentui/react-utilities';\nimport type { DrawerInlineProps, DrawerInlineState } from './DrawerInline.types';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n\n/**\n * Create the state required to render DrawerInline.\n *\n * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,\n * before being passed to renderDrawerInline_unstable.\n *\n * @param props - props from this instance of DrawerInline\n * @param ref - reference to root HTMLElement of DrawerInline\n */\nexport const useDrawerInline_unstable = (props: DrawerInlineProps, ref: React.Ref<HTMLElement>): DrawerInlineState => {\n  const { open: initialOpen, defaultOpen, size, position } = getDefaultDrawerProps(props);\n  const { separator = false } = props;\n\n  const [open] = useControllableState({\n    state: initialOpen,\n    defaultState: defaultOpen,\n    initialState: false,\n  });\n\n  return {\n    components: {\n      root: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n\n    size,\n    position,\n    open,\n    separator,\n  };\n};\n"],"names":["React","getNativeElementProps","useControllableState","getDefaultDrawerProps","useDrawerInline_unstable","props","ref","open","initialOpen","defaultOpen","size","position","separator","state","defaultState","initialState","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ,4BAA4B;AAExF,SAASC,qBAAqB,QAAQ,mCAAmC;AAEzE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC,MAAmD;IACpH,MAAM,EAAEC,MAAMC,YAAW,EAAEC,YAAW,EAAEC,KAAI,EAAEC,SAAQ,EAAE,GAAGR,sBAAsBE;IACjF,MAAM,EAAEO,WAAY,KAAK,CAAA,EAAE,GAAGP;IAE9B,MAAM,CAACE,KAAK,GAAGL,qBAAqB;QAClCW,OAAOL;QACPM,cAAcL;QACdM,cAAc,KAAK;IACrB;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMhB,sBAAsB,OAAO;YACjCK;YACA,GAAGD,KAAK;QACV;QAEAK;QACAC;QACAJ;QACAK;IACF;AACF,EAAE"}

package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';
-import { tokens } from '@fluentui/react-theme';
-export const drawerInlineClassNames = {
-  root: 'fui-DrawerInline'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    qhf8xq: "f10pi13n"
-  },
-  separatorLeft: {
-    Bekrc4i: ["f1hqa2wf", "finvdd3"],
-    vrafjx: ["fcdblym", "fjik90z"],
-    h3c5rm: ["fa8zu9y", "f17e9lqh"]
-  },
-  separatorRight: {
-    ibv6hh: ["finvdd3", "f1hqa2wf"],
-    wvpqe5: ["fjik90z", "fcdblym"],
-    zhjwy3: ["f17e9lqh", "fa8zu9y"]
-  }
-}, {
-  d: [".f10pi13n{position:relative;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fa8zu9y{border-right-color:var(--colorNeutralBackground3);}", ".f17e9lqh{border-left-color:var(--colorNeutralBackground3);}"]
-});
-/**
- * Apply styling to the DrawerInline slots based on the state
- */
-export const useDrawerInlineStyles_unstable = state => {
-  const baseStyles = useDrawerBaseStyles();
-  const styles = useStyles();
-  const separatorClass = React.useMemo(() => {
-    if (!state.separator) {
-      return undefined;
-    }
-    return state.position === 'left' ? styles.separatorLeft : styles.separatorRight;
-  }, [state.position, state.separator, styles.separatorRight, styles.separatorLeft]);
-  state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);
-  return state;
-};
-//# sourceMappingURL=useDrawerInlineStyles.styles.js.map

package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","__styles","mergeClasses","shorthands","useDrawerBaseStyles","tokens","drawerInlineClassNames","root","useStyles","qhf8xq","separatorLeft","Bekrc4i","vrafjx","h3c5rm","separatorRight","ibv6hh","wvpqe5","zhjwy3","d","useDrawerInlineStyles_unstable","state","baseStyles","styles","separatorClass","useMemo","separator","undefined","position","className","size"],"sources":["useDrawerInlineStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerInlineClassNames = {\n    root: 'fui-DrawerInline'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative'\n    },\n    /* Separator */ separatorLeft: {\n        ...shorthands.borderRight('1px', 'solid', tokens.colorNeutralBackground3)\n    },\n    separatorRight: {\n        ...shorthands.borderLeft('1px', 'solid', tokens.colorNeutralBackground3)\n    }\n});\n/**\n * Apply styling to the DrawerInline slots based on the state\n */ export const useDrawerInlineStyles_unstable = (state)=>{\n    const baseStyles = useDrawerBaseStyles();\n    const styles = useStyles();\n    const separatorClass = React.useMemo(()=>{\n        if (!state.separator) {\n            return undefined;\n        }\n        return state.position === 'left' ? styles.separatorLeft : styles.separatorRight;\n    }, [\n        state.position,\n        state.separator,\n        styles.separatorRight,\n        styles.separatorLeft\n    ]);\n    state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,MAAMC,UAAU,GAAGjB,mBAAmB,CAAC,CAAC;EACxC,MAAMkB,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAMe,cAAc,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAI;IACrC,IAAI,CAACJ,KAAK,CAACK,SAAS,EAAE;MAClB,OAAOC,SAAS;IACpB;IACA,OAAON,KAAK,CAACO,QAAQ,KAAK,MAAM,GAAGL,MAAM,CAACZ,aAAa,GAAGY,MAAM,CAACR,cAAc;EACnF,CAAC,EAAE,CACCM,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACK,SAAS,EACfH,MAAM,CAACR,cAAc,EACrBQ,MAAM,CAACZ,aAAa,CACvB,CAAC;EACFU,KAAK,CAACb,IAAI,CAACqB,SAAS,GAAG1B,YAAY,CAACI,sBAAsB,CAACC,IAAI,EAAEc,UAAU,CAACd,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEa,KAAK,CAACS,IAAI,IAAIR,UAAU,CAACD,KAAK,CAACS,IAAI,CAAC,EAAET,KAAK,CAACO,QAAQ,IAAIN,UAAU,CAACD,KAAK,CAACO,QAAQ,CAAC,EAAEJ,cAAc,EAAEH,KAAK,CAACb,IAAI,CAACqB,SAAS,CAAC;EACxN,OAAOR,KAAK;AAChB,CAAC"}

package/lib/components/DrawerOverlay/DrawerOverlay.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { useDrawerOverlay_unstable } from './useDrawerOverlay';
-import { renderDrawerOverlay_unstable } from './renderDrawerOverlay';
-import { useDrawerOverlayStyles_unstable } from './useDrawerOverlayStyles.styles';
-/**
- * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.
- */ export const DrawerOverlay = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useDrawerOverlay_unstable(props, ref);
-    useDrawerOverlayStyles_unstable(state);
-    return renderDrawerOverlay_unstable(state);
-});
-DrawerOverlay.displayName = 'DrawerOverlay';

package/lib/components/DrawerOverlay/DrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerOverlay_unstable } from './useDrawerOverlay';\nimport { renderDrawerOverlay_unstable } from './renderDrawerOverlay';\nimport { useDrawerOverlayStyles_unstable } from './useDrawerOverlayStyles.styles';\nimport type { DrawerOverlayProps } from './DrawerOverlay.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const DrawerOverlay: ForwardRefComponent<DrawerOverlayProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerOverlay_unstable(props, ref);\n\n  useDrawerOverlayStyles_unstable(state);\n\n  return renderDrawerOverlay_unstable(state);\n});\n\nDrawerOverlay.displayName = 'DrawerOverlay';\n"],"names":["React","useDrawerOverlay_unstable","renderDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","DrawerOverlay","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAEhC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerOverlay.types.ts"],"sourcesContent":["import { DialogProps, DialogSurfaceProps, DialogSurfaceSlots } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseProps } from '../../util/DrawerBase.types';\n\nexport type DrawerOverlaySlots = DialogSurfaceSlots & {\n  root: Slot<DialogSurfaceProps>;\n};\n\n/**\n * DrawerOverlay Props\n */\nexport type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> &\n  DrawerBaseProps &\n  Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;\n\n/**\n * State used in rendering DrawerOverlay\n */\nexport type DrawerOverlayState = ComponentState<DrawerOverlaySlots> &\n  DrawerBaseProps & {\n    dialog: DialogProps;\n  };\n"],"names":[],"mappings":"AAAA,WAqBI"}

package/lib/components/DrawerOverlay/index.js

@@ -1,5 +0,0 @@
-export * from './DrawerOverlay';
-export * from './DrawerOverlay.types';
-export * from './renderDrawerOverlay';
-export * from './useDrawerOverlay';
-export * from './useDrawerOverlayStyles.styles';

package/lib/components/DrawerOverlay/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DrawerOverlay';\nexport * from './DrawerOverlay.types';\nexport * from './renderDrawerOverlay';\nexport * from './useDrawerOverlay';\nexport * from './useDrawerOverlayStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/DrawerOverlay/renderDrawerOverlay.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
-import { Dialog } from '@fluentui/react-dialog';
-/**
- * Render the final JSX of DrawerOverlay
- */ export const renderDrawerOverlay_unstable = (state)=>{
-    const { slots , slotProps  } = getSlots(state);
-    return /*#__PURE__*/ React.createElement(Dialog, state.dialog, /*#__PURE__*/ React.createElement(slots.root, slotProps.root));
-};

package/lib/components/DrawerOverlay/renderDrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderDrawerOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DrawerOverlayState, DrawerOverlaySlots } from './DrawerOverlay.types';\nimport { Dialog } from '@fluentui/react-dialog';\n\n/**\n * Render the final JSX of DrawerOverlay\n */\nexport const renderDrawerOverlay_unstable = (state: DrawerOverlayState) => {\n  const { slots, slotProps } = getSlots<DrawerOverlaySlots>(state);\n\n  return (\n    <Dialog {...state.dialog}>\n      <slots.root {...slotProps.root} />\n    </Dialog>\n  );\n};\n"],"names":["React","getSlots","Dialog","renderDrawerOverlay_unstable","state","slots","slotProps","dialog","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,4BAA4B;AAErD,SAASC,MAAM,QAAQ,yBAAyB;AAEhD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,QAA8B;IACzE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGL,SAA6BG;IAE1D,qBACE,oBAACF,QAAWE,MAAMG,MAAM,gBACtB,oBAACF,MAAMG,IAAI,EAAKF,UAAUE,IAAI;AAGpC,EAAE"}

package/lib/components/DrawerOverlay/useDrawerOverlay.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
-import { DialogSurface } from '@fluentui/react-dialog';
-import { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';
-/**
- * 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 const useDrawerOverlay_unstable = (props, ref)=>{
-    const { open , defaultOpen , size , position  } = getDefaultDrawerProps(props);
-    const { modalType ='modal' , inertTrapFocus , onOpenChange  } = props;
-    return {
-        components: {
-            root: DialogSurface,
-            backdrop: 'div'
-        },
-        root: getNativeElementProps('div', {
-            ref,
-            ...props
-        }),
-        dialog: {
-            open,
-            defaultOpen,
-            onOpenChange,
-            inertTrapFocus,
-            modalType
-        },
-        size,
-        position
-    };
-};

package/lib/components/DrawerOverlay/useDrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerOverlay.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DrawerOverlayProps, DrawerOverlayState } from './DrawerOverlay.types';\nimport { DialogProps, DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n\n/**\n * Create the state required to render DrawerOverlay.\n *\n * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,\n * before being passed to renderDrawerOverlay_unstable.\n *\n * @param props - props from this instance of DrawerOverlay\n * @param ref - reference to root HTMLElement of DrawerOverlay\n */\nexport const useDrawerOverlay_unstable = (\n  props: DrawerOverlayProps,\n  ref: React.Ref<HTMLElement>,\n): DrawerOverlayState => {\n  const { open, defaultOpen, size, position } = getDefaultDrawerProps(props);\n  const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n\n  return {\n    components: {\n      root: DialogSurface,\n      backdrop: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    dialog: {\n      open,\n      defaultOpen,\n      onOpenChange,\n      inertTrapFocus,\n      modalType,\n    } as DialogProps,\n\n    size,\n    position,\n  };\n};\n"],"names":["React","getNativeElementProps","DialogSurface","getDefaultDrawerProps","useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","modalType","inertTrapFocus","onOpenChange","components","root","backdrop","dialog"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,SAAsBC,aAAa,QAAQ,yBAAyB;AACpE,SAASC,qBAAqB,QAAQ,mCAAmC;AAEzE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,KAAI,EAAEC,YAAW,EAAEC,KAAI,EAAEC,SAAQ,EAAE,GAAGP,sBAAsBE;IACpE,MAAM,EAAEM,WAAY,QAAO,EAAEC,eAAc,EAAEC,aAAY,EAAE,GAAGR;IAE9D,OAAO;QACLS,YAAY;YACVC,MAAMb;YACNc,UAAU;QACZ;QAEAD,MAAMd,sBAAsB,OAAO;YACjCK;YACA,GAAGD,KAAK;QACV;QACAY,QAAQ;YACNV;YACAC;YACAK;YACAD;YACAD;QACF;QAEAF;QACAC;IACF;AACF,EAAE"}

package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js

@@ -1,33 +0,0 @@
-import { __styles, mergeClasses } from '@griffel/react';
-import { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';
-import * as React from 'react';
-export const drawerOverlayClassNames = {
-  root: 'fui-DrawerOverlay',
-  backdrop: 'fui-DrawerOverlay__backdrop'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    qhf8xq: "f19dog8a",
-    Bhzewxz: "f15twtuk",
-    B5kzvoi: "f1yab3r1"
-  }
-}, {
-  d: [".f19dog8a{position:fixed;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}"]
-});
-/**
- * Apply styling to the DrawerOverlay slots based on the state
- */
-export const useDrawerOverlayStyles_unstable = state => {
-  const baseStyles = useDrawerBaseStyles();
-  const styles = useStyles();
-  const backdrop = state.root.backdrop;
-  state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);
-  if (backdrop) {
-    backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);
-  }
-  return state;
-};
-//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map

package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","useDrawerBaseStyles","React","drawerOverlayClassNames","root","backdrop","useStyles","qhf8xq","Bhzewxz","B5kzvoi","d","useDrawerOverlayStyles_unstable","state","baseStyles","styles","className","size","position"],"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport * as React from 'react';\nexport const drawerOverlayClassNames = {\n    root: 'fui-DrawerOverlay',\n    backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'fixed',\n        top: 0,\n        bottom: 0\n    }\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */ export const useDrawerOverlayStyles_unstable = (state)=>{\n    const baseStyles = useDrawerBaseStyles();\n    const styles = useStyles();\n    const backdrop = state.root.backdrop;\n    state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n    if (backdrop) {\n        backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAK,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,UAAU,GAAGZ,mBAAmB,CAAC,CAAC;EACxC,MAAMa,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1B,MAAMD,QAAQ,GAAGO,KAAK,CAACR,IAAI,CAACC,QAAQ;EACpCO,KAAK,CAACR,IAAI,CAACW,SAAS,GAAGf,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAES,UAAU,CAACT,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAEQ,KAAK,CAACI,IAAI,IAAIH,UAAU,CAACD,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACK,QAAQ,IAAIJ,UAAU,CAACD,KAAK,CAACK,QAAQ,CAAC,EAAEL,KAAK,CAACR,IAAI,CAACW,SAAS,CAAC;EACzM,IAAIV,QAAQ,EAAE;IACVA,QAAQ,CAACU,SAAS,GAAGf,YAAY,CAACG,uBAAuB,CAACE,QAAQ,EAAEA,QAAQ,CAACU,SAAS,CAAC;EAC3F;EACA,OAAOH,KAAK;AAChB,CAAC"}

package/lib/util/DrawerBase.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["export type DrawerBaseProps = {\n  /**\n   * Position of the drawer.\n   *\n   * @default 'left'\n   */\n  position?: 'left' | 'right';\n\n  /**\n   * Size of the drawer.\n   *\n   * - 'small' - Drawer is 320px wide.\n   * - 'medium' - Drawer is 592px wide.\n   * - 'large' - Drawer is 940px wide.\n   * - 'full' - Drawer is 100vw wide.\n   *\n   * @default 'small'\n   */\n  size?: 'small' | 'medium' | 'large' | 'full';\n\n  /**\n   * Controls the open state of the Drawer\n   *\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Default value for the uncontrolled open state of the Drawer.\n   *\n   * @default false\n   */\n  defaultOpen?: boolean;\n};\n"],"names":[],"mappings":"AAAA,WAiCE"}

package/lib/util/getDefaultDrawerProps.js

@@ -1,9 +0,0 @@
-export function getDefaultDrawerProps(props) {
-    const { open =false , defaultOpen =false , size ='small' , position ='left'  } = props;
-    return {
-        size,
-        position,
-        open,
-        defaultOpen
-    };
-}

package/lib/util/getDefaultDrawerProps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getDefaultDrawerProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function getDefaultDrawerProps(props: DrawerBaseProps) {\n  const { open = false, defaultOpen = false, size = 'small', position = 'left' } = props;\n\n  return {\n    size,\n    position,\n    open,\n    defaultOpen,\n  };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":"AAEA,OAAO,SAASA,sBAAsBC,KAAsB,EAAE;IAC5D,MAAM,EAAEC,MAAO,KAAK,CAAA,EAAEC,aAAc,KAAK,CAAA,EAAEC,MAAO,QAAO,EAAEC,UAAW,OAAM,EAAE,GAAGJ;IAEjF,OAAO;QACLG;QACAC;QACAH;QACAC;IACF;AACF,CAAC"}