@licklist/design 0.45.0-dev.0 → 0.45.0

package/dist/styles/iframe-order-process/IframeOrderProcess.scss

@@ -64,6 +64,11 @@
   font-weight: 400;
   font-size: 0.875rem;
 
+  b {
+    display: block;
+    font-size: 1rem;
+  }
+
   .accordion > button {
     width: 100%;
     border: 0;
@@ -126,6 +131,12 @@
         font-weight: 500;
       }
 
+      .categories {
+        &:not(:last-child) {
+          border-bottom: 2px solid $separator-color;
+        }
+      }
+
       .products {
         margin-top: 0.5rem;
 
@@ -139,10 +150,6 @@
               margin-bottom: 0.5rem;
             }
           }
-
-          &:not(:last-child) {
-            border-bottom: 2px solid $separator-color;
-          }
         }
 
         &:not(:last-child) {

package/dist/styles/iframe-page/PageBody.scss

@@ -235,7 +235,7 @@
     font-weight: 500;
     border-radius: 0.25rem;
     font-size: 0.875rem;
-    height: 2.25rem;
+    min-height: 2.25rem;
 
     &:focus {
       box-shadow: unset;

package/dist/styles/iframe-payments/PaymentForm.scss

@@ -81,4 +81,4 @@
   .brand-logo-container {
     width: fit-content;
   }
-}
+}

package/dist/styles/layout/BackgroundVideoContainer.scss

@@ -13,6 +13,6 @@
   }
 }
 
-.login .brand-logo-container {
+.login .brand-logo-container  {
   width: 150px;
-}
+}

package/dist/styles/notification/Notification.scss

@@ -15,6 +15,10 @@
       display: none !important;
     }
   }
+
+  &.is-invalid {
+    border-color: theme-color("danger");
+  }
 }
 
 .placeholder-row {
@@ -29,4 +33,4 @@
 
 .sms-template-body-left-symbols {
   font-size: 0.8rem;
-}
+}

package/dist/styles/order-items-table/OrderItemsTable.scss

@@ -25,8 +25,7 @@
         &:nth-child(1) {
           width: 70%;
         }
-        &:nth-child(2),
-        &:nth-child(3) {
+        &:nth-child(2), &:nth-child(3) {
           text-align: right;
         }
       }

package/dist/styles/packages.scss

@@ -8,9 +8,11 @@
 @import "./sales";
 @import "./setting";
 @import "./sidebar";
+@import "./sortable-field";
 @import "./sortable-tree";
 @import "./static";
 @import "./table";
+@import "./back-button";
 @import "./custom-fields";
 @import "./file-upload";
 @import "./iframe-events";
@@ -38,3 +40,6 @@
 @import "./striped-static-table/";
 @import "./image-radio-input/";
 @import "./radio-card/";
+@import "./activity-card/";
+@import "./date-time-button/";
+@import "./availability-indicator/";

package/dist/styles/product-set/CreateProductSetItem.scss

@@ -1,35 +1,36 @@
 $product-set-item-hover-bg-color: #d9efff !default;
 
+
 .product-set-item-wrapper-step {
-  color: #d52902;
-  background-color: #ffdbdb;
+  color: #D52902;
+  background-color: #FFDBDB;
   .product-set-item-icon {
-    background-color: #d52902;
+    background-color: #D52902;
   }
 }
 
 .product-set-item-wrapper-product {
-  color: #269b36;
-  background-color: rgba($color: #269b36, $alpha: 0.1);
+  color: #269B36;
+  background-color: rgba($color: #269B36, $alpha: 0.1);
   .product-set-item-icon {
-    background-color: #269b36;
+    background-color: #269B36;
   }
 }
 
 .product-set-item-wrapper-category {
-  color: #1a93aa;
-  background-color: rgba($color: #1a93aa, $alpha: 0.1);
+  color: #1A93AA;
+  background-color: rgba($color: #1A93AA, $alpha: 0.1);
   .product-set-item-icon {
-    background-color: #1a93aa;
+    background-color: #1A93AA;
   }
 }
 
 .product-set-item-wrapper-map {
-  color: #ed3093;
-  background-color: rgba($color: #8c004b, $alpha: 0.1);
+  color: #ED3093;
+  background-color: rgba($color: #8C004B, $alpha: 0.1);
 
   .product-set-item-icon {
-    background-color: #ed3093;
+    background-color: #ED3093;
   }
 
   &.is-invalid {
@@ -53,7 +54,7 @@ $product-set-item-hover-bg-color: #d9efff !default;
   border: 1px solid transparent;
 
   .product-set-item-icon {
-    padding: 0.2rem;
+    padding: 0.20rem;
     color: $white;
     margin-right: 0.5rem;
   }
@@ -62,3 +63,4 @@ $product-set-item-hover-bg-color: #d9efff !default;
     background-color: $product-set-item-hover-bg-color;
   }
 }
+

package/dist/styles/product-set/DateAndRecurrenceInput.scss

@@ -22,10 +22,10 @@
 .product-set-recurrences {
   .product-set-recurrence {
     border: 1px solid #d4d4d4;
-    border-radius: 0.5rem;
+    border-radius: .5rem;
 
     .product-set-recurrence-icon-calendar {
-      margin-right: 0.5rem;
+      margin-right: .5rem;
     }
 
     .product-set-recurrence-title {
@@ -33,18 +33,16 @@
     }
 
     .product-set-recurrence-description {
-      font-size: 0.85rem;
+      font-size: .85rem;
     }
   }
 
   .product-set-recurrence-icon-wrapper {
     font-weight: bold;
-    font-size: 0.95rem;
+    font-size: .95rem;
   }
 
-  .product-set-recurrence-icon-add,
-  .product-set-recurrence-icon-calendar,
-  .product-set-recurrence-icon-more {
+  .product-set-recurrence-icon-add, .product-set-recurrence-icon-calendar, .product-set-recurrence-icon-more {
     color: $primary;
   }
-}
+}

package/dist/styles/product-set/EditCategoryModal.scss

@@ -1,8 +1,8 @@
 .edit-right-form-modal.edit-product-category {
   .top-label-container {
-    background-color: #e8f4f6;
+    background-color: #E8F4F6;
     span {
-      color: #1a93aa;
+      color: #1A93AA;
     }
   }
 
@@ -10,7 +10,7 @@
     height: 2rem;
     display: flex;
     align-items: center;
-
+  
     input {
       width: 1.5rem;
       height: 1.5rem;
@@ -33,4 +33,4 @@
       margin-top: 1rem;
     }
   }
-}
+}

package/dist/styles/product-set/EditProductModal.scss

@@ -1,9 +1,9 @@
 .edit-right-form-modal.edit-product {
   padding: 0;
   .top-label-container {
-    background-color: #e4f4e6;
+    background-color: #E4F4E6;
     span {
-      color: #269b36;
+      color: #269B36;
     }
   }
   @include media-breakpoint-down(sm) {
@@ -13,4 +13,4 @@
       width: 100%;
     }
   }
-}
+}

package/dist/styles/product-set/EditStepModal.scss

@@ -8,9 +8,9 @@
 .edit-right-form-modal.edit-product-step {
   padding: 0;
   .top-label-container {
-    background-color: #ffdbdb;
+    background-color: #FFDBDB;
     span {
-      color: #d52902;
+      color: #D52902;
     }
   }
 
@@ -20,9 +20,9 @@
 
   @include media-breakpoint-down(sm) {
     top: 50%;
-
+  
     .step-save-btn {
       width: 100%;
     }
   }
-}
+}

package/dist/styles/product-set/EditVenueMapSetModal.scss

@@ -8,10 +8,10 @@
 .edit-right-form-modal.edit-venue-map-set {
   padding: 0;
   .top-label-container {
-    background-color: rgba($color: #8c004b, $alpha: 0.1);
+    background-color: rgba($color: #8C004B, $alpha: 0.1);
 
     span {
-      color: #ed3093;
+      color: #ED3093;
     }
   }
 
@@ -31,7 +31,7 @@
       flex-direction: column;
       text-align: center;
       border: 1px solid $gray-500;
-      transition: 0.25s ease-in;
+      transition: .25s ease-in;
       border-radius: 0.25rem;
       cursor: pointer;
 
@@ -62,7 +62,7 @@
           height: 100%;
           width: 100%;
           opacity: 0;
-          transition: 0.25s ease-in;
+          transition: .25s ease-in;
           top: 0;
           justify-content: center;
 
@@ -92,9 +92,9 @@
 
   @include media-breakpoint-down(sm) {
     top: 50%;
-
+  
     .step-save-btn {
       width: 100%;
     }
   }
-}
+}

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

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

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

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

package/dist/styles/report/ReportCard.scss

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

package/dist/styles/report/_index.scss

@@ -1 +1 @@
-@import "./ReportCard.scss";
+@import "./ReportCard.scss";

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

@@ -7,6 +7,47 @@
     overflow: auto;
   }
 
+
+  .modal-form-content {
+    max-height: 21rem;
+    overflow-x: hidden;
+
+    .error-content {
+      min-width: 25rem;
+    }
+  }
+
+  .reccurrence-interval-container {
+    .form-group {
+      margin-bottom: 0.5rem;
+      .form-control {
+        height: 1.5rem;
+        font-size: 0.625rem;
+        border: 2px solid #dcdcdc;
+        border-radius: 0.5rem;
+      }
+    }
+  }
+
+  .custom-checkbox .custom-control-label::before {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 0.5rem;
+    border: 2px solid #0e8ce2;
+    margin-top: -0.3rem;
+  }
+  .custom-checkbox .custom-control-label::after {
+    width: 1.5rem;
+    height: 1.5rem;
+    top: 0;
+  }
+
+  .custom-control-label {
+    padding-left: 0.5rem;
+    font-weight: 400;
+    font-size: 0.875rem;
+  }
+
   label,
   header,
   button {
@@ -14,6 +55,10 @@
     font-size: 0.875rem;
   }
 
+  .title {
+    margin-left: 0.25rem;
+  }
+
   header {
     display: flex;
     justify-content: space-between;
@@ -31,6 +76,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+
   }
 
   .custom-checkbox {
@@ -46,6 +92,7 @@
     display: flex;
     align-items: center;
     gap: 1rem;
+    margin-bottom: 1rem;
 
     span {
       font-weight: 600;
@@ -58,6 +105,7 @@
     justify-content: space-between;
     align-items: center;
     gap: 0.25rem;
+    margin-bottom: 0.5rem;
   }
 
   .text-input.form-group {
@@ -90,11 +138,15 @@
       font-weight: 600;
     }
 
-    .lane {
+    .resource {
       margin-bottom: 0.25rem;
     }
   }
 
+  .footer-with-short-notes {
+    min-width: 18rem;
+  }
+
   footer {
     display: flex;
     gap: 1.25rem;
@@ -111,3 +163,4 @@
     }
   }
 }
+

package/dist/styles/sales/BookingFilter.scss

@@ -215,6 +215,8 @@
 
         .icon {
           margin-left: 0.5rem;
+          border: none;
+          padding: 0;
           cursor: pointer;
           width: 1.125rem;
           height: 1.125rem;

package/dist/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 11.125rem;
+      height: 14.25rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);
@@ -62,6 +62,14 @@
             font-size: 0.6875rem;
           }
         }
+
+        .products {
+          display: block;
+          width: 80%;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
       }
 
       &:hover {

package/dist/styles/sales/BookingTabs.scss

@@ -8,14 +8,14 @@
   .booking-tabs {
     svg {
       g > rect:first-child {
-        fill: $white;
+        fill: $white; 
       }
     }
-
+    
     .active {
       svg {
         g > rect:first-child {
-          fill: $blue;
+          fill: $blue; 
         }
       }
     }
@@ -34,6 +34,7 @@
   .buttons {
     display: flex;
 
+
     .btn {
       display: flex;
       align-items: center;
@@ -62,4 +63,4 @@
       }
     }
   }
-}
+}

package/dist/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;
   }
 }
+