@fluentui/react-card 9.0.31 → 9.0.33

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.json CHANGED
@@ -2,7 +2,73 @@
2
2
  "name": "@fluentui/react-card",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 23 Aug 2023 11:58:32 GMT",
5
+ "date": "Tue, 29 Aug 2023 12:53:33 GMT",
6
+ "tag": "@fluentui/react-card_v9.0.33",
7
+ "version": "9.0.33",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "marcosvmmoura@gmail.com",
12
+ "package": "@fluentui/react-card",
13
+ "commit": "727a5dfc487ff37a26fa37226319dbe80eb02fcb",
14
+ "comment": "fix: CardHeader grid layout ignoring line-height of content"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-card",
19
+ "comment": "Bump @fluentui/react-tabster to v9.12.5",
20
+ "commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-card",
25
+ "comment": "Bump @fluentui/react-utilities to v9.13.0",
26
+ "commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-card",
31
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.3",
32
+ "commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Thu, 24 Aug 2023 10:26:32 GMT",
39
+ "tag": "@fluentui/react-card_v9.0.32",
40
+ "version": "9.0.32",
41
+ "comments": {
42
+ "patch": [
43
+ {
44
+ "author": "marcosvmmoura@gmail.com",
45
+ "package": "@fluentui/react-card",
46
+ "commit": "44789c103b2c4a05c026c72f4a594a291fdb0141",
47
+ "comment": "docs: improve storybook and examples to better align with design guidelines"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui/react-card",
52
+ "comment": "Bump @fluentui/react-tabster to v9.12.4",
53
+ "commit": "3f6c5a749ef403c06b9c9e753df9afbb84a2ecb5"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-card",
58
+ "comment": "Bump @fluentui/react-utilities to v9.12.0",
59
+ "commit": "3f6c5a749ef403c06b9c9e753df9afbb84a2ecb5"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-card",
64
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.2",
65
+ "commit": "3f6c5a749ef403c06b9c9e753df9afbb84a2ecb5"
66
+ }
67
+ ]
68
+ }
69
+ },
70
+ {
71
+ "date": "Wed, 23 Aug 2023 12:01:49 GMT",
6
72
  "tag": "@fluentui/react-card_v9.0.31",
7
73
  "version": "9.0.31",
8
74
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,36 @@
1
1
  # Change Log - @fluentui/react-card
2
2
 
3
- This log was last generated on Wed, 23 Aug 2023 11:58:32 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 29 Aug 2023 12:53:33 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.33)
8
+
9
+ Tue, 29 Aug 2023 12:53:33 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.32..@fluentui/react-card_v9.0.33)
11
+
12
+ ### Patches
13
+
14
+ - fix: CardHeader grid layout ignoring line-height of content ([PR #28968](https://github.com/microsoft/fluentui/pull/28968) by marcosvmmoura@gmail.com)
15
+ - Bump @fluentui/react-tabster to v9.12.5 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.13.0 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.3 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
18
+
19
+ ## [9.0.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.32)
20
+
21
+ Thu, 24 Aug 2023 10:26:32 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.31..@fluentui/react-card_v9.0.32)
23
+
24
+ ### Patches
25
+
26
+ - docs: improve storybook and examples to better align with design guidelines ([PR #28969](https://github.com/microsoft/fluentui/pull/28969) by marcosvmmoura@gmail.com)
27
+ - Bump @fluentui/react-tabster to v9.12.4 ([PR #28973](https://github.com/microsoft/fluentui/pull/28973) by beachball)
28
+ - Bump @fluentui/react-utilities to v9.12.0 ([PR #28973](https://github.com/microsoft/fluentui/pull/28973) by beachball)
29
+ - Bump @fluentui/react-jsx-runtime to v9.0.2 ([PR #28973](https://github.com/microsoft/fluentui/pull/28973) by beachball)
30
+
7
31
  ## [9.0.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.31)
8
32
 
9
- Wed, 23 Aug 2023 11:58:32 GMT
33
+ Wed, 23 Aug 2023 12:01:49 GMT
10
34
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.30..@fluentui/react-card_v9.0.31)
11
35
 
12
36
  ### Patches
package/README.md CHANGED
@@ -41,7 +41,7 @@ const App = () => (
41
41
  <CardPreview
42
42
  logo={
43
43
  <img
44
- src="https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/assets/word_logo.svg"
44
+ src="https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/assets/docx.png"
45
45
  alt="Microsoft Word logo"
46
46
  />
47
47
  }
@@ -20,7 +20,6 @@ const useStyles = /*#__PURE__*/__styles({
20
20
  Bkc6ea2: "fkufhic",
21
21
  mc9l5x: "f13qh94s",
22
22
  t4k1zu: "f8a668j",
23
- v29qe6: "f4h39za",
24
23
  Bt984gj: "f122n59"
25
24
  },
26
25
  image: {
@@ -31,11 +30,13 @@ const useStyles = /*#__PURE__*/__styles({
31
30
  },
32
31
  header: {
33
32
  Br312pm: "fd46tj4",
34
- Ijaq50: "f16hsg94"
33
+ Ijaq50: "f16hsg94",
34
+ mc9l5x: "f22iagw"
35
35
  },
36
36
  description: {
37
37
  Br312pm: "fd46tj4",
38
- Ijaq50: "faunodf"
38
+ Ijaq50: "faunodf",
39
+ mc9l5x: "f22iagw"
39
40
  },
40
41
  action: {
41
42
  Frg6f3: ["f6yss9k", "fql5097"],
@@ -43,7 +44,7 @@ const useStyles = /*#__PURE__*/__styles({
43
44
  Ijaq50: "fldnz9j"
44
45
  }
45
46
  }, {
46
- d: [".fkufhic{--fui-CardHeader--gap:12px;}", ".f13qh94s{display:grid;}", ".f8a668j{grid-auto-columns:min-content 1fr min-content;}", ".f4h39za{grid-auto-rows: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;}", ".faunodf{grid-row-start:2;}", ".fis13di{grid-column-start:3;}"]
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;}"]
47
48
  });
48
49
  /**
49
50
  * Apply styling to the CardHeader slots based on the state.
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","Bkc6ea2","mc9l5x","t4k1zu","v29qe6","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 gridAutoRows: '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 },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2'\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,MAAA;IAAAC,OAAA;EAAA;EAAAX,KAAA;IAAAQ,MAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAb,MAAA;IAAAY,OAAA;IAAAC,MAAA;EAAA;EAAAZ,WAAA;IAAAW,OAAA;IAAAC,MAAA;EAAA;EAAAX,MAAA;IAAAY,MAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CA2BjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1BY,KAAK,CAACnB,IAAI,CAACqB,SAAS,GAAGvB,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEoB,MAAM,CAACpB,IAAI,EAAEmB,KAAK,CAACnB,IAAI,CAACqB,SAAS,CAAC;EACjG,IAAIF,KAAK,CAAClB,KAAK,EAAE;IACbkB,KAAK,CAAClB,KAAK,CAACoB,SAAS,GAAGvB,YAAY,CAACC,oBAAoB,CAACE,KAAK,EAAEmB,MAAM,CAACnB,KAAK,EAAEkB,KAAK,CAAClB,KAAK,CAACoB,SAAS,CAAC;EACzG;EACA,IAAIF,KAAK,CAACjB,MAAM,EAAE;IACdiB,KAAK,CAACjB,MAAM,CAACmB,SAAS,GAAGvB,YAAY,CAACC,oBAAoB,CAACG,MAAM,EAAEkB,MAAM,CAAClB,MAAM,EAAEiB,KAAK,CAACjB,MAAM,CAACmB,SAAS,CAAC;EAC7G;EACA,IAAIF,KAAK,CAAChB,WAAW,EAAE;IACnBgB,KAAK,CAAChB,WAAW,CAACkB,SAAS,GAAGvB,YAAY,CAACC,oBAAoB,CAACI,WAAW,EAAEiB,MAAM,CAACjB,WAAW,EAAEgB,KAAK,CAAChB,WAAW,CAACkB,SAAS,CAAC;EACjI;EACA,IAAIF,KAAK,CAACf,MAAM,EAAE;IACde,KAAK,CAACf,MAAM,CAACiB,SAAS,GAAGvB,YAAY,CAACC,oBAAoB,CAACK,MAAM,EAAEgB,MAAM,CAAChB,MAAM,EAAEe,KAAK,CAACf,MAAM,CAACiB,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC"}
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"}
@@ -29,7 +29,6 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
29
29
  Bkc6ea2: "fkufhic",
30
30
  mc9l5x: "f13qh94s",
31
31
  t4k1zu: "f8a668j",
32
- v29qe6: "f4h39za",
33
32
  Bt984gj: "f122n59"
34
33
  },
35
34
  image: {
@@ -43,11 +42,13 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
43
42
  },
44
43
  header: {
45
44
  Br312pm: "fd46tj4",
46
- Ijaq50: "f16hsg94"
45
+ Ijaq50: "f16hsg94",
46
+ mc9l5x: "f22iagw"
47
47
  },
48
48
  description: {
49
49
  Br312pm: "fd46tj4",
50
- Ijaq50: "faunodf"
50
+ Ijaq50: "faunodf",
51
+ mc9l5x: "f22iagw"
51
52
  },
52
53
  action: {
53
54
  Frg6f3: [
@@ -62,7 +63,6 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
62
63
  ".fkufhic{--fui-CardHeader--gap:12px;}",
63
64
  ".f13qh94s{display:grid;}",
64
65
  ".f8a668j{grid-auto-columns:min-content 1fr min-content;}",
65
- ".f4h39za{grid-auto-rows:1fr min-content;}",
66
66
  ".f122n59{align-items:center;}",
67
67
  ".ftuwxu6{display:inline-flex;}",
68
68
  ".fql5097{margin-right:var(--fui-CardHeader--gap);}",
@@ -71,6 +71,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
71
71
  ".fldnz9j{grid-row-start:span 2;}",
72
72
  ".fd46tj4{grid-column-start:2;}",
73
73
  ".f16hsg94{grid-row-start:1;}",
74
+ ".f22iagw{display:flex;}",
74
75
  ".faunodf{grid-row-start:2;}",
75
76
  ".fis13di{grid-column-start:3;}"
76
77
  ]
@@ -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 v29qe6: \"f4h39za\",\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 },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\"\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;}\", \".f4h39za{grid-auto-rows: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;}\", \".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","v29qe6","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB,MAApBA;IAUAC,iBAAiB,MAAjBA;IAoCAC,4BAA4B,MAA5BA;;uBAlD0B;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,kBAAQ,EAAC;IACtCP,MAAM;QACJQ,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAX,OAAO;QACLQ,QAAQ;QACRI,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;IACV;IACAb,QAAQ;QACNY,SAAS;QACTC,QAAQ;IACV;IACAZ,aAAa;QACXW,SAAS;QACTC,QAAQ;IACV;IACAX,QAAQ;QACNY,QAAQ;YAAC;YAAW;SAAU;QAC9BF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAyC;QAA4B;QAA4D;QAA6C;QAAiC;QAAkC;QAAsD;QAAqD;QAAkC;QAAoC;QAAkC;QAAgC;QAA+B;KAAiC;AAC1iB;AAIO,MAAMlB,+BAA+BmB,CAAAA,QAAS;IACnD,MAAMC,SAASb;IACfY,MAAMlB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBG,IAAI,EAAEmB,OAAOnB,IAAI,EAAEkB,MAAMlB,IAAI,CAACoB,SAAS;IAChG,IAAIF,MAAMjB,KAAK,EAAE;QACfiB,MAAMjB,KAAK,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBI,KAAK,EAAEkB,OAAOlB,KAAK,EAAEiB,MAAMjB,KAAK,CAACmB,SAAS;IACtG,CAAC;IACD,IAAIF,MAAMhB,MAAM,EAAE;QAChBgB,MAAMhB,MAAM,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBK,MAAM,EAAEiB,OAAOjB,MAAM,EAAEgB,MAAMhB,MAAM,CAACkB,SAAS;IAC1G,CAAC;IACD,IAAIF,MAAMf,WAAW,EAAE;QACrBe,MAAMf,WAAW,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBM,WAAW,EAAEgB,OAAOhB,WAAW,EAAEe,MAAMf,WAAW,CAACiB,SAAS;IAC9H,CAAC;IACD,IAAIF,MAAMd,MAAM,EAAE;QAChBc,MAAMd,MAAM,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBO,MAAM,EAAEe,OAAOf,MAAM,EAAEc,MAAMd,MAAM,CAACgB,SAAS;IAC1G,CAAC;IACD,OAAOF;AACT,GACA,sDAAsD"}
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,MAApBA;IAUAC,iBAAiB,MAAjBA;IAqCAC,4BAA4B,MAA5BA;;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,kBAAQ,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,QAAS;IACnD,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,CAAC;IACD,IAAIF,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBK,MAAM,EAAEgB,OAAOhB,MAAM,EAAEe,MAAMf,MAAM,CAACiB,SAAS;IAC1G,CAAC;IACD,IAAIF,MAAMd,WAAW,EAAE;QACrBc,MAAMd,WAAW,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBM,WAAW,EAAEe,OAAOf,WAAW,EAAEc,MAAMd,WAAW,CAACgB,SAAS;IAC9H,CAAC;IACD,IAAIF,MAAMb,MAAM,EAAE;QAChBa,MAAMb,MAAM,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBO,MAAM,EAAEc,OAAOd,MAAM,EAAEa,MAAMb,MAAM,CAACe,SAAS;IAC1G,CAAC;IACD,OAAOF;AACT,GACA,sDAAsD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "9.0.31",
3
+ "version": "9.0.33",
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.3",
42
- "@fluentui/react-tabster": "^9.12.3",
42
+ "@fluentui/react-tabster": "^9.12.5",
43
43
  "@fluentui/react-theme": "^9.1.11",
44
- "@fluentui/react-utilities": "^9.11.2",
45
- "@fluentui/react-jsx-runtime": "^9.0.1",
44
+ "@fluentui/react-utilities": "^9.13.0",
45
+ "@fluentui/react-jsx-runtime": "^9.0.3",
46
46
  "@griffel/react": "^1.5.14",
47
47
  "@swc/helpers": "^0.4.14"
48
48
  },