diff --git a/packages/code-connect/components/AboutModal/AboutModal.figma.tsx b/packages/code-connect/components/AboutModal/AboutModal.figma.tsx deleted file mode 100644 index fb15f4065b1..00000000000 --- a/packages/code-connect/components/AboutModal/AboutModal.figma.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import figma from '@figma/code-connect'; -import { AboutModal, Button, Content } from '@patternfly/react-core'; - -/** - * PatternFly AboutModal integration for Figma Code Connect - * @see https://www.patternfly.org/components/about-modal - */ - -figma.connect( - AboutModal, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2879-13973&t=15CEJpGgVui7qP5Q-11', - { - props: { - productName: figma.string('Product name') - }, - example: ({ productName }) => { - /* eslint-disable */ - const [isOpen, setIsOpen] = React.useState(false); - /* eslint-enable */ - - return ( - <> - - setIsOpen(false)} - productName={productName} - trademark="Copyright © 2024" - brandImageSrc="/assets/images/brand.svg" - brandImageAlt="Brand Image Alt Text" - backgroundImageSrc="/assets/images/background.png" - > - -
-
CFME version
-
5.5.3.4.20102789036450
-
Cloudforms Version
-
4.1
-
Server name
-
40DemoMaster
-
User name
-
Administrator
-
User role
-
EvmRole-super_administrator
-
Browser version
-
601.2
-
Browser OS
-
Mac
-
- - - - ); - } - } -); diff --git a/packages/code-connect/components/Accordion/Accordion.figma.tsx b/packages/code-connect/components/Accordion/Accordion.figma.tsx deleted file mode 100644 index 9ef35289b62..00000000000 --- a/packages/code-connect/components/Accordion/Accordion.figma.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import figma from '@figma/code-connect'; -import { Accordion } from '@patternfly/react-core'; - -// Documentation for Accordion can be found at https://www.patternfly.org/components/accordion - -figma.connect( - Accordion, - 'https://www.figma.com/file/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2621-623', - { - props: { - // enum - displaySize: figma.enum('Type', { 'Large Bordered': 'lg' }), - isBordered: figma.enum('Type', { - Bordered: true, - 'Large Bordered': true - }), - togglePosition: figma.enum('Caret position', { Left: 'start' }), - - children: figma.children('Accordion toggle') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/Accordion/AccordionToggle.figma.tsx b/packages/code-connect/components/Accordion/AccordionToggle.figma.tsx deleted file mode 100644 index 4f5708cdb6a..00000000000 --- a/packages/code-connect/components/Accordion/AccordionToggle.figma.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import figma from '@figma/code-connect'; -import { AccordionItem, AccordionToggle, AccordionContent } from '@patternfly/react-core'; - -// Documentation for AccordionToggle can be found at https://www.patternfly.org/components/accordion -// Note: Adding on onClick event is recommended to initialize AccordionToggle - -figma.connect( - AccordionToggle, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1423-687', - { - props: { - // string - expandText: figma.string('Expand Text'), - - // enum - open: figma.enum('State', { Expanded: true }), - toggleTextExpanded: figma.enum('State', { - Default: figma.string('Toggle Text'), - Hover: figma.string('Toggle Text'), - Expanded: figma.string('Toggle Text Expanded') - }) - }, - example: (props) => ( - - {}} id=""> - {props.toggleTextExpanded} - - -

{props.expandText}

- - - ) - } -); diff --git a/packages/code-connect/components/ActionList/ActionList.figma.tsx b/packages/code-connect/components/ActionList/ActionList.figma.tsx deleted file mode 100644 index e92199479ab..00000000000 --- a/packages/code-connect/components/ActionList/ActionList.figma.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import figma from '@figma/code-connect'; -import { ActionList } from '@patternfly/react-core'; - -// TODO: DESIGN: Add ActionListGroup component -// TODO: DESIGN: Add ActionListItem component -// Documentation for ActionList can be found at https://www.patternfly.org/components/action-list - -figma.connect( - ActionList, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6780-15839', - { - props: { - // enum - isIconList: figma.enum('Type', { 'Action icons only': true }), - - children: figma.children('*') - }, - example: (props) => {props.children} - } -); diff --git a/packages/code-connect/components/Alert/InlineAlert.figma.tsx b/packages/code-connect/components/Alert/InlineAlert.figma.tsx deleted file mode 100644 index e78a587fa5e..00000000000 --- a/packages/code-connect/components/Alert/InlineAlert.figma.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import figma from '@figma/code-connect'; -import { Alert } from '@patternfly/react-core'; - -// Documentation for Alert can be found at https://www.patternfly.org/components/alert - -figma.connect( - Alert, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2698', - { - props: { - // string - description: figma.string('✏️ Title'), - title: figma.string('✏️ Title'), - - // boolean - isExpandable: figma.boolean('Expandable'), - - // enum - variant: figma.enum('Type', { - Info: 'info', - Success: 'success', - Warning: 'warning', - Danger: 'danger', - Custom: 'custom' - }) - }, - example: (props) => ( - - {props.description} - - ) - } -); diff --git a/packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx b/packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx deleted file mode 100644 index cefe226d00b..00000000000 --- a/packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import figma from '@figma/code-connect'; -import { AlertGroup } from '@patternfly/react-core'; - -// Documentation for Alert can be found at https://www.patternfly.org/components/alert - -figma.connect( - AlertGroup, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2780', - { - props: { - children: figma.children('*') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx b/packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx deleted file mode 100644 index 2da8fbeb2e7..00000000000 --- a/packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import figma from '@figma/code-connect'; -import { Alert } from '@patternfly/react-core'; - -// Documentation for Alert can be found at https://www.patternfly.org/components/alert - -figma.connect( - Alert, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2754', - { - props: { - // string - description: figma.string('✏️ Title'), - title: figma.string('✏️ Title'), - - // enum - variant: figma.enum('Type', { - Info: 'info', - Success: 'success', - Warning: 'warning', - Danger: 'danger', - Custom: 'custom' - }), - - children: figma.children('*') - }, - example: (props) => ( - - {props.description} - - ) - } -); diff --git a/packages/code-connect/components/Alert/OverflowFooter.figma.tsx b/packages/code-connect/components/Alert/OverflowFooter.figma.tsx deleted file mode 100644 index 04a73853b41..00000000000 --- a/packages/code-connect/components/Alert/OverflowFooter.figma.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import figma from '@figma/code-connect'; -import { Alert, AlertActionCloseButton, AlertGroup } from '@patternfly/react-core'; - -// Documentation for Alert can be found at https://www.patternfly.org/components/alert - -figma.connect( - AlertGroup, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2784', - { - props: { - overflowMessage: figma.string('✏️ Title') - }, - example: (props) => ( - {}} overflowMessage={props.overflowMessage}> - {}} />} - key={1} - /> - {}} />} - key={2} - /> - {}} />} - key={3} - /> - {}} />} - key={4} - /> - - ) - } -); diff --git a/packages/code-connect/components/Alert/ToastAlert.figma.tsx b/packages/code-connect/components/Alert/ToastAlert.figma.tsx deleted file mode 100644 index b7d1ef87d50..00000000000 --- a/packages/code-connect/components/Alert/ToastAlert.figma.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import figma from '@figma/code-connect'; -import { Alert } from '@patternfly/react-core'; - -// Documentation for Alert can be found at https://www.patternfly.org/components/alert - -figma.connect( - Alert, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2587', - { - props: { - // string - description: figma.string('✏️ Title'), - title: figma.string('✏️ Title'), - - // boolean - isExpandable: figma.boolean('Expandable'), - - // enum - variant: figma.enum('Type', { - Custom: 'custom', - Danger: 'danger', - Info: 'info', - Success: 'success', - Warning: 'warning' - }) - }, - example: (props) => ( - - {props.description} - - ) - } -); diff --git a/packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx b/packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx deleted file mode 100644 index 7a16c09a440..00000000000 --- a/packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import figma from '@figma/code-connect'; -import { AlertGroup } from '@patternfly/react-core'; - -// Documentation for AlertGroup can be found at https://www.patternfly.org/components/alert - -figma.connect( - AlertGroup, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2821', - { - props: { - children: figma.children('*') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/Avatar/Avatar.figma.tsx b/packages/code-connect/components/Avatar/Avatar.figma.tsx deleted file mode 100644 index 8959f3c1c9c..00000000000 --- a/packages/code-connect/components/Avatar/Avatar.figma.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import figma from '@figma/code-connect'; -import { Avatar } from '@patternfly/react-core'; - -// Documentation for Avatar can be found at https://www.patternfly.org/components/avatar - -figma.connect( - Avatar, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=1561-4342', - { - props: { - // boolean - isBordered: figma.boolean('Bordered'), - - // enum - size: figma.enum('Size', { - small: 'sm', - med: 'md', - lg: 'lg', - XL: 'xl' - }) - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/components/BackToTop/BackToTop.figma.tsx b/packages/code-connect/components/BackToTop/BackToTop.figma.tsx deleted file mode 100644 index c6c58f7724e..00000000000 --- a/packages/code-connect/components/BackToTop/BackToTop.figma.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import figma from '@figma/code-connect'; -import { BackToTop } from '@patternfly/react-core'; - -// Documentation for BackToTop can be found at https://www.patternfly.org/components/back-to-top - -figma.connect( - BackToTop, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1521-958', - { - props: { - text: figma.string('Text') - }, - example: (props) => - } -); diff --git a/packages/code-connect/components/Backdrop/Backdrop.figma.tsx b/packages/code-connect/components/Backdrop/Backdrop.figma.tsx deleted file mode 100644 index 3c6e02acc70..00000000000 --- a/packages/code-connect/components/Backdrop/Backdrop.figma.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import figma from '@figma/code-connect'; -import { Backdrop } from '@patternfly/react-core'; - -// Documentation for Backdrop can be found at https://www.patternfly.org/components/backdrop - -figma.connect( - Backdrop, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2873-2900', - { - example: () => - } -); diff --git a/packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx b/packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx deleted file mode 100644 index bc8654807bc..00000000000 --- a/packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import figma from '@figma/code-connect'; -import { BackgroundImage } from '@patternfly/react-core'; - -// Documentation for BackgroundImage can be found at https://www.patternfly.org/components/background-image - -figma.connect( - BackgroundImage, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2722-13543', - { - example: () => - } -); diff --git a/packages/code-connect/components/Badge/Badge.figma.tsx b/packages/code-connect/components/Badge/Badge.figma.tsx deleted file mode 100644 index d45e66a0a9a..00000000000 --- a/packages/code-connect/components/Badge/Badge.figma.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import figma from '@figma/code-connect'; -import { Badge } from '@patternfly/react-core'; - -// Documentation for Badge can be found at https://www.patternfly.org/components/badge - -figma.connect( - Badge, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1259-1132', - { - props: { - // string - text: figma.string('Text'), - - // enum - isDisabled: figma.enum('Type', { disabled: true }), - isRead: figma.enum('Type', { Read: true }) - }, - example: (props) => ( - - {props.text} - - ) - } -); diff --git a/packages/code-connect/components/Banner/NonStatusBanner.figma.tsx b/packages/code-connect/components/Banner/NonStatusBanner.figma.tsx deleted file mode 100644 index 5b11678d0c7..00000000000 --- a/packages/code-connect/components/Banner/NonStatusBanner.figma.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import figma from '@figma/code-connect'; -import { Banner } from '@patternfly/react-core'; - -// Documentation for Banner can be found at https://www.patternfly.org/components/banner - -figma.connect( - Banner, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=221-1443', - { - props: { - // string - text: figma.string('✏️ Center text'), - - // enum - color: figma.enum('Color', { - Red: 'red', - Orangered: 'orangered', - Orange: 'orange', - Yellow: 'yellow', - Green: 'green', - Teal: 'teal', - Blue: 'blue', - Purple: 'purple' - }) - }, - example: (props) => {props.text} - } -); diff --git a/packages/code-connect/components/Banner/StatusBanner.figma.tsx b/packages/code-connect/components/Banner/StatusBanner.figma.tsx deleted file mode 100644 index 83272bdd787..00000000000 --- a/packages/code-connect/components/Banner/StatusBanner.figma.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import figma from '@figma/code-connect'; -import { Banner } from '@patternfly/react-core'; - -// Documentation for Banner can be found at https://www.patternfly.org/components/banner - -figma.connect( - Banner, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=221-937', - { - props: { - // string - text: figma.string('✏️ Center text'), - - // enum - status: figma.enum('Status', { - Success: 'success', - Warning: 'warning', - Danger: 'danger', - Info: 'info', - Custom: 'custom' - }), - screenReaderText: figma.enum('Status', { - Success: 'Success banner screen reader text', - Warning: 'Warning banner screen reader text', - Danger: 'Danger banner screen reader text', - Info: 'Info banner screen reader text', - Custom: 'Custom banner screen reader text' - }) - }, - example: (props) => ( - - {props.text} - - ) - } -); diff --git a/packages/code-connect/components/Brand/FullLogo.figma.tsx b/packages/code-connect/components/Brand/FullLogo.figma.tsx deleted file mode 100644 index 28f7f91f853..00000000000 --- a/packages/code-connect/components/Brand/FullLogo.figma.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import figma from '@figma/code-connect'; -import { Brand } from '@patternfly/react-core'; - -// Documentation for Brand can be found at https://www.patternfly.org/components/brand - -figma.connect( - Brand, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2104-3689', - { - example: () => ( - - ) - } -); diff --git a/packages/code-connect/components/Brand/MastheadLogo.figma.tsx b/packages/code-connect/components/Brand/MastheadLogo.figma.tsx deleted file mode 100644 index c78c3da6801..00000000000 --- a/packages/code-connect/components/Brand/MastheadLogo.figma.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import figma from '@figma/code-connect'; -import { Brand } from '@patternfly/react-core'; - -// Documentation for Brand can be found at https://www.patternfly.org/components/brand - -figma.connect( - Brand, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2104-3644', - { - example: () => ( - - - - - - - - - ) - } -); diff --git a/packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx b/packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx deleted file mode 100644 index 6ad19b534e8..00000000000 --- a/packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import figma from '@figma/code-connect'; -import { Breadcrumb } from '@patternfly/react-core'; - -// Documentation for Breadcrumb can be found at https://www.patternfly.org/components/breadcrumb - -figma.connect( - Breadcrumb, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=3362-283', - { - props: { - children: figma.children('*') - }, - example: (props) => {props.children} - } -); diff --git a/packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx b/packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx deleted file mode 100644 index 6e834534dcc..00000000000 --- a/packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import figma from '@figma/code-connect'; -import { BreadcrumbItem } from '@patternfly/react-core'; - -// Documentation for BreadcrumbItem can be found at https://www.patternfly.org/components/breadcrumb - -figma.connect( - BreadcrumbItem, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=3362-74', - { - props: { - // string - text: figma.string('Text'), - - // enum - to: figma.enum('State', { - Link: '#', - Hover: '#' - }) - }, - example: (props) => {props.text} - } -); diff --git a/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx b/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx deleted file mode 100644 index 47f48d3ea6a..00000000000 --- a/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import figma from '@figma/code-connect'; -import { Badge, BreadcrumbItem, Dropdown, DropdownItem, DropdownList, Icon, MenuToggle } from '@patternfly/react-core'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; - -// Documentation for BreadcrumbItem can be found at https://www.patternfly.org/components/breadcrumb - -figma.connect( - BreadcrumbItem, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=19922-43760', - { - props: {}, - example: () => ( - - {}} - onOpenChange={() => {}} - toggle={() => ( - - 01 - - } - onClick={() => {}} - isExpanded={false} - variant="plainText" - /> - )} - isOpen={false} - > - - - - - } - key="edit" - > - Edit - - , - - - - } - key="action" - > - Deployment - - , - - - - } - key="apps" - > - Applications - - - - - ) - } -); diff --git a/packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx b/packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx deleted file mode 100644 index 8f5047d7e1c..00000000000 --- a/packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import figma from '@figma/code-connect'; -import { ClipboardCopy } from '@patternfly/react-core'; - -// TODO: DESIGN: ClipboardCopy is using InputGroup improperly. There's no InputGroup wrapper for InputGroupItems - -figma.connect( - ClipboardCopy, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=9914-75835', - { - props: { - // enum - isExpanded: figma.enum('State', { Expanded: true }), - isReadOnly: figma.enum('State', { 'Read only': true }), - expansion: figma.enum('State', { - Expanded: 'expansion', - false: undefined - }), - - inputText: figma.nestedProps('Input Group Items', { - value: figma.string('✏️ Input text') - }) - }, - example: (props) => ( - // Documentation for ClipboardCopy can be found at https://www.patternfly.org/components/clipboard-copy - {}} - clickTip="Copied" - hoverTip="Copy" - isExpanded={props.isExpanded} - isReadOnly={props.isReadOnly} - variant={props.expansion} - > - {props.inputText.value} - - ) - } -); diff --git a/packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx b/packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx deleted file mode 100644 index 5a990fae565..00000000000 --- a/packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import figma from '@figma/code-connect'; -import { ClipboardCopy } from '@patternfly/react-core'; - -// Documentation for ClipboardCopy can be found at https://www.patternfly.org/components/clipboard-copy - -figma.connect( - ClipboardCopy, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=9914-75768', - { - props: { - children: figma.children('*') - }, - example: (props) => ( - {}} variant="inline-compact"> - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx b/packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx deleted file mode 100644 index 1f0c5696ec1..00000000000 --- a/packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import figma from '@figma/code-connect'; -import { CodeBlock, CodeBlockCode, ExpandableSection, ExpandableSectionToggle } from '@patternfly/react-core'; - -// TODO: DESIGN: Configure Actions layer to contain CodeBlockAction components - -figma.connect( - CodeBlock, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=9802-5857', - { - props: { - editorText: 'code block code', - - actions: `action1, action2, action3, action4, action5`, - - // boolean - expandableSectionToggle: figma.boolean('Expandable', { - true: ( - {}} contentId="code-block-id"> - Show More - - ), - false: undefined - }), - expandableSectionContent: figma.boolean('Expandable', { - true: ( - - Expandable content - - ), - false: undefined - }) - }, - example: (props) => ( - - - {props.editorText} - {props.expandableSectionContent} - - {props.expandableSectionToggle} - - ) - } -); diff --git a/packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx b/packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx deleted file mode 100644 index 640c9412d02..00000000000 --- a/packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import figma from '@figma/code-connect'; -import { CodeEditor } from '@patternfly/react-code-editor'; - -// TODO: DESIGN: Add support for actions, wrap each action in the appropriate compnent -// TODO: DESIGN: When shortcuts is removed, presentation breaks -// TODO: DESIGN: configure options for actions -// TODO: DESIGN: Add viewshortcuts -// TODO: DESIGN: ifshortcuts is true -// Documentation for CodeEditor can be found at https://www.patternfly.org/components/code-editor - -figma.connect( - CodeEditor, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=16994-184502', - { - props: { - // boolean - hasCustomControls: '', - isUploadEnabled: figma.boolean('Action 1'), - isCopyEnabled: figma.boolean('Action 2'), - isDownloadEnabled: figma.boolean('Action 3'), - showsLineNumbers: figma.boolean('Show Line Numbers'), - - // enum - isMinimapVisible: figma.enum('Type', { 'Mini Map': true }) - }, - example: (props) => ( - <> - - - ) - } -); diff --git a/packages/code-connect/components/DataList/DataList.figma.tsx b/packages/code-connect/components/DataList/DataList.figma.tsx deleted file mode 100644 index cceb9c61217..00000000000 --- a/packages/code-connect/components/DataList/DataList.figma.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import figma from '@figma/code-connect'; -import { DataList } from '@patternfly/react-core'; - -// TODO: DESIGN: Separate examples, rename files to match their react counterparts. -// Documentation for DataList can be found at https://www.patternfly.org/components/data-list - -figma.connect( - DataList, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6649-80542', - { - props: { - // enum - isCompact: figma.enum('Size', { Compact: true }), - - children: figma.children('*') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx b/packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx deleted file mode 100644 index 6c8d4ecfe33..00000000000 --- a/packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import figma from '@figma/code-connect'; -import { DataListItem, DataListItemRow } from '@patternfly/react-core'; - -figma.connect( - DataListItemRow, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6649-69488&m=dev', - { - props: { - children: figma.children('*') - }, - example: (props) => ( - // aria-labelledby should point to an ID within the DataListItemRow/DataListItemCell - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx b/packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx deleted file mode 100644 index f06513ba576..00000000000 --- a/packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import figma from '@figma/code-connect'; -import { DataListItem, DataListItemRow } from '@patternfly/react-core'; - -// Documentation for DataListItemRow can be found at https://www.patternfly.org/components/data-list - -figma.connect( - DataListItemRow, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6649-96947', - { - props: { - children: figma.children('*') - }, - example: (props) => ( - // aria-labelledby should point to an ID within the DataListItemRow/DataListItemCell - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx b/packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx deleted file mode 100644 index f1c90db7194..00000000000 --- a/packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import figma from '@figma/code-connect'; -import { DataList } from '@patternfly/react-core'; - -// Documentation for DataListItemRow can be found at https://www.patternfly.org/components/data-list -// This variant has been refactored to use the DragDropSort component. -// In order to use this variant, you must wrap the DataList component in a DragDropSort component. - -figma.connect( - DataList, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=19618-55289', - { - example: () => - 'Draggable DataList variant has been refactored to use the DragDropSort component. The design is the same, but the implementation is different. This component variant requires refactoring to work within the new context. For more information, see the example at https://www.patternfly.org/components/data-list/#draggable.' - // Code example: - // { - // setItems(newItems); - // }} - // variant="DataList" - // overlayProps={{ isCompact: true }} - // > - // - // - } -); diff --git a/packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx b/packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx deleted file mode 100644 index 75c18d6e8bf..00000000000 --- a/packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import figma from '@figma/code-connect'; -import { DataListAction } from '@patternfly/react-core'; - -// Documentation for DataListItemRow can be found at https://www.patternfly.org/components/data-list - -figma.connect( - DataListAction, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6596-33965', - { - example: () => ( - - 'Action' - - ) - } -); diff --git a/packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx b/packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx deleted file mode 100644 index a7d4356a90e..00000000000 --- a/packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import figma from '@figma/code-connect'; -import { Icon, DataListCell, DataListItem, DataListItemCells, DataListItemRow } from '@patternfly/react-core'; - -// TODO: DESIGN: Either name layers uniquely or create a dataListCell component to house -// Documentation for DataList can be found at https://www.patternfly.org/components/data-list - -figma.connect( - DataListCell, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6596-33934', - { - props: { - showDescriptionText: figma.boolean('Show description text'), - - // enum - isIcon: figma.enum('Type', { - 'Filled - Plain text': true - }), - isFilled: figma.enum('Type', { - 'Filled - Plain text': true, - 'Filled - Link text': true - }), - - primaryContent: 'Main content', - secondaryContent: 'Second content block' - }, - example: (props) => ( - - - - - , - - {props.primaryContent} - , - {props.secondaryContent} - ]} - /> - - - ) - } -); diff --git a/packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx b/packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx deleted file mode 100644 index c709bd6ed9f..00000000000 --- a/packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import figma from '@figma/code-connect'; -import { - // DataListAction, - DataListCheck, - DataListControl, - DataListToggle -} from '@patternfly/react-core'; - -// TODO: 2. Base Components/Control cell - These cells need unique names. Either create components for DataListCell, -// DataListToggle, DataListDragButton, DataListAction, DataListCheck -// These component specifics are unreachable unless separated into their own entities -// Documentation for DataListControl can be found at https://www.patternfly.org/components/data-list - -// const selectableCell = { -// -// return ( -// <> -// {props.isSelectable} -// {props.isExpandable} -// {props.isDraggable} -// -// {props.children} -// -// -// ); -// }; - -figma.connect( - DataListControl, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6596-34013', - { - props: { - isExpandable: figma.boolean('Row expansion', { - true: {}} isExpanded={false} id="toggle1" aria-controls="expand1" />, - false: undefined - }), - isSelectable: figma.boolean('Row select', { - true: , - false: undefined - }) - }, - example: (props) => ( - <> - {props.isSelectable} - {props.isExpandable} - - ) - } -); diff --git a/packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx b/packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx deleted file mode 100644 index 8fde324c68f..00000000000 --- a/packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import figma from '@figma/code-connect'; -import { CalendarMonth } from '@patternfly/react-core'; - -// Documentation for CalendarMonth can be found at https://www.patternfly.org/components/calendar-month - -figma.connect( - CalendarMonth, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=7741-2677', - { - props: { - date: '2025-06-16' - }, - example: (props) => {}} onMonthChange={() => {}} /> - } -); diff --git a/packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx b/packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx deleted file mode 100644 index 0f226f5a427..00000000000 --- a/packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import figma from '@figma/code-connect'; -import { CalendarMonth, Title } from '@patternfly/react-core'; - -// Documentation for CalendarMonth can be found at https://www.patternfly.org/components/calendar-month -const sharedProps = { - inlineProps: { - component: 'article', - title: ( - - Select your favorite date - - ) - } -}; - -figma.connect( - CalendarMonth, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=7958-136846', - { - props: { - ...sharedProps, - date: '2025-06-16' - }, - example: (props) => ( - {}} onMonthChange={() => {}} /> - ) - } -); - -figma.connect( - CalendarMonth, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=7958-136846', - { - props: { - ...sharedProps, - variant: { Type: 'With date range' }, - startDate: new Date(2020, 10, 11), - endDate: new Date(2020, 10, 24) - }, - example: (props) => ( - {}} - onMonthChange={() => {}} - rangeStart={props.startDate} - /> - ) - } -); diff --git a/packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx b/packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx deleted file mode 100644 index 8d7366ab344..00000000000 --- a/packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx +++ /dev/null @@ -1,94 +0,0 @@ -import figma from '@figma/code-connect'; -import { - Button, - CalendarMonth, - Dropdown, - DropdownItem, - DropdownList, - InputGroup, - InputGroupItem, - MenuToggle, - Popover, - TextInput, - TimePicker -} from '@patternfly/react-core'; -import OutlinedCalendarAltIcon from '@patternfly/react-icons/dist/esm/icons/outlined-calendar-alt-icon'; -import OutlinedClockIcon from '@patternfly/react-icons/dist/esm/icons/outlined-clock-icon'; - -// Documentation for TimePicker can be found at https://www.patternfly.org/components/time-picker - -const sharedProps = { - time: ( - {}} - isOpen={false} - onOpenChange={() => {}} - toggle={(toggleRef) => ( - {}} - isExpanded={false} - aria-label="Time picker" - icon={} - /> - )} - > - - - Action - - - Operation - - - - ), - calendarButton: ( - - - - - - ) - } -); - -figma.connect( - DescriptionListTerm, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=36279-2532', - { - variant: { 'Has help text': true, 'Inline edit toggle': false }, - props: { - // string - label: figma.string('✏️ Label'), - - // enum - icon: figma.enum('Icon ⎆', { - true: , - false: undefined - }) - }, - example: (props) => ( - - {props.label}} bodyContent={
This is the help text
}> - - {props.icon} - {props.label} - - - - ) - } -); - -figma.connect( - DescriptionListTerm, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=36279-2532', - { - props: { - // string - label: figma.string('✏️ Label'), - - // enum - icon: figma.enum('Icon ⎆', { - true: , - false: undefined - }) - }, - example: (props) => {props.label} - } -); diff --git a/packages/code-connect/components/Divider/Divider.figma.tsx b/packages/code-connect/components/Divider/Divider.figma.tsx deleted file mode 100644 index 18189ce4f65..00000000000 --- a/packages/code-connect/components/Divider/Divider.figma.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import figma from '@figma/code-connect'; -import { Divider, Flex, FlexItem } from '@patternfly/react-core'; - -// Documentation for Divider can be found at https://www.patternfly.org/components/divider - -figma.connect( - Divider, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2764-6708', - { - props: { - // TODO: Figma allows optional insets, but default to insetMd - inset: figma.boolean('With insets', { - true: { default: 'insetMd' }, - false: { default: 'insetNone' } - }), - // TODO: This is a good example of how properties in Figma and props in React would benefit from naming consistency - // React is looking for orientation, figma is defining orientation as 'Direction' - orientation: figma.enum('Direction', { - Horizontal: { default: undefined }, - Vertical: { default: 'vertical' } - }) - }, - example: (props) => ( - - first item - - - ) - } -); - -figma.connect( - Divider, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2764-6708', - { - props: { - // TODO: Figma allows optional insets, but default to insetMd - inset: figma.boolean('With insets', { - true: { default: 'insetMd' }, - false: { default: 'insetNone' } - }), - // TODO: This is a good example of how properties in Figma and props in React would benefit from naming consistency - // React is looking for orientation, figma is defining orientation as 'Direction' - orientation: figma.enum('Direction', { - Horizontal: { default: undefined }, - Vertical: { default: 'vertical' } - }) - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/components/Drawer/Drawer.figma.tsx b/packages/code-connect/components/Drawer/Drawer.figma.tsx deleted file mode 100644 index d2b54f2ed8a..00000000000 --- a/packages/code-connect/components/Drawer/Drawer.figma.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import figma from '@figma/code-connect'; -import { - Drawer, - DrawerActions, - DrawerCloseButton, - DrawerContent, - DrawerContentBody, - DrawerHead, - DrawerPanelBody, - DrawerPanelContent, - DrawerPanelDescription -} from '@patternfly/react-core'; - -// TODO: DESIGN: Drawer is not using base components, rather it's using layers. Layers should be replaced with base components. -// Panel content is currently static. Once updated to components, it will be updated to be dynamic. -// Documentation for Drawer can be found at https://www.patternfly.org/components/drawer - -figma.connect( - Drawer, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=8034-7676', - { - props: { - // boolean - isExpanded: true, - colorVariant: figma.enum('Background', { - Secondary: 'secondary', - Primary: undefined - }), - - // enum - isInline: figma.enum('Type', { Inline: true }), - position: figma.enum('Position', { - 'Left In Main Content Area': 'start', - 'Right - Full Page': undefined, - 'Left - Full Page': 'start', - 'Right Full Page': undefined, - 'Bottom Full Page': 'bottom', - 'Bottom In Main Content Area': 'bottom', - 'Right In Main Content Area': undefined - }) - - // Once updatedted to use child components, this will be used to render content. - // panelContent: figma.children(['Drawer Header', 'Drawer Tabs', 'Drawer Content']) - }, - example: (props) => ( - {}} - > - - - Drawer panel header - - {}} /> - - - Drawer panel description - Drawer panel body - - } - > - Drawer body content - - - ) - } -); diff --git a/packages/code-connect/components/Drawer/DrawerContent.figma.tsx b/packages/code-connect/components/Drawer/DrawerContent.figma.tsx deleted file mode 100644 index c9fe8b29897..00000000000 --- a/packages/code-connect/components/Drawer/DrawerContent.figma.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import figma from '@figma/code-connect'; -import { DrawerContent } from '@patternfly/react-core'; - -// Documentation for DrawerContent can be found at https://www.patternfly.org/components/drawer - -figma.connect( - DrawerContent, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=35627-47890', - { - props: { - panelContent: figma.children('*') - }, - example: (props) => - } -); diff --git a/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx b/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx deleted file mode 100644 index bfca4eb4ce8..00000000000 --- a/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import figma from '@figma/code-connect'; -import { Button, ButtonVariant, DualListSelectorPane, SearchInput } from '@patternfly/react-core'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; - -// Documentation for DualListHeader can be found at https://www.patternfly.org/components/dual-list-selector - -figma.connect( - DualListSelectorPane, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=21279-116172', - { - props: { - icon: , // placeholder icon - - // string - itemInformation: figma.string('Item information'), - title: figma.string('Header text'), - - // boolean - onSearch: figma.boolean('Has search bar', { - true: () => {}, - false: undefined - }), - isSearchable: figma.boolean('Has search bar', { - true: ( - {}} onClear={() => {}} aria-label={paneSearchLabel} /> - ), - false: undefined - }), - actions: figma.boolean('Has search bar', { - true: [ - - - - - - - - - - - - - - ) - } -); diff --git a/packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx b/packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx deleted file mode 100644 index d57533f9693..00000000000 --- a/packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import figma from '@figma/code-connect'; -import { - FileUpload, - MultipleFileUpload, - MultipleFileUploadMain, - MultipleFileUploadStatus, - MultipleFileUploadStatusItem -} from '@patternfly/react-core'; -import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; - -// TODO: DESIGN: Add status toggle text -// TODO: DESIGN: Add status toggle icon -// TODO: DESIGN: Add text separator -// TODO: DESIGN: Add info text -// TODO: DESIGN: Add status toggle text -// TODO: DESIGN: Add status toggle icon - -figma.connect( - FileUpload, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=8949-96128', - { - props: { - // static - titleText: 'Drag and drop files here', - titleTextSeparator: 'or', - infoText: 'Accepted file types: JPEG, Doc, PDF, PNG', - - // enum - isHorizontal: figma.enum('Layout', { Horizontal: true }), - - children: figma.children('*') - }, - example: (props) => ( - // Documentation for FileUpload can be found at https://www.patternfly.org/components/file-upload - {}} - > - } - titleText={props.titleText} - titleTextSeparator={props.titleTextSeparator} - /> - - - {}} - onReadSuccess={() => {}} - onReadFail={() => {}} - /> - - - ) - } -); diff --git a/packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx b/packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx deleted file mode 100644 index f64e56b0379..00000000000 --- a/packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import figma from '@figma/code-connect'; -import { FileUpload, FileUploadHelperText, HelperText, HelperTextItem } from '@patternfly/react-core'; - -// TODO: DESIGN: Add filename placeholder -// TODO: DESIGN: Add browse button text -// TODO: DESIGN: Add FileUploadHelperText - -figma.connect( - FileUpload, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=8949-96043', - { - props: { - // boolean - showHelperText: figma.boolean('Show helper text'), - hideDefaultPreview: figma.boolean('Show text preview box', { - true: false, - false: true - }), - helperText: figma.boolean('Show helper text', { - true: ( - - - Upload a CSV file - - - ), - false: undefined - }), - - // enum - allowEditingUploadedText: figma.enum('State', { 'Uploaded + Editable': true }), - isLoading: figma.enum('State', { 'In progress upload': true }), - isValidated: figma.enum('State', { - 'Invalid upload': 'error', - 'Uploaded + Editable': 'success', - 'Uploaded + Not Editable': 'success' - }) - }, - example: (props) => ( - // Documentation for FileUpload can be found at https://www.patternfly.org/components/file-upload - {}} - onDataChange={() => {}} - onTextChange={() => {}} - onReadStarted={() => {}} - onReadFinished={() => {}} - onClearClick={() => {}} - > - {props.helperText} - - ) - } -); diff --git a/packages/code-connect/components/Hint/Hint.figma.tsx b/packages/code-connect/components/Hint/Hint.figma.tsx deleted file mode 100644 index 99116bb3c58..00000000000 --- a/packages/code-connect/components/Hint/Hint.figma.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import figma from '@figma/code-connect'; -import { - Hint, - HintBody, - HintFooter, - HintTitle, - DropdownList, - Dropdown, - DropdownItem, - Divider -} from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; -import MenuToggle from '@patternfly/react-core/dist/js/components/MenuToggle/MenuToggle'; - -// TODO: DESIGN: Use dropdown from figma for actions -// TODO: DESIGN: Create hint title -// TODO: DESIGN: Create hint body -// TODO: DESIGN: Create hint footer - -// Note: Figma will not render conditional props within React components. -// This means that the , , and tags will not be properly render figma.string() -// Documentation for Hint can be found at https://www.patternfly.org/components/hint - -figma.connect( - Hint, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1118-3329', - { - props: { - // Pre-defined title options (enum works, boolean with JSX doesn't) - hintTitle: figma.enum('Show Title', { - false: undefined, - true: Hint title - }), - - // Pre-defined body options - hintBody: figma.enum('Show Body', { - false: undefined, - true: This is hint body text that provides helpful information. - }), - - // Pre-defined footer options - hintFooter: figma.enum('Show Footer', { - false: undefined, - true: Footer content or link - }) - }, - example: (props) => ( - {}} - onOpenChange={() => {}} - toggle={(toggleRef) => ( - {}} - isExpanded={false} - icon={} - /> - )} - > - - - Action - - {}}> - Link - - - Disabled Action - - - Disabled Link - - - - Separated Action - - {}}> - Separated Link - - - - } - > - {props.hintTitle} - {props.hintBody} - {props.hintFooter} - - ) - } -); diff --git a/packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx b/packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx deleted file mode 100644 index 38ec11644d0..00000000000 --- a/packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import figma from '@figma/code-connect'; - -// Inline edit is NOT a React component -// Documentation for InlineEdit can be found at https://www.patternfly.org/components/inline-edit - -figma.connect('https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1664-8856', { - props: {}, - example: () => ( -
-
-
- Static value -
-
- -
-
-
-
- - - -
-
-
- -
-
- -
-
-
-
- ) -}); diff --git a/packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx b/packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx deleted file mode 100644 index 0837009b006..00000000000 --- a/packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import figma from '@figma/code-connect'; - -// Inline edit is NOT a React component -// Documentation for InlineEdit can be found at https://www.patternfly.org/components/inline-edit - -figma.connect('https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1664-5805', { - props: {}, - example: () => ( -
-
-
- -
-
- -
-
-
- ) -}); diff --git a/packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx b/packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx deleted file mode 100644 index d20bca9228b..00000000000 --- a/packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import figma from '@figma/code-connect'; - -// Inline edit is NOT a React component -// Documentation for InlineEdit can be found at https://www.patternfly.org/components/inline-edit - -figma.connect('https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1664-8905', { - props: {}, - example: () => ( -
-
- -
-
- ) -}); diff --git a/packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx b/packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx deleted file mode 100644 index 00be3d4f189..00000000000 --- a/packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import figma from '@figma/code-connect'; -import { JumpLinksItem } from '@patternfly/react-core'; - -// TODO: DESIGN: FIGMA: Remove icons, help popup, and close button -// Documentation for JumpLinks can be found at https://www.patternfly.org/components/jump-links - -figma.connect( - JumpLinksItem, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=5286-5330', - { - props: { - // string - tabText: figma.string('Tab Text'), - - // enum - isActive: figma.enum('State', { Selected: true }) - }, - example: (props) => ( - - {props.tabText} - - ) - } -); diff --git a/packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx b/packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx deleted file mode 100644 index 927a4e897a4..00000000000 --- a/packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import figma from '@figma/code-connect'; -import { JumpLinksItem } from '@patternfly/react-core'; - -// Documentation for JumpLinks can be found at https://www.patternfly.org/components/jump-links - -figma.connect( - JumpLinksItem, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=5426-8306', - { - props: { - // string - tabText: figma.string('Tab Text'), - - // enum - isActive: figma.enum('State', { Selected: true }) - }, - example: (props) => ( - - {props.tabText} - - ) - } -); diff --git a/packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx b/packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx deleted file mode 100644 index 10ba1868643..00000000000 --- a/packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import figma from '@figma/code-connect'; -import { JumpLinks } from '@patternfly/react-core'; - -// Documentation for JumpLinks can be found at https://www.patternfly.org/components/jump-links - -figma.connect( - JumpLinks, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=8644-150823', - { - props: { - // boolean - label: figma.boolean('Show label', { - true: 'Jump to section', - false: undefined - }), - - children: figma.children('*') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx b/packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx deleted file mode 100644 index e0d18ce0d57..00000000000 --- a/packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import figma from '@figma/code-connect'; -import { JumpLinks } from '@patternfly/react-core'; - -// Documentation for JumpLinks can be found at https://www.patternfly.org/components/jump-links - -figma.connect( - JumpLinks, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=5426-8542', - { - props: { - // boolean - label: figma.boolean('Show Label', { - true: 'Jump to section', - false: undefined - }), - - children: figma.children('*') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/Label/LabelGroups.figma.tsx b/packages/code-connect/components/Label/LabelGroups.figma.tsx deleted file mode 100644 index d71b4f69849..00000000000 --- a/packages/code-connect/components/Label/LabelGroups.figma.tsx +++ /dev/null @@ -1,230 +0,0 @@ -import figma from '@figma/code-connect'; -import { Label, LabelGroup } from '@patternfly/react-core'; - -// Documentation for LabelGroups can be found at https://www.patternfly.org/components/label - -const sharedProps = { - closableLabels: ( - <> - - - - - - - - - - - ), - editableLabels: ( - <> - - - - - - - - - - - ) -}; - -figma.connect( - LabelGroup, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2800-1075', - { - props: { - ...sharedProps, - // boolean - numLabels: figma.boolean('Has collapsed labels', { - true: 6, - false: undefined - }), - - // enum - addLabelControl: figma.enum('Type', { - 'Label management': ( - - ) - }) - }, - example: (props) => ( - {}} - > - {props.closableLabels} - - ) - } -); - -figma.connect( - LabelGroup, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2800-1075', - { - variant: { Type: 'Label management' }, - props: { - ...sharedProps, - // boolean - numLabels: figma.boolean('Has collapsed labels', { - true: 6, - false: undefined - }), - - // enum - addLabelControl: figma.enum('Type', { - 'Label management': ( - - ) - }) - }, - example: (props) => ( - {}} - > - {props.editableLabels} - - ) - } -); diff --git a/packages/code-connect/components/Label/LabelInGroup.figma.tsx b/packages/code-connect/components/Label/LabelInGroup.figma.tsx deleted file mode 100644 index 561c66ec342..00000000000 --- a/packages/code-connect/components/Label/LabelInGroup.figma.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import figma from '@figma/code-connect'; -import { Badge, Label } from '@patternfly/react-core'; - -// TODO: DESIGN: Reconfigure how numlabels is set. Currently, the text string "more" is not customizable -// TODO: DESIGN: Label group should contain label components - -// NOTE: "Label overflow" doesn't appear to be necessary -// Documentation for Label can be found at https://www.patternfly.org/components/label-group - -figma.connect(Label, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2800-1067', { - props: { - labelText: figma.string('Label text'), - isCloseable: figma.boolean('Has Close button', { - true: `{() => {}}`, - false: undefined - }), - badge: figma.boolean('Has counter', { - true: 06, - false: undefined - }) - }, - example: (props) => ( - - ) -}); diff --git a/packages/code-connect/components/Label/LabelNonStatus.figma.tsx b/packages/code-connect/components/Label/LabelNonStatus.figma.tsx deleted file mode 100644 index 466f51b8c49..00000000000 --- a/packages/code-connect/components/Label/LabelNonStatus.figma.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import figma from '@figma/code-connect'; -import { Label } from '@patternfly/react-core'; - -// Documentation for Label can be found at https://www.patternfly.org/components/label -// TODO: DESIGN: Update status to be a prop - -figma.connect( - Label, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2800-609', - { - props: { - status: 'info', // TODO: DESIGN: Update status to be a prop - // string - labelText: figma.string('Text'), - - // boolean - isEditable: figma.boolean('Is Editable', { - true: { - isEditable: true, - onEditCancel: () => {}, // Callback when an editable label cancels an edit. - onEditComplete: () => {}, // Callback when an editable label completes an edit. - editableProps: { - 'aria-label': `Editable label with text`, - id: 'editable-label' - } - }, - false: undefined - }), - - // enum - isCompact: figma.enum('Size', { Compact: true }), - color: figma.enum('Color', { - Red: 'red', - Orange: 'orange', - 'Orange Red': 'orangered', - Green: 'green', - Blue: 'blue', - Purple: 'purple', - Grey: 'grey', - Cyan: 'teal', // TODO: DESIGN: Update to teal - Gold: 'yellow' // TODO: DESIGN: Update to yellow - }), - variant: figma.enum('Type', { Outlined: 'outline' }) - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/components/Label/LabelStatus.figma.tsx b/packages/code-connect/components/Label/LabelStatus.figma.tsx deleted file mode 100644 index e8cb48a55d5..00000000000 --- a/packages/code-connect/components/Label/LabelStatus.figma.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import figma from '@figma/code-connect'; -import { Label } from '@patternfly/react-core'; - -// Documentation for Label can be found at https://www.patternfly.org/components/label - -figma.connect( - Label, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2800-488', - { - props: { - // string - text: figma.string('Text'), - isCompact: figma.enum('Size', { Compact: true }), - - // enum - variant: figma.enum('Type', { Outlined: 'outline' }), - status: figma.enum('Status', { - Success: 'success', - Warning: 'warning', - Danger: 'danger', - Info: 'info', - Custom: 'custom' - }) - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx b/packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx deleted file mode 100644 index b1849790164..00000000000 --- a/packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import figma from '@figma/code-connect'; -import { LoginPage } from '@patternfly/react-core'; - -// TODO: Map Figma component to these properties -// Documentation for LoginPage can be found at https://www.patternfly.org/components/login-page - -figma.connect( - LoginPage, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2104-4180', - { - props: { - children: figma.children('*') - }, - example: (props) => ( - - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/Masthead/Masthead.figma.tsx b/packages/code-connect/components/Masthead/Masthead.figma.tsx deleted file mode 100644 index 56982963c5b..00000000000 --- a/packages/code-connect/components/Masthead/Masthead.figma.tsx +++ /dev/null @@ -1,105 +0,0 @@ -import figma from '@figma/code-connect'; -import { - Button, - Masthead, - MastheadContent, - MastheadMain, - MastheadToggle, - Menu, - MenuSearch, - MenuSearchInput, - SearchInput, - Divider, - MenuContent, - MenuList, - MenuItem, - Nav, - NavItem, - NavList -} from '@patternfly/react-core'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; -import { useState } from 'react'; - -// TODO: DESIGN: Create masthead main section MastheadMain MastheadContent -// TODO: DESIGN: Move Context Switcher, Horizontal Nav, etc to MastheadContent -// TODO: DESIGN: Create necessary wrappers for MastheadToggle, MastheadBrand, MastheadContent -// Documentation for Masthead can be found at https://www.patternfly.org/components/masthead - -const sharedProps = { - mastheadContent: figma.enum('Masthead content', { - 'Context switcher': ( - {}} activeItemId={0}> - - - {}} /> - - - - - - Item 1 - Item 2 - Item 3 - - - - ), - 'Horizontal navigation': ( - - ) - }) -}; - -figma.connect( - Masthead, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2104-6642', - { - props: { - ...sharedProps, - mastheadBrand: figma.children('Masthead logo'), - mastheadToggle: figma.boolean('Left Menu Toggle', { - true: ( - - - { - setIsOpen(!isOpen); - }} - variant={props.variant} - > - - - {props.modalContent} - - {props.modalFooter} - - - - ); - } - } -); diff --git a/packages/code-connect/components/Modal/BasicModal.figma.tsx b/packages/code-connect/components/Modal/BasicModal.figma.tsx deleted file mode 100644 index ccfcd4e40b2..00000000000 --- a/packages/code-connect/components/Modal/BasicModal.figma.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import figma from '@figma/code-connect'; -import { Button, Modal, ModalBody, ModalFooter, ModalHeader, Popover } from '@patternfly/react-core'; -import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; - -// TODO: DESIGN: Add Modal Body component to Modal -// TODO: DESIGN: Add Modal Footer component to Modal -// TODO: DESIGN: Add Modal Header component to Modal -// Documentation for Modal can be found at https://www.patternfly.org/components/modal - -figma.connect( - Modal, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2937-158', - { - props: { - // boolean - hasDescription: figma.boolean('Description', { - true: 'Product description goes here', - false: undefined - }), - help: figma.boolean('Help icon', { - true: ( - Help Popover} - bodyContent={ -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis. -
- } - footerContent="Popover Footer" - > - - setIsOpen(!isModalOpen)} // handles the close button - variant={props.variant} - > - - {props.modalContent} - {props.modalFooter} - - - - ); - } - } -); diff --git a/packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx b/packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx deleted file mode 100644 index c690f7a14fd..00000000000 --- a/packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import figma from '@figma/code-connect'; -import { - NotificationDrawer, - NotificationDrawerBody, - NotificationDrawerGroupList, - NotificationDrawerList -} from '@patternfly/react-core'; - -// Documentation for NotificationDrawer can be found at https://www.patternfly.org/components/notification-drawer - -// Default -figma.connect( - NotificationDrawer, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=7172-99015', - { - props: { - // children - notificationDrawerHeader: figma.children('Notification drawer header'), - notificationDrawerItems: figma.children(['Notifications', 'Notification drawer item']) - }, - example: (props) => ( - // Documentation for NotificationDrawer can be found at https://www.patternfly.org/components/notification-drawer - - {props.notificationDrawerHeader} - - {props.notificationDrawerItems} - - - ) - } -); - -// Grouped -figma.connect( - NotificationDrawer, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=7172-99015', - { - variant: { Type: 'Grouped' }, - props: { - // children - notificationDrawerHeader: figma.children('Notification drawer header'), - notificationDrawerGroup: figma.children('Notification drawer groups') - }, - example: (props) => ( - // Documentation for NotificationDrawer can be found at https://www.patternfly.org/components/notification-drawer - - {props.notificationDrawerHeader} - - {props.notificationDrawerGroup} - - - ) - } -); diff --git a/packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx b/packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx deleted file mode 100644 index 57b467b0f8f..00000000000 --- a/packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import figma from '@figma/code-connect'; -import { NotificationDrawerGroup, NotificationDrawerList } from '@patternfly/react-core'; - -// TODO: DESIGN: Split unread count into a separate prop - -figma.connect( - NotificationDrawerGroup, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=3172-18190', - { - props: { - // string - headingText: figma.string('Group title'), - count: 3, - - // boolean - badgeProps: figma.boolean('Has count', { - true: figma.nestedProps('Badge', { - count: figma.string('Text') - }), - false: { count: undefined } - }), - - // enum - isExpanded: figma.enum('Type', { - Collapsed: false, - Expanded: true - }), - - children: figma.children('Notification drawer item') - }, - example: (props) => ( - {}} - > - {props.children} - - ) - } -); diff --git a/packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx b/packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx deleted file mode 100644 index c11b30a9937..00000000000 --- a/packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import figma from '@figma/code-connect'; -import { Dropdown, DropdownItem, DropdownList, MenuToggle, NotificationDrawerHeader } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons//ellipsis-v-icon'; - -figma.connect( - NotificationDrawerHeader, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=3170-17841', - { - props: { - // boolean - hasActionsMenu: figma.boolean('Has actions menu', { - true: { - dropdown: ( - {}} - isOpen={false} - onOpenChange={() => {}} - popperProps={{ position: 'right' }} - toggle={(refToggle) => ( - {}} - variant="plain" - aria-label={`Basic example header kebab toggle`} - icon={} - /> - )} - > - - Item 1 - Item 2 - Item 3 - - - ), - onClose: () => {} - }, - false: { - dropdown: undefined, - onClose: undefined - } - }), - showUnreadCount: figma.boolean('Show unread count', { - true: 3, - false: NaN - }), - - // string - headingText: figma.string('Heading text') - }, - example: (props) => ( - - {props.hasActionsMenu.dropdown} - - ) - } -); diff --git a/packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx b/packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx deleted file mode 100644 index cef832a768e..00000000000 --- a/packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import figma from '@figma/code-connect'; -import { - Dropdown, - DropdownItem, - DropdownList, - MenuToggle, - NotificationDrawerListItem, - NotificationDrawerListItemBody, - NotificationDrawerListItemHeader -} from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; - -// Documentation for NotificationDrawerListItem can be found at https://www.patternfly.org/components/notification-drawer - -figma.connect( - NotificationDrawerListItem, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=3164-16861', - { - props: { - // enum - isRead: figma.enum('Type', { Read: true }), - isHoverable: figma.enum('State', { Hover: true }), - variant: figma.enum('Status', { - Info: 'info', - Success: 'success', - Warning: 'warning', - Danger: 'danger' - }), - - // TODO: DESIGN: Make alert description retrievable via unique layer name or adding a prop to Noficiation Drawer Item - alertDescription: 'Description', - - // TODO: DESIGN: Make alert title retrievable via unique layer name or adding a prop to Noficiation Drawer Item - alertTitle: 'Notification title' - }, - example: (props) => ( - - - {}} - isOpen={false} - onOpenChange={() => {}} - popperProps={{ position: 'right' }} - toggle={(toggleRef) => ( - {}} - variant="plain" - aria-label={`Basic example header kebab toggle`} - icon={} - /> - )} - > - - Item 1 - Item 2 - Item 3 - - - - - {props.alertDescription} - - - ) - } -); diff --git a/packages/code-connect/components/Pagination/Pagination.figma.tsx b/packages/code-connect/components/Pagination/Pagination.figma.tsx deleted file mode 100644 index b3bf9af1c6b..00000000000 --- a/packages/code-connect/components/Pagination/Pagination.figma.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import figma from '@figma/code-connect'; -import { Pagination } from '@patternfly/react-core'; - -// TODO: Split perPage and Page into separate properties -// Documentation for Pagination can be found at https://www.patternfly.org/components/pagination - -figma.connect( - Pagination, - 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=5047-695', - { - props: { - // enum - isExpanded: figma.enum('Menu', { Open: true, Closed: false }), - isCompact: figma.enum('Type', { Compact: true, Closed: false }), - - // nested - pageQuantity: figma.nestedProps('Page quantity selector', { - itemCount: figma.string('Total quantity') - }) - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/components/PopOver/Popover.figma.tsx b/packages/code-connect/components/PopOver/Popover.figma.tsx deleted file mode 100644 index 8a9f2ef7a5c..00000000000 --- a/packages/code-connect/components/PopOver/Popover.figma.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import figma from '@figma/code-connect'; -import { Popover } from '@patternfly/react-core'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon'; - -// TODO: DESIGN: Add buttons boolean to footerContent -// TODO: REACT: Add icon support -// Documentation for Popover can be found at https://www.patternfly.org/components/popover - -figma.connect( - Popover, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=5857-2066', - { - // enum - props: { - // boolean - footerContent: figma.boolean('Has footer', { - true: figma.string('Popover footer'), - false: undefined - }), - headerIcon: figma.boolean('Show header icon', { - true: , - false: undefined - }), - - // string - bodyContent: figma.string('Popover description'), - headerContent: figma.string('Popover Heading'), - - // enum - position: figma.enum('Position', { - 'Top-left': 'top-start', - 'Top-middle': 'top', - 'Top-right': 'top-end', - 'Bottom-left': 'bottom-start', - 'Bottom-middle': 'bottom', - 'Bottom-right': 'bottom-end' - }), - status: figma.enum('Status', { - Default: { - state: undefined, - icon: undefined - }, - Success: { - state: 'success', - icon: - }, - Info: { - state: 'info', - icon: - }, - Warning: { - state: 'warning', - icon: - }, - Danger: { - state: 'danger', - icon: - } - }), - - children: figma.children('*') - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/components/SimpleList/SimpleList.figma.tsx b/packages/code-connect/components/SimpleList/SimpleList.figma.tsx deleted file mode 100644 index 6010513926d..00000000000 --- a/packages/code-connect/components/SimpleList/SimpleList.figma.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import figma from '@figma/code-connect'; -import { SimpleList } from '@patternfly/react-core'; - -// Documentation for SimpleList can be found at https://www.patternfly.org/components/simple-list - -figma.connect( - SimpleList, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=4410-20691', - { - props: { - children: figma.children('*') - }, - example: (props) => {props.children} - } -); diff --git a/packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx b/packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx deleted file mode 100644 index 41d00a15936..00000000000 --- a/packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import figma from '@figma/code-connect'; -import { SimpleListGroup } from '@patternfly/react-core'; - -// Documentation for SimpleListGroup can be found at https://www.patternfly.org/components/simple-list - -figma.connect( - SimpleListGroup, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=4410-20708', - { - props: { - simpleListItems: figma.children('Simple list item') - }, - example: (props) => ( - - {props.simpleListItems} - - ) - } -); diff --git a/packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx b/packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx deleted file mode 100644 index eeb96eaa01c..00000000000 --- a/packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import figma from '@figma/code-connect'; -import { SimpleListItem } from '@patternfly/react-core'; - -// TODO: DESIGN: Add support for SimpleListGroup -// Documentation for SimpleListItem can be found at https://www.patternfly.org/components/simple-list - -figma.connect( - SimpleListItem, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=4410-20664', - { - props: { - text: figma.string('Text'), - - // enum - isActive: figma.enum('State', { - 'Selected - Light': true, - 'Selected - Dark': true - }), - isLink: figma.enum('Type', { - Default: { - component: undefined, - href: undefined - }, - Link: { - component: 'a', - href: '#' - } - }) - }, - example: (props) => ( - - {props.text} - - ) - } -); diff --git a/packages/code-connect/components/Skeleton/Skeleton.figma.tsx b/packages/code-connect/components/Skeleton/Skeleton.figma.tsx deleted file mode 100644 index dbbc5ecbb19..00000000000 --- a/packages/code-connect/components/Skeleton/Skeleton.figma.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import figma from '@figma/code-connect'; -import { Skeleton } from '@patternfly/react-core'; - -// Documentation for Skeleton can be found at https://www.patternfly.org/components/skeleton - -figma.connect( - Skeleton, - 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=790-288&', - { - props: { - // enum - shape: figma.enum('Type', { - Default: undefined, - Rectangle: undefined, - Square: 'square', - Circle: 'circle' - }), - size: figma.enum('Size', { - S: 'sm', - M: 'md', - L: 'lg', - XL: 'xl', - '2XL': '2xl', - '3XL': '3xl', - '4XL': '4xl' - }) - }, - example: (props) => ( - - ) - } -); diff --git a/packages/code-connect/figma.config.json b/packages/code-connect/figma.config.json deleted file mode 100644 index 074bc4c0752..00000000000 --- a/packages/code-connect/figma.config.json +++ /dev/null @@ -1,39 +0,0 @@ -{ - "codeConnect": { - "parser": "react", - "include": [ - "components/NotificationDrawer/*.tsx", - "components/Pagination/*.tsx", - "components/Popover/*.tsx", - "components/SimpleList/*.tsx", - "components/Skeleton/*.tsx" - ], - "documentUrlSubstitutions": { - "https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components": "https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/e1OeQDrgPKW13FswRqSP3I/PatternFly-6--Components" - }, - "paths": { - "@patternfly/react-core": "/Users/mnolting/Web/patternfly-react/packages/react-core/src", - "@patternfly/react-table": "/Users/mnolting/Web/patternfly-react/packages/react-table/src" - }, - "aliases": { - "@patternfly/react-core": "/Users/mnolting/Web/patternfly-react/packages/react-core/src", - "@patternfly/react-table": "/Users/mnolting/Web/patternfly-react/packages/react-table/src" - }, - "importPaths": { - "src/components": "src/components" - }, - "options": { - "instanceSwapper": { - "enabled": true - }, - "development": { - "enabled": true, - "verbose": true - }, - "production": { - "enabled": false - } - }, - "exclude": ["node_modules/**", "scripts/**"] - } -}