@patternfly/react-core 6.0.0-alpha.24 → 6.0.0-alpha.26

package/src/demos/examples/Wizard/InModalWithDrawer.tsx

@@ -4,6 +4,7 @@ import {
   Drawer,
   DrawerContent,
   DrawerPanelContent,
+  DrawerColorVariant,
   DrawerHead,
   DrawerActions,
   DrawerCloseButton,
@@ -37,8 +38,7 @@ export const WizardModalWithDrawerDemo: React.FunctionComponent = () => {
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          // TODO: MAy need to update with issue #9979. Removed light color variant.
-          <DrawerPanelContent widths={{ default: 'width_33' }}>
+          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx

@@ -6,6 +6,7 @@ import {
   DrawerCloseButton,
   DrawerContent,
   DrawerPanelContent,
+  DrawerColorVariant,
   DrawerHead,
   Flex,
   Modal,
@@ -40,8 +41,7 @@ export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () =>
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          // TODO: MAy need to update with issue #9979. Removed light color variant.
-          <DrawerPanelContent widths={{ default: 'width_33' }}>
+          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/demos/examples/Wizard/InPageWithDrawer.tsx

@@ -9,6 +9,7 @@ import {
   DrawerCloseButton,
   DrawerContent,
   DrawerPanelContent,
+  DrawerColorVariant,
   DrawerHead,
   Flex,
   Nav,
@@ -118,8 +119,7 @@ export const WizardFullPageWithDrawerDemo: React.FunctionComponent = () => {
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          // TODO: MAy need to update with issue #9979. Removed light color variant.
-          <DrawerPanelContent widths={{ default: 'width_33' }}>
+          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx

@@ -10,6 +10,7 @@ import {
   DrawerContent,
   DrawerHead,
   DrawerPanelContent,
+  DrawerColorVariant,
   Flex,
   Nav,
   NavItem,
@@ -119,8 +120,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          // TODO: MAy need to update with issue #9979. Removed light color variant.
-          <DrawerPanelContent widths={{ default: 'width_33' }}>
+          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/deprecated/components/Wizard/__tests__/Wizard.test.tsx

@@ -104,7 +104,6 @@ describe('Wizard', () => {
 
   test('wiz with drawer', () => {
     const wizDrawerPanelContent = (
-      // TODO: MAy need to update with issue #9979. Removed light color variant.
       <DrawerPanelContent>
         <DrawerHead>
           <span>This wizard has a drawer with drawer panel content</span>

package/src/deprecated/components/Wizard/examples/WizardWithDrawer.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import { Button, DrawerActions, DrawerCloseButton, DrawerHead, DrawerPanelContent } from '@patternfly/react-core';
+import {
+  Button,
+  DrawerActions,
+  DrawerCloseButton,
+  DrawerHead,
+  DrawerPanelContent,
+  DrawerColorVariant
+} from '@patternfly/react-core';
 import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated';
 
 export const WizardWithDrawer: React.FunctionComponent = () => {
@@ -20,8 +27,7 @@ export const WizardWithDrawer: React.FunctionComponent = () => {
   };
 
   const panel1Content = (
-    // TODO: MAy need to update with issue #9979. Removed light color variant.
-    <DrawerPanelContent widths={{ default: 'width_33' }}>
+    <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
       <DrawerHead>
         <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
           drawer-panel-1 content
@@ -34,8 +40,7 @@ export const WizardWithDrawer: React.FunctionComponent = () => {
   );
 
   const panel2Content = (
-    // TODO: MAy need to update with issue #9979. Removed light color variant.
-    <DrawerPanelContent widths={{ default: 'width_33' }}>
+    <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
       <DrawerHead>
         <span tabIndex={0} ref={drawerRef}>
           drawer-panel-2 content
@@ -48,8 +53,7 @@ export const WizardWithDrawer: React.FunctionComponent = () => {
   );
 
   const panel3Content = (
-    // TODO: MAy need to update with issue #9979. Removed light color variant.
-    <DrawerPanelContent widths={{ default: 'width_33' }}>
+    <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
       <DrawerHead>
         <span tabIndex={0} ref={drawerRef}>
           drawer-panel-3 content

package/src/components/HelperText/examples/HelperTextDynamic.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
-
-export const HelperTextDynamic: React.FunctionComponent = () => (
-  <React.Fragment>
-    <HelperText>
-      <HelperTextItem isDynamic>This is default helper text</HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="indeterminate">
-        This is indeterminate helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="warning">
-        This is warning helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="success">
-        This is success helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="error">
-        This is error helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="error" icon={<TimesIcon />}>
-        This is error helper text with a custom icon
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="error" hasIcon={false}>
-        This is error helper text with no icon
-      </HelperTextItem>
-    </HelperText>
-  </React.Fragment>
-);

package/src/components/HelperText/examples/HelperTextDynamicList.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-
-export const HelperTextDynamicList: React.FunctionComponent = () => (
-  <HelperText component="ul">
-    <HelperTextItem isDynamic variant="success" component="li">
-      Must be at least 14 characters
-    </HelperTextItem>
-    <HelperTextItem isDynamic variant="error" component="li">
-      Cannot contain any variation of the word "redhat"
-    </HelperTextItem>
-    <HelperTextItem isDynamic variant="success" component="li">
-      Must include at least 3 of the following: lowercase letter, uppercase letters, numbers, symbols
-    </HelperTextItem>
-  </HelperText>
-);

package/src/components/HelperText/examples/HelperTextMultipleStatic.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-
-export const HelperTextMultipleStatic: React.FunctionComponent = () => (
-  <HelperText>
-    <HelperTextItem>This is default helper text</HelperTextItem>
-    <HelperTextItem>This is another default helper text in the same block</HelperTextItem>
-    <HelperTextItem>And this is more default text in the same block</HelperTextItem>
-  </HelperText>
-);

package/src/components/HelperText/examples/HelperTextStaticWithDefaultIcon.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-
-export const HelperTextStaticWithDefaultIcon: React.FunctionComponent = () => (
-  <React.Fragment>
-    <HelperText>
-      <HelperTextItem hasIcon>This is default helper text</HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="indeterminate" hasIcon>
-        This is indeterminate helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="warning" hasIcon>
-        This is warning helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="success" hasIcon>
-        This is success helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="error" hasIcon>
-        This is error helper text
-      </HelperTextItem>
-    </HelperText>
-  </React.Fragment>
-);