feat(Button): Add linkBrand style

MisticaCatalog/Source/Catalog/Mistica/Components/UICatalogButtonsViewController.swift

@@ -24,6 +24,7 @@ class UICatalogButtonsViewController: UITableViewController {
                 Style(buttonStyle: .secondaryInverse, title: "Secondary Inverse", isInverse: true, isSmall: false),
                 Style(buttonStyle: .primaryBrand, title: "Primary Brand", isInverse: true, isSmall: false),
                 Style(buttonStyle: .secondaryBrand, title: "Secondary Brand", isInverse: true, isSmall: false),
+                Style(buttonStyle: .linkBrand, title: "Link Brand", isInverse: true, isSmall: false),
                 Style(buttonStyle: .linkInverse, title: "Link Inverse", isInverse: true, isSmall: false),
                 Style(buttonStyle: .linkDangerInverse, title: "Link Danger Inverse", isInverse: true, isSmall: false),
 

MisticaCatalog/Source/Catalog/MisticaSwiftUI/Components/ButtonCatalogView.swift

@@ -24,6 +24,7 @@ struct ButtonsCatalogView: View {
                 Style(buttonStyle: .misticaLinkInverse(), title: "Link Inverse", inverse: true),
                 Style(buttonStyle: .misticaPrimaryBrand(), title: "Primary Brand", inverse: true),
                 Style(buttonStyle: .misticaSecondaryBrand(), title: "Secondary Brand", inverse: true),
+                Style(buttonStyle: .misticaLinkBrand(), title: "Link Brand", inverse: true),
 
                 Style(buttonStyle: .misticaPrimary(small: true), title: "Primary Small", inverse: false),
                 Style(buttonStyle: .misticaSecondary(small: true), title: "Secondary Small", inverse: false),

Sources/Mistica/Components/Button/ButtonStyle+Toolkit.swift

@@ -213,6 +213,23 @@ public extension Button.Style {
         )
     }
 
+    static var linkBrand: Button.Style {
+        let backgroundColor: UIColor = .clear
+        var style = Button.Style(
+            allowsBleedingAlignment: true,
+            stateStyleByState: [
+                .normal: Button.StateStyle(textColor: .textLinkBrand, backgroundColor: backgroundColor, borderColor: backgroundColor),
+                .selected: Button.StateStyle(textColor: .textLinkBrand, backgroundColor: .buttonLinkBackgroundBrandPressed, borderColor: backgroundColor),
+                .disabled: Button.StateStyle(textColor: .textLinkBrand, backgroundColor: backgroundColor, borderColor: backgroundColor),
+                .loading: Button.StateStyle(textColor: .textLinkBrand, backgroundColor: backgroundColor, borderColor: backgroundColor)
+            ]
+        )
+
+        style.overriddenSizes = linkOverriddenSizes
+
+        return style
+    }
+
     func insets(isSmall: Bool) -> UIEdgeInsets {
         if let overriddenSizes = overriddenSizes {
             return overriddenSizes.insets

Sources/MisticaSwiftUI/Components/Button/MisticaButtonStyle.swift

@@ -285,6 +285,43 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
         )
     }
 
+    static func misticaLinkBrand(
+        small: Bool = false,
+        bleedingAlignment: ButtonBleedingAlignment = .none,
+        withChevron: Bool = false
+    ) -> Self {
+        Self(
+            style: MisticaButton.Style(
+                bleedingAlignment: bleedingAlignment,
+                hasMinWidth: false,
+                styleByState: [
+                    .normal: MisticaButton.StateStyle(
+                        textColor: .textLinkBrand,
+                        backgroundColor: .clear,
+                        borderColor: .clear
+                    ),
+                    .selected: MisticaButton.StateStyle(
+                        textColor: .textLinkBrand,
+                        backgroundColor: .buttonLinkBackgroundBrandPressed,
+                        borderColor: .clear
+                    ),
+                    .disabled: MisticaButton.StateStyle(
+                        textColor: .textLinkBrand.opacity(opacity),
+                        backgroundColor: .clear,
+                        borderColor: .clear
+                    ),
+                    .loading: MisticaButton.StateStyle(
+                        textColor: .textLinkBrand,
+                        backgroundColor: .clear,
+                        borderColor: .clear
+                    )
+                ]
+            ),
+            small: small,
+            rightImage: withChevron ? .chevron : nil
+        )
+    }
+
     static func misticaSnackbar(
         small: Bool = false,
         bleedingAlignment: ButtonBleedingAlignment = .none

Tests/MisticaSwiftUITests/UI/ButtonTests.swift

@@ -162,6 +162,13 @@ final class ButtonTests: XCTestCase {
             as: .image
         )
     }
+
+    func testSmallSizeWithLinkBrandWithChevron() {
+        assertSnapshot(
+            of: makeTemplateWithAllButtonStates(style: .misticaLinkBrand(small: true, withChevron: true), inverse: true),
+            as: .image
+        )
+    }
 }
 
 // MARK: - Helpers

Tests/MisticaTests/UI/ButtonTests.swift

@@ -219,6 +219,13 @@ final class ButtonTests: XCTestCase {
         )
     }
 
+    func testSmallSizeWithLinkBrandWithChevronStyle() {
+        assertSnapshotForAllBrandsAndStyles(
+            as: .image,
+            viewBuilder: makeTemplateWithAllButtonStates(style: .linkBrand, isSmall: true, rightImage: .chevron)
+        )
+    }
+
     func testSmallSizeWithLinkWithLeftImageStyle() {
         assertSnapshotForAllBrandsAndStyles(
             as: .image,