@wizishop/angular-components 14.4.67 → 14.4.69

package/angular-components.scss

@@ -150,74 +150,6 @@ $wac-link-active: #38A3F1!default;
 .wac-table__head__cell--checkbox .wac-field-checkbox__row {
   transform: translateX(5px);
 }
-.wac-alert {
-  width: 100%;
-  background-color: transparentize($wac-link-color, 0.85);
-  color: $wac-link-color;
-  border-radius: 3px;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  padding: 20px;
-  &.success {
-    background-color: transparentize($wac-green-color, 0.85);
-    p {
-      color: $wac-p-alert-color-success;
-      > * {
-        color: $wac-p-alert-color-success;
-      }
-    }
-    i {
-      color: $wac-green-color;
-    }
-  }
-  &.warning {
-    background-color: transparentize($wac-primary-button, 0.85);
-    p {
-      color: $wac-p-alert-color-warning;
-      > * {
-        color: $wac-p-alert-color-warning;
-      }
-    }
-    i {
-      color: $wac-primary-button;
-    }
-  }
-  &.alert {
-    background-color: transparentize($wac-orange-color, 0.85);
-    p {
-      color: $wac-p-alert-color-alert;
-      > * {
-        color: $wac-p-alert-color-alert;
-      }
-    }
-    i {
-      color: $wac-orange-color;
-    }
-  }
-  p {
-    width: 100%;
-    font-size: rem(14);
-    line-height: rem(25);
-    margin: 0;
-    padding: 0;
-    color: $wac-p-alert-color-default;
-    > * {
-      color: $wac-p-alert-color-default;
-    }
-  }
-  i {
-    width: auto;
-    margin: 0 10px 0 0;
-    color: inherit;
-    font-size: rem(14);
-    line-height: rem(25);
-  }
-
-  .wac-button i {
-    color: $wac-white;
-  }
-}
 .wac-alert-popup {
   .alert {
     z-index: 999999;
@@ -440,6 +372,74 @@ $wac-link-active: #38A3F1!default;
   }
 
 }
+.wac-alert {
+  width: 100%;
+  background-color: transparentize($wac-link-color, 0.85);
+  color: $wac-link-color;
+  border-radius: 3px;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  padding: 20px;
+  &.success {
+    background-color: transparentize($wac-green-color, 0.85);
+    p {
+      color: $wac-p-alert-color-success;
+      > * {
+        color: $wac-p-alert-color-success;
+      }
+    }
+    i {
+      color: $wac-green-color;
+    }
+  }
+  &.warning {
+    background-color: transparentize($wac-primary-button, 0.85);
+    p {
+      color: $wac-p-alert-color-warning;
+      > * {
+        color: $wac-p-alert-color-warning;
+      }
+    }
+    i {
+      color: $wac-primary-button;
+    }
+  }
+  &.alert {
+    background-color: transparentize($wac-orange-color, 0.85);
+    p {
+      color: $wac-p-alert-color-alert;
+      > * {
+        color: $wac-p-alert-color-alert;
+      }
+    }
+    i {
+      color: $wac-orange-color;
+    }
+  }
+  p {
+    width: 100%;
+    font-size: rem(14);
+    line-height: rem(25);
+    margin: 0;
+    padding: 0;
+    color: $wac-p-alert-color-default;
+    > * {
+      color: $wac-p-alert-color-default;
+    }
+  }
+  i {
+    width: auto;
+    margin: 0 10px 0 0;
+    color: inherit;
+    font-size: rem(14);
+    line-height: rem(25);
+  }
+
+  .wac-button i {
+    color: $wac-white;
+  }
+}
 .wac-back {
   width: 40px;
   height: 40px;
@@ -2892,7 +2892,7 @@ wac-calendar {
         }
       }
     }
-    &:checked + label {
+    &:checked + label, &.checked + label  {
       color: $wac-input-radio-color-active-label;
       &:before {
         border: 1px solid $wac-input-active-color;
@@ -2900,6 +2900,7 @@ wac-calendar {
         transition: all 0.3s ease-in-out;
       }
       &:after {
+        display: block!important;
         left: 7px;
         top: 8px;
         transition: all 0.3s ease-in-out;

package/package.json

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