From b55dc658c94f629bd5f218fcc50ace2756d93a06 Mon Sep 17 00:00:00 2001
From: Stefan Dragomir <stefand@ENSRO0422.local>
Date: Thu, 24 Jul 2025 20:31:03 +0300
Subject: [PATCH 1/5] FORMS-18740: State of active component lacks 3 to 1
 contrast ratio @sunnym @vavarshn

---
 src/site/_mixin.scss     | 3 ++-
 src/site/_variables.scss | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/site/_mixin.scss b/src/site/_mixin.scss
index abf2161..2ec6945 100644
--- a/src/site/_mixin.scss
+++ b/src/site/_mixin.scss
@@ -466,9 +466,10 @@
     border-bottom: $border-light;
     border-color: transparent;
     border: none;
+    font-weight: normal;
 
     &--active {
-        color: $accent;
+        color: $black;
     }
 
     &:last-child {
diff --git a/src/site/_variables.scss b/src/site/_variables.scss
index b890694..f460fbb 100644
--- a/src/site/_variables.scss
+++ b/src/site/_variables.scss
@@ -9,6 +9,7 @@ $secondary: rgb(22, 22, 22);
 $very-light-gray: #ccc;
 $bg-gray: #eee;
 $white: #fff;
+$black: #000;
 $error: #b40000;
 $light-error: rgba(235, 60, 54, 0.05);
 $dark-error: rgba(255, 57, 50, 0.148);

From 6b8d8293a4bfc133098b0b619b3eb86cad078073 Mon Sep 17 00:00:00 2001
From: Stefan Dragomir <stefand@ENSRO0422.local>
Date: Tue, 12 Aug 2025 11:38:59 +0300
Subject: [PATCH 2/5] FORMS-18740: Updating tabsontop with the same color
 scheme

---
 src/site/_mixin.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/site/_mixin.scss b/src/site/_mixin.scss
index 2ec6945..630cc97 100644
--- a/src/site/_mixin.scss
+++ b/src/site/_mixin.scss
@@ -526,7 +526,7 @@
     }
 
     &--active {
-        color: $accent;
+        color: $black;
         border-color: transparent;
         display: flex;
         align-items: center;
@@ -584,7 +584,7 @@
     }
     &--active {
         background-color: rgba($color: #000, $alpha: .05);
-        color: $secondary;
+        color: $black
     }
 }
   

From 6818f47b4ceade6ac1ee46680355adee7a77398a Mon Sep 17 00:00:00 2001
From: Stefan Dragomir <stefand@ENSRO0422.local>
Date: Thu, 28 Aug 2025 11:09:02 +0300
Subject: [PATCH 3/5] FORMS-18740: New design feedback implemented

---
 src/site/_mixin.scss | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/site/_mixin.scss b/src/site/_mixin.scss
index 630cc97..2aae602 100644
--- a/src/site/_mixin.scss
+++ b/src/site/_mixin.scss
@@ -459,14 +459,12 @@
     box-sizing: border-box;
     flex: 1;
     display: flex;
-    align-items: center;
     font-size: $font-m;
     border-radius: $button-radius;
     border-bottom-width: 2px;
     border-bottom: $border-light;
     border-color: transparent;
     border: none;
-    font-weight: normal;
 
     &--active {
         color: $black;
@@ -501,7 +499,6 @@
         text-align: center;
         font-size: $font-s;
     }
-
 }
 
 @mixin default-tab {
@@ -512,7 +509,8 @@
     font-size: $font-m;
     align-self: flex-start;
     display: flex;
-    align-items: center;
+    flex-flow: wrap;
+    align-items: end !important;
     font-weight: 600;
     border-radius: $button-radius;
     border-width: 2px;
@@ -538,12 +536,18 @@
         }
     }
 
-    &--active::after {
-        content: '—';
-        display: none;
-        color: $accent;
+    &::after {
+        content: "";
+        display: block;
+        width: 100%;
     }
 
+    &--active::after {
+        content: "";
+        display: block;
+        width: 100%;
+        border-top: 2px solid $black;
+    }
 }
 
 @mixin tab-list {

From 2340e61fd93a2545eab09926ccc5a10b8118e85d Mon Sep 17 00:00:00 2001
From: Stefan Dragomir <stefand@ENSRO0422.local>
Date: Tue, 9 Sep 2025 18:42:26 +0300
Subject: [PATCH 4/5] FORMS-18740: Removing active tab background

---
 src/site/_mixin.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/site/_mixin.scss b/src/site/_mixin.scss
index 2aae602..a870c3c 100644
--- a/src/site/_mixin.scss
+++ b/src/site/_mixin.scss
@@ -528,8 +528,7 @@
         border-color: transparent;
         display: flex;
         align-items: center;
-
-        background-color: rgba($color: #000, $alpha: .05);
+        // background-color: rgba($color: #000, $alpha: .05);
         // box-shadow: 0 15px 10px -15px rgba(42, 69, 152, 0.345);
         &:hover {
             color: $accent;

From 0b5161b9c3385080ad2558e1527aa547f78cf6c6 Mon Sep 17 00:00:00 2001
From: Stefan Dragomir <stefand@ENSRO0422.local>
Date: Tue, 16 Sep 2025 21:14:32 +0300
Subject: [PATCH 5/5] FORMS-18740: Correcting flex-end and border-bottom

---
 src/site/_mixin.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/site/_mixin.scss b/src/site/_mixin.scss
index a870c3c..ad080d4 100644
--- a/src/site/_mixin.scss
+++ b/src/site/_mixin.scss
@@ -510,7 +510,7 @@
     align-self: flex-start;
     display: flex;
     flex-flow: wrap;
-    align-items: end !important;
+    align-items: flex-end !important;
     font-weight: 600;
     border-radius: $button-radius;
     border-width: 2px;
@@ -545,7 +545,7 @@
         content: "";
         display: block;
         width: 100%;
-        border-top: 2px solid $black;
+        border-bottom: 2px solid $black;
     }
 }