@fluentui/react-drawer 9.0.0-beta.2 → 9.0.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/CHANGELOG.json +555 -1
  2. package/CHANGELOG.md +214 -2
  3. package/dist/index.d.ts +27 -26
  4. package/lib/components/Drawer/Drawer.js.map +1 -1
  5. package/lib/components/Drawer/Drawer.types.js.map +1 -1
  6. package/lib/components/Drawer/renderDrawer.js +4 -4
  7. package/lib/components/Drawer/renderDrawer.js.map +1 -1
  8. package/lib/components/Drawer/useDrawer.js +9 -8
  9. package/lib/components/Drawer/useDrawer.js.map +1 -1
  10. package/lib/components/DrawerBody/DrawerBody.js.map +1 -1
  11. package/lib/components/DrawerBody/renderDrawerBody.js +4 -4
  12. package/lib/components/DrawerBody/renderDrawerBody.js.map +1 -1
  13. package/lib/components/DrawerBody/useDrawerBody.js +4 -2
  14. package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
  15. package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js +1 -1
  16. package/lib/components/DrawerFooter/DrawerFooter.js.map +1 -1
  17. package/lib/components/DrawerFooter/renderDrawerFooter.js +4 -4
  18. package/lib/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
  19. package/lib/components/DrawerFooter/useDrawerFooter.js +4 -2
  20. package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  21. package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js +1 -1
  22. package/lib/components/DrawerHeader/DrawerHeader.js.map +1 -1
  23. package/lib/components/DrawerHeader/renderDrawerHeader.js +4 -4
  24. package/lib/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
  25. package/lib/components/DrawerHeader/useDrawerHeader.js +4 -2
  26. package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  27. package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js +1 -1
  28. package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
  29. package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +4 -4
  30. package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
  31. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +4 -2
  32. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  33. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +1 -1
  34. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
  35. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +1 -1
  36. package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
  37. package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +9 -4
  38. package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
  39. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +20 -13
  40. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  41. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +1 -1
  42. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
  43. package/lib/components/DrawerInline/DrawerInline.js +1 -1
  44. package/lib/components/DrawerInline/DrawerInline.js.map +1 -1
  45. package/lib/components/DrawerInline/DrawerInline.types.js.map +1 -1
  46. package/lib/components/DrawerInline/renderDrawerInline.js +5 -5
  47. package/lib/components/DrawerInline/renderDrawerInline.js.map +1 -1
  48. package/lib/components/DrawerInline/useDrawerInline.js +15 -11
  49. package/lib/components/DrawerInline/useDrawerInline.js.map +1 -1
  50. package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js +25 -11
  51. package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js.map +1 -1
  52. package/lib/components/DrawerOverlay/DrawerOverlay.js.map +1 -1
  53. package/lib/components/DrawerOverlay/DrawerOverlay.types.js.map +1 -1
  54. package/lib/components/DrawerOverlay/renderDrawerOverlay.js +10 -4
  55. package/lib/components/DrawerOverlay/renderDrawerOverlay.js.map +1 -1
  56. package/lib/components/DrawerOverlay/useDrawerOverlay.js +40 -18
  57. package/lib/components/DrawerOverlay/useDrawerOverlay.js.map +1 -1
  58. package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +48 -8
  59. package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +1 -1
  60. package/lib/util/DrawerBase.types.js.map +1 -1
  61. package/lib/util/useDrawerBaseStyles.styles.js +52 -9
  62. package/lib/util/useDrawerBaseStyles.styles.js.map +1 -1
  63. package/lib/util/useDrawerDefaultProps.js +9 -0
  64. package/lib/util/useDrawerDefaultProps.js.map +1 -0
  65. package/lib-commonjs/Drawer.js +2 -2
  66. package/lib-commonjs/Drawer.js.map +1 -1
  67. package/lib-commonjs/DrawerBody.js +2 -2
  68. package/lib-commonjs/DrawerBody.js.map +1 -1
  69. package/lib-commonjs/DrawerFooter.js +2 -2
  70. package/lib-commonjs/DrawerFooter.js.map +1 -1
  71. package/lib-commonjs/DrawerHeader.js +2 -2
  72. package/lib-commonjs/DrawerHeader.js.map +1 -1
  73. package/lib-commonjs/DrawerHeaderNavigation.js +2 -2
  74. package/lib-commonjs/DrawerHeaderNavigation.js.map +1 -1
  75. package/lib-commonjs/DrawerHeaderTitle.js +2 -2
  76. package/lib-commonjs/DrawerHeaderTitle.js.map +1 -1
  77. package/lib-commonjs/DrawerInline.js +2 -2
  78. package/lib-commonjs/DrawerInline.js.map +1 -1
  79. package/lib-commonjs/DrawerOverlay.js +2 -2
  80. package/lib-commonjs/DrawerOverlay.js.map +1 -1
  81. package/lib-commonjs/components/Drawer/Drawer.js +9 -7
  82. package/lib-commonjs/components/Drawer/Drawer.js.map +1 -1
  83. package/lib-commonjs/components/Drawer/index.js +6 -6
  84. package/lib-commonjs/components/Drawer/index.js.map +1 -1
  85. package/lib-commonjs/components/Drawer/renderDrawer.js +8 -6
  86. package/lib-commonjs/components/Drawer/renderDrawer.js.map +1 -1
  87. package/lib-commonjs/components/Drawer/useDrawer.js +16 -13
  88. package/lib-commonjs/components/Drawer/useDrawer.js.map +1 -1
  89. package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js +6 -2
  90. package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map +1 -1
  91. package/lib-commonjs/components/DrawerBody/DrawerBody.js +9 -7
  92. package/lib-commonjs/components/DrawerBody/DrawerBody.js.map +1 -1
  93. package/lib-commonjs/components/DrawerBody/index.js +6 -6
  94. package/lib-commonjs/components/DrawerBody/index.js.map +1 -1
  95. package/lib-commonjs/components/DrawerBody/renderDrawerBody.js +8 -7
  96. package/lib-commonjs/components/DrawerBody/renderDrawerBody.js.map +1 -1
  97. package/lib-commonjs/components/DrawerBody/useDrawerBody.js +9 -5
  98. package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
  99. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js +12 -8
  100. package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
  101. package/lib-commonjs/components/DrawerFooter/DrawerFooter.js +7 -5
  102. package/lib-commonjs/components/DrawerFooter/DrawerFooter.js.map +1 -1
  103. package/lib-commonjs/components/DrawerFooter/index.js +6 -6
  104. package/lib-commonjs/components/DrawerFooter/index.js.map +1 -1
  105. package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js +8 -7
  106. package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
  107. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js +9 -5
  108. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  109. package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js +11 -7
  110. package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
  111. package/lib-commonjs/components/DrawerHeader/DrawerHeader.js +9 -7
  112. package/lib-commonjs/components/DrawerHeader/DrawerHeader.js.map +1 -1
  113. package/lib-commonjs/components/DrawerHeader/index.js +6 -6
  114. package/lib-commonjs/components/DrawerHeader/index.js.map +1 -1
  115. package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js +8 -7
  116. package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
  117. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js +9 -5
  118. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  119. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js +11 -7
  120. package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
  121. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js +9 -7
  122. package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
  123. package/lib-commonjs/components/DrawerHeaderNavigation/index.js +6 -6
  124. package/lib-commonjs/components/DrawerHeaderNavigation/index.js.map +1 -1
  125. package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +8 -7
  126. package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
  127. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +9 -5
  128. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  129. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +8 -4
  130. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
  131. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js +9 -7
  132. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
  133. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +0 -2
  134. package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
  135. package/lib-commonjs/components/DrawerHeaderTitle/index.js +6 -6
  136. package/lib-commonjs/components/DrawerHeaderTitle/index.js.map +1 -1
  137. package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +13 -7
  138. package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
  139. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +25 -16
  140. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  141. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +14 -10
  142. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
  143. package/lib-commonjs/components/DrawerInline/DrawerInline.js +7 -5
  144. package/lib-commonjs/components/DrawerInline/DrawerInline.js.map +1 -1
  145. package/lib-commonjs/components/DrawerInline/index.js +6 -6
  146. package/lib-commonjs/components/DrawerInline/index.js.map +1 -1
  147. package/lib-commonjs/components/DrawerInline/renderDrawerInline.js +9 -8
  148. package/lib-commonjs/components/DrawerInline/renderDrawerInline.js.map +1 -1
  149. package/lib-commonjs/components/DrawerInline/useDrawerInline.js +21 -15
  150. package/lib-commonjs/components/DrawerInline/useDrawerInline.js.map +1 -1
  151. package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js +46 -16
  152. package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js.map +1 -1
  153. package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js +7 -5
  154. package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js.map +1 -1
  155. package/lib-commonjs/components/DrawerOverlay/index.js +6 -6
  156. package/lib-commonjs/components/DrawerOverlay/index.js.map +1 -1
  157. package/lib-commonjs/components/DrawerOverlay/renderDrawerOverlay.js +15 -8
  158. package/lib-commonjs/components/DrawerOverlay/renderDrawerOverlay.js.map +1 -1
  159. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js +45 -21
  160. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js.map +1 -1
  161. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +69 -11
  162. package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +1 -1
  163. package/lib-commonjs/index.js +122 -46
  164. package/lib-commonjs/index.js.map +1 -1
  165. package/lib-commonjs/util/useDrawerBaseStyles.styles.js +85 -20
  166. package/lib-commonjs/util/useDrawerBaseStyles.styles.js.map +1 -1
  167. package/lib-commonjs/util/useDrawerDefaultProps.js +19 -0
  168. package/lib-commonjs/util/useDrawerDefaultProps.js.map +1 -0
  169. package/package.json +14 -13
  170. package/lib/util/getDefaultDrawerProps.js +0 -9
  171. package/lib/util/getDefaultDrawerProps.js.map +0 -1
  172. package/lib-commonjs/util/getDefaultDrawerProps.js +0 -17
  173. package/lib-commonjs/util/getDefaultDrawerProps.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */ export const useDrawerHeader_unstable = (props, ref)=>{\n return {\n components: {\n root: 'header'\n },\n root: getNativeElementProps('header', {\n ref,\n ...props\n })\n };\n};\n"],"names":["useDrawerHeader_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,2BAA2B,CAACC,OAAOC,MAAM;IACtD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,UAAU;YAClCH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */ export const useDrawerHeader_unstable = (props, ref)=>{\n return {\n components: {\n root: 'header'\n },\n root: slot.always(getNativeElementProps('header', {\n ref,\n ...props\n }), {\n elementType: 'header'\n })\n };\n};\n"],"names":["useDrawerHeader_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,UAAU;YAC9CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
@@ -9,8 +9,12 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- drawerHeaderClassNames: ()=>drawerHeaderClassNames,
13
- useDrawerHeaderStyles_unstable: ()=>useDrawerHeaderStyles_unstable
12
+ drawerHeaderClassNames: function() {
13
+ return drawerHeaderClassNames;
14
+ },
15
+ useDrawerHeaderStyles_unstable: function() {
16
+ return useDrawerHeaderStyles_unstable;
17
+ }
14
18
  });
15
19
  const _react = require("@griffel/react");
16
20
  const drawerHeaderClassNames = {
@@ -18,7 +22,7 @@ const drawerHeaderClassNames = {
18
22
  };
19
23
  /**
20
24
  * Styles for the root slot
21
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
25
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
22
26
  root: {
23
27
  z8tnut: "f1ggmyuv",
24
28
  z189sj: [
@@ -42,11 +46,11 @@ const drawerHeaderClassNames = {
42
46
  ".fnbas0t{padding-right:var(--spacingHorizontalXXL);}",
43
47
  ".f1mswpri{padding-left:var(--spacingHorizontalXXL);}",
44
48
  ".f5b47ha{padding-bottom:var(--spacingVerticalS);}",
45
- ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
49
+ ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
46
50
  ".fylz90v{row-gap:var(--spacingHorizontalS);}",
47
- ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}",
48
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
49
- ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"
51
+ ".f1ub7u0d{align-self:stretch;}",
52
+ ".f22iagw{display:flex;}",
53
+ ".f1vx9l62{flex-direction:column;}"
50
54
  ]
51
55
  });
52
56
  const useDrawerHeaderStyles_unstable = (state)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderClassNames = {\n root: 'fui-DrawerHeader'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1ggmyuv\",\n z189sj: [\"fnbas0t\", \"f1mswpri\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1mswpri\", \"fnbas0t\"],\n i8kkvl: \"fsnqrgy\",\n Belr9w4: \"fylz90v\",\n qb2dma: \"f1ub7u0d\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f1ggmyuv{padding-top:var(--spacingVerticalXXL);}\", \".fnbas0t{padding-right:var(--spacingHorizontalXXL);}\", \".f1mswpri{padding-left:var(--spacingHorizontalXXL);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\n/**\n * Apply styling to the DrawerHeader slots based on the state\n */\nexport const useDrawerHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderStyles.styles.js.map"],"names":["drawerHeaderClassNames","useDrawerHeaderStyles_unstable","root","useStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","qb2dma","mc9l5x","Beiy3e4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAwBAC,8BAA8B,MAA9BA;;uBA1BsC;AAE5C,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAqD;QAAwD;QAAwD;QAAqD;QAAgG;QAAgD;QAAyF;QAAwF;KAA4F;AAC7nB;AAIO,MAAMb,iCAAiCc,CAAAA,QAAS;IACrD,MAAMC,SAASb;IACfY,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,uBAAuBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
1
+ {"version":3,"sources":["useDrawerHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderClassNames = {\n root: 'fui-DrawerHeader'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1ggmyuv\",\n z189sj: [\"fnbas0t\", \"f1mswpri\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1mswpri\", \"fnbas0t\"],\n i8kkvl: \"fsnqrgy\",\n Belr9w4: \"fylz90v\",\n qb2dma: \"f1ub7u0d\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f1ggmyuv{padding-top:var(--spacingVerticalXXL);}\", \".fnbas0t{padding-right:var(--spacingHorizontalXXL);}\", \".f1mswpri{padding-left:var(--spacingHorizontalXXL);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".f1ub7u0d{align-self:stretch;}\", \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/**\n * Apply styling to the DrawerHeader slots based on the state\n */\nexport const useDrawerHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderStyles.styles.js.map"],"names":["drawerHeaderClassNames","useDrawerHeaderStyles_unstable","root","useStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","qb2dma","mc9l5x","Beiy3e4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB;eAAtBA;;IAwBAC,8BAA8B;eAA9BA;;;uBA1BsC;AAE5C,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAqD;QAAwD;QAAwD;QAAqD;QAAmD;QAAgD;QAAkC;QAA2B;KAAoC;AACpa;AAIO,MAAMb,iCAAiCc,CAAAA;IAC5C,MAAMC,SAASb;IACfY,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,uBAAuBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "DrawerHeaderNavigation", {
6
6
  enumerable: true,
7
- get: ()=>DrawerHeaderNavigation
7
+ get: function() {
8
+ return DrawerHeaderNavigation;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
11
13
  const _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation");
12
14
  const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation");
13
- const _useDrawerHeaderNavigationStylesStyles = require("./useDrawerHeaderNavigationStyles.styles");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
+ const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
17
  const DrawerHeaderNavigation = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
18
  const state = (0, _useDrawerHeaderNavigation.useDrawerHeaderNavigation_unstable)(props, ref);
17
- (0, _useDrawerHeaderNavigationStylesStyles.useDrawerHeaderNavigationStyles_unstable)(state);
18
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDrawerHeaderNavigationStyles_unstable')(state);
19
+ (0, _useDrawerHeaderNavigationStylesstyles.useDrawerHeaderNavigationStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerHeaderNavigationStyles_unstable')(state);
19
21
  return (0, _renderDrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable)(state);
20
22
  });
21
23
  DrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nimport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nimport { useDrawerHeaderNavigationStyles_unstable } from './useDrawerHeaderNavigationStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DrawerHeaderNavigation provides a header navigation area for the Drawer.\n */ export const DrawerHeaderNavigation = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDrawerHeaderNavigation_unstable(props, ref);\n useDrawerHeaderNavigationStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderNavigationStyles_unstable')(state);\n return renderDrawerHeaderNavigation_unstable(state);\n});\nDrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';\n"],"names":["DrawerHeaderNavigation","React","forwardRef","props","ref","state","useDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useCustomStyleHook_unstable","renderDrawerHeaderNavigation_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;2CAC4B;8CACG;uDACG;qCACb;AAGjC,MAAMA,yBAAyB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACnF,MAAMC,QAAQC,IAAAA,6DAAkC,EAACH,OAAOC;IACxDG,IAAAA,+EAAwC,EAACF;IACzCG,IAAAA,gDAA2B,EAAC,4CAA4CH;IACxE,OAAOI,IAAAA,mEAAqC,EAACJ;AACjD;AACAL,uBAAuBU,WAAW,GAAG"}
1
+ {"version":3,"sources":["DrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nimport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nimport { useDrawerHeaderNavigationStyles_unstable } from './useDrawerHeaderNavigationStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DrawerHeaderNavigation provides a header navigation area for the Drawer.\n */ export const DrawerHeaderNavigation = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDrawerHeaderNavigation_unstable(props, ref);\n useDrawerHeaderNavigationStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderNavigationStyles_unstable')(state);\n return renderDrawerHeaderNavigation_unstable(state);\n});\nDrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';\n"],"names":["DrawerHeaderNavigation","React","forwardRef","props","ref","state","useDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useCustomStyleHook_unstable","renderDrawerHeaderNavigation_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;2CAC4B;8CACG;uDACG;qCACb;AAGjC,MAAMA,yBAAyB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7E,MAAMC,QAAQC,IAAAA,6DAAkC,EAACH,OAAOC;IACxDG,IAAAA,+EAAwC,EAACF;IACzCG,IAAAA,gDAA2B,EAAC,4CAA4CH;IACxE,OAAOI,IAAAA,mEAAqC,EAACJ;AACjD;AACAL,uBAAuBU,WAAW,GAAG"}
@@ -2,9 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./DrawerHeaderNavigation"), exports);
7
- _exportStar(require("./DrawerHeaderNavigation.types"), exports);
8
- _exportStar(require("./renderDrawerHeaderNavigation"), exports);
9
- _exportStar(require("./useDrawerHeaderNavigation"), exports);
10
- _exportStar(require("./useDrawerHeaderNavigationStyles.styles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./DrawerHeaderNavigation"), exports);
7
+ _export_star._(require("./DrawerHeaderNavigation.types"), exports);
8
+ _export_star._(require("./renderDrawerHeaderNavigation"), exports);
9
+ _export_star._(require("./useDrawerHeaderNavigation"), exports);
10
+ _export_star._(require("./useDrawerHeaderNavigationStyles.styles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderNavigation';\nexport * from './DrawerHeaderNavigation.types';\nexport * from './renderDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigationStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderNavigation';\nexport * from './DrawerHeaderNavigation.types';\nexport * from './renderDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigationStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1,15 +1,16 @@
1
- "use strict";
1
+ /** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  Object.defineProperty(exports, "renderDrawerHeaderNavigation_unstable", {
6
6
  enumerable: true,
7
- get: ()=>renderDrawerHeaderNavigation_unstable
7
+ get: function() {
8
+ return renderDrawerHeaderNavigation_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
12
13
  const renderDrawerHeaderNavigation_unstable = (state)=>{
13
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
14
- return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
15
16
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderNavigation\n */ export const renderDrawerHeaderNavigation_unstable = (state)=>{\n const { slots , slotProps } = getSlots(state);\n return /*#__PURE__*/ React.createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDrawerHeaderNavigation_unstable","state","slots","slotProps","getSlots","React","createElement","root"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACE;AAGd,MAAMA,wCAAwC,CAACC,QAAQ;IAC9D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,wBAAQ,EAACH;IACxC,OAAO,WAAW,GAAGI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI;AACvE"}
1
+ {"version":3,"sources":["renderDrawerHeaderNavigation.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderNavigation\n */ export const renderDrawerHeaderNavigation_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderDrawerHeaderNavigation_unstable","state","assertSlots","_jsx","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,wCAAwC,CAACC;IACtDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useDrawerHeaderNavigation_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useDrawerHeaderNavigation_unstable
7
+ get: function() {
8
+ return useDrawerHeaderNavigation_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
12
14
  const useDrawerHeaderNavigation_unstable = (props, ref)=>{
13
15
  return {
14
16
  components: {
15
17
  root: 'nav'
16
18
  },
17
- root: (0, _reactUtilities.getNativeElementProps)('nav', {
19
+ root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('nav', {
18
20
  ref,
19
21
  ...props
22
+ }), {
23
+ elementType: 'nav'
20
24
  })
21
25
  };
22
26
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */ export const useDrawerHeaderNavigation_unstable = (props, ref)=>{\n return {\n components: {\n root: 'nav'\n },\n root: getNativeElementProps('nav', {\n ref,\n ...props\n })\n };\n};\n"],"names":["useDrawerHeaderNavigation_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,qCAAqC,CAACC,OAAOC,MAAM;IAChE,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */ export const useDrawerHeaderNavigation_unstable = (props, ref)=>{\n return {\n components: {\n root: 'nav'\n },\n root: slot.always(getNativeElementProps('nav', {\n ref,\n ...props\n }), {\n elementType: 'nav'\n })\n };\n};\n"],"names":["useDrawerHeaderNavigation_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,qCAAqC,CAACC,OAAOC;IAC1D,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
@@ -9,8 +9,12 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- drawerHeaderNavigationClassNames: ()=>drawerHeaderNavigationClassNames,
13
- useDrawerHeaderNavigationStyles_unstable: ()=>useDrawerHeaderNavigationStyles_unstable
12
+ drawerHeaderNavigationClassNames: function() {
13
+ return drawerHeaderNavigationClassNames;
14
+ },
15
+ useDrawerHeaderNavigationStyles_unstable: function() {
16
+ return useDrawerHeaderNavigationStyles_unstable;
17
+ }
14
18
  });
15
19
  const _react = require("@griffel/react");
16
20
  const drawerHeaderNavigationClassNames = {
@@ -18,7 +22,7 @@ const drawerHeaderNavigationClassNames = {
18
22
  };
19
23
  /**
20
24
  * Styles for the root slot
21
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
25
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
22
26
  root: {
23
27
  B6of3ja: "f19304h5",
24
28
  t21cq0: [
@@ -38,7 +42,7 @@ const drawerHeaderNavigationClassNames = {
38
42
  ".f1qb19o0{margin-right:calc(var(--spacingHorizontalL) * -1);}",
39
43
  ".f1p10pdi{margin-left:calc(var(--spacingHorizontalL) * -1);}",
40
44
  ".f118i8d9{margin-bottom:calc(var(--spacingVerticalS) * -1);}",
41
- ".f1ftwmyh{-webkit-order:0;-ms-flex-order:0;order:0;}"
45
+ ".f1ftwmyh{order:0;}"
42
46
  ]
43
47
  });
44
48
  const useDrawerHeaderNavigationStyles_unstable = (state)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderNavigationStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderNavigationClassNames = {\n root: 'fui-DrawerHeaderNavigation'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n B6of3ja: \"f19304h5\",\n t21cq0: [\"f1qb19o0\", \"f1p10pdi\"],\n jrapky: \"f118i8d9\",\n Frg6f3: [\"f1p10pdi\", \"f1qb19o0\"],\n Bxn5svx: \"f1ftwmyh\"\n }\n}, {\n d: [\".f19304h5{margin-top:calc(var(--spacingVerticalS) * -1);}\", \".f1qb19o0{margin-right:calc(var(--spacingHorizontalL) * -1);}\", \".f1p10pdi{margin-left:calc(var(--spacingHorizontalL) * -1);}\", \".f118i8d9{margin-bottom:calc(var(--spacingVerticalS) * -1);}\", \".f1ftwmyh{-webkit-order:0;-ms-flex-order:0;order:0;}\"]\n});\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderNavigationStyles.styles.js.map"],"names":["drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable","root","useStyles","__styles","B6of3ja","t21cq0","jrapky","Frg6f3","Bxn5svx","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,gCAAgC,MAAhCA;IAoBAC,wCAAwC,MAAxCA;;uBAtBsC;AAE5C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6D;QAAiE;QAAgE;QAAgE;KAAuD;AAC3T;AAIO,MAAMT,2CAA2CU,CAAAA,QAAS;IAC/D,MAAMC,SAAST;IACfQ,MAAMT,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACd,iCAAiCE,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAC5G,OAAOF;AACT,GACA,kEAAkE"}
1
+ {"version":3,"sources":["useDrawerHeaderNavigationStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderNavigationClassNames = {\n root: 'fui-DrawerHeaderNavigation'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n B6of3ja: \"f19304h5\",\n t21cq0: [\"f1qb19o0\", \"f1p10pdi\"],\n jrapky: \"f118i8d9\",\n Frg6f3: [\"f1p10pdi\", \"f1qb19o0\"],\n Bxn5svx: \"f1ftwmyh\"\n }\n}, {\n d: [\".f19304h5{margin-top:calc(var(--spacingVerticalS) * -1);}\", \".f1qb19o0{margin-right:calc(var(--spacingHorizontalL) * -1);}\", \".f1p10pdi{margin-left:calc(var(--spacingHorizontalL) * -1);}\", \".f118i8d9{margin-bottom:calc(var(--spacingVerticalS) * -1);}\", \".f1ftwmyh{order:0;}\"]\n});\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderNavigationStyles.styles.js.map"],"names":["drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable","root","useStyles","__styles","B6of3ja","t21cq0","jrapky","Frg6f3","Bxn5svx","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,gCAAgC;eAAhCA;;IAoBAC,wCAAwC;eAAxCA;;;uBAtBsC;AAE5C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6D;QAAiE;QAAgE;QAAgE;KAAsB;AAC1R;AAIO,MAAMT,2CAA2CU,CAAAA;IACtD,MAAMC,SAAST;IACfQ,MAAMT,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACd,iCAAiCE,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAC5G,OAAOF;AACT,GACA,kEAAkE"}
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "DrawerHeaderTitle", {
6
6
  enumerable: true,
7
- get: ()=>DrawerHeaderTitle
7
+ get: function() {
8
+ return DrawerHeaderTitle;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
11
13
  const _useDrawerHeaderTitle = require("./useDrawerHeaderTitle");
12
14
  const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle");
13
- const _useDrawerHeaderTitleStylesStyles = require("./useDrawerHeaderTitleStyles.styles");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
+ const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
17
  const DrawerHeaderTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
18
  const state = (0, _useDrawerHeaderTitle.useDrawerHeaderTitle_unstable)(props, ref);
17
- (0, _useDrawerHeaderTitleStylesStyles.useDrawerHeaderTitleStyles_unstable)(state);
18
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDrawerHeaderTitleStyles_unstable')(state);
19
+ (0, _useDrawerHeaderTitleStylesstyles.useDrawerHeaderTitleStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerHeaderTitleStyles_unstable')(state);
19
21
  return (0, _renderDrawerHeaderTitle.renderDrawerHeaderTitle_unstable)(state);
20
22
  });
21
23
  DrawerHeaderTitle.displayName = 'DrawerHeaderTitle';
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */ export const DrawerHeaderTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDrawerHeaderTitle_unstable(props, ref);\n useDrawerHeaderTitleStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n return renderDrawerHeaderTitle_unstable(state);\n});\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["DrawerHeaderTitle","React","forwardRef","props","ref","state","useDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useCustomStyleHook_unstable","renderDrawerHeaderTitle_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;sCACuB;yCACG;kDACG;qCACR;AAGjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC9E,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}
1
+ {"version":3,"sources":["DrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */ export const DrawerHeaderTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDrawerHeaderTitle_unstable(props, ref);\n useDrawerHeaderTitleStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n return renderDrawerHeaderTitle_unstable(state);\n});\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["DrawerHeaderTitle","React","forwardRef","props","ref","state","useDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useCustomStyleHook_unstable","renderDrawerHeaderTitle_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;sCACuB;yCACG;kDACG;qCACR;AAGjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}
@@ -2,5 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerHeaderTitle.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -2,9 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./DrawerHeaderTitle"), exports);
7
- _exportStar(require("./DrawerHeaderTitle.types"), exports);
8
- _exportStar(require("./renderDrawerHeaderTitle"), exports);
9
- _exportStar(require("./useDrawerHeaderTitle"), exports);
10
- _exportStar(require("./useDrawerHeaderTitleStyles.styles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./DrawerHeaderTitle"), exports);
7
+ _export_star._(require("./DrawerHeaderTitle.types"), exports);
8
+ _export_star._(require("./renderDrawerHeaderTitle"), exports);
9
+ _export_star._(require("./useDrawerHeaderTitle"), exports);
10
+ _export_star._(require("./useDrawerHeaderTitleStyles.styles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderTitle';\nexport * from './DrawerHeaderTitle.types';\nexport * from './renderDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitleStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderTitle';\nexport * from './DrawerHeaderTitle.types';\nexport * from './renderDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitleStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1,15 +1,21 @@
1
- "use strict";
1
+ /** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  Object.defineProperty(exports, "renderDrawerHeaderTitle_unstable", {
6
6
  enumerable: true,
7
- get: ()=>renderDrawerHeaderTitle_unstable
7
+ get: function() {
8
+ return renderDrawerHeaderTitle_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
12
13
  const renderDrawerHeaderTitle_unstable = (state)=>{
13
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
14
- return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.heading && /*#__PURE__*/ _react.createElement(slots.heading, slotProps.heading), slots.action && /*#__PURE__*/ _react.createElement(slots.action, slotProps.action));
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
+ children: [
17
+ state.heading && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.heading, {}),
18
+ state.action && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.action, {})
19
+ ]
20
+ });
15
21
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderTitle\n */ export const renderDrawerHeaderTitle_unstable = (state)=>{\n const { slots , slotProps } = getSlots(state);\n return /*#__PURE__*/ React.createElement(slots.root, slotProps.root, slots.heading && /*#__PURE__*/ React.createElement(slots.heading, slotProps.heading), slots.action && /*#__PURE__*/ React.createElement(slots.action, slotProps.action));\n};\n"],"names":["renderDrawerHeaderTitle_unstable","state","slots","slotProps","getSlots","React","createElement","root","heading","action"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACE;AAGd,MAAMA,mCAAmC,CAACC,QAAQ;IACzD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,wBAAQ,EAACH;IACxC,OAAO,WAAW,GAAGI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,OAAO,IAAI,WAAW,GAAGH,OAAMC,aAAa,CAACJ,MAAMM,OAAO,EAAEL,UAAUK,OAAO,GAAGN,MAAMO,MAAM,IAAI,WAAW,GAAGJ,OAAMC,aAAa,CAACJ,MAAMO,MAAM,EAAEN,UAAUM,MAAM;AAC/O"}
1
+ {"version":3,"sources":["renderDrawerHeaderTitle.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderTitle\n */ export const renderDrawerHeaderTitle_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.heading && /*#__PURE__*/ _jsx(state.heading, {}),\n state.action && /*#__PURE__*/ _jsx(state.action, {})\n ]\n });\n};\n"],"names":["renderDrawerHeaderTitle_unstable","state","assertSlots","_jsxs","root","children","heading","_jsx","action"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,mCAAmC,CAACC;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,OAAO,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,OAAO,EAAE,CAAC;YACpDL,MAAMO,MAAM,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,MAAM,EAAE,CAAC;SACrD;IACL;AACJ"}
@@ -4,33 +4,42 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useDrawerHeaderTitle_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useDrawerHeaderTitle_unstable
7
+ get: function() {
8
+ return useDrawerHeaderTitle_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _reactDialog = require("@fluentui/react-dialog");
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
13
14
  const useDrawerHeaderTitle_unstable = (props, ref)=>{
14
- const { root: heading , action , components: titleComponents } = (0, _reactDialog.useDialogTitle_unstable)(props, ref);
15
+ let heading = _reactutilities.slot.resolveShorthand(props.heading);
16
+ if (!heading) {
17
+ heading = {
18
+ children: props.children
19
+ };
20
+ }
21
+ var _heading_as;
15
22
  return {
16
23
  components: {
17
24
  root: 'div',
18
- heading: titleComponents.root,
19
- action: titleComponents.action
25
+ heading: 'h2',
26
+ action: 'div'
20
27
  },
21
- root: (0, _reactUtilities.getNativeElementProps)('div', {
28
+ root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
22
29
  ref,
23
30
  ...props
31
+ }), {
32
+ elementType: 'div'
24
33
  }),
25
- heading: (0, _reactUtilities.resolveShorthand)(props.heading, {
26
- required: true,
34
+ heading: _reactutilities.slot.optional((0, _reactutilities.getNativeElementProps)((_heading_as = heading.as) !== null && _heading_as !== void 0 ? _heading_as : 'h2', heading), {
27
35
  defaultProps: {
28
- ...heading,
29
- className: undefined
30
- }
36
+ children: props.children
37
+ },
38
+ renderByDefault: true,
39
+ elementType: 'h2'
31
40
  }),
32
- action: (0, _reactUtilities.resolveShorthand)(props.action, {
33
- defaultProps: action
41
+ action: _reactutilities.slot.optional(props.action, {
42
+ elementType: 'div'
34
43
  })
35
44
  };
36
45
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useDialogTitle_unstable } from '@fluentui/react-dialog';\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */ export const useDrawerHeaderTitle_unstable = (props, ref)=>{\n const { root: heading , action , components: titleComponents } = useDialogTitle_unstable(props, ref);\n return {\n components: {\n root: 'div',\n heading: titleComponents.root,\n action: titleComponents.action\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n heading: resolveShorthand(props.heading, {\n required: true,\n defaultProps: {\n ...heading,\n className: undefined\n }\n }),\n action: resolveShorthand(props.action, {\n defaultProps: action\n })\n };\n};\n"],"names":["useDrawerHeaderTitle_unstable","props","ref","root","heading","action","components","titleComponents","useDialogTitle_unstable","getNativeElementProps","resolveShorthand","required","defaultProps","className","undefined"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACiC;6BAChB;AAS7B,MAAMA,gCAAgC,CAACC,OAAOC,MAAM;IAC3D,MAAM,EAAEC,MAAMC,QAAO,EAAGC,OAAM,EAAGC,YAAYC,gBAAe,EAAG,GAAGC,IAAAA,oCAAuB,EAACP,OAAOC;IACjG,OAAO;QACHI,YAAY;YACRH,MAAM;YACNC,SAASG,gBAAgBJ,IAAI;YAC7BE,QAAQE,gBAAgBF,MAAM;QAClC;QACAF,MAAMM,IAAAA,qCAAqB,EAAC,OAAO;YAC/BP;YACA,GAAGD,KAAK;QACZ;QACAG,SAASM,IAAAA,gCAAgB,EAACT,MAAMG,OAAO,EAAE;YACrCO,UAAU,IAAI;YACdC,cAAc;gBACV,GAAGR,OAAO;gBACVS,WAAWC;YACf;QACJ;QACAT,QAAQK,IAAAA,gCAAgB,EAACT,MAAMI,MAAM,EAAE;YACnCO,cAAcP;QAClB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */ export const useDrawerHeaderTitle_unstable = (props, ref)=>{\n let heading = slot.resolveShorthand(props.heading);\n if (!heading) {\n heading = {\n children: props.children\n };\n }\n var _heading_as;\n return {\n components: {\n root: 'div',\n heading: 'h2',\n action: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n heading: slot.optional(getNativeElementProps((_heading_as = heading.as) !== null && _heading_as !== void 0 ? _heading_as : 'h2', heading), {\n defaultProps: {\n children: props.children\n },\n renderByDefault: true,\n elementType: 'h2'\n }),\n action: slot.optional(props.action, {\n elementType: 'div'\n })\n };\n};\n"],"names":["useDrawerHeaderTitle_unstable","props","ref","heading","slot","resolveShorthand","children","_heading_as","components","root","action","always","getNativeElementProps","elementType","optional","as","defaultProps","renderByDefault"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,gCAAgC,CAACC,OAAOC;IACrD,IAAIC,UAAUC,oBAAI,CAACC,gBAAgB,CAACJ,MAAME,OAAO;IACjD,IAAI,CAACA,SAAS;QACVA,UAAU;YACNG,UAAUL,MAAMK,QAAQ;QAC5B;IACJ;IACA,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;YACNN,SAAS;YACTO,QAAQ;QACZ;QACAD,MAAML,oBAAI,CAACO,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CV;YACA,GAAGD,KAAK;QACZ,IAAI;YACAY,aAAa;QACjB;QACAV,SAASC,oBAAI,CAACU,QAAQ,CAACF,IAAAA,qCAAqB,EAAC,AAACL,CAAAA,cAAcJ,QAAQY,EAAE,AAAD,MAAO,QAAQR,gBAAgB,KAAK,IAAIA,cAAc,MAAMJ,UAAU;YACvIa,cAAc;gBACVV,UAAUL,MAAMK,QAAQ;YAC5B;YACAW,iBAAiB;YACjBJ,aAAa;QACjB;QACAH,QAAQN,oBAAI,CAACU,QAAQ,CAACb,MAAMS,MAAM,EAAE;YAChCG,aAAa;QACjB;IACJ;AACJ"}
@@ -9,11 +9,15 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- drawerHeaderTitleClassNames: ()=>drawerHeaderTitleClassNames,
13
- useDrawerHeaderTitleStyles_unstable: ()=>useDrawerHeaderTitleStyles_unstable
12
+ drawerHeaderTitleClassNames: function() {
13
+ return drawerHeaderTitleClassNames;
14
+ },
15
+ useDrawerHeaderTitleStyles_unstable: function() {
16
+ return useDrawerHeaderTitleStyles_unstable;
17
+ }
14
18
  });
15
19
  const _react = require("@griffel/react");
16
- const _reactDialog = require("@fluentui/react-dialog");
20
+ const _reactdialog = require("@fluentui/react-dialog");
17
21
  const drawerHeaderTitleClassNames = {
18
22
  root: 'fui-DrawerHeaderTitle',
19
23
  heading: 'fui-DrawerHeaderTitle__heading',
@@ -21,7 +25,7 @@ const drawerHeaderTitleClassNames = {
21
25
  };
22
26
  /**
23
27
  * Styles for the root slot
24
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
28
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
25
29
  root: {
26
30
  mc9l5x: "f22iagw",
27
31
  Brf1p80: "f1869bpl",
@@ -36,18 +40,18 @@ const drawerHeaderTitleClassNames = {
36
40
  }
37
41
  }, {
38
42
  d: [
39
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
40
- ".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}",
41
- ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
42
- ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
43
+ ".f22iagw{display:flex;}",
44
+ ".f1869bpl{justify-content:space-between;}",
45
+ ".f122n59{align-items:center;}",
46
+ ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
43
47
  ".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}",
44
48
  ".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}"
45
49
  ]
46
50
  });
47
51
  const useDrawerHeaderTitleStyles_unstable = (state)=>{
48
52
  const styles = useStyles();
49
- const { heading: root = {} , action , components } = state;
50
- (0, _reactDialog.useDialogTitleStyles_unstable)({
53
+ const { heading: root = {}, action, components } = state;
54
+ (0, _reactdialog.useDialogTitleStyles_unstable)({
51
55
  components: {
52
56
  root: components.heading,
53
57
  action: components.action
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderTitleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderTitleClassNames = {\n root: 'fui-DrawerHeaderTitle',\n heading: 'fui-DrawerHeaderTitle__heading',\n action: 'fui-DrawerHeaderTitle__action'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Brf1p80: \"f1869bpl\",\n Bt984gj: \"f122n59\",\n i8kkvl: \"fsnqrgy\"\n },\n action: {\n t21cq0: [\"faqnl2i\", \"fd75udd\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}\", \".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}\"]\n});\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */\nexport const useDrawerHeaderTitleStyles_unstable = state => {\n const styles = useStyles();\n const {\n heading: root = {},\n action,\n components\n } = state;\n useDialogTitleStyles_unstable({\n components: {\n root: components.heading,\n action: components.action\n },\n root,\n action\n });\n state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n if (state.heading) {\n state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderTitleStyles.styles.js.map"],"names":["drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable","root","heading","action","useStyles","__styles","mc9l5x","Brf1p80","Bt984gj","i8kkvl","t21cq0","d","state","styles","components","useDialogTitleStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,2BAA2B,MAA3BA;IAwBAC,mCAAmC,MAAnCA;;uBA3B0B;6BACO;AAEvC,MAAMD,8BAA8B;IACzCE,MAAM;IACNC,SAAS;IACTC,QAAQ;AACV;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA4G;QAA2G;QAAgG;QAAgE;KAA8D;AACnhB;AAIO,MAAMX,sCAAsCY,CAAAA,QAAS;IAC1D,MAAMC,SAAST;IACf,MAAM,EACJF,SAASD,OAAO,CAAC,CAAC,CAAA,EAClBE,OAAM,EACNW,WAAU,EACX,GAAGF;IACJG,IAAAA,0CAA6B,EAAC;QAC5BD,YAAY;YACVb,MAAMa,WAAWZ,OAAO;YACxBC,QAAQW,WAAWX,MAAM;QAC3B;QACAF;QACAE;IACF;IACAS,MAAMX,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BE,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACe,SAAS;IACvG,IAAIJ,MAAMV,OAAO,EAAE;QACjBU,MAAMV,OAAO,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BG,OAAO,EAAEU,MAAMV,OAAO,CAACc,SAAS;IACrG,CAAC;IACD,IAAIJ,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BI,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACa,SAAS;IACjH,CAAC;IACD,OAAOJ;AACT,GACA,6DAA6D"}
1
+ {"version":3,"sources":["useDrawerHeaderTitleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderTitleClassNames = {\n root: 'fui-DrawerHeaderTitle',\n heading: 'fui-DrawerHeaderTitle__heading',\n action: 'fui-DrawerHeaderTitle__action'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Brf1p80: \"f1869bpl\",\n Bt984gj: \"f122n59\",\n i8kkvl: \"fsnqrgy\"\n },\n action: {\n t21cq0: [\"faqnl2i\", \"fd75udd\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1869bpl{justify-content:space-between;}\", \".f122n59{align-items:center;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}\", \".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}\"]\n});\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */\nexport const useDrawerHeaderTitleStyles_unstable = state => {\n const styles = useStyles();\n const {\n heading: root = {},\n action,\n components\n } = state;\n useDialogTitleStyles_unstable({\n components: {\n root: components.heading,\n action: components.action\n },\n root,\n action\n });\n state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n if (state.heading) {\n state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useDrawerHeaderTitleStyles.styles.js.map"],"names":["drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable","root","heading","action","useStyles","__styles","mc9l5x","Brf1p80","Bt984gj","i8kkvl","t21cq0","d","state","styles","components","useDialogTitleStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,2BAA2B;eAA3BA;;IAwBAC,mCAAmC;eAAnCA;;;uBA3B0B;6BACO;AAEvC,MAAMD,8BAA8B;IACzCE,MAAM;IACNC,SAAS;IACTC,QAAQ;AACV;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6C;QAAiC;QAAmD;QAAgE;KAA8D;AAChS;AAIO,MAAMX,sCAAsCY,CAAAA;IACjD,MAAMC,SAAST;IACf,MAAM,EACJF,SAASD,OAAO,CAAC,CAAC,EAClBE,MAAM,EACNW,UAAU,EACX,GAAGF;IACJG,IAAAA,0CAA6B,EAAC;QAC5BD,YAAY;YACVb,MAAMa,WAAWZ,OAAO;YACxBC,QAAQW,WAAWX,MAAM;QAC3B;QACAF;QACAE;IACF;IACAS,MAAMX,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BE,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACe,SAAS;IACvG,IAAIJ,MAAMV,OAAO,EAAE;QACjBU,MAAMV,OAAO,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BG,OAAO,EAAEU,MAAMV,OAAO,CAACc,SAAS;IACrG;IACA,IAAIJ,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BI,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACa,SAAS;IACjH;IACA,OAAOJ;AACT,GACA,6DAA6D"}
@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "DrawerInline", {
6
6
  enumerable: true,
7
- get: ()=>DrawerInline
7
+ get: function() {
8
+ return DrawerInline;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
11
13
  const _useDrawerInline = require("./useDrawerInline");
12
14
  const _renderDrawerInline = require("./renderDrawerInline");
13
- const _useDrawerInlineStylesStyles = require("./useDrawerInlineStyles.styles");
15
+ const _useDrawerInlineStylesstyles = require("./useDrawerInlineStyles.styles");
14
16
  const DrawerInline = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
15
17
  const state = (0, _useDrawerInline.useDrawerInline_unstable)(props, ref);
16
- (0, _useDrawerInlineStylesStyles.useDrawerInlineStyles_unstable)(state);
18
+ (0, _useDrawerInlineStylesstyles.useDrawerInlineStyles_unstable)(state);
17
19
  return (0, _renderDrawerInline.renderDrawerInline_unstable)(state);
18
20
  });
19
21
  DrawerInline.displayName = 'DrawerInline';
@@ -1 +1 @@
1
- {"version":3,"sources":["DrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerInline_unstable } from './useDrawerInline';\nimport { renderDrawerInline_unstable } from './renderDrawerInline';\nimport { useDrawerInlineStyles_unstable } from './useDrawerInlineStyles.styles';\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 */ export const DrawerInline = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDrawerInline_unstable(props, ref);\n useDrawerInlineStyles_unstable(state);\n return renderDrawerInline_unstable(state);\n});\nDrawerInline.displayName = 'DrawerInline';\n"],"names":["DrawerInline","React","forwardRef","props","ref","state","useDrawerInline_unstable","useDrawerInlineStyles_unstable","renderDrawerInline_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;iCACkB;oCACG;6CACG;AAIpC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACzE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACvC;AACAL,aAAaS,WAAW,GAAG"}
1
+ {"version":3,"sources":["DrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerInline_unstable } from './useDrawerInline';\nimport { renderDrawerInline_unstable } from './renderDrawerInline';\nimport { useDrawerInlineStyles_unstable } from './useDrawerInlineStyles.styles';\n/**\n * DrawerInline is often used for navigation that is not dismissible. As it is on the same level as\n * the main surface, users can still interact with other UI elements.\n */ export const DrawerInline = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDrawerInline_unstable(props, ref);\n useDrawerInlineStyles_unstable(state);\n return renderDrawerInline_unstable(state);\n});\nDrawerInline.displayName = 'DrawerInline';\n"],"names":["DrawerInline","React","forwardRef","props","ref","state","useDrawerInline_unstable","useDrawerInlineStyles_unstable","renderDrawerInline_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;iCACkB;oCACG;6CACG;AAIpC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACvC;AACAL,aAAaS,WAAW,GAAG"}
@@ -2,9 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./DrawerInline"), exports);
7
- _exportStar(require("./DrawerInline.types"), exports);
8
- _exportStar(require("./renderDrawerInline"), exports);
9
- _exportStar(require("./useDrawerInline"), exports);
10
- _exportStar(require("./useDrawerInlineStyles.styles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./DrawerInline"), exports);
7
+ _export_star._(require("./DrawerInline.types"), exports);
8
+ _export_star._(require("./renderDrawerInline"), exports);
9
+ _export_star._(require("./useDrawerInline"), exports);
10
+ _export_star._(require("./useDrawerInlineStyles.styles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerInline';\nexport * from './DrawerInline.types';\nexport * from './renderDrawerInline';\nexport * from './useDrawerInline';\nexport * from './useDrawerInlineStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerInline';\nexport * from './DrawerInline.types';\nexport * from './renderDrawerInline';\nexport * from './useDrawerInline';\nexport * from './useDrawerInlineStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}