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

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

@@ -0,0 +1,136 @@
+"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.padding(0),
+    .../*#__PURE__*/ _react.shorthands.overflow('hidden'),
+    .../*#__PURE__*/ _react.shorthands.borderRadius(0),
+    .../*#__PURE__*/ _react.shorthands.border(0),
+    width: `var(${drawerCSSVars.drawerSizeVar})`,
+    maxWidth: '100vw',
+    height: 'auto',
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start',
+    backgroundColor: _reacttheme.tokens.colorNeutralBackground1
+};
+/**
+ * Shared dynamic styles for the Drawer component
+ */ const useDrawerStyles = /*#__PURE__*/ (0, _react.__styles)({
+    entering: {
+        Bkqvd7p: "f18ad807"
+    },
+    exiting: {
+        Bkqvd7p: "f1mfizis"
+    },
+    reducedMotion: {
+        Hwfdqs: "f5e8c63"
+    },
+    start: {
+        oyh7mz: [
+            "f1vgc2s3",
+            "f1e31b4d"
+        ],
+        j35jbq: [
+            "fvfyk4",
+            "frppm18"
+        ]
+    },
+    end: {
+        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);}",
+        ".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.padding(0),\n  ... /*#__PURE__*/shorthands.overflow('hidden'),\n  ... /*#__PURE__*/shorthands.borderRadius(0),\n  ... /*#__PURE__*/shorthands.border(0),\n  width: `var(${drawerCSSVars.drawerSizeVar})`,\n  maxWidth: '100vw',\n  height: 'auto',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  justifyContent: 'flex-start',\n  backgroundColor: tokens.colorNeutralBackground1\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    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    j35jbq: [\"fvfyk4\", \"frppm18\"]\n  },\n  end: {\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);}\", \".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","padding","overflow","borderRadius","border","width","maxWidth","height","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","oyh7mz","j35jbq","end","small","Bjr0ffy","medium","large","full","d","m","B3o57yi","position","size","motion","baseStyles","durationStyles","mergeClasses","type"],"mappings":";;;;;;;;;;;IAKaA,aAAa;eAAbA;;IAMAC,mBAAmB;eAAnBA;;IAsDAC,uBAAuB;eAAvBA;;IAgBAC,uBAAuB;eAAvBA;;;uBAjFsC;4BAC5B;AAIhB,MAAMH,gBAAgB;IAC3BI,eAAe;AACjB;AAIO,MAAMH,sBAAsB;IACjC,GAAI,WAAW,GAAEI,iBAAU,CAACC,OAAO,CAAC,EAAE;IACtC,GAAI,WAAW,GAAED,iBAAU,CAACE,QAAQ,CAAC,SAAS;IAC9C,GAAI,WAAW,GAAEF,iBAAU,CAACG,YAAY,CAAC,EAAE;IAC3C,GAAI,WAAW,GAAEH,iBAAU,CAACI,MAAM,CAAC,EAAE;IACrCC,OAAO,CAAC,IAAI,EAAEV,cAAcI,aAAa,CAAC,CAAC,CAAC;IAC5CO,UAAU;IACVC,QAAQ;IACRC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,gBAAgB;IAChBC,iBAAiBC,kBAAM,CAACC,uBAAuB;AACjD;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,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,KAAK;QACHD,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAG,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;QAAsB;QAAuB;QAAwB;QAAwB;QAAwC;QAAuC;QAAuC;KAAsC;IACrYC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAMpC,0BAA0B,WAAW,GAAEoB,IAAAA,eAAQ,EAAC;IAC3DU,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,MAAMlC,0BAA0B,CAAC,EACtCqC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACP;IACC,MAAMC,aAAatB;IACnB,MAAMuB,iBAAiB1C;IACvB,OAAO2C,IAAAA,mBAAY,EAACF,UAAU,CAACH,SAAS,EAAEI,cAAc,CAACH,KAAK,EAAEE,UAAU,CAACF,KAAK,EAAEE,WAAWjB,aAAa,EAAEgB,OAAOI,IAAI,KAAK,cAAcH,WAAWpB,QAAQ,EAAEmB,OAAOI,IAAI,KAAK,aAAaH,WAAWlB,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.3",
+  "version": "9.0.0-beta.30",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,25 +29,26 @@
   "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.11",
-    "@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.7.4",
+    "@fluentui/react-jsx-runtime": "^9.0.12",
+    "@fluentui/react-motion-preview": "^0.2.9",
+    "@fluentui/react-shared-contexts": "^9.9.2",
+    "@fluentui/react-theme": "^9.1.14",
+    "@fluentui/react-utilities": "^9.13.5",
+    "@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/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"}

package/lib/util/useDrawerBaseStyles.styles.js

@@ -1,55 +0,0 @@
-import { __styles, shorthands } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-/**
- * Styles for the root slot
- */
-export const useDrawerBaseStyles = /*#__PURE__*/__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"],
-    B2u0y6b: "f1w39fev",
-    Bqenvij: "f11ysow2",
-    B7ck84d: "f1ewtqcl",
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62",
-    Bt984gj: "f6jr5hl",
-    Brf1p80: "fbhxue7",
-    De3pzq: "fxugw4r"
-  },
-  left: {
-    oyh7mz: ["f1vgc2s3", "f1e31b4d"],
-    j35jbq: ["fvfyk4", "frppm18"]
-  },
-  right: {
-    j35jbq: ["f1e31b4d", "f1vgc2s3"],
-    oyh7mz: ["frppm18", "fvfyk4"]
-  },
-  small: {
-    a9b677: "f1nfxovz"
-  },
-  medium: {
-    a9b677: "fb8d3vz"
-  },
-  large: {
-    a9b677: "fi96w9z"
-  },
-  full: {
-    a9b677: "fr97h3j",
-    B2u0y6b: "f1w39fev"
-  }
-}, {
-  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;}", ".f1w39fev{max-width:100vw;}", ".f11ysow2{height:auto;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", ".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1vgc2s3{left:0;}", ".f1e31b4d{right:0;}", ".fvfyk4{right:auto;}", ".frppm18{left:auto;}", ".f1nfxovz{width:320px;}", ".fb8d3vz{width:592px;}", ".fi96w9z{width:940px;}", ".fr97h3j{width:100vw;}"]
-});
-//# sourceMappingURL=useDrawerBaseStyles.styles.js.map

package/lib/util/useDrawerBaseStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","shorthands","tokens","useDrawerBaseStyles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","left","oyh7mz","j35jbq","right","small","a9b677","medium","large","full","d"],"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */ export const useDrawerBaseStyles = makeStyles({\n    root: {\n        ...shorthands.padding(0),\n        ...shorthands.overflow('hidden'),\n        ...shorthands.borderRadius(0),\n        ...shorthands.border(0),\n        maxWidth: '100vw',\n        height: 'auto',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'flex-start',\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    /* Positioning */ left: {\n        left: 0,\n        right: 'auto'\n    },\n    right: {\n        right: 0,\n        left: 'auto'\n    },\n    /* Sizes */ small: {\n        width: '320px'\n    },\n    medium: {\n        width: '592px'\n    },\n    large: {\n        width: '940px'\n    },\n    full: {\n        width: '100vw',\n        maxWidth: '100vw'\n    }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,QAAQ,gBAAgB;AACvD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGH,QAAA;EAAAI,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;IAAAD,MAAA;EAAA;EAAAG,KAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,IAAA;IAAAH,MAAA;IAAAb,OAAA;EAAA;AAAA;EAAAiB,CAAA;AAAA,CAoCtC,CAAC"}

package/lib-commonjs/util/getDefaultDrawerProps.js

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

package/lib-commonjs/util/getDefaultDrawerProps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getDefaultDrawerProps.js"],"sourcesContent":["export function getDefaultDrawerProps(props) {\n    const { open =false , defaultOpen =false , size ='small' , position ='left'  } = props;\n    return {\n        size,\n        position,\n        open,\n        defaultOpen\n    };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,sBAAsBC,KAAK,EAAE;IACzC,MAAM,EAAEC,MAAM,KAAK,CAAA,EAAGC,aAAa,KAAK,CAAA,EAAGC,MAAM,QAAO,EAAGC,UAAU,OAAM,EAAG,GAAGJ;IACjF,OAAO;QACHG;QACAC;QACAH;QACAC;IACJ;AACJ"}

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

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useDrawerBaseStyles", {
-    enumerable: true,
-    get: ()=>useDrawerBaseStyles
-});
-const _react = require("@griffel/react");
-const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__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"
-        ],
-        B2u0y6b: "f1w39fev",
-        Bqenvij: "f11ysow2",
-        B7ck84d: "f1ewtqcl",
-        mc9l5x: "f22iagw",
-        Beiy3e4: "f1vx9l62",
-        Bt984gj: "f6jr5hl",
-        Brf1p80: "fbhxue7",
-        De3pzq: "fxugw4r"
-    },
-    left: {
-        oyh7mz: [
-            "f1vgc2s3",
-            "f1e31b4d"
-        ],
-        j35jbq: [
-            "fvfyk4",
-            "frppm18"
-        ]
-    },
-    right: {
-        j35jbq: [
-            "f1e31b4d",
-            "f1vgc2s3"
-        ],
-        oyh7mz: [
-            "frppm18",
-            "fvfyk4"
-        ]
-    },
-    small: {
-        a9b677: "f1nfxovz"
-    },
-    medium: {
-        a9b677: "fb8d3vz"
-    },
-    large: {
-        a9b677: "fi96w9z"
-    },
-    full: {
-        a9b677: "fr97h3j",
-        B2u0y6b: "f1w39fev"
-    }
-}, {
-    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;}",
-        ".f1w39fev{max-width:100vw;}",
-        ".f11ysow2{height:auto;}",
-        ".f1ewtqcl{box-sizing:border-box;}",
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
-        ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}",
-        ".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}",
-        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
-        ".f1vgc2s3{left:0;}",
-        ".f1e31b4d{right:0;}",
-        ".fvfyk4{right:auto;}",
-        ".frppm18{left:auto;}",
-        ".f1nfxovz{width:320px;}",
-        ".fb8d3vz{width:592px;}",
-        ".fi96w9z{width:940px;}",
-        ".fr97h3j{width:100vw;}"
-    ]
-}); //# sourceMappingURL=useDrawerBaseStyles.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */\nexport const useDrawerBaseStyles = /*#__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    B2u0y6b: \"f1w39fev\",\n    Bqenvij: \"f11ysow2\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Bt984gj: \"f6jr5hl\",\n    Brf1p80: \"fbhxue7\",\n    De3pzq: \"fxugw4r\"\n  },\n  left: {\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    j35jbq: [\"fvfyk4\", \"frppm18\"]\n  },\n  right: {\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    oyh7mz: [\"frppm18\", \"fvfyk4\"]\n  },\n  small: {\n    a9b677: \"f1nfxovz\"\n  },\n  medium: {\n    a9b677: \"fb8d3vz\"\n  },\n  large: {\n    a9b677: \"fi96w9z\"\n  },\n  full: {\n    a9b677: \"fr97h3j\",\n    B2u0y6b: \"f1w39fev\"\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;}\", \".f1w39fev{max-width:100vw;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}\", \".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1nfxovz{width:320px;}\", \".fb8d3vz{width:592px;}\", \".fi96w9z{width:940px;}\", \".fr97h3j{width:100vw;}\"]\n});\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["useDrawerBaseStyles","__styles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","left","oyh7mz","j35jbq","right","small","a9b677","medium","large","full","d"],"mappings":";;;;+BAKaA;;aAAAA;;uBALwB;AAK9B,MAAMA,sBAAsB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACvDC,MAAM;QACJC,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,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,OAAO;QACLD,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAG,OAAO;QACLC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,OAAO;QACLF,QAAQ;IACV;IACAG,MAAM;QACJH,QAAQ;QACRb,SAAS;IACX;AACF,GAAG;IACDiB,GAAG;QAAC;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAiC;QAA4C;QAA2C;QAAyC;QAAwC;QAAiC;QAAoC;QAAmC;QAAoC;QAA+B;QAA2B;QAAqC;QAAwF;QAA6F;QAA2H;QAAuH;QAA8D;QAAsB;QAAuB;QAAwB;QAAwB;QAA2B;QAA0B;QAA0B;KAAyB;AAC9vC,IACA,sDAAsD"}