@fluentui/react-drawer 9.0.0-beta.26 → 9.0.0-beta.29

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

@@ -1 +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 * 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    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  },\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: [\".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);}\", \".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 = useDrawerBaseStyles();\n  const durationStyles = useDrawerDurationStyles();\n  return mergeClasses(baseStyles.root, 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","useDrawerBaseStyles","useDrawerDurationStyles","useDrawerBaseClassNames","drawerSizeVar","__styles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","a9b677","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","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;;IA6DAC,uBAAuB;eAAvBA;;IAgBAC,uBAAuB;eAAvBA;;;uBAxFsC;AAK5C,MAAMH,gBAAgB;IAC3BI,eAAe;AACjB;AAIO,MAAMH,sBAAsB,WAAW,GAAEI,IAAAA,eAAQ,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,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,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;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAiC;QAA4C;QAA2C;QAAyC;QAAwC;QAAiC;QAAoC;QAAmC;QAAoC;QAA4C;QAA+B;QAA2B;QAAqC;QAA2B;QAAqC;QAAqC;QAAyC;QAA8D;QAAoE;QAAoE;QAAsB;QAAuB;QAAwB;QAAwB;QAAwC;QAAuC;QAAuC;KAAsC;IAC3sCC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAM3C,0BAA0B,WAAW,GAAEG,IAAAA,eAAQ,EAAC;IAC3DkC,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,MAAMzC,0BAA0B,CAAC,EACtC4C,QAAQ,EACRC,IAAI,EACJC,MAAM,EACP;IACC,MAAMC,aAAajD;IACnB,MAAMkD,iBAAiBjD;IACvB,OAAOkD,IAAAA,mBAAY,EAACF,WAAW5C,IAAI,EAAE4C,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;AACjO,GACA,sDAAsD"}
+{"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

@@ -9,11 +9,10 @@ Object.defineProperty(exports, "useDrawerDefaultProps", {
     }
 });
 function useDrawerDefaultProps(props) {
-    const { open = false, defaultOpen = false, size = 'small', position = 'start' } = props;
+    const { open = false, size = 'small', position = 'start' } = props;
     return {
         size,
         position,
-        open,
-        defaultOpen
+        open
     };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["useDrawerDefaultProps.js"],"sourcesContent":["export function useDrawerDefaultProps(props) {\n    const { open = false, defaultOpen = false, size = 'small', position = 'start' } = props;\n    return {\n        size,\n        position,\n        open,\n        defaultOpen\n    };\n}\n"],"names":["useDrawerDefaultProps","props","open","defaultOpen","size","position"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAK;IACvC,MAAM,EAAEC,OAAO,KAAK,EAAEC,cAAc,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGJ;IAClF,OAAO;QACHG;QACAC;QACAH;QACAC;IACJ;AACJ"}
+{"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.26",
+  "version": "9.0.0-beta.29",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,12 +35,12 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-dialog": "^9.7.0",
-    "@fluentui/react-jsx-runtime": "^9.0.9",
-    "@fluentui/react-motion-preview": "^0.2.5",
-    "@fluentui/react-shared-contexts": "^9.8.0",
-    "@fluentui/react-theme": "^9.1.12",
-    "@fluentui/react-utilities": "^9.13.3",
+    "@fluentui/react-dialog": "^9.7.3",
+    "@fluentui/react-jsx-runtime": "^9.0.12",
+    "@fluentui/react-motion-preview": "^0.2.8",
+    "@fluentui/react-shared-contexts": "^9.9.1",
+    "@fluentui/react-theme": "^9.1.14",
+    "@fluentui/react-utilities": "^9.13.5",
     "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.5.1"
   },