@fluentui/react-breadcrumb 9.4.1 → 9.4.3
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 +37 -8
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js +2 -2
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -1
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js +2 -1
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map +1 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +2 -2
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js +2 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +1 -2
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +1 -2
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js +2 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js +2 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +2 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js +2 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,53 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-breadcrumb
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 24 Jun 2026 11:03:55 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.3)
|
|
8
|
+
|
|
9
|
+
Wed, 24 Jun 2026 11:03:55 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.2..@fluentui/react-breadcrumb_v9.4.3)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: remove redundant use no memo directives, and add justification to valid ones ([PR #36224](https://github.com/microsoft/fluentui/pull/36224) by martinhochel@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.17.13 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
16
|
+
- Bump @fluentui/react-button to v9.10.0 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
17
|
+
- Bump @fluentui/react-link to v9.8.3 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
18
|
+
- Bump @fluentui/react-tabster to v9.26.16 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
19
|
+
- Bump @fluentui/react-utilities to v9.26.5 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
20
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
21
|
+
|
|
22
|
+
## [9.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.2)
|
|
23
|
+
|
|
24
|
+
Tue, 26 May 2026 09:39:45 GMT
|
|
25
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.1..@fluentui/react-breadcrumb_v9.4.2)
|
|
26
|
+
|
|
27
|
+
### Patches
|
|
28
|
+
|
|
29
|
+
- Bump @fluentui/react-aria to v9.17.12 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
30
|
+
- Bump @fluentui/react-button to v9.9.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
31
|
+
- Bump @fluentui/react-link to v9.8.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
32
|
+
- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
33
|
+
- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
34
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
35
|
+
|
|
7
36
|
## [9.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.1)
|
|
8
37
|
|
|
9
|
-
Thu, 23 Apr 2026
|
|
38
|
+
Thu, 23 Apr 2026 14:21:18 GMT
|
|
10
39
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.0..@fluentui/react-breadcrumb_v9.4.1)
|
|
11
40
|
|
|
12
41
|
### Patches
|
|
13
42
|
|
|
14
43
|
- fix: update types for render function ([PR #35972](https://github.com/microsoft/fluentui/pull/35972) by dmytrokirpa@microsoft.com)
|
|
15
44
|
- fix(react-breadcrumb): wrong appearance applied by default to BreadcrumbButton ([PR #35970](https://github.com/microsoft/fluentui/pull/35970) by dmytrokirpa@microsoft.com)
|
|
16
|
-
- Bump @fluentui/react-aria to v9.17.11 ([PR #
|
|
17
|
-
- Bump @fluentui/react-button to v9.9.1 ([PR #
|
|
18
|
-
- Bump @fluentui/react-link to v9.8.1 ([PR #
|
|
19
|
-
- Bump @fluentui/react-tabster to v9.26.14 ([PR #
|
|
20
|
-
- Bump @fluentui/react-utilities to v9.26.3 ([PR #
|
|
21
|
-
- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #
|
|
45
|
+
- Bump @fluentui/react-aria to v9.17.11 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
46
|
+
- Bump @fluentui/react-button to v9.9.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
47
|
+
- Bump @fluentui/react-link to v9.8.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
48
|
+
- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
49
|
+
- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
50
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
22
51
|
|
|
23
52
|
## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.0)
|
|
24
53
|
|
|
@@ -10,11 +10,11 @@ const useListClassName = /*#__PURE__*/__resetStyles("rc5rb6b", null, [".rc5rb6b{
|
|
|
10
10
|
* Apply styling to the Breadcrumb slots based on the state
|
|
11
11
|
*/
|
|
12
12
|
export const useBreadcrumbStyles_unstable = state => {
|
|
13
|
-
'use no memo';
|
|
14
|
-
|
|
15
13
|
const listBaseClassName = useListClassName();
|
|
14
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
16
15
|
state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);
|
|
17
16
|
if (state.list) {
|
|
17
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
18
18
|
state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);
|
|
19
19
|
}
|
|
20
20
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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
|
|
1
|
+
{"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,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;EAC5C;EACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZ;IACAG,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":[]}
|
|
@@ -14,10 +14,11 @@ const useListClassName = makeResetStyles({
|
|
|
14
14
|
/**
|
|
15
15
|
* Apply styling to the Breadcrumb slots based on the state
|
|
16
16
|
*/ export const useBreadcrumbStyles_unstable = (state)=>{
|
|
17
|
-
'use no memo';
|
|
18
17
|
const listBaseClassName = useListClassName();
|
|
18
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
19
19
|
state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);
|
|
20
20
|
if (state.list) {
|
|
21
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
21
22
|
state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);
|
|
22
23
|
}
|
|
23
24
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n const listBaseClassName = useListClassName();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI/D,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,mBAAmBL,gBAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAEA;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C,MAAMC,oBAAoBR;IAC1B,oDAAoD;IACpDO,MAAMT,IAAI,CAACW,SAAS,GAAGb,aAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACd,oDAAoD;QACpDQ,MAAMR,IAAI,CAACU,SAAS,GAAGb,aAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}
|
|
@@ -151,8 +151,6 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
151
151
|
* Apply styling to the BreadcrumbButton slots based on the state
|
|
152
152
|
*/
|
|
153
153
|
export const useBreadcrumbButtonStyles_unstable = state => {
|
|
154
|
-
'use no memo';
|
|
155
|
-
|
|
156
154
|
const styles = useStyles();
|
|
157
155
|
const iconStyles = useIconStyles();
|
|
158
156
|
const currentSizeMap = {
|
|
@@ -160,8 +158,10 @@ export const useBreadcrumbButtonStyles_unstable = state => {
|
|
|
160
158
|
medium: styles.currentMedium,
|
|
161
159
|
large: styles.currentLarge
|
|
162
160
|
};
|
|
161
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
163
162
|
state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
|
|
164
163
|
if (state.icon) {
|
|
164
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
165
165
|
state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);
|
|
166
166
|
}
|
|
167
167
|
useButtonStyles_unstable(state);
|
|
@@ -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":["'use client';\nimport { 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
|
|
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":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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":[]}
|
|
@@ -97,7 +97,6 @@ const useStyles = makeStyles({
|
|
|
97
97
|
/**
|
|
98
98
|
* Apply styling to the BreadcrumbButton slots based on the state
|
|
99
99
|
*/ export const useBreadcrumbButtonStyles_unstable = (state)=>{
|
|
100
|
-
'use no memo';
|
|
101
100
|
const styles = useStyles();
|
|
102
101
|
const iconStyles = useIconStyles();
|
|
103
102
|
const currentSizeMap = {
|
|
@@ -105,8 +104,10 @@ const useStyles = makeStyles({
|
|
|
105
104
|
medium: styles.currentMedium,
|
|
106
105
|
large: styles.currentLarge
|
|
107
106
|
};
|
|
107
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
108
108
|
state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
|
|
109
109
|
if (state.icon) {
|
|
110
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
110
111
|
state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);
|
|
111
112
|
}
|
|
112
113
|
useButtonStyles_unstable(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\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};\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});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\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};\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/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\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};\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});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\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};\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/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,wBAAwB,EAAEC,gBAAgB,QAAQ,yBAAyB;AACpF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF;;CAEC,GACD,OAAO,MAAMC,6BAAoE;IAC/EC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,oBAAoB;IACxBC,uBAAuB;IACvBC,6BAA6B;AAC/B;AAEA,MAAMC,gBAAgBd,WAAW;IAC/Be,MAAM;QACJC,UAAU,CAAC,IAAI,EAAEL,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QAC3DK,QAAQ,CAAC,IAAI,EAAEN,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QACzDM,YAAY,CAAC,IAAI,EAAEP,kBAAkBE,2BAA2B,CAAC,CAAC,CAAC;QACnEM,OAAO,CAAC,IAAI,EAAER,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QACxDQ,aAAahB,OAAOiB,mBAAmB;IACzC;IACAC,OAAO;QACL,CAACX,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,OAAOmB,iBAAiB;IAC3E;IACAC,QAAQ;QACN,CAACb,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,OAAOqB,iBAAiB;IAC3E;IACAC,OAAO;QACL,CAACf,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,OAAOuB,iBAAiB;IAC3E;AACF;AAEA,MAAMC,sBAAsB;IAC1BC,iBAAiBzB,OAAO0B,0BAA0B;IAClDC,OAAO3B,OAAO4B,uBAAuB;IACrCC,QAAQ;AACV;AAEA,MAAMC,oBAAoB;IACxB,GAAGN,mBAAmB;IACtB,CAAC,CAAC,GAAG,EAAEzB,iBAAiBO,IAAI,EAAE,CAAC,EAAE;QAC/BqB,OAAO;IACT;IACA,CAAC,CAAC,GAAG,EAAEzB,qBAAqB,CAAC,EAAE;QAC7B6B,SAAS;IACX;IACA,CAAC,CAAC,GAAG,EAAE5B,sBAAsB,CAAC,EAAE;QAC9B4B,SAAS;IACX;AACF;AAEA,MAAMC,YAAYpC,WAAW;IAC3BS,MAAM;QACJ4B,UAAU;QACVC,UAAU;IACZ;IACAhB,OAAO;QACLL,QAAQ;QACR,GAAGZ,iBAAiBkC,QAAQ;QAC5BC,SAASpC,OAAOqC,uBAAuB;IACzC;IACAjB,QAAQ;QACNP,QAAQ;QACR,GAAGZ,iBAAiBqC,KAAK;QACzBF,SAASpC,OAAOqC,uBAAuB;IACzC;IACAf,OAAO;QACLT,QAAQ;QACR,GAAGZ,iBAAiBsC,KAAK;QACzBH,SAASpC,OAAOwC,kBAAkB;IACpC;IACAC,SAAS;QACP,UAAU;YACR,GAAGX,iBAAiB;QACtB;QACA,iBAAiB;YACf,GAAGA,iBAAiB;QACtB;QACA,aAAa;YACX,GAAGA,iBAAiB;QACtB;IACF;IACAY,cAAc;QACZ,GAAGzC,iBAAiB0C,cAAc;IACpC;IACAC,eAAe;QACb,GAAG3C,iBAAiB4C,WAAW;IACjC;IACAC,cAAc;QACZ,GAAG7C,iBAAiB8C,SAAS;IAC/B;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,SAASlB;IACf,MAAMmB,aAAazC;IAEnB,MAAM0C,iBAAiB;QACrBlC,OAAOgC,OAAOR,YAAY;QAC1BtB,QAAQ8B,OAAON,aAAa;QAC5BtB,OAAO4B,OAAOJ,YAAY;IAC5B;IACA,oDAAoD;IACpDG,MAAM5C,IAAI,CAACgD,SAAS,GAAGxD,aACrBO,2BAA2BC,IAAI,EAC/B6C,MAAM,CAACD,MAAMK,IAAI,CAAC,EAClBJ,OAAO7C,IAAI,EACX4C,MAAMR,OAAO,IAAIW,cAAc,CAACH,MAAMK,IAAI,CAAC,EAC3CL,MAAMR,OAAO,IAAIS,OAAOT,OAAO,EAC/BQ,MAAM5C,IAAI,CAACgD,SAAS;IAGtB,IAAIJ,MAAM3C,IAAI,EAAE;QACd,oDAAoD;QACpD2C,MAAM3C,IAAI,CAAC+C,SAAS,GAAGxD,aAAasD,WAAWxC,IAAI,EAAEwC,UAAU,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAM3C,IAAI,CAAC+C,SAAS;IACnG;IAEAvD,yBAAyBmD;IAEzB,OAAOA;AACT,EAAE"}
|
|
@@ -25,13 +25,12 @@ const useIconStyles = /*#__PURE__*/__styles({
|
|
|
25
25
|
* Apply styling to the BreadcrumbDivider slots based on the state
|
|
26
26
|
*/
|
|
27
27
|
export const useBreadcrumbDividerStyles_unstable = state => {
|
|
28
|
-
'use no memo';
|
|
29
|
-
|
|
30
28
|
const styles = useStyles();
|
|
31
29
|
const iconStyles = useIconStyles();
|
|
32
30
|
const {
|
|
33
31
|
size = 'medium'
|
|
34
32
|
} = state;
|
|
33
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
35
34
|
state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);
|
|
36
35
|
return state;
|
|
37
36
|
};
|
|
@@ -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":["'use client';\nimport { 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
|
|
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":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,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;EACjC;EACAA,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":[]}
|
|
@@ -22,10 +22,10 @@ const useIconStyles = makeStyles({
|
|
|
22
22
|
/**
|
|
23
23
|
* Apply styling to the BreadcrumbDivider slots based on the state
|
|
24
24
|
*/ export const useBreadcrumbDividerStyles_unstable = (state)=>{
|
|
25
|
-
'use no memo';
|
|
26
25
|
const styles = useStyles();
|
|
27
26
|
const iconStyles = useIconStyles();
|
|
28
27
|
const { size = 'medium' } = state;
|
|
28
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
29
29
|
state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);
|
|
30
30
|
return state;
|
|
31
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\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/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\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/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI3E,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,gBAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,gBAAgBP,WAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAEA;;CAEC,GACD,OAAO,MAAMG,sCAAsC,CAACC;IAClD,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5B,oDAAoD;IACpDA,MAAMT,IAAI,CAACa,SAAS,GAAGf,aAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}
|
|
@@ -10,9 +10,8 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles("r1tl60rs", null
|
|
|
10
10
|
* Apply styling to the BreadcrumbItem slots based on the state
|
|
11
11
|
*/
|
|
12
12
|
export const useBreadcrumbItemStyles_unstable = state => {
|
|
13
|
-
'use no memo';
|
|
14
|
-
|
|
15
13
|
const resetStyles = useBreadcrumbItemResetStyles();
|
|
14
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
16
15
|
state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);
|
|
17
16
|
return state;
|
|
18
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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
|
|
1
|
+
{"version":3,"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,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;EAClD;EACAE,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":[]}
|
|
@@ -14,8 +14,8 @@ const useBreadcrumbItemResetStyles = makeResetStyles({
|
|
|
14
14
|
/**
|
|
15
15
|
* Apply styling to the BreadcrumbItem slots based on the state
|
|
16
16
|
*/ export const useBreadcrumbItemStyles_unstable = (state)=>{
|
|
17
|
-
'use no memo';
|
|
18
17
|
const resetStyles = useBreadcrumbItemResetStyles();
|
|
18
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
19
19
|
state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);
|
|
20
20
|
return state;
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n const resetStyles = useBreadcrumbItemResetStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAG/D,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,+BAA+BL,gBAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,OAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C,MAAMC,cAAcT;IAEpB,oDAAoD;IACpDQ,MAAMT,IAAI,CAACW,SAAS,GAAGd,aAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}
|
|
@@ -26,10 +26,11 @@ const useListClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rc5rb6b", null
|
|
|
26
26
|
".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}"
|
|
27
27
|
]);
|
|
28
28
|
const useBreadcrumbStyles_unstable = (state)=>{
|
|
29
|
-
'use no memo';
|
|
30
29
|
const listBaseClassName = useListClassName();
|
|
30
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
31
31
|
state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
|
|
32
32
|
if (state.list) {
|
|
33
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
33
34
|
state.list.className = (0, _react.mergeClasses)(listBaseClassName, breadcrumbClassNames.list, state.list.className);
|
|
34
35
|
}
|
|
35
36
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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
|
|
1
|
+
{"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,oBAAoB;;;gCAaY;eAA5BI;;;uBAd6B,gBAAgB;AACvD,6BAA6B;IAChCH,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,GAAA,WAAA,GAAGL,wBAAA,EAAA,WAAA,MAAA;IAAA;CAMxB,CAAC;AAGS,sCAAsCO,KAAK,IAAG;IACrD,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;IAC5C,oDAAA;IACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,OAAGR,mBAAY,EAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;IACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;QACZ,oDAAA;QACAG,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC3G;IACA,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -30,10 +30,11 @@ const useListClassName = (0, _react.makeResetStyles)({
|
|
|
30
30
|
padding: 0
|
|
31
31
|
});
|
|
32
32
|
const useBreadcrumbStyles_unstable = (state)=>{
|
|
33
|
-
'use no memo';
|
|
34
33
|
const listBaseClassName = useListClassName();
|
|
34
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
35
35
|
state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
|
|
36
36
|
if (state.list) {
|
|
37
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
37
38
|
state.list.className = (0, _react.mergeClasses)(listBaseClassName, breadcrumbClassNames.list, state.list.className);
|
|
38
39
|
}
|
|
39
40
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n const listBaseClassName = useListClassName();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,oBAAAA;;;IAgBAS,4BAAAA;;;;uBApBiC,iBAAiB;AAIxD,6BAA8D;IACnER,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAmBL,sBAAAA,EAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAKO,qCAAqC,CAACE;IAC3C,MAAMC,oBAAoBR;IAC1B,oDAAoD;IACpDO,MAAMT,IAAI,CAACW,SAAS,OAAGb,mBAAAA,EAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACd,oDAAoD;QACpDQ,MAAMR,IAAI,CAACU,SAAS,OAAGb,mBAAAA,EAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}
|
|
@@ -223,7 +223,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
223
223
|
]
|
|
224
224
|
});
|
|
225
225
|
const useBreadcrumbButtonStyles_unstable = (state)=>{
|
|
226
|
-
'use no memo';
|
|
227
226
|
const styles = useStyles();
|
|
228
227
|
const iconStyles = useIconStyles();
|
|
229
228
|
const currentSizeMap = {
|
|
@@ -231,8 +230,10 @@ const useBreadcrumbButtonStyles_unstable = (state)=>{
|
|
|
231
230
|
medium: styles.currentMedium,
|
|
232
231
|
large: styles.currentLarge
|
|
233
232
|
};
|
|
233
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
234
234
|
state.root.className = (0, _react.mergeClasses)(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
|
|
235
235
|
if (state.icon) {
|
|
236
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
236
237
|
state.icon.className = (0, _react.mergeClasses)(iconStyles.base, iconStyles[state.size], state.icon.className);
|
|
237
238
|
}
|
|
238
239
|
(0, _reactbutton.useButtonStyles_unstable)(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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
|
|
1
|
+
{"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"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"],"mappings":"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"}
|
|
@@ -111,7 +111,6 @@ const useStyles = (0, _react.makeStyles)({
|
|
|
111
111
|
}
|
|
112
112
|
});
|
|
113
113
|
const useBreadcrumbButtonStyles_unstable = (state)=>{
|
|
114
|
-
'use no memo';
|
|
115
114
|
const styles = useStyles();
|
|
116
115
|
const iconStyles = useIconStyles();
|
|
117
116
|
const currentSizeMap = {
|
|
@@ -119,8 +118,10 @@ const useBreadcrumbButtonStyles_unstable = (state)=>{
|
|
|
119
118
|
medium: styles.currentMedium,
|
|
120
119
|
large: styles.currentLarge
|
|
121
120
|
};
|
|
121
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
122
122
|
state.root.className = (0, _react.mergeClasses)(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
|
|
123
123
|
if (state.icon) {
|
|
124
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
124
125
|
state.icon.className = (0, _react.mergeClasses)(iconStyles.base, iconStyles[state.size], state.icon.className);
|
|
125
126
|
}
|
|
126
127
|
(0, _reactbutton.useButtonStyles_unstable)(state);
|
package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\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};\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});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\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};\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/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\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};\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});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\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};\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/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}
|
|
@@ -44,10 +44,10 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
44
44
|
]
|
|
45
45
|
});
|
|
46
46
|
const useBreadcrumbDividerStyles_unstable = (state)=>{
|
|
47
|
-
'use no memo';
|
|
48
47
|
const styles = useStyles();
|
|
49
48
|
const iconStyles = useIconStyles();
|
|
50
49
|
const { size = 'medium' } = state;
|
|
50
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
51
51
|
state.root.className = (0, _react.mergeClasses)(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);
|
|
52
52
|
return state;
|
|
53
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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
|
|
1
|
+
{"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECG,2BAA2B;;;uCAqBY;;;;uBAtBM,gBAAgB;AACnE,oCAAoC;IACvCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAErB,CAAC;AACF,MAAMK,aAAa,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAO,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,MAAMC,uCAAuCC,KAAK,IAAG;IAC5D,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;IAClC,MAAM,EAAEU,IAAI,GAAG,QAAA,EAAU,GAAGH,KAAK;IACjC,oDAAA;IACAA,KAAK,CAACT,IAAI,CAACa,SAAS,OAAGf,mBAAY,EAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;IACrH,OAAOJ,KAAK;AAChB,CAAC"}
|
|
@@ -38,10 +38,10 @@ const useIconStyles = (0, _react.makeStyles)({
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
const useBreadcrumbDividerStyles_unstable = (state)=>{
|
|
41
|
-
'use no memo';
|
|
42
41
|
const styles = useStyles();
|
|
43
42
|
const iconStyles = useIconStyles();
|
|
44
43
|
const { size = 'medium' } = state;
|
|
44
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
45
45
|
state.root.className = (0, _react.mergeClasses)(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);
|
|
46
46
|
return state;
|
|
47
47
|
};
|
package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\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/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\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/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaG,2BAAAA;;;IA0BAS,mCAAAA;;;;uBA9B6C,iBAAiB;AAIpE,oCAA4E;IACjFR,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,sBAAAA,EAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,oBAAgBP,iBAAAA,EAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAKO,4CAA4C,CAACI;IAClD,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5B,oDAAoD;IACpDA,MAAMT,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}
|
|
@@ -25,8 +25,8 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1
|
|
|
25
25
|
".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}"
|
|
26
26
|
]);
|
|
27
27
|
const useBreadcrumbItemStyles_unstable = (state)=>{
|
|
28
|
-
'use no memo';
|
|
29
28
|
const resetStyles = useBreadcrumbItemResetStyles();
|
|
29
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
30
30
|
state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
|
|
31
31
|
return state;
|
|
32
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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
|
|
1
|
+
{"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;IAYpBM,gCAAgC;;;;uBAdH,gBAAgB;AAEvD,MAAMH,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAMpC,CAAC;AAGS,0CAA0CO,KAAK,IAAG;IACzD,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;IAClD,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -30,8 +30,8 @@ const useBreadcrumbItemResetStyles = (0, _react.makeResetStyles)({
|
|
|
30
30
|
textWrap: 'nowrap'
|
|
31
31
|
});
|
|
32
32
|
const useBreadcrumbItemStyles_unstable = (state)=>{
|
|
33
|
-
'use no memo';
|
|
34
33
|
const resetStyles = useBreadcrumbItemResetStyles();
|
|
34
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
35
35
|
state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
|
|
36
36
|
return state;
|
|
37
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n const resetStyles = useBreadcrumbItemResetStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,wBAAAA;;;oCAeAS;eAAAA;;;uBApBiC,iBAAiB;4BAGxC,wBAAwB;AAExC,iCAAsE;IAC3ER,MAAM;AACR,EAAE;AAEF,MAAMC,mCAA+BL,sBAAAA,EAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,kBAAAA,CAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAKO,yCAAyC,CAACE;IAC/C,MAAMC,cAAcT;IAEpB,oDAAoD;IACpDQ,MAAMT,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-breadcrumb",
|
|
3
|
-
"version": "9.4.
|
|
3
|
+
"version": "9.4.3",
|
|
4
4
|
"description": "Breadcrumb component for Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui/react-aria": "^9.17.
|
|
16
|
-
"@fluentui/react-button": "^9.
|
|
15
|
+
"@fluentui/react-aria": "^9.17.13",
|
|
16
|
+
"@fluentui/react-button": "^9.10.0",
|
|
17
17
|
"@fluentui/react-icons": "^2.0.245",
|
|
18
|
-
"@fluentui/react-link": "^9.8.
|
|
18
|
+
"@fluentui/react-link": "^9.8.3",
|
|
19
19
|
"@fluentui/react-shared-contexts": "^9.26.2",
|
|
20
|
-
"@fluentui/react-tabster": "^9.26.
|
|
20
|
+
"@fluentui/react-tabster": "^9.26.16",
|
|
21
21
|
"@fluentui/react-theme": "^9.2.1",
|
|
22
|
-
"@fluentui/react-utilities": "^9.26.
|
|
23
|
-
"@fluentui/react-jsx-runtime": "^9.4.
|
|
22
|
+
"@fluentui/react-utilities": "^9.26.5",
|
|
23
|
+
"@fluentui/react-jsx-runtime": "^9.4.4",
|
|
24
24
|
"@griffel/react": "^1.5.32",
|
|
25
25
|
"@swc/helpers": "^0.5.1"
|
|
26
26
|
},
|