@fluentui/react-card 0.0.0-nightlybc5ff01fb020211104.1 → 0.0.0-nightlybd3e92b51920211126.1
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 +155 -23
- package/CHANGELOG.md +46 -13
- package/dist/react-card.d.ts +8 -0
- package/lib/components/Card/useCard.js +2 -2
- package/lib/components/Card/useCard.js.map +1 -1
- package/lib/components/Card/useCardStyles.d.ts +1 -0
- package/lib/components/Card/useCardStyles.js +8 -6
- package/lib/components/Card/useCardStyles.js.map +1 -1
- package/lib/components/CardFooter/useCardFooterStyles.d.ts +1 -0
- package/lib/components/CardFooter/useCardFooterStyles.js +2 -1
- package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
- package/lib/components/CardHeader/useCardHeaderStyles.d.ts +1 -0
- package/lib/components/CardHeader/useCardHeaderStyles.js +2 -1
- package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
- package/lib/components/CardPreview/useCardPreviewStyles.d.ts +1 -0
- package/lib/components/CardPreview/useCardPreviewStyles.js +2 -1
- package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
- package/lib-commonjs/components/Card/useCard.js +1 -1
- package/lib-commonjs/components/Card/useCard.js.map +1 -1
- package/lib-commonjs/components/Card/useCardStyles.d.ts +1 -0
- package/lib-commonjs/components/Card/useCardStyles.js +11 -8
- package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +1 -0
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +4 -3
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
- package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +1 -0
- package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +4 -3
- package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +1 -0
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +4 -3
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
- package/package.json +12 -12
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -11
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -22
- package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json
CHANGED
@@ -2,72 +2,204 @@
|
|
2
2
|
"name": "@fluentui/react-card",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-card_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Fri, 26 Nov 2021 04:15:39 GMT",
|
6
|
+
"tag": "@fluentui/react-card_v0.0.0-nightlybd3e92b51920211126.1",
|
7
|
+
"version": "0.0.0-nightlybd3e92b51920211126.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
|
-
"author": "
|
11
|
+
"author": "beachball",
|
12
|
+
"package": "@fluentui/react-card",
|
13
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlybd3e92b51920211126.1",
|
14
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "beachball",
|
18
|
+
"package": "@fluentui/react-card",
|
19
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightlybd3e92b51920211126.1",
|
20
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-card",
|
25
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlybd3e92b51920211126.1",
|
26
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "beachball",
|
30
|
+
"package": "@fluentui/react-card",
|
31
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlybd3e92b51920211126.1",
|
32
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "beachball",
|
36
|
+
"package": "@fluentui/react-card",
|
37
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlybd3e92b51920211126.1",
|
38
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "beachball",
|
42
|
+
"package": "@fluentui/react-card",
|
43
|
+
"comment": "Bump @fluentui/react-text to v0.0.0-nightlybd3e92b51920211126.1",
|
44
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
45
|
+
},
|
46
|
+
{
|
47
|
+
"author": "beachball",
|
48
|
+
"package": "@fluentui/react-card",
|
49
|
+
"comment": "Bump @fluentui/react-button to v0.0.0-nightlybd3e92b51920211126.1",
|
50
|
+
"commit": "88b4f0133881c8a1f21d12c544960e291be12a3d"
|
51
|
+
}
|
52
|
+
]
|
53
|
+
}
|
54
|
+
},
|
55
|
+
{
|
56
|
+
"date": "Thu, 25 Nov 2021 08:34:12 GMT",
|
57
|
+
"tag": "@fluentui/react-card_v9.0.0-beta.5",
|
58
|
+
"version": "9.0.0-beta.5",
|
59
|
+
"comments": {
|
60
|
+
"prerelease": [
|
61
|
+
{
|
62
|
+
"author": "andredias@microsoft.com",
|
12
63
|
"package": "@fluentui/react-card",
|
13
|
-
"commit": "
|
14
|
-
"comment": "
|
64
|
+
"commit": "5f5fb9fe289f45c7f9afe9f052c51f19cfd41160",
|
65
|
+
"comment": "Migrate Card"
|
15
66
|
},
|
16
67
|
{
|
17
68
|
"author": "beachball",
|
18
69
|
"package": "@fluentui/react-card",
|
19
|
-
"comment": "Bump @fluentui/react-make-styles to
|
20
|
-
"commit": "
|
70
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
71
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
21
72
|
},
|
22
73
|
{
|
23
74
|
"author": "beachball",
|
24
75
|
"package": "@fluentui/react-card",
|
25
|
-
"comment": "Bump @fluentui/react-utilities to
|
26
|
-
"commit": "
|
76
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
77
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
27
78
|
},
|
28
79
|
{
|
29
80
|
"author": "beachball",
|
30
81
|
"package": "@fluentui/react-card",
|
31
|
-
"comment": "Bump @fluentui/react-tabster to
|
32
|
-
"commit": "
|
82
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
|
83
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
33
84
|
},
|
34
85
|
{
|
35
86
|
"author": "beachball",
|
36
87
|
"package": "@fluentui/react-card",
|
37
|
-
"comment": "Bump @fluentui/babel-make-styles to
|
38
|
-
"commit": "
|
88
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
89
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
39
90
|
},
|
40
91
|
{
|
41
92
|
"author": "beachball",
|
42
93
|
"package": "@fluentui/react-card",
|
43
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to
|
44
|
-
"commit": "
|
94
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
95
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
45
96
|
},
|
46
97
|
{
|
47
98
|
"author": "beachball",
|
48
99
|
"package": "@fluentui/react-card",
|
49
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to
|
50
|
-
"commit": "
|
100
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
101
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
51
102
|
},
|
52
103
|
{
|
53
104
|
"author": "beachball",
|
54
105
|
"package": "@fluentui/react-card",
|
55
|
-
"comment": "Bump @fluentui/react-text to
|
56
|
-
"commit": "
|
106
|
+
"comment": "Bump @fluentui/react-text to v9.0.0-beta.4",
|
107
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
57
108
|
},
|
58
109
|
{
|
59
110
|
"author": "beachball",
|
60
111
|
"package": "@fluentui/react-card",
|
61
|
-
"comment": "Bump @fluentui/react-button to
|
62
|
-
"commit": "
|
112
|
+
"comment": "Bump @fluentui/react-button to v9.0.0-beta.5",
|
113
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
63
114
|
}
|
64
|
-
]
|
115
|
+
]
|
116
|
+
}
|
117
|
+
},
|
118
|
+
{
|
119
|
+
"date": "Fri, 12 Nov 2021 13:25:17 GMT",
|
120
|
+
"tag": "@fluentui/react-card_v9.0.0-beta.4",
|
121
|
+
"version": "9.0.0-beta.4",
|
122
|
+
"comments": {
|
65
123
|
"none": [
|
66
124
|
{
|
67
125
|
"author": "mgodbolt@microsoft.com",
|
68
126
|
"package": "@fluentui/react-card",
|
69
127
|
"commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
|
70
128
|
"comment": "update docs descriptions"
|
129
|
+
},
|
130
|
+
{
|
131
|
+
"author": "lingfangao@hotmail.com",
|
132
|
+
"package": "@fluentui/react-card",
|
133
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
134
|
+
"comment": "Remove beta release tag"
|
135
|
+
},
|
136
|
+
{
|
137
|
+
"author": "mgodbolt@microsoft.com",
|
138
|
+
"package": "@fluentui/react-card",
|
139
|
+
"commit": "114b089957bcbf547bb8713f2bfb4811239fb5a2",
|
140
|
+
"comment": "add default and move assets to github urls"
|
141
|
+
}
|
142
|
+
],
|
143
|
+
"prerelease": [
|
144
|
+
{
|
145
|
+
"author": "olfedias@microsoft.com",
|
146
|
+
"package": "@fluentui/react-card",
|
147
|
+
"commit": "22460e1421c0f3b2bdf9c76d80a2cb202fa30079",
|
148
|
+
"comment": "export static classes for components"
|
149
|
+
},
|
150
|
+
{
|
151
|
+
"author": "andredias@microsoft.com",
|
152
|
+
"package": "@fluentui/react-card",
|
153
|
+
"commit": "70e81a56249d55dae418217ddcef5d16e030862a",
|
154
|
+
"comment": "Migrate to new useFocusableGroup usage"
|
155
|
+
},
|
156
|
+
{
|
157
|
+
"author": "beachball",
|
158
|
+
"package": "@fluentui/react-card",
|
159
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
160
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
161
|
+
},
|
162
|
+
{
|
163
|
+
"author": "beachball",
|
164
|
+
"package": "@fluentui/react-card",
|
165
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
166
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
167
|
+
},
|
168
|
+
{
|
169
|
+
"author": "beachball",
|
170
|
+
"package": "@fluentui/react-card",
|
171
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
|
172
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
173
|
+
},
|
174
|
+
{
|
175
|
+
"author": "beachball",
|
176
|
+
"package": "@fluentui/react-card",
|
177
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
178
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
179
|
+
},
|
180
|
+
{
|
181
|
+
"author": "beachball",
|
182
|
+
"package": "@fluentui/react-card",
|
183
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
184
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
185
|
+
},
|
186
|
+
{
|
187
|
+
"author": "beachball",
|
188
|
+
"package": "@fluentui/react-card",
|
189
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
190
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
191
|
+
},
|
192
|
+
{
|
193
|
+
"author": "beachball",
|
194
|
+
"package": "@fluentui/react-card",
|
195
|
+
"comment": "Bump @fluentui/react-text to v9.0.0-beta.3",
|
196
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
197
|
+
},
|
198
|
+
{
|
199
|
+
"author": "beachball",
|
200
|
+
"package": "@fluentui/react-card",
|
201
|
+
"comment": "Bump @fluentui/react-button to v9.0.0-beta.4",
|
202
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
71
203
|
}
|
72
204
|
]
|
73
205
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,25 +1,58 @@
|
|
1
1
|
# Change Log - @fluentui/react-card
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Fri, 26 Nov 2021 04:15:39 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightlybd3e92b51920211126.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v0.0.0-nightlybd3e92b51920211126.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.
|
9
|
+
Fri, 26 Nov 2021 04:15:39 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.5..@fluentui/react-card_v0.0.0-nightlybd3e92b51920211126.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
|
-
-
|
15
|
-
- Bump @fluentui/react-
|
16
|
-
- Bump @fluentui/
|
17
|
-
- Bump @fluentui/
|
18
|
-
- Bump @fluentui/
|
19
|
-
- Bump @fluentui/
|
20
|
-
- Bump @fluentui/react-
|
21
|
-
|
22
|
-
|
14
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
15
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
16
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
17
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
18
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
19
|
+
- Bump @fluentui/react-text to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
20
|
+
- Bump @fluentui/react-button to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball)
|
21
|
+
|
22
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.5)
|
23
|
+
|
24
|
+
Thu, 25 Nov 2021 08:34:12 GMT
|
25
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.4..@fluentui/react-card_v9.0.0-beta.5)
|
26
|
+
|
27
|
+
### Changes
|
28
|
+
|
29
|
+
- Migrate Card ([PR #20599](https://github.com/microsoft/fluentui/pull/20599) by andredias@microsoft.com)
|
30
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
31
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
32
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
33
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
34
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
35
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
36
|
+
- Bump @fluentui/react-text to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
37
|
+
- Bump @fluentui/react-button to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
38
|
+
|
39
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.4)
|
40
|
+
|
41
|
+
Fri, 12 Nov 2021 13:25:17 GMT
|
42
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.3..@fluentui/react-card_v9.0.0-beta.4)
|
43
|
+
|
44
|
+
### Changes
|
45
|
+
|
46
|
+
- export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
|
47
|
+
- Migrate to new useFocusableGroup usage ([PR #20131](https://github.com/microsoft/fluentui/pull/20131) by andredias@microsoft.com)
|
48
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
49
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
50
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
51
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
52
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
53
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
54
|
+
- Bump @fluentui/react-text to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
55
|
+
- Bump @fluentui/react-button to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
23
56
|
|
24
57
|
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.3)
|
25
58
|
|
package/dist/react-card.d.ts
CHANGED
@@ -9,6 +9,8 @@ import * as React_2 from 'react';
|
|
9
9
|
*/
|
10
10
|
export declare const Card: ForwardRefComponent<CardProps>;
|
11
11
|
|
12
|
+
export declare const cardClassName = "fui-Card";
|
13
|
+
|
12
14
|
export declare type CardCommons = {};
|
13
15
|
|
14
16
|
/**
|
@@ -16,6 +18,8 @@ export declare type CardCommons = {};
|
|
16
18
|
*/
|
17
19
|
export declare const CardFooter: ForwardRefComponent<CardFooterProps>;
|
18
20
|
|
21
|
+
export declare const cardFooterClassName = "fui-CardFooter";
|
22
|
+
|
19
23
|
/**
|
20
24
|
* CardFooter props
|
21
25
|
*/
|
@@ -41,6 +45,8 @@ export declare type CardFooterState = ComponentState<CardFooterSlots>;
|
|
41
45
|
*/
|
42
46
|
export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;
|
43
47
|
|
48
|
+
export declare const cardHeaderClassName = "fui-CardHeader";
|
49
|
+
|
44
50
|
/**
|
45
51
|
* CardHeader props
|
46
52
|
*/
|
@@ -67,6 +73,8 @@ export declare type CardHeaderState = ComponentState<CardHeaderSlots>;
|
|
67
73
|
*/
|
68
74
|
export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;
|
69
75
|
|
76
|
+
export declare const cardPreviewClassName = "fui-CardPreview";
|
77
|
+
|
70
78
|
/**
|
71
79
|
* CardPreview props
|
72
80
|
*/
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
2
|
-
import { useFocusableGroup
|
2
|
+
import { useFocusableGroup } from '@fluentui/react-tabster';
|
3
3
|
/**
|
4
4
|
* Create the state required to render Card.
|
5
5
|
*
|
@@ -12,7 +12,7 @@ import { useFocusableGroup, FocusableGroupTabBehavior } from '@fluentui/react-ta
|
|
12
12
|
|
13
13
|
export const useCard = (props, ref) => {
|
14
14
|
const groupperAttrs = useFocusableGroup({
|
15
|
-
tabBehavior:
|
15
|
+
tabBehavior: 'limitedTrapFocus'
|
16
16
|
});
|
17
17
|
return {
|
18
18
|
components: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAEA,SAAS,iBAAT,
|
1
|
+
{"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAEA,SAAS,iBAAT,QAAkC,yBAAlC;AAEA;;;;;;;;AAQG;;AACH,OAAO,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;AAClF,QAAM,aAAa,GAAG,iBAAiB,CAAC;AACtC,IAAA,WAAW,EAAE;AADyB,GAAD,CAAvC;AAIA,SAAO;AACL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KADP;AAGL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,EAAN,IAAY,KAAb,EAAoB;AAC7C,MAAA,GAD6C;AAE7C,MAAA,IAAI,EAAE,OAFuC;AAG7C,SAAG,aAH0C;AAI7C,SAAG;AAJ0C,KAApB;AAHtB,GAAP;AAUD,CAfM","sourceRoot":""}
|
@@ -1,4 +1,6 @@
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
import { cardPreviewClassName } from '../CardPreview/index';
|
3
|
+
export const cardClassName = 'fui-Card';
|
2
4
|
/**
|
3
5
|
* Styles for the root slot
|
4
6
|
*/
|
@@ -8,7 +10,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
8
10
|
"mc9l5x": "f22iagw",
|
9
11
|
"Beiy3e4": "f1vx9l62",
|
10
12
|
"Bpg54ce": "f1a3p1vp",
|
11
|
-
"E5pizo":
|
13
|
+
"E5pizo": "f1whvlc6",
|
12
14
|
"sj55zd": "f19n0e5",
|
13
15
|
"De3pzq": "fxugw4r",
|
14
16
|
"z8tnut": "f1kcqot9",
|
@@ -17,9 +19,9 @@ const useStyles = /*#__PURE__*/__styles({
|
|
17
19
|
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
18
20
|
"rmohyg": "fsbu5mz",
|
19
21
|
"Dimara": "ft85np5",
|
20
|
-
"
|
21
|
-
"
|
22
|
-
"
|
22
|
+
"Bt4kzjz": ["fwanz6y", "f1sdy22h"],
|
23
|
+
"B1ou843": ["f1sdy22h", "fwanz6y"],
|
24
|
+
"Bx3mhbb": "f12h22a6"
|
23
25
|
},
|
24
26
|
"interactive": {
|
25
27
|
"Bceei9c": "f1k6fduh",
|
@@ -27,7 +29,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
27
29
|
"ecr2s2": "fb40n2d"
|
28
30
|
}
|
29
31
|
}, {
|
30
|
-
"d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".
|
32
|
+
"d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fwanz6y>.fui-CardPreview{margin-left:-12px;}", ".f1sdy22h>.fui-CardPreview{margin-right:-12px;}", ".f12h22a6>.fui-CardPreview:first-child{margin-top:-12px;}", ".f1k6fduh{cursor:pointer;}"],
|
31
33
|
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
|
32
34
|
"a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
|
33
35
|
});
|
@@ -38,7 +40,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
38
40
|
|
39
41
|
export const useCardStyles = state => {
|
40
42
|
const styles = useStyles();
|
41
|
-
state.root.className = mergeClasses(styles.root, (state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd) && styles.interactive, state.root.className);
|
43
|
+
state.root.className = mergeClasses(cardClassName, styles.root, (state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd) && styles.interactive, state.root.className);
|
42
44
|
return state;
|
43
45
|
};
|
44
46
|
//# sourceMappingURL=useCardStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;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,EAAlB;AAqCA;;AAEG;;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,
|
1
|
+
{"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;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,EAAlB;AAqCA;;AAEG;;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,aADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,CAAC,KAAK,CAAC,IAAN,CAAW,OAAX,IACC,KAAK,CAAC,IAAN,CAAW,SADZ,IAEC,KAAK,CAAC,IAAN,CAAW,WAFZ,IAGC,KAAK,CAAC,IAAN,CAAW,WAHZ,IAIC,KAAK,CAAC,IAAN,CAAW,aAJZ,IAKC,KAAK,CAAC,IAAN,CAAW,YALZ,IAMC,KAAK,CAAC,IAAN,CAAW,UANb,KAOE,MAAM,CAAC,WAVwB,EAWjC,KAAK,CAAC,IAAN,CAAW,SAXsB,CAAnC;AAcA,SAAO,KAAP;AACD,CAjBM","sourceRoot":""}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
export const cardFooterClassName = 'fui-CardFooter';
|
2
3
|
/**
|
3
4
|
* Styles for the root slot
|
4
5
|
*/
|
@@ -22,7 +23,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
22
23
|
|
23
24
|
export const useCardFooterStyles = state => {
|
24
25
|
const styles = useStyles();
|
25
|
-
state.root.className = mergeClasses(styles.root, state.root.className);
|
26
|
+
state.root.className = mergeClasses(cardFooterClassName, styles.root, state.root.className);
|
26
27
|
|
27
28
|
if (state.action) {
|
28
29
|
state.action.className = mergeClasses(styles.action, state.action.className);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,
|
1
|
+
{"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAD,EAAsB,MAAM,CAAC,IAA7B,EAAmC,KAAK,CAAC,IAAN,CAAW,SAA9C,CAAnC;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CAAC,MAAM,CAAC,MAAR,EAAgB,KAAK,CAAC,MAAN,CAAa,SAA7B,CAArC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourceRoot":""}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
export const cardHeaderClassName = 'fui-CardHeader';
|
2
3
|
/**
|
3
4
|
* Styles for the root slot
|
4
5
|
*/
|
@@ -40,7 +41,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
40
41
|
|
41
42
|
export const useCardHeaderStyles = state => {
|
42
43
|
const styles = useStyles();
|
43
|
-
state.root.className = mergeClasses(styles.root, state.root.className);
|
44
|
+
state.root.className = mergeClasses(cardHeaderClassName, styles.root, state.root.className);
|
44
45
|
|
45
46
|
if (state.image) {
|
46
47
|
state.image.className = mergeClasses(styles.image, state.image.className);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;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,EAAlB;AAqCA;;AAEG;;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,
|
1
|
+
{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;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,EAAlB;AAqCA;;AAEG;;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAD,EAAsB,MAAM,CAAC,IAA7B,EAAmC,KAAK,CAAC,IAAN,CAAW,SAA9C,CAAnC;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAAC,MAAM,CAAC,KAAR,EAAe,KAAK,CAAC,KAAN,CAAY,SAA3B,CAApC;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,MAAM,CAAC,aAAR,EAAuB,KAAK,CAAC,OAAN,CAAc,SAArC,CAAtC;AACD;;AAED,SAAO,KAAP;AACD,CAbM","sourceRoot":""}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
export const cardPreviewClassName = 'fui-CardPreview';
|
2
3
|
/**
|
3
4
|
* Styles for the root slot
|
4
5
|
*/
|
@@ -30,7 +31,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
30
31
|
|
31
32
|
export const useCardPreviewStyles = state => {
|
32
33
|
const styles = useStyles();
|
33
|
-
state.root.className = mergeClasses(
|
34
|
+
state.root.className = mergeClasses(cardPreviewClassName, styles.root, state.root.className);
|
34
35
|
|
35
36
|
if (state.logo) {
|
36
37
|
state.logo.className = mergeClasses(styles.logo, state.logo.className);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,
|
1
|
+
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;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,EAAlB;AAqBA;;AAEG;;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,oBAAD,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,IAAN,CAAW,SAA/C,CAAnC;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourceRoot":""}
|
@@ -21,7 +21,7 @@ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
21
21
|
|
22
22
|
const useCard = (props, ref) => {
|
23
23
|
const groupperAttrs = react_tabster_1.useFocusableGroup({
|
24
|
-
tabBehavior:
|
24
|
+
tabBehavior: 'limitedTrapFocus'
|
25
25
|
});
|
26
26
|
return {
|
27
27
|
components: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAEA;;;;;;;;AAQG;;;AACI,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;AAClF,QAAM,aAAa,GAAG,eAAA,CAAA,iBAAA,CAAkB;AACtC,IAAA,WAAW,EAAE
|
1
|
+
{"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAEA;;;;;;;;AAQG;;;AACI,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;AAClF,QAAM,aAAa,GAAG,eAAA,CAAA,iBAAA,CAAkB;AACtC,IAAA,WAAW,EAAE;AADyB,GAAlB,CAAtB;AAIA,SAAO;AACL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KADP;AAGL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAK,CAAC,EAAN,IAAY,KAAlC,EAAyC;AAC7C,MAAA,GAD6C;AAE7C,MAAA,IAAI,EAAE,OAFuC;AAG7C,SAAG,aAH0C;AAI7C,SAAG;AAJ0C,KAAzC;AAHD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
|
@@ -3,20 +3,23 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useCardStyles = void 0;
|
6
|
+
exports.useCardStyles = exports.cardClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
const index_1 = /*#__PURE__*/require("../CardPreview/index");
|
11
|
+
|
12
|
+
exports.cardClassName = 'fui-Card';
|
9
13
|
/**
|
10
14
|
* Styles for the root slot
|
11
15
|
*/
|
12
16
|
|
13
|
-
|
14
17
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
18
|
"root": {
|
16
19
|
"mc9l5x": "f22iagw",
|
17
20
|
"Beiy3e4": "f1vx9l62",
|
18
21
|
"Bpg54ce": "f1a3p1vp",
|
19
|
-
"E5pizo":
|
22
|
+
"E5pizo": "f1whvlc6",
|
20
23
|
"sj55zd": "f19n0e5",
|
21
24
|
"De3pzq": "fxugw4r",
|
22
25
|
"z8tnut": "f1kcqot9",
|
@@ -25,9 +28,9 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
25
28
|
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
26
29
|
"rmohyg": "fsbu5mz",
|
27
30
|
"Dimara": "ft85np5",
|
28
|
-
"
|
29
|
-
"
|
30
|
-
"
|
31
|
+
"Bt4kzjz": ["fwanz6y", "f1sdy22h"],
|
32
|
+
"B1ou843": ["f1sdy22h", "fwanz6y"],
|
33
|
+
"Bx3mhbb": "f12h22a6"
|
31
34
|
},
|
32
35
|
"interactive": {
|
33
36
|
"Bceei9c": "f1k6fduh",
|
@@ -35,7 +38,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
35
38
|
"ecr2s2": "fb40n2d"
|
36
39
|
}
|
37
40
|
}, {
|
38
|
-
"d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".
|
41
|
+
"d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fwanz6y>.fui-CardPreview{margin-left:-12px;}", ".f1sdy22h>.fui-CardPreview{margin-right:-12px;}", ".f12h22a6>.fui-CardPreview:first-child{margin-top:-12px;}", ".f1k6fduh{cursor:pointer;}"],
|
39
42
|
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
|
40
43
|
"a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
|
41
44
|
});
|
@@ -46,7 +49,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
46
49
|
|
47
50
|
const useCardStyles = state => {
|
48
51
|
const styles = useStyles();
|
49
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, (state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd) && styles.interactive, state.root.className);
|
52
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.cardClassName, styles.root, (state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd) && styles.interactive, state.root.className);
|
50
53
|
return state;
|
51
54
|
};
|
52
55
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;
|
1
|
+
{"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;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;AAqCA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,aADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,IAAN,CAAW,OAAX,IACC,KAAK,CAAC,IAAN,CAAW,SADZ,IAEC,KAAK,CAAC,IAAN,CAAW,WAFZ,IAGC,KAAK,CAAC,IAAN,CAAW,WAHZ,IAIC,KAAK,CAAC,IAAN,CAAW,aAJZ,IAKC,KAAK,CAAC,IAAN,CAAW,YALZ,IAMC,KAAK,CAAC,IAAN,CAAW,UANb,KAOE,MAAM,CAAC,WAVY,EAWrB,KAAK,CAAC,IAAN,CAAW,SAXU,CAAvB;AAcA,SAAO,KAAP;AACD,CAjBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
|
@@ -3,14 +3,15 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useCardFooterStyles = void 0;
|
6
|
+
exports.useCardFooterStyles = exports.cardFooterClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
exports.cardFooterClassName = 'fui-CardFooter';
|
9
11
|
/**
|
10
12
|
* Styles for the root slot
|
11
13
|
*/
|
12
14
|
|
13
|
-
|
14
15
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
16
|
"root": {
|
16
17
|
"mc9l5x": "f22iagw",
|
@@ -30,7 +31,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
30
31
|
|
31
32
|
const useCardFooterStyles = state => {
|
32
33
|
const styles = useStyles();
|
33
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
|
34
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.cardFooterClassName, styles.root, state.root.className);
|
34
35
|
|
35
36
|
if (state.action) {
|
36
37
|
state.action.className = react_make_styles_1.mergeClasses(styles.action, state.action.className);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;
|
1
|
+
{"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,mBAAb,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,IAAN,CAAW,SAA1D,CAAvB;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,MAApB,EAA4B,KAAK,CAAC,MAAN,CAAa,SAAzC,CAAzB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
|
@@ -3,14 +3,15 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useCardHeaderStyles = void 0;
|
6
|
+
exports.useCardHeaderStyles = exports.cardHeaderClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
exports.cardHeaderClassName = 'fui-CardHeader';
|
9
11
|
/**
|
10
12
|
* Styles for the root slot
|
11
13
|
*/
|
12
14
|
|
13
|
-
|
14
15
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
16
|
"root": {
|
16
17
|
"mc9l5x": "f22iagw",
|
@@ -48,7 +49,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
48
49
|
|
49
50
|
const useCardHeaderStyles = state => {
|
50
51
|
const styles = useStyles();
|
51
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
|
52
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.cardHeaderClassName, styles.root, state.root.className);
|
52
53
|
|
53
54
|
if (state.image) {
|
54
55
|
state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;
|
1
|
+
{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;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;AAqCA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,mBAAb,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,IAAN,CAAW,SAA1D,CAAvB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
|
@@ -3,14 +3,15 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useCardPreviewStyles = void 0;
|
6
|
+
exports.useCardPreviewStyles = exports.cardPreviewClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
exports.cardPreviewClassName = 'fui-CardPreview';
|
9
11
|
/**
|
10
12
|
* Styles for the root slot
|
11
13
|
*/
|
12
14
|
|
13
|
-
|
14
15
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
16
|
"root": {
|
16
17
|
"qhf8xq": "f10pi13n",
|
@@ -38,7 +39,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
38
39
|
|
39
40
|
const useCardPreviewStyles = state => {
|
40
41
|
const styles = useStyles();
|
41
|
-
state.root.className = react_make_styles_1.mergeClasses(
|
42
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.cardPreviewClassName, styles.root, state.root.className);
|
42
43
|
|
43
44
|
if (state.logo) {
|
44
45
|
state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;
|
1
|
+
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,oBAAb,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-card",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightlybd3e92b51920211126.1",
|
4
4
|
"private": false,
|
5
5
|
"description": "Card container components for Fluent UI React.",
|
6
6
|
"main": "lib-commonjs/index.js",
|
@@ -22,18 +22,19 @@
|
|
22
22
|
"start": "yarn storybook",
|
23
23
|
"test": "jest",
|
24
24
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
25
|
-
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
|
26
|
-
"storybook": "start-storybook
|
25
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
|
26
|
+
"storybook": "start-storybook",
|
27
|
+
"type-check": "tsc -b tsconfig.json"
|
27
28
|
},
|
28
29
|
"devDependencies": {
|
29
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
30
|
+
"@fluentui/babel-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
|
30
31
|
"@fluentui/eslint-plugin": "*",
|
31
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
32
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
|
32
33
|
"@fluentui/react-conformance": "*",
|
33
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
34
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
|
34
35
|
"@fluentui/scripts": "^1.0.0",
|
35
|
-
"@fluentui/react-text": "0.0.0-
|
36
|
-
"@fluentui/react-button": "0.0.0-
|
36
|
+
"@fluentui/react-text": "0.0.0-nightlybd3e92b51920211126.1",
|
37
|
+
"@fluentui/react-button": "0.0.0-nightlybd3e92b51920211126.1",
|
37
38
|
"@types/enzyme": "3.10.3",
|
38
39
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
39
40
|
"@types/react": "16.9.42",
|
@@ -46,9 +47,9 @@
|
|
46
47
|
"react-test-renderer": "^16.3.0"
|
47
48
|
},
|
48
49
|
"dependencies": {
|
49
|
-
"@fluentui/react-make-styles": "0.0.0-
|
50
|
-
"@fluentui/react-utilities": "0.0.0-
|
51
|
-
"@fluentui/react-tabster": "0.0.0-
|
50
|
+
"@fluentui/react-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
|
51
|
+
"@fluentui/react-utilities": "0.0.0-nightlybd3e92b51920211126.0",
|
52
|
+
"@fluentui/react-tabster": "0.0.0-nightlybd3e92b51920211126.1",
|
52
53
|
"tslib": "^2.1.0"
|
53
54
|
},
|
54
55
|
"peerDependencies": {
|
@@ -58,7 +59,6 @@
|
|
58
59
|
"react-dom": ">=16.8.0 <18.0.0"
|
59
60
|
},
|
60
61
|
"beachball": {
|
61
|
-
"tag": "beta",
|
62
62
|
"disallowedChangeTypes": [
|
63
63
|
"major",
|
64
64
|
"minor",
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
2
|
-
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
3
|
-
export function isConformant(testInfo) {
|
4
|
-
const defaultOptions = {
|
5
|
-
asPropHandlesRef: true,
|
6
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
7
|
-
extraTests: makeStylesTests
|
8
|
-
};
|
9
|
-
baseIsConformant(defaultOptions, testInfo);
|
10
|
-
}
|
11
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.isConformant = void 0;
|
7
|
-
|
8
|
-
const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
9
|
-
|
10
|
-
const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
11
|
-
|
12
|
-
function isConformant(testInfo) {
|
13
|
-
const defaultOptions = {
|
14
|
-
asPropHandlesRef: true,
|
15
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
16
|
-
extraTests: react_conformance_make_styles_1.default
|
17
|
-
};
|
18
|
-
react_conformance_1.isConformant(defaultOptions, testInfo);
|
19
|
-
}
|
20
|
-
|
21
|
-
exports.isConformant = isConformant;
|
22
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|