Add POS prefix to color names in catalog to avoid conflicts with other future color palettes in the main bundle. Update color code.

Author: jaclync

WooCommerce/Classes/POS/Colors/Color+POSColorPalette.swift

@@ -2,53 +2,53 @@ import SwiftUI
 
 extension Color {
     // MARK: - Primary Colors
-    static var posPrimary: Color { Color("primary") }
-    static var posOnPrimary: Color { Color("onPrimary") }
-    static var posPrimaryContainer: Color { Color("primaryContainer") }
-    static var posOnPrimaryContainer: Color { Color("onPrimaryContainer") }
+    static var posPrimary: Color { Color(.posPrimary) }
+    static var posOnPrimary: Color { Color(.posOnPrimary) }
+    static var posPrimaryContainer: Color { Color(.posPrimaryContainer) }
+    static var posOnPrimaryContainer: Color { Color(.posOnPrimaryContainer) }
 
     // MARK: - Secondary Container Colors
-    static var posSecondaryContainer: Color { Color("secondaryContainer") }
-    static var posOnSecondaryContainer: Color { Color("onSecondaryContainer") }
+    static var posSecondaryContainer: Color { Color(.posSecondaryContainer) }
+    static var posOnSecondaryContainer: Color { Color(.posOnSecondaryContainer) }
 
     // MARK: - Disabled Container Colors
-    static var posDisabledContainer: Color { Color("disabledContainer") }
-    static var posOnDisabledContainer: Color { Color("onDisabledContainer") }
+    static var posDisabledContainer: Color { Color(.posDisabledContainer) }
+    static var posOnDisabledContainer: Color { Color(.posOnDisabledContainer) }
 
     // MARK: - Surface Colors
-    static var posSurface: Color { Color("surface") }
-    static var posOnSurface: Color { Color("onSurface") }
-    static var posSurfaceDim: Color { Color("surfaceDim") }
-    static var posSurfaceBright: Color { Color("surfaceBright") }
-    static var posSurfaceContainerLowest: Color { Color("surfaceContainerLowest") }
-    static var posSurfaceContainerLow: Color { Color("surfaceContainerLow") }
-    static var posSurfaceContainerHighest: Color { Color("surfaceContainerHighest") }
+    static var posSurface: Color { Color(.posSurface) }
+    static var posOnSurface: Color { Color(.posOnSurface) }
+    static var posSurfaceDim: Color { Color(.posSurfaceDim) }
+    static var posSurfaceBright: Color { Color(.posSurfaceBright) }
+    static var posSurfaceContainerLowest: Color { Color(.posSurfaceContainerLowest) }
+    static var posSurfaceContainerLow: Color { Color(.posSurfaceContainerLow) }
+    static var posSurfaceContainerHighest: Color { Color(.posSurfaceContainerHighest) }
 
     // MARK: - Surface Variant Colors
-    static var posOnSurfaceVariantLowest: Color { Color("onSurfaceVariantLowest") }
-    static var posOnSurfaceVariantHighest: Color { Color("onSurfaceVariantHighest") }
+    static var posOnSurfaceVariantLowest: Color { Color(.posOnSurfaceVariantLowest) }
+    static var posOnSurfaceVariantHighest: Color { Color(.posOnSurfaceVariantHighest) }
 
     // MARK: - Inverse Surface Colors
-    static var posInverseSurface: Color { Color("inverseSurface") }
-    static var posOnInverseSurface: Color { Color("onInverseSurface") }
+    static var posInverseSurface: Color { Color(.posInverseSurface) }
+    static var posOnInverseSurface: Color { Color(.posOnInverseSurface) }
 
     // MARK: - Outline Colors
-    static var posOutline: Color { Color("outline") }
-    static var posOutlineVariant: Color { Color("outlineVariant") }
+    static var posOutline: Color { Color(.posOutline) }
+    static var posOutlineVariant: Color { Color(.posOutlineVariant) }
 
     // MARK: - Status Colors
-    static var posError: Color { Color("error") }
-    static var posOnError: Color { Color("onError") }
-    static var posSuccess: Color { Color("success") }
-    static var posOnSuccess: Color { Color("onSuccess") }
-    static var posAlert: Color { Color("alert") }
-    static var posOnAlert: Color { Color("onAlert") }
+    static var posError: Color { Color(.posError) }
+    static var posOnError: Color { Color(.posOnError) }
+    static var posSuccess: Color { Color(.posSuccess) }
+    static var posOnSuccess: Color { Color(.posOnSuccess) }
+    static var posAlert: Color { Color(.posAlert) }
+    static var posOnAlert: Color { Color(.posOnAlert) }
 
     // MARK: - Text Colors
-    static var posTextPrimary: Color { Color("textPrimary") }
-    static var posTextSecondary: Color { Color("textSecondary") }
-    static var posTextTertiary: Color { Color("textTertiary") }
+    static var posTextPrimary: Color { Color(.posTextPrimary) }
+    static var posTextSecondary: Color { Color(.posTextSecondary) }
+    static var posTextTertiary: Color { Color(.posTextTertiary) }
 
     // MARK: - Other
-    static var posShadow: Color { Color("shadow") }
+    static var posShadow: Color { Color(.posShadow) }
 }