@sc-360-v2/storefront-cms-library 0.3.69 → 0.3.71

package/dist/emtpy-templates.scss

@@ -22,8 +22,8 @@
 .empty_cart_wrapper {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  // align-items: center;
+  justify-content: start;
   width: 100%;
   gap: 6px;
   margin-top: 24px;
@@ -35,7 +35,7 @@
   .empty_msg_title {
     font-family: "Lato";
     font-weight: 700;
-    font-size: 24px;
+    font-size: 16px;
     color: var(--_gray-900);
     line-height: 32px;
     // margin-top: 24px;
@@ -47,16 +47,31 @@
     line-height: 20px;
     color: var(--_gray-900);
   }
-  .emtpy_cart_btn {
-    display: flex;
+  .empty_cart_actions {
     gap: 12px;
     margin-top: 24px;
+    .empty_cart_template_actions {
+      display: flex;
+      gap: 24px;
+      margin-top: 24px;
+      .primary_btn {
+        // padding: 12px 24px;
+        // border-radius: 6px;
+        // background-color: var(--_base-white);
+        color: var(--_primary-400);
+        font-weight: 500;
+        font-size: 16px;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
     .empty_crt_btn {
       padding: 12px 24px;
       border-radius: 6px;
       background-color: var(--_primary-400);
       font-weight: 600px;
-      display: flex;
+      display: inline-flex;
       align-items: center;
       gap: 8px;
       &:hover {
@@ -70,17 +85,6 @@
         stroke: var(--_base-white);
       }
     }
-    .empty_wl_btn {
-      padding: 12px 24px;
-      border-radius: 6px;
-      background-color: var(--_base-white);
-      color: var(--_primary-400);
-      font-weight: 500;
-      font-size: 16px;
-      &:hover {
-        background-color: var(--_gray-50);
-      }
-    }
   }
 }
 

package/dist/login.scss

@@ -190,15 +190,16 @@
 
       // Title Styles
       .title {
+        font-weight: 600;
         // text-align: center;
         // color: var(--_gray-900);
-        color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
+        // color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
         font-size: 24px;
-        margin-bottom: 8px;
+        margin: 8px 0px 4px 0px;
       }
       .desc {
         font-size: 14px;
-        color: var(--_gray-500);
+        // color: var(--_gray-500);
       }
       .sso_verify {
         border: 1px solid red;
@@ -217,6 +218,8 @@
           align-items: center;
           gap: 4px;
           margin-bottom: 4px;
+          font-size: 16px;
+          font-weight: 500;
         }
         .input__field {
           position: relative;
@@ -271,6 +274,9 @@
             0px 0px 0px 2px var(--_primary-100) !important;
           border: 1px solid var(--_primary-300) !important;
         }
+        ::placeholder {
+          color: var(--_thm-ty-h2-tt-cr);
+        }
       }
 
       // Invalid Input Field
@@ -300,13 +306,13 @@
       .submitButton {
         width: 100%;
         padding: 12px;
-        background-color: var(--_primary-500);
-        color: #fff;
+        // background-color: var(--_primary-500);
+        // color: #fff;
         //  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
         border-radius: 6px;
         border: none;
         cursor: pointer;
-        margin-top: 16px;
+        // margin-top: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -357,11 +363,11 @@
         font-weight: 600;
         margin-top: 20px;
         width: 100%;
-        color: var(--_primary-400);
+        color: var(--_thm-cs-tt-ls-as);
         svg {
           display: flex;
           path {
-            stroke: var(--_primary-400);
+            stroke: var(--_thm-cs-tt-ls-as);
           }
         }
       }
@@ -431,7 +437,7 @@
       .forgotPasswordButton {
         background: none;
         border: none;
-        color: var(--_primary-400);
+        color: var(--_thm-cs-tt-ls-as);
 
         font-weight: 600;
         cursor: pointer;
@@ -440,7 +446,7 @@
         border-radius: 6px;
         &:hover {
           background-color: var(--_primary-25);
-          color: var(--_primary-700);
+          color: var(--_thm-cs-tt-ls-as);
         }
       }
 

package/dist/modal.scss

@@ -462,6 +462,13 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
       flex: 1 1 auto;
       overflow-y: auto;
 
+      .dropdown-with-input-section {
+        // border: 0.5px solid var(--_gray-300);
+        .dropdown-menu {
+          margin-left: -7px !important;
+        }
+      }
+
       .wishlist-modal {
         display: flex;
         flex-direction: column;

package/dist/profile.scss

@@ -301,9 +301,10 @@
         --_ctm-mob-dn-dn-is-dt-se-bd-cr,
         var(--_ctm-tab-dn-dn-is-dt-se-bd-cr, var(--_ctm-dn-dn-is-dt-se-bd-cr))
       );
-      border-radius: 10px;
+      border-radius: 4px;
       // padding: 8px 0;
       z-index: 10;
+      overflow: hidden;
     }
 
     .add_order_item {

package/dist/quick-links.scss

@@ -30,6 +30,154 @@
       // height: 100%;
     }
 
+    // &[data-items-default-border="true"] {
+    //   .quick__links__container .items__container .links__item {
+    //     border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
+    //     border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
+    //     border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
+    //     border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
+    //   }
+    // }
+
+    // &[data-items-hover-border="true"] {
+    //   .quick__links__container .items__container .links__item:hover {
+    //     border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
+    //     border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
+    //     border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
+    //     border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
+    //   }
+    // }
+
+    // &[data-items-default-shadow="true"] {
+    //   .quick__links__container .items__container .links__item {
+    //     box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
+    //       prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
+    //       prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
+    //       prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
+    //   }
+    // }
+
+    // &[data-items-hover-shadow="true"] {
+    //   .quick__links__container .items__container .links__item:hover {
+    //     box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
+    //       prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
+    //       prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
+    //       prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
+    //   }
+    // }
+
+    &[data-items-default-border="true"] {
+      .quick__links__container .items__container .links__item,
+      .quick__links__container
+        .items__container
+        .dropdown__container
+        .est__dropdown__main
+        .est__dropdown
+        .list
+        .list__option {
+        border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
+        border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
+        border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
+        border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
+      }
+    }
+
+    &[data-items-hover-border="true"] {
+      .quick__links__container .items__container .links__item:hover,
+      .quick__links__container
+        .items__container
+        .dropdown__container
+        .est__dropdown__main
+        .est__dropdown
+        .list
+        .list__option:hover {
+        border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
+        border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
+        border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
+        border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
+      }
+    }
+
+    &[data-items-default-shadow="true"] {
+      .quick__links__container .items__container .links__item,
+      .quick__links__container
+        .items__container
+        .dropdown__container
+        .est__dropdown__main
+        .est__dropdown
+        .list
+        .list__option {
+        box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
+          prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
+          prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
+          prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
+      }
+    }
+
+    &[data-items-hover-shadow="true"] {
+      .quick__links__container .items__container .links__item:hover,
+      .quick__links__container
+        .items__container
+        .dropdown__container
+        .est__dropdown__main
+        .est__dropdown
+        .list
+        .list__option:hover {
+        box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
+          prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
+          prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
+          prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
+      }
+    }
+
+    &[data-items-alignment="left"] {
+      .quick__links__container {
+        .items__container,
+        .items__container .dropdown__container .est__dropdown__main .est__dropdown {
+          justify-content: flex-start;
+          align-items: flex-start;
+
+          .est__dropdown__button,
+          .list {
+            justify-content: flex-start;
+            align-items: flex-start;
+          }
+        }
+      }
+    }
+
+    &[data-items-alignment="center"] {
+      .quick__links__container {
+        .items__container,
+        .items__container .dropdown__container .est__dropdown__main .est__dropdown {
+          justify-content: center;
+          align-items: center;
+
+          .est__dropdown__button,
+          .list {
+            justify-content: center;
+            align-items: center;
+          }
+        }
+      }
+    }
+
+    &[data-items-alignment="right"] {
+      .quick__links__container {
+        .items__container,
+        .items__container .dropdown__container .est__dropdown__main .est__dropdown {
+          justify-content: flex-end;
+          align-items: flex-end;
+
+          .est__dropdown__button,
+          .list {
+            justify-content: flex-end;
+            align-items: flex-end;
+          }
+        }
+      }
+    }
+
     &[data-display-style="Vertical"] {
       .quick__links__container .items__container {
         display: flex;
@@ -354,28 +502,37 @@
       }
 
       .items__container {
-        .links__item {
+        .links__item,
+        .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
           display: block;
-          font-family: prepareMediaVariable(--_ctm-dn-im-se-ft-fy);
-          font-size: prepareMediaVariable(--_ctm-dn-im-se-ft-se);
-          color: prepareMediaVariable(--_ctm-dn-im-se-cr);
-          font-weight: prepareMediaVariable(--_ctm-dn-im-se-ft-wt);
-          font-style: prepareMediaVariable(--_ctm-dn-im-se-ft-se-ic);
-          text-decoration: prepareMediaVariable(--_ctm-dn-im-se-ue);
-          text-align: prepareMediaVariable(--_ctm-dn-im-se-tt-an);
-          letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-lr-sg);
-          line-height: prepareMediaVariable(--_ctm-dn-im-se-le-ht);
-          background-color: prepareMediaVariable(--_ctm-dn-im-se-bd-cr);
-          border-width: prepareMediaVariable(--_ctm-dn-im-se-br-wh);
-          border-color: prepareMediaVariable(--_ctm-dn-im-se-br-cr);
-          border-style: prepareMediaVariable(--_ctm-dn-im-se-br-se);
-          border-radius: prepareMediaVariable(--_ctm-dn-im-se-br-rs);
-          box-shadow: prepareMediaVariable(--_ctm-dn-im-se-sw-ae)
-            prepareMediaVariable(--_ctm-dn-im-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-sw-sd)
-            prepareMediaVariable(--_ctm-dn-im-se-sw-cr);
+          font-family: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy);
+          font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
+          color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
+          font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
+          font-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se-ic);
+          text-decoration: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ue);
+          text-align: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-an);
+          letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-dt-se-lr-sg);
+          line-height: prepareMediaVariable(--_ctm-dn-im-se-dt-se-le-ht);
+          background-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-bd-cr);
           padding: 2px 8px;
           width: fit-content;
+
+          &:hover {
+            font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
+            font-size: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se);
+            color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-cr);
+            font-weight: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-wt);
+            font-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se-ic);
+            text-decoration: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ue);
+            text-align: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-an);
+            letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-hr-se-lr-sg);
+            line-height: prepareMediaVariable(--_ctm-dn-im-se-hr-se-le-ht);
+            background-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-bd-cr);
+          }
         }
+      }
+      .items__container {
         .dropdown__container {
           .est__dropdown__main {
             .est__dropdown {