Update dependency element-hq/compound-design-tokens to v6.10.1 (#5123)

* Update dependency element-hq/compound-design-tokens to v6.10.0

* Further Compound updates.

The gradients have been simplified and are now opaque.

* Missed snapshots.

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Doug <douglase@element.io>
This commit is contained in:
renovate[bot]
2026-02-25 21:45:10 +00:00
committed by GitHub
parent e71e3487c7
commit aafb467e85
25 changed files with 56 additions and 59 deletions

View File

@@ -10,15 +10,14 @@ import Compound
import SwiftUI
extension View {
func highlight(gradient: Gradient, borderColor: Color, backgroundColor: Color = .clear) -> some View {
modifier(HorizontalHighlightGradient(gradient: gradient, borderColor: borderColor, backgroundColor: backgroundColor))
func highlight(gradient: Gradient, borderColor: Color) -> some View {
modifier(HorizontalHighlightGradient(gradient: gradient, borderColor: borderColor))
}
}
struct HorizontalHighlightGradient: ViewModifier {
let gradient: Gradient
let borderColor: Color
let backgroundColor: Color
func body(content: Content) -> some View {
ZStack(alignment: .top) {
@@ -28,7 +27,6 @@ struct HorizontalHighlightGradient: ViewModifier {
LinearGradient(gradient: gradient,
startPoint: .top,
endPoint: .bottom)
.background(backgroundColor)
}
content
.layoutPriority(1)

View File

@@ -133,9 +133,7 @@ struct RoomScreen: View {
.padding(.top, 16)
.padding(.horizontal, 16)
.padding(.bottom, 12)
.highlight(gradient: .compound.info,
borderColor: .compound.borderInfoSubtle,
backgroundColor: .compound.bgCanvasDefault)
.highlight(gradient: .compound.info, borderColor: .compound.borderInfoSubtle)
}
@ViewBuilder

View File

@@ -30,7 +30,7 @@ struct RoomScreenFooterView: View {
case .pinViolation:
.compound.info
case .verificationViolation:
Gradient(colors: [.compound.bgCriticalSubtle, .clear])
.compound.critical
case .none:
Gradient(colors: [.clear])
}
@@ -39,9 +39,7 @@ struct RoomScreenFooterView: View {
var body: some View {
if let details {
detailsView(details)
.highlight(gradient: gradient,
borderColor: borderColor,
backgroundColor: .compound.bgCanvasDefault)
.highlight(gradient: gradient, borderColor: borderColor)
.padding(.top, 8)
.fixedSize(horizontal: false, vertical: true)
}