npm - @fluentui/react-accordion - Versions diffs - 9.11.0 → 9.12.0 - Mend

@fluentui/react-accordion 9.11.0 → 9.12.0

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 (18) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,24 +1,40 @@
 # Change Log - @fluentui/react-accordion
-This log was last generated on Thu, 23 Apr 2026 11:59:38 GMT and should not be manually modified.
+This log was last generated on Tue, 26 May 2026 09:34:03 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.12.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.12.0)
+Tue, 26 May 2026 09:34:03 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.11.0..@fluentui/react-accordion_v9.12.0)
+### Minor changes
+- chore: fix after broken release ([PR #36037](https://github.com/microsoft/fluentui/pull/36037) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.17.12 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.17 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-motion to v9.16.0 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.15.5 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
 ## [9.11.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.11.0)
-Thu, 23 Apr 2026 11:59:38 GMT
+Thu, 23 Apr 2026 14:21:05 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.10.0..@fluentui/react-accordion_v9.11.0)
 ### Minor changes
 - feat: add CollapseParams to the motion slot type ([PR #36011](https://github.com/microsoft/fluentui/pull/36011) by robertpenner@microsoft.com)
-- Bump @fluentui/react-aria to v9.17.11 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-context-selector to v9.2.16 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-motion to v9.15.0 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-motion-components-preview to v0.15.4 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-tabster to v9.26.14 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-utilities to v9.26.3 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+- Bump @fluentui/react-aria to v9.17.11 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.16 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-motion to v9.15.0 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.15.4 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
 ### Patches

package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js CHANGED Viewed

@@ -196,12 +196,16 @@ export const useAccordionHeaderStyles_unstable = state => {
   'use no memo';
   const styles = useStyles();
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
+  // eslint-disable-next-line react-hooks/immutability
   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);
   if (state.expandIcon) {
+    // eslint-disable-next-line react-hooks/immutability
     state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
   }
   if (state.icon) {
+    // eslint-disable-next-line react-hooks/immutability
     state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
   }
   return state;

package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map CHANGED Viewed

	@@ -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","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","p","f","i","m","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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 'use no memo';\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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~~EAC1BuG~~,KAAK,CAAC3G,IAAI,CAAC6G,SAAS,GAAGlH,YAAY,CAACI,yBAAyB,CAACC,IAAI,EAAE4G,MAAM,CAAC5G,IAAI,EAAE2G,KAAK,CAACG,MAAM,IAAIF,MAAM,CAACjC,UAAU,EAAEgC,KAAK,CAACI,QAAQ,IAAIH,MAAM,CAACnC,YAAY,EAAEkC,KAAK,CAAC3G,IAAI,CAAC6G,SAAS,CAAC;~~EAChLF~~,KAAK,CAAC1G,MAAM,CAAC4G,SAAS,GAAGlH,YAAY,CAACI,yBAAyB,CAACE,MAAM,EAAE2G,MAAM,CAACvG,WAAW,EAAEuG,MAAM,CAAC3G,MAAM,EAAE2G,MAAM,CAACtF,cAAc,EAAEqF,KAAK,CAACK,kBAAkB,KAAK,KAAK,IAAI,CAACL,KAAK,CAACxG,IAAI,IAAIyG,MAAM,CAACjB,yBAAyB,EAAEgB,KAAK,CAACK,kBAAkB,KAAK,KAAK,IAAIJ,MAAM,CAAChB,mBAAmB,EAAEe,KAAK,CAACG,MAAM,IAAIF,MAAM,CAAClB,YAAY,EAAEiB,KAAK,CAACM,IAAI,KAAK,OAAO,IAAIL,MAAM,CAACrB,WAAW,EAAEoB,KAAK,CAACM,IAAI,KAAK,OAAO,IAAIL,MAAM,CAACpB,WAAW,EAAEmB,KAAK,CAACM,IAAI,KAAK,aAAa,IAAIL,MAAM,CAACnB,gBAAgB,EAAEkB,KAAK,CAACI,QAAQ,IAAIH,MAAM,CAACf,cAAc,EAAEc,KAAK,CAAC1G,MAAM,CAAC4G,SAAS,CAAC;EACrhB,IAAIF,KAAK,CAACzG,UAAU,EAAE;~~IAClByG~~,KAAK,CAACzG,UAAU,CAAC2G,SAAS,GAAGlH,YAAY,CAACI,yBAAyB,CAACG,UAAU,EAAE0G,MAAM,CAAC1G,UAAU,EAAEyG,KAAK,CAACK,kBAAkB,KAAK,OAAO,IAAIJ,MAAM,CAACb,eAAe,EAAEY,KAAK,CAACK,kBAAkB,KAAK,KAAK,IAAIJ,MAAM,CAACZ,aAAa,EAAEW,KAAK,CAACzG,UAAU,CAAC2G,SAAS,CAAC;EAC9P;EACA,IAAIF,KAAK,CAACxG,IAAI,EAAE;~~IACZwG~~,KAAK,CAACxG,IAAI,CAAC0G,SAAS,GAAGlH,YAAY,CAACI,yBAAyB,CAACI,IAAI,EAAEyG,MAAM,CAACzG,IAAI,EAAEwG,KAAK,CAACxG,IAAI,CAAC0G,SAAS,CAAC;EAC1G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
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","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","p","f","i","m","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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 'use no memo';\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js CHANGED Viewed

@@ -102,12 +102,16 @@ const useStyles = makeStyles({
 /** Applies style classnames to slots */ export const useAccordionHeaderStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
+    // eslint-disable-next-line react-hooks/immutability
     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);
     if (state.expandIcon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
     }
     if (state.icon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
     }
     return state;

package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState): AccordionHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.disabled && styles.buttonDisabled,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AACtE,SAASC,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAIjE,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYV,WAAW;IAC3B,oDAAoD;IACpDW,aAAa;QACXC,WAAW;QACXC,iBAAiB;QACjBC,OAAO;QACPC,YAAY;QACZC,UAAU;QACVC,YAAY;QACZC,UAAU;QACVC,SAAS;QACTC,kBAAkB;QAClBC,WAAW;IACb;IACAC,gBAAgBpB;IAChBI,MAAM;QACJQ,OAAOX,OAAOoB,uBAAuB;QACrCV,iBAAiBV,OAAOqB,0BAA0B;QAClDC,QAAQ;QACRC,cAAcvB,OAAOwB,kBAAkB;IACzC;IACAC,cAAc;QACZC,iBAAiB;QACjBf,OAAOX,OAAO2B,8BAA8B;IAC9C;IACAC,YAAY;QACVC,SAAS;IACX;IACAzB,QAAQ;QACN0B,UAAU;QACVC,OAAO;QACP,GAAGnC,WAAWoC,WAAW,CAAC,IAAI;QAC9BhB,SAAS,CAAC,EAAE,EAAEhB,OAAOiC,kBAAkB,CAAC,GAAG,EAAEjC,OAAOkC,uBAAuB,EAAE;QAC7EC,WAAW;QACXN,SAAS;QACTO,YAAY;QACZC,QAAQ;QACR,GAAGpC,iBAAiBqC,KAAK;QACzB7B,WAAW;IACb;IACA8B,aAAa;QACXJ,WAAW;QACXtB,UAAUb,OAAOwC,eAAe;IAClC;IACAC,aAAa;QACX3B,YAAYd,OAAO0C,iBAAiB;QACpC7B,UAAUb,OAAO2C,eAAe;IAClC;IACAC,kBAAkB;QAChB9B,YAAYd,OAAO6C,iBAAiB;QACpChC,UAAUb,OAAO8C,eAAe;IAClC;IACAC,cAAc;QACZlB,SAAS;IACX;IACAmB,2BAA2B;QACzBC,aAAajD,OAAOiC,kBAAkB;IACxC;IACAiB,qBAAqB;QACnBC,cAAcnD,OAAOkC,uBAAuB;IAC9C;IACAkB,gBAAgB;QACdf,QAAQ;IACV;IACAhC,YAAY;QACVgD,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZtB,YAAYd,OAAO6C,iBAAiB;QACpChC,UAAUb,OAAO8C,eAAe;IAClC;IACAQ,iBAAiB;QACfH,cAAcnD,OAAOuD,kBAAkB;IACzC;IACAC,eAAe;QACbC,UAAU;QACVC,YAAY;QACZC,WAAW;QACX9B,SAAS;QACT+B,gBAAgB;QAChBX,aAAajD,OAAOuD,kBAAkB;IACxC;IACAjD,MAAM;QACJ+C,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZe,cAAcnD,OAAOuD,kBAAkB;QACvCzC,YAAYd,OAAO6C,iBAAiB;QACpChC,UAAUb,OAAO8C,eAAe;IAClC;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMe,oCAAoC,CAACC;IAChD;IAEA,MAAMC,SAASxD;~~IACfuD~~,MAAM3D,IAAI,CAAC6D,SAAS,GAAGlE,aACrBI,0BAA0BC,IAAI,EAC9B4D,OAAO5D,IAAI,EACX2D,MAAMG,MAAM,IAAIF,OAAOnC,UAAU,EACjCkC,MAAMI,QAAQ,IAAIH,OAAOtC,YAAY,EACrCqC,MAAM3D,IAAI,CAAC6D,SAAS;~~IAGtBF~~,MAAM1D,MAAM,CAAC4D,SAAS,GAAGlE,aACvBI,0BAA0BE,MAAM,EAChC2D,OAAOvD,WAAW,EAClBuD,OAAO3D,MAAM,EACb2D,OAAO5C,cAAc,EACrB2C,MAAMK,kBAAkB,KAAK,SAAS,CAACL,MAAMxD,IAAI,IAAIyD,OAAOf,yBAAyB,EACrFc,MAAMK,kBAAkB,KAAK,SAASJ,OAAOb,mBAAmB,EAChEY,MAAMG,MAAM,IAAIF,OAAOhB,YAAY,EACnCe,MAAMM,IAAI,KAAK,WAAWL,OAAOxB,WAAW,EAC5CuB,MAAMM,IAAI,KAAK,WAAWL,OAAOtB,WAAW,EAC5CqB,MAAMM,IAAI,KAAK,iBAAiBL,OAAOnB,gBAAgB,EACvDkB,MAAMI,QAAQ,IAAIH,OAAOX,cAAc,EACvCU,MAAM1D,MAAM,CAAC4D,SAAS;IAGxB,IAAIF,MAAMzD,UAAU,EAAE;~~QACpByD~~,MAAMzD,UAAU,CAAC2D,SAAS,GAAGlE,aAC3BI,0BAA0BG,UAAU,EACpC0D,OAAO1D,UAAU,EACjByD,MAAMK,kBAAkB,KAAK,WAAWJ,OAAOT,eAAe,EAC9DQ,MAAMK,kBAAkB,KAAK,SAASJ,OAAOP,aAAa,EAC1DM,MAAMzD,UAAU,CAAC2D,SAAS;IAE9B;IACA,IAAIF,MAAMxD,IAAI,EAAE;~~QACdwD~~,MAAMxD,IAAI,CAAC0D,SAAS,GAAGlE,aAAaI,0BAA0BI,IAAI,EAAEyD,OAAOzD,IAAI,EAAEwD,MAAMxD,IAAI,CAAC0D,SAAS;IACvG;IACA,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState): AccordionHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n // eslint-disable-next-line react-hooks/immutability\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.disabled && styles.buttonDisabled,\n state.button.className,\n );\n\n if (state.expandIcon) {\n // eslint-disable-next-line react-hooks/immutability\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"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"}

package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js CHANGED Viewed

@@ -26,6 +26,7 @@ export const useAccordionPanelStyles_unstable = state => {
   'use no memo';
   const styles = useStyles();
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
   return state;
 };

package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/* Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAIrB,CAAC;AACF;AAAyC,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EAC9F,aAAa;;EACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;~~EAC1BS~~,KAAK,CAACV,IAAI,CAACY,SAAS,GAAGf,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/* Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAIrB,CAAC;AACF;AAAyC,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EAC9F,aAAa;;EACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B;EACAS,KAAK,CAACV,IAAI,CAACY,SAAS,GAAGf,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js CHANGED Viewed

@@ -14,6 +14,7 @@ export const accordionPanelClassNames = {
 /** Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<Omit<AccordionPanelSlots, 'collapseMotion'>> = {\n root: 'fui-AccordionPanel',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`,\n },\n});\n\n/* Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState): AccordionPanelState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","margin","spacingHorizontalM","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAI/C,OAAO,MAAMC,2BAAwF;IACnGC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,QAAQ,CAAC,EAAE,EAAEJ,OAAOK,kBAAkB,EAAE;IAC1C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAASL;~~IACfI~~,MAAML,IAAI,CAACO,SAAS,GAAGV,aAAaE,yBAAyBC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEpG,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<Omit<AccordionPanelSlots, 'collapseMotion'>> = {\n root: 'fui-AccordionPanel',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`,\n },\n});\n\n/* Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState): AccordionPanelState => {\n 'use no memo';\n\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","margin","spacingHorizontalM","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAI/C,OAAO,MAAMC,2BAAwF;IACnGC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,QAAQ,CAAC,EAAE,EAAEJ,OAAOK,kBAAkB,EAAE;IAC1C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAASL;IACf,oDAAoD;IACpDI,MAAML,IAAI,CAACO,SAAS,GAAGV,aAAaE,yBAAyBC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEpG,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js CHANGED Viewed

@@ -360,12 +360,16 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useAccordionHeaderStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
+    // eslint-disable-next-line react-hooks/immutability
     state.button.className = (0, _react.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);
     if (state.expandIcon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.expandIcon.className = (0, _react.mergeClasses)(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
     }
     if (state.icon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.icon.className = (0, _react.mergeClasses)(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
     }
     return state;

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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 'use no memo';\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"],"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","p","f","i","m","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"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"}
1	+ {"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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 'use no memo';\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","p","f","i","m","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"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"}

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js CHANGED Viewed

@@ -120,12 +120,16 @@ const useStyles = (0, _react.makeStyles)({
 const useAccordionHeaderStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
+    // eslint-disable-next-line react-hooks/immutability
     state.button.className = (0, _react.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);
     if (state.expandIcon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.expandIcon.className = (0, _react.mergeClasses)(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
     }
     if (state.icon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.icon.className = (0, _react.mergeClasses)(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
     }
     return state;

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState): AccordionHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.disabled && styles.buttonDisabled,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,yBAAAA;;;~~IAoGA2D,iCAAAA;;;;~~uBA1GwC,iBAAiB;8BAC9B,0BAA0B;4BACzB,wBAAwB;AAI1D,kCAAwE;IAC7E1D,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYV,iBAAAA,EAAW;IAC3B,oDAAoD;IACpDW,aAAa;QACXC,WAAW;QACXC,iBAAiB;QACjBC,OAAO;QACPC,YAAY;QACZC,UAAU;QACVC,YAAY;QACZC,UAAU;QACVC,SAAS;QACTC,kBAAkB;QAClBC,WAAW;IACb;IACAC,oBAAgBpB,qCAAAA;IAChBI,MAAM;QACJQ,OAAOX,kBAAAA,CAAOoB,uBAAuB;QACrCV,iBAAiBV,kBAAAA,CAAOqB,0BAA0B;QAClDC,QAAQ;QACRC,cAAcvB,kBAAAA,CAAOwB,kBAAkB;IACzC;IACAC,cAAc;QACZC,iBAAiB;QACjBf,OAAOX,kBAAAA,CAAO2B,8BAA8B;IAC9C;IACAC,YAAY;QACVC,SAAS;IACX;IACAzB,QAAQ;QACN0B,UAAU;QACVC,OAAO;QACP,GAAGnC,iBAAAA,CAAWoC,WAAW,CAAC,IAAI;QAC9BhB,SAAS,CAAC,EAAE,EAAEhB,kBAAAA,CAAOiC,kBAAkB,CAAC,GAAG,EAAEjC,kBAAAA,CAAOkC,uBAAuB,EAAE;QAC7EC,WAAW;QACXN,SAAS;QACTO,YAAY;QACZC,QAAQ;QACR,GAAGpC,4BAAAA,CAAiBqC,KAAK;QACzB7B,WAAW;IACb;IACA8B,aAAa;QACXJ,WAAW;QACXtB,UAAUb,kBAAAA,CAAOwC,eAAe;IAClC;IACAC,aAAa;QACX3B,YAAYd,kBAAAA,CAAO0C,iBAAiB;QACpC7B,UAAUb,kBAAAA,CAAO2C,eAAe;IAClC;IACAC,kBAAkB;QAChB9B,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;IACAC,cAAc;QACZlB,SAAS;IACX;IACAmB,2BAA2B;QACzBC,aAAajD,kBAAAA,CAAOiC,kBAAkB;IACxC;IACAiB,qBAAqB;QACnBC,cAAcnD,kBAAAA,CAAOkC,uBAAuB;IAC9C;IACAkB,gBAAgB;QACdf,QAAQ;IACV;IACAhC,YAAY;QACVgD,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZtB,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;IACAQ,iBAAiB;QACfH,cAAcnD,kBAAAA,CAAOuD,kBAAkB;IACzC;IACAC,eAAe;QACbC,UAAU;QACVC,YAAY;QACZC,WAAW;QACX9B,SAAS;QACT+B,gBAAgB;QAChBX,aAAajD,kBAAAA,CAAOuD,kBAAkB;IACxC;IACAjD,MAAM;QACJ+C,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZe,cAAcnD,kBAAAA,CAAOuD,kBAAkB;QACvCzC,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;AACF;AAGO,0CAA0C,CAACgB;IAChD;IAEA,MAAMC,SAASxD;~~IACfuD~~,MAAM3D,IAAI,CAAC6D,SAAS,~~OAAGlE~~,~~mBAAAA~~,EACrBI,0BAA0BC,IAAI,EAC9B4D,OAAO5D,IAAI,EACX2D,MAAMG,MAAM,IAAIF,OAAOnC,UAAU,EACjCkC,MAAMI,QAAQ,IAAIH,OAAOtC,YAAY,EACrCqC,MAAM3D,IAAI,CAAC6D,SAAS;~~IAGtBF~~,MAAM1D,MAAM,CAAC4D,SAAS,GAAGlE,uBAAAA,EACvBI,0BAA0BE,MAAM,EAChC2D,OAAOvD,WAAW,EAClBuD,OAAO3D,MAAM,EACb2D,OAAO5C,cAAc,EACrB2C,MAAMK,kBAAkB,KAAK,SAAS,CAACL,MAAMxD,IAAI,IAAIyD,OAAOf,yBAAyB,EACrFc,MAAMK,kBAAkB,KAAK,SAASJ,OAAOb,mBAAmB,EAChEY,MAAMG,MAAM,IAAIF,OAAOhB,YAAY,EACnCe,MAAMM,IAAI,KAAK,WAAWL,OAAOxB,WAAW,EAC5CuB,MAAMM,IAAI,KAAK,WAAWL,OAAOtB,WAAW,EAC5CqB,MAAMM,IAAI,KAAK,iBAAiBL,OAAOnB,gBAAgB,EACvDkB,MAAMI,QAAQ,IAAIH,OAAOX,cAAc,EACvCU,MAAM1D,MAAM,CAAC4D,SAAS;IAGxB,IAAIF,MAAMzD,UAAU,EAAE;~~QACpByD~~,MAAMzD,UAAU,CAAC2D,SAAS,OAAGlE,mBAAAA,EAC3BI,0BAA0BG,UAAU,EACpC0D,OAAO1D,UAAU,EACjByD,MAAMK,kBAAkB,KAAK,WAAWJ,OAAOT,eAAe,EAC9DQ,MAAMK,kBAAkB,KAAK,SAASJ,OAAOP,aAAa,EAC1DM,MAAMzD,UAAU,CAAC2D,SAAS;IAE9B;IACA,IAAIF,MAAMxD,IAAI,EAAE;~~QACdwD~~,MAAMxD,IAAI,CAAC0D,SAAS,OAAGlE,mBAAAA,EAAaI,0BAA0BI,IAAI,EAAEyD,OAAOzD,IAAI,EAAEwD,MAAMxD,IAAI,CAAC0D,SAAS;IACvG;IACA,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\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 overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n 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.borderWidth('0'),\n 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\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState): AccordionHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n // eslint-disable-next-line react-hooks/immutability\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.disabled && styles.buttonDisabled,\n state.button.className,\n );\n\n if (state.expandIcon) {\n // eslint-disable-next-line react-hooks/immutability\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"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"}

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js CHANGED Viewed

@@ -44,6 +44,7 @@ const accordionPanelClassNames = {
 const useAccordionPanelStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(accordionPanelClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/* Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,wBAAwB;;;oCAUiD;eAAhCU;;;uBAZb,gBAAgB;AAElD,iCAAiC;IACpCT,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAIrB,CAAC;AAC8C,0CAA0CE,KAAK,IAAG;IAC9F,aAAa;IACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;~~IAC1BS~~,KAAK,CAACV,IAAI,CAACY,SAAS,OAAGf,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/* Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,wBAAwB;;;oCAUiD;eAAhCU;;;uBAZb,gBAAgB;AAElD,iCAAiC;IACpCT,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAIrB,CAAC;AAC8C,0CAA0CE,KAAK,IAAG;IAC9F,aAAa;IACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAS,KAAK,CAACV,IAAI,CAACY,SAAS,OAAGf,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js CHANGED Viewed

@@ -32,6 +32,7 @@ const accordionPanelClassNames = {
 const useAccordionPanelStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(accordionPanelClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<Omit<AccordionPanelSlots, 'collapseMotion'>> = {\n root: 'fui-AccordionPanel',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`,\n },\n});\n\n/* Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState): AccordionPanelState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","margin","spacingHorizontalM","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,wBAAAA;;;~~oCAcAK~~;;;;uBAnB4B,iBAAiB;4BACnC,wBAAwB;AAIxC,iCAA8F;IACnGJ,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,qBAAAA,EAAW;IAC3BI,MAAM;QACJE,QAAQ,CAAC,EAAE,EAAEJ,kBAAAA,CAAOK,kBAAkB,EAAE;IAC1C;AACF;AAGO,~~MAAMC~~,~~mCAAmC,CAACC~~;IAC/C;IAEA,MAAMC,SAASL;~~IACfI~~,MAAML,IAAI,CAACO,SAAS,OAAGV,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEpG,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<Omit<AccordionPanelSlots, 'collapseMotion'>> = {\n root: 'fui-AccordionPanel',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`,\n },\n});\n\n/* Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState): AccordionPanelState => {\n 'use no memo';\n\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","margin","spacingHorizontalM","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,wBAAAA;;;IAcAK,gCAAAA;;;;uBAnB4B,iBAAiB;4BACnC,wBAAwB;AAIxC,iCAA8F;IACnGJ,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,qBAAAA,EAAW;IAC3BI,MAAM;QACJE,QAAQ,CAAC,EAAE,EAAEJ,kBAAAA,CAAOK,kBAAkB,EAAE;IAC1C;AACF;AAGO,yCAAyC,CAACE;IAC/C;IAEA,MAAMC,SAASL;IACf,oDAAoD;IACpDI,MAAML,IAAI,CAACO,SAAS,OAAGV,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEpG,OAAOF;AACT,EAAE"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "9.11.0",
+  "version": "9.12.0",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,16 +12,16 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-aria": "^9.17.11",
-    "@fluentui/react-context-selector": "^9.2.16",
+    "@fluentui/react-aria": "^9.17.12",
+    "@fluentui/react-context-selector": "^9.2.17",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.4.2",
+    "@fluentui/react-jsx-runtime": "^9.4.3",
     "@fluentui/react-shared-contexts": "^9.26.2",
-    "@fluentui/react-motion": "^9.15.0",
-    "@fluentui/react-motion-components-preview": "^0.15.4",
-    "@fluentui/react-tabster": "^9.26.14",
+    "@fluentui/react-motion": "^9.16.0",
+    "@fluentui/react-motion-components-preview": "^0.15.5",
+    "@fluentui/react-tabster": "^9.26.15",
     "@fluentui/react-theme": "^9.2.1",
-    "@fluentui/react-utilities": "^9.26.3",
+    "@fluentui/react-utilities": "^9.26.4",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },