feat(skin): IOS-9684 update design tokens from mistica-design branch:…

… production (#331) * feat(skin): update design tokens * Record screenshots automatically launched from GH action * fix typo * Fix color in Stepper * Record screenshots automatically launched from GH action --------- Co-authored-by: amegias <[email protected]> Co-authored-by: Alejandro Megías <[email protected]>
Telefonica · Jan 25, 2024 · 7ba2e09 · 7ba2e09
1 parent a844e6a
commit 7ba2e09
Show file tree

Hide file tree

Showing 85 changed files with 594 additions and 304 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -17,7 +17,7 @@ jobs:
       - name: Build and Test
         run: make test
 
-      - name: Extract Sceenshot diff from failed Tests
+      - name: Extract Screenshot diff from failed Tests
         if: always()
         run: make extract_tests_attachments
 

diff --git a/Sources/Mistica/Components/Stepper/SegmentView.swift b/Sources/Mistica/Components/Stepper/SegmentView.swift
@@ -74,7 +74,7 @@ extension SegmentView {
 private extension SegmentView {
     func commonInit() {
         backgroundColor = .clear
-        backgroundView.backgroundColor = .control
+        backgroundView.backgroundColor = .barTrack
         trackView.backgroundColor = .controlActivated
 
         addSubview(backgroundView, constraints: [

diff --git a/Sources/MisticaCommon/Colors/BlauColorPalette.swift b/Sources/MisticaCommon/Colors/BlauColorPalette.swift
@@ -39,6 +39,9 @@ struct BlauColors: MisticaColors {
     let buttonDangerBackground = BlauColors.palette.blauRed
     let buttonDangerBackgroundSelected = BlauColors.palette.blauRed70
     let buttonDangerBackgroundHover = BlauColors.palette.blauRed70
+    let buttonLinkDangerBackgroundSelected = BlauColors.palette.blauRed10 | BlauColors.palette.blauPurple.withAlphaComponent(0.3)
+    let buttonLinkDangerBackgroundInverse = BlauColors.palette.white | BlauColors.palette.white.withAlphaComponent(0.01)
+    let buttonLinkDangerBackgroundInverseSelected = BlauColors.palette.blauRed10 | BlauColors.palette.blauPurple.withAlphaComponent(0.3)
     let buttonLinkBackgroundSelected = BlauColors.palette.blauPurple10 | BlauColors.palette.blauPurple.withAlphaComponent(0.3)
     let buttonLinkBackgroundInverseSelected = BlauColors.palette.white.withAlphaComponent(0.15) | BlauColors.palette.blauPurple.withAlphaComponent(0.3)
     let buttonPrimaryBackground = BlauColors.palette.blauBlueSecondary
@@ -67,7 +70,10 @@ struct BlauColors: MisticaColors {
     let textLinkSnackbar = BlauColors.palette.blauPurple30
     let control = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey6
     let controlActivated = BlauColors.palette.blauBlueSecondary
+    let controlInverse = BlauColors.palette.white | BlauColors.palette.darkModeGrey6
+    let controlActivatedInverse = BlauColors.palette.white | BlauColors.palette.blauBlueSecondary
     let controlError = BlauColors.palette.blauRed
+    let barTrack = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey6
     let loadingBar = BlauColors.palette.blauBlueSecondary | BlauColors.palette.blauBluePrimary
     let loadingBarBackground = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.darkModeGrey
     let toggleAndroidInactive = BlauColors.palette.grey2 | BlauColors.palette.grey5