@wizishop/angular-components 14.4.38 → 14.4.40

package/angular-components.scss

@@ -7,7 +7,7 @@ $wac-table-background-color: #fafafa!default;
 $wac-bleu-color: #52aecd!default;
 $wac-red-color: #ff1800!default;
 $wac-border-color: #cfd4e4!default;
-$wac-border-form: #DEE2ED!default;
+$wac-border-form: #C9D2D9!default;
 $wac-border-light: #cfd4e4!default;
 $wac-color-loader2: #a2c739!default;
 $wac-color-loader: #4baed0!default;
@@ -112,7 +112,7 @@ $wac-button-tab-background: #EAEDF5!default;
 
 $wac-color-success-popup-alert: #6DCC95!default;
 
-$wac-background-indication: #EDEFF2!default;
+$wac-background-indication: #DEE2ED!default;
 
 $wac-grey: #F5F8FA!default;
 $wac-round-breadcrumbs: #DEE2ED!default;
@@ -123,6 +123,7 @@ $wac-google-preview-url: #202124!default;
 $wac-google-preview-title: #1A0DAB!default;
 $wac-google-preview-description: #4D5156!default;
 $wac-charging-bar-background: #E1E6EA!default;
+$wac-link-active: #38A3F1!default;
 .zindexToggle {
   z-index: 9!important;
   position: relative;
@@ -3902,7 +3903,7 @@ wac-calendar {
           justify-content: center;
           align-items: center;
           i {
-            font-size: rem(12);
+            font-size: rem(14);
             font-weight: 400;
             color: $wac-second-color;
           }
@@ -5823,19 +5824,27 @@ wac-optional-disable-container {
 .wac-summary {
   p {
     font-size: rem(14);
-    line-height: rem(23);
     color: $wac-main-text;
-    margin: 15px 0;
-    transition: color .3s ease-in-out;
+    display: flex;
+    margin: 0;
+    min-height: 40px;
+    align-items: center;
+    line-height: 1.4;
+    padding: 5px 20px;
+    transition: .3s ease-in-out;
 
     &.item-link {
       color: $wac-second-color;
       cursor: pointer;
 
       &.active {
-        color: $wac-main-text;
+        color: $wac-link-active;
+        background-color: transparentize($wac-link-active, .9);
         transition: color .3s ease-in-out;
       }
+      &:hover, &:focus {
+        background-color: $wac-grey;
+      }
     }
 
     &:first-child {
@@ -7026,7 +7035,7 @@ span.wac-tooltip {
 h1.wac-h1 {
   font-size: rem(30);
   line-height: rem(35);
-  font-weight: 500;
+  font-weight: 600;
   color: $wac-main-text;
   @include media('<desktop') {
     font-size: rem(22);
@@ -7470,15 +7479,15 @@ h4.wac-h4 {
     right: 0;
     top: 0;
     height: 40px;
-    color: $wac-main-text;
+    color: $wac-second-color;
     font-size: rem(14);
-    padding: 7.5px 15px;
+    padding: 7.5px 20px;
     background-color: $wac-background-indication;
     border: none;
     border-radius: 3px 3px 0 0;
     white-space: nowrap;
     transition: .3s ease;
-    font-weight: 500;
+    font-weight: 400;
     display: flex;
     align-items: center;
     z-index: 2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/angular-components",
-  "version": "14.4.38",
+  "version": "14.4.40",
   "peerDependencies": {
     "@angular/animations": "~14.0.6",
     "@angular/cdk": "^14.0.5",