@fluentui/react-accordion 9.3.31 → 9.3.32

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 (10) hide show
  1. package/CHANGELOG.md +23 -8
  2. package/lib/components/AccordionHeader/useAccordionHeader.js +24 -27
  3. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  4. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js +12 -1
  5. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
  6. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +22 -25
  7. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  8. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js +30 -0
  9. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
  10. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,22 +1,37 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Thu, 14 Dec 2023 09:51:37 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 18 Dec 2023 14:36:09 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.3.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.3.32)
8
+
9
+ Mon, 18 Dec 2023 14:36:09 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.3.31..@fluentui/react-accordion_v9.3.32)
11
+
12
+ ### Patches
13
+
14
+ - chore: adopts useARIAButtonProps instead of deprecated method useARIAButtonShorthand ([PR #29735](https://github.com/microsoft/fluentui/pull/29735) by bernardo.sunderhus@gmail.com)
15
+ - Bump @fluentui/react-aria to v9.6.0 ([PR #30099](https://github.com/microsoft/fluentui/pull/30099) by beachball)
16
+ - Bump @fluentui/react-context-selector to v9.1.44 ([PR #30099](https://github.com/microsoft/fluentui/pull/30099) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.22 ([PR #30099](https://github.com/microsoft/fluentui/pull/30099) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v9.13.2 ([PR #30099](https://github.com/microsoft/fluentui/pull/30099) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.16.0 ([PR #30099](https://github.com/microsoft/fluentui/pull/30099) by beachball)
20
+ - Bump @fluentui/react-utilities to v9.15.4 ([PR #30099](https://github.com/microsoft/fluentui/pull/30099) by beachball)
21
+
7
22
  ## [9.3.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.3.31)
8
23
 
9
- Thu, 14 Dec 2023 09:51:37 GMT
24
+ Thu, 14 Dec 2023 09:58:46 GMT
10
25
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.3.30..@fluentui/react-accordion_v9.3.31)
11
26
 
12
27
  ### Patches
13
28
 
14
- - Bump @fluentui/react-aria to v9.5.0 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
15
- - Bump @fluentui/react-context-selector to v9.1.43 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
16
- - Bump @fluentui/react-jsx-runtime to v9.0.21 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
17
- - Bump @fluentui/react-shared-contexts to v9.13.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
18
- - Bump @fluentui/react-tabster to v9.15.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
19
- - Bump @fluentui/react-utilities to v9.15.3 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
29
+ - Bump @fluentui/react-aria to v9.5.0 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
30
+ - Bump @fluentui/react-context-selector to v9.1.43 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
31
+ - Bump @fluentui/react-jsx-runtime to v9.0.21 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
32
+ - Bump @fluentui/react-shared-contexts to v9.13.1 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
33
+ - Bump @fluentui/react-tabster to v9.15.1 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
34
+ - Bump @fluentui/react-utilities to v9.15.3 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
20
35
 
21
36
  ## [9.3.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.3.30)
22
37
 
package/lib/components/AccordionHeader/useAccordionHeader.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { getIntrinsicElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';
3
- import { useARIAButtonShorthand } from '@fluentui/react-aria';
2
+ import { getIntrinsicElementProps, useEventCallback, slot, isResolvedShorthand } from '@fluentui/react-utilities';
3
+ import { useARIAButtonProps } from '@fluentui/react-aria';
4
4
  import { useAccordionContext_unstable } from '../../contexts/accordion';
5
5
  import { ChevronRightRegular } from '@fluentui/react-icons';
6
6
  import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
@@ -27,6 +27,27 @@ import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
27
27
  // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
28
28
  expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
29
29
  }
30
+ const buttonSlot = slot.always(button, {
31
+ elementType: 'button',
32
+ defaultProps: {
33
+ disabled,
34
+ disabledFocusable,
35
+ 'aria-expanded': open,
36
+ type: 'button'
37
+ }
38
+ });
39
+ buttonSlot.onClick = useEventCallback((event)=>{
40
+ if (isResolvedShorthand(button)) {
41
+ var _button_onClick;
42
+ (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);
43
+ }
44
+ if (!event.defaultPrevented) {
45
+ requestToggle({
46
+ value,
47
+ event
48
+ });
49
+ }
50
+ });
30
51
  return {
31
52
  disabled,
32
53
  open,
@@ -63,30 +84,6 @@ import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
63
84
  },
64
85
  elementType: 'span'
65
86
  }),
66
- button: slot.always({
67
- ...useARIAButtonShorthand(button, {
68
- required: true,
69
- defaultProps: {
70
- disabled,
71
- disabledFocusable,
72
- 'aria-expanded': open,
73
- type: 'button'
74
- }
75
- }),
76
- onClick: useEventCallback((event)=>{
77
- if (isResolvedShorthand(button)) {
78
- var _button_onClick;
79
- (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);
80
- }
81
- if (!event.defaultPrevented) {
82
- requestToggle({
83
- value,
84
- event
85
- });
86
- }
87
- })
88
- }, {
89
- elementType: 'button'
90
- })
87
+ button: useARIAButtonProps(buttonSlot.as, buttonSlot)
91
88
  };
92
89
  };
package/lib/components/AccordionHeader/useAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { value, disabled, open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, { elementType: 'div' }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n 'aria-hidden': true,\n },\n elementType: 'span',\n }),\n button: slot.always<ARIAButtonSlotProps<'a'>>(\n {\n ...useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button',\n },\n }),\n onClick: useEventCallback(event => {\n if (isResolvedShorthand(button)) {\n button.onClick?.(event);\n }\n if (!event.defaultPrevented) {\n requestToggle({ value, event });\n }\n }),\n },\n { elementType: 'button' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","isResolvedShorthand","useEventCallback","slot","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionItemContext_unstable","useAccordionHeader_unstable","props","ref","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","requestToggle","ctx","disabledFocusable","collapsible","openItems","length","dir","expandIconRotation","components","root","always","elementType","optional","renderByDefault","defaultProps","children","style","transform","required","type","onClick","event","defaultPrevented"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,mBAAmB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAClH,SAA8BC,sBAAsB,QAAQ,uBAAuB;AAEnF,SAASC,4BAA4B,QAAQ,2BAA2B;AACxE,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAEC,qBAAqB,OAAO,EAAE,GAAGP;IACpG,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGZ;IAClC,MAAMa,gBAAgBjB,6BAA6BkB,CAAAA,MAAOA,IAAID,aAAa;IAE3E;;;GAGC,GACD,MAAME,oBAAoBnB,6BAA6BkB,CAAAA,MAAO,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKN;IAEhH,MAAM,EAAEO,GAAG,EAAE,GAAGpB;IAEhB,oEAAoE;IACpE,IAAIqB;IACJ,IAAIX,uBAAuB,OAAO;QAChC,8FAA8F;QAC9FW,qBAAqBR,OAAO,CAAC,KAAK;IACpC,OAAO;QACL,mGAAmG;QACnGQ,qBAAqBR,OAAO,KAAKO,QAAQ,QAAQ,IAAI;IACvD;IAEA,OAAO;QACLR;QACAC;QACAJ;QACAD;QACAE;QACAY,YAAY;YACVC,MAAM;YACNjB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACAkB,MAAM5B,KAAK6B,MAAM,CACfhC,yBAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FY,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEsB,aAAa;QAAM;QAEvBpB,MAAMV,KAAK+B,QAAQ,CAACrB,MAAM;YAAEoB,aAAa;QAAM;QAC/ClB,YAAYZ,KAAK+B,QAAQ,CAACnB,YAAY;YACpCoB,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAAC/B;oBAAoBgC,OAAO;wBAAEC,WAAW,CAAC,OAAO,EAAEV,mBAAmB,IAAI,CAAC;oBAAC;;gBACtF,eAAe;YACjB;YACAI,aAAa;QACf;QACAnB,QAAQX,KAAK6B,MAAM,CACjB;YACE,GAAG5B,uBAAuBU,QAAQ;gBAChC0B,UAAU;gBACVJ,cAAc;oBACZhB;oBACAI;oBACA,iBAAiBH;oBACjBoB,MAAM;gBACR;YACF,EAAE;YACFC,SAASxC,iBAAiByC,CAAAA;gBACxB,IAAI1C,oBAAoBa,SAAS;wBAC/BA;qBAAAA,kBAAAA,OAAO4B,OAAO,cAAd5B,sCAAAA,qBAAAA,QAAiB6B;gBACnB;gBACA,IAAI,CAACA,MAAMC,gBAAgB,EAAE;oBAC3BtB,cAAc;wBAAEH;wBAAOwB;oBAAM;gBAC/B;YACF;QACF,GACA;YAAEV,aAAa;QAAS;IAE5B;AACF,EAAE"}
1
+ {"version":3,"sources":["useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { value, disabled, open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonSlot = slot.always(button, {\n elementType: 'button',\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button',\n },\n });\n\n buttonSlot.onClick = useEventCallback(event => {\n if (isResolvedShorthand(button)) {\n button.onClick?.(event);\n }\n if (!event.defaultPrevented) {\n requestToggle({ value, event });\n }\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, { elementType: 'div' }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n 'aria-hidden': true,\n },\n elementType: 'span',\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","isResolvedShorthand","useARIAButtonProps","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionItemContext_unstable","useAccordionHeader_unstable","props","ref","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","requestToggle","ctx","disabledFocusable","collapsible","openItems","length","dir","expandIconRotation","buttonSlot","always","elementType","defaultProps","type","onClick","event","defaultPrevented","components","root","optional","renderByDefault","children","style","transform","as"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,4BAA4B;AAClH,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,4BAA4B,QAAQ,2BAA2B;AACxE,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAEC,qBAAqB,OAAO,EAAE,GAAGP;IACpG,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGZ;IAClC,MAAMa,gBAAgBjB,6BAA6BkB,CAAAA,MAAOA,IAAID,aAAa;IAE3E;;;GAGC,GACD,MAAME,oBAAoBnB,6BAA6BkB,CAAAA,MAAO,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKN;IAEhH,MAAM,EAAEO,GAAG,EAAE,GAAGpB;IAEhB,oEAAoE;IACpE,IAAIqB;IACJ,IAAIX,uBAAuB,OAAO;QAChC,8FAA8F;QAC9FW,qBAAqBR,OAAO,CAAC,KAAK;IACpC,OAAO;QACL,mGAAmG;QACnGQ,qBAAqBR,OAAO,KAAKO,QAAQ,QAAQ,IAAI;IACvD;IAEA,MAAME,aAAa5B,KAAK6B,MAAM,CAACjB,QAAQ;QACrCkB,aAAa;QACbC,cAAc;YACZb;YACAI;YACA,iBAAiBH;YACjBa,MAAM;QACR;IACF;IAEAJ,WAAWK,OAAO,GAAGlC,iBAAiBmC,CAAAA;QACpC,IAAIjC,oBAAoBW,SAAS;gBAC/BA;aAAAA,kBAAAA,OAAOqB,OAAO,cAAdrB,sCAAAA,qBAAAA,QAAiBsB;QACnB;QACA,IAAI,CAACA,MAAMC,gBAAgB,EAAE;YAC3Bf,cAAc;gBAAEH;gBAAOiB;YAAM;QAC/B;IACF;IAEA,OAAO;QACLhB;QACAC;QACAJ;QACAD;QACAE;QACAoB,YAAY;YACVC,MAAM;YACNzB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACA0B,MAAMrC,KAAK6B,MAAM,CACf/B,yBAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FY,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEqB,aAAa;QAAM;QAEvBnB,MAAMX,KAAKsC,QAAQ,CAAC3B,MAAM;YAAEmB,aAAa;QAAM;QAC/CjB,YAAYb,KAAKsC,QAAQ,CAACzB,YAAY;YACpC0B,iBAAiB;YACjBR,cAAc;gBACZS,wBAAU,oBAACpC;oBAAoBqC,OAAO;wBAAEC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBAAC;;gBACtF,eAAe;YACjB;YACAG,aAAa;QACf;QACAlB,QAAQV,mBAAmB0B,WAAWe,EAAE,EAAEf;IAC5C;AACF,EAAE"}
package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js CHANGED
@@ -31,6 +31,10 @@ const useStyles = /*#__PURE__*/__styles({
31
31
  Bci5o5g: ["f1d2448m", "ffh67wi"],
32
32
  n8qw10: "f1bjia2o",
33
33
  Bdrgwmp: ["ffh67wi", "f1d2448m"],
34
+ Bb7d1vk: "f226i61",
35
+ zhwhgb: ["f13kzufm", "fsx75g8"],
36
+ dhy2o1: "flujwa2",
37
+ Gfyso: ["fsx75g8", "f13kzufm"],
34
38
  Bm4h7ae: "f15bsgw9",
35
39
  B7ys5i9: "f14e48fq",
36
40
  Busjfv9: "f18yb2kv",
@@ -157,7 +161,14 @@ const useStyles = /*#__PURE__*/__styles({
157
161
  }, {
158
162
  d: [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".fgusgyc{text-align:unset;}", ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}", ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}", ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}", ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}", ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}", ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}", ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}", ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}", ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}", ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}", ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}", ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}", ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f5pgtk9{min-height:44px;}", ".f22iagw{display:flex;}", ".f122n59{align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1nxs5xn{min-height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:inline-flex;}", ".fdrzuqr{cursor:not-allowed;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fqerorx{flex-grow:1;}", ".f1neuvcm{flex-shrink:1;}", ".flqd7gy{flex-basis:0%;}", ".f9c4gz4{justify-content:flex-end;}"],
159
163
  f: [".ftqa4ok:focus{outline-style:none;}"],
160
- i: [".f2hkw1w:focus-visible{outline-style:none;}"]
164
+ i: [".f2hkw1w:focus-visible{outline-style:none;}"],
165
+ m: [["@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
166
+ m: "(forced-colors: active)"
167
+ }], ["@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}", {
168
+ m: "(forced-colors: active)"
169
+ }], ["@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}", {
170
+ m: "(forced-colors: active)"
171
+ }]]
161
172
  });
162
173
  /** Applies style classnames to slots */
163
174
  export const useAccordionHeaderStyles_unstable = state => {
package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.margin(0),\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled\n },\n rootInline: {\n display: 'inline-block'\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box'\n },\n buttonSmall: {\n minHeight: '32px',\n fontSize: tokens.fontSizeBase200\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n },\n buttonInline: {\n display: 'inline-flex'\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge\n },\n buttonDisabled: {\n cursor: 'not-allowed'\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n }\n});\n/** Applies style classnames to slots */ export const useAccordionHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","m","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.margin(0),\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled\n },\n rootInline: {\n display: 'inline-block'\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box'\n },\n buttonSmall: {\n minHeight: '32px',\n fontSize: tokens.fontSizeBase200\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n },\n buttonInline: {\n display: 'inline-flex'\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge\n },\n buttonDisabled: {\n cursor: 'not-allowed'\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n }\n});\n/** Applies style classnames to slots */ export const useAccordionHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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"}
package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js CHANGED
@@ -34,6 +34,27 @@ const useAccordionHeader_unstable = (props, ref)=>{
34
34
  // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
35
35
  expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
36
36
  }
37
+ const buttonSlot = _reactutilities.slot.always(button, {
38
+ elementType: 'button',
39
+ defaultProps: {
40
+ disabled,
41
+ disabledFocusable,
42
+ 'aria-expanded': open,
43
+ type: 'button'
44
+ }
45
+ });
46
+ buttonSlot.onClick = (0, _reactutilities.useEventCallback)((event)=>{
47
+ if ((0, _reactutilities.isResolvedShorthand)(button)) {
48
+ var _button_onClick;
49
+ (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);
50
+ }
51
+ if (!event.defaultPrevented) {
52
+ requestToggle({
53
+ value,
54
+ event
55
+ });
56
+ }
57
+ });
37
58
  return {
38
59
  disabled,
39
60
  open,
@@ -70,30 +91,6 @@ const useAccordionHeader_unstable = (props, ref)=>{
70
91
  },
71
92
  elementType: 'span'
72
93
  }),
73
- button: _reactutilities.slot.always({
74
- ...(0, _reactaria.useARIAButtonShorthand)(button, {
75
- required: true,
76
- defaultProps: {
77
- disabled,
78
- disabledFocusable,
79
- 'aria-expanded': open,
80
- type: 'button'
81
- }
82
- }),
83
- onClick: (0, _reactutilities.useEventCallback)((event)=>{
84
- if ((0, _reactutilities.isResolvedShorthand)(button)) {
85
- var _button_onClick;
86
- (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);
87
- }
88
- if (!event.defaultPrevented) {
89
- requestToggle({
90
- value,
91
- event
92
- });
93
- }
94
- })
95
- }, {
96
- elementType: 'button'
97
- })
94
+ button: (0, _reactaria.useARIAButtonProps)(buttonSlot.as, buttonSlot)
98
95
  };
99
96
  };
package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */ export const useAccordionHeader_unstable = (props, ref)=>{\n const { icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { value, disabled, open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);\n const { dir } = useFluent();\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref,\n ...props\n }), {\n elementType: 'div'\n }),\n icon: slot.optional(icon, {\n elementType: 'div'\n }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {\n style: {\n transform: `rotate(${expandIconRotation}deg)`\n }\n }),\n 'aria-hidden': true\n },\n elementType: 'span'\n }),\n button: slot.always({\n ...useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button'\n }\n }),\n onClick: useEventCallback((event)=>{\n if (isResolvedShorthand(button)) {\n var _button_onClick;\n (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);\n }\n if (!event.defaultPrevented) {\n requestToggle({\n value,\n event\n });\n }\n })\n }, {\n elementType: 'button'\n })\n };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","useAccordionItemContext_unstable","requestToggle","useAccordionContext_unstable","ctx","disabledFocusable","collapsible","openItems","length","dir","useFluent","expandIconRotation","components","root","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","required","type","onClick","useEventCallback","event","isResolvedShorthand","_button_onClick","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCAC+D;2BAC/C;2BACM;4BACT;qCACY;+BACC;AAKtC,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAEC,qBAAqB,OAAO,EAAE,GAAGP;IACpG,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,+CAAgC;IAClE,MAAMC,gBAAgBC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E;;;GAGD,GAAG,MAAMG,oBAAoBF,IAAAA,uCAA4B,EAAC,CAACC,MAAM,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKR;IAClH,MAAM,EAAES,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBX,OAAO,CAAC,KAAK;IACtC,OAAO;QACH,mGAAmG;QACnGW,qBAAqBX,OAAO,KAAKS,QAAQ,QAAQ,IAAI;IACzD;IACA,OAAO;QACHV;QACAC;QACAJ;QACAD;QACAE;QACAe,YAAY;YACRC,MAAM;YACNpB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACV;QACAqB,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FzB,KAAKA;YACL,GAAGD,KAAK;QACZ,IAAI;YACA2B,aAAa;QACjB;QACAzB,MAAMsB,oBAAI,CAACI,QAAQ,CAAC1B,MAAM;YACtByB,aAAa;QACjB;QACAvB,YAAYoB,oBAAI,CAACI,QAAQ,CAACxB,YAAY;YAClCyB,iBAAiB;YACjBC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC7DC,OAAO;wBACHC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBACjD;gBACJ;gBACA,eAAe;YACnB;YACAM,aAAa;QACjB;QACAxB,QAAQqB,oBAAI,CAACC,MAAM,CAAC;YAChB,GAAGY,IAAAA,iCAAsB,EAAClC,QAAQ;gBAC9BmC,UAAU;gBACVR,cAAc;oBACVrB;oBACAM;oBACA,iBAAiBL;oBACjB6B,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC;gBACvB,IAAIC,IAAAA,mCAAmB,EAACxC,SAAS;oBAC7B,IAAIyC;oBACHA,CAAAA,kBAAkBzC,OAAOqC,OAAO,AAAD,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,IAAI,CAAC1C,QAAQuC;gBACtH;gBACA,IAAI,CAACA,MAAMI,gBAAgB,EAAE;oBACzBlC,cAAc;wBACVJ;wBACAkC;oBACJ;gBACJ;YACJ;QACJ,GAAG;YACCf,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */ export const useAccordionHeader_unstable = (props, ref)=>{\n const { icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { value, disabled, open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);\n const { dir } = useFluent();\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n const buttonSlot = slot.always(button, {\n elementType: 'button',\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button'\n }\n });\n buttonSlot.onClick = useEventCallback((event)=>{\n if (isResolvedShorthand(button)) {\n var _button_onClick;\n (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);\n }\n if (!event.defaultPrevented) {\n requestToggle({\n value,\n event\n });\n }\n });\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref,\n ...props\n }), {\n elementType: 'div'\n }),\n icon: slot.optional(icon, {\n elementType: 'div'\n }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {\n style: {\n transform: `rotate(${expandIconRotation}deg)`\n }\n }),\n 'aria-hidden': true\n },\n elementType: 'span'\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot)\n };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","useAccordionItemContext_unstable","requestToggle","useAccordionContext_unstable","ctx","disabledFocusable","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonSlot","slot","always","elementType","defaultProps","type","onClick","useEventCallback","event","isResolvedShorthand","_button_onClick","call","defaultPrevented","components","root","getIntrinsicElementProps","optional","renderByDefault","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonProps","as"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCAC+D;2BACnD;2BACU;4BACT;qCACY;+BACC;AAKtC,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAEC,qBAAqB,OAAO,EAAE,GAAGP;IACpG,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,+CAAgC;IAClE,MAAMC,gBAAgBC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E;;;GAGD,GAAG,MAAMG,oBAAoBF,IAAAA,uCAA4B,EAAC,CAACC,MAAM,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKR;IAClH,MAAM,EAAES,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBX,OAAO,CAAC,KAAK;IACtC,OAAO;QACH,mGAAmG;QACnGW,qBAAqBX,OAAO,KAAKS,QAAQ,QAAQ,IAAI;IACzD;IACA,MAAMG,aAAaC,oBAAI,CAACC,MAAM,CAACrB,QAAQ;QACnCsB,aAAa;QACbC,cAAc;YACVjB;YACAM;YACA,iBAAiBL;YACjBiB,MAAM;QACV;IACJ;IACAL,WAAWM,OAAO,GAAGC,IAAAA,gCAAgB,EAAC,CAACC;QACnC,IAAIC,IAAAA,mCAAmB,EAAC5B,SAAS;YAC7B,IAAI6B;YACHA,CAAAA,kBAAkB7B,OAAOyB,OAAO,AAAD,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,IAAI,CAAC9B,QAAQ2B;QACtH;QACA,IAAI,CAACA,MAAMI,gBAAgB,EAAE;YACzBtB,cAAc;gBACVJ;gBACAsB;YACJ;QACJ;IACJ;IACA,OAAO;QACHrB;QACAC;QACAJ;QACAD;QACAE;QACA4B,YAAY;YACRC,MAAM;YACNjC,QAAQ;YACRC,YAAY;YACZF,MAAM;QACV;QACAkC,MAAMb,oBAAI,CAACC,MAAM,CAACa,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FpC,KAAKA;YACL,GAAGD,KAAK;QACZ,IAAI;YACAyB,aAAa;QACjB;QACAvB,MAAMqB,oBAAI,CAACe,QAAQ,CAACpC,MAAM;YACtBuB,aAAa;QACjB;QACArB,YAAYmB,oBAAI,CAACe,QAAQ,CAAClC,YAAY;YAClCmC,iBAAiB;YACjBb,cAAc;gBACVc,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC7DC,OAAO;wBACHC,WAAW,CAAC,OAAO,EAAExB,mBAAmB,IAAI,CAAC;oBACjD;gBACJ;gBACA,eAAe;YACnB;YACAI,aAAa;QACjB;QACAtB,QAAQ2C,IAAAA,6BAAkB,EAACxB,WAAWyB,EAAE,EAAEzB;IAC9C;AACJ"}
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js CHANGED
@@ -59,6 +59,16 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
59
59
  "ffh67wi",
60
60
  "f1d2448m"
61
61
  ],
62
+ Bb7d1vk: "f226i61",
63
+ zhwhgb: [
64
+ "f13kzufm",
65
+ "fsx75g8"
66
+ ],
67
+ dhy2o1: "flujwa2",
68
+ Gfyso: [
69
+ "fsx75g8",
70
+ "f13kzufm"
71
+ ],
62
72
  Bm4h7ae: "f15bsgw9",
63
73
  B7ys5i9: "f14e48fq",
64
74
  Busjfv9: "f18yb2kv",
@@ -380,6 +390,26 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
380
390
  ],
381
391
  i: [
382
392
  ".f2hkw1w:focus-visible{outline-style:none;}"
393
+ ],
394
+ m: [
395
+ [
396
+ "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
397
+ {
398
+ m: "(forced-colors: active)"
399
+ }
400
+ ],
401
+ [
402
+ "@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}",
403
+ {
404
+ m: "(forced-colors: active)"
405
+ }
406
+ ],
407
+ [
408
+ "@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
409
+ {
410
+ m: "(forced-colors: active)"
411
+ }
412
+ ]
383
413
  ]
384
414
  });
385
415
  const useAccordionHeaderStyles_unstable = (state)=>{
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n resetButton: {\n B7ck84d: \"f1e4lqlz\",\n De3pzq: \"f1u2r49w\",\n sj55zd: \"f1ym3bx4\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fjoy568\",\n Bg96gwp: \"fytdu2e\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n Bv0vk6g: \"f37px4s\",\n fsow6f: \"fgusgyc\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"f1c21dwh\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n rootDisabled: {\n Bcmaq0h: \"fwrgwhw\",\n sj55zd: \"f1s2aq7o\"\n },\n rootInline: {\n mc9l5x: \"f14t3ns0\"\n },\n button: {\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n sshi5w: \"f5pgtk9\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Bceei9c: \"f1k6fduh\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n B7ck84d: \"f1ewtqcl\"\n },\n buttonSmall: {\n sshi5w: \"f1nxs5xn\",\n Be2twd7: \"fy9rknc\"\n },\n buttonLarge: {\n Bg96gwp: \"faaz57k\",\n Be2twd7: \"fod5ikn\"\n },\n buttonExtraLarge: {\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n },\n buttonInline: {\n mc9l5x: \"ftuwxu6\"\n },\n buttonExpandIconEndNoIcon: {\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"]\n },\n buttonExpandIconEnd: {\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n },\n buttonDisabled: {\n Bceei9c: \"fdrzuqr\"\n },\n expandIcon: {\n Bqenvij: \"f1l02sjl\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n },\n expandIconStart: {\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n },\n expandIconEnd: {\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"flqd7gy\",\n mc9l5x: \"f22iagw\",\n Brf1p80: \"f9c4gz4\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n icon: {\n Bqenvij: \"f1l02sjl\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fwrgwhw{background-image:none;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f14t3ns0{display:inline-block;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f5pgtk9{min-height:44px;}\", \".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1nxs5xn{min-height:32px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".ftuwxu6{display:inline-flex;}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1l02sjl{height:100%;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".flqd7gy{flex-basis:0%;}\", \".f9c4gz4{justify-content:flex-end;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAccordionHeaderStyles.styles.js.map"],"names":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","__styles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"mappings":"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"}
1
+ {"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n resetButton: {\n B7ck84d: \"f1e4lqlz\",\n De3pzq: \"f1u2r49w\",\n sj55zd: \"f1ym3bx4\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fjoy568\",\n Bg96gwp: \"fytdu2e\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n Bv0vk6g: \"f37px4s\",\n fsow6f: \"fgusgyc\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"f1c21dwh\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n rootDisabled: {\n Bcmaq0h: \"fwrgwhw\",\n sj55zd: \"f1s2aq7o\"\n },\n rootInline: {\n mc9l5x: \"f14t3ns0\"\n },\n button: {\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n sshi5w: \"f5pgtk9\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Bceei9c: \"f1k6fduh\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n B7ck84d: \"f1ewtqcl\"\n },\n buttonSmall: {\n sshi5w: \"f1nxs5xn\",\n Be2twd7: \"fy9rknc\"\n },\n buttonLarge: {\n Bg96gwp: \"faaz57k\",\n Be2twd7: \"fod5ikn\"\n },\n buttonExtraLarge: {\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n },\n buttonInline: {\n mc9l5x: \"ftuwxu6\"\n },\n buttonExpandIconEndNoIcon: {\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"]\n },\n buttonExpandIconEnd: {\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n },\n buttonDisabled: {\n Bceei9c: \"fdrzuqr\"\n },\n expandIcon: {\n Bqenvij: \"f1l02sjl\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n },\n expandIconStart: {\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n },\n expandIconEnd: {\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"flqd7gy\",\n mc9l5x: \"f22iagw\",\n Brf1p80: \"f9c4gz4\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n icon: {\n Bqenvij: \"f1l02sjl\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fwrgwhw{background-image:none;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f14t3ns0{display:inline-block;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f5pgtk9{min-height:44px;}\", \".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1nxs5xn{min-height:32px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".ftuwxu6{display:inline-flex;}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1l02sjl{height:100%;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".flqd7gy{flex-basis:0%;}\", \".f9c4gz4{justify-content:flex-end;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n m: [[\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAccordionHeaderStyles.styles.js.map"],"names":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","__styles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","m","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IA0KAC,iCAAiC;eAAjCA;;;uBA7KsC;AAG5C,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,aAAa;QACXC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;IACV;IACAC,gBAAgB;QACdC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,OAAO;YAAC;YAAW;SAAW;QAC9BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAvD,MAAM;QACJS,QAAQ;QACRD,QAAQ;QACRgD,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAC,cAAc;QACZC,SAAS;QACTxD,QAAQ;IACV;IACAyD,YAAY;QACVC,QAAQ;IACV;IACAlE,QAAQ;QACNmE,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChClE,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCgE,QAAQ;QACRf,QAAQ;QACRgB,SAAS;QACTC,SAAS;QACT1E,SAAS;QACTC,SAAS;QACT0E,SAAS;QACTzE,SAAS;QACTL,SAAS;IACX;IACA+E,aAAa;QACXJ,QAAQ;QACRvE,SAAS;IACX;IACA4E,aAAa;QACX3E,SAAS;QACTD,SAAS;IACX;IACA6E,kBAAkB;QAChB5E,SAAS;QACTD,SAAS;IACX;IACA8E,cAAc;QACZtB,QAAQ;IACV;IACAuB,2BAA2B;QACzBxE,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAyE,qBAAqB;QACnB3E,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA4E,gBAAgB;QACdR,SAAS;IACX;IACAlF,YAAY;QACV2F,SAAS;QACT1B,QAAQ;QACRgB,SAAS;QACTvE,SAAS;QACTD,SAAS;IACX;IACAmF,iBAAiB;QACf9E,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA+E,eAAe;QACbC,SAAS;QACTC,SAAS;QACTC,MAAM;QACN/B,QAAQ;QACRgC,SAAS;QACTjF,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAf,MAAM;QACJ0F,SAAS;QACT1B,QAAQ;QACRgB,SAAS;QACTnE,QAAQ;YAAC;YAAY;SAAW;QAChCJ,SAAS;QACTD,SAAS;IACX;AACF,GAAG;IACDyF,GAAG;QAAC;QAAsC;QAAwC;QAA6B;QAAmC;QAAgC;QAAiC;QAAkC;QAAkC;QAA6B;QAA8B;QAA8B;QAAgC;QAAwC;QAA+B;QAAmE;QAAsE;QAAoE;QAAuE;QAA2D;QAAgE;QAAkE;QAAuD;QAAoE;QAAsE;QAAsE;QAAuE;QAAkE;QAAqE;QAAmE;QAAqE;QAAmG;QAAiG;QAA+F;QAA8F;QAAwF;QAAyF;QAAyF;QAA0F;QAAgE;QAAkE;QAAiE;QAAmE;QAAmD;QAAkE;QAA4B;QAA8B;QAA6B;QAA+B;QAAoE;QAAmE;QAAiE;QAA+D;QAAoC;QAA2D;QAAoC;QAAiC;QAAyB;QAAmC;QAAsC;QAAoC;QAAuC;QAAqC;QAAuC;QAAsC;QAAwC;QAA4C;QAA8C;QAA6C;QAA+C;QAAsD;QAAsD;QAA2D;QAA4D;QAA8B;QAA2B;QAAiC;QAA8B;QAAgD;QAA+C;QAAmD;QAAoD;QAAqC;QAA+B;QAA+C;QAAmD;QAA+C;QAAoD;QAAgD;QAAkC;QAAiC;QAA2B;QAAuD;QAAsD;QAA0B;QAA6B;QAA4B;KAAsC;IACjyJC,GAAG;QAAC;KAAsC;IAC1CC,GAAG;QAAC;KAA8C;IAClDC,GAAG;QAAC;YAAC;YAAwG;gBAC3GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgL;gBACnLA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2G;gBAC9GA,GAAG;YACL;SAAE;KAAC;AACL;AAEO,MAAMxG,oCAAoCyG,CAAAA;IAC/C,MAAMC,SAASrG;IACfoG,MAAMxG,IAAI,CAAC0G,SAAS,GAAGC,IAAAA,mBAAY,EAAC7G,0BAA0BE,IAAI,EAAEyG,OAAOzG,IAAI,EAAEwG,MAAMI,MAAM,IAAIH,OAAOvC,UAAU,EAAEsC,MAAMK,QAAQ,IAAIJ,OAAOzC,YAAY,EAAEwC,MAAMxG,IAAI,CAAC0G,SAAS;IAC/KF,MAAMvG,MAAM,CAACyG,SAAS,GAAGC,IAAAA,mBAAY,EAAC7G,0BAA0BG,MAAM,EAAEwG,OAAOnG,WAAW,EAAEmG,OAAOxG,MAAM,EAAEwG,OAAOpF,cAAc,EAAEmF,MAAMM,kBAAkB,KAAK,SAAS,CAACN,MAAMrG,IAAI,IAAIsG,OAAOf,yBAAyB,EAAEc,MAAMM,kBAAkB,KAAK,SAASL,OAAOd,mBAAmB,EAAEa,MAAMI,MAAM,IAAIH,OAAOhB,YAAY,EAAEe,MAAMO,IAAI,KAAK,WAAWN,OAAOnB,WAAW,EAAEkB,MAAMO,IAAI,KAAK,WAAWN,OAAOlB,WAAW,EAAEiB,MAAMO,IAAI,KAAK,iBAAiBN,OAAOjB,gBAAgB,EAAEgB,MAAMK,QAAQ,IAAIJ,OAAOb,cAAc,EAAEY,MAAMvG,MAAM,CAACyG,SAAS;IACphB,IAAIF,MAAMtG,UAAU,EAAE;QACpBsG,MAAMtG,UAAU,CAACwG,SAAS,GAAGC,IAAAA,mBAAY,EAAC7G,0BAA0BI,UAAU,EAAEuG,OAAOvG,UAAU,EAAEsG,MAAMM,kBAAkB,KAAK,WAAWL,OAAOX,eAAe,EAAEU,MAAMM,kBAAkB,KAAK,SAASL,OAAOV,aAAa,EAAES,MAAMtG,UAAU,CAACwG,SAAS;IAC3P;IACA,IAAIF,MAAMrG,IAAI,EAAE;QACdqG,MAAMrG,IAAI,CAACuG,SAAS,GAAGC,IAAAA,mBAAY,EAAC7G,0BAA0BK,IAAI,EAAEsG,OAAOtG,IAAI,EAAEqG,MAAMrG,IAAI,CAACuG,SAAS;IACvG;IACA,OAAOF;AACT,GACA,2DAA2D"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "9.3.31",
3
+ "version": "9.3.32",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -33,14 +33,14 @@
33
33
  "@fluentui/scripts-tasks": "*"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/react-aria": "^9.5.0",
37
- "@fluentui/react-context-selector": "^9.1.43",
36
+ "@fluentui/react-aria": "^9.6.0",
37
+ "@fluentui/react-context-selector": "^9.1.44",
38
38
  "@fluentui/react-icons": "^2.0.217",
39
- "@fluentui/react-jsx-runtime": "^9.0.21",
40
- "@fluentui/react-shared-contexts": "^9.13.1",
41
- "@fluentui/react-tabster": "^9.15.1",
39
+ "@fluentui/react-jsx-runtime": "^9.0.22",
40
+ "@fluentui/react-shared-contexts": "^9.13.2",
41
+ "@fluentui/react-tabster": "^9.16.0",
42
42
  "@fluentui/react-theme": "^9.1.16",
43
- "@fluentui/react-utilities": "^9.15.3",
43
+ "@fluentui/react-utilities": "^9.15.4",
44
44
  "@griffel/react": "^1.5.14",
45
45
  "@swc/helpers": "^0.5.1"
46
46
  },