Skip to content

Commit 72bd8f5

Browse files
mattnoltingmattnolting
committed
feat(CC-batch-4): batch 4
1 parent e62933d commit 72bd8f5

18 files changed

Lines changed: 505 additions & 0 deletions

‎packages/react-core/codeConnect/components/DataList/DataList.figma.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { DataList } from '@patternfly/react-core'
2+
import figma from '@figma/code-connect'
3+
4+
figma.connect(
5+
DataList,
6+
"https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6649-80542&m=dev",
7+
{
8+
props: {
9+
size: figma.enum("Size", {
10+
Default: "default",
11+
Compact: "compact",
12+
}),
13+
type: figma.enum("Type", {
14+
Basic: "basic",
15+
Selectable: "selectable",
16+
"Clickable + Selectable": "clickable---selectable",
17+
Clickable: "clickable",
18+
}),
19+
expandable: figma.boolean("Expandable"),
20+
},
21+
example: (props) => <DataList size={props.size} type={props.type} />,
22+
},
23+
)

‎packages/react-core/codeConnect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
// import React from "react"
2+
// import { _1BuildItYourselfBasicRows } from "./_1BuildItYourselfBasicRows"
3+
// import figma from "@figma/code-connect"
4+
5+
// /**
6+
// * -- This file was auto-generated by Code Connect --
7+
// * `props` includes a mapping from Figma properties and variants to
8+
// * suggested values. You should update this to match the props of your
9+
// * code component, and update the `example` function to return the
10+
// * code example you'd like to see in Figma
11+
// */
12+
13+
// figma.connect(
14+
// _1BuildItYourselfBasicRows,
15+
// "https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6649-69488&m=dev",
16+
// {
17+
// props: {
18+
// showRightActions: figma.boolean("Show right actions"),
19+
// showLeftControls: figma.boolean("Show Left controls"),
20+
// size: figma.enum("Size", {
21+
// Default: "default",
22+
// Compact: "compact",
23+
// }),
24+
// selected: figma.boolean("Selected"),
25+
// expanded: figma.boolean("Expanded"),
26+
// },
27+
// example: (props) => <_1BuildItYourselfBasicRows />,
28+
// },
29+
// )

‎packages/react-core/codeConnect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// import React from "react"
2+
// import { _1BuildItYourselfClickableRows } from "./_1BuildItYourselfClickableRows"
3+
// import figma from "@figma/code-connect"
4+
5+
// /**
6+
// * -- This file was auto-generated by Code Connect --
7+
// * `props` includes a mapping from Figma properties and variants to
8+
// * suggested values. You should update this to match the props of your
9+
// * code component, and update the `example` function to return the
10+
// * code example you'd like to see in Figma
11+
// */
12+
13+
// figma.connect(
14+
// _1BuildItYourselfClickableRows,
15+
// "https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6649-96947&m=dev",
16+
// {
17+
// props: {
18+
// showRightActions: figma.boolean("Show right actions"),
19+
// showLeftControls: figma.boolean("Show Left controls"),
20+
// size: figma.enum("Size", {
21+
// Default: "default",
22+
// Compact: "compact",
23+
// }),
24+
// state: figma.enum("State", {
25+
// Default: "default",
26+
// Hover: "hover",
27+
// Clicked: "clicked",
28+
// }),
29+
// selected: figma.boolean("Selected"),
30+
// expanded: figma.boolean("Expanded"),
31+
// },
32+
// example: (props) => <_1BuildItYourselfClickableRows />,
33+
// },
34+
// )

‎packages/react-core/codeConnect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
// import React from "react"
2+
// import { _1BuildItYourselfDraggableRows } from "./_1BuildItYourselfDraggableRows"
3+
// import figma from "@figma/code-connect"
4+
5+
// /**
6+
// * -- This file was auto-generated by Code Connect --
7+
// * `props` includes a mapping from Figma properties and variants to
8+
// * suggested values. You should update this to match the props of your
9+
// * code component, and update the `example` function to return the
10+
// * code example you'd like to see in Figma
11+
// */
12+
13+
// figma.connect(
14+
// _1BuildItYourselfDraggableRows,
15+
// "https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=19618-55289&m=dev",
16+
// {
17+
// props: {
18+
// showRightActions: figma.boolean("Show right actions"),
19+
// showLeftControls: figma.boolean("Show Left controls"),
20+
// size: figma.enum("Size", {
21+
// Default: "default",
22+
// Compact: "compact",
23+
// }),
24+
// state: figma.enum("State", {
25+
// Default: "default",
26+
// "On Drag": "on-drag",
27+
// "Drag Outside": "drag-outside",
28+
// }),
29+
// selected: figma.boolean("Selected"),
30+
// expanded: figma.enum("Expanded", {
31+
// False: "false",
32+
// }),
33+
// },
34+
// example: (props) => <_1BuildItYourselfDraggableRows />,
35+
// },
36+
// )

‎packages/react-core/codeConnect/components/DataList/_2BaseComponentsActionCell.figma.tsx‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
// import React from "react"
2+
// import { _2BaseComponentsActionCell } from "./_2BaseComponentsActionCell"
3+
// import figma from "@figma/code-connect"
4+
5+
// /**
6+
// * -- This file was auto-generated by Code Connect --
7+
// * `props` includes a mapping from Figma properties and variants to
8+
// * suggested values. You should update this to match the props of your
9+
// * code component, and update the `example` function to return the
10+
// * code example you'd like to see in Figma
11+
// */
12+
13+
// figma.connect(
14+
// _2BaseComponentsActionCell,
15+
// "https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6596-33965&m=dev",
16+
// {
17+
// props: {
18+
// showLinkButton: figma.boolean("Show Link Button"),
19+
// showIconButton: figma.boolean("Show Icon Button"),
20+
// showButton: figma.boolean("Show Button"),
21+
// size: figma.enum("Size", {
22+
// Default: "default",
23+
// Compact: "compact",
24+
// }),
25+
// },
26+
// example: (props) => <_2BaseComponentsActionCell />,
27+
// },
28+
// )

‎packages/react-core/codeConnect/components/DataList/_2BaseComponentsContentCell.figma.tsx‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
// import React from "react"
2+
// import { _2BaseComponentsContentCell } from "./_2BaseComponentsContentCell"
3+
// import figma from "@figma/code-connect"
4+
5+
// /**
6+
// * -- This file was auto-generated by Code Connect --
7+
// * `props` includes a mapping from Figma properties and variants to
8+
// * suggested values. You should update this to match the props of your
9+
// * code component, and update the `example` function to return the
10+
// * code example you'd like to see in Figma
11+
// */
12+
13+
// figma.connect(
14+
// _2BaseComponentsContentCell,
15+
// "https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6596-33934&m=dev",
16+
// {
17+
// props: {
18+
// showFirstRow: figma.boolean("Show first row"),
19+
// showEmptyComponent: figma.boolean("Show empty component"),
20+
// emptyComponentSwap: figma.instance("Empty component swap"),
21+
// showDescriptionText: figma.boolean("Show description text"),
22+
// showSecondRow: figma.boolean("Show second row"),
23+
// showIcon: figma.boolean("Show Icon"),
24+
// type: figma.enum("Type", {
25+
// "Filled - Plain text": "filled---plain-text",
26+
// "Filled - Link text": "filled---link-text",
27+
// "Empty (Component swap)": "empty--component-swap-",
28+
// }),
29+
// size: figma.enum("Size", {
30+
// Default: "default",
31+
// Compact: "compact",
32+
// }),
33+
// },
34+
// example: (props) => <_2BaseComponentsContentCell />,
35+
// },
36+
// )

‎packages/react-core/codeConnect/components/DataList/_2BaseComponentsControlCell.figma.tsx‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import figma from "@figma/code-connect"
2+
import { DataListItemRow } from '@patternfly/react-core';
3+
4+
figma.connect(
5+
DataListItemRow,
6+
"https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6596-34013&m=dev",
7+
{
8+
props: {
9+
children: figma.children('*')
10+
},
11+
example: (props) =>
12+
<DataListItemRow>
13+
{props.children}
14+
</DataListItemRow>
15+
}
16+
);

‎packages/react-core/codeConnect/components/DescriptionList/DescriptionList.figma.tsx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import { DescriptionList } from '@patternfly/react-core';
2+
import figma from '@figma/code-connect';
3+
4+
/**
5+
* -- This file was auto-generated by Code Connect --
6+
* `props` includes a mapping from Figma properties and variants to
7+
* suggested values. You should update this to match the props of your
8+
* code component, and update the `example` function to return the
9+
* code example you'd like to see in Figma
10+
*/
11+
12+
figma.connect(
13+
DescriptionList,
14+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1121-3946&m=dev',
15+
{
16+
props: {
17+
spacing: figma.enum('Spacing', {
18+
Default: 'default',
19+
Compact: 'compact'
20+
}),
21+
orientation: figma.enum('Orientation', {
22+
Vertical: 'vertical',
23+
'Horizontal - Fixed': 'horizontal---fixed',
24+
'Horizontal - Fluid': 'horizontal---fluid'
25+
}),
26+
27+
children: figma.children('*')
28+
},
29+
example: (props) => <DescriptionList spacing={props.spacing} orientation={props.orientation}></DescriptionList>
30+
}
31+
);

‎packages/react-core/codeConnect/components/DescriptionList/DescriptionListItem.figma.tsx‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import { DescriptionListGroup } from '@patternfly/react-core';
2+
import figma from '@figma/code-connect';
3+
4+
/**
5+
* -- This file was auto-generated by Code Connect --
6+
* `props` includes a mapping from Figma properties and variants to
7+
* suggested values. You should update this to match the props of your
8+
* code component, and update the `example` function to return the
9+
* code example you'd like to see in Figma
10+
*/
11+
12+
figma.connect(
13+
DescriptionListGroup,
14+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1121-3571&m=dev',
15+
{
16+
props: {
17+
swapLabel: figma.instance('Swap label'),
18+
content: figma.string('✏️ Content'),
19+
type: figma.enum('Type', {
20+
Vertical: 'vertical',
21+
'Horizontal fluid': 'horizontal-fluid',
22+
'Horizontal fixed': 'horizontal-fixed'
23+
}),
24+
contentType: figma.enum('Content type', {
25+
Text: 'text',
26+
'Component swap': 'component-swap',
27+
'Icon + Text': 'icon---text'
28+
}),
29+
30+
children: figma.children('*')
31+
},
32+
example: (props) => (
33+
<DescriptionListGroup swapLabel={props.swapLabel} content={props.content} type={props.type} contentType={props.contentType}>
34+
{props.children}
35+
</DescriptionListGroup>
36+
)
37+
}
38+
);

‎packages/react-core/codeConnect/components/DescriptionList/TermLabel.figma.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import figma from '@figma/code-connect';
2+
import { DescriptionListTerm } from '@patternfly/react-core';
3+
4+
figma.connect(
5+
DescriptionListTerm,
6+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1121-3453&m=dev',
7+
{
8+
props: {
9+
icon: figma.boolean('Icon ⎆'),
10+
termHelpUnderline: figma.boolean('Term help underline'),
11+
label: figma.string('✏️ Label'),
12+
inlineEditToggle: figma.boolean('Inline edit toggle')
13+
},
14+
example: (props) => (
15+
<DescriptionListTerm
16+
icon={props.icon}
17+
underline={props.termHelpUnderline}
18+
label={props.label}
19+
inlineEditToggle={props.inlineEditToggle}
20+
/>
21+
)
22+
}
23+
);

0 commit comments

Comments
 (0)