Revision control
Copy as Markdown
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
import SwiftUI
import Common
import ComponentLibrary
extension View {
@ViewBuilder
func primaryButtonStyle(theme: Theme) -> some View {
if #available(iOS 26.0, *) {
self.buttonStyle(.glassProminent)
.font(UX.CardView.primaryActionGlassFont)
} else {
self.buttonStyle(.borderless)
.background(theme.colors.actionPrimary.color)
.font(UX.CardView.primaryActionFont)
.foregroundStyle(theme.colors.textInverted.color)
}
}
@ViewBuilder
func secondaryButtonStyle(theme: Theme) -> some View {
if #available(iOS 26.0, *) {
self.buttonStyle(.glassProminent)
.font(UX.CardView.primaryActionGlassFont)
.tint(theme.colors.actionSecondary.color)
.foregroundStyle(theme.colors.textSecondary.color)
} else {
self.buttonStyle(.borderless)
.background(theme.colors.actionSecondary.color)
.font(UX.CardView.primaryActionFont)
.foregroundStyle(theme.colors.textSecondary.color)
}
}
@ViewBuilder
func skipButtonStyle(theme: Theme) -> some View {
if #available(iOS 26.0, *) {
self.buttonStyle(.glassProminent)
.tint(theme.colors.layer2.color)
.foregroundStyle(theme.colors.textSecondary.color)
} else {
self.buttonStyle(.borderless)
.foregroundStyle(theme.colors.textInverted.color)
}
}
@ViewBuilder
func cardBackground(theme: Theme, cornerRadius: CGFloat = 0.0) -> some View {
if #available(iOS 26, *) {
self.glassEffect(.clear.interactive().tint(theme.colors.layer2.color.opacity(0.95)),
in: .rect(cornerRadius: cornerRadius))
} else {
self.background(
RoundedRectangle(cornerRadius: cornerRadius)
.fill(theme.colors.layer2.color)
.accessibilityHidden(true)
)
}
}
@ViewBuilder
func backgroundClipShape() -> some View {
if #available(iOS 26.0, *) {
self.buttonBorderShape(.roundedRectangle(radius: UX.Button.glassCornerRadius))
} else {
self.clipShape(RoundedRectangle(cornerRadius: UX.Button.cornerRadius))
}
}
@ViewBuilder
func paddedVersion(_ inset: Edge.Set, old: CGFloat, new: CGFloat) -> some View {
if #available(iOS 26, *) {
self.padding(inset, new)
} else {
self.padding(inset, old)
}
}
}
struct OnboardingPrimaryButton: View {
let title: String
let action: () -> Void
let theme: Theme
let accessibilityIdentifier: String
var body: some View {
Button(action: {
action()
}, label: {
Text(title)
.frame(maxWidth: .infinity)
.paddedVersion(.vertical, old: UX.Button.verticalPadding, new: UX.Button.verticalGlassPadding)
.padding(.horizontal, UX.Button.horizontalPadding)
})
.accessibility(identifier: accessibilityIdentifier)
.primaryButtonStyle(theme: theme)
.backgroundClipShape()
}
}
struct OnboardingSecondaryButton: View {
let title: String
let action: () -> Void
let theme: Theme
let accessibilityIdentifier: String
var body: some View {
Button(action: {
action()
}, label: {
Text(title)
.frame(maxWidth: .infinity)
.paddedVersion(.vertical, old: UX.Button.verticalPadding, new: UX.Button.verticalGlassPadding)
.padding(.horizontal, UX.Button.horizontalPadding)
})
.accessibility(identifier: accessibilityIdentifier)
.secondaryButtonStyle(theme: theme)
.backgroundClipShape()
}
}