Merge pull request #9240 from marshmalien/7040-cancel-btn-style

Update cancel button style to "link"

Reviewed-by: https://github.com/apps/softwarefactory-project-zuul

awx/ui_next/src/components/AssociateModal/AssociateModal.jsx

@@ -112,7 +112,7 @@ function AssociateModal({
           <Button
             aria-label={i18n._(t`Cancel`)}
             key="cancel"
-            variant="secondary"
+            variant="link"
             onClick={handleClose}
           >
             {i18n._(t`Cancel`)}

awx/ui_next/src/components/DeleteButton/DeleteButton.jsx

@@ -42,7 +42,7 @@ function DeleteButton({
           </Button>,
           <Button
             key="cancel"
-            variant="secondary"
+            variant="link"
             aria-label={i18n._(t`Cancel`)}
             onClick={() => setIsOpen(false)}
           >

awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx

@@ -118,7 +118,7 @@ function DisassociateButton({
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`Cancel`)}
               onClick={() => setIsOpen(false)}
             >

awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx

@@ -20,7 +20,7 @@ const FormActionGroup = ({ onCancel, onSubmit, submitDisabled, i18n }) => {
         </Button>
         <Button
           aria-label={i18n._(t`Cancel`)}
-          variant="secondary"
+          variant="link"
           type="button"
           onClick={onCancel}
         >

awx/ui_next/src/components/Lookup/Lookup.jsx

@@ -138,7 +138,7 @@ function Lookup(props) {
           >
             {i18n._(t`Select`)}
           </Button>,
-          <Button key="cancel" variant="secondary" onClick={closeModal}>
+          <Button key="cancel" variant="link" onClick={closeModal}>
             {i18n._(t`Cancel`)}
           </Button>,
         ]}

awx/ui_next/src/components/PaginatedDataList/ToolbarDeleteButton.jsx

@@ -160,7 +160,7 @@ function ToolbarDeleteButton({
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`cancel delete`)}
               onClick={toggleModal}
             >

awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx

@@ -36,7 +36,7 @@ function DeleteRoleConfirmationModal({
         >
           {i18n._(t`Delete`)}
         </Button>,
-        <Button key="cancel" variant="secondary" onClick={onCancel}>
+        <Button key="cancel" variant="link" onClick={onCancel}>
           {i18n._(t`Cancel`)}
         </Button>,
       ]}

awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap

@@ -29,7 +29,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
         </Button>,
         <Button
           onClick={[Function]}
-          variant="secondary"
+          variant="link"
         >
           Cancel
         </Button>,
@@ -56,7 +56,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
             </Button>,
             <Button
               onClick={[Function]}
-              variant="secondary"
+              variant="link"
             >
               Cancel
             </Button>,
@@ -80,7 +80,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
               </Button>,
               <Button
                 onClick={[Function]}
-                variant="secondary"
+                variant="link"
               >
                 Cancel
               </Button>,
@@ -212,8 +212,8 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                         </button>
                         <button
                           aria-disabled="false"
-                          class="pf-c-button pf-m-secondary"
+                          class="pf-c-button pf-m-link"
-                          data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                          data-ouia-component-id="OUIA-Generated-Button-link-1"
                           data-ouia-component-type="PF4/Button"
                           data-ouia-safe="true"
                           type="button"
@@ -239,7 +239,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                   </Button>,
                   <Button
                     onClick={[Function]}
-                    variant="secondary"
+                    variant="link"
                   >
                     Cancel
                   </Button>,
@@ -517,13 +517,13 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                               <Button
                                 key="cancel"
                                 onClick={[Function]}
-                                variant="secondary"
+                                variant="link"
                               >
                                 <button
                                   aria-disabled={false}
                                   aria-label={null}
-                                  className="pf-c-button pf-m-secondary"
+                                  className="pf-c-button pf-m-link"
-                                  data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                                  data-ouia-component-id="OUIA-Generated-Button-link-1"
                                   data-ouia-component-type="PF4/Button"
                                   data-ouia-safe={true}
                                   disabled={false}

awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx

@@ -270,7 +270,7 @@ function CredentialForm({
                   <Button
                     id="credential-form-cancel-button"
                     aria-label={i18n._(t`Cancel`)}
-                    variant="secondary"
+                    variant="link"
                     type="button"
                     onClick={onCancel}
                   >

awx/ui_next/src/screens/Inventory/shared/InventoryGroupsDeleteModal.jsx

@@ -105,7 +105,7 @@ const InventoryGroupsDeleteModal = ({
             <Button
               aria-label={i18n._(t`Close`)}
               onClick={() => setIsModalOpen(false)}
-              variant="secondary"
+              variant="link"
               key="cancel"
             >
               {i18n._(t`Cancel`)}

awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx

@@ -24,7 +24,7 @@ function RevertAllAlert({ i18n, onClose, onRevertAll }) {
         </Button>,
         <Button
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel revert`)}
           onClick={onClose}
           ouiaId="cancel-revert-all-button"

awx/ui_next/src/screens/Setting/shared/RevertFormActionGroup.jsx

@@ -36,7 +36,7 @@ const RevertFormActionGroup = ({
         {children}
         <Button
           aria-label={i18n._(t`Cancel`)}
-          variant="secondary"
+          variant="link"
           type="button"
           onClick={onCancel}
           ouiaId="cancel-button"

awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx

@@ -205,7 +205,7 @@ function TeamRolesList({ i18n, me, team }) {
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`Cancel`)}
               onClick={() => setRoleToDisassociate(null)}
             >

awx/ui_next/src/screens/Template/Survey/SurveyList.jsx

@@ -107,7 +107,7 @@ function SurveyList({
         </Button>,
         <Button
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`cancel delete`)}
           onClick={() => {
             setIsDeleteModalOpen(false);

awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx

@@ -22,7 +22,7 @@ function DeleteAllNodesModal({ i18n }) {
         <Button
           id="cancel-delete-all-nodes"
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel node removal`)}
           onClick={() => dispatch({ type: 'TOGGLE_DELETE_ALL_NODES_MODAL' })}
         >

awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx

@@ -32,7 +32,7 @@ function LinkDeleteModal({ i18n }) {
           aria-label={i18n._(t`Cancel link removal`)}
           key="cancel"
           onClick={() => dispatch({ type: 'SET_LINK_TO_DELETE', value: null })}
-          variant="secondary"
+          variant="link"
         >
           {i18n._(t`Cancel`)}
         </Button>,

awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx

@@ -36,7 +36,7 @@ function LinkModal({ header, i18n, onConfirm }) {
         <Button
           id="link-cancel"
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel link changes`)}
           onClick={() => dispatch({ type: 'CANCEL_LINK_MODAL' })}
         >

awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx

@@ -31,7 +31,7 @@ function NodeDeleteModal({ i18n }) {
         <Button
           id="cancel-node-removal"
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel node removal`)}
           onClick={() => dispatch({ type: 'SET_NODE_TO_DELETE', value: null })}
         >

awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx

@@ -205,7 +205,7 @@ function UserRolesList({ i18n, user }) {
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`Cancel`)}
               onClick={() => setRoleToDisassociate(null)}
             >