fix: Updated to migrate Battery component to Severity component.

Author: dlabaj

packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryCriticalExample.tsx

@@ -5,16 +5,16 @@ section: Component groups
 subsection: Status and state indicators
 # Sidenav secondary level section
 # should be the same for all markdown files
-id: Battery
+id: Severity
 # Tab (react | react-demos | html | html-demos | design-guidelines | accessibility)
 source: react
 # If you use typescript, the name of the interface to display props for
 # These are found through the sourceProps function provided in patternfly-docs.source.js
-propComponents: ['Battery']
-sourceLink: https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/Battery.md
+propComponents: ['Severity']
+sourceLink: https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/Severity/Severity.md
 ---
 
-import Battery, { BatterySeverity } from '@patternfly/react-component-groups/dist/dynamic/Battery';
+import Severity, { SeverityType } from '@patternfly/react-component-groups/dist/dynamic/Severity';
 
 The **battery** component generates a battery, which corresponds to a level `low`, `medium`, `high` or `critical`. Each level corresponds with a severity level and respective color:
 
@@ -27,46 +27,51 @@ The **battery** component generates a battery, which corresponds to a level `low
 
 To specify the severity of the battery's risk level, you can pass a predefined enum or text value into the `severity` property that corresponds to the appropriate severity level.
 
-To add an optional label to a battery, add the `label` property to the `<Battery>` component.
+To add an optional label to a battery, add the `label` property to the `<Severity>` component.
 
 ## Examples
 
-### Default variant
+### Undefined variant
 
-The default style of a battery (4 black lines) appears when any value besides "low", "medium", "high", or "critical" is passed to `severity`. 
+The default style for the severity component appears when any value besides "none", "low", "medium", "high", or "critical" is passed to `Severity`. 
 
-```js file="./BatteryDefaultExample.tsx"
+```js file="./SeverityUndefinedExample.tsx"
 
 ```
+### None severity
 
-### Low severity
+To style no severity, pass "none" or `SeverityType.none` to `severity`.
 
-To style a battery as low severity, pass "low" or `BatterySeverity.low` to `severity`.
+```js file="./SeverityNoneExample.tsx"
 
-```js file="./BatteryLowExample.tsx"
+### Minor severity
+
+To style a minor severity, pass "minor" or `SeverityType.minor` to `severity`.
+
+```js file="./SeverityMinorExample.tsx"
 
 ```
 
-### Medium severity
+### Moderate severity
 
-To style a battery as medium severity, pass "medium", or `BatterySeverity.medium` to `severity`.
+To style a moderate severity, pass "moderate", or `SeverityType.moderate` to `severity`.
 
-```js file="./BatteryMediumExample.tsx"
+```js file="./SeverityModerateExample.tsx"
 
 ```
 
-### High severity
+### Important severity
 
-To style a battery as high severity, pass "high", or `BatterySeverity.high` to `severity`.
+To style an important severity, pass "important", or `SeverityType.important` to `severity`.
 
-```js file="./BatteryHighExample.tsx"
+```js file="./SeverityImportantExample.tsx"
 
 ```
 
 ### Critical severity
 
-To style a battery as critical severity, pass "critical" or `BatterySeverity.critical` to `severity`.
+To style a critical severity, pass "critical" or `SeverityType.critical` to `severity`.
 
-```js file="./BatteryCriticalExample.tsx"
+```js file="./SeverityCriticalExample.tsx"
 
 ```

packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryDefaultExample.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Severity, { SeverityType } from '@patternfly/react-component-groups/dist/dynamic/Severity';
+
+export const BasicExample: React.FunctionComponent = () => (
+
+  <Severity severity={SeverityType.critical} label="Critical severity" />
+
+);

packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryHighExample.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import Severity, { SeverityType } from '@patternfly/react-component-groups/dist/dynamic/Severity';
+
+export const BasicExample: React.FunctionComponent = () => (
+  <Severity severity={SeverityType.important} label="Important severity" />
+);

packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryLowExample.tsx

@@ -0,0 +1,4 @@
+import React from 'react';
+import Severity, { SeverityType } from '@patternfly/react-component-groups/dist/dynamic/Severity';
+
+export const BasicExample: React.FunctionComponent = () => <Severity severity={SeverityType.minor} label="Minor severity" />;

packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryMediumExample.tsx

@@ -0,0 +1,4 @@
+import React from 'react';
+import Severity, { SeverityType } from '@patternfly/react-component-groups/dist/dynamic/Severity';
+
+export const BasicExample: React.FunctionComponent = () => <Severity severity={SeverityType.moderate} label="Moderate severity" />;