@sc-360-v2/storefront-cms-library 0.2.80 → 0.2.82

package/dist/checkout.scss

@@ -81,6 +81,7 @@ $dark-color: #343a40;
               flex-direction: row;
               justify-content: space-between;
               gap: 0.5rem;
+              margin-bottom: 25px;
 
               .shipping-summary {
                 display: flex;
@@ -99,17 +100,16 @@ $dark-color: #343a40;
                   line-height: 1.4;
                 }
               }
-
-              .change-link {
-                color: $primary-color;
-                font-size: 0.875rem;
-                text-decoration: underline;
-                cursor: pointer;
-                align-self: flex-start;
-                white-space: nowrap;
-              }
             }
           }
+          .change-link {
+            color: $primary-color;
+            font-size: 0.875rem;
+            text-decoration: underline;
+            cursor: pointer;
+            align-self: flex-start;
+            white-space: nowrap;
+          }
 
           form {
             display: flex;

package/dist/gallery-slider-temp.scss

@@ -13,7 +13,10 @@
           )
       )
     );
-    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
+    // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
+    &:not(:has([data-display-style="Grid"][data-scroll-direction="Vertical"])) {
+      height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
+    }
     margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
 
     --_aspect-ratio: calc(
@@ -23,6 +26,18 @@
             var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh, var(--_tst-lt-wh))))
         )
     );
+    &[data-view-state="full"] {
+      aspect-ratio: 1/0.01;
+      & > .wrapper {
+        & > div {
+          height: 100%;
+        }
+      }
+      img {
+        height: 100%;
+        object-fit: cover;
+      }
+    }
 
     // &[data-view-state="full"] {
     //   width: auto;

package/dist/quick-links.scss

@@ -22,9 +22,22 @@
     );
 
     & > .wrapper {
-      // width: 100%;
+      width: 100%;
       // height: 100%;
-      position: relative;
+    }
+
+    &[data-display-style="Vertical"] {
+      .quick__links__container .items__container {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+    &[data-display-style="Wrap horizontal"] {
+      .quick__links__container .items__container {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+      }
     }
 
     &[data-text-position="top"] {
@@ -142,7 +155,8 @@
         --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
         var(--_ctm-tab-dn-qk-ls-wt-dn-bd-cr, var(--_ctm-dn-qk-ls-wt-dn-bd-cr))
       );
-      flex-direction: var(--_sf-fd-bn);
+      display: flex;
+      // flex-direction: var(--_sf-fd-bn);
       justify-content: var(--_sf-jc, center);
       box-shadow: var(
         --_show-shadow,
@@ -300,6 +314,7 @@
       }
 
       .items__container {
+        gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
         .links__item {
           display: inline;
           background-color: var(
@@ -326,6 +341,9 @@
               )
           );
         }
+        .dropdown__container {
+          width: var(--_ctm-mob-lt-dn-wh, var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh)));
+        }
       }
     }
   }

package/dist/search.scss

@@ -58,6 +58,7 @@
       align-items: center;
       width: 100%;
       height: 100%;
+      border: 1px solid var(--_gray-200);
       background-color: var(
         --_ctm-mob-dn-sh-br-bd-cr,
         var(--_ctm-tab-dn-sh-br-bd-cr, var(--_ctm-dn-sh-br-bd-cr))
@@ -88,6 +89,8 @@
         font-size: 14px;
         color: #333;
         background: transparent;
+        border-radius: 6px;
+
         &::placeholder {
           color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
           font-family: var(
@@ -157,29 +160,92 @@
       }
     }
 
-    .dropdown-options {
+    .dropdown__options {
       list-style: none;
-      padding: 0;
       margin: 4px 0 0;
       max-height: 200px;
       overflow-y: auto;
-      border: 1px solid #ccc;
-      border-radius: 8px;
+      border: 1px solid var(--_gray-200);
+      border-radius: 6px;
       background: white;
       position: absolute;
       width: 100%;
       z-index: 1000;
-      display: none; /* Hidden by default */
-    }
-
-    .dropdown-option {
-      padding: 10px;
+      display: block; /* Hidden by default */
       cursor: pointer;
       transition: background 0.2s;
-    }
 
-    .dropdown-option:hover {
-      background-color: #f0f0f0;
+      .option__group {
+        h4 {
+          background-color: var(--_gray-50);
+          padding: 6px 12px;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 12px;
+          text-transform: uppercase;
+        }
+        .dropdown__option {
+          padding: 0px;
+          display: flex;
+          align-items: center;
+          padding: 4px;
+          margin: 2px;
+          &:hover {
+            background-color: var(--_primary-25);
+            color: var(--_primary-700);
+            border-radius: 4px;
+            .option__img {
+              border: 1px solid var(--_gray-300);
+            }
+          }
+          .option__img {
+            %flex__center {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+            width: 32px;
+            height: 32px;
+            border: 1px solid var(--_gray-200);
+            border-radius: 4px;
+            background-color: var(--_gray-50);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            span {
+              width: 32px;
+              height: 32px;
+              @extend %flex__center;
+            }
+            img {
+              height: 100%;
+              width: 100%;
+              object-fit: contain;
+              @extend %flex__center;
+            }
+          }
+          .option__desc {
+            display: -webkit-box;
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-weight: 500;
+            font-size: 14px;
+            padding: 6px 12px;
+            line-height: 22px;
+            width: 100%;
+          }
+          .option__count {
+            font-size: 12px;
+            color: var(--_gray-600);
+            text-wrap: nowrap;
+          }
+        }
+      }
     }
 
     /* Optional: show dropdown when input is focused (basic) */

package/dist/toaster.scss

@@ -0,0 +1,350 @@
+[data-div-type="element"] {
+  &[data-element-type="toaster"] {
+    // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
+    width: var(
+      --_sf-el-wh-st-mx,
+      calc(
+        1% *
+          var(
+            --_ctm-mob-ele-nw-wh-vl,
+            var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
+          )
+      )
+    );
+    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
+    --_aspect-ratio: calc(
+      1 *
+        (
+          var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
+            var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
+        )
+    );
+
+    & > .wrapper {
+      width: 100%;
+      // height: 100%;
+    }
+
+    &[data-display-style="Vertical"] {
+      .quick__links__container .items__container {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+    &[data-display-style="Wrap horizontal"] {
+      .quick__links__container .items__container {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+      }
+    }
+
+    &[data-text-position="top"] {
+      .quick__links__container {
+        flex-direction: column;
+      }
+    }
+    &[data-text-position="bottom"] {
+      .quick__links__container {
+        flex-direction: column-reverse;
+      }
+    }
+    &[data-text-position="left"] {
+      .quick__links__container {
+        flex-direction: row;
+      }
+      &[data-widget-alignment="top"] {
+        .quick__links__container {
+          align-items: flex-start;
+        }
+      }
+      &[data-widget-alignment="center"] {
+        .quick__links__container {
+          align-items: center;
+        }
+      }
+      &[data-widget-alignment="bottom"] {
+        .quick__links__container {
+          align-items: flex-end;
+        }
+      }
+    }
+    &[data-text-position="right"] {
+      .quick__links__container {
+        flex-direction: row-reverse;
+      }
+      &[data-widget-alignment="top"] {
+        .quick__links__container {
+          align-items: flex-start;
+        }
+      }
+      &[data-widget-alignment="center"] {
+        .quick__links__container {
+          align-items: center;
+        }
+      }
+      &[data-widget-alignment="bottom"] {
+        .quick__links__container {
+          align-items: flex-end;
+        }
+      }
+    }
+
+    &[data-widget-border="true"] {
+      .quick__links__container {
+        border-color: var(
+          --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
+          var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
+        );
+        border-style: var(
+          --_ctm-mob-dn-qk-ls-wt-dn-br-se,
+          var(--_ctm-tab-dn-qk-ls-wt-dn-br-se, var(--_ctm-dn-qk-ls-wt-dn-br-se))
+        );
+        border-width: var(
+          --_ctm-mob-dn-qk-ls-wt-dn-br-wh,
+          var(--_ctm-tab-dn-qk-ls-wt-dn-br-wh, var(--_ctm-dn-qk-ls-wt-dn-br-wh))
+        );
+      }
+    }
+
+    &[data-widget-shadow="false"] {
+      --_show-shadow: none;
+    }
+
+    &[data-content-border="true"] {
+      .header__container {
+        border-color: var(
+          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
+          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr))
+        );
+
+        border-style: var(
+          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
+          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se))
+        );
+
+        border-width: var(
+          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
+          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh))
+        );
+      }
+    }
+
+    &[data-content-shadow="false"] {
+      --_show-text-content-shadow: none;
+    }
+    &[data-icon-background-shape="circle"] {
+      .video__icon {
+        border-radius: 50%;
+      }
+    }
+    &[data-icon-background-shape="rectange"] {
+      .video__icon {
+        border-radius: 6px;
+      }
+    }
+
+    .quick__links__container {
+      gap: var(
+        --_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
+        var(--_ctm-tab-dn-qk-ls-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-qk-ls-wt-lt-wt-tt-ad-im-sg))
+      );
+      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
+      background-color: var(
+        --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
+        var(--_ctm-tab-dn-qk-ls-wt-dn-bd-cr, var(--_ctm-dn-qk-ls-wt-dn-bd-cr))
+      );
+      display: flex;
+      // flex-direction: var(--_sf-fd-bn);
+      justify-content: var(--_sf-jc, center);
+      box-shadow: var(
+        --_show-shadow,
+        var(
+            --_ctm-mob-dn-qk-ls-wt-dn-sw-ae,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-sw-ae, var(--_ctm-dn-qk-ls-wt-dn-sw-ae))
+          )
+          var(
+            --_ctm-mob-dn-qk-ls-wt-dn-sw-br,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-sw-br, var(--_ctm-dn-qk-ls-wt-dn-sw-br))
+          )
+          var(
+            --_ctm-mob-dn-qk-ls-wt-dn-sw-sd,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-sw-sd, var(--_ctm-dn-qk-ls-wt-dn-sw-sd))
+          )
+          var(
+            --_ctm-mob-dn-qk-ls-wt-dn-sw-cr,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-sw-cr, var(--_ctm-dn-qk-ls-wt-dn-sw-cr))
+          )
+      );
+      width: 100%;
+      height: auto;
+      border-radius: var(
+        --_ctm-mob-dn-qk-ls-wt-dn-br-rs,
+        var(--_ctm-tab-dn-qk-ls-wt-dn-br-rs, var(--_ctm-dn-qk-ls-wt-dn-br-rs))
+      );
+
+      .header__container {
+        display: flex;
+        flex-direction: column;
+        padding: var(
+            --_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
+            var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))
+          )
+          var(
+            --_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
+            var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg))
+          );
+        gap: var(
+          --_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
+          var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg))
+        );
+
+        background-color: var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr, var(--_tst-dn-qk-ls-tt-cr-dn-bd-cr));
+        background-color: var(
+          --_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
+          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr))
+        );
+        border-radius: var(
+          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
+          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs))
+        );
+        box-shadow: var(
+          --_show-text-content-shadow,
+          var(
+              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
+              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))
+            )
+            var(
+              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
+              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))
+            )
+            var(
+              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
+              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))
+            )
+            var(
+              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
+              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))
+            )
+        );
+        h3 {
+          color: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-cr,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-cr, var(--_ctm-dn-qk-ls-wt-dn-cr))
+          );
+          font-family: var(
+            --_sf-hr-ff,
+            var(
+              --_ctm-mob-dn-qk-ls-wt-dn-ft-fy,
+              var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy, var(--_ctm-dn-qk-ls-wt-dn-ft-fy))
+            )
+          );
+          font-size: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ft-se,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se, var(--_ctm-dn-qk-ls-wt-dn-ft-se))
+          );
+          font-weight: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ft-wt,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt, var(--_ctm-dn-qk-ls-wt-dn-ft-wt))
+          );
+          font-style: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic))
+          );
+          text-align: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-tt-an,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an, var(--_ctm-dn-qk-ls-wt-dn-tt-an))
+          );
+          letter-spacing: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-lr-sg,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg, var(--_ctm-dn-qk-ls-wt-dn-lr-sg))
+          );
+          line-height: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-le-ht,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht, var(--_ctm-dn-qk-ls-wt-dn-le-ht))
+          );
+          text-decoration: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ue,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ue, var(--_ctm-dn-qk-ls-wt-dn-ue))
+          );
+        }
+
+        p {
+          color: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-cr-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-cr-dc, var(--_ctm-dn-qk-ls-wt-dn-cr-dc))
+          );
+          font-family: var(
+            --_sf-hr-ff,
+            var(
+              --_ctm-mob-dn-qk-ls-wt-dn-ft-fy-dc,
+              var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-fy-dc))
+            )
+          );
+          font-size: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ft-se-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-dc))
+          );
+          font-weight: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ft-wt-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc))
+          );
+          font-style: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc))
+          );
+          text-align: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-tt-an-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an-dc, var(--_ctm-dn-qk-ls-wt-dn-tt-an-dc))
+          );
+          letter-spacing: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-lr-sg-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg-dc, var(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc))
+          );
+          line-height: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-le-ht-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht-dc, var(--_ctm-dn-qk-ls-wt-dn-le-ht-dc))
+          );
+          text-decoration: var(
+            --_ctm-mob-dn-qk-ls-wt-dn-ue-dc,
+            var(--_ctm-tab-dn-qk-ls-wt-dn-ue-dc, var(--_ctm-dn-qk-ls-wt-dn-ue-dc))
+          );
+        }
+      }
+
+      .items__container {
+        gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
+        .links__item {
+          display: inline;
+          background-color: var(
+            --_ctm-mob-dn-im-se-bd-cr,
+            var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
+          );
+          box-shadow: var(
+            --_show-shadow,
+            var(
+                --_ctm-mob-dn-im-se-sw-ae,
+                var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
+              )
+              var(
+                --_ctm-mob-dn-im-se-sw-br,
+                var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
+              )
+              var(
+                --_ctm-mob-dn-im-se-sw-sd,
+                var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
+              )
+              var(
+                --_ctm-mob-dn-im-se-sw-cr,
+                var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
+              )
+          );
+        }
+        .dropdown__container {
+          width: var(--_ctm-mob-lt-dn-wh, var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh)));
+        }
+      }
+    }
+  }
+}

package/dist/types/builder/elements/section/index.d.ts

@@ -74,4 +74,7 @@ export interface CMSSectionInterface {
     editedStyles?: Record<string, any>;
     controls?: Record<string, any>;
     sectionID?: any;
+    isHeaderSection?: boolean;
+    isFooterSection?: boolean;
+    isGlobalSection?: boolean;
 }

package/dist/types/builder/elements/toaster/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, GlobalImageAttributes, CommonBuilderAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface ToasterStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultToasterStyles: () => ToasterStyleProperties;
+export interface CMSToasterInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: ToasterStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/enums/index.d.ts

@@ -37,8 +37,6 @@ export declare enum CMSToolIdTypes {
     containerWrapper = "cms-container-wrapper",
     tabsWrapperV2 = "cms-tabs-v2-wrapper",
     tabsContainerWrapperV2 = "cms-tabs-container-wrapper",
-    buyForWithTabsWrapper = "cms-buy-for-with-tabs-wrapper",
-    buyForTabsContainerWrapper = "cms-buy-for-tabs-container-wrapper",
     stackWrapper = "cms-stack-wrapper",
     cmsSubElementLayer = "cms-sub-element-layer",
     editorHeader = "cms-editor-header",
@@ -120,7 +118,6 @@ export declare enum CMSElementSelectors {
     categoryWidgetElement = "div[data-element-type='categoryWidget']",
     tabsElement = "div[data-element-type='tabs']",
     tabsV2Element = "div[data-element-type='tabs-v2']",
-    buyForWithTabsElement = "div[data-element-type='buyForWithTabs']",
     imageHotspot = "div[data-element-type='imageHotspot']",
     gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
     lightBox = "#cms_lt_bx_mn",
@@ -288,7 +285,6 @@ export declare const CMSElementsListEnum: {
     ITEM_STOCK: string;
     CART_DETAILS: string;
     CART_SUMMARY: string;
-    CHECKOUT: string;
     ALLOCATION_DETAILS: string;
     LINE: string;
     TABS_V2: string;
@@ -298,6 +294,7 @@ export declare const CMSElementsListEnum: {
     ADD_ORDER: string;
     BUY_FOR_WITH_TABS: string;
     BUY_FOR_TABS_CONTENT_CONTAINER: string;
+    TOASTER: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -353,7 +350,8 @@ export declare enum CMSCustomEventsListEnums {
     UOMSELECTOR = "uomSelectorV1",
     TEXTELEMENTCODEVIEW = "textElementCodeView",
     PRODUCT_DETAILS_STATE = "productDetailsState",
-    IMAGE_CROP = "imageCrop"
+    IMAGE_CROP = "imageCrop",
+    IMAGE_CROP_TEMP_DATA = "imageCropTempData"
 }
 export declare enum FlexAppVersionEnums {
     NESTEDJSON = 1,
@@ -365,3 +363,16 @@ export declare enum FlexDefaultValues {
 export declare enum SkeletonItems {
     PLACEHOLDER_IMAGE = "/00000000-0000-0000-0000-000000000000/development/img-placeholder.jpg"
 }
+export declare enum SectionTypeID {
+    Header = 1,
+    Footer = 2,
+    PageSection = 3,
+    MarketingBanner = 4,
+    ProductsForSale = 5,
+    Categories = 6,
+    NewArrivalProducts = 7,
+    Testimonials = 8,
+    ContactUs = 9,
+    NewsLetter = 10,
+    LightBox = 11
+}

package/dist/types/builder/index.d.ts

@@ -67,4 +67,5 @@ import * as quickLinksSchema from "./elements/quick-links/index";
 import * as addOrderSchema from "./elements/add-order/index";
 import * as buyForTabsSchema from "./elements/buy-for-tab/index";
 import * as buyForTabsContainerSchema from "./elements/buy-for-tab-container/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, };
+import * as toasterSchema from "./elements/toaster/index";
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, };