@wizishop/angular-components 14.4.26 → 14.4.28

package/angular-components.scss

@@ -3474,7 +3474,62 @@ wac-calendar {
     z-index: 2;
   }
 }
-.wac-expanded-panel {
+
+.nwbSelect {
+
+  &__container {
+    position: absolute;
+    top: 100%;
+    margin-top: rem(14);
+    left: 0;
+    width: auto;
+    border: 1px solid $wac-border-light;
+    border-radius: 3px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    background-color: $wac-white;
+    max-height: 400px;
+    height: auto;
+    visibility: visible;
+    opacity: 1;
+    z-index: 999;
+    box-shadow: 3px 3px 20px $wac-select-box-shadow;
+
+    &__item {
+      border: none;
+      background-color: transparent;
+      width: 100%;
+      font-size: rem(14);
+      line-height: rem(40);
+      cursor: pointer;
+      transition: 0.3s ease;
+      position: relative;
+      display: flex;
+      justify-content: flex-start;
+      align-content: center;
+      align-items: center;
+      font-weight: 400;
+      padding: 0 20px;
+      
+      &:empty {
+        display: none;
+      }
+
+      &:hover,
+      &:focus {
+        background-color: $wac-gray-background;
+        color: $wac-main-text;
+      }
+
+      &--selected {
+        background-color: $wac-hover-multiple-search !important;
+        color: $wac-main-text !important;
+      }
+    }
+  }
+}.wac-expanded-panel {
   width: 100%;
   display: flex;
   flex-direction: column;

package/package.json

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