@fluentui/react-drawer 9.0.0-beta.4 → 9.0.0-beta.40

package/lib-commonjs/e2e/DrawerShared.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DrawerShared.js"],"sourcesContent":["import * as React from 'react';\nimport { mount } from '@cypress/react';\nimport { FluentProvider } from '@fluentui/react-provider';\nimport { webLightTheme } from '@fluentui/react-theme';\nconst mountFluent = (element)=>{\n    mount(/*#__PURE__*/ React.createElement(FluentProvider, {\n        theme: webLightTheme\n    }, element));\n};\nexport function testDrawerBaseScenarios(Component) {\n    describe('basic functionality', ()=>{\n        it('should not render any element when closed', ()=>{\n            mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                id: \"drawer\"\n            }));\n            cy.get('#drawer').should('not.exist');\n        });\n        it('should render an element when opened', ()=>{\n            mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                id: \"drawer\",\n                open: true\n            }));\n            cy.get('#drawer').should('exist');\n        });\n        it('should render children content', ()=>{\n            const content = 'Test the renderization';\n            mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                id: \"drawer\",\n                open: true\n            }, content));\n            cy.get('#drawer').contains(content);\n        });\n        it('should toggle visibility on open prop change', ()=>{\n            const ExampleDrawer = ()=>{\n                const [open, setOpen] = React.useState(false);\n                return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Component, {\n                    id: \"drawer\",\n                    open: open\n                }), /*#__PURE__*/ React.createElement(\"button\", {\n                    id: \"button\",\n                    onClick: ()=>setOpen(true)\n                }, \"Open\"));\n            };\n            mountFluent(/*#__PURE__*/ React.createElement(ExampleDrawer, null));\n            cy.get('#drawer').should('not.exist');\n            cy.get('#button').click();\n            cy.get('#drawer').should('exist');\n        });\n    });\n    describe('size prop', ()=>{\n        const sizes = {\n            small: 320,\n            medium: 592,\n            large: 940,\n            full: 1000\n        };\n        Object.entries(sizes).forEach(([size, width])=>{\n            const sizeProp = size;\n            it(`should have correct size when size is ${size}`, ()=>{\n                mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                    size: sizeProp,\n                    id: \"drawer\",\n                    open: true\n                }));\n                cy.viewport(1000, 1000);\n                cy.get('#drawer').should('have.css', 'width', width + 'px');\n                cy.get('#drawer').invoke('outerWidth').should('equal', width);\n            });\n        });\n        it('width should not be bigger than viewport', ()=>{\n            mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                id: \"drawer\",\n                open: true\n            }));\n            cy.viewport(319, 319);\n            cy.get('#drawer').should('have.css', 'width', '319px');\n            cy.get('#drawer').invoke('outerWidth').should('equal', 319);\n        });\n        it('should have custom size', ()=>{\n            mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                id: \"drawer\",\n                open: true,\n                style: {\n                    width: '200px'\n                }\n            }));\n            cy.get('#drawer').should('have.css', 'width', '200px');\n            cy.get('#drawer').invoke('outerWidth').should('equal', 200);\n        });\n    });\n    describe('position prop', ()=>{\n        const positions = {\n            start: 'left',\n            end: 'right'\n        };\n        Object.entries(positions).forEach(([position, side])=>{\n            const positionProp = position;\n            it(`should have correct position when position is ${position}`, ()=>{\n                mountFluent(/*#__PURE__*/ React.createElement(Component, {\n                    position: positionProp,\n                    id: \"drawer\",\n                    open: true\n                }));\n                cy.get('#drawer').should('have.css', side, '0px');\n            });\n        });\n    });\n}\n"],"names":["testDrawerBaseScenarios","mountFluent","element","mount","React","createElement","FluentProvider","theme","webLightTheme","Component","describe","it","id","cy","get","should","open","content","contains","ExampleDrawer","setOpen","useState","Fragment","onClick","click","sizes","small","medium","large","full","Object","entries","forEach","size","width","sizeProp","viewport","invoke","style","positions","start","end","position","side","positionProp"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -9,50 +9,126 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Drawer: ()=>_drawer.Drawer,
-    renderDrawer_unstable: ()=>_drawer.renderDrawer_unstable,
-    useDrawer_unstable: ()=>_drawer.useDrawer_unstable,
-    DrawerOverlay: ()=>_drawerOverlay.DrawerOverlay,
-    drawerOverlayClassNames: ()=>_drawerOverlay.drawerOverlayClassNames,
-    renderDrawerOverlay_unstable: ()=>_drawerOverlay.renderDrawerOverlay_unstable,
-    useDrawerOverlayStyles_unstable: ()=>_drawerOverlay.useDrawerOverlayStyles_unstable,
-    useDrawerOverlay_unstable: ()=>_drawerOverlay.useDrawerOverlay_unstable,
-    DrawerInline: ()=>_drawerInline.DrawerInline,
-    drawerInlineClassNames: ()=>_drawerInline.drawerInlineClassNames,
-    renderDrawerInline_unstable: ()=>_drawerInline.renderDrawerInline_unstable,
-    useDrawerInlineStyles_unstable: ()=>_drawerInline.useDrawerInlineStyles_unstable,
-    useDrawerInline_unstable: ()=>_drawerInline.useDrawerInline_unstable,
-    DrawerBody: ()=>_drawerBody.DrawerBody,
-    drawerBodyClassNames: ()=>_drawerBody.drawerBodyClassNames,
-    renderDrawerBody_unstable: ()=>_drawerBody.renderDrawerBody_unstable,
-    useDrawerBodyStyles_unstable: ()=>_drawerBody.useDrawerBodyStyles_unstable,
-    useDrawerBody_unstable: ()=>_drawerBody.useDrawerBody_unstable,
-    DrawerHeader: ()=>_drawerHeader.DrawerHeader,
-    drawerHeaderClassNames: ()=>_drawerHeader.drawerHeaderClassNames,
-    renderDrawerHeader_unstable: ()=>_drawerHeader.renderDrawerHeader_unstable,
-    useDrawerHeaderStyles_unstable: ()=>_drawerHeader.useDrawerHeaderStyles_unstable,
-    useDrawerHeader_unstable: ()=>_drawerHeader.useDrawerHeader_unstable,
-    DrawerHeaderTitle: ()=>_drawerHeaderTitle.DrawerHeaderTitle,
-    drawerHeaderTitleClassNames: ()=>_drawerHeaderTitle.drawerHeaderTitleClassNames,
-    renderDrawerHeaderTitle_unstable: ()=>_drawerHeaderTitle.renderDrawerHeaderTitle_unstable,
-    useDrawerHeaderTitleStyles_unstable: ()=>_drawerHeaderTitle.useDrawerHeaderTitleStyles_unstable,
-    useDrawerHeaderTitle_unstable: ()=>_drawerHeaderTitle.useDrawerHeaderTitle_unstable,
-    DrawerHeaderNavigation: ()=>_drawerHeaderNavigation.DrawerHeaderNavigation,
-    drawerHeaderNavigationClassNames: ()=>_drawerHeaderNavigation.drawerHeaderNavigationClassNames,
-    renderDrawerHeaderNavigation_unstable: ()=>_drawerHeaderNavigation.renderDrawerHeaderNavigation_unstable,
-    useDrawerHeaderNavigationStyles_unstable: ()=>_drawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable,
-    useDrawerHeaderNavigation_unstable: ()=>_drawerHeaderNavigation.useDrawerHeaderNavigation_unstable,
-    DrawerFooter: ()=>_drawerFooter.DrawerFooter,
-    drawerFooterClassNames: ()=>_drawerFooter.drawerFooterClassNames,
-    renderDrawerFooter_unstable: ()=>_drawerFooter.renderDrawerFooter_unstable,
-    useDrawerFooterStyles_unstable: ()=>_drawerFooter.useDrawerFooterStyles_unstable,
-    useDrawerFooter_unstable: ()=>_drawerFooter.useDrawerFooter_unstable
+    Drawer: function() {
+        return _Drawer.Drawer;
+    },
+    renderDrawer_unstable: function() {
+        return _Drawer.renderDrawer_unstable;
+    },
+    useDrawer_unstable: function() {
+        return _Drawer.useDrawer_unstable;
+    },
+    OverlayDrawer: function() {
+        return _OverlayDrawer.OverlayDrawer;
+    },
+    overlayDrawerClassNames: function() {
+        return _OverlayDrawer.overlayDrawerClassNames;
+    },
+    renderOverlayDrawer_unstable: function() {
+        return _OverlayDrawer.renderOverlayDrawer_unstable;
+    },
+    useOverlayDrawerStyles_unstable: function() {
+        return _OverlayDrawer.useOverlayDrawerStyles_unstable;
+    },
+    useOverlayDrawer_unstable: function() {
+        return _OverlayDrawer.useOverlayDrawer_unstable;
+    },
+    InlineDrawer: function() {
+        return _InlineDrawer.InlineDrawer;
+    },
+    inlineDrawerClassNames: function() {
+        return _InlineDrawer.inlineDrawerClassNames;
+    },
+    renderInlineDrawer_unstable: function() {
+        return _InlineDrawer.renderInlineDrawer_unstable;
+    },
+    useInlineDrawerStyles_unstable: function() {
+        return _InlineDrawer.useInlineDrawerStyles_unstable;
+    },
+    useInlineDrawer_unstable: function() {
+        return _InlineDrawer.useInlineDrawer_unstable;
+    },
+    DrawerBody: function() {
+        return _DrawerBody.DrawerBody;
+    },
+    drawerBodyClassNames: function() {
+        return _DrawerBody.drawerBodyClassNames;
+    },
+    renderDrawerBody_unstable: function() {
+        return _DrawerBody.renderDrawerBody_unstable;
+    },
+    useDrawerBodyStyles_unstable: function() {
+        return _DrawerBody.useDrawerBodyStyles_unstable;
+    },
+    useDrawerBody_unstable: function() {
+        return _DrawerBody.useDrawerBody_unstable;
+    },
+    DrawerHeader: function() {
+        return _DrawerHeader.DrawerHeader;
+    },
+    drawerHeaderClassNames: function() {
+        return _DrawerHeader.drawerHeaderClassNames;
+    },
+    renderDrawerHeader_unstable: function() {
+        return _DrawerHeader.renderDrawerHeader_unstable;
+    },
+    useDrawerHeaderStyles_unstable: function() {
+        return _DrawerHeader.useDrawerHeaderStyles_unstable;
+    },
+    useDrawerHeader_unstable: function() {
+        return _DrawerHeader.useDrawerHeader_unstable;
+    },
+    DrawerHeaderTitle: function() {
+        return _DrawerHeaderTitle.DrawerHeaderTitle;
+    },
+    drawerHeaderTitleClassNames: function() {
+        return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
+    },
+    renderDrawerHeaderTitle_unstable: function() {
+        return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
+    },
+    useDrawerHeaderTitleStyles_unstable: function() {
+        return _DrawerHeaderTitle.useDrawerHeaderTitleStyles_unstable;
+    },
+    useDrawerHeaderTitle_unstable: function() {
+        return _DrawerHeaderTitle.useDrawerHeaderTitle_unstable;
+    },
+    DrawerHeaderNavigation: function() {
+        return _DrawerHeaderNavigation.DrawerHeaderNavigation;
+    },
+    drawerHeaderNavigationClassNames: function() {
+        return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
+    },
+    renderDrawerHeaderNavigation_unstable: function() {
+        return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
+    },
+    useDrawerHeaderNavigationStyles_unstable: function() {
+        return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
+    },
+    useDrawerHeaderNavigation_unstable: function() {
+        return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
+    },
+    DrawerFooter: function() {
+        return _DrawerFooter.DrawerFooter;
+    },
+    drawerFooterClassNames: function() {
+        return _DrawerFooter.drawerFooterClassNames;
+    },
+    renderDrawerFooter_unstable: function() {
+        return _DrawerFooter.renderDrawerFooter_unstable;
+    },
+    useDrawerFooterStyles_unstable: function() {
+        return _DrawerFooter.useDrawerFooterStyles_unstable;
+    },
+    useDrawerFooter_unstable: function() {
+        return _DrawerFooter.useDrawerFooter_unstable;
+    }
 });
-const _drawer = require("./Drawer");
-const _drawerOverlay = require("./DrawerOverlay");
-const _drawerInline = require("./DrawerInline");
-const _drawerBody = require("./DrawerBody");
-const _drawerHeader = require("./DrawerHeader");
-const _drawerHeaderTitle = require("./DrawerHeaderTitle");
-const _drawerHeaderNavigation = require("./DrawerHeaderNavigation");
-const _drawerFooter = require("./DrawerFooter");
+const _Drawer = require("./Drawer");
+const _OverlayDrawer = require("./OverlayDrawer");
+const _InlineDrawer = require("./InlineDrawer");
+const _DrawerBody = require("./DrawerBody");
+const _DrawerHeader = require("./DrawerHeader");
+const _DrawerHeaderTitle = require("./DrawerHeaderTitle");
+const _DrawerHeaderNavigation = require("./DrawerHeaderNavigation");
+const _DrawerFooter = require("./DrawerFooter");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawer_unstable } from './Drawer';\nexport { DrawerOverlay, drawerOverlayClassNames, renderDrawerOverlay_unstable, useDrawerOverlayStyles_unstable, useDrawerOverlay_unstable } from './DrawerOverlay';\nexport { DrawerInline, drawerInlineClassNames, renderDrawerInline_unstable, useDrawerInlineStyles_unstable, useDrawerInline_unstable } from './DrawerInline';\nexport { DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable } from './DrawerBody';\nexport { DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable } from './DrawerHeader';\nexport { DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable } from './DrawerHeaderTitle';\nexport { DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable } from './DrawerHeaderNavigation';\nexport { DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable } from './DrawerFooter';\n"],"names":["Drawer","renderDrawer_unstable","useDrawer_unstable","DrawerOverlay","drawerOverlayClassNames","renderDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","useDrawerOverlay_unstable","DrawerInline","drawerInlineClassNames","renderDrawerInline_unstable","useDrawerInlineStyles_unstable","useDrawerInline_unstable","DrawerBody","drawerBodyClassNames","renderDrawerBody_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","DrawerHeader","drawerHeaderClassNames","renderDrawerHeader_unstable","useDrawerHeaderStyles_unstable","useDrawerHeader_unstable","DrawerHeaderTitle","drawerHeaderTitleClassNames","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","DrawerHeaderNavigation","drawerHeaderNavigationClassNames","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","DrawerFooter","drawerFooterClassNames","renderDrawerFooter_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IACjDC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAChIC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAC3HC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAC3HC,iBAAiB,MAAjBA,oCAAiB;IAAEC,2BAA2B,MAA3BA,8CAA2B;IAAEC,gCAAgC,MAAhCA,mDAAgC;IAAEC,mCAAmC,MAAnCA,sDAAmC;IAAEC,6BAA6B,MAA7BA,gDAA6B;IACpJC,sBAAsB,MAAtBA,8CAAsB;IAAEC,gCAAgC,MAAhCA,wDAAgC;IAAEC,qCAAqC,MAArCA,6DAAqC;IAAEC,wCAAwC,MAAxCA,gEAAwC;IAAEC,kCAAkC,MAAlCA,0DAAkC;IAC7KC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;;wBAPlE;+BAC+E;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawer_unstable } from './Drawer';\nexport { OverlayDrawer, overlayDrawerClassNames, renderOverlayDrawer_unstable, useOverlayDrawerStyles_unstable, useOverlayDrawer_unstable } from './OverlayDrawer';\nexport { InlineDrawer, inlineDrawerClassNames, renderInlineDrawer_unstable, useInlineDrawerStyles_unstable, useInlineDrawer_unstable } from './InlineDrawer';\nexport { DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable } from './DrawerBody';\nexport { DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable } from './DrawerHeader';\nexport { DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable } from './DrawerHeaderTitle';\nexport { DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable } from './DrawerHeaderNavigation';\nexport { DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable } from './DrawerFooter';\n"],"names":["Drawer","renderDrawer_unstable","useDrawer_unstable","OverlayDrawer","overlayDrawerClassNames","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable","InlineDrawer","inlineDrawerClassNames","renderInlineDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable","DrawerBody","drawerBodyClassNames","renderDrawerBody_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","DrawerHeader","drawerHeaderClassNames","renderDrawerHeader_unstable","useDrawerHeaderStyles_unstable","useDrawerHeader_unstable","DrawerHeaderTitle","drawerHeaderTitleClassNames","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","DrawerHeaderNavigation","drawerHeaderNavigationClassNames","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","DrawerFooter","drawerFooterClassNames","renderDrawerFooter_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IACjDC,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,sBAAsB;eAAtBA,8CAAsB;;IAAEC,gCAAgC;eAAhCA,wDAAgC;;IAAEC,qCAAqC;eAArCA,6DAAqC;;IAAEC,wCAAwC;eAAxCA,gEAAwC;;IAAEC,kCAAkC;eAAlCA,0DAAkC;;IAC7KC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;;wBAPlE;+BAC+E;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}

package/lib-commonjs/shared/DrawerBase.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/shared/DrawerBase.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/shared/useDrawerBaseStyles.styles.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    drawerCSSVars: function() {
+        return drawerCSSVars;
+    },
+    drawerDefaultStyles: function() {
+        return drawerDefaultStyles;
+    },
+    useDrawerDurationStyles: function() {
+        return useDrawerDurationStyles;
+    },
+    useDrawerBaseClassNames: function() {
+        return useDrawerBaseClassNames;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const drawerCSSVars = {
+    drawerSizeVar: '--fui-Drawer--size'
+};
+const drawerDefaultStyles = {
+    .../*#__PURE__*/ _react.shorthands.overflow('hidden'),
+    width: `var(${drawerCSSVars.drawerSizeVar})`,
+    maxWidth: '100vw',
+    height: 'auto',
+    maxHeight: '100vh',
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start',
+    backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+    color: _reacttheme.tokens.colorNeutralForeground1
+};
+/**
+ * Shared dynamic styles for the Drawer component
+ */ const useDrawerStyles = /*#__PURE__*/ (0, _react.__styles)({
+    entering: {
+        Bkqvd7p: "f18ad807"
+    },
+    exiting: {
+        Bkqvd7p: "f1mfizis"
+    },
+    reducedMotion: {
+        Hwfdqs: "f5e8c63"
+    },
+    start: {
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        oyh7mz: [
+            "f1vgc2s3",
+            "f1e31b4d"
+        ],
+        j35jbq: [
+            "fvfyk4",
+            "frppm18"
+        ]
+    },
+    end: {
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ],
+        j35jbq: [
+            "f1e31b4d",
+            "f1vgc2s3"
+        ],
+        oyh7mz: [
+            "frppm18",
+            "fvfyk4"
+        ]
+    },
+    small: {
+        Bjr0ffy: "f1exhnwo"
+    },
+    medium: {
+        Bjr0ffy: "fqofjzu"
+    },
+    large: {
+        Bjr0ffy: "fce6y3m"
+    },
+    full: {
+        Bjr0ffy: "fsdmzs6"
+    }
+}, {
+    d: [
+        ".f18ad807{transition-timing-function:var(--curveDecelerateMid);}",
+        ".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}",
+        ".f5tn483{border-right-width:var(--strokeWidthThin);}",
+        ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
+        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
+        ".f1vgc2s3{left:0;}",
+        ".f1e31b4d{right:0;}",
+        ".fvfyk4{right:auto;}",
+        ".frppm18{left:auto;}",
+        ".f1exhnwo{--fui-Drawer--size:320px;}",
+        ".fqofjzu{--fui-Drawer--size:592px;}",
+        ".fce6y3m{--fui-Drawer--size:940px;}",
+        ".fsdmzs6{--fui-Drawer--size:100vw;}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ]
+    ]
+});
+const useDrawerDurationStyles = /*#__PURE__*/ (0, _react.__styles)({
+    small: {
+        B3o57yi: "fc397y7"
+    },
+    medium: {
+        B3o57yi: "f78771"
+    },
+    large: {
+        B3o57yi: "f9ymmep"
+    },
+    full: {
+        B3o57yi: "f1loko9l"
+    }
+}, {
+    d: [
+        ".fc397y7{transition-duration:var(--durationGentle);}",
+        ".f78771{transition-duration:var(--durationSlow);}",
+        ".f9ymmep{transition-duration:var(--durationSlower);}",
+        ".f1loko9l{transition-duration:var(--durationUltraSlow);}"
+    ]
+});
+const useDrawerBaseClassNames = ({ position, size, motion })=>{
+    const baseStyles = useDrawerStyles();
+    const durationStyles = useDrawerDurationStyles();
+    return (0, _react.mergeClasses)(baseStyles[position], durationStyles[size], baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);
+}; //# sourceMappingURL=useDrawerBaseStyles.styles.js.map

package/lib-commonjs/shared/useDrawerBaseStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */\nexport const drawerCSSVars = {\n  drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */\nexport const drawerDefaultStyles = {\n  ... /*#__PURE__*/shorthands.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 */\nconst useDrawerStyles = /*#__PURE__*/__styles({\n  entering: {\n    Bkqvd7p: \"f18ad807\"\n  },\n  exiting: {\n    Bkqvd7p: \"f1mfizis\"\n  },\n  reducedMotion: {\n    Hwfdqs: \"f5e8c63\"\n  },\n  start: {\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    j35jbq: [\"fvfyk4\", \"frppm18\"]\n  },\n  end: {\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    oyh7mz: [\"frppm18\", \"fvfyk4\"]\n  },\n  small: {\n    Bjr0ffy: \"f1exhnwo\"\n  },\n  medium: {\n    Bjr0ffy: \"fqofjzu\"\n  },\n  large: {\n    Bjr0ffy: \"fce6y3m\"\n  },\n  full: {\n    Bjr0ffy: \"fsdmzs6\"\n  }\n}, {\n  d: [\".f18ad807{transition-timing-function:var(--curveDecelerateMid);}\", \".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fsdmzs6{--fui-Drawer--size:100vw;}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }]]\n});\nexport const useDrawerDurationStyles = /*#__PURE__*/__styles({\n  small: {\n    B3o57yi: \"fc397y7\"\n  },\n  medium: {\n    B3o57yi: \"f78771\"\n  },\n  large: {\n    B3o57yi: \"f9ymmep\"\n  },\n  full: {\n    B3o57yi: \"f1loko9l\"\n  }\n}, {\n  d: [\".fc397y7{transition-duration:var(--durationGentle);}\", \".f78771{transition-duration:var(--durationSlow);}\", \".f9ymmep{transition-duration:var(--durationSlower);}\", \".f1loko9l{transition-duration:var(--durationUltraSlow);}\"]\n});\nexport const useDrawerBaseClassNames = ({\n  position,\n  size,\n  motion\n}) => {\n  const baseStyles = useDrawerStyles();\n  const durationStyles = useDrawerDurationStyles();\n  return mergeClasses(baseStyles[position], durationStyles[size], baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["drawerCSSVars","drawerDefaultStyles","useDrawerDurationStyles","useDrawerBaseClassNames","drawerSizeVar","shorthands","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","Bekrc4i","vrafjx","h3c5rm","oyh7mz","j35jbq","end","ibv6hh","wvpqe5","zhjwy3","small","Bjr0ffy","medium","large","full","d","m","B3o57yi","position","size","motion","baseStyles","durationStyles","mergeClasses","type"],"mappings":";;;;;;;;;;;IAKaA,aAAa;eAAbA;;IAMAC,mBAAmB;eAAnBA;;IA2DAC,uBAAuB;eAAvBA;;IAgBAC,uBAAuB;eAAvBA;;;uBAtFsC;4BAC5B;AAIhB,MAAMH,gBAAgB;IAC3BI,eAAe;AACjB;AAIO,MAAMH,sBAAsB;IACjC,GAAI,WAAW,GAAEI,iBAAU,CAACC,QAAQ,CAAC,SAAS;IAC9CC,OAAO,CAAC,IAAI,EAAEP,cAAcI,aAAa,CAAC,CAAC,CAAC;IAC5CI,UAAU;IACVC,QAAQ;IACRC,WAAW;IACXC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,gBAAgB;IAChBC,iBAAiBC,kBAAM,CAACC,uBAAuB;IAC/CC,OAAOF,kBAAM,CAACG,uBAAuB;AACvC;AACA;;CAEC,GACD,MAAMC,kBAAkB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC5CC,UAAU;QACRC,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,eAAe;QACbC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,KAAK;QACHC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAW;QAC/BJ,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAM,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,MAAM;QACJH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAoE;QAAoE;QAAwD;QAAwD;QAAuC;QAAsC;QAAgE;QAA8D;QAAsB;QAAuB;QAAwB;QAAwB;QAAwC;QAAuC;QAAuC;KAAsC;IAChsBC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAM1C,0BAA0B,WAAW,GAAEoB,IAAAA,eAAQ,EAAC;IAC3DgB,OAAO;QACLO,SAAS;IACX;IACAL,QAAQ;QACNK,SAAS;IACX;IACAJ,OAAO;QACLI,SAAS;IACX;IACAH,MAAM;QACJG,SAAS;IACX;AACF,GAAG;IACDF,GAAG;QAAC;QAAwD;QAAqD;QAAwD;KAA2D;AACtO;AACO,MAAMxC,0BAA0B,CAAC,EACtC2C,QAAQ,EACRC,IAAI,EACJC,MAAM,EACP;IACC,MAAMC,aAAa5B;IACnB,MAAM6B,iBAAiBhD;IACvB,OAAOiD,IAAAA,mBAAY,EAACF,UAAU,CAACH,SAAS,EAAEI,cAAc,CAACH,KAAK,EAAEE,UAAU,CAACF,KAAK,EAAEE,WAAWvB,aAAa,EAAEsB,OAAOI,IAAI,KAAK,cAAcH,WAAW1B,QAAQ,EAAEyB,OAAOI,IAAI,KAAK,aAAaH,WAAWxB,OAAO;AAChN,GACA,sDAAsD"}

package/lib-commonjs/shared/useDrawerDefaultProps.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerDefaultProps", {
+    enumerable: true,
+    get: function() {
+        return useDrawerDefaultProps;
+    }
+});
+function useDrawerDefaultProps(props) {
+    const { open = false, size = 'small', position = 'start' } = props;
+    return {
+        size,
+        position,
+        open
+    };
+}

package/lib-commonjs/shared/useDrawerDefaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerDefaultProps.js"],"sourcesContent":["export function useDrawerDefaultProps(props) {\n    const { open = false, size = 'small', position = 'start' } = props;\n    return {\n        size,\n        position,\n        open\n    };\n}\n"],"names":["useDrawerDefaultProps","props","open","size","position"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAK;IACvC,MAAM,EAAEC,OAAO,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGH;IAC7D,OAAO;QACHE;QACAC;QACAF;IACJ;AACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-drawer",
-  "version": "9.0.0-beta.4",
+  "version": "9.0.0-beta.40",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,25 +29,27 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-dialog": "^9.5.12",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.8",
-    "@fluentui/react-shared-contexts": "^9.5.1",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-utilities": "^9.9.4",
-    "@griffel/react": "^1.5.7",
-    "@swc/helpers": "^0.4.14"
+    "@fluentui/react-dialog": "^9.8.2",
+    "@fluentui/react-jsx-runtime": "^9.0.18",
+    "@fluentui/react-motion-preview": "^0.5.0",
+    "@fluentui/react-shared-contexts": "^9.11.1",
+    "@fluentui/react-tabster": "^9.14.3",
+    "@fluentui/react-theme": "^9.1.15",
+    "@fluentui/react-utilities": "^9.15.1",
+    "@griffel/react": "^1.5.14",
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [

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