@patternfly/react-core 6.0.0-alpha.58 → 6.0.0-alpha.59

package/src/deprecated/components/Wizard/WizardFooterInternal.tsx

@@ -3,7 +3,7 @@ import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
 import { Button, ButtonVariant } from '../../../components/Button';
 import { WizardStep } from './Wizard';
-
+import { ActionList, ActionListGroup, ActionListItem } from '../../../components/ActionList';
 export interface WizardFooterInternalProps {
   onNext: any;
   onBack: any;
@@ -28,21 +28,31 @@ export const WizardFooterInternal: React.FunctionComponent<WizardFooterInternalP
   cancelButtonText
 }: WizardFooterInternalProps) => (
   <footer className={css(styles.wizardFooter)}>
-    {!activeStep.hideBackButton && (
-      <Button variant={ButtonVariant.secondary} onClick={onBack} isDisabled={firstStep}>
-        {backButtonText}
-      </Button>
-    )}
-    <Button variant={ButtonVariant.primary} type="submit" onClick={onNext} isDisabled={!isValid}>
-      {nextButtonText}
-    </Button>
-    {!activeStep.hideCancelButton && (
-      <div className={styles.wizardFooterCancel}>
-        <Button variant={ButtonVariant.link} onClick={onClose}>
-          {cancelButtonText}
-        </Button>
-      </div>
-    )}
+    <ActionList>
+      <ActionListGroup>
+        {!activeStep.hideBackButton && (
+          <ActionListItem>
+            <Button variant={ButtonVariant.secondary} onClick={onBack} isDisabled={firstStep}>
+              {backButtonText}
+            </Button>
+          </ActionListItem>
+        )}
+        <ActionListItem>
+          <Button variant={ButtonVariant.primary} type="submit" onClick={onNext} isDisabled={!isValid}>
+            {nextButtonText}
+          </Button>
+        </ActionListItem>
+      </ActionListGroup>
+      {!activeStep.hideCancelButton && (
+        <ActionListGroup>
+          <ActionListItem>
+            <Button variant={ButtonVariant.link} onClick={onClose}>
+              {cancelButtonText}
+            </Button>
+          </ActionListItem>
+        </ActionListGroup>
+      )}
+    </ActionList>
   </footer>
 );
 WizardFooterInternal.displayName = 'WizardFooterInternal';

package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap

@@ -5,46 +5,66 @@ exports[`WizardFooterInternal should match snapshot (auto-generated) 1`] = `
   <footer
     class="pf-v6-c-wizard__footer"
   >
-    <button
-      aria-disabled="false"
-      class="pf-v6-c-button pf-m-secondary"
-      data-ouia-component-id="OUIA-Generated-Button-secondary-1"
-      data-ouia-component-type="PF6/Button"
-      data-ouia-safe="true"
-      disabled=""
-      type="button"
-    >
-      <div>
-        ReactNode
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      class="pf-v6-c-button pf-m-primary"
-      data-ouia-component-id="OUIA-Generated-Button-primary-1"
-      data-ouia-component-type="PF6/Button"
-      data-ouia-safe="true"
-      type="submit"
-    >
-      <div>
-        ReactNode
-      </div>
-    </button>
     <div
-      class="pf-v6-c-wizard__footer-cancel"
+      class="pf-v6-c-action-list"
     >
-      <button
-        aria-disabled="false"
-        class="pf-v6-c-button pf-m-link"
-        data-ouia-component-id="OUIA-Generated-Button-link-1"
-        data-ouia-component-type="PF6/Button"
-        data-ouia-safe="true"
-        type="button"
+      <div
+        class="pf-v6-c-action-list__group"
       >
-        <div>
-          ReactNode
+        <div
+          class="pf-v6-c-action-list__item"
+        >
+          <button
+            aria-disabled="false"
+            class="pf-v6-c-button pf-m-secondary"
+            data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            disabled=""
+            type="button"
+          >
+            <div>
+              ReactNode
+            </div>
+          </button>
+        </div>
+        <div
+          class="pf-v6-c-action-list__item"
+        >
+          <button
+            aria-disabled="false"
+            class="pf-v6-c-button pf-m-primary"
+            data-ouia-component-id="OUIA-Generated-Button-primary-1"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            type="submit"
+          >
+            <div>
+              ReactNode
+            </div>
+          </button>
         </div>
-      </button>
+      </div>
+      <div
+        class="pf-v6-c-action-list__group"
+      >
+        <div
+          class="pf-v6-c-action-list__item"
+        >
+          <button
+            aria-disabled="false"
+            class="pf-v6-c-button pf-m-link"
+            data-ouia-component-id="OUIA-Generated-Button-link-1"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            type="button"
+          >
+            <div>
+              ReactNode
+            </div>
+          </button>
+        </div>
+      </div>
     </div>
   </footer>
 </DocumentFragment>

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

@@ -238,40 +238,60 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
       <footer
         class="pf-v6-c-wizard__footer"
       >
-        <button
-          aria-disabled="false"
-          class="pf-v6-c-button pf-m-secondary"
-          data-ouia-component-id="OUIA-Generated-Button-secondary-2"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          Back
-        </button>
-        <button
-          aria-disabled="false"
-          class="pf-v6-c-button pf-m-primary"
-          data-ouia-component-id="OUIA-Generated-Button-primary-2"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          type="submit"
-        >
-          Next
-        </button>
         <div
-          class="pf-v6-c-wizard__footer-cancel"
+          class="pf-v6-c-action-list"
         >
-          <button
-            aria-disabled="false"
-            class="pf-v6-c-button pf-m-link"
-            data-ouia-component-id="OUIA-Generated-Button-link-2"
-            data-ouia-component-type="PF6/Button"
-            data-ouia-safe="true"
-            type="button"
+          <div
+            class="pf-v6-c-action-list__group"
           >
-            Cancel
-          </button>
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-secondary"
+                data-ouia-component-id="OUIA-Generated-Button-secondary-2"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                disabled=""
+                type="button"
+              >
+                Back
+              </button>
+            </div>
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-primary"
+                data-ouia-component-id="OUIA-Generated-Button-primary-2"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                type="submit"
+              >
+                Next
+              </button>
+            </div>
+          </div>
+          <div
+            class="pf-v6-c-action-list__group"
+          >
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-link"
+                data-ouia-component-id="OUIA-Generated-Button-link-2"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                type="button"
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
         </div>
       </footer>
     </div>
@@ -497,40 +517,60 @@ exports[`Wizard Wizard should match snapshot 1`] = `
       <footer
         class="pf-v6-c-wizard__footer"
       >
-        <button
-          aria-disabled="false"
-          class="pf-v6-c-button pf-m-secondary"
-          data-ouia-component-id="OUIA-Generated-Button-secondary-1"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          Back
-        </button>
-        <button
-          aria-disabled="false"
-          class="pf-v6-c-button pf-m-primary"
-          data-ouia-component-id="OUIA-Generated-Button-primary-1"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          type="submit"
-        >
-          Next
-        </button>
         <div
-          class="pf-v6-c-wizard__footer-cancel"
+          class="pf-v6-c-action-list"
         >
-          <button
-            aria-disabled="false"
-            class="pf-v6-c-button pf-m-link"
-            data-ouia-component-id="OUIA-Generated-Button-link-1"
-            data-ouia-component-type="PF6/Button"
-            data-ouia-safe="true"
-            type="button"
+          <div
+            class="pf-v6-c-action-list__group"
           >
-            Cancel
-          </button>
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-secondary"
+                data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                disabled=""
+                type="button"
+              >
+                Back
+              </button>
+            </div>
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-primary"
+                data-ouia-component-id="OUIA-Generated-Button-primary-1"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                type="submit"
+              >
+                Next
+              </button>
+            </div>
+          </div>
+          <div
+            class="pf-v6-c-action-list__group"
+          >
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-link"
+                data-ouia-component-id="OUIA-Generated-Button-link-1"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                type="button"
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
         </div>
       </footer>
     </div>
@@ -628,40 +668,60 @@ exports[`Wizard bare wiz 1`] = `
       <footer
         class="pf-v6-c-wizard__footer"
       >
-        <button
-          aria-disabled="false"
-          class="pf-v6-c-button pf-m-secondary"
-          data-ouia-component-id="OUIA-Generated-Button-secondary-3"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          Back
-        </button>
-        <button
-          aria-disabled="false"
-          class="pf-v6-c-button pf-m-primary"
-          data-ouia-component-id="OUIA-Generated-Button-primary-3"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          type="submit"
-        >
-          Next
-        </button>
         <div
-          class="pf-v6-c-wizard__footer-cancel"
+          class="pf-v6-c-action-list"
         >
-          <button
-            aria-disabled="false"
-            class="pf-v6-c-button pf-m-link"
-            data-ouia-component-id="OUIA-Generated-Button-link-3"
-            data-ouia-component-type="PF6/Button"
-            data-ouia-safe="true"
-            type="button"
+          <div
+            class="pf-v6-c-action-list__group"
+          >
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-secondary"
+                data-ouia-component-id="OUIA-Generated-Button-secondary-3"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                disabled=""
+                type="button"
+              >
+                Back
+              </button>
+            </div>
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-primary"
+                data-ouia-component-id="OUIA-Generated-Button-primary-3"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                type="submit"
+              >
+                Next
+              </button>
+            </div>
+          </div>
+          <div
+            class="pf-v6-c-action-list__group"
           >
-            Cancel
-          </button>
+            <div
+              class="pf-v6-c-action-list__item"
+            >
+              <button
+                aria-disabled="false"
+                class="pf-v6-c-button pf-m-link"
+                data-ouia-component-id="OUIA-Generated-Button-link-3"
+                data-ouia-component-type="PF6/Button"
+                data-ouia-safe="true"
+                type="button"
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
         </div>
       </footer>
     </div>

package/src/helpers/constants.ts

@@ -4,11 +4,11 @@ import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpo
 import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
 import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_2xl';
 
-import globalHeightBreakpointSm from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_sm';
-import globalHeightBreakpointMd from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_md';
-import globalHeightBreakpointLg from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_lg';
-import globalHeightBreakpointXl from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_xl';
-import globalHeightBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_2xl';
+import globalHeightBreakpointSm from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_sm';
+import globalHeightBreakpointMd from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_md';
+import globalHeightBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_lg';
+import globalHeightBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_xl';
+import globalHeightBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_2xl';
 
 import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';