Skip to content

Commit 73577bd

Browse files
mattnoltingmattnolting
committed
feat(CC-batch-3): added batch 3
1 parent f8b21b5 commit 73577bd

9 files changed

Lines changed: 196 additions & 0 deletions

File tree

‎packages/react-core/codeConnect/components/Banner/NonStatusBanner.figma.tsx‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import { Banner } from '@patternfly/react-core';
2+
import figma from '@figma/code-connect';
3+
4+
figma.connect(
5+
Banner,
6+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=221-1443&m=dev',
7+
{
8+
props: {
9+
text: figma.string('✏️ Center text'),
10+
// enums
11+
color: figma.enum('Color', {
12+
Red: 'red',
13+
Orangered: 'orangered',
14+
Orange: 'orange',
15+
Gold: 'gold',
16+
Green: 'green',
17+
Cyan: 'cyan',
18+
Blue: 'blue',
19+
Purple: 'purple',
20+
Gray: 'gray'
21+
}),
22+
icon: figma.boolean('Icon', {
23+
true: figma.instance('Icon Swap'),
24+
false: undefined
25+
})
26+
},
27+
example: (props) => <Banner color={props.color}>{props.icon}{props.text}</Banner>
28+
}
29+
);

‎packages/react-core/codeConnect/components/Banner/StatusBanner.figma.tsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { Banner } from '@patternfly/react-core';
2+
import figma from '@figma/code-connect';
3+
4+
/** Status banner example */
5+
figma.connect(
6+
Banner,
7+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=221-937&m=dev',
8+
{
9+
props: {
10+
text: figma.string('✏️ Center text'),
11+
// enums
12+
status: figma.enum('Status', {
13+
Success: 'success',
14+
Warning: 'warning',
15+
Danger: 'danger',
16+
Info: 'info',
17+
Custom: 'custom'
18+
})
19+
},
20+
example: (props) => <Banner status={props.status}>{props.text}</Banner>
21+
}
22+
);

‎packages/react-core/codeConnect/components/Brand/FullLogo.figma.tsx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import figma from '@figma/code-connect';
2+
import { Brand } from '@patternfly/react-core';
3+
4+
/**
5+
* PatternFly FullLogo integration for Figma Code Connect
6+
*/
7+
8+
figma.connect(
9+
Brand,
10+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2104-3689&m=dev',
11+
{
12+
example: () => <Brand alt="Brand" />
13+
}
14+
);

‎packages/react-core/codeConnect/components/Brand/MastheadLogo.figma.tsx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import figma from '@figma/code-connect';
2+
import { Brand } from '@patternfly/react-core';
3+
4+
/**
5+
* PatternFly MastheadLogo integration for Figma Code Connect
6+
*/
7+
8+
figma.connect(
9+
Brand,
10+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2104-3644&m=dev',
11+
{
12+
example: () => <Brand alt="Brand" />
13+
}
14+
);

‎packages/react-core/codeConnect/components/Breadcrumbs/BreadcrumbItems.figma.tsx‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import figma from '@figma/code-connect';
2+
import { BreadcrumbItem } from '@patternfly/react-core';
3+
4+
/**
5+
* PatternFly BreadcrumbsItem integration for Figma Code Connect
6+
*/
7+
8+
figma.connect(
9+
BreadcrumbItem,
10+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=3362-74&t=TMTA4Fpy1ljK4qQP-11',
11+
{
12+
props: {
13+
// strings
14+
text: figma.string('Text'),
15+
16+
// enums
17+
type: figma.enum('Type', {
18+
Home: 'home',
19+
'Breadcrumb item': 'breadcrumb-item'
20+
}),
21+
state: figma.enum('State', {
22+
Link: 'link',
23+
Hover: undefined,
24+
'No link': 'no-link'
25+
})
26+
},
27+
example: (props) => <BreadcrumbItem text={props.text} type={props.type} state={props.state} />
28+
}
29+
);

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

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

‎packages/react-core/codeConnect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import figma from '@figma/code-connect';
2+
import { BreadcrumbItem } from '@patternfly/react-core';
3+
4+
/**
5+
* PatternFly BreadcrumbItem integration for Figma Code Connect
6+
*/
7+
8+
figma.connect(
9+
BreadcrumbItem,
10+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=19922-43760&t=TMTA4Fpy1ljK4qQP-11',
11+
{
12+
props: {
13+
// enums
14+
state: figma.enum('State', {
15+
Clicked: true
16+
})
17+
},
18+
example: (props) => <BreadcrumbItem isActive={props.state} isDropdown />
19+
}
20+
);

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

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import figma from '@figma/code-connect';
2+
import { CodeBlock } from '@patternfly/react-core';
3+
4+
/**
5+
* PatternFly CodeBlock component integration for Figma Code Connect
6+
*/
7+
8+
figma.connect(
9+
CodeBlock,
10+
"https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=9802-5857&t=IzSunfrnw18ti37Y-11",
11+
{
12+
props: {
13+
isExpandable: figma.boolean('Expandable'),
14+
children: figma.children('*')
15+
},
16+
example: (props) => <CodeBlock>{props.children}</CodeBlock>
17+
}
18+
);

‎packages/react-core/codeConnect/components/CodeEditor/CodeEditor.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 { CodeEditor } from '@patternfly/react-code-editor';
3+
4+
/**
5+
* PatternFly CodeEditor component integration for Figma Code Connect
6+
*/
7+
8+
figma.connect(
9+
CodeEditor,
10+
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=16994-184502&m=dev',
11+
{
12+
props: {
13+
// boolean
14+
isEditable: figma.enum('Type', { Editable: true }),
15+
isEmptyState: figma.enum('Type', { 'Empty state': true }),
16+
isMinimapVisible: figma.boolean('Mini Map'),
17+
hasRuler: figma.boolean('Ruler'),
18+
hasRulerErrors: figma.boolean('Rule'),
19+
hasShortcuts: figma.boolean('With Shortcuts', { true: 'View Shortcuts' }),
20+
showsLineNumbers: figma.boolean('Show Line Numbers'),
21+
},
22+
example: (props) => (
23+
<CodeEditor
24+
emptyState={props.isEmptyState}
25+
isEditable={props.isEditable}
26+
shortcutsPopoverButtonText={props.hasShortcuts}
27+
isLineNumbersVisible={props.showsLineNumbers}
28+
isMinimapVisible={props.isMinimapVisible}
29+
language={Language.typescript}
30+
/>
31+
)
32+
}
33+
);

0 commit comments

Comments
 (0)