@fluentui/react-drawer 9.0.0-beta.3 → 9.0.0-beta.30

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

@@ -9,39 +9,160 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    drawerOverlayClassNames: ()=>drawerOverlayClassNames,
-    useDrawerOverlayStyles_unstable: ()=>useDrawerOverlayStyles_unstable
+    drawerOverlayClassNames: function() {
+        return drawerOverlayClassNames;
+    },
+    useDrawerOverlayStyles_unstable: function() {
+        return useDrawerOverlayStyles_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = require("@griffel/react");
-const _useDrawerBaseStylesStyles = require("../../util/useDrawerBaseStyles.styles");
-const _react1 = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles");
 const drawerOverlayClassNames = {
     root: 'fui-DrawerOverlay',
     backdrop: 'fui-DrawerOverlay__backdrop'
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useDrawerRootStyles = /*#__PURE__*/ (0, _react1.__styles)({
     root: {
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ],
+        B68tc82: "f1p9o1ba",
+        Bmxbyg5: "f1sil6mw",
+        Bbmb7ep: [
+            "f1krrbdw",
+            "f1deotkl"
+        ],
+        Beyfa6y: [
+            "f1deotkl",
+            "f1krrbdw"
+        ],
+        B7oj6ja: [
+            "f10ostut",
+            "f1ozlkrg"
+        ],
+        Btl43ni: [
+            "f1ozlkrg",
+            "f10ostut"
+        ],
+        B4j52fo: "fre7gi1",
+        Bekrc4i: [
+            "f1358rze",
+            "f1rvrf73"
+        ],
+        Bn0qgzm: "fqdk4by",
+        ibv6hh: [
+            "f1rvrf73",
+            "f1358rze"
+        ],
+        a9b677: "f3rx6dk",
+        B2u0y6b: "f1w39fev",
+        Bqenvij: "f11ysow2",
+        B7ck84d: "f1ewtqcl",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Bt984gj: "f6jr5hl",
+        Brf1p80: "fbhxue7",
+        De3pzq: "fxugw4r",
         qhf8xq: "f19dog8a",
         Bhzewxz: "f15twtuk",
-        B5kzvoi: "f1yab3r1"
+        B5kzvoi: "f1yab3r1",
+        abs64n: "fk73vx1",
+        E5pizo: "fliqkoi",
+        Bmy1vo4: "f1neo61",
+        Es3by: "f1ytgekk"
+    },
+    start: {
+        Bz10aip: "f1d8gkik"
+    },
+    end: {
+        Bz10aip: "f1g0pcr8"
+    },
+    visible: {
+        abs64n: "f5p0z4x",
+        Bz10aip: "f87uvqx",
+        E5pizo: "f10nrhrw"
     }
 }, {
     d: [
+        ".f1g0x7ka{padding-top:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f1krrbdw{border-bottom-right-radius:0;}",
+        ".f1deotkl{border-bottom-left-radius:0;}",
+        ".f10ostut{border-top-right-radius:0;}",
+        ".f1ozlkrg{border-top-left-radius:0;}",
+        ".fre7gi1{border-top-width:0;}",
+        ".f1358rze{border-right-width:0;}",
+        ".f1rvrf73{border-left-width:0;}",
+        ".fqdk4by{border-bottom-width:0;}",
+        ".f3rx6dk{width:var(--fui-Drawer--size);}",
+        ".f1w39fev{max-width:100vw;}",
+        ".f11ysow2{height:auto;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f6jr5hl{align-items:flex-start;}",
+        ".fbhxue7{justify-content:flex-start;}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
         ".f19dog8a{position:fixed;}",
         ".f15twtuk{top:0;}",
-        ".f1yab3r1{bottom:0;}"
+        ".f1yab3r1{bottom:0;}",
+        ".fk73vx1{opacity:0;}",
+        ".fliqkoi{box-shadow:0px transparent;}",
+        ".f1neo61{transition-property:transform,box-shadow,opacity;}",
+        ".f1ytgekk{will-change:transform,box-shadow,opacity;}",
+        ".f1d8gkik{transform:translate3D(calc(var(--fui-Drawer--size) * -1), 0, 0);}",
+        ".f1g0pcr8{transform:translate3D(calc(var(--fui-Drawer--size) * 1), 0, 0);}",
+        ".f5p0z4x{opacity:1;}",
+        ".f87uvqx{transform:translate3D(0, 0, 0);}",
+        ".f10nrhrw{box-shadow:var(--shadow64);}"
+    ]
+});
+/**
+ * Styles for the backdrop slot
+ */ const useBackdropMotionStyles = /*#__PURE__*/ (0, _react1.__styles)({
+    backdrop: {
+        abs64n: "fk73vx1",
+        Bmy1vo4: "f13u1uyl",
+        Bkqvd7p: "f17wnm97",
+        Es3by: "f1gqqdtu"
+    },
+    visible: {
+        abs64n: "f5p0z4x"
+    }
+}, {
+    d: [
+        ".fk73vx1{opacity:0;}",
+        ".f13u1uyl{transition-property:opacity;}",
+        ".f17wnm97{transition-timing-function:var(--curveEasyEase);}",
+        ".f1gqqdtu{will-change:opacity;}",
+        ".f5p0z4x{opacity:1;}"
     ]
 });
 const useDrawerOverlayStyles_unstable = (state)=>{
-    const baseStyles = (0, _useDrawerBaseStylesStyles.useDrawerBaseStyles)();
-    const styles = useStyles();
+    const baseClassNames = (0, _useDrawerBaseStylesstyles.useDrawerBaseClassNames)(state);
+    const rootStyles = useDrawerRootStyles();
+    const backdropMotionStyles = useBackdropMotionStyles();
+    const durationStyles = (0, _useDrawerBaseStylesstyles.useDrawerDurationStyles)();
     const backdrop = state.root.backdrop;
-    state.root.className = (0, _react.mergeClasses)(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);
+    state.root.className = (0, _react1.mergeClasses)(drawerOverlayClassNames.root, baseClassNames, rootStyles.root, rootStyles[state.position], state.motion.active && rootStyles.visible, state.root.className);
     if (backdrop) {
-        backdrop.className = (0, _react.mergeClasses)(drawerOverlayClassNames.backdrop, backdrop.className);
+        backdrop.className = (0, _react1.mergeClasses)(drawerOverlayClassNames.backdrop, backdropMotionStyles.backdrop, durationStyles[state.size], state.backdropMotion.active && backdropMotionStyles.visible, backdrop.className);
     }
     return state;
 }; //# sourceMappingURL=useDrawerOverlayStyles.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport * as React from 'react';\nexport const drawerOverlayClassNames = {\n  root: 'fui-DrawerOverlay',\n  backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f19dog8a\",\n    Bhzewxz: \"f15twtuk\",\n    B5kzvoi: \"f1yab3r1\"\n  }\n}, {\n  d: [\".f19dog8a{position:fixed;}\", \".f15twtuk{top:0;}\", \".f1yab3r1{bottom:0;}\"]\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */\nexport const useDrawerOverlayStyles_unstable = state => {\n  const baseStyles = useDrawerBaseStyles();\n  const styles = useStyles();\n  const backdrop = state.root.backdrop;\n  state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n  if (backdrop) {\n    backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map"],"names":["drawerOverlayClassNames","useDrawerOverlayStyles_unstable","root","backdrop","useStyles","__styles","qhf8xq","Bhzewxz","B5kzvoi","d","state","baseStyles","useDrawerBaseStyles","styles","className","mergeClasses","size","position"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAmBAC,+BAA+B,MAA/BA;;;uBAtB0B;2CACH;8DACb;AAChB,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,UAAU;AACZ;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAAqB;KAAuB;AAChF;AAIO,MAAMR,kCAAkCS,CAAAA,QAAS;IACtD,MAAMC,aAAaC,IAAAA,8CAAmB;IACtC,MAAMC,SAAST;IACf,MAAMD,WAAWO,MAAMR,IAAI,CAACC,QAAQ;IACpCO,MAAMR,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,wBAAwBE,IAAI,EAAES,WAAWT,IAAI,EAAEW,OAAOX,IAAI,EAAEQ,MAAMM,IAAI,IAAIL,UAAU,CAACD,MAAMM,IAAI,CAAC,EAAEN,MAAMO,QAAQ,IAAIN,UAAU,CAACD,MAAMO,QAAQ,CAAC,EAAEP,MAAMR,IAAI,CAACY,SAAS;IACxM,IAAIX,UAAU;QACZA,SAASW,SAAS,GAAGC,IAAAA,mBAAY,EAACf,wBAAwBG,QAAQ,EAAEA,SAASW,SAAS;IACxF,CAAC;IACD,OAAOJ;AACT,GACA,yDAAyD"}
+{"version":3,"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames, useDrawerDurationStyles } from '../../shared/useDrawerBaseStyles.styles';\nexport const drawerOverlayClassNames = {\n  root: 'fui-DrawerOverlay',\n  backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useDrawerRootStyles = /*#__PURE__*/__styles({\n  root: {\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    a9b677: \"f3rx6dk\",\n    B2u0y6b: \"f1w39fev\",\n    Bqenvij: \"f11ysow2\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Bt984gj: \"f6jr5hl\",\n    Brf1p80: \"fbhxue7\",\n    De3pzq: \"fxugw4r\",\n    qhf8xq: \"f19dog8a\",\n    Bhzewxz: \"f15twtuk\",\n    B5kzvoi: \"f1yab3r1\",\n    abs64n: \"fk73vx1\",\n    E5pizo: \"fliqkoi\",\n    Bmy1vo4: \"f1neo61\",\n    Es3by: \"f1ytgekk\"\n  },\n  start: {\n    Bz10aip: \"f1d8gkik\"\n  },\n  end: {\n    Bz10aip: \"f1g0pcr8\"\n  },\n  visible: {\n    abs64n: \"f5p0z4x\",\n    Bz10aip: \"f87uvqx\",\n    E5pizo: \"f10nrhrw\"\n  }\n}, {\n  d: [\".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f3rx6dk{width:var(--fui-Drawer--size);}\", \".f1w39fev{max-width:100vw;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".fbhxue7{justify-content:flex-start;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19dog8a{position:fixed;}\", \".f15twtuk{top:0;}\", \".f1yab3r1{bottom:0;}\", \".fk73vx1{opacity:0;}\", \".fliqkoi{box-shadow:0px transparent;}\", \".f1neo61{transition-property:transform,box-shadow,opacity;}\", \".f1ytgekk{will-change:transform,box-shadow,opacity;}\", \".f1d8gkik{transform:translate3D(calc(var(--fui-Drawer--size) * -1), 0, 0);}\", \".f1g0pcr8{transform:translate3D(calc(var(--fui-Drawer--size) * 1), 0, 0);}\", \".f5p0z4x{opacity:1;}\", \".f87uvqx{transform:translate3D(0, 0, 0);}\", \".f10nrhrw{box-shadow:var(--shadow64);}\"]\n});\n/**\n * Styles for the backdrop slot\n */\nconst useBackdropMotionStyles = /*#__PURE__*/__styles({\n  backdrop: {\n    abs64n: \"fk73vx1\",\n    Bmy1vo4: \"f13u1uyl\",\n    Bkqvd7p: \"f17wnm97\",\n    Es3by: \"f1gqqdtu\"\n  },\n  visible: {\n    abs64n: \"f5p0z4x\"\n  }\n}, {\n  d: [\".fk73vx1{opacity:0;}\", \".f13u1uyl{transition-property:opacity;}\", \".f17wnm97{transition-timing-function:var(--curveEasyEase);}\", \".f1gqqdtu{will-change:opacity;}\", \".f5p0z4x{opacity:1;}\"]\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */\nexport const useDrawerOverlayStyles_unstable = state => {\n  const baseClassNames = useDrawerBaseClassNames(state);\n  const rootStyles = useDrawerRootStyles();\n  const backdropMotionStyles = useBackdropMotionStyles();\n  const durationStyles = useDrawerDurationStyles();\n  const backdrop = state.root.backdrop;\n  state.root.className = mergeClasses(drawerOverlayClassNames.root, baseClassNames, rootStyles.root, rootStyles[state.position], state.motion.active && rootStyles.visible, state.root.className);\n  if (backdrop) {\n    backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdropMotionStyles.backdrop, durationStyles[state.size], state.backdropMotion.active && backdropMotionStyles.visible, backdrop.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map"],"names":["drawerOverlayClassNames","useDrawerOverlayStyles_unstable","root","backdrop","useDrawerRootStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","a9b677","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","qhf8xq","Bhzewxz","B5kzvoi","abs64n","E5pizo","Bmy1vo4","Es3by","start","Bz10aip","end","visible","d","useBackdropMotionStyles","Bkqvd7p","state","baseClassNames","useDrawerBaseClassNames","rootStyles","backdropMotionStyles","durationStyles","useDrawerDurationStyles","className","mergeClasses","position","motion","active","size","backdropMotion"],"mappings":";;;;;;;;;;;IAIaA,uBAAuB;eAAvBA;;IAyEAC,+BAA+B;eAA/BA;;;;iEA7EU;wBACgB;2CAE8D;AAC9F,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,UAAU;AACZ;AACA;;CAEC,GACD,MAAMC,sBAAsB,WAAW,GAAEC,IAAAA,gBAAQ,EAAC;IAChDH,MAAM;QACJI,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,OAAO;IACT;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,KAAK;QACHD,SAAS;IACX;IACAE,SAAS;QACPP,QAAQ;QACRK,SAAS;QACTJ,QAAQ;IACV;AACF,GAAG;IACDO,GAAG;QAAC;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAiC;QAA4C;QAA2C;QAAyC;QAAwC;QAAiC;QAAoC;QAAmC;QAAoC;QAA4C;QAA+B;QAA2B;QAAqC;QAA2B;QAAqC;QAAqC;QAAyC;QAA8D;QAA8B;QAAqB;QAAwB;QAAwB;QAAyC;QAA+D;QAAwD;QAA+E;QAA8E;QAAwB;QAA6C;KAAyC;AAC11C;AACA;;CAEC,GACD,MAAMC,0BAA0B,WAAW,GAAEpC,IAAAA,gBAAQ,EAAC;IACpDF,UAAU;QACR6B,QAAQ;QACRE,SAAS;QACTQ,SAAS;QACTP,OAAO;IACT;IACAI,SAAS;QACPP,QAAQ;IACV;AACF,GAAG;IACDQ,GAAG;QAAC;QAAwB;QAA2C;QAA+D;QAAmC;KAAuB;AAClM;AAIO,MAAMvC,kCAAkC0C,CAAAA;IAC7C,MAAMC,iBAAiBC,IAAAA,kDAAuB,EAACF;IAC/C,MAAMG,aAAa1C;IACnB,MAAM2C,uBAAuBN;IAC7B,MAAMO,iBAAiBC,IAAAA,kDAAuB;IAC9C,MAAM9C,WAAWwC,MAAMzC,IAAI,CAACC,QAAQ;IACpCwC,MAAMzC,IAAI,CAACgD,SAAS,GAAGC,IAAAA,oBAAY,EAACnD,wBAAwBE,IAAI,EAAE0C,gBAAgBE,WAAW5C,IAAI,EAAE4C,UAAU,CAACH,MAAMS,QAAQ,CAAC,EAAET,MAAMU,MAAM,CAACC,MAAM,IAAIR,WAAWP,OAAO,EAAEI,MAAMzC,IAAI,CAACgD,SAAS;IAC9L,IAAI/C,UAAU;QACZA,SAAS+C,SAAS,GAAGC,IAAAA,oBAAY,EAACnD,wBAAwBG,QAAQ,EAAE4C,qBAAqB5C,QAAQ,EAAE6C,cAAc,CAACL,MAAMY,IAAI,CAAC,EAAEZ,MAAMa,cAAc,CAACF,MAAM,IAAIP,qBAAqBR,OAAO,EAAEpC,SAAS+C,SAAS;IAChN;IACA,OAAOP;AACT,GACA,yDAAyD"}

package/lib-commonjs/e2e/DrawerShared.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "testDrawerBaseScenarios", {
+    enumerable: true,
+    get: function() {
+        return testDrawerBaseScenarios;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@cypress/react");
+const _reactprovider = require("@fluentui/react-provider");
+const _reacttheme = require("@fluentui/react-theme");
+const mountFluent = (element)=>{
+    (0, _react1.mount)(/*#__PURE__*/ _react.createElement(_reactprovider.FluentProvider, {
+        theme: _reacttheme.webLightTheme
+    }, element));
+};
+function testDrawerBaseScenarios(Component) {
+    describe('basic functionality', ()=>{
+        it('should not render any element when closed', ()=>{
+            mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                id: "drawer"
+            }));
+            cy.get('#drawer').should('not.exist');
+        });
+        it('should render an element when opened', ()=>{
+            mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                id: "drawer",
+                open: true
+            }));
+            cy.get('#drawer').should('exist');
+        });
+        it('should render children content', ()=>{
+            const content = 'Test the renderization';
+            mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                id: "drawer",
+                open: true
+            }, content));
+            cy.get('#drawer').contains(content);
+        });
+        it('should toggle visibility on open prop change', ()=>{
+            const ExampleDrawer = ()=>{
+                const [open, setOpen] = _react.useState(false);
+                return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(Component, {
+                    id: "drawer",
+                    open: open
+                }), /*#__PURE__*/ _react.createElement("button", {
+                    id: "button",
+                    onClick: ()=>setOpen(true)
+                }, "Open"));
+            };
+            mountFluent(/*#__PURE__*/ _react.createElement(ExampleDrawer, null));
+            cy.get('#drawer').should('not.exist');
+            cy.get('#button').click();
+            cy.get('#drawer').should('exist');
+        });
+    });
+    describe('size prop', ()=>{
+        const sizes = {
+            small: 320,
+            medium: 592,
+            large: 940,
+            full: 1000
+        };
+        Object.entries(sizes).forEach(([size, width])=>{
+            const sizeProp = size;
+            it(`should have correct size when size is ${size}`, ()=>{
+                mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                    size: sizeProp,
+                    id: "drawer",
+                    open: true
+                }));
+                cy.viewport(1000, 1000);
+                cy.get('#drawer').should('have.css', 'width', width + 'px');
+                cy.get('#drawer').invoke('outerWidth').should('equal', width);
+            });
+        });
+        it('width should not be bigger than viewport', ()=>{
+            mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                id: "drawer",
+                open: true
+            }));
+            cy.viewport(319, 319);
+            cy.get('#drawer').should('have.css', 'width', '319px');
+            cy.get('#drawer').invoke('outerWidth').should('equal', 319);
+        });
+        it('should have custom size', ()=>{
+            mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                id: "drawer",
+                open: true,
+                style: {
+                    width: '200px'
+                }
+            }));
+            cy.get('#drawer').should('have.css', 'width', '200px');
+            cy.get('#drawer').invoke('outerWidth').should('equal', 200);
+        });
+    });
+    describe('position prop', ()=>{
+        const positions = {
+            start: 'left',
+            end: 'right'
+        };
+        Object.entries(positions).forEach(([position, side])=>{
+            const positionProp = position;
+            it(`should have correct position when position is ${position}`, ()=>{
+                mountFluent(/*#__PURE__*/ _react.createElement(Component, {
+                    position: positionProp,
+                    id: "drawer",
+                    open: true
+                }));
+                cy.get('#drawer').should('have.css', side, '0px');
+            });
+        });
+    });
+}

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;
+    },
+    DrawerOverlay: function() {
+        return _DrawerOverlay.DrawerOverlay;
+    },
+    drawerOverlayClassNames: function() {
+        return _DrawerOverlay.drawerOverlayClassNames;
+    },
+    renderDrawerOverlay_unstable: function() {
+        return _DrawerOverlay.renderDrawerOverlay_unstable;
+    },
+    useDrawerOverlayStyles_unstable: function() {
+        return _DrawerOverlay.useDrawerOverlayStyles_unstable;
+    },
+    useDrawerOverlay_unstable: function() {
+        return _DrawerOverlay.useDrawerOverlay_unstable;
+    },
+    DrawerInline: function() {
+        return _DrawerInline.DrawerInline;
+    },
+    drawerInlineClassNames: function() {
+        return _DrawerInline.drawerInlineClassNames;
+    },
+    renderDrawerInline_unstable: function() {
+        return _DrawerInline.renderDrawerInline_unstable;
+    },
+    useDrawerInlineStyles_unstable: function() {
+        return _DrawerInline.useDrawerInlineStyles_unstable;
+    },
+    useDrawerInline_unstable: function() {
+        return _DrawerInline.useDrawerInline_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 _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");

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 { 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;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"}