Skip to content

Commit 83e4414

Browse files
mattnoltingmattnolting
authored
feat(CC-batch-2): added batch 2 (#11828)
* feat(CC-batch-2): added batch 2 * update * update * feat(CC-batch-2): updated directory location * feat(CC-batch-2): updated required props and comments * feat(CC-batch-2): updated docs urls * feat(CC-batch-2): updated required props * feat(CC-batch-2): verification complete * feat(CC-batch-2): added isLiveRegion and hasAnimations to alertgroup * feat(CC-batch-2): added OverflowFooter props * feat(CC-batch-2): review-athon round 1 followup
1 parent ea9a812 commit 83e4414

File tree

11 files changed

+263
-5
lines changed

11 files changed

+263
-5
lines changed

‎packages/code-connect/components/Alert/InlineAlert.figma.tsx

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import figma from '@figma/code-connect';
2+
import { Alert } from '@patternfly/react-core';
3+
4+
// Documentation for Alert can be found at https://www.patternfly.org/components/alert
5+
6+
figma.connect(
7+
Alert,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2698',
9+
{
10+
props: {
11+
// string
12+
description: figma.string('✏️ Title'),
13+
title: figma.string('✏️ Title'),
14+
15+
// boolean
16+
isExpandable: figma.boolean('Expandable'),
17+
18+
// enum
19+
variant: figma.enum('Type', {
20+
Info: 'info',
21+
Success: 'success',
22+
Warning: 'warning',
23+
Danger: 'danger',
24+
Custom: 'custom'
25+
})
26+
},
27+
example: (props) => (
28+
<Alert isExpandable={props.isExpandable} isInline title={props.title} variant={props.variant}>
29+
{props.description}
30+
</Alert>
31+
)
32+
}
33+
);

‎packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import figma from '@figma/code-connect';
2+
import { AlertGroup } from '@patternfly/react-core';
3+
4+
// Documentation for Alert can be found at https://www.patternfly.org/components/alert
5+
6+
figma.connect(
7+
AlertGroup,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2780',
9+
{
10+
props: {
11+
children: figma.children('*')
12+
},
13+
example: (props) => (
14+
<AlertGroup isLiveRegion hasAnimations>
15+
{props.children}
16+
</AlertGroup>
17+
)
18+
}
19+
);

‎packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import figma from '@figma/code-connect';
2+
import { Alert } from '@patternfly/react-core';
3+
4+
// Documentation for Alert can be found at https://www.patternfly.org/components/alert
5+
6+
figma.connect(
7+
Alert,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2754',
9+
{
10+
props: {
11+
// string
12+
description: figma.string('✏️ Title'),
13+
title: figma.string('✏️ Title'),
14+
15+
// enum
16+
variant: figma.enum('Type', {
17+
Info: 'info',
18+
Success: 'success',
19+
Warning: 'warning',
20+
Danger: 'danger',
21+
Custom: 'custom'
22+
}),
23+
24+
children: figma.children('*')
25+
},
26+
example: (props) => (
27+
<Alert isInline isPlain title={props.title} variant={props.variant} variantLabel={props.variant}>
28+
{props.description}
29+
</Alert>
30+
)
31+
}
32+
);

‎packages/code-connect/components/Alert/OverflowFooter.figma.tsx

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import figma from '@figma/code-connect';
2+
import { Alert, AlertActionCloseButton, AlertGroup } from '@patternfly/react-core';
3+
4+
// Documentation for Alert can be found at https://www.patternfly.org/components/alert
5+
6+
figma.connect(
7+
AlertGroup,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2784',
9+
{
10+
props: {
11+
overflowMessage: figma.string('✏️ Title')
12+
},
13+
example: (props) => (
14+
<AlertGroup isLiveRegion hasAnimations onOverflowClick={() => {}} overflowMessage={props.overflowMessage}>
15+
<Alert
16+
variant="info"
17+
title="Alert one"
18+
actionClose={<AlertActionCloseButton title="Close alert" variantLabel="Alert one" onClose={() => {}} />}
19+
key={1}
20+
/>
21+
<Alert
22+
variant="success"
23+
title="Alert two"
24+
actionClose={<AlertActionCloseButton title="Close alert" variantLabel="Alert two" onClose={() => {}} />}
25+
key={2}
26+
/>
27+
<Alert
28+
variant="warning"
29+
title="Alert three"
30+
actionClose={<AlertActionCloseButton title="Close alert" variantLabel="Alert three" onClose={() => {}} />}
31+
key={3}
32+
/>
33+
<Alert
34+
variant="danger"
35+
title="Alert four"
36+
actionClose={<AlertActionCloseButton title="Close alert" variantLabel="Alert four" onClose={() => {}} />}
37+
key={4}
38+
/>
39+
</AlertGroup>
40+
)
41+
}
42+
);

‎packages/code-connect/components/Alert/ToastAlert.figma.tsx

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
import figma from '@figma/code-connect';
2+
import { Alert } from '@patternfly/react-core';
3+
4+
// Documentation for Alert can be found at https://www.patternfly.org/components/alert
5+
6+
figma.connect(
7+
Alert,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2587',
9+
{
10+
props: {
11+
// string
12+
description: figma.string('✏️ Title'),
13+
title: figma.string('✏️ Title'),
14+
15+
// boolean
16+
isExpandable: figma.boolean('Expandable'),
17+
18+
// enum
19+
variant: figma.enum('Type', {
20+
Custom: 'custom',
21+
Danger: 'danger',
22+
Info: 'info',
23+
Success: 'success',
24+
Warning: 'warning'
25+
})
26+
},
27+
example: (props) => (
28+
<Alert
29+
isExpandable={props.isExpandable}
30+
title={props.title}
31+
variant={props.variant}
32+
hasAnimations
33+
isToast
34+
isLiveRegion
35+
>
36+
{props.description}
37+
</Alert>
38+
)
39+
}
40+
);

‎packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import figma from '@figma/code-connect';
2+
import { AlertGroup } from '@patternfly/react-core';
3+
4+
// Documentation for AlertGroup can be found at https://www.patternfly.org/components/alert
5+
6+
figma.connect(
7+
AlertGroup,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2821',
9+
{
10+
props: {
11+
children: figma.children('*')
12+
},
13+
example: (props) => (
14+
<AlertGroup hasAnimations isToast isLiveRegion>
15+
{props.children}
16+
</AlertGroup>
17+
)
18+
}
19+
);

‎packages/code-connect/components/Avatar/Avatar.figma.tsx

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import figma from '@figma/code-connect';
2+
import { Avatar } from '@patternfly/react-core';
3+
4+
// Documentation for Avatar can be found at https://www.patternfly.org/components/avatar
5+
6+
figma.connect(
7+
Avatar,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=1561-4342',
9+
{
10+
props: {
11+
// boolean
12+
isBordered: figma.boolean('Bordered'),
13+
14+
// enum
15+
size: figma.enum('Size', {
16+
small: 'sm',
17+
med: 'md',
18+
lg: 'lg',
19+
XL: 'xl'
20+
})
21+
},
22+
example: (props) => (
23+
<Avatar alt="Avatar" src="/assets/images/avatar.svg" isBordered={props.isBordered} size={props.size} />
24+
)
25+
}
26+
);

‎packages/code-connect/components/BackToTop/BackToTop.figma.tsx

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import figma from '@figma/code-connect';
2+
import { BackToTop } from '@patternfly/react-core';
3+
4+
// Documentation for BackToTop can be found at https://www.patternfly.org/components/back-to-top
5+
6+
figma.connect(
7+
BackToTop,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1521-958',
9+
{
10+
props: {
11+
text: figma.string('Text')
12+
},
13+
example: (props) => <BackToTop isAlwaysVisible title={props.text} />
14+
}
15+
);

‎packages/code-connect/components/Backdrop/Backdrop.figma.tsx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import figma from '@figma/code-connect';
2+
import { Backdrop } from '@patternfly/react-core';
3+
4+
// Documentation for Backdrop can be found at https://www.patternfly.org/components/backdrop
5+
6+
figma.connect(
7+
Backdrop,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2873-2900',
9+
{
10+
example: () => <Backdrop />
11+
}
12+
);

‎packages/code-connect/components/Badge/Badge.figma.tsx

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import figma from '@figma/code-connect';
2+
import { Badge } from '@patternfly/react-core';
3+
4+
// Documentation for Badge can be found at https://www.patternfly.org/components/badge
5+
6+
figma.connect(
7+
Badge,
8+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1259-1132',
9+
{
10+
props: {
11+
// string
12+
text: figma.string('Text'),
13+
14+
// enum
15+
isDisabled: figma.enum('Type', { disabled: true }),
16+
isRead: figma.enum('Type', { Read: true })
17+
},
18+
example: (props) => (
19+
<Badge isRead={props.isRead} isDisabled={props.isDisabled} screenReaderText="Badge example">
20+
{props.text}
21+
</Badge>
22+
)
23+
}
24+
);

0 commit comments

Comments
 (0)