@sc-360-v2/storefront-cms-library 0.5.69 → 0.5.71

package/dist/custom-fonts.scss

@@ -1,100 +1,100 @@
-@font-face {
-  font-family: "Poppins";
-  // font-family: 'Roboto',Arial,Calibiri,sans-serif;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/Poppins-Regular.woff2")
-    format("woff2");
-}
-
-/* Inter-Medium*/
-@font-face {
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/poppins-medium.woff2")
-    format("woff2");
-}
-
-/* Inter-SemiBold*/
-@font-face {
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/Poppins-SemiBold.woff2")
-    format("woff2");
-}
-
-/* Inter-Bold*/
-@font-face {
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/poppins-bold.woff2") format("woff2");
-}
-
-/* Inter-ExtraBold*/
-// @font-face {
-//   font-family: "poppins";
-//   font-style: normal;
-//   font-weight: 800;
-//   font-display: swap;
-//   src:
-//     url('https://cdn.grabon.in/gograbon/v8/fonts-v2/minified/inter-extrabold-webfont.woff2') format('woff2'), / Super Modern Browsers /
-//     url('https://cdn.grabon.in/gograbon/v8/fonts-v2/minified/inter-extrabold-webfont.woff') format('woff'); / Modern Browsers /
-// }
-
-/* Inter-Black*/
-@font-face {
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/poppins-black.woff2")
-    format("woff2");
-}
-
-/* Lato Fonts */
-@font-face {
-  font-family: "Lato";
-  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Regular.woff2") format("woff2");
-  font-weight: normal;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Lato";
-  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Bold.woff2") format("woff2");
-  font-weight: bold;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Lato Hairline";
-  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Hairline.woff2") format("woff2");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Lato";
-  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Light.woff2") format("woff2");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Lato";
-  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Black.woff2") format("woff2");
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
+@font-face {
+  font-family: "Poppins";
+  // font-family: 'Roboto',Arial,Calibiri,sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/Poppins-Regular.woff2")
+    format("woff2");
+}
+
+/* Inter-Medium*/
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/poppins-medium.woff2")
+    format("woff2");
+}
+
+/* Inter-SemiBold*/
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/Poppins-SemiBold.woff2")
+    format("woff2");
+}
+
+/* Inter-Bold*/
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/poppins-bold.woff2") format("woff2");
+}
+
+/* Inter-ExtraBold*/
+// @font-face {
+//   font-family: "poppins";
+//   font-style: normal;
+//   font-weight: 800;
+//   font-display: swap;
+//   src:
+//     url('https://cdn.grabon.in/gograbon/v8/fonts-v2/minified/inter-extrabold-webfont.woff2') format('woff2'), / Super Modern Browsers /
+//     url('https://cdn.grabon.in/gograbon/v8/fonts-v2/minified/inter-extrabold-webfont.woff') format('woff'); / Modern Browsers /
+// }
+
+/* Inter-Black*/
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("https://sellerscommerce.sirv.com/fonts/poppins-font/poppins-black.woff2")
+    format("woff2");
+}
+
+/* Lato Fonts */
+@font-face {
+  font-family: "Lato";
+  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Regular.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Lato";
+  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Bold.woff2") format("woff2");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Lato Hairline";
+  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Hairline.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Lato";
+  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Light.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Lato";
+  src: url("https://sellerscommerce.sirv.com/fonts/lato-font/Lato-Black.woff2") format("woff2");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}

package/dist/customization-tree.scss

@@ -1,162 +1,162 @@
-$Gray-900: #101828;
-$border-color: #a5a5a5;
-$Gray-600: #475467;
-$link-color: #243dc6;
-
-.customTreeWrapper {
-  // padding: 20px 20px 20px 145px;
-  padding: 0 20px;
-
-  h3 {
-    color: $Gray-900;
-    font-size: 18px;
-    font-weight: 700;
-    line-height: 28px;
-    margin-bottom: 12px;
-  }
-  .treeNode {
-    position: relative;
-    &::after {
-      content: "";
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      border-bottom: 1px dotted var(--_gray-300);
-    }
-  }
-  .treeNode,
-  .treeItem {
-    position: relative;
-    padding-left: 16px;
-    border-left: 1px dotted var(--_gray-300);
-    margin: 24px 0;
-  }
-
-  .dotLine {
-    position: absolute;
-    left: -5px;
-    top: -13px;
-  }
-
-  // Base dot
-  .dot {
-    background-color: #7c90ab;
-    border-radius: 50%;
-    display: inline-block;
-
-    &.default {
-      width: 8px;
-      height: 8px;
-      margin-bottom: 6px;
-    }
-
-    &.small {
-      width: 6px;
-      height: 6px;
-      margin: 6px 0 0 2px;
-    }
-  }
-
-  .itemDetails {
-    margin: 15px 0;
-    p {
-      color: var(--_thm-ty-p2-tt-cr);
-      font-size: 12px;
-      font-weight: 600;
-      line-height: 18px;
-    }
-  }
-
-  .category {
-    color: $Gray-900;
-    font-size: 12px;
-    font-weight: 700;
-    line-height: 18px;
-  }
-
-  .type {
-    font-size: 12px;
-    color: #555;
-    margin-bottom: 2px;
-  }
-
-  .value {
-    font-size: 14px;
-    color: #333;
-    max-width: 400px;
-    word-break: break-word;
-  }
-  .itemValue {
-    // display: flex;
-    color: var(--_gray-900);
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-    & > span {
-      font-weight: 500;
-      color: var(--_thm-ty-p1-tt-cr);
-    }
-    .link {
-      color: $link-color;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 20px;
-      white-space: nowrap;
-      display: inline-block;
-      margin-left: 8px;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-}
-
-// customization tree
-
-.modal-overlay-main-element {
-  .modal-overlay-backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.2);
-    z-index: calc(var(--_higher-zIndex) + var(--_cs-et-zIndex) + 9);
-    animation: fadeIn 0.4s forwards;
-    cursor: auto;
-  }
-  .modal-overlay-container {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background-color: var(--_base-white);
-    width: var(--_sf-ml-wh, 450px);
-    max-width: 250px;
-    height: 300px;
-    padding: 12px;
-    border-radius: 6px;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    z-index: calc(var(--_higher-zIndex) + var(--_cs-et-zIndex) + 10);
-    cursor: auto;
-    .custom_image_overlay {
-      .custom_image_container {
-        height: 230px;
-        width: 100%;
-        background-color: var(--_gray-200);
-      }
-      .custom_image_footer {
-        width: 100%;
-        background-color: var(-_base-white);
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 16px;
-      }
-    }
-  }
-}
+$Gray-900: #101828;
+$border-color: #a5a5a5;
+$Gray-600: #475467;
+$link-color: #243dc6;
+
+.customTreeWrapper {
+  // padding: 20px 20px 20px 145px;
+  padding: 0 20px;
+
+  h3 {
+    color: $Gray-900;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 28px;
+    margin-bottom: 12px;
+  }
+  .treeNode {
+    position: relative;
+    &::after {
+      content: "";
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      border-bottom: 1px dotted var(--_gray-300);
+    }
+  }
+  .treeNode,
+  .treeItem {
+    position: relative;
+    padding-left: 16px;
+    border-left: 1px dotted var(--_gray-300);
+    margin: 24px 0;
+  }
+
+  .dotLine {
+    position: absolute;
+    left: -5px;
+    top: -13px;
+  }
+
+  // Base dot
+  .dot {
+    background-color: #7c90ab;
+    border-radius: 50%;
+    display: inline-block;
+
+    &.default {
+      width: 8px;
+      height: 8px;
+      margin-bottom: 6px;
+    }
+
+    &.small {
+      width: 6px;
+      height: 6px;
+      margin: 6px 0 0 2px;
+    }
+  }
+
+  .itemDetails {
+    margin: 15px 0;
+    p {
+      color: var(--_thm-ty-p2-tt-cr);
+      font-size: 12px;
+      font-weight: 600;
+      line-height: 18px;
+    }
+  }
+
+  .category {
+    color: $Gray-900;
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+
+  .type {
+    font-size: 12px;
+    color: #555;
+    margin-bottom: 2px;
+  }
+
+  .value {
+    font-size: 14px;
+    color: #333;
+    max-width: 400px;
+    word-break: break-word;
+  }
+  .itemValue {
+    // display: flex;
+    color: var(--_gray-900);
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    & > span {
+      font-weight: 500;
+      color: var(--_thm-ty-p1-tt-cr);
+    }
+    .link {
+      color: $link-color;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      white-space: nowrap;
+      display: inline-block;
+      margin-left: 8px;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+// customization tree
+
+.modal-overlay-main-element {
+  .modal-overlay-backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.2);
+    z-index: calc(var(--_higher-zIndex) + var(--_cs-et-zIndex) + 9);
+    animation: fadeIn 0.4s forwards;
+    cursor: auto;
+  }
+  .modal-overlay-container {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: var(--_base-white);
+    width: var(--_sf-ml-wh, 450px);
+    max-width: 250px;
+    height: 300px;
+    padding: 12px;
+    border-radius: 6px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    z-index: calc(var(--_higher-zIndex) + var(--_cs-et-zIndex) + 10);
+    cursor: auto;
+    .custom_image_overlay {
+      .custom_image_container {
+        height: 230px;
+        width: 100%;
+        background-color: var(--_gray-200);
+      }
+      .custom_image_footer {
+        width: 100%;
+        background-color: var(-_base-white);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 16px;
+      }
+    }
+  }
+}