@fluentui/react-breadcrumb 9.0.30 → 9.0.31

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui/react-breadcrumb
 
-This log was last generated on Mon, 17 Jun 2024 07:31:08 GMT and should not be manually modified.
+This log was last generated on Mon, 01 Jul 2024 20:25:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.31)
+
+Mon, 01 Jul 2024 20:25:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.30..@fluentui/react-breadcrumb_v9.0.31)
+
+### Patches
+
+- chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
+- chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-aria to v9.13.0 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-button to v9.3.85 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-link to v9.2.26 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+
 ## [9.0.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.30)
 
-Mon, 17 Jun 2024 07:31:08 GMT 
+Mon, 17 Jun 2024 07:34:17 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.29..@fluentui/react-breadcrumb_v9.0.30)
 
 ### Patches

package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js

@@ -8,6 +8,8 @@ const useListClassName = /*#__PURE__*/__resetStyles("rc5rb6b", null, [".rc5rb6b{
  * Apply styling to the Breadcrumb slots based on the state
  */
 export const useBreadcrumbStyles_unstable = state => {
+  'use no memo';
+
   const listBaseClassName = useListClassName();
   state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);
   if (state.list) {

package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n    root: 'fui-Breadcrumb',\n    list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n    listStyleType: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    margin: 0,\n    padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n    const listBaseClassName = useListClassName();\n    state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n    if (state.list) {\n        state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,gBAAGL,aAAA,wGAMxB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZG,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC3G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n    root: 'fui-Breadcrumb',\n    list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n    listStyleType: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    margin: 0,\n    padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n    'use no memo';\n    const listBaseClassName = useListClassName();\n    state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n    if (state.list) {\n        state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,gBAAGL,aAAA,wGAMxB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,4BAA4B,GAAIC,KAAK,IAAG;EACrD,aAAa;;EACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZG,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC3G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js

@@ -149,6 +149,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the BreadcrumbButton slots based on the state
  */
 export const useBreadcrumbButtonStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const iconStyles = useIconStyles();
   const currentSizeMap = {

package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n    root: 'fui-BreadcrumbButton',\n    icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n    breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n    breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n    base: {\n        fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n        width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        marginRight: tokens.spacingHorizontalXS\n    },\n    small: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n    },\n    medium: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n    },\n    large: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n    }\n});\nconst defaultButtonStyles = {\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    cursor: 'auto'\n};\nconst currentIconStyles = {\n    ...defaultButtonStyles,\n    [`& .${buttonClassNames.icon}`]: {\n        color: 'unset'\n    },\n    [`& .${iconFilledClassName}`]: {\n        display: 'none'\n    },\n    [`& .${iconRegularClassName}`]: {\n        display: 'inline'\n    }\n};\nconst useStyles = makeStyles({\n    root: {\n        minWidth: 'unset',\n        textWrap: 'nowrap'\n    },\n    small: {\n        height: '24px',\n        ...typographyStyles.caption1,\n        padding: tokens.spacingHorizontalSNudge\n    },\n    medium: {\n        height: '32px',\n        ...typographyStyles.body1,\n        padding: tokens.spacingHorizontalSNudge\n    },\n    large: {\n        height: '40px',\n        ...typographyStyles.body2,\n        padding: tokens.spacingHorizontalS\n    },\n    current: {\n        ':hover': {\n            ...currentIconStyles\n        },\n        ':hover:active': {\n            ...currentIconStyles\n        },\n        ':disabled': {\n            ...currentIconStyles\n        }\n    },\n    currentSmall: {\n        ...typographyStyles.caption1Strong\n    },\n    currentMedium: {\n        ...typographyStyles.body1Strong\n    },\n    currentLarge: {\n        ...typographyStyles.subtitle2\n    }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const currentSizeMap = {\n        small: styles.currentSmall,\n        medium: styles.currentMedium,\n        large: styles.currentLarge\n    };\n    state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n    }\n    useButtonStyles_unstable(state);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n    root: 'fui-BreadcrumbButton',\n    icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n    breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n    breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n    base: {\n        fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n        width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        marginRight: tokens.spacingHorizontalXS\n    },\n    small: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n    },\n    medium: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n    },\n    large: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n    }\n});\nconst defaultButtonStyles = {\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    cursor: 'auto'\n};\nconst currentIconStyles = {\n    ...defaultButtonStyles,\n    [`& .${buttonClassNames.icon}`]: {\n        color: 'unset'\n    },\n    [`& .${iconFilledClassName}`]: {\n        display: 'none'\n    },\n    [`& .${iconRegularClassName}`]: {\n        display: 'inline'\n    }\n};\nconst useStyles = makeStyles({\n    root: {\n        minWidth: 'unset',\n        textWrap: 'nowrap'\n    },\n    small: {\n        height: '24px',\n        ...typographyStyles.caption1,\n        padding: tokens.spacingHorizontalSNudge\n    },\n    medium: {\n        height: '32px',\n        ...typographyStyles.body1,\n        padding: tokens.spacingHorizontalSNudge\n    },\n    large: {\n        height: '40px',\n        ...typographyStyles.body2,\n        padding: tokens.spacingHorizontalS\n    },\n    current: {\n        ':hover': {\n            ...currentIconStyles\n        },\n        ':hover:active': {\n            ...currentIconStyles\n        },\n        ':disabled': {\n            ...currentIconStyles\n        }\n    },\n    currentSmall: {\n        ...typographyStyles.caption1Strong\n    },\n    currentMedium: {\n        ...typographyStyles.body1Strong\n    },\n    currentLarge: {\n        ...typographyStyles.subtitle2\n    }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const currentSizeMap = {\n        small: styles.currentSmall,\n        medium: styles.currentMedium,\n        large: styles.currentLarge\n    };\n    state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n    }\n    useButtonStyles_unstable(state);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js

@@ -23,6 +23,8 @@ const useIconStyles = /*#__PURE__*/__styles({
  * Apply styling to the BreadcrumbDivider slots based on the state
  */
 export const useBreadcrumbDividerStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const iconStyles = useIconStyles();
   const {

package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n    root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    display: 'flex'\n});\nconst useIconStyles = makeStyles({\n    small: {\n        fontSize: '12px'\n    },\n    medium: {\n        fontSize: '16px'\n    },\n    large: {\n        fontSize: '20px'\n    }\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const { size = 'medium' } = state;\n    state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,aAAA,6CAErB,CAAC;AACF,MAAMK,aAAa,gBAAGN,QAAA;EAAAO,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEU,IAAI,GAAG;EAAS,CAAC,GAAGH,KAAK;EACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,GAAGf,YAAY,CAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;EACrH,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n    root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    display: 'flex'\n});\nconst useIconStyles = makeStyles({\n    small: {\n        fontSize: '12px'\n    },\n    medium: {\n        fontSize: '16px'\n    },\n    large: {\n        fontSize: '20px'\n    }\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const { size = 'medium' } = state;\n    state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,aAAA,6CAErB,CAAC;AACF,MAAMK,aAAa,gBAAGN,QAAA;EAAAO,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,aAAa;;EACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEU,IAAI,GAAG;EAAS,CAAC,GAAGH,KAAK;EACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,GAAGf,YAAY,CAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;EACrH,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js

@@ -8,6 +8,8 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles("r1tl60rs", null
  * Apply styling to the BreadcrumbItem slots based on the state
  */
 export const useBreadcrumbItemStyles_unstable = state => {
+  'use no memo';
+
   const resetStyles = useBreadcrumbItemResetStyles();
   state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);
   return state;

package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n    root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n    display: 'flex',\n    alignItems: 'center',\n    color: tokens.colorNeutralForeground2,\n    boxSizing: 'border-box',\n    textWrap: 'nowrap'\n});\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n    const resetStyles = useBreadcrumbItemResetStyles();\n    state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,gBAAGL,aAAA,8IAMpC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;EAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n    root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n    display: 'flex',\n    alignItems: 'center',\n    color: tokens.colorNeutralForeground2,\n    boxSizing: 'border-box',\n    textWrap: 'nowrap'\n});\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n    'use no memo';\n    const resetStyles = useBreadcrumbItemResetStyles();\n    state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,gBAAGL,aAAA,8IAMpC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;EAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js

@@ -25,6 +25,7 @@ const useListClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rc5rb6b", null
     ".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}"
 ]);
 const useBreadcrumbStyles_unstable = (state)=>{
+    'use no memo';
     const listBaseClassName = useListClassName();
     state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
     if (state.list) {

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n  root: 'fui-Breadcrumb',\n  list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = /*#__PURE__*/__resetStyles(\"rc5rb6b\", null, [\".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}\"]);\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = state => {\n  const listBaseClassName = useListClassName();\n  state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n  if (state.list) {\n    state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbStyles.styles.js.map"],"names":["breadcrumbClassNames","useBreadcrumbStyles_unstable","root","list","useListClassName","__resetStyles","state","listBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,oBAAoB;eAApBA;;IAQAC,4BAA4B;eAA5BA;;;uBAT+B;AACrC,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAqF;AAIpJ,MAAMJ,+BAA+BK,CAAAA;IAC1C,MAAMC,oBAAoBH;IAC1BE,MAAMJ,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAY,EAACT,qBAAqBE,IAAI,EAAEI,MAAMJ,IAAI,CAACM,SAAS;IACnF,IAAIF,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACF,mBAAmBP,qBAAqBG,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACxG;IACA,OAAOF;AACT,GACA,sDAAsD"}
+{"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n  root: 'fui-Breadcrumb',\n  list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = /*#__PURE__*/__resetStyles(\"rc5rb6b\", null, [\".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}\"]);\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = state => {\n  'use no memo';\n\n  const listBaseClassName = useListClassName();\n  state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n  if (state.list) {\n    state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbStyles.styles.js.map"],"names":["breadcrumbClassNames","useBreadcrumbStyles_unstable","root","list","useListClassName","__resetStyles","state","listBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,oBAAoB;eAApBA;;IAQAC,4BAA4B;eAA5BA;;;uBAT+B;AACrC,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAqF;AAIpJ,MAAMJ,+BAA+BK,CAAAA;IAC1C;IAEA,MAAMC,oBAAoBH;IAC1BE,MAAMJ,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAY,EAACT,qBAAqBE,IAAI,EAAEI,MAAMJ,IAAI,CAACM,SAAS;IACnF,IAAIF,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACF,mBAAmBP,qBAAqBG,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACxG;IACA,OAAOF;AACT,GACA,sDAAsD"}

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js

@@ -222,6 +222,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useBreadcrumbButtonStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const iconStyles = useIconStyles();
     const currentSizeMap = {

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames = {\n  root: 'fui-BreadcrumbButton',\n  icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n  breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n  breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Be2twd7: \"fsj74e5\",\n    Bqenvij: \"f1qfv4wv\",\n    Bg96gwp: \"f15xapk4\",\n    a9b677: \"f17j33op\",\n    t21cq0: [\"fm0x6gh\", \"fbyavb5\"]\n  },\n  small: {\n    u3h8gg: \"f1qfi7kw\",\n    Biu6dll: \"f1876atl\"\n  },\n  medium: {\n    u3h8gg: \"f1h9446d\",\n    Biu6dll: \"f10xfswh\"\n  },\n  large: {\n    u3h8gg: \"f5hcofs\",\n    Biu6dll: \"f1a6v6zl\"\n  }\n}, {\n  d: [\".fsj74e5{font-size:var(--fui-Breadcrumb--icon-size);}\", \".f1qfv4wv{height:var(--fui-Breadcrumb--icon-size);}\", \".f15xapk4{line-height:var(--fui-Breadcrumb--icon-line-height);}\", \".f17j33op{width:var(--fui-Breadcrumb--icon-size);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".f1qfi7kw{--fui-Breadcrumb--icon-size:12px;}\", \".f1876atl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase200);}\", \".f1h9446d{--fui-Breadcrumb--icon-size:16px;}\", \".f10xfswh{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase400);}\", \".f5hcofs{--fui-Breadcrumb--icon-size:20px;}\", \".f1a6v6zl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase600);}\"]\n});\nconst defaultButtonStyles = {\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground2,\n  cursor: 'auto'\n};\nconst currentIconStyles = {\n  ...defaultButtonStyles,\n  [`& .${buttonClassNames.icon}`]: {\n    color: 'unset'\n  },\n  [`& .${iconFilledClassName}`]: {\n    display: 'none'\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline'\n  }\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f18p0k4z\",\n    j4b8c3: \"fv6wr3j\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1r1wyb6\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1r1wyb6\"\n  },\n  large: {\n    Bqenvij: \"fbhnoac\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1bnz8pu\"\n  },\n  current: {\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"f3p8bqa\",\n    eoavqd: \"f14w7a5u\",\n    Bbdnnc7: \"f1irjp3o\",\n    Bk3fhr4: \"f19vpps7\",\n    Bmfj8id: \"fv5swzo\",\n    iro3zm: \"f3h1zc4\",\n    B2d53fq: \"f1xkgyln\",\n    c3iz72: \"f17wbbfx\",\n    x3br3k: \"fofxw0a\",\n    em6i61: \"f1ol4fw6\",\n    vm6p8p: \"f1q1lw4e\",\n    Bszkowt: \"ff24m\",\n    Dyrjrp: \"ft5r8e9\",\n    ezr58z: \"f1cbpfqp\",\n    nhk3du: \"f1motppv\",\n    Bfrek18: \"fi9vkhg\",\n    G209fr: \"f1fg3nnv\"\n  },\n  currentSmall: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  currentMedium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  currentLarge: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"faaz57k\"\n  }\n}, {\n  d: [\".f18p0k4z{min-width:unset;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".frvgh55{height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], \".f1d2rq10{height:32px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], \".fbhnoac{height:40px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", [\".f1bnz8pu{padding:var(--spacingHorizontalS);}\", {\n    p: -1\n  }], \".ff24m:disabled{background-color:var(--colorTransparentBackground);}\", \".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}\", \".f1cbpfqp:disabled{cursor:auto;}\", \".f1motppv:disabled .fui-Button__icon{color:unset;}\", \".fi9vkhg:disabled .fui-Icon-filled{display:none;}\", \".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\"],\n  h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3p8bqa:hover{color:var(--colorNeutralForeground2);}\", \".f14w7a5u:hover{cursor:auto;}\", \".f1irjp3o:hover .fui-Button__icon{color:unset;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}\", \".f17wbbfx:hover:active{cursor:auto;}\", \".fofxw0a:hover:active .fui-Button__icon{color:unset;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\"]\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = state => {\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const currentSizeMap = {\n    small: styles.currentSmall,\n    medium: styles.currentMedium,\n    large: styles.currentLarge\n  };\n  state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbButtonStyles.styles.js.map"],"names":["breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","__styles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","tokens","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","buttonClassNames","iconFilledClassName","display","iconRegularClassName","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","state","styles","iconStyles","currentSizeMap","className","mergeClasses","size","useButtonStyles_unstable"],"mappings":"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"}
+{"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames = {\n  root: 'fui-BreadcrumbButton',\n  icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n  breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n  breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Be2twd7: \"fsj74e5\",\n    Bqenvij: \"f1qfv4wv\",\n    Bg96gwp: \"f15xapk4\",\n    a9b677: \"f17j33op\",\n    t21cq0: [\"fm0x6gh\", \"fbyavb5\"]\n  },\n  small: {\n    u3h8gg: \"f1qfi7kw\",\n    Biu6dll: \"f1876atl\"\n  },\n  medium: {\n    u3h8gg: \"f1h9446d\",\n    Biu6dll: \"f10xfswh\"\n  },\n  large: {\n    u3h8gg: \"f5hcofs\",\n    Biu6dll: \"f1a6v6zl\"\n  }\n}, {\n  d: [\".fsj74e5{font-size:var(--fui-Breadcrumb--icon-size);}\", \".f1qfv4wv{height:var(--fui-Breadcrumb--icon-size);}\", \".f15xapk4{line-height:var(--fui-Breadcrumb--icon-line-height);}\", \".f17j33op{width:var(--fui-Breadcrumb--icon-size);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".f1qfi7kw{--fui-Breadcrumb--icon-size:12px;}\", \".f1876atl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase200);}\", \".f1h9446d{--fui-Breadcrumb--icon-size:16px;}\", \".f10xfswh{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase400);}\", \".f5hcofs{--fui-Breadcrumb--icon-size:20px;}\", \".f1a6v6zl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase600);}\"]\n});\nconst defaultButtonStyles = {\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground2,\n  cursor: 'auto'\n};\nconst currentIconStyles = {\n  ...defaultButtonStyles,\n  [`& .${buttonClassNames.icon}`]: {\n    color: 'unset'\n  },\n  [`& .${iconFilledClassName}`]: {\n    display: 'none'\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline'\n  }\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f18p0k4z\",\n    j4b8c3: \"fv6wr3j\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1r1wyb6\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1r1wyb6\"\n  },\n  large: {\n    Bqenvij: \"fbhnoac\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1bnz8pu\"\n  },\n  current: {\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"f3p8bqa\",\n    eoavqd: \"f14w7a5u\",\n    Bbdnnc7: \"f1irjp3o\",\n    Bk3fhr4: \"f19vpps7\",\n    Bmfj8id: \"fv5swzo\",\n    iro3zm: \"f3h1zc4\",\n    B2d53fq: \"f1xkgyln\",\n    c3iz72: \"f17wbbfx\",\n    x3br3k: \"fofxw0a\",\n    em6i61: \"f1ol4fw6\",\n    vm6p8p: \"f1q1lw4e\",\n    Bszkowt: \"ff24m\",\n    Dyrjrp: \"ft5r8e9\",\n    ezr58z: \"f1cbpfqp\",\n    nhk3du: \"f1motppv\",\n    Bfrek18: \"fi9vkhg\",\n    G209fr: \"f1fg3nnv\"\n  },\n  currentSmall: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  currentMedium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  currentLarge: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"faaz57k\"\n  }\n}, {\n  d: [\".f18p0k4z{min-width:unset;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".frvgh55{height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], \".f1d2rq10{height:32px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], \".fbhnoac{height:40px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", [\".f1bnz8pu{padding:var(--spacingHorizontalS);}\", {\n    p: -1\n  }], \".ff24m:disabled{background-color:var(--colorTransparentBackground);}\", \".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}\", \".f1cbpfqp:disabled{cursor:auto;}\", \".f1motppv:disabled .fui-Button__icon{color:unset;}\", \".fi9vkhg:disabled .fui-Icon-filled{display:none;}\", \".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\"],\n  h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3p8bqa:hover{color:var(--colorNeutralForeground2);}\", \".f14w7a5u:hover{cursor:auto;}\", \".f1irjp3o:hover .fui-Button__icon{color:unset;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}\", \".f17wbbfx:hover:active{cursor:auto;}\", \".fofxw0a:hover:active .fui-Button__icon{color:unset;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\"]\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const currentSizeMap = {\n    small: styles.currentSmall,\n    medium: styles.currentMedium,\n    large: styles.currentLarge\n  };\n  state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbButtonStyles.styles.js.map"],"names":["breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","__styles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","tokens","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","buttonClassNames","iconFilledClassName","display","iconRegularClassName","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","state","styles","iconStyles","currentSizeMap","className","mergeClasses","size","useButtonStyles_unstable"],"mappings":"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"}

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js

@@ -43,6 +43,7 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useBreadcrumbDividerStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const iconStyles = useIconStyles();
     const { size = 'medium' } = state;

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n  root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__resetStyles(\"rk008qs\", null, [\".rk008qs{display:flex;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n  small: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  medium: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  large: {\n    Be2twd7: \"fe5j1ua\"\n  }\n}, {\n  d: [\".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\"]\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = state => {\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const {\n    size = 'medium'\n  } = state;\n  state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbDividerStyles.styles.js.map"],"names":["breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable","root","useStyles","__resetStyles","useIconStyles","__styles","small","Be2twd7","medium","large","d","state","styles","iconStyles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,2BAA2B;eAA3BA;;IAuBAC,mCAAmC;eAAnCA;;;uBAxByC;AAC/C,MAAMD,8BAA8B;IACzCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA0B;AACzF,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA8B;QAA6B;KAA4B;AAC7F;AAIO,MAAMV,sCAAsCW,CAAAA;IACjD,MAAMC,SAASV;IACf,MAAMW,aAAaT;IACnB,MAAM,EACJU,OAAO,QAAQ,EAChB,GAAGH;IACJA,MAAMV,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,4BAA4BE,IAAI,EAAEW,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMV,IAAI,CAACc,SAAS;IACpH,OAAOJ;AACT,GACA,6DAA6D"}
+{"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n  root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__resetStyles(\"rk008qs\", null, [\".rk008qs{display:flex;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n  small: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  medium: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  large: {\n    Be2twd7: \"fe5j1ua\"\n  }\n}, {\n  d: [\".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\"]\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const {\n    size = 'medium'\n  } = state;\n  state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbDividerStyles.styles.js.map"],"names":["breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable","root","useStyles","__resetStyles","useIconStyles","__styles","small","Be2twd7","medium","large","d","state","styles","iconStyles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,2BAA2B;eAA3BA;;IAuBAC,mCAAmC;eAAnCA;;;uBAxByC;AAC/C,MAAMD,8BAA8B;IACzCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA0B;AACzF,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA8B;QAA6B;KAA4B;AAC7F;AAIO,MAAMV,sCAAsCW,CAAAA;IACjD;IAEA,MAAMC,SAASV;IACf,MAAMW,aAAaT;IACnB,MAAM,EACJU,OAAO,QAAQ,EAChB,GAAGH;IACJA,MAAMV,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,4BAA4BE,IAAI,EAAEW,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMV,IAAI,CAACc,SAAS;IACpH,OAAOJ;AACT,GACA,6DAA6D"}

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js

@@ -24,6 +24,7 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1
     ".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}"
 ]);
 const useBreadcrumbItemStyles_unstable = (state)=>{
+    'use no memo';
     const resetStyles = useBreadcrumbItemResetStyles();
     state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
     return state;

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n  root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles(\"r1tl60rs\", null, [\".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}\"]);\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = state => {\n  const resetStyles = useBreadcrumbItemResetStyles();\n  state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbItemStyles.styles.js.map"],"names":["breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable","root","useBreadcrumbItemResetStyles","__resetStyles","state","resetStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT+B;AAErC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,+BAA+B,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA0H;AAItM,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,cAAcH;IACpBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,aAAaD,MAAMH,IAAI,CAACK,SAAS;IACpG,OAAOF;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n  root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles(\"r1tl60rs\", null, [\".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}\"]);\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = state => {\n  'use no memo';\n\n  const resetStyles = useBreadcrumbItemResetStyles();\n  state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbItemStyles.styles.js.map"],"names":["breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable","root","useBreadcrumbItemResetStyles","__resetStyles","state","resetStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT+B;AAErC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,+BAA+B,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA0H;AAItM,MAAMH,mCAAmCI,CAAAA;IAC9C;IAEA,MAAMC,cAAcH;IACpBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,aAAaD,MAAMH,IAAI,CAACK,SAAS;IACpG,OAAOF;AACT,GACA,0DAA0D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-breadcrumb",
-  "version": "9.0.30",
+  "version": "9.0.31",
   "description": "Breadcrumb component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -38,15 +38,15 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.12.1",
-    "@fluentui/react-button": "^9.3.84",
-    "@fluentui/react-icons": "^2.0.239",
-    "@fluentui/react-link": "^9.2.25",
+    "@fluentui/react-aria": "^9.13.0",
+    "@fluentui/react-button": "^9.3.85",
+    "@fluentui/react-icons": "^2.0.245",
+    "@fluentui/react-link": "^9.2.26",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.22.0",
+    "@fluentui/react-tabster": "^9.22.1",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.10",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
+    "@fluentui/react-utilities": "^9.18.11",
+    "@fluentui/react-jsx-runtime": "^9.0.40",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },