@fluentui/react-card 9.0.0-beta.10 → 9.0.0-beta.13

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 (87) hide show
  1. package/CHANGELOG.json +161 -1
  2. package/CHANGELOG.md +78 -38
  3. package/dist/{react-card.d.ts → index.d.ts} +21 -0
  4. package/{lib → dist}/tsdoc-metadata.json +0 -0
  5. package/lib/components/Card/useCardStyles.js +9 -2
  6. package/lib/components/Card/useCardStyles.js.map +1 -1
  7. package/lib/components/CardFooter/useCardFooterStyles.js +10 -2
  8. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  9. package/lib/components/CardHeader/useCardHeader.js +2 -3
  10. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  11. package/lib/components/CardHeader/useCardHeaderStyles.js +27 -3
  12. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  13. package/lib/components/CardPreview/useCardPreviewStyles.js +10 -2
  14. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  15. package/lib/index.js +5 -4
  16. package/lib/index.js.map +1 -1
  17. package/lib-commonjs/components/Card/useCardStyles.js +9 -2
  18. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  19. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +11 -3
  20. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  21. package/lib-commonjs/components/CardHeader/useCardHeader.js +2 -4
  22. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  23. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +28 -4
  24. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  25. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +11 -3
  26. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  27. package/lib-commonjs/index.js +153 -5
  28. package/lib-commonjs/index.js.map +1 -1
  29. package/package.json +11 -21
  30. package/lib/Card.d.ts +0 -1
  31. package/lib/CardFooter.d.ts +0 -1
  32. package/lib/CardHeader.d.ts +0 -1
  33. package/lib/CardPreview.d.ts +0 -1
  34. package/lib/components/Card/Card.d.ts +0 -6
  35. package/lib/components/Card/Card.types.d.ts +0 -15
  36. package/lib/components/Card/index.d.ts +0 -5
  37. package/lib/components/Card/renderCard.d.ts +0 -5
  38. package/lib/components/Card/useCard.d.ts +0 -12
  39. package/lib/components/Card/useCardStyles.d.ts +0 -6
  40. package/lib/components/CardFooter/CardFooter.d.ts +0 -6
  41. package/lib/components/CardFooter/CardFooter.types.d.ts +0 -13
  42. package/lib/components/CardFooter/index.d.ts +0 -5
  43. package/lib/components/CardFooter/renderCardFooter.d.ts +0 -5
  44. package/lib/components/CardFooter/useCardFooter.d.ts +0 -12
  45. package/lib/components/CardFooter/useCardFooterStyles.d.ts +0 -6
  46. package/lib/components/CardHeader/CardHeader.d.ts +0 -6
  47. package/lib/components/CardHeader/CardHeader.types.d.ts +0 -17
  48. package/lib/components/CardHeader/index.d.ts +0 -5
  49. package/lib/components/CardHeader/renderCardHeader.d.ts +0 -5
  50. package/lib/components/CardHeader/useCardHeader.d.ts +0 -12
  51. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +0 -6
  52. package/lib/components/CardPreview/CardPreview.d.ts +0 -6
  53. package/lib/components/CardPreview/CardPreview.types.d.ts +0 -13
  54. package/lib/components/CardPreview/index.d.ts +0 -5
  55. package/lib/components/CardPreview/renderCardPreview.d.ts +0 -5
  56. package/lib/components/CardPreview/useCardPreview.d.ts +0 -12
  57. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +0 -6
  58. package/lib/index.d.ts +0 -4
  59. package/lib-commonjs/Card.d.ts +0 -1
  60. package/lib-commonjs/CardFooter.d.ts +0 -1
  61. package/lib-commonjs/CardHeader.d.ts +0 -1
  62. package/lib-commonjs/CardPreview.d.ts +0 -1
  63. package/lib-commonjs/components/Card/Card.d.ts +0 -6
  64. package/lib-commonjs/components/Card/Card.types.d.ts +0 -15
  65. package/lib-commonjs/components/Card/index.d.ts +0 -5
  66. package/lib-commonjs/components/Card/renderCard.d.ts +0 -5
  67. package/lib-commonjs/components/Card/useCard.d.ts +0 -12
  68. package/lib-commonjs/components/Card/useCardStyles.d.ts +0 -6
  69. package/lib-commonjs/components/CardFooter/CardFooter.d.ts +0 -6
  70. package/lib-commonjs/components/CardFooter/CardFooter.types.d.ts +0 -13
  71. package/lib-commonjs/components/CardFooter/index.d.ts +0 -5
  72. package/lib-commonjs/components/CardFooter/renderCardFooter.d.ts +0 -5
  73. package/lib-commonjs/components/CardFooter/useCardFooter.d.ts +0 -12
  74. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +0 -6
  75. package/lib-commonjs/components/CardHeader/CardHeader.d.ts +0 -6
  76. package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts +0 -17
  77. package/lib-commonjs/components/CardHeader/index.d.ts +0 -5
  78. package/lib-commonjs/components/CardHeader/renderCardHeader.d.ts +0 -5
  79. package/lib-commonjs/components/CardHeader/useCardHeader.d.ts +0 -12
  80. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +0 -6
  81. package/lib-commonjs/components/CardPreview/CardPreview.d.ts +0 -6
  82. package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts +0 -13
  83. package/lib-commonjs/components/CardPreview/index.d.ts +0 -5
  84. package/lib-commonjs/components/CardPreview/renderCardPreview.d.ts +0 -5
  85. package/lib-commonjs/components/CardPreview/useCardPreview.d.ts +0 -12
  86. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +0 -6
  87. package/lib-commonjs/index.d.ts +0 -4
package/CHANGELOG.json CHANGED
@@ -2,7 +2,167 @@
2
2
  "name": "@fluentui/react-card",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 04 Mar 2022 05:15:49 GMT",
5
+ "date": "Wed, 04 May 2022 13:24:06 GMT",
6
+ "tag": "@fluentui/react-card_v9.0.0-beta.13",
7
+ "version": "9.0.0-beta.13",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "tristan.watanabe@gmail.com",
12
+ "package": "@fluentui/react-card",
13
+ "commit": "b8dde556ff82051c140074a3140e83bfdd56f4dc",
14
+ "comment": "react-card: Move to new common folder."
15
+ }
16
+ ],
17
+ "prerelease": [
18
+ {
19
+ "author": "martinhochel@microsoft.com",
20
+ "package": "@fluentui/react-card",
21
+ "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b",
22
+ "comment": "feat: ship rolluped only dts"
23
+ },
24
+ {
25
+ "author": "beachball",
26
+ "package": "@fluentui/react-card",
27
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7",
28
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
29
+ },
30
+ {
31
+ "author": "beachball",
32
+ "package": "@fluentui/react-card",
33
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8",
34
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
35
+ },
36
+ {
37
+ "author": "beachball",
38
+ "package": "@fluentui/react-card",
39
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6",
40
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
41
+ },
42
+ {
43
+ "author": "beachball",
44
+ "package": "@fluentui/react-card",
45
+ "comment": "Bump @fluentui/react-text to v9.0.0-rc.7",
46
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
47
+ },
48
+ {
49
+ "author": "beachball",
50
+ "package": "@fluentui/react-card",
51
+ "comment": "Bump @fluentui/react-button to v9.0.0-rc.8",
52
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
53
+ }
54
+ ]
55
+ }
56
+ },
57
+ {
58
+ "date": "Mon, 25 Apr 2022 09:32:19 GMT",
59
+ "tag": "@fluentui/react-card_v9.0.0-beta.12",
60
+ "version": "9.0.0-beta.12",
61
+ "comments": {
62
+ "prerelease": [
63
+ {
64
+ "author": "beachball",
65
+ "package": "@fluentui/react-card",
66
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.7",
67
+ "commit": "02ca1d3c198452c1693067f5f18bd01b2ed5d6e6"
68
+ },
69
+ {
70
+ "author": "beachball",
71
+ "package": "@fluentui/react-card",
72
+ "comment": "Bump @fluentui/react-button to v9.0.0-rc.7",
73
+ "commit": "02ca1d3c198452c1693067f5f18bd01b2ed5d6e6"
74
+ }
75
+ ]
76
+ }
77
+ },
78
+ {
79
+ "date": "Tue, 19 Apr 2022 19:17:14 GMT",
80
+ "tag": "@fluentui/react-card_v9.0.0-beta.11",
81
+ "version": "9.0.0-beta.11",
82
+ "comments": {
83
+ "none": [
84
+ {
85
+ "author": "mgodbolt@microsoft.com",
86
+ "package": "@fluentui/react-card",
87
+ "commit": "905e46db07ada986fd7885531f72a71b7bbaabdc",
88
+ "comment": {
89
+ "title": "",
90
+ "value": ""
91
+ }
92
+ },
93
+ {
94
+ "author": "elcraig@microsoft.com",
95
+ "package": "@fluentui/react-card",
96
+ "commit": "b7f17e976f9e058f39c9fce4f0f9bb6eb4dfa577",
97
+ "comment": "Update React dev deps and hoist them to the repo root"
98
+ },
99
+ {
100
+ "author": "39736248+andrefcdias@users.noreply.github.com",
101
+ "package": "@fluentui/react-card",
102
+ "commit": "d07a94aa25cf00c471a17883bd53f71fc1dc4d25",
103
+ "comment": "Cleanup of Card storybook"
104
+ },
105
+ {
106
+ "author": "martinhochel@microsoft.com",
107
+ "package": "@fluentui/react-card",
108
+ "commit": "320b8bbba1e498c65d011f3fae09dee98e7a11bb",
109
+ "comment": "refactor: autofix no export star at index file for cxe-prg packages"
110
+ }
111
+ ],
112
+ "prerelease": [
113
+ {
114
+ "author": "olfedias@microsoft.com",
115
+ "package": "@fluentui/react-card",
116
+ "commit": "e569d6e04d83cbcc6225e61db52ff81d2addd363",
117
+ "comment": "chore: Update Griffel to latest version"
118
+ },
119
+ {
120
+ "author": "seanmonahan@microsoft.com",
121
+ "package": "@fluentui/react-card",
122
+ "commit": "086a675fd0c648944ff4048450190a0a13467de3",
123
+ "comment": "Add static classnames to Card"
124
+ },
125
+ {
126
+ "author": "beachball",
127
+ "package": "@fluentui/react-card",
128
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.6",
129
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
130
+ },
131
+ {
132
+ "author": "beachball",
133
+ "package": "@fluentui/react-card",
134
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.6",
135
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
136
+ },
137
+ {
138
+ "author": "beachball",
139
+ "package": "@fluentui/react-card",
140
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.5",
141
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
142
+ },
143
+ {
144
+ "author": "beachball",
145
+ "package": "@fluentui/react-card",
146
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4",
147
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
148
+ },
149
+ {
150
+ "author": "beachball",
151
+ "package": "@fluentui/react-card",
152
+ "comment": "Bump @fluentui/react-text to v9.0.0-rc.6",
153
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
154
+ },
155
+ {
156
+ "author": "beachball",
157
+ "package": "@fluentui/react-card",
158
+ "comment": "Bump @fluentui/react-button to v9.0.0-rc.6",
159
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
160
+ }
161
+ ]
162
+ }
163
+ },
164
+ {
165
+ "date": "Fri, 04 Mar 2022 05:17:35 GMT",
6
166
  "tag": "@fluentui/react-card_v9.0.0-beta.10",
7
167
  "version": "9.0.0-beta.10",
8
168
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,52 @@
1
1
  # Change Log - @fluentui/react-card
2
2
 
3
- This log was last generated on Fri, 04 Mar 2022 05:15:49 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 04 May 2022 13:24:06 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.13)
8
+
9
+ Wed, 04 May 2022 13:24:06 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.12..@fluentui/react-card_v9.0.0-beta.13)
11
+
12
+ ### Changes
13
+
14
+ - feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com)
15
+ - Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
16
+ - Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
17
+ - Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
18
+ - Bump @fluentui/react-text to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
19
+ - Bump @fluentui/react-button to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
20
+
21
+ ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.12)
22
+
23
+ Mon, 25 Apr 2022 09:32:19 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.11..@fluentui/react-card_v9.0.0-beta.12)
25
+
26
+ ### Changes
27
+
28
+ - Bump @fluentui/react-tabster to v9.0.0-rc.7 ([PR #22601](https://github.com/microsoft/fluentui/pull/22601) by beachball)
29
+ - Bump @fluentui/react-button to v9.0.0-rc.7 ([PR #22601](https://github.com/microsoft/fluentui/pull/22601) by beachball)
30
+
31
+ ## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.11)
32
+
33
+ Tue, 19 Apr 2022 19:17:14 GMT
34
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.10..@fluentui/react-card_v9.0.0-beta.11)
35
+
36
+ ### Changes
37
+
38
+ - chore: Update Griffel to latest version ([PR #21976](https://github.com/microsoft/fluentui/pull/21976) by olfedias@microsoft.com)
39
+ - Add static classnames to Card ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
40
+ - Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
41
+ - Bump @fluentui/react-tabster to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
42
+ - Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
43
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
44
+ - Bump @fluentui/react-text to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
45
+ - Bump @fluentui/react-button to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
46
+
7
47
  ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.10)
8
48
 
9
- Fri, 04 Mar 2022 05:15:49 GMT
49
+ Fri, 04 Mar 2022 05:17:35 GMT
10
50
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.9..@fluentui/react-card_v9.0.0-beta.10)
11
51
 
12
52
  ### Changes
@@ -20,7 +60,7 @@ Fri, 04 Mar 2022 05:15:49 GMT
20
60
 
21
61
  ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.9)
22
62
 
23
- Tue, 01 Mar 2022 02:17:35 GMT
63
+ Tue, 01 Mar 2022 02:17:35 GMT
24
64
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.8..@fluentui/react-card_v9.0.0-beta.9)
25
65
 
26
66
  ### Changes
@@ -33,7 +73,7 @@ Tue, 01 Mar 2022 02:17:35 GMT
33
73
 
34
74
  ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.8)
35
75
 
36
- Fri, 18 Feb 2022 13:35:29 GMT
76
+ Fri, 18 Feb 2022 13:35:29 GMT
37
77
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.6..@fluentui/react-card_v9.0.0-beta.8)
38
78
 
39
79
  ### Changes
@@ -49,7 +89,7 @@ Fri, 18 Feb 2022 13:35:29 GMT
49
89
 
50
90
  ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.6)
51
91
 
52
- Thu, 10 Feb 2022 08:51:52 GMT
92
+ Thu, 10 Feb 2022 08:51:52 GMT
53
93
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.5..@fluentui/react-card_v9.0.0-beta.6)
54
94
 
55
95
  ### Changes
@@ -59,7 +99,7 @@ Thu, 10 Feb 2022 08:51:52 GMT
59
99
  - react-card: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21040](https://github.com/microsoft/fluentui/pull/21040) by Humberto.Morimoto@microsoft.com)
60
100
  - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
61
101
  - Remove empty CardCommons type and outdated boilerplate comments ([PR #21150](https://github.com/microsoft/fluentui/pull/21150) by elcraig@microsoft.com)
62
- - BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
102
+ - BREAKING: Rename component hooks add the suffix \_unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
63
103
  - use Griffel packages ([PR #21417](https://github.com/microsoft/fluentui/pull/21417) by olfedias@microsoft.com)
64
104
  - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
65
105
  - update styles no not use CSS shorthands ([PR #20794](https://github.com/microsoft/fluentui/pull/20794) by olfedias@microsoft.com)
@@ -72,7 +112,7 @@ Thu, 10 Feb 2022 08:51:52 GMT
72
112
 
73
113
  ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.5)
74
114
 
75
- Thu, 25 Nov 2021 08:34:12 GMT
115
+ Thu, 25 Nov 2021 08:34:12 GMT
76
116
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.4..@fluentui/react-card_v9.0.0-beta.5)
77
117
 
78
118
  ### Changes
@@ -89,7 +129,7 @@ Thu, 25 Nov 2021 08:34:12 GMT
89
129
 
90
130
  ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.4)
91
131
 
92
- Fri, 12 Nov 2021 13:25:17 GMT
132
+ Fri, 12 Nov 2021 13:25:17 GMT
93
133
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.3..@fluentui/react-card_v9.0.0-beta.4)
94
134
 
95
135
  ### Changes
@@ -107,7 +147,7 @@ Fri, 12 Nov 2021 13:25:17 GMT
107
147
 
108
148
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.3)
109
149
 
110
- Wed, 27 Oct 2021 12:14:15 GMT
150
+ Wed, 27 Oct 2021 12:14:15 GMT
111
151
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.2..@fluentui/react-card_v9.0.0-beta.3)
112
152
 
113
153
  ### Changes
@@ -124,7 +164,7 @@ Wed, 27 Oct 2021 12:14:15 GMT
124
164
 
125
165
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.2)
126
166
 
127
- Tue, 12 Oct 2021 19:45:58 GMT
167
+ Tue, 12 Oct 2021 19:45:58 GMT
128
168
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.1..@fluentui/react-card_v9.0.0-beta.2)
129
169
 
130
170
  ### Changes
@@ -136,7 +176,7 @@ Tue, 12 Oct 2021 19:45:58 GMT
136
176
 
137
177
  ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.1)
138
178
 
139
- Wed, 06 Oct 2021 10:37:22 GMT
179
+ Wed, 06 Oct 2021 10:37:22 GMT
140
180
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.18..@fluentui/react-card_v9.0.0-beta.1)
141
181
 
142
182
  ### Changes
@@ -152,7 +192,7 @@ Wed, 06 Oct 2021 10:37:22 GMT
152
192
 
153
193
  ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.18)
154
194
 
155
- Tue, 05 Oct 2021 12:47:58 GMT
195
+ Tue, 05 Oct 2021 12:47:58 GMT
156
196
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.17..@fluentui/react-card_v9.0.0-alpha.18)
157
197
 
158
198
  ### Changes
@@ -166,7 +206,7 @@ Tue, 05 Oct 2021 12:47:58 GMT
166
206
 
167
207
  ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.17)
168
208
 
169
- Tue, 05 Oct 2021 09:28:07 GMT
209
+ Tue, 05 Oct 2021 09:28:07 GMT
170
210
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.16..@fluentui/react-card_v9.0.0-alpha.17)
171
211
 
172
212
  ### Changes
@@ -182,7 +222,7 @@ Tue, 05 Oct 2021 09:28:07 GMT
182
222
 
183
223
  ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.16)
184
224
 
185
- Mon, 04 Oct 2021 08:03:04 GMT
225
+ Mon, 04 Oct 2021 08:03:04 GMT
186
226
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.15..@fluentui/react-card_v9.0.0-alpha.16)
187
227
 
188
228
  ### Changes
@@ -191,7 +231,7 @@ Mon, 04 Oct 2021 08:03:04 GMT
191
231
 
192
232
  ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.15)
193
233
 
194
- Fri, 01 Oct 2021 14:13:08 GMT
234
+ Fri, 01 Oct 2021 14:13:08 GMT
195
235
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.13..@fluentui/react-card_v9.0.0-alpha.15)
196
236
 
197
237
  ### Changes
@@ -207,7 +247,7 @@ Fri, 01 Oct 2021 14:13:08 GMT
207
247
 
208
248
  ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.13)
209
249
 
210
- Fri, 01 Oct 2021 12:30:46 GMT
250
+ Fri, 01 Oct 2021 12:30:46 GMT
211
251
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.12..@fluentui/react-card_v9.0.0-alpha.13)
212
252
 
213
253
  ### Changes
@@ -216,7 +256,7 @@ Fri, 01 Oct 2021 12:30:46 GMT
216
256
 
217
257
  ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.12)
218
258
 
219
- Fri, 01 Oct 2021 09:44:56 GMT
259
+ Fri, 01 Oct 2021 09:44:56 GMT
220
260
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.11..@fluentui/react-card_v9.0.0-alpha.12)
221
261
 
222
262
  ### Changes
@@ -225,7 +265,7 @@ Fri, 01 Oct 2021 09:44:56 GMT
225
265
 
226
266
  ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.11)
227
267
 
228
- Thu, 30 Sep 2021 09:18:15 GMT
268
+ Thu, 30 Sep 2021 09:18:15 GMT
229
269
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.10..@fluentui/react-card_v9.0.0-alpha.11)
230
270
 
231
271
  ### Changes
@@ -234,7 +274,7 @@ Thu, 30 Sep 2021 09:18:15 GMT
234
274
 
235
275
  ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.10)
236
276
 
237
- Wed, 29 Sep 2021 08:06:11 GMT
277
+ Wed, 29 Sep 2021 08:06:11 GMT
238
278
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.9..@fluentui/react-card_v9.0.0-alpha.10)
239
279
 
240
280
  ### Changes
@@ -248,7 +288,7 @@ Wed, 29 Sep 2021 08:06:11 GMT
248
288
 
249
289
  ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.9)
250
290
 
251
- Mon, 27 Sep 2021 08:06:00 GMT
291
+ Mon, 27 Sep 2021 08:06:00 GMT
252
292
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.8..@fluentui/react-card_v9.0.0-alpha.9)
253
293
 
254
294
  ### Changes
@@ -263,7 +303,7 @@ Mon, 27 Sep 2021 08:06:00 GMT
263
303
 
264
304
  ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.8)
265
305
 
266
- Fri, 24 Sep 2021 09:17:17 GMT
306
+ Fri, 24 Sep 2021 09:17:17 GMT
267
307
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.7..@fluentui/react-card_v9.0.0-alpha.8)
268
308
 
269
309
  ### Changes
@@ -278,7 +318,7 @@ Fri, 24 Sep 2021 09:17:17 GMT
278
318
 
279
319
  ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.7)
280
320
 
281
- Thu, 23 Sep 2021 08:21:34 GMT
321
+ Thu, 23 Sep 2021 08:21:34 GMT
282
322
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.6..@fluentui/react-card_v9.0.0-alpha.7)
283
323
 
284
324
  ### Changes
@@ -295,7 +335,7 @@ Thu, 23 Sep 2021 08:21:34 GMT
295
335
 
296
336
  ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.6)
297
337
 
298
- Wed, 22 Sep 2021 10:10:07 GMT
338
+ Wed, 22 Sep 2021 10:10:07 GMT
299
339
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.5..@fluentui/react-card_v9.0.0-alpha.6)
300
340
 
301
341
  ### Changes
@@ -310,7 +350,7 @@ Wed, 22 Sep 2021 10:10:07 GMT
310
350
 
311
351
  ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.5)
312
352
 
313
- Tue, 21 Sep 2021 07:42:34 GMT
353
+ Tue, 21 Sep 2021 07:42:34 GMT
314
354
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.4..@fluentui/react-card_v9.0.0-alpha.5)
315
355
 
316
356
  ### Changes
@@ -324,7 +364,7 @@ Tue, 21 Sep 2021 07:42:34 GMT
324
364
 
325
365
  ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.4)
326
366
 
327
- Mon, 20 Sep 2021 07:36:26 GMT
367
+ Mon, 20 Sep 2021 07:36:26 GMT
328
368
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.3..@fluentui/react-card_v9.0.0-alpha.4)
329
369
 
330
370
  ### Changes
@@ -333,7 +373,7 @@ Mon, 20 Sep 2021 07:36:26 GMT
333
373
 
334
374
  ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.3)
335
375
 
336
- Fri, 17 Sep 2021 07:35:26 GMT
376
+ Fri, 17 Sep 2021 07:35:26 GMT
337
377
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.2..@fluentui/react-card_v9.0.0-alpha.3)
338
378
 
339
379
  ### Changes
@@ -342,7 +382,7 @@ Fri, 17 Sep 2021 07:35:26 GMT
342
382
 
343
383
  ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.2)
344
384
 
345
- Thu, 16 Sep 2021 07:38:39 GMT
385
+ Thu, 16 Sep 2021 07:38:39 GMT
346
386
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.1..@fluentui/react-card_v9.0.0-alpha.2)
347
387
 
348
388
  ### Changes
@@ -351,7 +391,7 @@ Thu, 16 Sep 2021 07:38:39 GMT
351
391
 
352
392
  ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.1)
353
393
 
354
- Tue, 14 Sep 2021 20:09:02 GMT
394
+ Tue, 14 Sep 2021 20:09:02 GMT
355
395
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.1)
356
396
 
357
397
  ### Changes
@@ -361,7 +401,7 @@ Tue, 14 Sep 2021 20:09:02 GMT
361
401
 
362
402
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
363
403
 
364
- Fri, 10 Sep 2021 16:31:53 GMT
404
+ Fri, 10 Sep 2021 16:31:53 GMT
365
405
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
366
406
 
367
407
  ### Changes
@@ -370,7 +410,7 @@ Fri, 10 Sep 2021 16:31:53 GMT
370
410
 
371
411
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
372
412
 
373
- Fri, 10 Sep 2021 07:39:51 GMT
413
+ Fri, 10 Sep 2021 07:39:51 GMT
374
414
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
375
415
 
376
416
  ### Changes
@@ -379,7 +419,7 @@ Fri, 10 Sep 2021 07:39:51 GMT
379
419
 
380
420
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
381
421
 
382
- Mon, 06 Sep 2021 07:34:53 GMT
422
+ Mon, 06 Sep 2021 07:34:53 GMT
383
423
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
384
424
 
385
425
  ### Changes
@@ -388,7 +428,7 @@ Mon, 06 Sep 2021 07:34:53 GMT
388
428
 
389
429
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
390
430
 
391
- Thu, 02 Sep 2021 07:36:46 GMT
431
+ Thu, 02 Sep 2021 07:36:46 GMT
392
432
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
393
433
 
394
434
  ### Patches
@@ -401,7 +441,7 @@ Thu, 02 Sep 2021 07:36:46 GMT
401
441
 
402
442
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
403
443
 
404
- Wed, 01 Sep 2021 07:39:56 GMT
444
+ Wed, 01 Sep 2021 07:39:56 GMT
405
445
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
406
446
 
407
447
  ### Changes
@@ -410,7 +450,7 @@ Wed, 01 Sep 2021 07:39:56 GMT
410
450
 
411
451
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
412
452
 
413
- Tue, 31 Aug 2021 07:37:47 GMT
453
+ Tue, 31 Aug 2021 07:37:47 GMT
414
454
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
415
455
 
416
456
  ### Changes
@@ -419,7 +459,7 @@ Tue, 31 Aug 2021 07:37:47 GMT
419
459
 
420
460
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
421
461
 
422
- Fri, 27 Aug 2021 07:33:32 GMT
462
+ Fri, 27 Aug 2021 07:33:32 GMT
423
463
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
424
464
 
425
465
  ### Changes
@@ -428,7 +468,7 @@ Fri, 27 Aug 2021 07:33:32 GMT
428
468
 
429
469
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
430
470
 
431
- Thu, 26 Aug 2021 07:35:43 GMT
471
+ Thu, 26 Aug 2021 07:35:43 GMT
432
472
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
433
473
 
434
474
  ### Changes
@@ -437,7 +477,7 @@ Thu, 26 Aug 2021 07:35:43 GMT
437
477
 
438
478
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
439
479
 
440
- Fri, 20 Aug 2021 07:37:28 GMT
480
+ Fri, 20 Aug 2021 07:37:28 GMT
441
481
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
442
482
 
443
483
  ### Changes
@@ -446,7 +486,7 @@ Fri, 20 Aug 2021 07:37:28 GMT
446
486
 
447
487
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-alpha.0)
448
488
 
449
- Thu, 19 Aug 2021 07:41:35 GMT
489
+ Thu, 19 Aug 2021 07:41:35 GMT
450
490
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.0..@fluentui/react-card_v9.0.0-alpha.0)
451
491
 
452
492
  ### Changes
package/dist/{react-card.d.ts → index.d.ts} RENAMED
@@ -3,14 +3,20 @@ import type { ComponentState } from '@fluentui/react-utilities';
3
3
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
4
  import * as React_2 from 'react';
5
5
  import type { Slot } from '@fluentui/react-utilities';
6
+ import type { SlotClassNames } from '@fluentui/react-utilities';
6
7
 
7
8
  /**
8
9
  * A card provides scaffolding for hosting actions and content for a single topic.
9
10
  */
10
11
  export declare const Card: ForwardRefComponent<CardProps>;
11
12
 
13
+ /**
14
+ * @deprecated Use `cardClassNames.root` instead.
15
+ */
12
16
  export declare const cardClassName = "fui-Card";
13
17
 
18
+ export declare const cardClassNames: SlotClassNames<CardSlots>;
19
+
14
20
  export declare type CardCommons = {
15
21
  appearance: 'filled' | 'filled-alternative' | 'outline' | 'subtle';
16
22
  };
@@ -20,8 +26,13 @@ export declare type CardCommons = {
20
26
  */
21
27
  export declare const CardFooter: ForwardRefComponent<CardFooterProps>;
22
28
 
29
+ /**
30
+ * @deprecated Use `cardFooterClassNames.root` instead.
31
+ */
23
32
  export declare const cardFooterClassName = "fui-CardFooter";
24
33
 
34
+ export declare const cardFooterClassNames: SlotClassNames<CardFooterSlots>;
35
+
25
36
  /**
26
37
  * CardFooter props
27
38
  */
@@ -42,8 +53,13 @@ export declare type CardFooterState = ComponentState<CardFooterSlots>;
42
53
  */
43
54
  export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;
44
55
 
56
+ /**
57
+ * @deprecated Use `cardHeaderClassNames.root` instead.
58
+ */
45
59
  export declare const cardHeaderClassName = "fui-CardHeader";
46
60
 
61
+ export declare const cardHeaderClassNames: SlotClassNames<CardHeaderSlots>;
62
+
47
63
  /**
48
64
  * CardHeader props
49
65
  */
@@ -68,8 +84,13 @@ export declare type CardHeaderState = ComponentState<CardHeaderSlots>;
68
84
  */
69
85
  export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;
70
86
 
87
+ /**
88
+ * @deprecated Use `cardPreviewClassNames.root` instead.
89
+ */
71
90
  export declare const cardPreviewClassName = "fui-CardPreview";
72
91
 
92
+ export declare const cardPreviewClassNames: SlotClassNames<CardPreviewSlots>;
93
+
73
94
  /**
74
95
  * CardPreview props
75
96
  */
package/{lib → dist}/tsdoc-metadata.json RENAMED
File without changes
package/lib/components/Card/useCardStyles.js CHANGED
@@ -1,7 +1,14 @@
1
1
  import { shorthands, __styles, mergeClasses } from '@griffel/react';
2
2
  import { tokens } from '@fluentui/react-theme';
3
- import { cardPreviewClassName } from '../CardPreview/index';
3
+ import { cardPreviewClassNames } from '../CardPreview/index';
4
+ /**
5
+ * @deprecated Use `cardClassNames.root` instead.
6
+ */
7
+
4
8
  export const cardClassName = 'fui-Card';
9
+ export const cardClassNames = {
10
+ root: 'fui-Card'
11
+ };
5
12
  /**
6
13
  * Styles for the root slot
7
14
  */
@@ -144,7 +151,7 @@ const useStyles = /*#__PURE__*/__styles({
144
151
  export const useCardStyles_unstable = state => {
145
152
  const styles = useStyles();
146
153
  const interactive = state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd;
147
- state.root.className = mergeClasses(cardClassName, styles.root, state.appearance === 'filled' && styles.filled, state.appearance === 'filled-alternative' && styles.filledAlternative, state.appearance === 'outline' && styles.outline, state.appearance === 'subtle' && styles.subtle, interactive && state.appearance === 'filled' && styles.filledInteractive, interactive && state.appearance === 'filled-alternative' && styles.filledAlternativeInteractive, interactive && state.appearance === 'outline' && styles.outlineInteractive, interactive && state.appearance === 'subtle' && styles.subtleInteractive, state.root.className);
154
+ state.root.className = mergeClasses(cardClassNames.root, styles.root, state.appearance === 'filled' && styles.filled, state.appearance === 'filled-alternative' && styles.filledAlternative, state.appearance === 'outline' && styles.outline, state.appearance === 'subtle' && styles.subtle, interactive && state.appearance === 'filled' && styles.filledInteractive, interactive && state.appearance === 'filled-alternative' && styles.filledAlternativeInteractive, interactive && state.appearance === 'outline' && styles.outlineInteractive, interactive && state.appearance === 'subtle' && styles.subtleInteractive, state.root.className);
148
155
  return state;
149
156
  };
150
157
  //# sourceMappingURL=useCardStyles.js.map
package/lib/components/Card/useCardStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/useCardStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,oBAAT,QAAqC,sBAArC;AAGA,OAAO,MAAM,aAAa,GAAG,UAAtB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoGA;;AAEG;;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,QAAM,WAAW,GACf,KAAK,CAAC,IAAN,CAAW,OAAX,IACA,KAAK,CAAC,IAAN,CAAW,SADX,IAEA,KAAK,CAAC,IAAN,CAAW,WAFX,IAGA,KAAK,CAAC,IAAN,CAAW,WAHX,IAIA,KAAK,CAAC,IAAN,CAAW,aAJX,IAKA,KAAK,CAAC,IAAN,CAAW,YALX,IAMA,KAAK,CAAC,IAAN,CAAW,UAPb;AASA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,aADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MAHP,EAIjC,KAAK,CAAC,UAAN,KAAqB,oBAArB,IAA6C,MAAM,CAAC,iBAJnB,EAKjC,KAAK,CAAC,UAAN,KAAqB,SAArB,IAAkC,MAAM,CAAC,OALR,EAMjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MANP,EAOjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,QAApC,IAAgD,MAAM,CAAC,iBAPtB,EAQjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,oBAApC,IAA4D,MAAM,CAAC,4BARlC,EASjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,SAApC,IAAiD,MAAM,CAAC,kBATvB,EAUjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,QAApC,IAAgD,MAAM,CAAC,iBAVtB,EAWjC,KAAK,CAAC,IAAN,CAAW,SAXsB,CAAnC;AAcA,SAAO,KAAP;AACD,CA3BM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { cardPreviewClassName } from '../CardPreview/index';\nimport type { CardState } from './Card.types';\n\nexport const cardClassName = 'fui-Card';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'block',\n ...shorthands.overflow('hidden'),\n\n color: tokens.colorNeutralForeground1,\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n\n // Size: medium\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n\n [`> *:not(.${cardPreviewClassName})`]: {\n // Size: medium\n ...shorthands.margin('12px'),\n },\n },\n\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow8,\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Hover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow8,\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground2Pressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n boxShadow: 'none',\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n },\n },\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n boxShadow: 'none',\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: 'none',\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: 'none',\n },\n});\n\n/**\n * Apply styling to the Card slots based on the state\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n const styles = useStyles();\n\n const interactive =\n state.root.onClick ||\n state.root.onMouseUp ||\n state.root.onMouseDown ||\n state.root.onPointerUp ||\n state.root.onPointerDown ||\n state.root.onTouchStart ||\n state.root.onTouchEnd;\n\n state.root.className = mergeClasses(\n cardClassName,\n styles.root,\n state.appearance === 'filled' && styles.filled,\n state.appearance === 'filled-alternative' && styles.filledAlternative,\n state.appearance === 'outline' && styles.outline,\n state.appearance === 'subtle' && styles.subtle,\n interactive && state.appearance === 'filled' && styles.filledInteractive,\n interactive && state.appearance === 'filled-alternative' && styles.filledAlternativeInteractive,\n interactive && state.appearance === 'outline' && styles.outlineInteractive,\n interactive && state.appearance === 'subtle' && styles.subtleInteractive,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Card/useCardStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,qBAAT,QAAsC,sBAAtC;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,UAAtB;AACP,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoGA;;AAEG;;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,QAAM,WAAW,GACf,KAAK,CAAC,IAAN,CAAW,OAAX,IACA,KAAK,CAAC,IAAN,CAAW,SADX,IAEA,KAAK,CAAC,IAAN,CAAW,WAFX,IAGA,KAAK,CAAC,IAAN,CAAW,WAHX,IAIA,KAAK,CAAC,IAAN,CAAW,aAJX,IAKA,KAAK,CAAC,IAAN,CAAW,YALX,IAMA,KAAK,CAAC,IAAN,CAAW,UAPb;AASA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cAAc,CAAC,IADkB,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MAHP,EAIjC,KAAK,CAAC,UAAN,KAAqB,oBAArB,IAA6C,MAAM,CAAC,iBAJnB,EAKjC,KAAK,CAAC,UAAN,KAAqB,SAArB,IAAkC,MAAM,CAAC,OALR,EAMjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MANP,EAOjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,QAApC,IAAgD,MAAM,CAAC,iBAPtB,EAQjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,oBAApC,IAA4D,MAAM,CAAC,4BARlC,EASjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,SAApC,IAAiD,MAAM,CAAC,kBATvB,EAUjC,WAAW,IAAI,KAAK,CAAC,UAAN,KAAqB,QAApC,IAAgD,MAAM,CAAC,iBAVtB,EAWjC,KAAK,CAAC,IAAN,CAAW,SAXsB,CAAnC;AAcA,SAAO,KAAP;AACD,CA3BM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { cardPreviewClassNames } from '../CardPreview/index';\nimport type { CardSlots, CardState } from './Card.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `cardClassNames.root` instead.\n */\nexport const cardClassName = 'fui-Card';\nexport const cardClassNames: SlotClassNames<CardSlots> = {\n root: 'fui-Card',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'block',\n ...shorthands.overflow('hidden'),\n\n color: tokens.colorNeutralForeground1,\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n\n // Size: medium\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n\n [`> *:not(.${cardPreviewClassNames.root})`]: {\n // Size: medium\n ...shorthands.margin('12px'),\n },\n },\n\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow8,\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Hover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow8,\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground2Pressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: tokens.shadow4,\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n boxShadow: 'none',\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n },\n },\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n boxShadow: 'none',\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: 'none',\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n boxShadow: 'none',\n },\n});\n\n/**\n * Apply styling to the Card slots based on the state\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n const styles = useStyles();\n\n const interactive =\n state.root.onClick ||\n state.root.onMouseUp ||\n state.root.onMouseDown ||\n state.root.onPointerUp ||\n state.root.onPointerDown ||\n state.root.onTouchStart ||\n state.root.onTouchEnd;\n\n state.root.className = mergeClasses(\n cardClassNames.root,\n styles.root,\n state.appearance === 'filled' && styles.filled,\n state.appearance === 'filled-alternative' && styles.filledAlternative,\n state.appearance === 'outline' && styles.outline,\n state.appearance === 'subtle' && styles.subtle,\n interactive && state.appearance === 'filled' && styles.filledInteractive,\n interactive && state.appearance === 'filled-alternative' && styles.filledAlternativeInteractive,\n interactive && state.appearance === 'outline' && styles.outlineInteractive,\n interactive && state.appearance === 'subtle' && styles.subtleInteractive,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}