@wizishop/angular-components 0.0.131 → 0.0.132

package/angular-components.scss

@@ -108,6 +108,8 @@ $wac-button-tab-background: #EAEDF5!default;
 
 $wac-color-success-popup-alert: #6DCC95!default;
 
+$wac-background-indication: #EDEFF2!default;
+
 .zindexToggle {
   z-index: 9!important;
   position: relative;
@@ -2257,6 +2259,68 @@ $wac-color-success-popup-alert: #6DCC95!default;
     }
   }
 }
+.wac-text {
+  font-size: rem(14);
+  line-height: rem(25);
+  color: $wac-main-text;
+  margin: 0 0 rem(30);
+  &.grey {
+    color: $wac-second-color;
+  }
+  &.yellow {
+    color: $wac-warning-color;
+  }
+  &.red {
+    color: $wac-primary;
+  }
+  &.label {
+    color: $placeholder-color;
+  }
+  &.optional {
+    font-size: rem(12);
+    line-height: rem(23);
+    color: $color-text-grey;
+    font-style: italic;
+  }
+  p {
+    font: inherit;
+    line-height: inherit;
+    color: inherit;
+    margin: inherit;
+  }
+}
+.wac-label {
+  @include flexbox();
+  background-color: $wac-gray-background;
+  border-radius: 3px;
+  border: 1px solid $wac-gray-background;
+  transition: border-color 0.3s ease-in-out;
+
+  &__wrapper {
+    padding: 7.5px 13px;
+    font-size: 14px;
+    line-height: 16px;
+    color: $wac-second-color;
+
+    i {
+      margin-left: 10px;
+      font-size: 12px;
+      line-height: 23px;
+      color: $wac-border-form;
+      transition: color 0.3s ease-in-out;
+    }
+  }
+
+  &:hover {
+    border-color: $wac-input-border;
+    transition: border-color 0.3s ease-in-out;
+
+    .wac-label__wrapper i {
+      color: $wac-second-color;
+      transition: color 0.3s ease-in-out;
+    }
+  }
+}
 .wac-tag {
   display: flex;
   align-items: center;
@@ -2366,68 +2430,6 @@ $wac-color-success-popup-alert: #6DCC95!default;
     }
   }
 }
-.wac-label {
-  @include flexbox();
-  background-color: $wac-gray-background;
-  border-radius: 3px;
-  border: 1px solid $wac-gray-background;
-  transition: border-color 0.3s ease-in-out;
-
-  &__wrapper {
-    padding: 7.5px 13px;
-    font-size: 14px;
-    line-height: 16px;
-    color: $wac-second-color;
-
-    i {
-      margin-left: 10px;
-      font-size: 12px;
-      line-height: 23px;
-      color: $wac-border-form;
-      transition: color 0.3s ease-in-out;
-    }
-  }
-
-  &:hover {
-    border-color: $wac-input-border;
-    transition: border-color 0.3s ease-in-out;
-
-    .wac-label__wrapper i {
-      color: $wac-second-color;
-      transition: color 0.3s ease-in-out;
-    }
-  }
-}
-.wac-text {
-  font-size: rem(14);
-  line-height: rem(25);
-  color: $wac-main-text;
-  margin: 0 0 rem(30);
-  &.grey {
-    color: $wac-second-color;
-  }
-  &.yellow {
-    color: $wac-warning-color;
-  }
-  &.red {
-    color: $wac-primary;
-  }
-  &.label {
-    color: $placeholder-color;
-  }
-  &.optional {
-    font-size: rem(12);
-    line-height: rem(23);
-    color: $color-text-grey;
-    font-style: italic;
-  }
-  p {
-    font: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: inherit;
-  }
-}
 .wac-loader {
   &.is-small {
     position: absolute;
@@ -5909,17 +5911,21 @@ div.wac-field-input-search {
 .wac-input {
   .indication {
     position: absolute;
-    right: 1px;
-    top: 1px;
-    height: 38px;
-    color: $wac-second-color;
+    right: 0;
+    top: 0;
+    height: 40px;
+    color: $wac-main-text;
     font-size: rem(14);
-    padding: 7.5px 20px;
-    background-color: $gray-background;
-    border-left: 1px solid $wac-border-form;
+    padding: 7.5px 15px;
+    background-color: $wac-background-indication;
+    border: none;
     border-radius: 3px 3px 0 0;
     white-space: nowrap;
     transition: .3s ease;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    z-index: 2;
     &.reverse {
       right: auto;
       left: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/angular-components",
-  "version": "0.0.131",
+  "version": "0.0.132",
   "peerDependencies": {
     "@angular/common": "^11.2.12",
     "@angular/core": "^11.2.12",