@wizishop/angular-components 14.4.33 → 14.4.35

package/angular-components.scss

@@ -7686,9 +7686,50 @@ div.wac-field-input-search {
       }
     }
   }
+  .wac-select-test {
+    border-width: 0;
+    background-color: transparent;
+    position: relative;
+    &:before {
+      content: '';
+      display: block;
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 1px;
+      height: 60%;
+      transform: translateY(-50%);
+      background-color: $input-border;
+    }
+    .wac-select-test__header {
+      padding: 0 20px;
+      &:focus {
+        border: none;
+        box-shadow: none;
+      }
+      &__selection {
+        position: relative;
+        &:before {
+          content: "";
+          display: block;
+          position: absolute;
+          top: 100%;
+          margin-top: 2px;
+          left: 0;
+          width: 100%;
+          height: 1px;
+          border-bottom: 1px dashed $primary-button;
+        }
+      }
+    }
+  }
+  .wac-select-test__header__chevron {
+    display: none;
+  }
 }
 
 
+
 .wac {
   &-select {
     width: 100%;
@@ -8124,9 +8165,8 @@ div.wac-field-input-search {
           bottom: -3px;
           left: 0;
           width: 100%;
-          height: 1.5px;
-          background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23e95656' stroke-width='1' stroke-dasharray='3%2c 6' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
-          background-position: left top;
+          height: 0;
+          border-bottom: 1px dashed $wac-primary-button;
         }
         &:after {
           content: '';

package/package.json

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