@sc-360-v2/storefront-cms-library 0.1.4 → 0.1.6

package/dist/table.scss

@@ -0,0 +1,373 @@
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="table"] {
+    width: var(--_sf-nw-wh, var(--_tst-lt-wh));
+    margin: var(--_ctm-lt-mn, --_tst-lt-mn);
+    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
+    // --_aspect-ratio: calc(
+    //   1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
+    // );
+
+    & > .wrapper {
+      width: 100%;
+      .pagination:hover {
+        --_sf-bd-cr: var(--_ctm-dn-pn-hr-se-bd-cr, var(--_tst-dn-pn-hr-se-bd-cr));
+      }
+      .pagination .active:hover {
+        cursor: pointer;
+        --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
+        --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
+        --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
+        --_sf-hr-td: var(--_ctm-dn-pn-hr-se-tt-ue, var(--_tst-dn-hr-tt-ue)) --_sf-hr-fw:
+          var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
+        --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
+        --_sf-hr-ta: var(--_ctm-dn-pn-hr-se-tt-an, var(--_tst-dn-pn-hr-se-tt-an));
+        --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
+        --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
+      }
+    }
+    &[data-widget-shadow="false"] {
+      .table__wrapper {
+        --_show-shadow: none;
+      }
+    }
+    &[data-widget-border="true"] {
+      .table__wrapper {
+        border-color: var(--_ctm-dn-te-wt-br-cr, var(--_tst-dn-te-wt-br-cr));
+        border-style: var(--_ctm-dn-te-wt-br-se, var(--_tst-dn-te-wt-br-se));
+        border-width: var(--_ctm-dn-te-wt-br-wh, var(--_tst-dn-te-wt-br-wh));
+      }
+    }
+    &[data-table-shadow="false"] {
+      .table__container {
+        --_show-table-shadow: none;
+      }
+    }
+    &[data-table-border="true"] {
+      .table__container {
+        border-color: var(--_ctm-dn-te-br-cr, var(--_tst-dn-te-br-cr));
+        border-style: var(--_ctm-dn-te-br-se, var(--_tst-dn-te-br-se));
+        border-width: var(--_ctm-dn-te-br-wh, var(--_tst-dn-te-br-wh));
+      }
+    }
+    &[data-loadmore-button-shadow="true"] {
+      .load__more {
+        box-shadow: var(--_ctm-dn-ld-me-bn-sw-ae, var(--_tst-dn-ld-me-bn-sw-ae))
+          var(--_ctm-dn-ld-me-bn-sw-br, var(--_tst-dn-ld-me-bn-sw-br))
+          var(--_ctm-dn-ld-me-bn-sw-sd, var(--_tst-dn-ld-me-bn-sw-sd))
+          var(--_ctm-dn-ld-me-bn-sw-cr, var(--_tst-dn-ld-me-bn-sw-cr));
+      }
+    }
+    &[data-loadmore-button-border="true"] {
+      .load__more {
+        border-color: var(
+          --_sf-hr-br-cr,
+          var(--_ctm-dn-ld-me-bn-br-cr, var(--_tst-dn-ld-me-bn-br-cr))
+        );
+        border-style: var(
+          --_sf-hr-br-st,
+          var(--_ctm-dn-ld-me-bn-br-se, var(--_tst-dn-ld-me-bn-br-se))
+        );
+        border-width: var(
+          --_sf-hr-br-wt,
+          var(--_ctm-dn-ld-me-bn-br-wh, var(--_tst-dn-ld-me-bn-br-wh))
+        );
+      }
+    }
+    &[data-header-divider="true"] {
+      thead tr th {
+        border-bottom: 1px solid var(--_ctm-dn-rw-ad-hr-ds-hr-dr);
+      }
+    }
+    &[data-row-divider="true"] {
+      tbody tr td {
+        border-bottom: 1px solid var(--_ctm-dn-rw-ad-hr-ds-rw-dr);
+      }
+    }
+    &[data-column-divider="true"] {
+      tbody tr td,
+      thead tr th {
+        border-right: 1px solid var(--_ctm-dn-rw-ad-hr-ds-cn-dr);
+      }
+
+      tbody tr td:last-child,
+      thead tr th:last-child {
+        border-right: none;
+      }
+    }
+    &[data-show-more-rows="onScroll"] {
+      .table__container {
+        overflow-y: auto;
+
+        &::-webkit-scrollbar {
+          // width: var(--_ctm-dn-sl-br-sl-br-w, var(--_tst-dn-sl-br-sl-br-w));
+          width: var(--_ctm-dn-sl-br-sl-br-wh);
+        }
+
+        &::-webkit-scrollbar-track {
+          background-color: var(--_base-white);
+        }
+
+        &::-webkit-scrollbar-thumb {
+          background-color: var(--_ctm-dn-sl-br-sl-br-cr);
+        }
+
+        // // Scrollbar thumb when hovered
+        // &::-webkit-scrollbar-thumb:hover {
+        //   background-color: #555; // Darker color when hovering over the thumb
+        // }
+
+        // // For Firefox, using scrollbar-width and scrollbar-color
+        // scrollbar-width: thin; // Thin scrollbar
+        // scrollbar-color: #888 #f1f1f1; // Thumb and track colors
+      }
+    }
+
+    &[data-alternative-row-colors="true"] {
+      tbody .tbody__row__divider:nth-child(odd) {
+        background-color: #f76b6b;
+      }
+    }
+
+    .table__wrapper {
+      padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
+      background-color: var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr));
+      border-radius: var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs));
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-dn-te-wt-sw-ae, var(--_tst-dn-te-wt-sw-ae))
+          var(--_ctm-dn-te-wt-sw-br, var(--_tst-dn-te-wt-sw-br))
+          var(--_ctm-dn-te-wt-sw-sd, var(--_tst-dn-te-wt-sw-sd))
+          var(--_ctm-dn-te-wt-sw-cr, var(--_tst-dn-te-wt-sw-cr))
+      );
+
+      width: 100%;
+      .table__container {
+        // height: fit-content;
+        // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
+        background-color: var(--_ctm-dn-te-bd-cr, var(--_tst-dn-te-bd-cr));
+        border-radius: var(--_ctm-dn-te-br-rs, var(--_tst-dn-te-br-rs));
+
+        box-shadow: var(
+          --_show-table-shadow,
+          var(--_ctm-dn-te-sw-ae, var(--_tst-dn-te-wt-sw-ae))
+            var(--_ctm-dn-te-sw-br, var(--_tst-dn-te-sw-br))
+            var(--_ctm-dn-te-sw-sd, var(--_tst-dn-te-sw-sd))
+            var(--_ctm-dn-te-sw-cr, var(--_tst-dn-te-sw-cr))
+        );
+      }
+
+      h3 {
+        text-align: center;
+        width: 100%;
+        margin-bottom: 10px;
+      }
+      table {
+        border-collapse: collapse;
+        // border: none;
+        width: 100%;
+        // height: 100%;
+        text-align: var(--_ctm-lt-ct-at, var(--_tst-lt-ct-at));
+
+        th,
+        td {
+          border: none;
+        }
+        thead {
+          background-color: var(--_ctm-dn-te-hr-bd-cr, var(--_tst-dn-te-hr-bd-cr));
+          .thead__row__divider {
+            // border-bottom: 1px solid var(--_gray-500);
+            // border-top: 1px solid var(--_gray-500);
+            height: var(--_ctm-lt-hr-ht, var(--_tst-lt-hr-ht));
+
+            .th__col__divider {
+              padding: var(--_ctm-lt-hr-cl-pg, var(--_tst-lt-hr-cl-pg));
+              color: var(--_ctm-dn-hr-tt-cr, var(--_tst-dn-hr-tt-cr));
+              font-family: var(--_ctm-dn-hr-tt-ft-fy, var(--_tst-dn-hr-tt-ft-fy)), sans-serif;
+              font-size: var(--_ctm-dn-hr-tt-ft-se, var(--_tst-dn-hr-tt-ft-se));
+              font-weight: var(--_ctm-dn-hr-tt-ft-wt, var(--_tst-dn-hr-tt-ft-wt));
+              text-decoration: var(--_ctm-dn-hr-tt-ue, var(--_tst-dn-hr-tt-ue));
+              font-style: var(--_ctm-dn-hr-tt-ft-se-ic, var(--_tst-dn-hr-tt-ft-se-ic));
+              text-align: var(--_ctm-dn-hr-tt-tt-an, var(--_tst-dn-hr-tt-tt-an));
+              letter-spacing: var(--_ctm-dn-hr-tt-lr-sg, var(--_tst-dn-hr-tt-lr-sg));
+              line-height: var(--_ctm-dn-hr-tt-le-ht, var(--_tst-dn-hr-tt-le-ht));
+            }
+          }
+        }
+
+        tbody {
+          .tbody__row__divider {
+            background-color: var(--_ctm-dn-te-rw-bd-cr, var(--_tst-dn-te-rw-bd-cr));
+            height: var(--_ctm-lt-rw-ht, var(--_tst-lt-rw-ht));
+            // border-bottom: 1px solid var(--_gray-500);
+            .td__col__divider {
+              padding: var(--_ctm-lt-rw-cl-pg, var(--_tst-rw-cl-pg));
+              color: var(--_sf-hr-fc, var(--_ctm-dn-rw-tt-cr, var(--_tst-dn-rw-tt-cr)));
+              font-family: var(--_sf-hr-ff, var(--_ctm-dn-rw-tt-ft-fy, var(--_tst-dn-rw-tt-ft-fy))),
+                sans-serif;
+              font-size: var(--_sf-hr-fs, var(--_ctm-dn-rw-tt-ft-se, var(--_tst-dn-rw-tt-ft-se)));
+              text-decoration: var(--_ctm-dn-rw-tt-ue, var(--_tst-dn-hr-tt-ue));
+              font-weight: var(--_sf-hr-fw, var(--_ctm-dn-rw-tt-ft-wt, var(--_tst-dn-rw-tt-ft-wt)));
+              font-style: var(
+                --_sf-hr-ft,
+                var(--_ctm-dn-rw-tt-ft-se-ic, var(--_tst-dn-rw-tt-ft-se-ic))
+              );
+              text-align: var(--_sf-hr-ta, var(--_ctm-dn-rw-tt-tt-an, var(--_tst-dn-rw-tt-tt-an)));
+              letter-spacing: var(
+                --_sf-hr-ls,
+                var(--_ctm-dn-rw-tt-lr-sg, var(--_tst-dn-rw-tt-lr-sg))
+              );
+              line-height: var(--_sf-hr-lh, var(--_ctm-dn-rw-tt-le-ht, var(--_tst-dn-rw-tt-le-ht)));
+            }
+          }
+        }
+      }
+
+      .pagination {
+        display: var(--_d-flex);
+        align-items: var(--_align-center);
+        justify-content: var(--_ctm-lt-pn-at, var(--_tst-lt-pn-at));
+        margin-top: 10px;
+        background-color: var(
+          --_sf-bd-cr,
+          var(--_ctm-dn-pn-dt-se-bd-cr, var(--_tst-dn-pn-dt-se-bd-cr))
+        );
+        &.pagination__center {
+          justify-content: var(justify-center);
+        }
+
+        button {
+          svg {
+            width: var(--_width-18);
+            height: var(--_height-18);
+            path {
+              stroke: var(--_gray-500);
+              // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
+            }
+          }
+        }
+        span {
+          float: left;
+          padding: var(--_pd-8) var(--_pd-16);
+          text-decoration: none;
+          span {
+            // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
+            // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
+            // font-family: var(--_sf-hr-ff, var(--_ctm-dn-pn-ft-fy, var(--_tst-dn-pn-ft-fy))),
+            //   sans-serif;
+            // font-weight: var(--_sf-hr-fw, var(--_ctm-dn-pn-ft-wt, var(--_tst-dn-pn-ft-wt)));
+            // font-style: var(--_sf-hr-ft, var(--_ctm-dn-pn-ft-se-ic, var(--_tst-dn-pn-ft-se-ic)));
+            // text-align: var(--_sf-hr-ta, var(--_ctm-dn-pn-tt-an, var(--_tst-dn-pn-tt-an)));
+            // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
+            // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
+          }
+          &.active:hover {
+            &hover {
+              --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
+              --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
+              --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
+              --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
+              --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
+              --_sf-hr-ta: var(--_ctm-dn-pn-hr-se-tt-an, var(--_tst-dn-pn-hr-se-tt-an));
+              --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
+              --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
+            }
+          }
+          &.active {
+            color: var(--_sf-hr-fc, var(--_ctm-dn-pn-dt-se-cr, var(--_tst-dn-pn-dt-se-cr)));
+            font-family: var(
+                --_sf-hr-ff,
+                var(--_ctm-dn-pn-dt-se-ft-fy, var(--_tst-dn-pn-dt-se-ft-fy))
+              ),
+              sans-serif;
+            font-size: var(
+              --_sf-hr-fs,
+              var(--_ctm-dn-pn-dt-se-ft-se, var(--_tst-dn-pn-dt-se-ft-se))
+            );
+            text-decoration: var(--_sf-hr-td, var(--_ctm-dn-pn-dt-se-ue, var(--_tst-dn-hr-tt-ue)));
+            font-weight: var(
+              --_sf-hr-fw,
+              var(--_ctm-dn-pn-dt-se-ft-wt, var(--_tst-dn-pn-dt-se-ft-wt))
+            );
+            font-style: var(
+              --_sf-hr-ft,
+              var(--_ctm-dn-pn-dt-se-ft-se-ic, var(--_tst-dn-pn-dt-se-ft-se-ic))
+            );
+            text-align: var(
+              --_sf-hr-ta,
+              var(--_ctm-dn-pn-dt-se-tt-an, var(--_tst-dn-pn-dt-se-tt-an))
+            );
+            letter-spacing: var(
+              --_sf-hr-ls,
+              var(--_ctm-dn-pn-dt-se-lr-sg, var(--_tst-dn-pn-dt-se-lr-sg))
+            );
+            line-height: var(
+              --_sf-hr-lh,
+              var(--_ctm-dn-pn-dt-se-le-ht, var(--_tst-dn-pn-dt-se-le-ht))
+            );
+          }
+        }
+        .pagination__arrows {
+          color: var(--_sf-hr-fc, var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1)));
+          font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-in-se, var(--_tst-dn-pn-in-se)));
+        }
+      }
+
+      .load__more {
+        margin: 10px;
+        background-color: var(
+          --_sf-hr-bd-cr,
+          var(--_ctm-dn-ld-me-bn-bd-cr, var(--_tst-dn-ld-me-bn-bd-cr))
+        );
+        border-radius: var(
+          --_sf-hr-br-br,
+          var(--_ctm-dn-ld-me-bn-br-rs, var(--_tst-dn-ld-me-bn-br-rs))
+        );
+
+        h3 {
+          color: var(--_sf-hr-fc, var(--_ctm-dn-ld-me-bn-cr, var(--_tst-dn-ld-me-bn-cr)));
+          font-family: var(
+              --_sf-hr-ff,
+              var(--_ctm-dn-ld-me-bn-ft-fy, var(--_tst-dn-ld-me-bn-ft-fy))
+            ),
+            sans-serif;
+          font-size: var(--_sf-hr-fs, var(--_ctm-dn-ld-me-bn-ft-se, var(--_tst-dn-ld-me-bn-ft-se)));
+          text-decoration: var(--_ctm-dn-ld-me-bn-ue);
+          font-weight: var(
+            --_sf-hr-fw,
+            var(--_ctm-dn-ld-me-bn-ft-wt, var(--_tst-dn-ld-me-bn-ft-wt))
+          );
+          font-style: var(
+            --_sf-hr-ft,
+            var(--_ctm-dn-ld-me-bn-ft-se-ic, var(--_tst-dn-ld-me-bn-ft-se-ic))
+          );
+          text-align: var(
+            --_sf-hr-ta,
+            var(--_ctm-dn-ld-me-bn-tt-an, var(--_tst-dn-ld-me-bn-tt-an))
+          );
+          letter-spacing: var(
+            --_sf-hr-ls,
+            var(--_ctm-dn-ld-me-bn-lr-sg, var(--_tst-dn-ld-me-bn-lr-sg))
+          );
+          line-height: var(
+            --_sf-hr-lh,
+            var(--_ctm-dn-ld-me-bn-le-ht, var(--_tst-dn-ld-me-bn-le-ht))
+          );
+        }
+        // background-color: var(--_primary-400);
+        // border: 1px solid var(--_primary-400);
+        // border-radius: var(--_br-6);
+        // padding: var(--_pd-8) var(--_pd-12);
+        // color: var(---base-whiet);
+        // display: inline-block;
+        // color: var(--_base-white);
+        // margin: 0 auto;
+        // width: 150px;
+        // text-align: center;
+        // margin-top: 20px;
+      }
+    }
+  }
+}

package/dist/text-temp.scss

@@ -0,0 +1,58 @@
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="text"] {
+    // width: var(--_lt-wh);
+    // height: var(--_lt-ht);
+    // margin: var(--_lt-mn);
+    // padding: var(--_lt-pg);
+    // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
+    width: var(--_sf-nw-wh, var(--_tst-lt-wh));
+    margin: var(--_ctm-lt-mn, --_tst-lt-mn);
+    // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
+    // height: ;
+    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
+    // --_aspect-ratio: calc(
+    //   1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
+    // );
+
+    & > .wrapper {
+      width: 100%;
+      // height: 100%;
+    }
+    &[data-show-shadow="false"] {
+      --_show-shadow: none;
+    }
+
+    .text-element {
+      background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
+      padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
+      display: flex;
+      flex-direction: column;
+      --_sf-gp: 16px;
+      --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
+      row-gap: var(--_sf-gp);
+      width: 100%;
+      // height: 100%;
+      border-color: var(--_ctm-dn-br-cr, var(--_tst-dn-br-cr));
+      border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
+      border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
+      border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
+          var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
+      );
+
+      // transform: scale(var(--_ctm-dn-zm-ie));
+      scale: var(--_ctm-dn-zm-ie);
+      &[data-flip-x="true"] {
+        transform: scaleX(-1);
+      }
+      &[data-flip-y="true"] {
+        transform: scaleY(-1);
+      }
+    }
+  }
+}

package/dist/types/builder/elements/amount-estimator/index.d.ts

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

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

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

package/dist/types/builder/elements/product-promotions/index.d.ts

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

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

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

package/dist/types/builder/elements/quantity-selector/index.d.ts

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

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

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

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

@@ -116,5 +116,6 @@ export declare enum CMSCSSUnitTypesEnums {
 }
 export declare enum CMSComponentImportTypeEnum {
     BUILDER = 1,
-    PREVIEW = 2
+    PREVIEW = 2,
+    WEBSITE = 3
 }

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

@@ -27,4 +27,10 @@ import * as volumePricingSchema from "./elements/volumePricing/index";
 import * as pickupLocationsSchema from "./elements/pickup-locations/index";
 import * as storeLocationsSchema from "./elements/store-locations/index";
 import * as productInventorySchema from "./elements/product-inventory/index";
-export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, embedSchema, scrollSchema, countdownSchema, imageHotspotSchema, mapSchema, containerSchema, priceSchema, productActionsSchema, volumePricingSchema, pickupLocationsSchema, storeLocationsSchema, productInventorySchema, };
+import * as productHighlightsSchema from "./elements/productHighlights/index";
+import * as paymentMethodsSchema from "./elements/paymentMethods/index";
+import * as shippingEstimatorSchema from "./elements/shippingEstimator/index";
+import * as productPromotionsSchema from "./elements/product-promotions/index";
+import * as amountEstimatorSchema from "./elements/amount-estimator/index";
+import * as quantitySelectorSchema from "./elements/quantity-selector/index";
+export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, embedSchema, scrollSchema, countdownSchema, imageHotspotSchema, mapSchema, containerSchema, priceSchema, productActionsSchema, volumePricingSchema, pickupLocationsSchema, storeLocationsSchema, productInventorySchema, paymentMethodsSchema, productHighlightsSchema, shippingEstimatorSchema, productPromotionsSchema, amountEstimatorSchema, quantitySelectorSchema, };

package/dist/types/builder/tools/element-edit/amountEstimator.d.ts

@@ -0,0 +1,40 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    displayStyle: CMSIBCommonInterface;
+    displayResults: CMSIBCommonInterface;
+    displayType: CMSIBCommonInterface;
+    dividerBetweenItems: CMSIBCommonInterface;
+    itemSpacing: CMSIBCommonInterface;
+    itemPadding: CMSIBCommonInterface;
+    ItemContentAlignment: CMSIBCommonInterface;
+    overflowItems: CMSIBCommonInterface;
+    maxItemsToDisplay: CMSIBCommonInterface;
+    imageBehavior: CMSIBCommonInterface;
+    itemsPerRow: CMSIBCommonInterface;
+    header: CMSIBCommonInterface;
+    headerHeight: CMSIBCommonInterface;
+    rowHeight: CMSIBCommonInterface;
+    headerDivider: CMSIBCommonInterface;
+    rowDivider: CMSIBCommonInterface;
+    columnDivider: CMSIBCommonInterface;
+    alternativeRowColors: CMSIBCommonInterface;
+    headerCellPadding: CMSIBCommonInterface;
+    rowCellPadding: CMSIBCommonInterface;
+    contentAlignment: CMSIBCommonInterface;
+    rowsPerPage: CMSIBCommonInterface;
+    overflowControl: CMSIBCommonInterface;
+    paginationType: CMSIBCommonInterface;
+    paginationAliginment: CMSIBCommonInterface;
+}
+interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum AmountEstimatorsSelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/common.d.ts

@@ -71,6 +71,9 @@ export interface CMSElementEditPopupDesignInterface {
     showIcon?: CMSIBCommonInterface;
     dividerWidth: CMSIBSizeInterface;
     overlayColor: CMSIBCommonInterface;
+    textPosition: CMSIBCommonInterface;
+    verticalAlignment: CMSIBCommonInterface;
+    textHorizontalPadding: CMSIBSizeInterface;
 }
 export interface CMSElementEditPopupInterface<L = CMSElementEditPopupLayoutInterface, D = CMSElementEditPopupDesignInterface> {
     layout?: L;