@fluentui/react-card 0.0.0-nightlyb8663b78ad20220207.1 → 0.0.0-nightlyc0e3a0a1f320220217.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 +77 -14
- package/CHANGELOG.md +26 -10
- package/dist/react-card.d.ts +13 -13
- package/lib/components/Card/Card.types.d.ts +2 -2
- package/lib/components/Card/useCardStyles.js +6 -12
- package/lib/components/Card/useCardStyles.js.map +1 -1
- package/lib/components/CardFooter/CardFooter.types.d.ts +3 -3
- package/lib/components/CardFooter/renderCardFooter.js +1 -1
- package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
- package/lib/components/CardHeader/CardHeader.types.d.ts +8 -8
- package/lib/components/CardHeader/renderCardHeader.js +2 -2
- package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
- package/lib/components/CardPreview/CardPreview.types.d.ts +3 -3
- package/lib/components/CardPreview/renderCardPreview.js +1 -1
- package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
- package/lib/components/CardPreview/useCardPreviewStyles.js +2 -6
- package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
- package/lib-commonjs/components/Card/Card.types.d.ts +2 -2
- package/lib-commonjs/components/Card/useCardStyles.js +6 -12
- package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
- package/lib-commonjs/components/CardFooter/CardFooter.types.d.ts +3 -3
- package/lib-commonjs/components/CardFooter/renderCardFooter.js +1 -1
- package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
- package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts +8 -8
- package/lib-commonjs/components/CardHeader/renderCardHeader.js +2 -2
- package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
- package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts +3 -3
- package/lib-commonjs/components/CardPreview/renderCardPreview.js +1 -1
- package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +1 -5
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,23 +2,74 @@
|
|
|
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": "Thu, 17 Feb 2022 04:12:36 GMT",
|
|
6
|
+
"tag": "@fluentui/react-card_v0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
7
|
+
"version": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-card",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"author": "39736248+andrefcdias@users.noreply.github.com",
|
|
18
|
+
"package": "@fluentui/react-card",
|
|
19
|
+
"commit": "4a28b5a69d0e6cf53c19c5e93bc93465f9b8a132",
|
|
20
|
+
"comment": "fix: top padding issues with CardPreview"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-card",
|
|
25
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
26
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-card",
|
|
31
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
32
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-card",
|
|
37
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
38
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-card",
|
|
43
|
+
"comment": "Bump @fluentui/react-text to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
44
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-card",
|
|
49
|
+
"comment": "Bump @fluentui/react-button to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
50
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"date": "Thu, 10 Feb 2022 08:51:52 GMT",
|
|
57
|
+
"tag": "@fluentui/react-card_v9.0.0-beta.6",
|
|
58
|
+
"version": "9.0.0-beta.6",
|
|
59
|
+
"comments": {
|
|
60
|
+
"prerelease": [
|
|
16
61
|
{
|
|
17
62
|
"author": "ololubek@microsoft.com",
|
|
18
63
|
"package": "@fluentui/react-card",
|
|
19
64
|
"commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
|
|
20
65
|
"comment": "Update react-icons usage to resizable icons"
|
|
21
66
|
},
|
|
67
|
+
{
|
|
68
|
+
"author": "lingfangao@hotmail.com",
|
|
69
|
+
"package": "@fluentui/react-card",
|
|
70
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
71
|
+
"comment": "Bump Fluent UI dependencies to 9.0.0-rc"
|
|
72
|
+
},
|
|
22
73
|
{
|
|
23
74
|
"author": "Humberto.Morimoto@microsoft.com",
|
|
24
75
|
"package": "@fluentui/react-card",
|
|
@@ -49,6 +100,12 @@
|
|
|
49
100
|
"commit": "1249d2ee042780865e877fc2ed48f56e0eff25d1",
|
|
50
101
|
"comment": "use Griffel packages"
|
|
51
102
|
},
|
|
103
|
+
{
|
|
104
|
+
"author": "behowell@microsoft.com",
|
|
105
|
+
"package": "@fluentui/react-card",
|
|
106
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
107
|
+
"comment": "Refactor component Slot typings"
|
|
108
|
+
},
|
|
52
109
|
{
|
|
53
110
|
"author": "olfedias@microsoft.com",
|
|
54
111
|
"package": "@fluentui/react-card",
|
|
@@ -64,32 +121,32 @@
|
|
|
64
121
|
{
|
|
65
122
|
"author": "beachball",
|
|
66
123
|
"package": "@fluentui/react-card",
|
|
67
|
-
"comment": "Bump @fluentui/react-utilities to
|
|
68
|
-
"commit": "
|
|
124
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
125
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
69
126
|
},
|
|
70
127
|
{
|
|
71
128
|
"author": "beachball",
|
|
72
129
|
"package": "@fluentui/react-card",
|
|
73
|
-
"comment": "Bump @fluentui/react-tabster to
|
|
74
|
-
"commit": "
|
|
130
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
|
|
131
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
75
132
|
},
|
|
76
133
|
{
|
|
77
134
|
"author": "beachball",
|
|
78
135
|
"package": "@fluentui/react-card",
|
|
79
|
-
"comment": "Bump @fluentui/react-conformance-griffel to
|
|
80
|
-
"commit": "
|
|
136
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
137
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
81
138
|
},
|
|
82
139
|
{
|
|
83
140
|
"author": "beachball",
|
|
84
141
|
"package": "@fluentui/react-card",
|
|
85
|
-
"comment": "Bump @fluentui/react-text to
|
|
86
|
-
"commit": "
|
|
142
|
+
"comment": "Bump @fluentui/react-text to v9.0.0-rc.1",
|
|
143
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
87
144
|
},
|
|
88
145
|
{
|
|
89
146
|
"author": "beachball",
|
|
90
147
|
"package": "@fluentui/react-card",
|
|
91
|
-
"comment": "Bump @fluentui/react-button to
|
|
92
|
-
"commit": "
|
|
148
|
+
"comment": "Bump @fluentui/react-button to v9.0.0-rc.1",
|
|
149
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
93
150
|
}
|
|
94
151
|
],
|
|
95
152
|
"none": [
|
|
@@ -123,6 +180,12 @@
|
|
|
123
180
|
"commit": "4bd15194a66379b165043141c266faa0c1ea1502",
|
|
124
181
|
"comment": "document how to import preview components"
|
|
125
182
|
},
|
|
183
|
+
{
|
|
184
|
+
"author": "bsunderhus@microsoft.com",
|
|
185
|
+
"package": "@fluentui/react-card",
|
|
186
|
+
"commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
|
|
187
|
+
"comment": "Updates components with nullRender changes"
|
|
188
|
+
},
|
|
126
189
|
{
|
|
127
190
|
"author": "me@levithomason.com",
|
|
128
191
|
"package": "@fluentui/react-card",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,30 +1,46 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-card
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 17 Feb 2022 04:12:36 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightlyc0e3a0a1f320220217.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v0.0.0-nightlyc0e3a0a1f320220217.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.
|
|
9
|
+
Thu, 17 Feb 2022 04:12:36 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.6..@fluentui/react-card_v0.0.0-nightlyc0e3a0a1f320220217.1)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by email not defined)
|
|
15
|
+
- fix: top padding issues with CardPreview ([PR #21685](https://github.com/microsoft/fluentui/pull/21685) by 39736248+andrefcdias@users.noreply.github.com)
|
|
16
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
|
18
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
|
19
|
+
- Bump @fluentui/react-text to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
|
20
|
+
- Bump @fluentui/react-button to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
|
21
|
+
|
|
22
|
+
## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.6)
|
|
23
|
+
|
|
24
|
+
Thu, 10 Feb 2022 08:51:52 GMT
|
|
25
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.5..@fluentui/react-card_v9.0.0-beta.6)
|
|
11
26
|
|
|
12
27
|
### Changes
|
|
13
28
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/2e460da7ff58924597e3137a784dc897fd174d71) by email not defined)
|
|
15
29
|
- Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
|
|
30
|
+
- Bump Fluent UI dependencies to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
16
31
|
- 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)
|
|
17
32
|
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
18
33
|
- Remove empty CardCommons type and outdated boilerplate comments ([PR #21150](https://github.com/microsoft/fluentui/pull/21150) by elcraig@microsoft.com)
|
|
19
34
|
- 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)
|
|
20
35
|
- use Griffel packages ([PR #21417](https://github.com/microsoft/fluentui/pull/21417) by olfedias@microsoft.com)
|
|
36
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
21
37
|
- update styles no not use CSS shorthands ([PR #20794](https://github.com/microsoft/fluentui/pull/20794) by olfedias@microsoft.com)
|
|
22
38
|
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
23
|
-
- Bump @fluentui/react-utilities to
|
|
24
|
-
- Bump @fluentui/react-tabster to
|
|
25
|
-
- Bump @fluentui/react-conformance-griffel to
|
|
26
|
-
- Bump @fluentui/react-text to
|
|
27
|
-
- Bump @fluentui/react-button to
|
|
39
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
40
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
41
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
42
|
+
- Bump @fluentui/react-text to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
43
|
+
- Bump @fluentui/react-button to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
28
44
|
|
|
29
45
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.5)
|
|
30
46
|
|
package/dist/react-card.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
4
|
-
import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
|
|
5
4
|
import * as React_2 from 'react';
|
|
5
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A card provides scaffolding for hosting actions and content for a single topic.
|
|
@@ -24,8 +24,8 @@ export declare const cardFooterClassName = "fui-CardFooter";
|
|
|
24
24
|
export declare type CardFooterProps = ComponentProps<CardFooterSlots>;
|
|
25
25
|
|
|
26
26
|
export declare type CardFooterSlots = {
|
|
27
|
-
root:
|
|
28
|
-
action?:
|
|
27
|
+
root: Slot<'div'>;
|
|
28
|
+
action?: Slot<'div'>;
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
/**
|
|
@@ -43,15 +43,15 @@ export declare const cardHeaderClassName = "fui-CardHeader";
|
|
|
43
43
|
/**
|
|
44
44
|
* CardHeader props
|
|
45
45
|
*/
|
|
46
|
-
export declare type CardHeaderProps = ComponentProps<CardHeaderSlots
|
|
46
|
+
export declare type CardHeaderProps = ComponentProps<Partial<CardHeaderSlots>>;
|
|
47
47
|
|
|
48
48
|
export declare type CardHeaderSlots = {
|
|
49
|
-
root:
|
|
50
|
-
image:
|
|
51
|
-
content?:
|
|
52
|
-
header:
|
|
53
|
-
description:
|
|
54
|
-
action?:
|
|
49
|
+
root: Slot<'div'>;
|
|
50
|
+
image: Slot<'div'>;
|
|
51
|
+
content?: Slot<'div'>;
|
|
52
|
+
header: Slot<'span'>;
|
|
53
|
+
description: Slot<'span'>;
|
|
54
|
+
action?: Slot<'div'>;
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
/**
|
|
@@ -72,8 +72,8 @@ export declare const cardPreviewClassName = "fui-CardPreview";
|
|
|
72
72
|
export declare type CardPreviewProps = ComponentProps<CardPreviewSlots>;
|
|
73
73
|
|
|
74
74
|
export declare type CardPreviewSlots = {
|
|
75
|
-
root:
|
|
76
|
-
logo?:
|
|
75
|
+
root: Slot<'div'>;
|
|
76
|
+
logo?: Slot<'div'>;
|
|
77
77
|
};
|
|
78
78
|
|
|
79
79
|
/**
|
|
@@ -87,7 +87,7 @@ export declare type CardPreviewState = ComponentState<CardPreviewSlots>;
|
|
|
87
87
|
export declare type CardProps = ComponentProps<CardSlots>;
|
|
88
88
|
|
|
89
89
|
export declare type CardSlots = {
|
|
90
|
-
root:
|
|
90
|
+
root: Slot<'div'>;
|
|
91
91
|
};
|
|
92
92
|
|
|
93
93
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardSlots = {
|
|
3
|
-
root:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
4
|
};
|
|
5
5
|
/**
|
|
6
6
|
* Card Props
|
|
@@ -8,26 +8,20 @@ export const cardClassName = 'fui-Card';
|
|
|
8
8
|
|
|
9
9
|
const useStyles = /*#__PURE__*/__styles({
|
|
10
10
|
"root": {
|
|
11
|
-
"mc9l5x": "
|
|
12
|
-
"Beiy3e4": "f1vx9l62",
|
|
11
|
+
"mc9l5x": "ftgm304",
|
|
13
12
|
"B68tc82": "f1p9o1ba",
|
|
14
13
|
"Bmxbyg5": "f1sil6mw",
|
|
15
14
|
"E5pizo": "f1whvlc6",
|
|
16
15
|
"sj55zd": "f19n0e5",
|
|
17
16
|
"De3pzq": "fxugw4r",
|
|
18
|
-
"z8tnut": "f1kcqot9",
|
|
19
|
-
"z189sj": ["f11qrl6u", "fjlbh76"],
|
|
20
|
-
"Byoj8tv": "fpe6lb7",
|
|
21
|
-
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
|
22
|
-
"i8kkvl": "f4akndk",
|
|
23
|
-
"Belr9w4": "fe5j3v",
|
|
24
17
|
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
|
25
18
|
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
|
26
19
|
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
|
27
20
|
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
21
|
+
"Ecqjvq": "f70or3y",
|
|
22
|
+
"B39syqp": ["f1s27jks", "f1x7x6se"],
|
|
23
|
+
"m3o775": "f1q2lvbs",
|
|
24
|
+
"I0kkcn": ["f1x7x6se", "f1s27jks"]
|
|
31
25
|
},
|
|
32
26
|
"interactive": {
|
|
33
27
|
"Bceei9c": "f1k6fduh",
|
|
@@ -35,7 +29,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
35
29
|
"ecr2s2": "fb40n2d"
|
|
36
30
|
}
|
|
37
31
|
}, {
|
|
38
|
-
"d": [".
|
|
32
|
+
"d": [".ftgm304{display:block;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f70or3y>*:not(.fui-CardPreview){margin-top:12px;}", ".f1s27jks>*:not(.fui-CardPreview){margin-right:12px;}", ".f1x7x6se>*:not(.fui-CardPreview){margin-left:12px;}", ".f1q2lvbs>*:not(.fui-CardPreview){margin-bottom:12px;}", ".f1k6fduh{cursor:pointer;}"],
|
|
39
33
|
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
|
|
40
34
|
"a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
|
|
41
35
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/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
|
|
1
|
+
{"version":3,"sources":["../../../src/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,EAAlB;AA6BA;;AAEG;;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,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,7 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardFooterSlots = {
|
|
3
|
-
root:
|
|
4
|
-
action?:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
|
+
action?: Slot<'div'>;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* CardFooter props
|
|
@@ -10,7 +10,7 @@ export const renderCardFooter_unstable = state => {
|
|
|
10
10
|
slotProps
|
|
11
11
|
} = getSlots(state);
|
|
12
12
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
13
|
-
}, slotProps.root.children, /*#__PURE__*/React.createElement(slots.action, { ...slotProps.action
|
|
13
|
+
}, slotProps.root.children, slots.action && /*#__PURE__*/React.createElement(slots.action, { ...slotProps.action
|
|
14
14
|
}));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=renderCardFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAkB,KAAlB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAkB,KAAlB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,MAAN,iBAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CAFnB,CADF;AAMD,CATM","sourceRoot":""}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardHeaderSlots = {
|
|
3
|
-
root:
|
|
4
|
-
image:
|
|
5
|
-
content?:
|
|
6
|
-
header:
|
|
7
|
-
description:
|
|
8
|
-
action?:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
|
+
image: Slot<'div'>;
|
|
5
|
+
content?: Slot<'div'>;
|
|
6
|
+
header: Slot<'span'>;
|
|
7
|
+
description: Slot<'span'>;
|
|
8
|
+
action?: Slot<'div'>;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* CardHeader props
|
|
12
12
|
*/
|
|
13
|
-
export declare type CardHeaderProps = ComponentProps<CardHeaderSlots
|
|
13
|
+
export declare type CardHeaderProps = ComponentProps<Partial<CardHeaderSlots>>;
|
|
14
14
|
/**
|
|
15
15
|
* State used in rendering CardHeader
|
|
16
16
|
*/
|
|
@@ -11,10 +11,10 @@ export const renderCardHeader_unstable = state => {
|
|
|
11
11
|
} = getSlots(state);
|
|
12
12
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
13
13
|
}, /*#__PURE__*/React.createElement(slots.image, { ...slotProps.image
|
|
14
|
-
}), /*#__PURE__*/React.createElement(slots.content, { ...slotProps.content
|
|
14
|
+
}), slots.content && /*#__PURE__*/React.createElement(slots.content, { ...slotProps.content
|
|
15
15
|
}, /*#__PURE__*/React.createElement(slots.header, { ...slotProps.header
|
|
16
16
|
}), /*#__PURE__*/React.createElement(slots.description, { ...slotProps.description
|
|
17
|
-
})), /*#__PURE__*/React.createElement(slots.action, { ...slotProps.action
|
|
17
|
+
})), slots.action && /*#__PURE__*/React.createElement(slots.action, { ...slotProps.action
|
|
18
18
|
}));
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=renderCardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAkB,KAAlB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAkB,KAAlB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,EAEG,KAAK,CAAC,OAAN,iBACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAK,SAAS,CAAC;AAAf,GAAd,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAlB,CAFF,CAHJ,EAQG,KAAK,CAAC,MAAN,iBAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CARnB,CADF;AAYD,CAfM","sourceRoot":""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardPreviewSlots = {
|
|
3
|
-
root:
|
|
4
|
-
logo?:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
|
+
logo?: Slot<'div'>;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* CardPreview props
|
|
@@ -10,7 +10,7 @@ export const renderCardPreview_unstable = state => {
|
|
|
10
10
|
slotProps
|
|
11
11
|
} = getSlots(state);
|
|
12
12
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
13
|
-
}, slotProps.root.children, /*#__PURE__*/React.createElement(slots.logo, { ...slotProps.logo
|
|
13
|
+
}, slotProps.root.children, slots.logo && /*#__PURE__*/React.createElement(slots.logo, { ...slotProps.logo
|
|
14
14
|
}));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=renderCardPreview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAmB,KAAnB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAmB,KAAnB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,IAAN,iBAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,CADF;AAMD,CATM","sourceRoot":""}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
export const cardPreviewClassName = 'fui-CardPreview';
|
|
3
3
|
/**
|
|
4
4
|
* Styles for the root slot
|
|
@@ -7,10 +7,6 @@ export const cardPreviewClassName = 'fui-CardPreview';
|
|
|
7
7
|
const useStyles = /*#__PURE__*/__styles({
|
|
8
8
|
"root": {
|
|
9
9
|
"qhf8xq": "f10pi13n",
|
|
10
|
-
"B6of3ja": "f1hu3pq6",
|
|
11
|
-
"t21cq0": ["f8nhgx1", "f16yxz7i"],
|
|
12
|
-
"jrapky": "f19f4twv",
|
|
13
|
-
"Frg6f3": ["f16yxz7i", "f8nhgx1"],
|
|
14
10
|
"Bb0eobv": "floiv14",
|
|
15
11
|
"m1g0b5": "f1r7p6p5"
|
|
16
12
|
},
|
|
@@ -22,7 +18,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
22
18
|
"Bqenvij": "f1d2rq10"
|
|
23
19
|
}
|
|
24
20
|
}, {
|
|
25
|
-
"d": [".f10pi13n{position:relative;}", ".
|
|
21
|
+
"d": [".f10pi13n{position:relative;}", ".floiv14>*{display:block;}", ".f1r7p6p5>*{width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
|
|
26
22
|
});
|
|
27
23
|
/**
|
|
28
24
|
* Apply styling to the CardPreview slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;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,EAAlB;AAmBA;;AAEG;;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA8C;AACzF,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":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardSlots = {
|
|
3
|
-
root:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
4
|
};
|
|
5
5
|
/**
|
|
6
6
|
* Card Props
|
|
@@ -18,26 +18,20 @@ exports.cardClassName = 'fui-Card';
|
|
|
18
18
|
|
|
19
19
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
|
20
20
|
"root": {
|
|
21
|
-
"mc9l5x": "
|
|
22
|
-
"Beiy3e4": "f1vx9l62",
|
|
21
|
+
"mc9l5x": "ftgm304",
|
|
23
22
|
"B68tc82": "f1p9o1ba",
|
|
24
23
|
"Bmxbyg5": "f1sil6mw",
|
|
25
24
|
"E5pizo": "f1whvlc6",
|
|
26
25
|
"sj55zd": "f19n0e5",
|
|
27
26
|
"De3pzq": "fxugw4r",
|
|
28
|
-
"z8tnut": "f1kcqot9",
|
|
29
|
-
"z189sj": ["f11qrl6u", "fjlbh76"],
|
|
30
|
-
"Byoj8tv": "fpe6lb7",
|
|
31
|
-
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
|
32
|
-
"i8kkvl": "f4akndk",
|
|
33
|
-
"Belr9w4": "fe5j3v",
|
|
34
27
|
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
|
35
28
|
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
|
36
29
|
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
|
37
30
|
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
31
|
+
"Ecqjvq": "f70or3y",
|
|
32
|
+
"B39syqp": ["f1s27jks", "f1x7x6se"],
|
|
33
|
+
"m3o775": "f1q2lvbs",
|
|
34
|
+
"I0kkcn": ["f1x7x6se", "f1s27jks"]
|
|
41
35
|
},
|
|
42
36
|
"interactive": {
|
|
43
37
|
"Bceei9c": "f1k6fduh",
|
|
@@ -45,7 +39,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
45
39
|
"ecr2s2": "fb40n2d"
|
|
46
40
|
}
|
|
47
41
|
}, {
|
|
48
|
-
"d": [".
|
|
42
|
+
"d": [".ftgm304{display:block;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f70or3y>*:not(.fui-CardPreview){margin-top:12px;}", ".f1s27jks>*:not(.fui-CardPreview){margin-right:12px;}", ".f1x7x6se>*:not(.fui-CardPreview){margin-left:12px;}", ".f1q2lvbs>*:not(.fui-CardPreview){margin-bottom:12px;}", ".f1k6fduh{cursor:pointer;}"],
|
|
49
43
|
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
|
|
50
44
|
"a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
|
|
51
45
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,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
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,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,EAAlB;AA6BA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,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,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardFooterSlots = {
|
|
3
|
-
root:
|
|
4
|
-
action?:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
|
+
action?: Slot<'div'>;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* CardFooter props
|
|
@@ -19,7 +19,7 @@ const renderCardFooter_unstable = state => {
|
|
|
19
19
|
slotProps
|
|
20
20
|
} = react_utilities_1.getSlots(state);
|
|
21
21
|
return React.createElement(slots.root, { ...slotProps.root
|
|
22
|
-
}, slotProps.root.children, React.createElement(slots.action, { ...slotProps.action
|
|
22
|
+
}, slotProps.root.children, slots.action && React.createElement(slots.action, { ...slotProps.action
|
|
23
23
|
}));
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CAFnB,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardHeaderSlots = {
|
|
3
|
-
root:
|
|
4
|
-
image:
|
|
5
|
-
content?:
|
|
6
|
-
header:
|
|
7
|
-
description:
|
|
8
|
-
action?:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
|
+
image: Slot<'div'>;
|
|
5
|
+
content?: Slot<'div'>;
|
|
6
|
+
header: Slot<'span'>;
|
|
7
|
+
description: Slot<'span'>;
|
|
8
|
+
action?: Slot<'div'>;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* CardHeader props
|
|
12
12
|
*/
|
|
13
|
-
export declare type CardHeaderProps = ComponentProps<CardHeaderSlots
|
|
13
|
+
export declare type CardHeaderProps = ComponentProps<Partial<CardHeaderSlots>>;
|
|
14
14
|
/**
|
|
15
15
|
* State used in rendering CardHeader
|
|
16
16
|
*/
|
|
@@ -20,10 +20,10 @@ const renderCardHeader_unstable = state => {
|
|
|
20
20
|
} = react_utilities_1.getSlots(state);
|
|
21
21
|
return React.createElement(slots.root, { ...slotProps.root
|
|
22
22
|
}, React.createElement(slots.image, { ...slotProps.image
|
|
23
|
-
}), React.createElement(slots.content, { ...slotProps.content
|
|
23
|
+
}), slots.content && React.createElement(slots.content, { ...slotProps.content
|
|
24
24
|
}, React.createElement(slots.header, { ...slotProps.header
|
|
25
25
|
}), React.createElement(slots.description, { ...slotProps.description
|
|
26
|
-
})), React.createElement(slots.action, { ...slotProps.action
|
|
26
|
+
})), slots.action && React.createElement(slots.action, { ...slotProps.action
|
|
27
27
|
}));
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,EAEG,KAAK,CAAC,OAAN,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAK,SAAS,CAAC;AAAf,GAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAlB,CAFF,CAHJ,EAQG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CARnB,CADF;AAYD,CAfM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type CardPreviewSlots = {
|
|
3
|
-
root:
|
|
4
|
-
logo?:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
|
+
logo?: Slot<'div'>;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* CardPreview props
|
|
@@ -19,7 +19,7 @@ const renderCardPreview_unstable = state => {
|
|
|
19
19
|
slotProps
|
|
20
20
|
} = react_utilities_1.getSlots(state);
|
|
21
21
|
return React.createElement(slots.root, { ...slotProps.root
|
|
22
|
-
}, slotProps.root.children, React.createElement(slots.logo, { ...slotProps.logo
|
|
22
|
+
}, slotProps.root.children, slots.logo && React.createElement(slots.logo, { ...slotProps.logo
|
|
23
23
|
}));
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
|
|
@@ -15,10 +15,6 @@ exports.cardPreviewClassName = 'fui-CardPreview';
|
|
|
15
15
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
|
16
16
|
"root": {
|
|
17
17
|
"qhf8xq": "f10pi13n",
|
|
18
|
-
"B6of3ja": "f1hu3pq6",
|
|
19
|
-
"t21cq0": ["f8nhgx1", "f16yxz7i"],
|
|
20
|
-
"jrapky": "f19f4twv",
|
|
21
|
-
"Frg6f3": ["f16yxz7i", "f8nhgx1"],
|
|
22
18
|
"Bb0eobv": "floiv14",
|
|
23
19
|
"m1g0b5": "f1r7p6p5"
|
|
24
20
|
},
|
|
@@ -30,7 +26,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
30
26
|
"Bqenvij": "f1d2rq10"
|
|
31
27
|
}
|
|
32
28
|
}, {
|
|
33
|
-
"d": [".f10pi13n{position:relative;}", ".
|
|
29
|
+
"d": [".f10pi13n{position:relative;}", ".floiv14>*{display:block;}", ".f1r7p6p5>*{width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
|
|
34
30
|
});
|
|
35
31
|
/**
|
|
36
32
|
* Apply styling to the CardPreview slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAmBA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA8C;AACzF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,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,OAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","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-nightlyc0e3a0a1f320220217.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Card container components for Fluent UI React.",
|
|
6
6
|
"main": "lib-commonjs/index.js",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-griffel": "0.0.0-
|
|
32
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
33
33
|
"@fluentui/scripts": "^1.0.0",
|
|
34
|
-
"@fluentui/react-text": "0.0.0-
|
|
35
|
-
"@fluentui/react-button": "0.0.0-
|
|
34
|
+
"@fluentui/react-text": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
35
|
+
"@fluentui/react-button": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
36
36
|
"@types/enzyme": "3.10.3",
|
|
37
37
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
38
38
|
"@types/react": "16.9.42",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@griffel/react": "1.0.0",
|
|
49
|
-
"@fluentui/react-utilities": "0.0.0-
|
|
50
|
-
"@fluentui/react-tabster": "0.0.0-
|
|
49
|
+
"@fluentui/react-utilities": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
50
|
+
"@fluentui/react-tabster": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
|
51
51
|
"tslib": "^2.1.0"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|