@sc-360-v2/storefront-cms-library 0.1.94 → 0.1.96

package/dist/modal.module.scss

@@ -1,121 +0,0 @@
-.modal-overlay {
-  position: relative;
-  width: 100vw;
-  height: 100vh;
-  z-index: 1000;
-  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
-}
-.modal-overlay[data-lightbox-position="Top Left"] .modal-container {
-  left: var(--_ctm-lt-hl-ot);
-  top: var(--_ctm-lt-vl-ot);
-  transform: translate(0, 0);
-}
-
-.modal-overlay[data-lightbox-position="Top Center"] .modal-container {
-  top: var(--_ctm-lt-vl-ot);
-  left: 50%;
-  transform: translate(-50%, 0);
-}
-
-.modal-overlay[data-lightbox-position="Top Right"] .modal-container {
-  right: var(--_ctm-lt-hl-ot);
-  top: var(--_ctm-lt-vl-ot);
-  left: auto;
-  bottom: auto;
-  transform: translate(0, 0);
-}
-
-.modal-overlay[data-lightbox-position="Center Left"] .modal-container {
-  top: 50%;
-  left: var(--_ctm-lt-hl-ot);
-  transform: translate(0, -50%);
-}
-
-.modal-overlay[data-lightbox-position="Center"] .modal-container {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.modal-overlay[data-lightbox-position="Center Right"] .modal-container {
-  top: 50%;
-  right: var(--_ctm-lt-hl-ot);
-  left: auto;
-  bottom: auto;
-  transform: translate(0, -50%);
-}
-
-.modal-overlay[data-lightbox-position="Bottom Left"] .modal-container {
-  left: var(--_ctm-lt-hl-ot);
-  bottom: var(--_ctm-lt-vl-ot);
-  top: auto;
-  right: auto;
-  transform: translate(0, 0);
-}
-
-.modal-overlay[data-lightbox-position="Bottom Center"] .modal-container {
-  bottom: var(--_ctm-lt-vl-ot);
-  left: 50%;
-  top: auto;
-  right: auto;
-  transform: translate(-50%, 0);
-}
-
-.modal-overlay[data-lightbox-position="Bottom Right"] .modal-container {
-  right: var(--_ctm-lt-hl-ot);
-  bottom: var(--_ctm-lt-vl-ot);
-  top: auto;
-  left: auto;
-  transform: translate(0, 0);
-}
-
-.modal-container {
-  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));
-  background: #fff;
-  width: 70vw;
-  height: 61vh;
-  box-shadow: var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae))
-    var(--_ctm-dn-sw-br, var(--_tst-vo-se-sw-br)) var(--_ctm-dn-sw-sd, var(--_tst-vo-se-sw-sd))
-    var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr));
-  animation: fadeIn 0.3s ease;
-  position: absolute;
-}
-
-.close-icon {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  background: var(--_base-white);
-  border: none;
-  font-size: 2rem;
-  color: black;
-  cursor: pointer;
-  background-color: white;
-  z-index: 10001;
-  padding: 5px;
-  border-radius: 50%;
-
-  &:hover {
-    color: #000;
-  }
-}
-
-.modal-content {
-  // padding: 1rem;
-  // font-size: 1rem;
-  // color: #555;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: scale(0.9);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}

package/dist/range-slider.module.scss

@@ -1,85 +0,0 @@
-div[data-cmsdivtype="cms__react__slider"] {
-  display: var(--_d-flex);
-  align-items: var(--_align-center);
-  justify-content: var(--_justify-center);
-  --_cms-range-circle: 20px;
-  --_cms-range-track-size: 8px;
-
-  &[data-islinear="true"] {
-    position: var(--_p-relative);
-
-    span {
-      &[data-type="cms__linearbg"] {
-        position: var(--_p-absolute);
-        display: var(--_d-flex);
-        // inset: 0 0 0 0;
-        // min-width: calc(var(--_sidebar-small-width) - calc(2 * var(--_pd-24)) - 2px);
-        width: calc(100% - 2px);
-        height: var(--_cms-range-track-size);
-        top: 50%;
-        left: 0;
-        transform: translateY(-50%);
-        border-radius: var(--_br-4);
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
-          linear-gradient(90deg, rgba(22, 37, 120, 0) 0%, #162578 101.3%);
-      }
-    }
-
-    .horizontal-slider {
-      .example-track {
-        &.example-track-0 {
-          background: transparent;
-        }
-      }
-    }
-  }
-  .horizontal-slider {
-    width: 100%;
-    height: var(--_cms-range-circle);
-  }
-  .example-thumb {
-    background-color: var(--_base-white);
-    color: var(--_base-white);
-    cursor: pointer;
-    box-sizing: border-box;
-    border-radius: 50%;
-    &:focus {
-      outline: none;
-      box-shadow: none;
-      border-radius: 50%;
-    }
-  }
-  .example-track {
-    position: relative;
-    background: var(--_primary-500);
-    cursor: pointer;
-  }
-  .example-track.example-track-1 {
-    background: var(--_gray-200);
-    border-radius: var(--_br-4);
-  }
-  .example-mark {
-    width: var(--_cms-range-track-size);
-    height: var(--_cms-range-track-size);
-    background-color: var(--_base-white);
-    cursor: pointer;
-    border-radius: 50%;
-    vertical-align: middle;
-  }
-  .horizontal-slider .example-track {
-    transform: translateY(-50%);
-    top: 50%;
-    height: var(--_cms-range-track-size);
-    border-radius: var(--_br-4);
-  }
-  .horizontal-slider .example-thumb {
-    top: 50%;
-    translate: 0 -50%;
-    width: var(--_cms-range-circle);
-    height: var(--_cms-range-circle);
-    // box-shadow: 0px 0px 0px 1px var(--_primary-500);
-    outline: none;
-    font-size: 0;
-    border: 1.5px solid var(--_primary-500);
-  }
-}