@licklist/design 0.67.2 → 0.67.3-dev.1

package/src/styles/product-set/ProductSetForm.scss

@@ -1,4 +1,5 @@
 .product-set-form {
+
   input,
   textarea,
   select,
@@ -15,10 +16,12 @@
     height: 2.5rem;
     border-width: 2px;
     padding: 2px;
+
     label,
     .btn-switch-indicator {
       border-radius: 0.375rem !important;
     }
+
     label {
       height: 2rem;
     }
@@ -34,6 +37,7 @@
       margin-top: 1.5rem;
       margin-bottom: 1.5rem;
     }
+
     @include media-breakpoint-down(sm) {
       padding: 1.5rem 1rem;
       margin-top: 0.5rem;
@@ -50,7 +54,7 @@
 
   .step-badge,
   .category-badge,
-  .product-badge  {
+  .product-badge {
     font-size: 0.875rem;
     font-weight: 600;
   }
@@ -59,10 +63,21 @@
     background-color: #ffdbdb;
     color: #d52902;
   }
+
   .category-badge {
     background-color: #e8f4f6;
     color: #1a93aa;
   }
+
+  .item-icon {
+    display: flex;
+    justify-items: center;
+    align-items: center;
+    font-size: 0.65rem;
+    padding: 0.2rem;
+    margin-right: 1rem;
+  }
+
   .product-badge {
     background-color: #e9f5ea;
     color: #269b36;
@@ -77,10 +92,12 @@
 
 .product-set-mobile-modal {
   margin: 0;
+
   .modal-content {
     border-radius: 1rem 1rem 0 0;
     border-width: 0;
     margin: 0;
+
     .modal-body {
       padding: 1rem 0;
     }
@@ -102,18 +119,22 @@
     font-weight: 600;
     font-size: 0.625rem;
   }
+
   .product-set-subtitle-dot {
     margin-right: 0.375rem;
     width: 0.375rem;
     height: 0.375rem;
     border-radius: 3px;
   }
+
   .product-set-subtitle-category-dot {
     background-color: #269b36;
   }
+
   .product-set-subtitle-step-dot {
     background-color: #1a93aa;
   }
+
   .product-set-subtitle-product-dot {
     background-color: #269b36;
   }
@@ -158,6 +179,7 @@
     justify-self: flex-end;
     align-items: flex-end;
   }
+
   .small-badge {
     font-size: 0.5rem;
     height: 1rem;
@@ -165,6 +187,7 @@
     padding: 0 0.2rem;
     margin-bottom: 0.2rem;
   }
+
   .product-set-save-btn-wrapper {
     padding-left: 0 !important;
     display: flex;
@@ -182,7 +205,7 @@
 
   .product-zone-badge {
     background-color: #EFE9F5;
-    color:#84269B;
+    color: #84269B;
     font-size: 0.875rem;
     font-weight: 600;
   }

package/src/styles/product-set/TutorialGifCard.scss

@@ -52,4 +52,4 @@
     max-height: 0;
     transition: 1s ease;
   }
-}
+}

package/src/styles/product-set/_index.scss

@@ -10,5 +10,5 @@
 @import "./EditCategoryModal.scss";
 @import "./EditProductModal.scss";
 @import "./EditVenueMapSetModal";
-@import "./SelectCategoryModal.scss";
-@import "./EditZoneSettingModal.scss";
+@import './SelectCategoryModal.scss';
+@import "./EditZoneSettingModal.scss"

package/src/styles/report/ReportCard.scss

@@ -44,3 +44,4 @@ $report-card-link-transition: $report-card-transition !default;
     }
   }
 }
+

package/src/styles/report/_index.scss

@@ -1,3 +1,3 @@
 @import "./ReportCard.scss";
 @import "./ReportRunnerModal.scss";
-@import "./ReportEditorModal.scss";
+@import "./ReportEditorModal.scss";

package/src/styles/resources-blocking/_index.scss

@@ -7,6 +7,7 @@
     overflow: auto;
   }
 
+
   .modal-form-content {
     max-height: 21rem;
     overflow-x: hidden;
@@ -75,6 +76,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+
   }
 
   .custom-checkbox {
@@ -109,6 +111,7 @@
       justify-content: center;
       flex-wrap: wrap;
     }
+
   }
 
   .text-input.form-group {
@@ -166,3 +169,4 @@
     }
   }
 }
+

package/src/styles/sales/BookingFilter.scss

@@ -158,7 +158,7 @@
       }
     }
 
-    .apply-container {
+    .apply-container{
       display: flex;
       justify-content: space-around;
       column-gap: 2rem;
@@ -254,4 +254,4 @@
       }
     }
   }
-}
+}

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14.25rem;
+      height: 14rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

package/src/styles/sales/BookingTabs.scss

@@ -8,14 +8,14 @@
 
   .booking-tabs {
     svg {
-      g > rect:first-child {
+      g>rect:first-child {
         fill: $white;
       }
     }
 
     .active {
       svg {
-        g > rect:first-child {
+        g>rect:first-child {
           fill: $blue;
         }
       }
@@ -65,6 +65,7 @@
   .buttons {
     display: flex;
 
+
     .btn {
       display: flex;
       align-items: center;
@@ -94,14 +95,15 @@
       @include media-breakpoint-down(sm) {
         width: 12.5rem;
       }
+  
     }
 
     @include media-breakpoint-down(sm) {
       display: flex;
       flex-direction: column;
       align-items: start;
-      gap: 0.5rem;
-      margin-top: 0.5rem;
+      gap: .5rem;
+      margin-top: .5rem;
       white-space: nowrap;
     }
   }
@@ -119,4 +121,4 @@
       height: 13rem;
     }
   }
-}
+}

package/src/styles/sales/Filters.scss

@@ -6,13 +6,13 @@
       font-size: 0.8rem;
     }
   }
-
+  
   @include media-breakpoint-up(md) {
     label {
       font-size: 0.9rem;
     }
   }
-
+  
   @include media-breakpoint-up(lg) {
     label {
       font-size: 1rem;
@@ -37,7 +37,7 @@
     border: 1px solid $gray-400;
     padding: 0.5rem;
   }
-
+  
   .mobile-date-input:focus {
     outline: none;
   }
@@ -49,7 +49,7 @@
 
   @include media-breakpoint-down(xs) {
     flex-direction: column;
-    gap: 0rem;
+    gap: 0rem;  
 
     // hide bootsrap input for mobile only
     .date-input {
@@ -63,3 +63,4 @@
     gap: 0.5rem;
   }
 }
+

package/src/styles/sales/GuestProfile.scss

@@ -1,231 +1,226 @@
 .profile {
-  .info-wrapper {
-    display: flex;
-
-    .info {
-      display: flex;
-      align-items: center;
-
-      .main {
+    .info-wrapper{
         display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-right: 1.75rem;
 
-        p,
-        h5 {
-          margin: 0;
-        }
+        .info {
+            display: flex;
+            align-items: center;
 
-        .quality-score {
-          color: theme-color("primary");
-        }
-      }
+            .main {
+                display: flex;
+                flex-direction: column;
+                justify-content: space-between;
+                margin-right: 1.75rem;
 
-      .gender-info {
-        display: flex;
-        align-items: start;
+                p, h5 {
+                    margin: 0;
+                }
 
-        .gender {
-          padding: 4px 0;
-
-          .brand-logo-container {
-            width: unset;
-          }
-        }
+                .quality-score {
+                    color: theme-color("primary");
+                }
+            }
 
-        .label {
-          background-color: theme-color("primary");
-          color: white;
-          padding: 4px 8px;
-          border-radius: 4px;
+            .gender-info {
+                display: flex;
+                align-items: start;
+
+                .gender {
+                    padding: 4px 0;
+                    
+                    .brand-logo-container {
+                        width: unset;
+                    }
+                }
+
+                .label {
+                    background-color: theme-color("primary");
+                    color: white;
+                    padding: 4px 8px;
+                    border-radius: 4px;
+                }
+            }
         }
-      }
     }
-  }
 }
 
 .user-metrics {
-  .metrics-wrapper {
-    display: flex;
-    flex-direction: column;
+    .metrics-wrapper {
+        display: flex;
+        flex-direction: column;
 
-    .metrics-row {
-      display: flex;
-      justify-content: space-between;
+        .metrics-row {
+            display: flex;
+            justify-content: space-between;
 
-      .metrics-column {
-        .top {
-          display: flex;
-          margin-bottom: 1.5rem;
-        }
+            .metrics-column {
+                .top {
+                    display: flex;
+                    margin-bottom: 1.5rem;
+                }
 
-        .bottom {
-          display: flex;
-          width: 100%;
-        }
+                .bottom {
+                    display: flex;
+                    width: 100%;
+                }
 
-        .metrics-info {
-          .label {
-            margin: 0;
-            color: #878787;
-          }
+                .metrics-info {
+                    .label {
+                        margin: 0;
+                        color: #878787;
+                    }
 
-          &:nth-child(even) {
-            margin-left: 3rem;
-          }
-        }
 
-        &:last-child {
-          margin-right: 3rem;
+                    &:nth-child(even) {
+                        margin-left: 3rem;
+                    }
+                }
+
+                &:last-child {
+                    margin-right: 3rem;
+                }
+            }
         }
-      }
     }
-  }
 }
 
 .previous-bookings {
-  .events-wrapper {
-    display: flex;
-    flex-wrap: wrap;
+    .events-wrapper {
+        display: flex;
+        flex-wrap: wrap;
 
-    .event-info {
-      margin-bottom: 1.5rem;
+        .event-info {
+            margin-bottom: 1.5rem;
 
-      .info-wrapper {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+            .info-wrapper {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
 
-        .label,
-        .event-date {
-          margin: 0;
-        }
-      }
+                .label, .event-date {
+                    margin: 0;
+                }
+            }
 
-      .products-wrapper {
-        margin-top: 4px;
-      }
+            .products-wrapper {
+                margin-top: 4px;
+            }
 
-      .event-date,
-      .product-name {
-        color: #878787;
-        line-height: 1.25;
-        font-size: 0.875rem;
-      }
+            .event-date, .product-name {
+                color: #878787;
+                line-height: 1.25;
+                font-size: 0.875rem;
+            }
 
-      .product-name {
-        display: flex;
-        p {
-          margin: 0;
-          margin-bottom: 0.125rem;
-          display: flex;
+            .product-name {
+                display: flex;
+                p {
+                    margin: 0;
+                    margin-bottom: 0.125rem;
+                    display: flex;
+                }
+            }
         }
-      }
     }
-  }
 
-  button.older-bookings-button {
-    padding: 0;
-  }
+    button.older-bookings-button {
+        padding: 0;
+    }
 
-  button.older-bookings-button:focus {
-    box-shadow: 0 0 0 0;
-  }
+    button.older-bookings-button:focus {
+        box-shadow: 0 0 0 0;
+    }
 }
 
 .visited-providers {
-  .visited-providers-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-
-    .provider {
-      display: flex;
-      flex-direction: column;
-      margin: 0 1.5rem 1.5rem 0;
-
-      .image-wrapper {
-        height: 8rem;
-        width: 15rem;
-        border-radius: 1rem;
-        background-color: $gray-300;
+    .visited-providers-wrapper {
         display: flex;
-        align-items: center;
-        text-align: center;
-
-        img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          border-radius: 1rem;
-        }
+        flex-wrap: wrap;
 
-        p {
-          margin: 0;
-        }
-      }
+        .provider {
+            display: flex;
+            flex-direction: column;
+            margin: 0 1.5rem 1.5rem 0;
+
+            .image-wrapper {
+                height: 8rem;
+                width: 15rem;
+                border-radius: 1rem;
+                background-color: $gray-300;
+                display: flex;
+                align-items: center;
+                text-align: center;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                    border-radius: 1rem;
+                }
+
+                p {
+                    margin: 0;
+                }
+            }
 
-      .content-wrapper {
-        display: flex;
-        align-items: center;
-        margin-top: 0.75rem;
+            .content-wrapper {
+                display: flex;
+                align-items: center;
+                margin-top: 0.75rem;
 
-        p {
-          margin: 0;
-        }
+                p {
+                    margin: 0;
+                }
 
-        .website {
-          margin-left: 0.5rem;
+                .website {
+                    margin-left: 0.5rem;
 
-          .brand-logo-container {
-            width: 100%;
+                    .brand-logo-container  {
+                        width: 100%;
 
-            svg {
-              vertical-align: unset;
-              padding-top: 0.125rem;
-              overflow: overlay;
+                        svg {
+                            vertical-align: unset;
+                            padding-top: 0.125rem;
+                            overflow: overlay;
+                        }
+                    }
+                }
             }
-          }
         }
-      }
     }
-  }
 }
 
-.profile,
-.user-metrics,
-.previous-bookings,
-.visited-providers {
-  padding: 2.5rem 0;
+.profile, .user-metrics, .previous-bookings, .visited-providers {
+    padding: 2.5rem 0;
 }
 
 .image-holder {
-  background-color: #c0c0c0;
-  width: 4rem;
-  height: 4rem;
-  border-radius: 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.75rem;
+    background-color: #c0c0c0;
+    width: 4rem;
+    height: 4rem;
+    border-radius: 4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.75rem;
 }
 
 @include media-breakpoint-down(sm) {
-  .user-metrics {
-    .metrics-wrapper {
-      .metrics-row {
-        flex-wrap: wrap;
-
-        .metrics-column {
-          .bottom {
-            margin-bottom: 1.5rem;
-          }
-
-          &:not(:first-child) {
-            margin-bottom: 1.5rem;
-          }
+    .user-metrics {
+        .metrics-wrapper {
+            .metrics-row {
+                flex-wrap: wrap;
+
+                .metrics-column {
+                    .bottom {
+                        margin-bottom: 1.5rem;
+                    }
+
+                    &:not(:first-child) {
+                        margin-bottom: 1.5rem;
+                    }
+                }
+            }
         }
-      }
     }
-  }
-}
+}

package/src/styles/sales/LifeTimeSales.scss

@@ -64,7 +64,7 @@
       font-size: 1.5rem;
     }
   }
-
+  
   .recharts-rectangle {
     fill: $light-blue;
   }