toggle-components-library 1.34.0-beta.5 → 1.34.0-beta.7

package/src/sass/includes/_as_buttons.scss

@@ -395,7 +395,7 @@
         }
         
         &:hover .contacts-icon {
-            background-image: url("../assets/icons/contacts-white.svg");
+            background-color: white;
         }
     }
     //icons
@@ -418,9 +418,11 @@
     }
     
     .contacts-icon {
-        background-image: url("../assets/icons/contacts-greyblue.svg");
-        background-repeat:no-repeat;
-        background-size:contain;
+        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='.9em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z'/%3E%3C/svg%3E");
+        background-color: #6d90b4;
+        -webkit-mask: var(--svg);
+        mask: var(--svg);
+        mask-repeat: no-repeat;
         margin-right: 6px;
         width: 14px;
         height: 14px;
@@ -428,83 +430,34 @@
     }
 }
 
-.toggle-button-booster-badge {
-    display: flex;
-    align-items: center;
-    padding: 0.2rem 0.2rem 0.2rem 1rem !important;
-}
-
-.shimmer {
-    color: grey;
-    display: inline-block;
-    mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/400% 100%;
-    background-repeat: no-repeat;
-    animation: shimmer 4s infinite;
-}
-
-.toggle-button-booster-image-badge {
-    z-index: 99;
-    width: 6rem;
-    height: 2rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 4px;
-    margin: 0 0 0 20px;
-    padding: 0px 8px 0px 8px;
-    width: 6rem;
-    height: 1.8rem;
-    .toggle-button-booster-image {
-        width: 100%;
-        height: 100%;
+.toggle-metrics-button-small {
+    padding: 0px 13px;
+    font-size: 12px;
+    &.mini-contacts {
+        font-size: 0.65rem;
+        padding: 5px 12px;
+    }
+    .heatmap-icon {
+        width: 21px;
+        height: 21px;
     }
-    &.loading {
-      opacity: 0
+    .email-icon {
+        width: 25px;
+        height: 25px;
     }
-    &.disabled {
-      opacity: 0.3;
+    .contacts-icon {
+        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='.8em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z'/%3E%3C/svg%3E");
+        -webkit-mask: var(--svg);
+        mask: var(--svg);
+        mask-repeat: no-repeat;
     }
 }
 
-/* Tooltip container */
-.toggle-button-tooltip-container {
-  position: relative;
-  justify-content: center;
-  display: flex;
-}
-
-/* Tooltip text */
-.toggle-button-tooltip-container .toggle-button-tooltip-text {
-  visibility: hidden;
-  width: 120px;
-  height: fit-content;
-  background-color: black;
-  color: #fff;
-  text-align: center;
-  padding: 5px;
-  border-radius: 6px;
-  position: absolute;
-  z-index: 999;
-  top: 100%;
-}
-
-.toggle-button-tooltip-text {
-  font-family: $toggle-font-family;
-}
-
-.toggle-button-tooltip-container:hover .toggle-button-tooltip-text {
-    visibility: visible;
-}
-
-// Shimmer animation for booster badge
-@keyframes shimmer {
-    0% {
-        mask-position: right;
-    }
-    30% {
-        mask-position: left;
-    }
-    100% {
-        mask-position: left;
+.toggle-metrics-button-large {
+    padding: 23px 27px;
+    font-size: 17px;
+    &.mini-contacts {
+        font-size: .92rem;
+        padding: 10px 25px;
     }
 }

package/src/sass/includes/_as_cards.scss

@@ -164,3 +164,31 @@
 
 }
 
+.toggle-comment-card {
+    display: flex;
+    flex-direction: row;
+    max-width: 750px;
+    height: 250px;
+    border-radius: 18px;
+    margin: 16px;
+    font-size: $toggle-font-size-regular;
+    font-family: $toggle-font-family;
+}
+
+.toggle-comment-card-info {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 40px 20px 20px 20px;
+    color: white;
+    border-radius: 30px;
+
+    .toggle-comment-card-text {
+        text-align: left;
+        line-height: 1.5rem;
+
+        p {
+            margin: 0
+        }
+    }
+}

package/src/sass/includes/_as_metrics.scss

@@ -134,4 +134,10 @@
 
 .increase-padding-bottom {
     padding-bottom: 3rem !important;
+}
+
+.toggle-metric-score::after {
+    content: '/5';
+    font-size: 27px;
+    margin-left: -8px;
 }

package/src/sass/includes/_as_navs.scss

@@ -342,6 +342,11 @@
             &.airship-hat-icon span::before {
               background-image: url("../assets/icons/airship-hat-hover.svg");
             }
+
+            &.airship-feedback-icon a::before,
+            &.airship-feedback-icon span::before {
+              background-image: url("../assets/icons/airship-feedback-hover.svg");
+            }
         }
     }
 
@@ -506,6 +511,17 @@
                   animation: tilt-shake 0.4s;
                   background-image: url("../assets/icons/airship-audiences-hover.svg");
                 }
+        // add feedbacl
+        &.airship-feedback-icon a::before,
+        &.airship-feedback-icon span::before {
+          background-image: url("../assets/icons/airship-feedback.svg");
+        }
+
+                &.airship-feedback-icon a:hover::before,
+                &.airship-feedback-icon span:hover::before {
+                  animation: tilt-shake 0.4s;
+                  background-image: url("../assets/icons/airship-feedback-hover.svg");
+                }
 
       }
     }

package/src/sass/includes/_as_table.scss

@@ -117,7 +117,9 @@ table.toggle-table {
         }
     }
 
+
     tr.toggle-tablee-tr {
+
         &:hover {
             background-color: #FFF;
             .arrow-order {
@@ -144,10 +146,6 @@ table.toggle-table {
 
 
     }
-    tr.toggle-tablee-tr.tr-disabled * {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
    
   }
 

package/dist/img/contacts-greyblue.ef6f8a9a.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#6d90b4}</style><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z"/></svg>

package/dist/img/contacts-white.95d07c7a.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#fff}</style><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z"/></svg>