Replace all POSButtonStyle(variant: .outlined, ...) with POSOutlinedButtonStyle.

jaclync · jaclync · commit 7455c06891ec · 2025-02-12T10:29:15.000+08:00
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentFoundMultipleReadersView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentFoundMultipleReadersView.swift
@@ -36,7 +36,7 @@ struct PointOfSaleCardPresentPaymentFoundMultipleReadersView: View {
             }) {
                 Text(Localization.cancel)
             }
-            .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+            .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             .padding(Layout.buttonPadding)
         }
         .padding(Layout.padding)
@@ -53,7 +53,7 @@ private extension PointOfSaleCardPresentPaymentFoundMultipleReadersView {
             Button(Localization.connect) {
                 connect(readerID)
             }
-            .buttonStyle(POSButtonStyle(variant: .outlined, size: .extraSmall))
+            .buttonStyle(POSOutlinedButtonStyle(size: .extraSmall))
         }
         .padding(.vertical, Layout.rowVerticalPadding)
     }
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentFoundReaderView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentFoundReaderView.swift
@@ -33,7 +33,7 @@ struct PointOfSaleCardPresentPaymentFoundReaderView: View {
 
                 Button(viewModel.continueSearchButton.title,
                        action: viewModel.continueSearchButton.actionHandler)
-                .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+                .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             }
             .matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)
         }
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentOptionalReaderUpdateInProgressView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentOptionalReaderUpdateInProgressView.swift
@@ -45,7 +45,7 @@ struct PointOfSaleCardPresentPaymentOptionalReaderUpdateInProgressView: View {
                     cancelReaderUpdate()
                 }
             })
-            .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+            .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             .matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)
         }
         .multilineTextAlignment(.center)
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentReaderUpdateFailedLowBatteryView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentReaderUpdateFailedLowBatteryView.swift
@@ -40,7 +40,7 @@ struct PointOfSaleCardPresentPaymentReaderUpdateFailedLowBatteryView: View {
                 .buttonStyle(POSButtonStyle(variant: .filled, size: .normal))
                 Button(viewModel.cancelButtonViewModel.title,
                        action: viewModel.cancelButtonViewModel.actionHandler)
-                .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+                .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             }
             .matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)
         }
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentReaderUpdateFailedNonRetryableView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentReaderUpdateFailedNonRetryableView.swift
@@ -25,7 +25,7 @@ struct PointOfSaleCardPresentPaymentReaderUpdateFailedNonRetryableView: View {
 
             Button(viewModel.cancelButtonViewModel.title,
                    action: viewModel.cancelButtonViewModel.actionHandler)
-            .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+            .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             .matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)
         }
         .multilineTextAlignment(.center)
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentRequiredReaderUpdateInProgressView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Connection Alerts/PointOfSaleCardPresentPaymentRequiredReaderUpdateInProgressView.swift
@@ -45,7 +45,7 @@ struct PointOfSaleCardPresentPaymentRequiredReaderUpdateInProgressView: View {
                     cancelReaderUpdate()
                 }
             })
-            .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+            .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             .matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)
         }
         .multilineTextAlignment(.center)
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentCaptureErrorMessageView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentCaptureErrorMessageView.swift
@@ -38,7 +38,7 @@ struct PointOfSaleCardPresentPaymentCaptureErrorMessageView: View {
                 Button(action: viewModel.newOrderButtonViewModel.actionHandler) {
                     Label(viewModel.newOrderButtonViewModel.title, systemImage: "arrow.uturn.backward")
                 }
-                .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+                .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             }
         }
         .multilineTextAlignment(.center)
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentErrorMessageView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentErrorMessageView.swift
@@ -30,7 +30,7 @@ struct PointOfSaleCardPresentPaymentErrorMessageView: View {
                 if let backToCheckoutButtonViewModel = viewModel.backToCheckoutButtonViewModel {
                     Button(backToCheckoutButtonViewModel.title,
                            action: backToCheckoutButtonViewModel.actionHandler)
-                    .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+                    .buttonStyle(POSOutlinedButtonStyle(size: .normal))
                 }
             }
         }
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentIntentCreationErrorMessageView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentIntentCreationErrorMessageView.swift
@@ -30,7 +30,7 @@ struct PointOfSaleCardPresentPaymentIntentCreationErrorMessageView: View {
                 if let editOrderButtonViewModel = viewModel.editOrderButtonViewModel {
                     Button(editOrderButtonViewModel.title,
                            action: editOrderButtonViewModel.actionHandler)
-                    .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+                    .buttonStyle(POSOutlinedButtonStyle(size: .normal))
                 }
             }
         }
diff --git a/WooCommerce/Classes/POS/Presentation/CartView.swift b/WooCommerce/Classes/POS/Presentation/CartView.swift
@@ -51,7 +51,7 @@ struct CartView: View {
                         Text(Localization.clearButtonTitle)
                             .font(Constants.clearButtonFont)
                     }
-                    .buttonStyle(POSButtonStyle(variant: .outlined, size: .extraSmall))
+                    .buttonStyle(POSOutlinedButtonStyle(size: .extraSmall))
                     .renderedIf(shouldShowClearCartButton)
                 }
             }
diff --git a/WooCommerce/Classes/POS/Presentation/Item Selector/ItemListErrorCardView.swift b/WooCommerce/Classes/POS/Presentation/Item Selector/ItemListErrorCardView.swift
@@ -34,7 +34,7 @@ struct ItemListErrorCardView: View {
                 Text(errorState.buttonText)
                     .font(Constants.itemTitleFont)
             }
-            .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+            .buttonStyle(POSOutlinedButtonStyle(size: .normal))
             .frame(maxWidth: Constants.accessoryButtonMaxWidth * scale)
             .padding(Constants.accessoryButtonPadding * (1 / scale))
         }
diff --git a/WooCommerce/Classes/POS/Presentation/PaymentButtons.swift b/WooCommerce/Classes/POS/Presentation/PaymentButtons.swift
@@ -37,7 +37,7 @@ private extension PaymentsActionButtons {
                     .font(Constants.buttonFont)
             }
         })
-        .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+        .buttonStyle(POSOutlinedButtonStyle(size: .normal))
     }
 
     var newOrderButton: some View {
diff --git a/WooCommerce/Classes/POS/Presentation/Reusable Views/Buttons/POSButtonStyle.swift b/WooCommerce/Classes/POS/Presentation/Reusable Views/Buttons/POSButtonStyle.swift
@@ -228,7 +228,7 @@ struct POSButtonStyle_Previews: View {
                         .buttonStyle(POSButtonStyle(variant: .filled, size: .normal))
 
                     Button("Long text in small size button that might need to wrap") {}
-                        .buttonStyle(POSButtonStyle(variant: .outlined, size: .extraSmall))
+                        .buttonStyle(POSOutlinedButtonStyle(size: .extraSmall))
                 }
             }
             .padding()
diff --git a/WooCommerce/Classes/POS/Presentation/TotalsView.swift b/WooCommerce/Classes/POS/Presentation/TotalsView.swift
@@ -67,7 +67,7 @@ struct TotalsView: View {
                             .font(POSFontStyle.posBodyEmphasized)
                             .minimumScaleFactor(0.5)
                     })
-                    .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))
+                    .buttonStyle(POSOutlinedButtonStyle(size: .normal))
                     .padding(.horizontal, Constants.buttonHorizontalPadding)
                     .padding(.bottom, Constants.cashButtonBottomPadding)
                     .renderedIf(viewHelper.shouldShowCollectCashPaymentButton(orderState: posModel.orderState,

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ struct PointOfSaleCardPresentPaymentFoundMultipleReadersView: View {`
`36`	`36`	`}) {`
`37`	`37`	`Text(Localization.cancel)`
`38`	`38`	`}`
`39`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`39`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`40`	`40`	`.padding(Layout.buttonPadding)`
`41`	`41`	`}`
`42`	`42`	`.padding(Layout.padding)`
`@@ -53,7 +53,7 @@ private extension PointOfSaleCardPresentPaymentFoundMultipleReadersView {`
`53`	`53`	`Button(Localization.connect) {`
`54`	`54`	`connect(readerID)`
`55`	`55`	`}`
`56`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .extraSmall))`
	`56`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .extraSmall))`
`57`	`57`	`}`
`58`	`58`	`.padding(.vertical, Layout.rowVerticalPadding)`
`59`	`59`	`}`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ struct PointOfSaleCardPresentPaymentFoundReaderView: View {`
`33`	`33`
`34`	`34`	`Button(viewModel.continueSearchButton.title,`
`35`	`35`	`action: viewModel.continueSearchButton.actionHandler)`
`36`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`36`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`37`	`37`	`}`
`38`	`38`	`.matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)`
`39`	`39`	`}`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ struct PointOfSaleCardPresentPaymentOptionalReaderUpdateInProgressView: View {`
`45`	`45`	`cancelReaderUpdate()`
`46`	`46`	`}`
`47`	`47`	`})`
`48`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`48`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`49`	`49`	`.matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)`
`50`	`50`	`}`
`51`	`51`	`.multilineTextAlignment(.center)`
Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,7 @@ struct PointOfSaleCardPresentPaymentReaderUpdateFailedLowBatteryView: View {`
`40`	`40`	`.buttonStyle(POSButtonStyle(variant: .filled, size: .normal))`
`41`	`41`	`Button(viewModel.cancelButtonViewModel.title,`
`42`	`42`	`action: viewModel.cancelButtonViewModel.actionHandler)`
`43`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`43`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`44`	`44`	`}`
`45`	`45`	`.matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)`
`46`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ struct PointOfSaleCardPresentPaymentReaderUpdateFailedNonRetryableView: View {`
`25`	`25`
`26`	`26`	`Button(viewModel.cancelButtonViewModel.title,`
`27`	`27`	`action: viewModel.cancelButtonViewModel.actionHandler)`
`28`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`28`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`29`	`29`	`.matchedGeometryEffect(id: animation.buttonsTransitionId, in: animation.namespace, properties: .position)`
`30`	`30`	`}`
`31`	`31`	`.multilineTextAlignment(.center)`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ struct PointOfSaleCardPresentPaymentCaptureErrorMessageView: View {`
`38`	`38`	`Button(action: viewModel.newOrderButtonViewModel.actionHandler) {`
`39`	`39`	`Label(viewModel.newOrderButtonViewModel.title, systemImage: "arrow.uturn.backward")`
`40`	`40`	`}`
`41`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`41`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`	`.multilineTextAlignment(.center)`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ struct PointOfSaleCardPresentPaymentErrorMessageView: View {`
`30`	`30`	`if let backToCheckoutButtonViewModel = viewModel.backToCheckoutButtonViewModel {`
`31`	`31`	`Button(backToCheckoutButtonViewModel.title,`
`32`	`32`	`action: backToCheckoutButtonViewModel.actionHandler)`
`33`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .normal))`
	`33`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .normal))`
`34`	`34`	`}`
`35`	`35`	`}`
`36`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ struct CartView: View {`
`51`	`51`	`Text(Localization.clearButtonTitle)`
`52`	`52`	`.font(Constants.clearButtonFont)`
`53`	`53`	`}`
`54`		`- .buttonStyle(POSButtonStyle(variant: .outlined, size: .extraSmall))`
	`54`	`+ .buttonStyle(POSOutlinedButtonStyle(size: .extraSmall))`
`55`	`55`	`.renderedIf(shouldShowClearCartButton)`
`56`	`56`	`}`
`57`	`57`	`}`