@wizishop/angular-components 15.1.103 → 15.1.104

package/angular-components.scss

@@ -1090,8 +1090,7 @@ wac-block {
   }
 
   &.width-auto {
-    display: inline-block;
-    width: auto;
+    width: fit-content;
     margin: 0 auto;
   }
 
@@ -4709,6 +4708,59 @@ wac-calendar {
     }
   }
 }
+.wac-link {
+  position: relative;
+  color: $wac-link-color;
+  display: inline-block;
+  transition: 0.3s ease;
+  font-size: rem(14);
+  line-height: rem(16);
+  &:before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 100%;
+    max-width: 0;
+    height: 1px;
+    border-radius: 3px;
+    background-color: darken($wac-link-color, 15%);
+    left: 0;
+    bottom: -2px;
+    transition: 0.3s ease;
+  }
+  &:hover,
+  &:focus {
+    color: darken($wac-link-color, 15%);
+    &:before {
+      max-width: 100%;
+    }
+    .wac-link {
+      &__tooltip {
+        opacity: .8;
+        visibility: visible;
+        transition: opacity .3s ease .05s, visibility 0s linear 0s;
+      }
+    }
+  }
+  &__tooltip {
+    position: absolute;
+    bottom: calc(100% + 10px);
+    left: 50%;
+    transform: translateX(-50%);
+    width: auto;
+    max-width: 100vw;
+    padding: 4px;
+    border-radius: 3px;
+    background: $wac-main-text;
+    color: $wac-white;
+    min-width: 100%;
+    visibility: hidden;
+    text-align: center;
+    font-size: 12px;
+    opacity: 0;
+    transition: opacity .3s ease 0s, visibility 0s linear .35s;
+  }
+}
 .wac-loader {
   &.is-small {
     position: absolute;
@@ -4787,59 +4839,6 @@ wac-calendar {
     font-weight: 500;
   }
 }
-.wac-link {
-  position: relative;
-  color: $wac-link-color;
-  display: inline-block;
-  transition: 0.3s ease;
-  font-size: rem(14);
-  line-height: rem(16);
-  &:before {
-    content: '';
-    display: block;
-    position: absolute;
-    width: 100%;
-    max-width: 0;
-    height: 1px;
-    border-radius: 3px;
-    background-color: darken($wac-link-color, 15%);
-    left: 0;
-    bottom: -2px;
-    transition: 0.3s ease;
-  }
-  &:hover,
-  &:focus {
-    color: darken($wac-link-color, 15%);
-    &:before {
-      max-width: 100%;
-    }
-    .wac-link {
-      &__tooltip {
-        opacity: .8;
-        visibility: visible;
-        transition: opacity .3s ease .05s, visibility 0s linear 0s;
-      }
-    }
-  }
-  &__tooltip {
-    position: absolute;
-    bottom: calc(100% + 10px);
-    left: 50%;
-    transform: translateX(-50%);
-    width: auto;
-    max-width: 100vw;
-    padding: 4px;
-    border-radius: 3px;
-    background: $wac-main-text;
-    color: $wac-white;
-    min-width: 100%;
-    visibility: hidden;
-    text-align: center;
-    font-size: 12px;
-    opacity: 0;
-    transition: opacity .3s ease 0s, visibility 0s linear .35s;
-  }
-}
 .wac-logo {
   &__wrapper {
     svg {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/angular-components",
-  "version": "15.1.103",
+  "version": "15.1.104",
   "peerDependencies": {
     "@angular/animations": "~15.0.2",
     "@angular/cdk": "^15.0.1",