npm - @fluentui/react-accordion - Versions diffs - 9.7.4 → 9.8.0 - Mend

@fluentui/react-accordion 9.7.4 → 9.8.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,12 +1,32 @@
 # Change Log - @fluentui/react-accordion
-This log was last generated on Fri, 11 Jul 2025 15:56:54 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 13:45:34 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.8.0)
+Thu, 17 Jul 2025 13:45:34 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.7.5..@fluentui/react-accordion_v9.8.0)
+### Minor changes
+- feat: enable griffel raw styles ([PR #34853](https://github.com/microsoft/fluentui/pull/34853) by martinhochel@microsoft.com)
+- Bump @fluentui/react-aria to v9.15.4 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-tabster to v9.26.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+## [9.7.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.7.5)
+Wed, 16 Jul 2025 13:52:50 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.7.4..@fluentui/react-accordion_v9.7.5)
+### Patches
+- Bump @fluentui/react-motion-components-preview to v0.7.0 ([PR #34849](https://github.com/microsoft/fluentui/pull/34849) by beachball)
 ## [9.7.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.7.4)
-Fri, 11 Jul 2025 15:56:54 GMT
+Fri, 11 Jul 2025 15:59:20 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.7.3..@fluentui/react-accordion_v9.7.4)
 ### Patches

package/lib/components/Accordion/useAccordionStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { mergeClasses } from '@griffel/react';
+export const accordionClassNames = {
+    root: 'fui-Accordion'
+};
+export const useAccordionStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(accordionClassNames.root, state.root.className);
+    return state;
+};

package/lib/components/Accordion/useAccordionStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/Accordion/useAccordionStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n 'use no memo';\n\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"rangeMappings":";;;;;;;;","mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,8BAA8B,CAACC;IAC1C;IAEAA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,oBAAoBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAElF,OAAOD;AACT,EAAE"}

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

@@ -0,0 +1,113 @@
+import { shorthands, makeStyles, mergeClasses } from '@griffel/react';
+import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+export const accordionHeaderClassNames = {
+    root: 'fui-AccordionHeader',
+    button: 'fui-AccordionHeader__button',
+    expandIcon: 'fui-AccordionHeader__expandIcon',
+    icon: 'fui-AccordionHeader__icon'
+};
+const useStyles = makeStyles({
+    // TODO: this should be extracted to another package
+    resetButton: {
+        boxSizing: 'content-box',
+        backgroundColor: 'inherit',
+        color: 'inherit',
+        fontFamily: 'inherit',
+        fontSize: 'inherit',
+        lineHeight: 'normal',
+        overflow: 'visible',
+        padding: '0',
+        WebkitAppearance: 'button',
+        textAlign: 'unset'
+    },
+    focusIndicator: createFocusOutlineStyle(),
+    root: {
+        color: tokens.colorNeutralForeground1,
+        backgroundColor: tokens.colorTransparentBackground,
+        margin: '0',
+        borderRadius: tokens.borderRadiusMedium
+    },
+    rootDisabled: {
+        backgroundImage: 'none',
+        color: tokens.colorNeutralForegroundDisabled
+    },
+    rootInline: {
+        display: 'inline-block'
+    },
+    button: {
+        position: 'relative',
+        width: '100%',
+        ...shorthands.borderWidth('0'),
+        padding: `0 ${tokens.spacingHorizontalM} 0 ${tokens.spacingHorizontalMNudge}`,
+        minHeight: '44px',
+        display: 'flex',
+        alignItems: 'flex-start',
+        cursor: 'pointer',
+        ...typographyStyles.body1,
+        boxSizing: 'border-box'
+    },
+    buttonSmall: {
+        minHeight: '32px',
+        fontSize: tokens.fontSizeBase200
+    },
+    buttonLarge: {
+        lineHeight: tokens.lineHeightBase400,
+        fontSize: tokens.fontSizeBase400
+    },
+    buttonExtraLarge: {
+        lineHeight: tokens.lineHeightBase500,
+        fontSize: tokens.fontSizeBase500
+    },
+    buttonInline: {
+        display: 'inline-flex'
+    },
+    buttonExpandIconEndNoIcon: {
+        paddingLeft: tokens.spacingHorizontalM
+    },
+    buttonExpandIconEnd: {
+        paddingRight: tokens.spacingHorizontalMNudge
+    },
+    buttonDisabled: {
+        cursor: 'not-allowed'
+    },
+    expandIcon: {
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        lineHeight: tokens.lineHeightBase500,
+        fontSize: tokens.fontSizeBase500
+    },
+    expandIconStart: {
+        paddingRight: tokens.spacingHorizontalS
+    },
+    expandIconEnd: {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: '0%',
+        display: 'flex',
+        justifyContent: 'flex-end',
+        paddingLeft: tokens.spacingHorizontalS
+    },
+    icon: {
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        paddingRight: tokens.spacingHorizontalS,
+        lineHeight: tokens.lineHeightBase500,
+        fontSize: tokens.fontSizeBase500
+    }
+});
+/** Applies style classnames to slots */ export const useAccordionHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
+    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) {
+        state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
+    }
+    if (state.icon) {
+        state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
+    }
+    return state;
+};

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["import { 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: 'flex-start',\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) => {\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { mergeClasses } from '@griffel/react';
+export const accordionItemClassNames = {
+    root: 'fui-AccordionItem'
+};
+export const useAccordionItemStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);
+    return state;
+};

package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/AccordionItem/useAccordionItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n 'use no memo';\n\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"rangeMappings":";;;;;;;;","mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}

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

@@ -0,0 +1,18 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const accordionPanelClassNames = {
+    root: 'fui-AccordionPanel'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        margin: `0 ${tokens.spacingHorizontalM}`
+    }
+});
+/** Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
+    return state;
+};

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["import 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) => {\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"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AACA,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,CAAC,CAAC;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"}

package/lib-commonjs/components/Accordion/useAccordionStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    accordionClassNames: function() {
+        return accordionClassNames;
+    },
+    useAccordionStyles_unstable: function() {
+        return useAccordionStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const accordionClassNames = {
+    root: 'fui-Accordion'
+};
+const useAccordionStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(accordionClassNames.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/Accordion/useAccordionStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/Accordion/useAccordionStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n 'use no memo';\n\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,mBAAAA;eAAAA;;IAIAC,2BAAAA;eAAAA;;;uBAPgB;AAGtB,MAAMD,sBAAsD;IACjEE,MAAM;AACR;AAEO,MAAMD,8BAA8B,CAACE;IAC1C;IAEAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAAA,EAAaL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAElF,OAAOD;AACT"}

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

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    accordionHeaderClassNames: function() {
+        return accordionHeaderClassNames;
+    },
+    useAccordionHeaderStyles_unstable: function() {
+        return useAccordionHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reacttheme = require("@fluentui/react-theme");
+const accordionHeaderClassNames = {
+    root: 'fui-AccordionHeader',
+    button: 'fui-AccordionHeader__button',
+    expandIcon: 'fui-AccordionHeader__expandIcon',
+    icon: 'fui-AccordionHeader__icon'
+};
+const useStyles = (0, _react.makeStyles)({
+    // TODO: this should be extracted to another package
+    resetButton: {
+        boxSizing: 'content-box',
+        backgroundColor: 'inherit',
+        color: 'inherit',
+        fontFamily: 'inherit',
+        fontSize: 'inherit',
+        lineHeight: 'normal',
+        overflow: 'visible',
+        padding: '0',
+        WebkitAppearance: 'button',
+        textAlign: 'unset'
+    },
+    focusIndicator: (0, _reacttabster.createFocusOutlineStyle)(),
+    root: {
+        color: _reacttheme.tokens.colorNeutralForeground1,
+        backgroundColor: _reacttheme.tokens.colorTransparentBackground,
+        margin: '0',
+        borderRadius: _reacttheme.tokens.borderRadiusMedium
+    },
+    rootDisabled: {
+        backgroundImage: 'none',
+        color: _reacttheme.tokens.colorNeutralForegroundDisabled
+    },
+    rootInline: {
+        display: 'inline-block'
+    },
+    button: {
+        position: 'relative',
+        width: '100%',
+        ..._react.shorthands.borderWidth('0'),
+        padding: `0 ${_reacttheme.tokens.spacingHorizontalM} 0 ${_reacttheme.tokens.spacingHorizontalMNudge}`,
+        minHeight: '44px',
+        display: 'flex',
+        alignItems: 'flex-start',
+        cursor: 'pointer',
+        ..._reacttheme.typographyStyles.body1,
+        boxSizing: 'border-box'
+    },
+    buttonSmall: {
+        minHeight: '32px',
+        fontSize: _reacttheme.tokens.fontSizeBase200
+    },
+    buttonLarge: {
+        lineHeight: _reacttheme.tokens.lineHeightBase400,
+        fontSize: _reacttheme.tokens.fontSizeBase400
+    },
+    buttonExtraLarge: {
+        lineHeight: _reacttheme.tokens.lineHeightBase500,
+        fontSize: _reacttheme.tokens.fontSizeBase500
+    },
+    buttonInline: {
+        display: 'inline-flex'
+    },
+    buttonExpandIconEndNoIcon: {
+        paddingLeft: _reacttheme.tokens.spacingHorizontalM
+    },
+    buttonExpandIconEnd: {
+        paddingRight: _reacttheme.tokens.spacingHorizontalMNudge
+    },
+    buttonDisabled: {
+        cursor: 'not-allowed'
+    },
+    expandIcon: {
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        lineHeight: _reacttheme.tokens.lineHeightBase500,
+        fontSize: _reacttheme.tokens.fontSizeBase500
+    },
+    expandIconStart: {
+        paddingRight: _reacttheme.tokens.spacingHorizontalS
+    },
+    expandIconEnd: {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: '0%',
+        display: 'flex',
+        justifyContent: 'flex-end',
+        paddingLeft: _reacttheme.tokens.spacingHorizontalS
+    },
+    icon: {
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        paddingRight: _reacttheme.tokens.spacingHorizontalS,
+        lineHeight: _reacttheme.tokens.lineHeightBase500,
+        fontSize: _reacttheme.tokens.fontSizeBase500
+    }
+});
+const useAccordionHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
+    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) {
+        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) {
+        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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["import { 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: 'flex-start',\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) => {\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":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","makeStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","createFocusOutlineStyle","tokens","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","shorthands","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","typographyStyles","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    accordionItemClassNames: function() {
+        return accordionItemClassNames;
+    },
+    useAccordionItemStyles_unstable: function() {
+        return useAccordionItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const accordionItemClassNames = {
+    root: 'fui-AccordionItem'
+};
+const useAccordionItemStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(accordionItemClassNames.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/AccordionItem/useAccordionItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n 'use no memo';\n\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["accordionItemClassNames","useAccordionItemStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IAIAC,+BAAAA;eAAAA;;;uBAPgB;AAGtB,MAAMD,0BAA8D;IACzEE,MAAM;AACR;AAEO,MAAMD,kCAAkC,CAACE;IAC9C;IAEAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAAA,EAAaL,wBAAwBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAEtF,OAAOD;AACT"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    accordionPanelClassNames: function() {
+        return accordionPanelClassNames;
+    },
+    useAccordionPanelStyles_unstable: function() {
+        return useAccordionPanelStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const accordionPanelClassNames = {
+    root: 'fui-AccordionPanel'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        margin: `0 ${_reacttheme.tokens.spacingHorizontalM}`
+    }
+});
+const useAccordionPanelStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["import 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) => {\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":["accordionPanelClassNames","useAccordionPanelStyles_unstable","root","useStyles","makeStyles","margin","tokens","spacingHorizontalM","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,wBAAAA;eAAAA;;IAcAC,gCAAAA;eAAAA;;;uBAnB4B;4BAClB;AAIhB,MAAMD,2BAAwF;IACnGE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,QAAQ,CAAC,EAAE,EAAEC,kBAAAA,CAAOC,kBAAkB,CAAC,CAAC;IAC1C;AACF;AAGO,MAAMN,mCAAmC,CAACO;IAC/C;IAEA,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,GAAGC,IAAAA,mBAAAA,EAAaX,yBAAyBE,IAAI,EAAEO,OAAOP,IAAI,EAAEM,MAAMN,IAAI,CAACQ,SAAS;IAEpG,OAAOF;AACT"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "9.7.4",
+  "version": "9.8.0",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,14 +18,14 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.15.3",
+    "@fluentui/react-aria": "^9.15.4",
     "@fluentui/react-context-selector": "^9.2.2",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.1.2",
     "@fluentui/react-shared-contexts": "^9.24.0",
     "@fluentui/react-motion": "^9.9.0",
-    "@fluentui/react-motion-components-preview": "^0.6.2",
-    "@fluentui/react-tabster": "^9.25.3",
+    "@fluentui/react-motion-components-preview": "^0.7.0",
+    "@fluentui/react-tabster": "^9.26.0",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-utilities": "^9.22.0",
     "@griffel/react": "^1.5.22",