@fluentui/react-accordion 0.0.0-nightly906d31cfa320211115.1 → 0.0.0-nightly96d9c9354420220210.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 (150) hide show
  1. package/CHANGELOG.json +203 -22
  2. package/CHANGELOG.md +49 -18
  3. package/dist/react-accordion.d.ts +37 -56
  4. package/lib/components/Accordion/Accordion.d.ts +1 -1
  5. package/lib/components/Accordion/Accordion.js +9 -9
  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/renderAccordion.d.ts +1 -1
  9. package/lib/components/Accordion/renderAccordion.js +3 -2
  10. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  11. package/lib/components/Accordion/useAccordion.d.ts +2 -3
  12. package/lib/components/Accordion/useAccordion.js +4 -2
  13. package/lib/components/Accordion/useAccordion.js.map +1 -1
  14. package/lib/components/Accordion/useAccordionContextValues.d.ts +1 -1
  15. package/lib/components/Accordion/useAccordionContextValues.js +1 -1
  16. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  17. package/lib/components/Accordion/useAccordionStyles.d.ts +1 -1
  18. package/lib/components/Accordion/useAccordionStyles.js +2 -2
  19. package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
  20. package/lib/components/AccordionHeader/AccordionHeader.d.ts +2 -1
  21. package/lib/components/AccordionHeader/AccordionHeader.js +10 -9
  22. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  23. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +12 -11
  24. package/lib/components/AccordionHeader/index.d.ts +0 -1
  25. package/lib/components/AccordionHeader/index.js +0 -1
  26. package/lib/components/AccordionHeader/index.js.map +1 -1
  27. package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +1 -1
  28. package/lib/components/AccordionHeader/renderAccordionHeader.js +8 -4
  29. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  30. package/lib/components/AccordionHeader/useAccordionHeader.d.ts +2 -6
  31. package/lib/components/AccordionHeader/useAccordionHeader.js +28 -19
  32. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  33. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +1 -1
  34. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
  35. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  36. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -1
  37. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +39 -49
  38. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  39. package/lib/components/AccordionItem/AccordionItem.d.ts +1 -1
  40. package/lib/components/AccordionItem/AccordionItem.js +9 -9
  41. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  42. package/lib/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  43. package/lib/components/AccordionItem/AccordionItemContext.d.ts +1 -1
  44. package/lib/components/AccordionItem/AccordionItemContext.js +1 -1
  45. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  46. package/lib/components/AccordionItem/renderAccordionItem.d.ts +1 -1
  47. package/lib/components/AccordionItem/renderAccordionItem.js +4 -4
  48. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  49. package/lib/components/AccordionItem/useAccordionItem.d.ts +2 -6
  50. package/lib/components/AccordionItem/useAccordionItem.js +4 -6
  51. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  52. package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +1 -1
  53. package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
  54. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  55. package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +1 -1
  56. package/lib/components/AccordionItem/useAccordionItemStyles.js +2 -2
  57. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  58. package/lib/components/AccordionPanel/AccordionPanel.d.ts +1 -1
  59. package/lib/components/AccordionPanel/AccordionPanel.js +7 -7
  60. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  61. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  62. package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
  63. package/lib/components/AccordionPanel/renderAccordionPanel.js +4 -4
  64. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  65. package/lib/components/AccordionPanel/useAccordionPanel.d.ts +2 -6
  66. package/lib/components/AccordionPanel/useAccordionPanel.js +6 -9
  67. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  68. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -1
  69. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +2 -2
  70. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  71. package/lib-commonjs/components/Accordion/Accordion.d.ts +1 -1
  72. package/lib-commonjs/components/Accordion/Accordion.js +5 -5
  73. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  74. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +4 -3
  75. package/lib-commonjs/components/Accordion/renderAccordion.d.ts +1 -1
  76. package/lib-commonjs/components/Accordion/renderAccordion.js +5 -4
  77. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  78. package/lib-commonjs/components/Accordion/useAccordion.d.ts +2 -3
  79. package/lib-commonjs/components/Accordion/useAccordion.js +7 -5
  80. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  81. package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +1 -1
  82. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +3 -3
  83. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  84. package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +1 -1
  85. package/lib-commonjs/components/Accordion/useAccordionStyles.js +5 -5
  86. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  87. package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +2 -1
  88. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +6 -5
  89. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  90. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +12 -11
  91. package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -1
  92. package/lib-commonjs/components/AccordionHeader/index.js +0 -2
  93. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  94. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +1 -1
  95. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +10 -7
  96. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  97. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +2 -6
  98. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +31 -20
  99. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  100. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +1 -1
  101. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +3 -3
  102. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  103. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -1
  104. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +46 -55
  105. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  106. package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +1 -1
  107. package/lib-commonjs/components/AccordionItem/AccordionItem.js +5 -5
  108. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  109. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  110. package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +1 -1
  111. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +3 -3
  112. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  113. package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +1 -1
  114. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +6 -7
  115. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  116. package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +2 -6
  117. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +7 -9
  118. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  119. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +1 -1
  120. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +3 -3
  121. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  122. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +1 -1
  123. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +5 -5
  124. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  125. package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +1 -1
  126. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +4 -4
  127. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  128. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  129. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
  130. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +6 -7
  131. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  132. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +2 -6
  133. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +8 -11
  134. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  135. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -1
  136. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +6 -6
  137. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  138. package/package.json +17 -18
  139. package/lib/common/isConformant.d.ts +0 -4
  140. package/lib/common/isConformant.js +0 -12
  141. package/lib/common/isConformant.js.map +0 -1
  142. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  143. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -41
  144. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
  145. package/lib-commonjs/common/isConformant.d.ts +0 -4
  146. package/lib-commonjs/common/isConformant.js +0 -23
  147. package/lib-commonjs/common/isConformant.js.map +0 -1
  148. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  149. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -50
  150. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
@@ -1,10 +1,10 @@
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
  import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
4
4
  export declare type AccordionIndex = number | number[];
5
5
  export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
6
6
  export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
7
- export declare type AccordionCommons = {
7
+ declare type AccordionCommons = {
8
8
  /**
9
9
  * Indicates if keyboard navigation is available
10
10
  */
@@ -33,7 +33,7 @@ export declare type AccordionContextValues = {
33
33
  accordion: AccordionContextValue;
34
34
  };
35
35
  export declare type AccordionSlots = {
36
- root: IntrinsicShorthandProps<'div'>;
36
+ root: Slot<'div'>;
37
37
  };
38
38
  export declare type AccordionToggleData = {
39
39
  value: AccordionItemValue;
@@ -50,3 +50,4 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
50
50
  onToggle?: AccordionToggleEventHandler;
51
51
  };
52
52
  export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
53
+ export {};
@@ -2,4 +2,4 @@ import type { AccordionState, AccordionContextValues } from './Accordion.types';
2
2
  /**
3
3
  * Function that renders the final JSX of the component
4
4
  */
5
- export declare const renderAccordion: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
5
+ export declare const renderAccordion_unstable: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
@@ -5,12 +5,13 @@ import { AccordionContext } from './AccordionContext';
5
5
  * Function that renders the final JSX of the component
6
6
  */
7
7
 
8
- export const renderAccordion = (state, contextValues) => {
8
+ export const renderAccordion_unstable = (state, contextValues) => {
9
9
  const {
10
10
  slots,
11
11
  slotProps
12
12
  } = getSlots(state);
13
- return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionContext.Provider, {
13
+ return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
14
+ }, /*#__PURE__*/React.createElement(AccordionContext.Provider, {
14
15
  value: contextValues.accordion
15
16
  }, slotProps.root.children));
16
17
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAiB,KAAjB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AACvG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAiB,KAAjB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourceRoot":""}
@@ -1,9 +1,8 @@
1
1
  import * as React from 'react';
2
- import type { AccordionProps, AccordionSlots, AccordionState } from './Accordion.types';
3
- export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
2
+ import type { AccordionProps, AccordionState } from './Accordion.types';
4
3
  /**
5
4
  * Returns the props and state required to render the component
6
5
  * @param props - Accordion properties
7
6
  * @param ref - reference to root HTMLElement of Accordion
8
7
  */
9
- export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;
8
+ export declare const useAccordion_unstable: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;
@@ -1,13 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';
3
- export const accordionShorthandProps = ['root'];
4
3
  /**
5
4
  * Returns the props and state required to render the component
6
5
  * @param props - Accordion properties
7
6
  * @param ref - reference to root HTMLElement of Accordion
8
7
  */
9
8
 
10
- export const useAccordion = (props, ref) => {
9
+ export const useAccordion_unstable = (props, ref) => {
11
10
  const {
12
11
  openItems: controlledOpenItems,
13
12
  defaultOpenItems,
@@ -40,6 +39,9 @@ export const useAccordion = (props, ref) => {
40
39
  navigable,
41
40
  openItems,
42
41
  requestToggle,
42
+ components: {
43
+ root: 'div'
44
+ },
43
45
  root: getNativeElementProps('div', { ...props,
44
46
  ref
45
47
  })
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/useAccordion.ts"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/useAccordion.ts"],"names":[],"mappings":"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","sourceRoot":""}
@@ -1,2 +1,2 @@
1
1
  import type { AccordionContextValues, AccordionState } from './Accordion.types';
2
- export declare function useAccordionContextValues(state: AccordionState): AccordionContextValues;
2
+ export declare function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues;
@@ -1,4 +1,4 @@
1
- export function useAccordionContextValues(state) {
1
+ export function useAccordionContextValues_unstable(state) {
2
2
  const {
3
3
  navigable,
4
4
  openItems,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/useAccordionContextValues.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,yBAAV,CAAoC,KAApC,EAAyD;AAC7D,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA,aAAxB;AAAuC,IAAA;AAAvC,MAAuD,KAA7D,CAD6D,CAG7D;;AACA,QAAM,SAAS,GAA0B;AACvC,IAAA,SADuC;AAEvC,IAAA,SAFuC;AAGvC,IAAA,aAHuC;AAIvC,IAAA;AAJuC,GAAzC;AAOA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/useAccordionContextValues.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,kCAAV,CAA6C,KAA7C,EAAkE;AACtE,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA,aAAxB;AAAuC,IAAA;AAAvC,MAAuD,KAA7D,CADsE,CAGtE;;AACA,QAAM,SAAS,GAA0B;AACvC,IAAA,SADuC;AAEvC,IAAA,SAFuC;AAGvC,IAAA,aAHuC;AAIvC,IAAA;AAJuC,GAAzC;AAOA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
@@ -1,3 +1,3 @@
1
1
  import type { AccordionState } from './Accordion.types';
2
2
  export declare const accordionClassName = "fui-Accordion";
3
- export declare const useAccordionStyles: (state: AccordionState) => AccordionState;
3
+ export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;
@@ -1,6 +1,6 @@
1
- import { mergeClasses } from '@fluentui/react-make-styles';
1
+ import { mergeClasses } from '@griffel/react';
2
2
  export const accordionClassName = 'fui-Accordion';
3
- export const useAccordionStyles = state => {
3
+ export const useAccordionStyles_unstable = state => {
4
4
  state.root.className = mergeClasses(accordionClassName, state.root.className);
5
5
  return state;
6
6
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,6BAA7B;AAGA,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AAEP,OAAO,MAAM,kBAAkB,GAAI,KAAD,IAA0B;AAC1D,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,kBAAD,EAAqB,KAAK,CAAC,IAAN,CAAW,SAAhC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AAEP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0B;AACnE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,kBAAD,EAAqB,KAAK,CAAC,IAAN,CAAW,SAAhC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourceRoot":""}
@@ -1,6 +1,7 @@
1
1
  import type { AccordionHeaderProps } from './AccordionHeader.types';
2
2
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
3
  /**
4
- * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
4
+ * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
5
+ * hooks.
5
6
  */
6
7
  export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
@@ -1,17 +1,18 @@
1
1
  import * as React from 'react';
2
- import { useAccordionHeader } from './useAccordionHeader';
3
- import { renderAccordionHeader } from './renderAccordionHeader';
4
- import { useAccordionHeaderStyles } from './useAccordionHeaderStyles';
5
- import { useAccordionHeaderContextValues } from './useAccordionHeaderContextValues';
2
+ import { useAccordionHeader_unstable } from './useAccordionHeader';
3
+ import { renderAccordionHeader_unstable } from './renderAccordionHeader';
4
+ import { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';
5
+ import { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';
6
6
  /**
7
- * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
7
+ * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
8
+ * hooks.
8
9
  */
9
10
 
10
11
  export const AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
11
- const state = useAccordionHeader(props, ref);
12
- const contextValues = useAccordionHeaderContextValues(state);
13
- useAccordionHeaderStyles(state);
14
- return renderAccordionHeader(state, contextValues);
12
+ const state = useAccordionHeader_unstable(props, ref);
13
+ const contextValues = useAccordionHeaderContextValues_unstable(state);
14
+ useAccordionHeaderStyles_unstable(state);
15
+ return renderAccordionHeader_unstable(state, contextValues);
15
16
  });
16
17
  AccordionHeader.displayName = 'AccordionHeader';
17
18
  //# sourceMappingURL=AccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,kBAAT,QAAmC,sBAAnC;AACA,SAAS,qBAAT,QAAsC,yBAAtC;AACA,SAAS,wBAAT,QAAyC,4BAAzC;AACA,SAAS,+BAAT,QAAgD,mCAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,eAAe,gBAA8C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxG,QAAM,KAAK,GAAG,kBAAkB,CAAC,KAAD,EAAQ,GAAR,CAAhC;AACA,QAAM,aAAa,GAAG,+BAA+B,CAAC,KAAD,CAArD;AAEA,EAAA,wBAAwB,CAAC,KAAD,CAAxB;AAEA,SAAO,qBAAqB,CAAC,KAAD,EAAQ,aAAR,CAA5B;AACD,CAPyE,CAAnE;AASP,eAAe,CAAC,WAAhB,GAA8B,iBAA9B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,2BAAT,QAA4C,sBAA5C;AACA,SAAS,8BAAT,QAA+C,yBAA/C;AACA,SAAS,iCAAT,QAAkD,4BAAlD;AACA,SAAS,wCAAT,QAAyD,mCAAzD;AAIA;;;AAGG;;AACH,OAAO,MAAM,eAAe,gBAA8C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxG,QAAM,KAAK,GAAG,2BAA2B,CAAC,KAAD,EAAQ,GAAR,CAAzC;AACA,QAAM,aAAa,GAAG,wCAAwC,CAAC,KAAD,CAA9D;AAEA,EAAA,iCAAiC,CAAC,KAAD,CAAjC;AAEA,SAAO,8BAA8B,CAAC,KAAD,EAAQ,aAAR,CAArC;AACD,CAPyE,CAAnE;AASP,eAAe,CAAC,WAAhB,GAA8B,iBAA9B","sourceRoot":""}
@@ -1,7 +1,5 @@
1
- import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
3
- import type { AccordionHeaderExpandIconProps } from './AccordionHeaderExpandIcon';
4
- import type { ARIAButtonShorthandProps } from '@fluentui/react-aria';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
+ import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
5
3
  export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
6
4
  export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
7
5
  export declare type AccordionHeaderContextValue = {
@@ -14,22 +12,24 @@ export declare type AccordionHeaderContextValues = {
14
12
  accordionHeader: AccordionHeaderContextValue;
15
13
  };
16
14
  export declare type AccordionHeaderSlots = {
17
- root: IntrinsicShorthandProps<'div'>;
15
+ /**
16
+ * The element wrapping the button. By default this is a div, but can be a heading.
17
+ */
18
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
18
19
  /**
19
20
  * The component to be used as button in heading
20
21
  */
21
- button: ARIAButtonShorthandProps;
22
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
22
23
  /**
23
24
  * Expand icon slot rendered before (or after) children content in heading
24
25
  */
25
- expandIcon: AccordionHeaderExpandIconProps;
26
+ expandIcon: Slot<'span'>;
26
27
  /**
27
28
  * Expand icon slot rendered before (or after) children content in heading
28
29
  */
29
- icon?: IntrinsicShorthandProps<'div'>;
30
- children: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
30
+ icon?: Slot<'div'>;
31
31
  };
32
- export declare type AccordionHeaderCommons = {
32
+ declare type AccordionHeaderCommons = {
33
33
  /**
34
34
  * Size of spacing in the heading
35
35
  */
@@ -43,5 +43,6 @@ export declare type AccordionHeaderCommons = {
43
43
  */
44
44
  inline: boolean;
45
45
  };
46
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
46
+ export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
47
47
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
48
+ export {};
@@ -1,5 +1,4 @@
1
1
  export * from './AccordionHeader';
2
- export * from './AccordionHeaderExpandIcon';
3
2
  export * from './AccordionHeader.types';
4
3
  export * from './renderAccordionHeader';
5
4
  export * from './useAccordionHeader';
@@ -1,5 +1,4 @@
1
1
  export * from './AccordionHeader';
2
- export * from './AccordionHeaderExpandIcon';
3
2
  export * from './AccordionHeader.types';
4
3
  export * from './renderAccordionHeader';
5
4
  export * from './useAccordionHeader';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC"}
@@ -2,4 +2,4 @@ import type { AccordionHeaderState, AccordionHeaderContextValues } from './Accor
2
2
  /**
3
3
  * Function that renders the final JSX of the component
4
4
  */
5
- export declare const renderAccordionHeader: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
5
+ export declare const renderAccordionHeader_unstable: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
@@ -1,18 +1,22 @@
1
1
  import * as React from 'react';
2
2
  import { getSlots } from '@fluentui/react-utilities';
3
- import { accordionHeaderShorthandProps } from './useAccordionHeader';
4
3
  import { AccordionHeaderContext } from './AccordionHeaderContext';
5
4
  /**
6
5
  * Function that renders the final JSX of the component
7
6
  */
8
7
 
9
- export const renderAccordionHeader = (state, contextValues) => {
8
+ export const renderAccordionHeader_unstable = (state, contextValues) => {
10
9
  const {
11
10
  slots,
12
11
  slotProps
13
- } = getSlots(state, accordionHeaderShorthandProps);
12
+ } = getSlots(state);
14
13
  return /*#__PURE__*/React.createElement(AccordionHeaderContext.Provider, {
15
14
  value: contextValues.accordionHeader
16
- }, /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(slots.button, Object.assign({}, slotProps.button), state.expandIconPosition === 'start' && /*#__PURE__*/React.createElement(slots.expandIcon, Object.assign({}, slotProps.expandIcon)), /*#__PURE__*/React.createElement(slots.icon, Object.assign({}, slotProps.icon)), /*#__PURE__*/React.createElement(slots.children, Object.assign({}, slotProps.children)), state.expandIconPosition === 'end' && /*#__PURE__*/React.createElement(slots.expandIcon, Object.assign({}, slotProps.expandIcon)))));
15
+ }, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
16
+ }, /*#__PURE__*/React.createElement(slots.button, { ...slotProps.button
17
+ }, state.expandIconPosition === 'start' && /*#__PURE__*/React.createElement(slots.expandIcon, { ...slotProps.expandIcon
18
+ }), slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
19
+ }), slotProps.root.children, state.expandIconPosition === 'end' && /*#__PURE__*/React.createElement(slots.expandIcon, { ...slotProps.expandIcon
20
+ }))));
17
21
  };
18
22
  //# sourceMappingURL=renderAccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,6BAAT,QAA8C,sBAA9C;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAG,CAAC,KAAD,EAA8B,aAA9B,KAA6E;AAChH,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAuB,KAAvB,EAA8B,6BAA9B,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,sBAAsB,CAAC,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,iBAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,UAAf,CAAjB,CAD3C,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,eAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,QAAf,CAAf,CAHF,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,iBAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,UAAf,CAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAfM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,8BAA8B,GAAG,CAC5C,KAD4C,EAE5C,aAF4C,KAG1C;AACF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAuB,KAAvB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,sBAAsB,CAAC,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,iBAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAD3C,EAEG,KAAK,CAAC,IAAN,iBAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,iBAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAlBM","sourceRoot":""}
@@ -1,12 +1,8 @@
1
1
  import * as React from 'react';
2
- import type { AccordionHeaderProps, AccordionHeaderState, AccordionHeaderSlots } from './AccordionHeader.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionHeaderShorthandProps: Array<keyof AccordionHeaderSlots>;
2
+ import type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
7
3
  /**
8
4
  * Returns the props and state required to render the component
9
5
  * @param props - AccordionHeader properties
10
6
  * @param ref - reference to root HTMLElement of AccordionHeader
11
7
  */
12
- export declare const useAccordionHeader: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
8
+ export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
@@ -1,25 +1,22 @@
1
+ import * as React from 'react';
1
2
  import { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
2
- import { useAccordionItemContext } from '../AccordionItem/index';
3
- import { AccordionHeaderExpandIcon } from './AccordionHeaderExpandIcon';
3
+ import { useAccordionItemContext_unstable } from '../AccordionItem/index';
4
4
  import { useARIAButton } from '@fluentui/react-aria';
5
5
  import { useContextSelector } from '@fluentui/react-context-selector';
6
6
  import { AccordionContext } from '../Accordion/AccordionContext';
7
- /**
8
- * Const listing which props are shorthand props.
9
- */
10
-
11
- export const accordionHeaderShorthandProps = ['root', 'icon', 'button', 'children', 'expandIcon'];
7
+ import { ChevronRightRegular } from '@fluentui/react-icons';
8
+ import { useFluent } from '@fluentui/react-shared-contexts';
12
9
  /**
13
10
  * Returns the props and state required to render the component
14
11
  * @param props - AccordionHeader properties
15
12
  * @param ref - reference to root HTMLElement of AccordionHeader
16
13
  */
17
14
 
18
- export const useAccordionHeader = (props, ref) => {
15
+ export const useAccordionHeader_unstable = (props, ref) => {
19
16
  const {
17
+ as,
20
18
  icon,
21
19
  button,
22
- children,
23
20
  expandIcon,
24
21
  inline = false,
25
22
  size = 'medium',
@@ -29,13 +26,27 @@ export const useAccordionHeader = (props, ref) => {
29
26
  onHeaderClick: onAccordionHeaderClick,
30
27
  disabled,
31
28
  open
32
- } = useAccordionItemContext();
29
+ } = useAccordionItemContext_unstable();
33
30
  /**
34
31
  * force disabled state on button if accordion isn't collapsible
35
32
  * and this is the only item opened
36
33
  */
37
34
 
38
35
  const disabledFocusable = useContextSelector(AccordionContext, ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
36
+ const {
37
+ dir
38
+ } = useFluent(); // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
39
+
40
+ let expandIconRotation;
41
+
42
+ if (expandIconPosition === 'end') {
43
+ // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
44
+ expandIconRotation = open ? -90 : 90;
45
+ } else {
46
+ // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
47
+ expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
48
+ }
49
+
39
50
  const buttonShorthand = useARIAButton(button, {
40
51
  required: true,
41
52
  defaultProps: {
@@ -53,19 +64,20 @@ export const useAccordionHeader = (props, ref) => {
53
64
  components: {
54
65
  root: 'div',
55
66
  button: 'button',
56
- expandIcon: AccordionHeaderExpandIcon,
57
- icon: 'div',
58
- children: 'div'
67
+ expandIcon: 'span',
68
+ icon: 'div'
59
69
  },
60
- root: getNativeElementProps('div', {
70
+ root: getNativeElementProps(as || 'div', {
61
71
  ref,
62
- role: 'heading',
63
72
  ...props
64
73
  }),
65
74
  icon: resolveShorthand(icon),
66
75
  expandIcon: resolveShorthand(expandIcon, {
67
76
  required: true,
68
77
  defaultProps: {
78
+ children: /*#__PURE__*/React.createElement(ChevronRightRegular, {
79
+ transform: `rotate(${expandIconRotation})`
80
+ }),
69
81
  'aria-hidden': true
70
82
  }
71
83
  }),
@@ -79,10 +91,7 @@ export const useAccordionHeader = (props, ref) => {
79
91
  onAccordionHeaderClick(ev);
80
92
  }
81
93
  })
82
- },
83
- children: resolveShorthand(children, {
84
- required: true
85
- })
94
+ }
86
95
  };
87
96
  };
88
97
  //# sourceMappingURL=useAccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,gBAAlD,QAA0E,2BAA1E;AACA,SAAS,uBAAT,QAAwC,wBAAxC;AACA,SAAS,yBAAT,QAA0C,6BAA1C;AACA,SAAS,aAAT,QAA8B,sBAA9B;AAEA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAsC,CAC9E,MAD8E,EAE9E,MAF8E,EAG9E,QAH8E,EAI9E,UAJ8E,EAK9E,YAL8E,CAAzE;AAQP;;;;AAIG;;AACH,OAAO,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAA8B,GAA9B,KAAmF;AACnH,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,MAAR;AAAgB,IAAA,QAAhB;AAA0B,IAAA,UAA1B;AAAsC,IAAA,MAAM,GAAG,KAA/C;AAAsD,IAAA,IAAI,GAAG,QAA7D;AAAuE,IAAA,kBAAkB,GAAG;AAA5F,MAAwG,KAA9G;AACA,QAAM;AAAE,IAAA,aAAa,EAAE,sBAAjB;AAAyC,IAAA,QAAzC;AAAmD,IAAA;AAAnD,MAA4D,uBAAuB,EAAzF;AAEA;;;AAGG;;AACH,QAAM,iBAAiB,GAAG,kBAAkB,CAC1C,gBAD0C,EAE1C,GAAG,IAAI,CAAC,GAAG,CAAC,WAAL,IAAoB,GAAG,CAAC,SAAJ,CAAc,MAAd,KAAyB,CAA7C,IAAkD,IAFf,CAA5C;AAKA,QAAM,eAAe,GAAG,aAAa,CAAC,MAAD,EAAS;AAC5C,IAAA,QAAQ,EAAE,IADkC;AAE5C,IAAA,YAAY,EAAE;AACZ,MAAA,QADY;AAEZ,MAAA,iBAFY;AAGZ,uBAAiB;AAHL;AAF8B,GAAT,CAArC;AASA,SAAO;AACL,IAAA,QADK;AAEL,IAAA,IAFK;AAGL,IAAA,IAHK;AAIL,IAAA,MAJK;AAKL,IAAA,kBALK;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,MAAM,EAAE,QAFE;AAGV,MAAA,UAAU,EAAE,yBAHF;AAIV,MAAA,IAAI,EAAE,KAJI;AAKV,MAAA,QAAQ,EAAE;AALA,KANP;AAaL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,SAF2B;AAGjC,SAAG;AAH8B,KAAR,CAbtB;AAkBL,IAAA,IAAI,EAAE,gBAAgB,CAAC,IAAD,CAlBjB;AAmBL,IAAA,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;AACvC,MAAA,QAAQ,EAAE,IAD6B;AAEvC,MAAA,YAAY,EAAE;AACZ,uBAAe;AADH;AAFyB,KAAb,CAnBvB;AAyBL,IAAA,MAAM,EAAE,EACN,GAAG,eADG;AAEN,MAAA,OAAO,EAAE,gBAAgB,CACtB,EAAD,IAAmG;;;AACjG,SAAA,EAAA,GAAA,eAAe,CAAC,OAAhB,MAAuB,IAAvB,IAAuB,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuB,EAAA,CAAA,IAAA,CAAvB,eAAuB,EAAG,EAAH,CAAvB;;AACA,YAAI,CAAC,EAAE,CAAC,gBAAR,EAA0B;AACxB,UAAA,sBAAsB,CAAC,EAAD,CAAtB;AACD;AACF,OANsB;AAFnB,KAzBH;AAoCL,IAAA,QAAQ,EAAE,gBAAgB,CAAC,QAAD,EAA+C;AACvE,MAAA,QAAQ,EAAE;AAD6D,KAA/C;AApCrB,GAAP;AAwCD,CA9DM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourceRoot":""}
@@ -1,2 +1,2 @@
1
1
  import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
2
- export declare function useAccordionHeaderContextValues(state: AccordionHeaderState): AccordionHeaderContextValues;
2
+ export declare function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- export function useAccordionHeaderContextValues(state) {
2
+ export function useAccordionHeaderContextValues_unstable(state) {
3
3
  const {
4
4
  disabled,
5
5
  expandIconPosition,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAOA,OAAM,SAAU,+BAAV,CAA0C,KAA1C,EAAqE;AACzE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,kBAAZ;AAAgC,IAAA,IAAhC;AAAsC,IAAA;AAAtC,MAA+C,KAArD;AAEA,QAAM,eAAe,GAAG,KAAK,CAAC,OAAN,CACtB,OAAO;AACL,IAAA,QADK;AAEL,IAAA,kBAFK;AAGL,IAAA,IAHK;AAIL,IAAA;AAJK,GAAP,CADsB,EAOtB,CAAC,QAAD,EAAW,kBAAX,EAA+B,IAA/B,EAAqC,IAArC,CAPsB,CAAxB;AAUA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAOA,OAAM,SAAU,wCAAV,CAAmD,KAAnD,EAA8E;AAClF,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,kBAAZ;AAAgC,IAAA,IAAhC;AAAsC,IAAA;AAAtC,MAA+C,KAArD;AAEA,QAAM,eAAe,GAAG,KAAK,CAAC,OAAN,CACtB,OAAO;AACL,IAAA,QADK;AAEL,IAAA,kBAFK;AAGL,IAAA,IAHK;AAIL,IAAA;AAJK,GAAP,CADsB,EAOtB,CAAC,QAAD,EAAW,kBAAX,EAA+B,IAA/B,EAAqC,IAArC,CAPsB,CAAxB;AAUA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
@@ -1,4 +1,4 @@
1
1
  import type { AccordionHeaderState } from './AccordionHeader.types';
2
2
  export declare const accordionHeaderClassName = "fui-AccordionHeader";
3
3
  /** Applies style classnames to slots */
4
- export declare const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState;
4
+ export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;