@fluentui/react-breadcrumb 9.0.29 → 9.0.31

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.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,40 @@
1
1
  # Change Log - @fluentui/react-breadcrumb
2
2
 
3
- This log was last generated on Thu, 06 Jun 2024 15:22:11 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 01 Jul 2024 20:25:55 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.31)
8
+
9
+ Mon, 01 Jul 2024 20:25:55 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.30..@fluentui/react-breadcrumb_v9.0.31)
11
+
12
+ ### Patches
13
+
14
+ - chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
15
+ - chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
16
+ - Bump @fluentui/react-aria to v9.13.0 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
17
+ - Bump @fluentui/react-button to v9.3.85 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
18
+ - Bump @fluentui/react-link to v9.2.26 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
20
+ - Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
21
+ - Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
22
+
23
+ ## [9.0.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.30)
24
+
25
+ Mon, 17 Jun 2024 07:34:17 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.29..@fluentui/react-breadcrumb_v9.0.30)
27
+
28
+ ### Patches
29
+
30
+ - Bump @fluentui/react-aria to v9.12.1 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
31
+ - Bump @fluentui/react-button to v9.3.84 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
32
+ - Bump @fluentui/react-link to v9.2.25 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
33
+ - Bump @fluentui/react-tabster to v9.22.0 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
34
+
7
35
  ## [9.0.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.29)
8
36
 
9
- Thu, 06 Jun 2024 15:22:11 GMT
37
+ Thu, 06 Jun 2024 15:26:30 GMT
10
38
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.28..@fluentui/react-breadcrumb_v9.0.29)
11
39
 
12
40
  ### Patches
@@ -8,6 +8,8 @@ const useListClassName = /*#__PURE__*/__resetStyles("rc5rb6b", null, [".rc5rb6b{
8
8
  * Apply styling to the Breadcrumb slots based on the state
9
9
  */
10
10
  export const useBreadcrumbStyles_unstable = state => {
11
+ 'use no memo';
12
+
11
13
  const listBaseClassName = useListClassName();
12
14
  state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);
13
15
  if (state.list) {
@@ -1 +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":[]}
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 '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":[]}
@@ -149,6 +149,8 @@ const useStyles = /*#__PURE__*/__styles({
149
149
  * Apply styling to the BreadcrumbButton slots based on the state
150
150
  */
151
151
  export const useBreadcrumbButtonStyles_unstable = state => {
152
+ 'use no memo';
153
+
152
154
  const styles = useStyles();
153
155
  const iconStyles = useIconStyles();
154
156
  const currentSizeMap = {
@@ -1 +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":[]}
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 '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":[]}
@@ -23,6 +23,8 @@ const useIconStyles = /*#__PURE__*/__styles({
23
23
  * Apply styling to the BreadcrumbDivider slots based on the state
24
24
  */
25
25
  export const useBreadcrumbDividerStyles_unstable = state => {
26
+ 'use no memo';
27
+
26
28
  const styles = useStyles();
27
29
  const iconStyles = useIconStyles();
28
30
  const {
@@ -1 +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":[]}
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 '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":[]}
@@ -8,6 +8,8 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles("r1tl60rs", null
8
8
  * Apply styling to the BreadcrumbItem slots based on the state
9
9
  */
10
10
  export const useBreadcrumbItemStyles_unstable = state => {
11
+ 'use no memo';
12
+
11
13
  const resetStyles = useBreadcrumbItemResetStyles();
12
14
  state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);
13
15
  return state;
@@ -1 +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":[]}
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 '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":[]}
@@ -25,6 +25,7 @@ const useListClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rc5rb6b", null
25
25
  ".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}"
26
26
  ]);
27
27
  const useBreadcrumbStyles_unstable = (state)=>{
28
+ 'use no memo';
28
29
  const listBaseClassName = useListClassName();
29
30
  state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
30
31
  if (state.list) {
@@ -1 +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"}
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 '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"}
@@ -222,6 +222,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
222
222
  ]
223
223
  });
224
224
  const useBreadcrumbButtonStyles_unstable = (state)=>{
225
+ 'use no memo';
225
226
  const styles = useStyles();
226
227
  const iconStyles = useIconStyles();
227
228
  const currentSizeMap = {
@@ -1 +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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"}
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 '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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"}
@@ -43,6 +43,7 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
43
43
  ]
44
44
  });
45
45
  const useBreadcrumbDividerStyles_unstable = (state)=>{
46
+ 'use no memo';
46
47
  const styles = useStyles();
47
48
  const iconStyles = useIconStyles();
48
49
  const { size = 'medium' } = state;
@@ -1 +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"}
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 '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"}
@@ -24,6 +24,7 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1
24
24
  ".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}"
25
25
  ]);
26
26
  const useBreadcrumbItemStyles_unstable = (state)=>{
27
+ 'use no memo';
27
28
  const resetStyles = useBreadcrumbItemResetStyles();
28
29
  state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
29
30
  return state;
@@ -1 +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"}
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 '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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-breadcrumb",
3
- "version": "9.0.29",
3
+ "version": "9.0.31",
4
4
  "description": "Breadcrumb component for Fluent UI React.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -38,15 +38,15 @@
38
38
  "@fluentui/scripts-tasks": "*"
39
39
  },
40
40
  "dependencies": {
41
- "@fluentui/react-aria": "^9.12.0",
42
- "@fluentui/react-button": "^9.3.83",
43
- "@fluentui/react-icons": "^2.0.239",
44
- "@fluentui/react-link": "^9.2.24",
41
+ "@fluentui/react-aria": "^9.13.0",
42
+ "@fluentui/react-button": "^9.3.85",
43
+ "@fluentui/react-icons": "^2.0.245",
44
+ "@fluentui/react-link": "^9.2.26",
45
45
  "@fluentui/react-shared-contexts": "^9.19.0",
46
- "@fluentui/react-tabster": "^9.21.5",
46
+ "@fluentui/react-tabster": "^9.22.1",
47
47
  "@fluentui/react-theme": "^9.1.19",
48
- "@fluentui/react-utilities": "^9.18.10",
49
- "@fluentui/react-jsx-runtime": "^9.0.39",
48
+ "@fluentui/react-utilities": "^9.18.11",
49
+ "@fluentui/react-jsx-runtime": "^9.0.40",
50
50
  "@griffel/react": "^1.5.22",
51
51
  "@swc/helpers": "^0.5.1"
52
52
  },