diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md index f99c68300f5..54a7cc6f7b3 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md @@ -3,7 +3,6 @@ id: Code editor section: components cssPrefix: pf-c-code-editor propComponents: ['CodeEditor', 'CodeEditorControl', 'Popover'] -beta: true --- Note: Code editor lives in its own package at [@patternfly/react-code-editor](https://www.npmjs.com/package/@patternfly/react-code-editor) and has [**required peer deps**](https://github.com/patternfly/patternfly-react/blob/main/packages/react-code-editor/package.json). diff --git a/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md b/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md index 47243990125..4d4ae9a7027 100644 --- a/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md +++ b/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md @@ -45,7 +45,7 @@ When an overflow message appears in an `AlertGroup` using the `isLiveRegion` pro Users navigating via keyboard or another assistive technology will need a way to navigate to and reveal hidden alerts before they disappear. Alternatively, there should be a place where notifications or alerts are collected to be viewed or read later. -```ts file="AlertGroupToastOverflowCapture.tsx" isBeta +```ts file="AlertGroupToastOverflowCapture.tsx" ``` ### Asynchronous alert groups @@ -68,7 +68,7 @@ Click the buttons in the example below to add dynamic alerts to a group. In the following example, there can be a maximum of 4 alerts shown at once. -```ts file="AlertGroupSingularDynamicOverflow.tsx" isBeta +```ts file="AlertGroupSingularDynamicOverflow.tsx" ``` ### Multiple dynamic alert groups diff --git a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md index 377c9422f54..993a87a1501 100644 --- a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md +++ b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md @@ -3,7 +3,6 @@ id: Calendar month section: components cssPrefix: pf-c-calendar-month propComponents: ['CalendarMonth', 'CalendarFormat'] -beta: true --- ## Examples diff --git a/packages/react-core/src/components/Card/Card.tsx b/packages/react-core/src/components/Card/Card.tsx index 129cf1aee32..e13e322a2be 100644 --- a/packages/react-core/src/components/Card/Card.tsx +++ b/packages/react-core/src/components/Card/Card.tsx @@ -18,11 +18,11 @@ export interface CardProps extends React.HTMLProps, OUIAProps { isCompact?: boolean; /** Modifies the card to include selectable styling */ isSelectable?: boolean; - /** @beta Specifies the card is selectable, and applies the new raised styling on hover and select */ + /** Specifies the card is selectable, and applies the new raised styling on hover and select */ isSelectableRaised?: boolean; /** Modifies the card to include selected styling */ isSelected?: boolean; - /** @beta Modifies a raised selectable card to have disabled styling */ + /** Modifies a raised selectable card to have disabled styling */ isDisabledRaised?: boolean; /** Modifies the card to include flat styling */ isFlat?: boolean; diff --git a/packages/react-core/src/components/DataList/DataList.tsx b/packages/react-core/src/components/DataList/DataList.tsx index 321ced9a08d..04e6bc070b3 100644 --- a/packages/react-core/src/components/DataList/DataList.tsx +++ b/packages/react-core/src/components/DataList/DataList.tsx @@ -52,7 +52,7 @@ export interface DataListProps extends Omit, ' wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord'; /** @deprecated Order of items in a draggable DataList */ itemOrder?: string[]; - /** @beta Object that causes the data list to render hidden inputs which improve selectable item a11y */ + /** Object that causes the data list to render hidden inputs which improve selectable item a11y */ selectableRow?: SelectableRowObject; } diff --git a/packages/react-core/src/components/DataList/DataListItem.tsx b/packages/react-core/src/components/DataList/DataListItem.tsx index d06c41a4b0a..b823319f6c5 100644 --- a/packages/react-core/src/components/DataList/DataListItem.tsx +++ b/packages/react-core/src/components/DataList/DataListItem.tsx @@ -16,7 +16,7 @@ export interface DataListItemProps extends Omit, 'aria-labelledby': string; /** Unique id for the DataList item */ id?: string; - /** @beta Aria label to apply to the selectable input if one is rendered */ + /** Aria label to apply to the selectable input if one is rendered */ selectableInputAriaLabel?: string; } diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index f7e3deb1f6e..b70977ba16e 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -13,7 +13,6 @@ propComponents: 'DualListSelectorTree', 'DualListSelectorTreeItemData', ] -beta: true --- import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; diff --git a/packages/react-core/src/components/LabelGroup/examples/LabelGroup.md b/packages/react-core/src/components/LabelGroup/examples/LabelGroup.md index a657d437108..60c1580184d 100644 --- a/packages/react-core/src/components/LabelGroup/examples/LabelGroup.md +++ b/packages/react-core/src/components/LabelGroup/examples/LabelGroup.md @@ -3,7 +3,6 @@ id: Label group section: components cssPrefix: pf-c-label propComponents: ['LabelGroup', 'Label'] -beta: true ouia: true --- @@ -38,12 +37,12 @@ import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-i ### Editable labels -```ts file="LabelGroupEditableLabels.tsx" +```ts isBeta file="LabelGroupEditableLabels.tsx" ``` ### Editable labels with add button For additional documentation that showcases adding a new label, see [label group demos](/components/label-group/react-demos). -```ts file="LabelGroupEditableAdd.tsx" +```ts isBeta file="LabelGroupEditableAdd.tsx" ``` diff --git a/packages/react-core/src/components/Masthead/examples/Masthead.md b/packages/react-core/src/components/Masthead/examples/Masthead.md index e6e65fbaeb4..8972a442374 100644 --- a/packages/react-core/src/components/Masthead/examples/Masthead.md +++ b/packages/react-core/src/components/Masthead/examples/Masthead.md @@ -3,7 +3,6 @@ id: Masthead section: components cssPrefix: pf-c-masthead propComponents: ['Masthead', 'MastheadToggle', 'MastheadMain', 'MastheadBrand', 'MastheadContent'] -beta: true --- import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon'; diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md index 030ab52202d..c76ad20e118 100644 --- a/packages/react-core/src/components/Menu/examples/Menu.md +++ b/packages/react-core/src/components/Menu/examples/Menu.md @@ -30,7 +30,7 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico ### With checkbox -```ts file="./MenuWithCheckbox.tsx" isBeta +```ts file="./MenuWithCheckbox.tsx" ``` ### Filtering with text input diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md index 517ae3fb54e..2347afc8c72 100644 --- a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md +++ b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md @@ -3,7 +3,6 @@ id: Menu toggle section: components cssPrefix: pf-c-menu-toggle propComponents: ['MenuToggle', 'MenuToggleAction', 'MenuToggleCheckbox', 'SplitButtonOptions'] -beta: true --- import './MenuToggle.css' diff --git a/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md b/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md index f938c357399..c6c9474aa45 100644 --- a/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +++ b/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md @@ -4,7 +4,6 @@ section: components cssPrefix: pf-c-multiple-file-upload propComponents: ['MultipleFileUpload', 'MultipleFileUploadMain', 'MultipleFileUploadStatus', 'MultipleFileUploadStatusItem'] -beta: true --- import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; diff --git a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md index a454feb4d77..ce8eba76fe5 100644 --- a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md +++ b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md @@ -14,7 +14,6 @@ propComponents: 'NotificationDrawerListItemBody', 'NotificationDrawerListItemHeader', ] -beta: true --- import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; diff --git a/packages/react-core/src/components/Panel/examples/Panel.md b/packages/react-core/src/components/Panel/examples/Panel.md index 37b5c02ee03..a29324c00cc 100644 --- a/packages/react-core/src/components/Panel/examples/Panel.md +++ b/packages/react-core/src/components/Panel/examples/Panel.md @@ -3,7 +3,6 @@ id: Panel section: components cssPrefix: pf-c-panel propComponents: [Panel, PanelMain, PanelMainBody, PanelHeader, PanelFooter] -beta: true --- ## Examples diff --git a/packages/react-core/src/components/Popover/Popover.tsx b/packages/react-core/src/components/Popover/Popover.tsx index e8d6c607014..69254f08406 100644 --- a/packages/react-core/src/components/Popover/Popover.tsx +++ b/packages/react-core/src/components/Popover/Popover.tsx @@ -39,11 +39,11 @@ export enum PopoverPosition { */ export interface PopoverProps { - /** @beta Text announced by screen reader when alert severity variant is set to indicate + /** Text announced by screen reader when alert severity variant is set to indicate * severity level. */ alertSeverityScreenReaderText?: string; - /** @beta Severity variants for an alert popover. This modifies the color of the header to + /** Severity variants for an alert popover. This modifies the color of the header to * match the severity. */ alertSeverityVariant?: 'default' | 'info' | 'warning' | 'success' | 'danger'; @@ -128,7 +128,7 @@ export interface PopoverProps { * popover, i.e. headerContent={hide => } */ headerContent?: React.ReactNode | ((hide: () => void) => React.ReactNode); - /** @beta Icon to be displayed in the popover header. **/ + /** Icon to be displayed in the popover header. **/ headerIcon?: React.ReactNode; /** Hides the popover when a click occurs outside (only works if isVisible is not controlled * by the user). diff --git a/packages/react-core/src/components/Popover/examples/Popover.md b/packages/react-core/src/components/Popover/examples/Popover.md index 11867adcf1d..ce89207bed0 100644 --- a/packages/react-core/src/components/Popover/examples/Popover.md +++ b/packages/react-core/src/components/Popover/examples/Popover.md @@ -58,10 +58,10 @@ Note: If you use the isVisible prop, either refer to the example above or if you ### Popover with icon in the title -```ts file="./PopoverWithIconInTheTitle.tsx" isBeta +```ts file="./PopoverWithIconInTheTitle.tsx" ``` ### Alert popover -```ts file="./PopoverAlert.tsx" isBeta +```ts file="./PopoverAlert.tsx" ``` diff --git a/packages/react-core/src/components/Select/examples/Select.md b/packages/react-core/src/components/Select/examples/Select.md index 628fcf0a5f5..30cca7a0cea 100644 --- a/packages/react-core/src/components/Select/examples/Select.md +++ b/packages/react-core/src/components/Select/examples/Select.md @@ -2613,7 +2613,7 @@ class SelectWithFooterCheckbox extends React.Component { ### View more -```js isBeta +```js import React from 'react'; import { Select, SelectOption, SelectVariant } from '@patternfly/react-core'; @@ -2708,7 +2708,7 @@ class SelectViewMore extends React.Component { ### View more with checkboxes -```js isBeta +```js import React from 'react'; import { Select, SelectOption, SelectVariant } from '@patternfly/react-core'; diff --git a/packages/react-core/src/components/Slider/examples/Slider.md b/packages/react-core/src/components/Slider/examples/Slider.md index 357f33f1802..d99a2c82038 100644 --- a/packages/react-core/src/components/Slider/examples/Slider.md +++ b/packages/react-core/src/components/Slider/examples/Slider.md @@ -3,7 +3,6 @@ id: Slider section: components cssPrefix: pf-c-slider propComponents: ['Slider', 'SliderStepObject'] -beta: true --- import { Slider, Button, Text, TextVariants } from '@patternfly/react-core'; diff --git a/packages/react-core/src/components/TextArea/examples/TextArea.md b/packages/react-core/src/components/TextArea/examples/TextArea.md index d520d8b9050..235dfc24d63 100644 --- a/packages/react-core/src/components/TextArea/examples/TextArea.md +++ b/packages/react-core/src/components/TextArea/examples/TextArea.md @@ -266,7 +266,7 @@ import { TextArea } from '@patternfly/react-core'; **Note:** The icons for the success, invalid, calendar, etc. variations in form control elements are applied as background images to the form element. By default, the image URLs for these icons are data URIs. However, there may be cases where data URIs are not ideal, such as in an application with a content security policy that disallows data URIs for security reasons. The `isIconSprite` variation changes the icon source to an external SVG file that serves as a sprite for all of the supported icons. -```js isBeta +```js import React from 'react'; import { TextArea } from '@patternfly/react-core'; diff --git a/packages/react-core/src/components/TextInput/examples/TextInput.md b/packages/react-core/src/components/TextInput/examples/TextInput.md index 6702d09ce38..74c5a1fb85e 100644 --- a/packages/react-core/src/components/TextInput/examples/TextInput.md +++ b/packages/react-core/src/components/TextInput/examples/TextInput.md @@ -46,5 +46,5 @@ propComponents: ['TextInput'] **Note:** The icons for the success, invalid, calendar, etc. variations in form control elements are applied as background images to the form element. By default, the image URLs for these icons are data URIs. However, there may be cases where data URIs are not ideal, such as in an application with a content security policy that disallows data URIs for security reasons. The `isIconSprite` variation changes the icon source to an external SVG file that serves as a sprite for all of the supported icons. -```ts isBeta file="./TextInputIconSprite.tsx" +```ts file="./TextInputIconSprite.tsx" ``` diff --git a/packages/react-core/src/components/TreeView/examples/TreeView.md b/packages/react-core/src/components/TreeView/examples/TreeView.md index 6d5653e1385..a677b3c99e2 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeView.md +++ b/packages/react-core/src/components/TreeView/examples/TreeView.md @@ -3,7 +3,6 @@ id: Tree view section: components cssPrefix: pf-c-tree-view propComponents: ['TreeView', 'TreeViewDataItem', 'TreeViewSearch'] -beta: true --- import { FolderIcon, FolderOpenIcon, EllipsisVIcon, ClipboardIcon, HamburgerIcon } from '@patternfly/react-icons'; diff --git a/packages/react-core/src/components/Wizard/Wizard.tsx b/packages/react-core/src/components/Wizard/Wizard.tsx index 1230ade4ebd..3db96e89508 100644 --- a/packages/react-core/src/components/Wizard/Wizard.tsx +++ b/packages/react-core/src/components/Wizard/Wizard.tsx @@ -18,9 +18,9 @@ export interface WizardStep { name: React.ReactNode; /** The component to render in the main body */ component?: any; - /** @beta The content to render in the drawer panel (use when hasDrawer prop is set on the wizard). */ + /** The content to render in the drawer panel (use when hasDrawer prop is set on the wizard). */ drawerPanelContent?: any; - /** @beta Custom drawer toggle button that opens the drawer. */ + /** Custom drawer toggle button that opens the drawer. */ drawerToggleButton?: React.ReactNode; /** Setting to true hides the side nav and footer */ isFinishedStep?: boolean; @@ -108,9 +108,9 @@ export interface WizardProps extends React.HTMLProps { isNavExpandable?: boolean; /** Callback function to signal the current step in the wizard */ onCurrentStepChanged?: (step: WizardStep) => void; - /** @beta Flag indicating the wizard has a drawer for at least one of the wizard steps */ + /** Flag indicating the wizard has a drawer for at least one of the wizard steps */ hasDrawer?: boolean; - /** @beta Flag indicating the wizard drawer is expanded */ + /** Flag indicating the wizard drawer is expanded */ isDrawerExpanded?: boolean; } diff --git a/packages/react-core/src/components/Wizard/WizardToggle.tsx b/packages/react-core/src/components/Wizard/WizardToggle.tsx index 6f16bd54744..259f43ba9dd 100644 --- a/packages/react-core/src/components/Wizard/WizardToggle.tsx +++ b/packages/react-core/src/components/Wizard/WizardToggle.tsx @@ -29,9 +29,9 @@ export interface WizardToggleProps { mainAriaLabel?: string; /** If the wizard is in-page */ isInPage?: boolean; - /** @beta Flag indicating the wizard has a drawer for at least one of the wizard steps */ + /** Flag indicating the wizard has a drawer for at least one of the wizard steps */ hasDrawer?: boolean; - /** @beta Flag indicating the wizard drawer is expanded */ + /** Flag indicating the wizard drawer is expanded */ isDrawerExpanded?: boolean; } diff --git a/packages/react-core/src/components/Wizard/examples/Wizard.md b/packages/react-core/src/components/Wizard/examples/Wizard.md index 027987b3e34..abbbd254012 100644 --- a/packages/react-core/src/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/components/Wizard/examples/Wizard.md @@ -896,7 +896,7 @@ class WizardInModal extends React.Component { ### Wizard with drawer -```js isBeta +```js import React from 'react'; import { Button, diff --git a/packages/react-core/src/demos/MultipleFileUploadDemos.md b/packages/react-core/src/demos/MultipleFileUploadDemos.md index b727ed3015e..3aebe781379 100644 --- a/packages/react-core/src/demos/MultipleFileUploadDemos.md +++ b/packages/react-core/src/demos/MultipleFileUploadDemos.md @@ -1,7 +1,6 @@ --- id: File upload - multiple section: components -beta: true --- import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; diff --git a/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md b/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md index ee34b955458..8e1635e6072 100644 --- a/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md +++ b/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md @@ -1,7 +1,6 @@ --- id: Notification drawer section: components -beta: true --- import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon'; diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md index 250e8ec2073..0f1e8222772 100644 --- a/packages/react-table/src/components/Table/examples/Table.md +++ b/packages/react-table/src/components/Table/examples/Table.md @@ -791,7 +791,7 @@ Note: If this table is going to be tested using axe-core, the tests will flag th aria-posinset, and aria-setsize as violations. This is an intentional choice at this time so that the voice over technologies will recognize the flat table structure as a tree. -```ts isBeta file="LegacyTableTree.tsx" +```ts file="LegacyTableTree.tsx" ``` ### Striped diff --git a/packages/react-table/src/components/TableComposable/examples/ComposableTable.md b/packages/react-table/src/components/TableComposable/examples/ComposableTable.md index f25add9f048..e9e91965063 100644 --- a/packages/react-table/src/components/TableComposable/examples/ComposableTable.md +++ b/packages/react-table/src/components/TableComposable/examples/ComposableTable.md @@ -297,7 +297,7 @@ Note: If this table is going to be tested using axe-core, the tests will flag th aria-posinset, and aria-setsize as violations. This is an intentional choice at this time so that the voice over technologies will recognize the flat table structure as a tree. -```ts isBeta file="ComposableTableTree.tsx" +```ts file="ComposableTableTree.tsx" ``` ### Composable: Draggable row table