@fluentui/react-card 9.0.73 → 9.0.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +26 -5
  2. package/lib/components/CardFooter/useCardFooterStyles.styles.js +19 -2
  3. package/lib/components/CardFooter/useCardFooterStyles.styles.js.map +1 -1
  4. package/lib/components/CardHeader/useCardHeaderStyles.styles.js +20 -3
  5. package/lib/components/CardHeader/useCardHeaderStyles.styles.js.map +1 -1
  6. package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js +45 -1
  7. package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js.map +1 -1
  8. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js +45 -1
  9. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js.map +1 -1
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,19 +1,40 @@
1
1
  # Change Log - @fluentui/react-card
2
2
 
3
- This log was last generated on Tue, 02 Apr 2024 09:41:20 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 23 Apr 2024 08:12:12 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.75)
8
+
9
+ Tue, 23 Apr 2024 08:12:12 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.74..@fluentui/react-card_v9.0.75)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-tabster to v9.20.1 ([PR #31113](https://github.com/microsoft/fluentui/pull/31113) by beachball)
15
+ - Bump @fluentui/react-utilities to v9.18.7 ([PR #31113](https://github.com/microsoft/fluentui/pull/31113) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.0.36 ([PR #31113](https://github.com/microsoft/fluentui/pull/31113) by beachball)
17
+
18
+ ## [9.0.74](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.74)
19
+
20
+ Wed, 17 Apr 2024 21:53:49 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.73..@fluentui/react-card_v9.0.74)
22
+
23
+ ### Patches
24
+
25
+ - fix: Card actions adopt custom high contrast mode colors ([PR #30941](https://github.com/microsoft/fluentui/pull/30941) by sarah.higley@microsoft.com)
26
+ - Bump @fluentui/react-tabster to v9.20.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
27
+
7
28
  ## [9.0.73](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.73)
8
29
 
9
- Tue, 02 Apr 2024 09:41:20 GMT
30
+ Tue, 02 Apr 2024 09:48:01 GMT
10
31
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.72..@fluentui/react-card_v9.0.73)
11
32
 
12
33
  ### Patches
13
34
 
14
- - Bump @fluentui/react-tabster to v9.19.6 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
15
- - Bump @fluentui/react-utilities to v9.18.6 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
16
- - Bump @fluentui/react-jsx-runtime to v9.0.35 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
35
+ - Bump @fluentui/react-tabster to v9.19.6 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
36
+ - Bump @fluentui/react-utilities to v9.18.6 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
37
+ - Bump @fluentui/react-jsx-runtime to v9.0.35 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
17
38
 
18
39
  ## [9.0.72](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.72)
19
40
 
package/lib/components/CardFooter/useCardFooterStyles.styles.js CHANGED
@@ -14,10 +14,27 @@ const useStyles = /*#__PURE__*/__styles({
14
14
  Belr9w4: "fe5j3v"
15
15
  },
16
16
  action: {
17
- Frg6f3: ["fcgxt0o", "f1ujusj6"]
17
+ Frg6f3: ["fcgxt0o", "f1ujusj6"],
18
+ B7frvx2: "f1ndzpm5",
19
+ B06c7xf: ["f1fkeggc", "f1u45u6i"],
20
+ B8uq84v: "f16eyofs",
21
+ snkdo8: ["f1u45u6i", "f1fkeggc"],
22
+ Bpf22ct: "f1wkmkig",
23
+ apjfyd: "f18alut9"
18
24
  }
19
25
  }, {
20
- d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f4akndk{column-gap:12px;}", ".fe5j3v{row-gap:12px;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}"]
26
+ d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f4akndk{column-gap:12px;}", ".fe5j3v{row-gap:12px;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}"],
27
+ m: [["@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}", {
28
+ m: "(forced-colors: active)"
29
+ }], ["@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}", {
30
+ m: "(forced-colors: active)"
31
+ }], ["@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}", {
32
+ m: "(forced-colors: active)"
33
+ }], ["@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}", {
34
+ m: "(forced-colors: active)"
35
+ }], ["@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}", {
36
+ m: "(forced-colors: active)"
37
+ }]]
21
38
  });
22
39
  /**
23
40
  * Apply styling to the CardFooter slots based on the state.
package/lib/components/CardFooter/useCardFooterStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","cardFooterClassNames","root","action","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","d","useCardFooterStyles_unstable","state","styles","className"],"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n ...shorthands.gap('12px')\n },\n action: {\n marginLeft: 'auto'\n }\n});\n/**\n * Apply styling to the CardFooter slots based on the state.\n */ export const useCardFooterStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,MAAM,EAAE;AACZ,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAI,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAL,MAAA;IAAAM,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CASjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1BQ,KAAK,CAACV,IAAI,CAACY,SAAS,GAAGf,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;EACjG,IAAIF,KAAK,CAACT,MAAM,EAAE;IACdS,KAAK,CAACT,MAAM,CAACW,SAAS,GAAGf,YAAY,CAACE,oBAAoB,CAACE,MAAM,EAAEU,MAAM,CAACV,MAAM,EAAES,KAAK,CAACT,MAAM,CAACW,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","cardFooterClassNames","root","action","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useCardFooterStyles_unstable","state","styles","className"],"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n ...shorthands.gap('12px')\n },\n action: {\n marginLeft: 'auto',\n // when the card is selected or hovered, it has custom high contrast color and background styles\n // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n '@media (forced-colors: active)': {\n '& .fui-Button, & .fui-Link': {\n ...shorthands.borderColor('currentColor'),\n color: 'currentColor',\n outlineColor: 'currentColor'\n }\n }\n }\n});\n/**\n * Apply styling to the CardFooter slots based on the state.\n */ export const useCardFooterStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,MAAM,EAAE;AACZ,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAI,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAL,MAAA;IAAAM,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAkBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1Be,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGtB,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EACjG,IAAIF,KAAK,CAAChB,MAAM,EAAE;IACdgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,GAAGtB,YAAY,CAACE,oBAAoB,CAACE,MAAM,EAAEiB,MAAM,CAACjB,MAAM,EAAEgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC"}
package/lib/components/CardHeader/useCardHeaderStyles.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { __styles, mergeClasses } from '@griffel/react';
1
+ import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
2
  /**
3
3
  * Static CSS class names used internally for the component slots.
4
4
  */
@@ -41,10 +41,27 @@ const useStyles = /*#__PURE__*/__styles({
41
41
  action: {
42
42
  Frg6f3: ["f6yss9k", "fql5097"],
43
43
  Br312pm: "fis13di",
44
- Ijaq50: "fldnz9j"
44
+ Ijaq50: "fldnz9j",
45
+ B7frvx2: "f1ndzpm5",
46
+ B06c7xf: ["f1fkeggc", "f1u45u6i"],
47
+ B8uq84v: "f16eyofs",
48
+ snkdo8: ["f1u45u6i", "f1fkeggc"],
49
+ Bpf22ct: "f1wkmkig",
50
+ apjfyd: "f18alut9"
45
51
  }
46
52
  }, {
47
- d: [".fkufhic{--fui-CardHeader--gap:12px;}", ".f13qh94s{display:grid;}", ".f8a668j{grid-auto-columns:min-content 1fr min-content;}", ".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".fql5097{margin-right:var(--fui-CardHeader--gap);}", ".f6yss9k{margin-left:var(--fui-CardHeader--gap);}", ".fwpfdsa{grid-column-start:1;}", ".fldnz9j{grid-row-start:span 2;}", ".fd46tj4{grid-column-start:2;}", ".f16hsg94{grid-row-start:1;}", ".f22iagw{display:flex;}", ".faunodf{grid-row-start:2;}", ".fis13di{grid-column-start:3;}"]
53
+ d: [".fkufhic{--fui-CardHeader--gap:12px;}", ".f13qh94s{display:grid;}", ".f8a668j{grid-auto-columns:min-content 1fr min-content;}", ".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".fql5097{margin-right:var(--fui-CardHeader--gap);}", ".f6yss9k{margin-left:var(--fui-CardHeader--gap);}", ".fwpfdsa{grid-column-start:1;}", ".fldnz9j{grid-row-start:span 2;}", ".fd46tj4{grid-column-start:2;}", ".f16hsg94{grid-row-start:1;}", ".f22iagw{display:flex;}", ".faunodf{grid-row-start:2;}", ".fis13di{grid-column-start:3;}"],
54
+ m: [["@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}", {
55
+ m: "(forced-colors: active)"
56
+ }], ["@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}", {
57
+ m: "(forced-colors: active)"
58
+ }], ["@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}", {
59
+ m: "(forced-colors: active)"
60
+ }], ["@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}", {
61
+ m: "(forced-colors: active)"
62
+ }], ["@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}", {
63
+ m: "(forced-colors: active)"
64
+ }]]
48
65
  });
49
66
  /**
50
67
  * Apply styling to the CardHeader slots based on the state.
package/lib/components/CardHeader/useCardHeaderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","Bkc6ea2","mc9l5x","t4k1zu","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","useCardHeaderStyles_unstable","state","styles","className"],"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */ export const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = makeStyles({\n root: {\n [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n display: 'grid',\n gridAutoColumns: 'min-content 1fr min-content',\n alignItems: 'center'\n },\n image: {\n display: 'inline-flex',\n marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '1',\n gridRowStart: 'span 2'\n },\n header: {\n gridColumnStart: '2',\n gridRowStart: '1',\n display: 'flex'\n },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2',\n display: 'flex'\n },\n action: {\n marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '3',\n gridRowStart: 'span 2'\n }\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */ export const useCardHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,uBAAuB;EAC9BC,MAAM,EAAE,wBAAwB;EAChCC,WAAW,EAAE,6BAA6B;EAC1CC,MAAM,EAAE;AACZ,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,iBAAiB,GAAG;EACjCC,gBAAgB,EAAE;AACtB,CAAC;AACD,MAAMC,SAAS,gBAAGV,QAAA;EAAAG,IAAA;IAAAQ,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAV,KAAA;IAAAQ,MAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAZ,MAAA;IAAAW,OAAA;IAAAC,MAAA;IAAAL,MAAA;EAAA;EAAAN,WAAA;IAAAU,OAAA;IAAAC,MAAA;IAAAL,MAAA;EAAA;EAAAL,MAAA;IAAAW,MAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CA4BjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAAClB,IAAI,CAACoB,SAAS,GAAGtB,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAEkB,KAAK,CAAClB,IAAI,CAACoB,SAAS,CAAC;EACjG,IAAIF,KAAK,CAACjB,KAAK,EAAE;IACbiB,KAAK,CAACjB,KAAK,CAACmB,SAAS,GAAGtB,YAAY,CAACC,oBAAoB,CAACE,KAAK,EAAEkB,MAAM,CAAClB,KAAK,EAAEiB,KAAK,CAACjB,KAAK,CAACmB,SAAS,CAAC;EACzG;EACA,IAAIF,KAAK,CAAChB,MAAM,EAAE;IACdgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,GAAGtB,YAAY,CAACC,oBAAoB,CAACG,MAAM,EAAEiB,MAAM,CAACjB,MAAM,EAAEgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,CAAC;EAC7G;EACA,IAAIF,KAAK,CAACf,WAAW,EAAE;IACnBe,KAAK,CAACf,WAAW,CAACiB,SAAS,GAAGtB,YAAY,CAACC,oBAAoB,CAACI,WAAW,EAAEgB,MAAM,CAAChB,WAAW,EAAEe,KAAK,CAACf,WAAW,CAACiB,SAAS,CAAC;EACjI;EACA,IAAIF,KAAK,CAACd,MAAM,EAAE;IACdc,KAAK,CAACd,MAAM,CAACgB,SAAS,GAAGtB,YAAY,CAACC,oBAAoB,CAACK,MAAM,EAAEe,MAAM,CAACf,MAAM,EAAEc,KAAK,CAACd,MAAM,CAACgB,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","Bkc6ea2","mc9l5x","t4k1zu","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useCardHeaderStyles_unstable","state","styles","className"],"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */ export const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = makeStyles({\n root: {\n [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n display: 'grid',\n gridAutoColumns: 'min-content 1fr min-content',\n alignItems: 'center'\n },\n image: {\n display: 'inline-flex',\n marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '1',\n gridRowStart: 'span 2'\n },\n header: {\n gridColumnStart: '2',\n gridRowStart: '1',\n display: 'flex'\n },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2',\n display: 'flex'\n },\n action: {\n marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '3',\n gridRowStart: 'span 2',\n // when the card is selected or hovered, it has custom high contrast color and background styles\n // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n '@media (forced-colors: active)': {\n '& .fui-Button, & .fui-Link': {\n ...shorthands.borderColor('currentColor'),\n color: 'currentColor',\n outlineColor: 'currentColor'\n }\n }\n }\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */ export const useCardHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,uBAAuB;EAC9BC,MAAM,EAAE,wBAAwB;EAChCC,WAAW,EAAE,6BAA6B;EAC1CC,MAAM,EAAE;AACZ,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,iBAAiB,GAAG;EACjCC,gBAAgB,EAAE;AACtB,CAAC;AACD,MAAMC,SAAS,gBAAGX,QAAA;EAAAI,IAAA;IAAAQ,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAV,KAAA;IAAAQ,MAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAZ,MAAA;IAAAW,OAAA;IAAAC,MAAA;IAAAL,MAAA;EAAA;EAAAN,WAAA;IAAAU,OAAA;IAAAC,MAAA;IAAAL,MAAA;EAAA;EAAAL,MAAA;IAAAW,MAAA;IAAAF,OAAA;IAAAC,MAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAqCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1BkB,KAAK,CAACzB,IAAI,CAAC2B,SAAS,GAAG9B,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAE0B,MAAM,CAAC1B,IAAI,EAAEyB,KAAK,CAACzB,IAAI,CAAC2B,SAAS,CAAC;EACjG,IAAIF,KAAK,CAACxB,KAAK,EAAE;IACbwB,KAAK,CAACxB,KAAK,CAAC0B,SAAS,GAAG9B,YAAY,CAACE,oBAAoB,CAACE,KAAK,EAAEyB,MAAM,CAACzB,KAAK,EAAEwB,KAAK,CAACxB,KAAK,CAAC0B,SAAS,CAAC;EACzG;EACA,IAAIF,KAAK,CAACvB,MAAM,EAAE;IACduB,KAAK,CAACvB,MAAM,CAACyB,SAAS,GAAG9B,YAAY,CAACE,oBAAoB,CAACG,MAAM,EAAEwB,MAAM,CAACxB,MAAM,EAAEuB,KAAK,CAACvB,MAAM,CAACyB,SAAS,CAAC;EAC7G;EACA,IAAIF,KAAK,CAACtB,WAAW,EAAE;IACnBsB,KAAK,CAACtB,WAAW,CAACwB,SAAS,GAAG9B,YAAY,CAACE,oBAAoB,CAACI,WAAW,EAAEuB,MAAM,CAACvB,WAAW,EAAEsB,KAAK,CAACtB,WAAW,CAACwB,SAAS,CAAC;EACjI;EACA,IAAIF,KAAK,CAACrB,MAAM,EAAE;IACdqB,KAAK,CAACrB,MAAM,CAACuB,SAAS,GAAG9B,YAAY,CAACE,oBAAoB,CAACK,MAAM,EAAEsB,MAAM,CAACtB,MAAM,EAAEqB,KAAK,CAACrB,MAAM,CAACuB,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC"}
package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js CHANGED
@@ -32,7 +32,19 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
32
32
  Frg6f3: [
33
33
  "fcgxt0o",
34
34
  "f1ujusj6"
35
- ]
35
+ ],
36
+ B7frvx2: "f1ndzpm5",
37
+ B06c7xf: [
38
+ "f1fkeggc",
39
+ "f1u45u6i"
40
+ ],
41
+ B8uq84v: "f16eyofs",
42
+ snkdo8: [
43
+ "f1u45u6i",
44
+ "f1fkeggc"
45
+ ],
46
+ Bpf22ct: "f1wkmkig",
47
+ apjfyd: "f18alut9"
36
48
  }
37
49
  }, {
38
50
  d: [
@@ -42,6 +54,38 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
42
54
  ".fe5j3v{row-gap:12px;}",
43
55
  ".fcgxt0o{margin-left:auto;}",
44
56
  ".f1ujusj6{margin-right:auto;}"
57
+ ],
58
+ m: [
59
+ [
60
+ "@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}",
61
+ {
62
+ m: "(forced-colors: active)"
63
+ }
64
+ ],
65
+ [
66
+ "@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}",
67
+ {
68
+ m: "(forced-colors: active)"
69
+ }
70
+ ],
71
+ [
72
+ "@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}",
73
+ {
74
+ m: "(forced-colors: active)"
75
+ }
76
+ ],
77
+ [
78
+ "@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}",
79
+ {
80
+ m: "(forced-colors: active)"
81
+ }
82
+ ],
83
+ [
84
+ "@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}",
85
+ {
86
+ m: "(forced-colors: active)"
87
+ }
88
+ ]
45
89
  ]
46
90
  });
47
91
  const useCardFooterStyles_unstable = (state)=>{
package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: \"f4akndk\",\n Belr9w4: \"fe5j3v\"\n },\n action: {\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f4akndk{column-gap:12px;}\", \".fe5j3v{row-gap:12px;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\"]\n});\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardFooterStyles.styles.js.map"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAoBAC,4BAA4B;eAA5BA;;;uBAxBsC;AAI5C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,QAAQ;AACV;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA8B;QAA0B;QAA+B;KAAgC;AAC1L;AAIO,MAAMV,+BAA+BW,CAAAA;IAC1C,MAAMC,SAAST;IACfQ,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,qBAAqBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IAChG,IAAIF,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACf,qBAAqBG,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACW,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}
1
+ {"version":3,"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: \"f4akndk\",\n Belr9w4: \"fe5j3v\"\n },\n action: {\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n B7frvx2: \"f1ndzpm5\",\n B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n B8uq84v: \"f16eyofs\",\n snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n Bpf22ct: \"f1wkmkig\",\n apjfyd: \"f18alut9\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f4akndk{column-gap:12px;}\", \".fe5j3v{row-gap:12px;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\"],\n m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardFooterStyles.styles.js.map"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAqCAC,4BAA4B;eAA5BA;;;uBAzCsC;AAI5C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,QAAQ;AACV;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA8B;QAA0B;QAA+B;KAAgC;IACxLC,GAAG;QAAC;YAAC;YAA6G;gBAChHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyL;gBAC5LA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgH;gBACnHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkG;gBACrGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMjB,+BAA+BkB,CAAAA;IAC1C,MAAMC,SAAShB;IACfe,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAChG,IAAIF,MAAMhB,MAAM,EAAE;QAChBgB,MAAMhB,MAAM,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBG,MAAM,EAAEiB,OAAOjB,MAAM,EAAEgB,MAAMhB,MAAM,CAACkB,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}
package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js CHANGED
@@ -62,7 +62,19 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
62
62
  "fql5097"
63
63
  ],
64
64
  Br312pm: "fis13di",
65
- Ijaq50: "fldnz9j"
65
+ Ijaq50: "fldnz9j",
66
+ B7frvx2: "f1ndzpm5",
67
+ B06c7xf: [
68
+ "f1fkeggc",
69
+ "f1u45u6i"
70
+ ],
71
+ B8uq84v: "f16eyofs",
72
+ snkdo8: [
73
+ "f1u45u6i",
74
+ "f1fkeggc"
75
+ ],
76
+ Bpf22ct: "f1wkmkig",
77
+ apjfyd: "f18alut9"
66
78
  }
67
79
  }, {
68
80
  d: [
@@ -80,6 +92,38 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
80
92
  ".f22iagw{display:flex;}",
81
93
  ".faunodf{grid-row-start:2;}",
82
94
  ".fis13di{grid-column-start:3;}"
95
+ ],
96
+ m: [
97
+ [
98
+ "@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}",
99
+ {
100
+ m: "(forced-colors: active)"
101
+ }
102
+ ],
103
+ [
104
+ "@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}",
105
+ {
106
+ m: "(forced-colors: active)"
107
+ }
108
+ ],
109
+ [
110
+ "@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}",
111
+ {
112
+ m: "(forced-colors: active)"
113
+ }
114
+ ],
115
+ [
116
+ "@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}",
117
+ {
118
+ m: "(forced-colors: active)"
119
+ }
120
+ ],
121
+ [
122
+ "@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}",
123
+ {
124
+ m: "(forced-colors: active)"
125
+ }
126
+ ]
83
127
  ]
84
128
  });
85
129
  const useCardHeaderStyles_unstable = (state)=>{
package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\",\n Bt984gj: \"f122n59\"\n },\n image: {\n mc9l5x: \"ftuwxu6\",\n t21cq0: [\"fql5097\", \"f6yss9k\"],\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"fldnz9j\"\n },\n header: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\",\n mc9l5x: \"f22iagw\"\n },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\",\n mc9l5x: \"f22iagw\"\n },\n action: {\n Frg6f3: [\"f6yss9k\", \"fql5097\"],\n Br312pm: \"fis13di\",\n Ijaq50: \"fldnz9j\"\n }\n}, {\n d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".f22iagw{display:flex;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"]\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAUAC,iBAAiB;eAAjBA;;IAqCAC,4BAA4B;eAA5BA;;;uBAnD0B;AAIhC,MAAMF,uBAAuB;IAClCG,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACV;AAIO,MAAMN,oBAAoB;IAC/BO,kBAAkB;AACpB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,MAAM;QACJQ,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAV,OAAO;QACLQ,QAAQ;QACRG,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;IACV;IACAZ,QAAQ;QACNW,SAAS;QACTC,QAAQ;QACRL,QAAQ;IACV;IACAN,aAAa;QACXU,SAAS;QACTC,QAAQ;QACRL,QAAQ;IACV;IACAL,QAAQ;QACNW,QAAQ;YAAC;YAAW;SAAU;QAC9BF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAyC;QAA4B;QAA4D;QAAiC;QAAkC;QAAsD;QAAqD;QAAkC;QAAoC;QAAkC;QAAgC;QAA2B;QAA+B;KAAiC;AACxhB;AAIO,MAAMjB,+BAA+BkB,CAAAA;IAC1C,MAAMC,SAASZ;IACfW,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBG,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAChG,IAAIF,MAAMhB,KAAK,EAAE;QACfgB,MAAMhB,KAAK,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBI,KAAK,EAAEiB,OAAOjB,KAAK,EAAEgB,MAAMhB,KAAK,CAACkB,SAAS;IACtG;IACA,IAAIF,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBK,MAAM,EAAEgB,OAAOhB,MAAM,EAAEe,MAAMf,MAAM,CAACiB,SAAS;IAC1G;IACA,IAAIF,MAAMd,WAAW,EAAE;QACrBc,MAAMd,WAAW,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBM,WAAW,EAAEe,OAAOf,WAAW,EAAEc,MAAMd,WAAW,CAACgB,SAAS;IAC9H;IACA,IAAIF,MAAMb,MAAM,EAAE;QAChBa,MAAMb,MAAM,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBO,MAAM,EAAEc,OAAOd,MAAM,EAAEa,MAAMb,MAAM,CAACe,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}
1
+ {"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\",\n Bt984gj: \"f122n59\"\n },\n image: {\n mc9l5x: \"ftuwxu6\",\n t21cq0: [\"fql5097\", \"f6yss9k\"],\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"fldnz9j\"\n },\n header: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\",\n mc9l5x: \"f22iagw\"\n },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\",\n mc9l5x: \"f22iagw\"\n },\n action: {\n Frg6f3: [\"f6yss9k\", \"fql5097\"],\n Br312pm: \"fis13di\",\n Ijaq50: \"fldnz9j\",\n B7frvx2: \"f1ndzpm5\",\n B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n B8uq84v: \"f16eyofs\",\n snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n Bpf22ct: \"f1wkmkig\",\n apjfyd: \"f18alut9\"\n }\n}, {\n d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".f22iagw{display:flex;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"],\n m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAUAC,iBAAiB;eAAjBA;;IAsDAC,4BAA4B;eAA5BA;;;uBApEsC;AAI5C,MAAMF,uBAAuB;IAClCG,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACV;AAIO,MAAMN,oBAAoB;IAC/BO,kBAAkB;AACpB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,MAAM;QACJQ,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAV,OAAO;QACLQ,QAAQ;QACRG,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;IACV;IACAZ,QAAQ;QACNW,SAAS;QACTC,QAAQ;QACRL,QAAQ;IACV;IACAN,aAAa;QACXU,SAAS;QACTC,QAAQ;QACRL,QAAQ;IACV;IACAL,QAAQ;QACNW,QAAQ;YAAC;YAAW;SAAU;QAC9BF,SAAS;QACTC,QAAQ;QACRE,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAyC;QAA4B;QAA4D;QAAiC;QAAkC;QAAsD;QAAqD;QAAkC;QAAoC;QAAkC;QAAgC;QAA2B;QAA+B;KAAiC;IACthBC,GAAG;QAAC;YAAC;YAA6G;gBAChHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyL;gBAC5LA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgH;gBACnHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkG;gBACrGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMxB,+BAA+ByB,CAAAA;IAC1C,MAAMC,SAASnB;IACfkB,MAAMxB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,mBAAY,EAAC9B,qBAAqBG,IAAI,EAAEyB,OAAOzB,IAAI,EAAEwB,MAAMxB,IAAI,CAAC0B,SAAS;IAChG,IAAIF,MAAMvB,KAAK,EAAE;QACfuB,MAAMvB,KAAK,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC9B,qBAAqBI,KAAK,EAAEwB,OAAOxB,KAAK,EAAEuB,MAAMvB,KAAK,CAACyB,SAAS;IACtG;IACA,IAAIF,MAAMtB,MAAM,EAAE;QAChBsB,MAAMtB,MAAM,CAACwB,SAAS,GAAGC,IAAAA,mBAAY,EAAC9B,qBAAqBK,MAAM,EAAEuB,OAAOvB,MAAM,EAAEsB,MAAMtB,MAAM,CAACwB,SAAS;IAC1G;IACA,IAAIF,MAAMrB,WAAW,EAAE;QACrBqB,MAAMrB,WAAW,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC9B,qBAAqBM,WAAW,EAAEsB,OAAOtB,WAAW,EAAEqB,MAAMrB,WAAW,CAACuB,SAAS;IAC9H;IACA,IAAIF,MAAMpB,MAAM,EAAE;QAChBoB,MAAMpB,MAAM,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAAC9B,qBAAqBO,MAAM,EAAEqB,OAAOrB,MAAM,EAAEoB,MAAMpB,MAAM,CAACsB,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "9.0.73",
3
+ "version": "9.0.75",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -39,10 +39,10 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@fluentui/keyboard-keys": "^9.0.7",
42
- "@fluentui/react-tabster": "^9.19.6",
42
+ "@fluentui/react-tabster": "^9.20.1",
43
43
  "@fluentui/react-theme": "^9.1.19",
44
- "@fluentui/react-utilities": "^9.18.6",
45
- "@fluentui/react-jsx-runtime": "^9.0.35",
44
+ "@fluentui/react-utilities": "^9.18.7",
45
+ "@fluentui/react-jsx-runtime": "^9.0.36",
46
46
  "@griffel/react": "^1.5.14",
47
47
  "@swc/helpers": "^0.5.1"
48
48
  },