@fluentui/react-accordion 9.0.0-nightly.46b9ea7036.0 → 9.0.0-rc.1

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 (176) hide show
  1. package/CHANGELOG.json +368 -29
  2. package/CHANGELOG.md +86 -19
  3. package/dist/react-accordion.d.ts +47 -54
  4. package/lib/components/Accordion/Accordion.d.ts +1 -1
  5. package/lib/components/Accordion/Accordion.js +10 -8
  6. package/lib/components/Accordion/Accordion.js.map +1 -1
  7. package/lib/components/Accordion/Accordion.types.d.ts +4 -3
  8. package/lib/components/Accordion/AccordionContext.js +4 -2
  9. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  10. package/lib/components/Accordion/index.d.ts +1 -0
  11. package/lib/components/Accordion/index.js +1 -0
  12. package/lib/components/Accordion/index.js.map +1 -1
  13. package/lib/components/Accordion/renderAccordion.d.ts +1 -1
  14. package/lib/components/Accordion/renderAccordion.js +7 -7
  15. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  16. package/lib/components/Accordion/useAccordion.d.ts +2 -3
  17. package/lib/components/Accordion/useAccordion.js +43 -53
  18. package/lib/components/Accordion/useAccordion.js.map +1 -1
  19. package/lib/components/Accordion/useAccordionContextValues.d.ts +1 -1
  20. package/lib/components/Accordion/useAccordionContextValues.js +13 -11
  21. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  22. package/lib/components/Accordion/useAccordionStyles.d.ts +3 -0
  23. package/lib/components/Accordion/useAccordionStyles.js +7 -0
  24. package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
  25. package/lib/components/AccordionHeader/AccordionHeader.d.ts +2 -1
  26. package/lib/components/AccordionHeader/AccordionHeader.js +11 -10
  27. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  28. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +12 -11
  29. package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  30. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  31. package/lib/components/AccordionHeader/index.d.ts +0 -1
  32. package/lib/components/AccordionHeader/index.js +0 -1
  33. package/lib/components/AccordionHeader/index.js.map +1 -1
  34. package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +1 -1
  35. package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -8
  36. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  37. package/lib/components/AccordionHeader/useAccordionHeader.d.ts +2 -6
  38. package/lib/components/AccordionHeader/useAccordionHeader.js +53 -48
  39. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  40. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +1 -1
  41. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
  42. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  43. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +2 -1
  44. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +43 -52
  45. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  46. package/lib/components/AccordionItem/AccordionItem.d.ts +1 -1
  47. package/lib/components/AccordionItem/AccordionItem.js +10 -8
  48. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  49. package/lib/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  50. package/lib/components/AccordionItem/AccordionItemContext.d.ts +1 -1
  51. package/lib/components/AccordionItem/AccordionItemContext.js +4 -5
  52. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  53. package/lib/components/AccordionItem/index.d.ts +1 -0
  54. package/lib/components/AccordionItem/index.js +1 -0
  55. package/lib/components/AccordionItem/index.js.map +1 -1
  56. package/lib/components/AccordionItem/renderAccordionItem.d.ts +1 -1
  57. package/lib/components/AccordionItem/renderAccordionItem.js +7 -8
  58. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  59. package/lib/components/AccordionItem/useAccordionItem.d.ts +2 -6
  60. package/lib/components/AccordionItem/useAccordionItem.js +23 -31
  61. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  62. package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +1 -1
  63. package/lib/components/AccordionItem/useAccordionItemContextValues.js +12 -12
  64. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  65. package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
  66. package/lib/components/AccordionItem/useAccordionItemStyles.js +7 -0
  67. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  68. package/lib/components/AccordionPanel/AccordionPanel.d.ts +1 -1
  69. package/lib/components/AccordionPanel/AccordionPanel.js +8 -8
  70. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  71. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  72. package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
  73. package/lib/components/AccordionPanel/renderAccordionPanel.js +7 -8
  74. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  75. package/lib/components/AccordionPanel/useAccordionPanel.d.ts +2 -6
  76. package/lib/components/AccordionPanel/useAccordionPanel.js +13 -14
  77. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  78. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +2 -1
  79. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +6 -5
  80. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  81. package/lib-commonjs/Accordion.js +1 -1
  82. package/lib-commonjs/AccordionHeader.js +1 -1
  83. package/lib-commonjs/AccordionItem.js +1 -1
  84. package/lib-commonjs/AccordionPanel.js +1 -1
  85. package/lib-commonjs/components/Accordion/Accordion.d.ts +1 -1
  86. package/lib-commonjs/components/Accordion/Accordion.js +12 -9
  87. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  88. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +4 -3
  89. package/lib-commonjs/components/Accordion/AccordionContext.js +4 -2
  90. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  91. package/lib-commonjs/components/Accordion/index.d.ts +1 -0
  92. package/lib-commonjs/components/Accordion/index.js +3 -1
  93. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  94. package/lib-commonjs/components/Accordion/renderAccordion.d.ts +1 -1
  95. package/lib-commonjs/components/Accordion/renderAccordion.js +12 -13
  96. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  97. package/lib-commonjs/components/Accordion/useAccordion.d.ts +2 -3
  98. package/lib-commonjs/components/Accordion/useAccordion.js +48 -59
  99. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  100. package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +1 -1
  101. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +15 -13
  102. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  103. package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +3 -0
  104. package/lib-commonjs/components/Accordion/useAccordionStyles.js +18 -0
  105. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
  106. package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +2 -1
  107. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +12 -11
  108. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  109. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +12 -11
  110. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  111. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  112. package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -1
  113. package/lib-commonjs/components/AccordionHeader/index.js +1 -3
  114. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  115. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +1 -1
  116. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +16 -15
  117. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  118. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +2 -6
  119. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +60 -54
  120. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  121. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +1 -1
  122. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +17 -17
  123. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  124. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +2 -1
  125. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +50 -57
  126. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  127. package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +1 -1
  128. package/lib-commonjs/components/AccordionItem/AccordionItem.js +12 -9
  129. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  130. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  131. package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +1 -1
  132. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +6 -7
  133. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  134. package/lib-commonjs/components/AccordionItem/index.d.ts +1 -0
  135. package/lib-commonjs/components/AccordionItem/index.js +3 -1
  136. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  137. package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +1 -1
  138. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +12 -15
  139. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  140. package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +2 -6
  141. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +31 -40
  142. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  143. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +1 -1
  144. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +15 -15
  145. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  146. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
  147. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +18 -0
  148. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  149. package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +1 -1
  150. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +9 -9
  151. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  152. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  153. package/lib-commonjs/components/AccordionPanel/index.js +1 -1
  154. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
  155. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +11 -14
  156. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  157. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +2 -6
  158. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +17 -19
  159. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  160. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +2 -1
  161. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +9 -8
  162. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  163. package/lib-commonjs/index.js +1 -1
  164. package/package.json +17 -19
  165. package/lib/common/isConformant.d.ts +0 -4
  166. package/lib/common/isConformant.js +0 -12
  167. package/lib/common/isConformant.js.map +0 -1
  168. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  169. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -42
  170. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
  171. package/lib-commonjs/common/isConformant.d.ts +0 -4
  172. package/lib-commonjs/common/isConformant.js +0 -23
  173. package/lib-commonjs/common/isConformant.js.map +0 -1
  174. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  175. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -52
  176. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import type { AccordionItemProps } from './AccordionItem.types';
2
2
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
3
  /**
4
- * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
4
+ * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
5
5
  */
6
6
  export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
@@ -1,15 +1,17 @@
1
1
  import * as React from 'react';
2
- import { useAccordionItem } from './useAccordionItem';
3
- import { useAccordionItemContextValues } from './useAccordionItemContextValues';
4
- import { renderAccordionItem } from './renderAccordionItem';
2
+ import { useAccordionItem_unstable } from './useAccordionItem';
3
+ import { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';
4
+ import { renderAccordionItem_unstable } from './renderAccordionItem';
5
+ import { useAccordionItemStyles_unstable } from './useAccordionItemStyles';
5
6
  /**
6
- * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
7
+ * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
7
8
  */
8
9
 
9
- export var AccordionItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useAccordionItem(props, ref);
11
- var contextValues = useAccordionItemContextValues(state);
12
- return renderAccordionItem(state, contextValues);
10
+ export const AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
11
+ const state = useAccordionItem_unstable(props, ref);
12
+ const contextValues = useAccordionItemContextValues_unstable(state);
13
+ useAccordionItemStyles_unstable(state);
14
+ return renderAccordionItem_unstable(state, contextValues);
13
15
  });
14
16
  AccordionItem.displayName = 'AccordionItem';
15
17
  //# sourceMappingURL=AccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,6BAAT,QAA8C,iCAA9C;AACA,SAAS,mBAAT,QAAoC,uBAApC;AAIA;;AAEG;;AACH,OAAO,IAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChG,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,MAAM,aAAa,GAAG,6BAA6B,CAAC,KAAD,CAAnD;AAEA,SAAO,mBAAmB,CAAC,KAAD,EAAQ,aAAR,CAA1B;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AACA,SAAS,sCAAT,QAAuD,iCAAvD;AACA,SAAS,4BAAT,QAA6C,uBAA7C;AAGA,SAAS,+BAAT,QAAgD,0BAAhD;AAEA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,yBAAyB,CAAC,KAAD,EAAQ,GAAR,CAAvC;AACA,QAAM,aAAa,GAAG,sCAAsC,CAAC,KAAD,CAA5D;AAEA,EAAA,+BAA+B,CAAC,KAAD,CAA/B;AAEA,SAAO,4BAA4B,CAAC,KAAD,EAAQ,aAAR,CAAnC;AACD,CAPqE,CAA/D;AASP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
3
3
  export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
4
4
  open: boolean;
5
5
  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
@@ -8,9 +8,9 @@ export declare type AccordionItemContextValues = {
8
8
  accordionItem: AccordionItemContextValue;
9
9
  };
10
10
  export declare type AccordionItemSlots = {
11
- root: IntrinsicShorthandProps<'div'>;
11
+ root: Slot<'div'>;
12
12
  };
13
- export declare type AccordionItemCommons = {
13
+ declare type AccordionItemCommons = {
14
14
  /**
15
15
  * Disables opening/closing of panel
16
16
  */
@@ -23,3 +23,4 @@ export declare type AccordionItemCommons = {
23
23
  export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
24
24
  export declare type AccordionItemValue = unknown;
25
25
  export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
26
+ export {};
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import type { AccordionItemContextValue } from './AccordionItem.types';
3
3
  export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
4
- export declare const useAccordionItemContext: () => AccordionItemContextValue;
4
+ export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue;
@@ -1,13 +1,12 @@
1
1
  import * as React from 'react'; // No default value.
2
2
 
3
- export var AccordionItemContext = /*#__PURE__*/React.createContext({
4
- onHeaderClick: function () {
3
+ export const AccordionItemContext = /*#__PURE__*/React.createContext({
4
+ onHeaderClick() {
5
5
  /** */
6
6
  },
7
+
7
8
  open: false,
8
9
  disabled: false
9
10
  });
10
- export var useAccordionItemContext = function () {
11
- return React.useContext(AccordionItemContext);
12
- };
11
+ export const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext);
13
12
  //# sourceMappingURL=AccordionItemContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,IAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;AACjF,EAAA,aAAa,EAAA,YAAA;AACX;AACD,GAHgF;AAIjF,EAAA,IAAI,EAAE,KAJ2E;AAKjF,EAAA,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,IAAM,uBAAuB,GAAG,YAAA;AAAM,SAAA,KAAK,CAAC,UAAN,CAAA,oBAAA,CAAA;AAAsC,CAA5E","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,MAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;AACjF,EAAA,aAAa,GAAA;AACX;AACD,GAHgF;;AAIjF,EAAA,IAAI,EAAE,KAJ2E;AAKjF,EAAA,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,MAAM,gCAAgC,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAA/C","sourceRoot":""}
@@ -4,3 +4,4 @@ export * from './renderAccordionItem';
4
4
  export * from './useAccordionItem';
5
5
  export * from './useAccordionItemContextValues';
6
6
  export * from './AccordionItemContext';
7
+ export * from './useAccordionItemStyles';
@@ -4,4 +4,5 @@ export * from './renderAccordionItem';
4
4
  export * from './useAccordionItem';
5
5
  export * from './useAccordionItemContextValues';
6
6
  export * from './AccordionItemContext';
7
+ export * from './useAccordionItemStyles';
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
@@ -2,4 +2,4 @@ import type { AccordionItemState, AccordionItemContextValues } from './Accordion
2
2
  /**
3
3
  * Function that renders the final JSX of the component
4
4
  */
5
- export declare const renderAccordionItem: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
5
+ export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
@@ -1,18 +1,17 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
- import { accordionItemShorthandProps } from './useAccordionItem';
5
3
  import { AccordionItemContext } from './AccordionItemContext';
6
4
  /**
7
5
  * Function that renders the final JSX of the component
8
6
  */
9
7
 
10
- export var renderAccordionItem = function (state, contextValues) {
11
- var _a = getSlots(state, accordionItemShorthandProps),
12
- slots = _a.slots,
13
- slotProps = _a.slotProps;
14
-
15
- return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
8
+ export const renderAccordionItem_unstable = (state, contextValues) => {
9
+ const {
10
+ slots,
11
+ slotProps
12
+ } = getSlots(state);
13
+ return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
14
+ }, /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
16
15
  value: contextValues.accordionItem
17
16
  }, slotProps.root.children));
18
17
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,2BAAT,QAA4C,oBAA5C;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAA4B,aAA5B,EAAqE;AAChG,MAAA,EAAA,GAAuB,QAAQ,CAAqB,KAArB,EAA4B,2BAA5B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,4BAA4B,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AACnH,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAqB,KAArB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
@@ -1,12 +1,8 @@
1
1
  import * as React from 'react';
2
- import type { AccordionItemProps, AccordionItemState, AccordionItemSlots } from './AccordionItem.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
2
+ import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
7
3
  /**
8
4
  * Returns the props and state required to render the component
9
5
  * @param props - AccordionItem properties
10
6
  * @param ref - reference to root HTMLElement of AccordionItem
11
7
  */
12
- export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
8
+ export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
@@ -1,49 +1,41 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getNativeElementProps } from '@fluentui/react-utilities';
4
3
  import { useTabsterAttributes } from '@fluentui/react-tabster';
5
4
  import { useContextSelector } from '@fluentui/react-context-selector';
6
5
  import { AccordionContext } from '../Accordion/AccordionContext';
7
- /**
8
- * Const listing which props are shorthand props.
9
- */
10
-
11
- export var accordionItemShorthandProps = ['root'];
12
6
  /**
13
7
  * Returns the props and state required to render the component
14
8
  * @param props - AccordionItem properties
15
9
  * @param ref - reference to root HTMLElement of AccordionItem
16
10
  */
17
11
 
18
- export var useAccordionItem = function (props, ref) {
19
- var value = props.value,
20
- _a = props.disabled,
21
- disabled = _a === void 0 ? false : _a;
22
- var navigable = useContextSelector(AccordionContext, function (ctx) {
23
- return ctx.navigable;
24
- });
25
- var tabsterAttributes = useTabsterAttributes({
12
+ export const useAccordionItem_unstable = (props, ref) => {
13
+ const {
14
+ value,
15
+ disabled = false
16
+ } = props;
17
+ const navigable = useContextSelector(AccordionContext, ctx => ctx.navigable);
18
+ const tabsterAttributes = useTabsterAttributes({
26
19
  groupper: {}
27
20
  });
28
- var requestToggle = useContextSelector(AccordionContext, function (ctx) {
29
- return ctx.requestToggle;
30
- });
31
- var open = useContextSelector(AccordionContext, function (ctx) {
32
- return ctx.openItems.includes(value);
33
- });
34
- var onAccordionHeaderClick = React.useCallback(function (ev) {
35
- return requestToggle(ev, {
36
- value: value
37
- });
38
- }, [requestToggle, value]);
21
+ const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);
22
+ const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));
23
+ const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
24
+ value
25
+ }), [requestToggle, value]);
39
26
  return {
40
- open: open,
41
- value: value,
42
- disabled: disabled,
27
+ open,
28
+ value,
29
+ disabled,
43
30
  onHeaderClick: onAccordionHeaderClick,
44
- root: getNativeElementProps('div', __assign(__assign({
45
- ref: ref
46
- }, navigable ? tabsterAttributes : {}), props))
31
+ components: {
32
+ root: 'div'
33
+ },
34
+ root: getNativeElementProps('div', {
35
+ ref: ref,
36
+ ...(navigable ? tabsterAttributes : {}),
37
+ ...props
38
+ })
47
39
  };
48
40
  };
49
41
  //# sourceMappingURL=useAccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAIA;;AAEG;;AACH,OAAO,IAAM,2BAA2B,GAAoC,CAAC,MAAD,CAArE;AAEP;;;;AAIG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;AAC7E,MAAA,KAAK,GAAuB,KAAK,CAA5B,KAAL;AAAA,MAAO,EAAA,GAAqB,KAAK,CAAV,QAAvB;AAAA,MAAO,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAvB;AACR,MAAM,SAAS,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,SAAA;AAAa,GAAvC,CAApC;AACA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAAD,CAA9C;AAIA,MAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,aAAA;AAAiB,GAA3C,CAAxC;AACA,MAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAA,KAAA,CAAA;AAA6B,GAAvD,CAA/B;AACA,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAkB,UAAC,EAAD,EAAyB;AAAK,WAAA,aAAa,CAAC,EAAD,EAAK;AAAE,MAAA,KAAK,EAAzB;AAAkB,KAAL,CAAb;AAA4B,GAA5E,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,KAAK,EAAA,KAFA;AAGL,IAAA,QAAQ,EAAA,QAHH;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAE;AAD0B,KAAA,EAE3B,SAAS,GAAG,iBAAH,GAAuB,EAFL,CAAA,EAG5B,KAH4B,CAAN;AALtB,GAAP;AAWD,CAzBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAIA;;;;AAIG;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;AACtB,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,QAAQ,GAAG;AAApB,MAA8B,KAApC;AACA,QAAM,SAAS,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAA9B,CAApC;AACA,QAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAAD,CAA9C;AAIA,QAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,aAA9B,CAAxC;AACA,QAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA1B,CAA/B;AACA,QAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;AAAE,IAAA;AAAF,GAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,KAFK;AAGL,IAAA,QAHK;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KALP;AAQL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAAR;AARtB,GAAP;AAcD,CA/BM","sourceRoot":""}
@@ -1,2 +1,2 @@
1
1
  import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
2
- export declare function useAccordionItemContextValues(state: AccordionItemState): AccordionItemContextValues;
2
+ export declare function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues;
@@ -1,17 +1,17 @@
1
1
  import * as React from 'react';
2
- export function useAccordionItemContextValues(state) {
3
- var disabled = state.disabled,
4
- onHeaderClick = state.onHeaderClick,
5
- open = state.open;
6
- var accordionItem = React.useMemo(function () {
7
- return {
8
- disabled: disabled,
9
- onHeaderClick: onHeaderClick,
10
- open: open
11
- };
12
- }, [disabled, onHeaderClick, open]);
2
+ export function useAccordionItemContextValues_unstable(state) {
3
+ const {
4
+ disabled,
5
+ onHeaderClick,
6
+ open
7
+ } = state;
8
+ const accordionItem = React.useMemo(() => ({
9
+ disabled,
10
+ onHeaderClick,
11
+ open
12
+ }), [disabled, onHeaderClick, open]);
13
13
  return {
14
- accordionItem: accordionItem
14
+ accordionItem
15
15
  };
16
16
  }
17
17
  //# sourceMappingURL=useAccordionItemContextValues.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,6BAAV,CAAwC,KAAxC,EAAiE;AAC7D,MAAA,QAAQ,GAA0B,KAAK,CAA/B,QAAR;AAAA,MAAU,aAAa,GAAW,KAAK,CAAhB,aAAvB;AAAA,MAAyB,IAAI,GAAK,KAAK,CAAV,IAA7B;AACR,MAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,YAAA;AAAM,WAAC;AAAE,MAAA,QAAQ,EAAA,QAAV;AAAY,MAAA,aAAa,EAAA,aAAzB;AAA2B,MAAA,IAAI,EAAhC;AAAC,KAAD;AAAmC,GAAlF,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA,aAAa,EAAA;AAAf,GAAP;AACD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,sCAAV,CAAiD,KAAjD,EAA0E;AAC9E,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ import type { AccordionItemState } from './AccordionItem.types';
2
+ export declare const accordionItemClassName = "fui-AccordionItem";
3
+ export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;
@@ -0,0 +1,7 @@
1
+ import { mergeClasses } from '@griffel/react';
2
+ export const accordionItemClassName = 'fui-AccordionItem';
3
+ export const useAccordionItemStyles_unstable = state => {
4
+ state.root.className = mergeClasses(accordionItemClassName, state.root.className);
5
+ return state;
6
+ };
7
+ //# sourceMappingURL=useAccordionItemStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AAEP,OAAO,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,sBAAD,EAAyB,KAAK,CAAC,IAAN,CAAW,SAApC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourceRoot":""}
@@ -1,6 +1,6 @@
1
1
  import type { AccordionPanelProps } from './AccordionPanel.types';
2
2
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
3
  /**
4
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
4
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
5
5
  */
6
6
  export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
@@ -1,15 +1,15 @@
1
1
  import * as React from 'react';
2
- import { useAccordionPanel } from './useAccordionPanel';
3
- import { renderAccordionPanel } from './renderAccordionPanel';
4
- import { useAccordionPanelStyles } from './useAccordionPanelStyles';
2
+ import { useAccordionPanel_unstable } from './useAccordionPanel';
3
+ import { renderAccordionPanel_unstable } from './renderAccordionPanel';
4
+ import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
5
5
  /**
6
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
6
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
7
7
  */
8
8
 
9
- export var AccordionPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useAccordionPanel(props, ref);
11
- useAccordionPanelStyles(state);
12
- return renderAccordionPanel(state);
9
+ export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useAccordionPanel_unstable(props, ref);
11
+ useAccordionPanelStyles_unstable(state);
12
+ return renderAccordionPanel_unstable(state);
13
13
  });
14
14
  AccordionPanel.displayName = 'AccordionPanel';
15
15
  //# sourceMappingURL=AccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,uBAAT,QAAwC,2BAAxC;AAIA;;AAEG;;AACH,OAAO,IAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AAEA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AACA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AACA,SAAS,gCAAT,QAAiD,2BAAjD;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,0BAA0B,CAAC,KAAD,EAAQ,GAAR,CAAxC;AAEA,EAAA,gCAAgC,CAAC,KAAD,CAAhC;AACA,SAAO,6BAA6B,CAAC,KAAD,CAApC;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
@@ -1,6 +1,6 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  export declare type AccordionPanelSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
3
+ root: Slot<'div'>;
4
4
  };
5
5
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
6
  export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
@@ -2,4 +2,4 @@ import type { AccordionPanelState } from './AccordionPanel.types';
2
2
  /**
3
3
  * Function that renders the final JSX of the component
4
4
  */
5
- export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
5
+ export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSX.Element | null;
@@ -1,16 +1,15 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
- import { accordionPanelShorthandProps } from './useAccordionPanel';
5
3
  /**
6
4
  * Function that renders the final JSX of the component
7
5
  */
8
6
 
9
- export var renderAccordionPanel = function (state) {
10
- var _a = getSlots(state, accordionPanelShorthandProps),
11
- slots = _a.slots,
12
- slotProps = _a.slotProps;
13
-
14
- return state.open ? /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), slotProps.root.children) : null;
7
+ export const renderAccordionPanel_unstable = state => {
8
+ const {
9
+ slots,
10
+ slotProps
11
+ } = getSlots(state);
12
+ return state.open ? /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
13
+ }, slotProps.root.children) : null;
15
14
  };
16
15
  //# sourceMappingURL=renderAccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,4BAAT,QAA6C,qBAA7C;AAGA;;AAEG;;AACH,OAAO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AACvD,MAAA,EAAA,GAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AACA,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourceRoot":""}
@@ -1,12 +1,8 @@
1
1
  import * as React from 'react';
2
- import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
2
+ import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
7
3
  /**
8
4
  * Returns the props and state required to render the component
9
5
  * @param props - AccordionPanel properties
10
6
  * @param ref - reference to root HTMLElement of AccordionPanel
11
7
  */
12
- export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
8
+ export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
@@ -1,25 +1,24 @@
1
- import { __assign } from "tslib";
2
1
  import { getNativeElementProps } from '@fluentui/react-utilities';
3
- import { useAccordionItemContext } from '../AccordionItem/index';
4
- /**
5
- * Const listing which props are shorthand props.
6
- */
7
-
8
- export var accordionPanelShorthandProps = ['root'];
2
+ import { useAccordionItemContext_unstable } from '../AccordionItem/index';
9
3
  /**
10
4
  * Returns the props and state required to render the component
11
5
  * @param props - AccordionPanel properties
12
6
  * @param ref - reference to root HTMLElement of AccordionPanel
13
7
  */
14
8
 
15
- export var useAccordionPanel = function (props, ref) {
16
- var open = useAccordionItemContext().open;
9
+ export const useAccordionPanel_unstable = (props, ref) => {
10
+ const {
11
+ open
12
+ } = useAccordionItemContext_unstable();
17
13
  return {
18
- open: open,
19
- root: getNativeElementProps('div', __assign({
20
- ref: ref,
21
- role: 'region'
22
- }, props))
14
+ open,
15
+ components: {
16
+ root: 'div'
17
+ },
18
+ root: getNativeElementProps('div', {
19
+ ref,
20
+ ...props
21
+ })
23
22
  };
24
23
  };
25
24
  //# sourceMappingURL=useAccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,uBAAT,QAAwC,wBAAxC;AAGA;;AAEG;;AACH,OAAO,IAAM,4BAA4B,GAAqC,CAAC,MAAD,CAAvE;AAEP;;;;AAIG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AAC/E,MAAA,IAAI,GAAK,uBAAuB,GAA5B,IAAJ;AACR,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,MAAA,IAAI,EAAE;AAFyB,KAAA,EAG5B,KAH4B,CAAN;AAFtB,GAAP;AAQD,CAVM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,gCAAgC,EAAjD;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AALtB,GAAP;AAUD,CAfM","sourceRoot":""}
@@ -1,3 +1,4 @@
1
1
  import type { AccordionPanelState } from './AccordionPanel.types';
2
+ export declare const accordionPanelClassName = "fui-AccordionPanel";
2
3
  /** Applies style classnames to slots */
3
- export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
4
+ export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
@@ -1,9 +1,10 @@
1
- import { __styles, mergeClasses } from '@fluentui/react-make-styles';
1
+ import { __styles, mergeClasses } from '@griffel/react';
2
+ export const accordionPanelClassName = 'fui-AccordionPanel';
2
3
  /**
3
4
  * Styles for the root slot
4
5
  */
5
6
 
6
- var useStyles = /*#__PURE__*/__styles({
7
+ const useStyles = /*#__PURE__*/__styles({
7
8
  "root": {
8
9
  "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
9
10
  "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
@@ -14,9 +15,9 @@ var useStyles = /*#__PURE__*/__styles({
14
15
  /** Applies style classnames to slots */
15
16
 
16
17
 
17
- export var useAccordionPanelStyles = function (state) {
18
- var styles = useStyles();
19
- state.root.className = mergeClasses(styles.root, state.root.className);
18
+ export const useAccordionPanelStyles_unstable = state => {
19
+ const styles = useStyles();
20
+ state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);
20
21
  return state;
21
22
  };
22
23
  //# sourceMappingURL=useAccordionPanelStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,MAAM,CAAC,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/Accordion/index"), exports);
10
10
  //# sourceMappingURL=Accordion.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
10
10
  //# sourceMappingURL=AccordionHeader.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
10
10
  //# sourceMappingURL=AccordionItem.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
10
10
  //# sourceMappingURL=AccordionPanel.js.map
@@ -1,6 +1,6 @@
1
1
  import type { AccordionProps } from './Accordion.types';
2
2
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
3
  /**
4
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
4
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
5
5
  */
6
6
  export declare const Accordion: ForwardRefComponent<AccordionProps>;
@@ -5,22 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Accordion = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
10
+ const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
11
11
 
12
- var useAccordion_1 = /*#__PURE__*/require("./useAccordion");
12
+ const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
13
13
 
14
- var useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
14
+ const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
15
+
16
+ const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
15
17
  /**
16
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
18
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
17
19
  */
18
20
 
19
21
 
20
- exports.Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useAccordion_1.useAccordion(props, ref);
22
- var contextValues = useAccordionContextValues_1.useAccordionContextValues(state);
23
- return renderAccordion_1.renderAccordion(state, contextValues);
22
+ exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
23
+ const state = useAccordion_1.useAccordion_unstable(props, ref);
24
+ const contextValues = useAccordionContextValues_1.useAccordionContextValues_unstable(state);
25
+ useAccordionStyles_1.useAccordionStyles_unstable(state);
26
+ return renderAccordion_1.renderAccordion_unstable(state, contextValues);
24
27
  });
25
28
  exports.Accordion.displayName = 'Accordion';
26
29
  //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAC5D,UAAC,KAAD,EAAQ,GAAR,EAAW;AACT,MAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,MAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAN2D,CAAjD;AASb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;AACb,QAAM,KAAK,GAAG,cAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,GAA7B,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,kCAAA,CAAmC,KAAnC,CAAtB;AAEA,EAAA,oBAAA,CAAA,2BAAA,CAA4B,KAA5B;AAEA,SAAO,iBAAA,CAAA,wBAAA,CAAyB,KAAzB,EAAgC,aAAhC,CAAP;AACD,CAR2D,CAAjD;AAWb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}