patternfly · tlabaj · Oct 24, 2022 · Oct 17, 2022 · Oct 21, 2022
diff --git 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
@@ -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
@@ -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
@@ -18,11 +18,11 @@ export interface CardProps extends React.HTMLProps<HTMLElement>, 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
@@ -52,7 +52,7 @@ export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, '
   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
@@ -16,7 +16,7 @@ export interface DataListItemProps extends Omit<React.HTMLProps<HTMLLIElement>,
   '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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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/...ges/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md b/...ges/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/...ges/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md b/...ges/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
@@ -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
@@ -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 => <Button onClick={() => hide()}>Close</Button>}
    */
   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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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<HTMLDivElement> {
   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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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