Add a preview file to display all existing POS button styles.

Author: jaclync

WooCommerce/Classes/POS/Presentation/Reusable Views/Buttons/POSButtonStylesPreview.swift

@@ -0,0 +1,51 @@
+import SwiftUI
+
+#if DEBUG
+
+/// A preview that demonstrates all available POS button styles
+struct POSButtonStylesPreview: View {
+    var body: some View {
+        VStack(spacing: 20) {
+            // Primary Button
+            Button("Primary Button") {}
+                .buttonStyle(POSPrimaryButtonStyle())
+
+            // Secondary Button
+            Button("Secondary Button") {}
+                .buttonStyle(POSSecondaryButtonStyle())
+
+            // Tertiary Button
+            Button("Tertiary Button") {}
+                .buttonStyle(POSTertiaryButtonStyle())
+
+            // Text Button
+            Button("Text Button") {}
+                .buttonStyle(POSTextButtonStyle())
+
+            // Disabled state examples
+            Group {
+                Button("Disabled Primary") {}
+                    .buttonStyle(POSPrimaryButtonStyle())
+                    .disabled(true)
+                Button("Disabled Secondary") {}
+                    .buttonStyle(POSSecondaryButtonStyle())
+                    .disabled(true)
+
+                Button("Disabled Tertiary") {}
+                    .buttonStyle(POSTertiaryButtonStyle())
+                    .disabled(true)
+
+                Button("Disabled Text") {}
+                    .buttonStyle(POSTextButtonStyle())
+                    .disabled(true)
+            }
+        }
+        .padding()
+    }
+}
+
+#Preview {
+    POSButtonStylesPreview()
+}
+
+#endif

WooCommerce/WooCommerce.xcodeproj/project.pbxproj

@@ -117,6 +117,7 @@
 		020F41E623163C0100776C4D /* TopBannerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 020F41E423163C0100776C4D /* TopBannerView.swift */; };
 		021080FA2D5441CE0054C78D /* POSColorPalette.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 021080F92D5441CE0054C78D /* POSColorPalette.xcassets */; };
 		021080FC2D544B3E0054C78D /* Color+POSColorPalette.swift in Sources */ = {isa = PBXBuildFile; fileRef = 021080FB2D544B3E0054C78D /* Color+POSColorPalette.swift */; };
+		0210A2472D55EC250054C78D /* POSButtonStylesPreview.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0210A2462D55EC250054C78D /* POSButtonStylesPreview.swift */; };
 		0210D8692A7BEEF700846F8C /* WooAnalyticsEvent+ProductListFilter.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0210D8682A7BEEF700846F8C /* WooAnalyticsEvent+ProductListFilter.swift */; };
 		0211252825773F220075AD2A /* Models+Copiable.generated.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0211252725773F220075AD2A /* Models+Copiable.generated.swift */; };
 		0211252E25773FB00075AD2A /* MockAggregateOrderItem.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0211252D25773FB00075AD2A /* MockAggregateOrderItem.swift */; };
@@ -3325,6 +3326,7 @@
 		020F41E423163C0100776C4D /* TopBannerView.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = TopBannerView.swift; sourceTree = "<group>"; };
 		021080F92D5441CE0054C78D /* POSColorPalette.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = POSColorPalette.xcassets; sourceTree = "<group>"; };
 		021080FB2D544B3E0054C78D /* Color+POSColorPalette.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Color+POSColorPalette.swift"; sourceTree = "<group>"; };
+		0210A2462D55EC250054C78D /* POSButtonStylesPreview.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = POSButtonStylesPreview.swift; sourceTree = "<group>"; };
 		0210D8682A7BEEF700846F8C /* WooAnalyticsEvent+ProductListFilter.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "WooAnalyticsEvent+ProductListFilter.swift"; sourceTree = "<group>"; };
 		0211252725773F220075AD2A /* Models+Copiable.generated.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "Models+Copiable.generated.swift"; sourceTree = "<group>"; };
 		0211252D25773FB00075AD2A /* MockAggregateOrderItem.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MockAggregateOrderItem.swift; sourceTree = "<group>"; };
@@ -6480,6 +6482,7 @@
 		01620C4C2C5394A400D3EA2F /* Reusable Views */ = {
 			isa = PBXGroup;
 			children = (
+				0210A2452D55EC140054C78D /* Buttons */,
 				01620C4D2C5394B200D3EA2F /* POSProgressViewStyle.swift */,
 				204D1D612C5A50840064A6BE /* POSModalViewModifier.swift */,
 				20D2CCA42C7E328300051705 /* POSModalCloseButton.swift */,
@@ -6650,6 +6653,14 @@
 			path = Colors;
 			sourceTree = "<group>";
 		};
+		0210A2452D55EC140054C78D /* Buttons */ = {
+			isa = PBXGroup;
+			children = (
+				0210A2462D55EC250054C78D /* POSButtonStylesPreview.swift */,
+			);
+			path = Buttons;
+			sourceTree = "<group>";
+		};
 		0211252225773EB40075AD2A /* Copiable */ = {
 			isa = PBXGroup;
 			children = (
@@ -15522,6 +15533,7 @@
 				CC41E70C29310C1F008B3FB9 /* AnalyticsLineChart.swift in Sources */,
 				456CB50D2444BFAC00992A05 /* ProductPurchaseNoteViewController.swift in Sources */,
 				EE3BC28E2BE390B800195AF0 /* InAppFeedbackCardViewModel.swift in Sources */,
+				0210A2472D55EC250054C78D /* POSButtonStylesPreview.swift in Sources */,
 				6827140F28A3988300E6E3F6 /* DismissableNoticeView.swift in Sources */,
 				D802541F2655137A001B2CC1 /* CardPresentModalNonRetryableError.swift in Sources */,
 				B651474527D644FF00C9C4E6 /* CustomerNoteSection.swift in Sources */,