@sc-360-v2/storefront-cms-library 0.5.50 → 0.5.52

package/dist/repeater copy.scss

@@ -0,0 +1,635 @@
+@use "sass:map";
+@use "sass:list";
+@use "./repeater-embla-controls.scss" as *;
+$childItemSelector: '[data-element-type="repeater-item"]';
+$sliderControlDragging: "[flex-slider-control-moving='true']";
+$rai: "repeater-advertise-item";
+[data-div-type="element"] {
+  &[data-element-type="repeater"] {
+    // width: var(--_sf-con-nw-wh);
+    // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
+    width: calc(
+      1% *
+        var(
+          --_ctm-mob-rep-ele-nw-wh-vl,
+          var(--_ctm-tab-rep-ele-nw-wh-vl, var(--_ctm-rep-ele-nw-wh-vl, auto))
+        )
+    );
+    // width: 100%;
+    &:not([data-view-state="full"]) {
+      min-height: var(
+        --_ctm-mob-rep-lt-ht,
+        var(--_ctm-tab-rep-lt-ht, var(--_ctm-rep-lt-ht, var(--_ctm-lt-ht, var(--_tst-lt-ht))))
+      );
+    }
+    min-height: var();
+    margin: var(
+      --_ctm-mob-rep-lt-mn,
+      var(--_ctm-tab-rep-lt-mn, var(--_ctm-rep-lt-mn, var(--_ctm-lt-mn, var(--_tst-lt-mn))))
+    );
+    background-color: var(
+      --_ctm-mob-rep-dn-bd-cr,
+      var(--_ctm-tab-rep-dn-bd-cr, var(--_ctm-rep-dn-bd-cr))
+    );
+    background-image: var(
+      --_ctm-mob-rep-dn-bd-ie,
+      var(--_ctm-tab-rep-dn-bd-ie, var(--_ctm-rep-dn-bd-ie))
+    );
+    background-attachment: var(
+      --_ctm-mob-rep-dn-bd-at,
+      var(--_ctm-tab-rep-dn-bd-at, var(--_ctm-rep-dn-bd-at))
+    );
+    background-position: var(
+      --_ctm-mob-rep-dn-bd-pn,
+      var(--_ctm-tab-rep-dn-bd-pn, var(--_ctm-rep-dn-bd-pn))
+    );
+    background-repeat: var(
+      --_ctm-mob-rep-dn-bd-rt,
+      var(--_ctm-tab-rep-dn-bd-rt, var(--_ctm-rep-dn-bd-rt))
+    );
+    background-size: var(
+      --_ctm-mob-rep-dn-bd-se,
+      var(--_ctm-tab-rep-dn-bd-se, var(--_ctm-rep-dn-bd-se))
+    );
+    border-radius: var(
+      --_ctm-mob-rep-dn-br-rs,
+      var(--_ctm-tab-rep-dn-br-rs, var(--_ctm-rep-dn-br-rs))
+    );
+    border-color: var(
+      --_ctm-mob-rep-dn-br-cr,
+      var(--_ctm-tab-rep-dn-br-cr, var(--_ctm-rep-dn-br-cr))
+    );
+    border-style: var(
+      --_ctm-mob-rep-dn-br-se,
+      var(--_ctm-tab-rep-dn-br-se, var(--_ctm-rep-dn-br-se))
+    );
+    border-width: var(
+      --_ctm-mob-rep-dn-br-wh,
+      var(--_ctm-tab-rep-dn-br-wh, var(--_ctm-rep-dn-br-wh))
+    );
+    box-shadow: var(
+      --_hover-show-shadow,
+      var(
+        --_sf-hr-bx-sw,
+        var(
+          --_show-shadow,
+          var(--_ctm-mob-dn-dt-se-sw-ae, var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae)))
+            var(
+              --_ctm-mob-dn-dt-se-sw-br,
+              var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
+            )
+            var(
+              --_ctm-mob-dn-dt-se-sw-sd,
+              var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
+            )
+            var(
+              --_ctm-mob-dn-dt-se-sw-cr,
+              var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
+            )
+        )
+      )
+    );
+    padding: var(--_ctm-mob-rep-lt-pg, var(--_ctm-tab-rep-lt-pg, var(--_ctm-rep-lt-pg)));
+
+    &.grd {
+      & > div {
+        &.wrapper {
+          width: 100%;
+          display: grid;
+          grid-template-columns: repeat(
+            auto-fit,
+            minmax(
+              var(
+                --_ctm-mob-rep-lt-mn-cn-wh,
+                var(--_ctm-tab-rep-lt-mn-cn-wh, var(--_ctm-rep-lt-mn-cn-wh))
+              ),
+              1fr
+            )
+          );
+          grid-template-rows: repeat(
+            auto-fit,
+            minmax(
+              var(
+                --_ctm-mob-rep-lt-mn-rw-ht,
+                var(--_ctm-tab-rep-lt-mn-rw-ht, var(--_ctm-rep-lt-mn-rw-ht))
+              ),
+              1fr
+            )
+          );
+
+          div {
+            &#{$childItemSelector},
+            &.#{$rai} {
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
+
+    &.crds {
+      & > div {
+        &.wrapper {
+          display: flex !important;
+          flex-wrap: wrap;
+          width: 100%;
+          height: auto !important;
+          min-height: 100px !important;
+        }
+      }
+      &:not(.stimsfrRws) {
+        & > div {
+          &.wrapper {
+            justify-content: center;
+            & > div {
+              &#{$childItemSelector},
+              &.#{$rai} {
+                // width: var(--_ctm-rep-lt-wh);
+                --_col-count: var(--_sf-gd-ct, 3);
+                --_col-gap: 0px;
+                width: 163px;
+                height: 100px;
+                // grid-template-rows: minmax(
+                //   max(
+                //     0.5px,
+                //     0.0896337 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+                //   ),
+                //   auto
+                // );
+                // grid-template-rows: ;
+              }
+            }
+          }
+        }
+      }
+
+      &.stimsfrRws {
+        & > div {
+          &.wrapper {
+            align-self: center;
+            & > div {
+              &#{$childItemSelector},
+              &.#{$rai} {
+                // --_col-count: var(--_sf-gd-ct, 3);
+                --_col-count: var(
+                  --_ctm-mob-rep-lt-st-is-pr-rw,
+                  var(--_ctm-tab-rep-lt-st-is-pr-rw, var(--_ctm-rep-lt-st-is-pr-rw, 3))
+                );
+                --_col-gap: var(
+                  --_ctm-mob-rep-lt-im-gp,
+                  var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
+                );
+                width: calc(
+                  (100% / var(--_col-count)) -
+                    (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
+                );
+                flex: 0 0
+                  calc(
+                    (100% / var(--_col-count)) -
+                      (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
+                  );
+                align-self: stretch;
+                // height: 100px;
+                grid-template-rows: minmax(
+                  max(0.5px, 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))),
+                  auto
+                );
+                grid-template-columns: minmax(0px, 1fr);
+                // min-height: 50px !important;
+                grid-template-rows:
+                  minmax(
+                    max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
+                    auto
+                  )
+                  minmax(
+                    max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
+                    auto
+                  );
+              }
+            }
+          }
+        }
+      }
+    }
+
+    &.sld {
+      &:is(:not(#{$sliderControlDragging} *)) {
+        overflow: clip;
+      }
+      height: auto;
+      --_sf-sl-ct-ic-dt-at-cl: var(
+        --_ctm-mob-rep-lt-cl-ae-cr,
+        var(--_ctm-tab-rep-lt-cl-ae-cr, var(--_ctm-rep-lt-cl-ae-cr))
+      );
+      // &:is([data-control-type="1"]) {
+      //   @include CMSRepeaterEmblaControlStyles(1);
+      // }
+      @for $i from 1 through 3 {
+        &:is([data-control-type="#{$i}"]) {
+          @if ($i == 3) {
+            overflow-y: visible;
+          }
+          @include CMSRepeaterEmblaControlStyles($i);
+        }
+      }
+
+      & > div {
+        &.wrapper {
+          &.embla__container {
+            display: flex !important;
+            --_embla-slide-space: var(
+              --_ctm-mob-rep-lt-im-gp,
+              var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp))
+            );
+            min-height: 100px !important;
+            --_embla-col-count: var(
+              --_ctm-mob-rep-lt-st-is-pr-se,
+              var(--_ctm-tab-rep-lt-st-is-pr-se, var(--_ctm-rep-lt-st-is-pr-se, 3))
+            );
+            // gap: 0px !important;
+            // margin-left: calc(var(--_embla-slide-space, 10px) * -1);
+            width: 100%;
+            height: 100%;
+            & > .embla__slide {
+              --_sf-cl-vl: calc(
+                (100% / var(--_embla-col-count, 3)) -
+                  (
+                    ((var(--_embla-col-count, 3) - 1) * (var(--_embla-slide-space, 10px))) /
+                      (var(--_embla-col-count, 3))
+                  )
+              );
+              // flex: 0 0 calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
+              // width: calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
+              flex: 0 0 var(--_sf-cl-vl);
+              width: var(--_sf-cl-vl);
+              grid-template-rows: minmax(
+                max(0.5px, 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))),
+                auto
+              );
+              grid-template-columns: minmax(0px, 1fr);
+              // padding-left: calc(var(--_embla-slide-space, 10px) * 1);
+              // padding-left: 0px !important;
+
+              img {
+                width: 100%;
+              }
+            }
+          }
+        }
+      }
+    }
+    & > div {
+      &.wrapper {
+        gap: var(
+          --_ctm-mob-rep-lt-im-gp,
+          var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
+        );
+        // width: 100%;
+        // grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
+        // grid-auto-rows: minmax(100px, 1fr);
+      }
+    }
+    .repeater-advertise-item {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        // width: 100%;
+        // height: 100%;
+        object-fit: cover;
+        object-position: center center;
+        max-width: 100%;
+        max-height: 100%;
+      }
+    }
+
+    .loadMore__container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      width: 100%;
+      .action__button {
+        display: flex;
+        align-items: center;
+        height: 40px;
+
+        cursor: pointer;
+        .btn__container {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 10px;
+          height: 100%;
+          width: 100%;
+          padding: 16px;
+          .btn__with__text {
+            height: 2.5rem;
+          }
+        }
+
+        &.loadMore {
+          // background-color: var(
+          //   --_sf-at-hr-bd-cr,
+          //   var(
+          //     --_ctm-mob-dn-by-nw-dt-se-bd-cr,
+          //     var(--_ctm-tab-dn-by-nw-dt-se-bd-cr, var(--_ctm-dn-by-nw-dt-se-bd-cr))
+          //   )
+          // );
+          // border-color: var(
+          //   --_sf-at-hr-br-cr,
+          //   var(
+          //     --_ctm-mob-dn-by-nw-dt-se-br-cr,
+          //     var(--_ctm-tab-dn-by-nw-dt-se-br-cr, var(--_ctm-dn-by-nw-dt-se-br-cr))
+          //   )
+          // );
+          background-color: blue;
+          border: 1px solid transparent;
+          color: white;
+          border-radius: 6px;
+          padding: 2px 10px;
+          border-style: var(
+            --_sf-at-hr-br-se,
+            var(
+              --_ctm-mob-dn-by-nw-dt-se-br-se,
+              var(--_ctm-tab-dn-by-nw-dt-se-br-se, var(--_ctm-dn-by-nw-dt-se-br-se))
+            )
+          );
+          border-width: var(
+            --_sf-at-hr-br-wt,
+            var(
+              --_ctm-mob-dn-by-nw-dt-se-br-wh,
+              var(--_ctm-tab-dn-by-nw-dt-se-br-wh, var(--_ctm-dn-by-nw-dt-se-br-wh))
+            )
+          );
+          // border-radius: var(
+          //   --_sf-at-hr-br-br,
+          //   var(
+          //     --_ctm-mob-dn-by-nw-dt-se-br-rs,
+          //     var(--_ctm-tab-dn-by-nw-dt-se-br-rs, var(--_ctm-dn-by-nw-dt-se-br-rs))
+          //   )
+          // );
+          box-shadow: var(
+            --_hover-show-shadow,
+            var(
+              --_sf-at-hr-bx-sw,
+              var(
+                --_show-shadow,
+                var(
+                    --_ctm-mob-dn-by-nw-dt-se-sw-ae,
+                    var(--_ctm-tab-dn-by-nw-dt-se-sw-ae, var(--_ctm-dn-by-nw-dt-se-sw-ae))
+                  )
+                  var(
+                    --_ctm-mob-dn-by-nw-dt-se-sw-br,
+                    var(--_ctm-tab-dn-by-nw-dt-se-sw-br, var(--_ctm-dn-by-nw-dt-se-sw-br))
+                  )
+                  var(
+                    --_ctm-mob-dn-by-nw-dt-se-sw-sd,
+                    var(--_ctm-tab-dn-by-nw-dt-se-sw-sd, var(--_ctm-dn-by-nw-dt-se-sw-sd))
+                  )
+                  var(
+                    --_ctm-mob-dn-by-nw-dt-se-sw-cr,
+                    var(--_ctm-tab-dn-by-nw-dt-se-sw-cr, var(--_ctm-dn-by-nw-dt-se-sw-cr))
+                  )
+              )
+            )
+          );
+
+          .btn__container {
+            gap: var(
+              --_ctm-mob-dn-by-nw-dt-se-in-ad-tt-sg,
+              var(--_ctm-tab-dn-by-nw-dt-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-dt-se-in-ad-tt-sg))
+            );
+            justify-content: var(
+              --_ctm-mob-dn-by-nw-dt-se-at,
+              var(--_ctm-tab-dn-by-nw-dt-se-at, var(--_ctm-dn-by-nw-dt-se-at))
+            );
+
+            &[data-actions-icon-position="left"],
+            &[data-actions-icon-position="center"] {
+              flex-direction: row;
+            }
+            &[data-actions-icon-position="right"] {
+              flex-direction: row-reverse;
+            }
+            span {
+              svg {
+                width: var(
+                  --_ctm-mob-dn-by-nw-dt-se-in-se,
+                  var(--_ctm-tab-dn-by-nw-dt-se-in-se, var(--_ctm-dn-by-nw-dt-se-in-se))
+                );
+                height: var(
+                  --_ctm-mob-dn-by-nw-dt-se-in-se,
+                  var(--_ctm-tab-dn-by-nw-dt-se-in-se, var(--_ctm-dn-by-nw-dt-se-in-se))
+                );
+
+                path {
+                  stroke: var(
+                    --_ctm-mob-dn-by-nw-dt-se-in-c1,
+                    var(--_ctm-tab-dn-by-nw-dt-se-in-c1, var(--_ctm-dn-by-nw-dt-se-in-c1))
+                  );
+                }
+              }
+            }
+            .btn__with__text {
+              border: none;
+              background-color: transparent;
+              color: var(
+                --_ctm-mob-dn-by-nw-dt-se-cr,
+                var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
+              );
+              font-family: var(
+                --_ctm-mob-dn-by-nw-dt-se-ft-fy,
+                var(--_ctm-tab-dn-by-nw-dt-se-ft-fy, var(--_ctm-dn-by-nw-dt-se-ft-fy))
+              );
+              font-size: var(
+                --_ctm-mob-dn-by-nw-dt-se-ft-se,
+                var(--_ctm-tab-dn-by-nw-dt-se-ft-se, var(--_ctm-dn-by-nw-dt-se-ft-se))
+              );
+              font-weight: var(
+                --_ctm-mob-dn-by-nw-dt-se-ft-wt,
+                var(--_ctm-tab-dn-by-nw-dt-se-ft-wt, var(--_ctm-dn-by-nw-dt-se-ft-wt))
+              );
+              font-style: var(
+                --_ctm-mob-dn-by-nw-dt-se-ft-se-ic,
+                var(--_ctm-tab-dn-by-nw-dt-se-ft-se-ic, var(--_ctm-dn-by-nw-dt-se-ft-se-ic))
+              );
+              text-align: var(
+                --_ctm-mob-dn-by-nw-dt-se-tt-an,
+                var(--_ctm-tab-dn-by-nw-dt-se-tt-an, var(--_ctm-dn-by-nw-dt-se-tt-an))
+              );
+              letter-spacing: var(
+                --_ctm-mob-dn-by-nw-dt-se-lr-sg,
+                var(--_ctm-tab-dn-by-nw-dt-se-lr-sg, var(--_ctm-dn-by-nw-dt-se-lr-sg))
+              );
+              line-height: var(
+                --_ctm-mob-dn-by-nw-dt-se-le-ht,
+                var(--_ctm-tab-dn-by-nw-dt-se-le-ht, var(--_ctm-dn-by-nw-dt-se-le-ht))
+              );
+              text-decoration: var(
+                --_ctm-mob-dn-by-nw-dt-se-ue,
+                var(--_ctm-tab-dn-by-nw-dt-se-ue, var(--_ctm-dn-by-nw-dt-se-ue))
+              );
+            }
+
+            &:hover {
+              background-color: var(
+                --_sf-at-hr-bd-cr,
+                var(
+                  --_ctm-mob-dn-by-nw-hr-se-bd-cr,
+                  var(--_ctm-tab-dn-by-nw-hr-se-bd-cr, var(--_ctm-dn-by-nw-hr-se-bd-cr))
+                )
+              );
+              border-color: var(
+                --_sf-at-hr-br-cr,
+                var(
+                  --_ctm-mob-dn-by-nw-hr-se-br-cr,
+                  var(--_ctm-tab-dn-by-nw-hr-se-br-cr, var(--_ctm-dn-by-nw-hr-se-br-cr))
+                )
+              );
+              border-style: var(
+                --_sf-at-hr-br-se,
+                var(
+                  --_ctm-mob-dn-by-nw-hr-se-br-se,
+                  var(--_ctm-tab-dn-by-nw-hr-se-br-se, var(--_ctm-dn-by-nw-hr-se-br-se))
+                )
+              );
+              border-width: var(
+                --_sf-at-hr-br-wt,
+                var(
+                  --_ctm-mob-dn-by-nw-hr-se-br-wh,
+                  var(--_ctm-tab-dn-by-nw-hr-se-br-wh, var(--_ctm-dn-by-nw-hr-se-br-wh))
+                )
+              );
+              border-radius: var(
+                --_sf-at-hr-br-br,
+                var(
+                  --_ctm-mob-dn-by-nw-hr-se-br-rs,
+                  var(--_ctm-tab-dn-by-nw-hr-se-br-rs, var(--_ctm-dn-by-nw-hr-se-br-rs))
+                )
+              );
+              box-shadow: var(
+                --_hover-show-shadow,
+                var(
+                  --_sf-at-hr-bx-sw,
+                  var(
+                    --_show-shadow,
+                    var(
+                        --_ctm-mob-dn-by-nw-hr-se-sw-ae,
+                        var(--_ctm-tab-dn-by-nw-hr-se-sw-ae, var(--_ctm-dn-by-nw-hr-se-sw-ae))
+                      )
+                      var(
+                        --_ctm-mob-dn-by-nw-hr-se-sw-br,
+                        var(--_ctm-tab-dn-by-nw-hr-se-sw-br, var(--_ctm-dn-by-nw-hr-se-sw-br))
+                      )
+                      var(
+                        --_ctm-mob-dn-by-nw-hr-se-sw-sd,
+                        var(--_ctm-tab-dn-by-nw-hr-se-sw-sd, var(--_ctm-dn-by-nw-hr-se-sw-sd))
+                      )
+                      var(
+                        --_ctm-mob-dn-by-nw-hr-se-sw-cr,
+                        var(--_ctm-tab-dn-by-nw-hr-se-sw-cr, var(--_ctm-dn-by-nw-hr-se-sw-cr))
+                      )
+                  )
+                )
+              );
+
+              .btn__container {
+                gap: var(
+                  --_ctm-mob-dn-by-nw-hr-se-in-ad-tt-sg,
+                  var(--_ctm-tab-dn-by-nw-hr-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-hr-se-in-ad-tt-sg))
+                );
+                justify-content: var(
+                  --_ctm-mob-dn-by-nw-hr-se-at,
+                  var(--_ctm-tab-dn-by-nw-hr-se-at, var(--_ctm-dn-by-nw-hr-se-at))
+                );
+
+                &[data-actions-icon-position-hover="left"],
+                &[data-actions-icon-position-hover="center"] {
+                  flex-direction: row;
+                }
+                &[data-actions-icon-position-hover="right"] {
+                  flex-direction: row-reverse;
+                }
+                span {
+                  svg {
+                    width: var(
+                      --_ctm-mob-dn-by-nw-hr-se-in-se,
+                      var(--_ctm-tab-dn-by-nw-hr-se-in-se, var(--_ctm-dn-by-nw-hr-se-in-se))
+                    );
+                    height: var(
+                      --_ctm-mob-dn-by-nw-hr-se-in-se,
+                      var(--_ctm-tab-dn-by-nw-hr-se-in-se, var(--_ctm-dn-by-nw-hr-se-in-se))
+                    );
+
+                    path {
+                      stroke: var(
+                        --_ctm-mob-dn-by-nw-hr-se-in-c1,
+                        var(--_ctm-tab-dn-by-nw-hr-se-in-c1, var(--_ctm-dn-by-nw-hr-se-in-c1))
+                      );
+                    }
+                  }
+                }
+                .btn__with__text {
+                  border: none;
+                  background-color: transparent;
+                  color: var(
+                    --_ctm-mob-dn-by-nw-hr-se-cr,
+                    var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))
+                  );
+                  font-family: var(
+                    --_ctm-mob-dn-by-nw-hr-se-ft-fy,
+                    var(--_ctm-tab-dn-by-nw-hr-se-ft-fy, var(--_ctm-dn-by-nw-hr-se-ft-fy))
+                  );
+                  font-size: var(
+                    --_ctm-mob-dn-by-nw-hr-se-ft-se,
+                    var(--_ctm-tab-dn-by-nw-hr-se-ft-se, var(--_ctm-dn-by-nw-hr-se-ft-se))
+                  );
+                  font-weight: var(
+                    --_ctm-mob-dn-by-nw-hr-se-ft-wt,
+                    var(--_ctm-tab-dn-by-nw-hr-se-ft-wt, var(--_ctm-dn-by-nw-hr-se-ft-wt))
+                  );
+                  font-style: var(
+                    --_ctm-mob-dn-by-nw-hr-se-ft-se-ic,
+                    var(--_ctm-tab-dn-by-nw-hr-se-ft-se-ic, var(--_ctm-dn-by-nw-hr-se-ft-se-ic))
+                  );
+                  text-align: var(
+                    --_ctm-mob-dn-by-nw-hr-se-tt-an,
+                    var(--_ctm-tab-dn-by-nw-hr-se-tt-an, var(--_ctm-dn-by-nw-hr-se-tt-an))
+                  );
+                  letter-spacing: var(
+                    --_ctm-mob-dn-by-nw-hr-se-lr-sg,
+                    var(--_ctm-tab-dn-by-nw-hr-se-lr-sg, var(--_ctm-dn-by-nw-hr-se-lr-sg))
+                  );
+                  line-height: var(
+                    --_ctm-mob-dn-by-nw-hr-se-le-ht,
+                    var(--_ctm-tab-dn-by-nw-hr-se-le-ht, var(--_ctm-dn-by-nw-hr-se-le-ht))
+                  );
+                  text-decoration: var(
+                    --_ctm-mob-dn-by-nw-hr-se-ue,
+                    var(--_ctm-tab-dn-by-nw-hr-se-ue, var(--_ctm-dn-by-nw-hr-se-ue))
+                  );
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // &[data-view-state="full"] {
+    //   width: auto;
+    //   margin: 0;
+    //   justify-self: stretch !important;
+    //   align-self: stretch !important;
+    //   cursor: auto;
+
+    //   & > div {
+    //     &[data-div-type="wrapper__layer"] {
+    //       --_sf-vt-zz: visible;
+    //       --_sf-op-zz: 1;
+    //     }
+    //   }
+    // }
+  }
+}

package/dist/repeater-embla-controls.scss

@@ -35,7 +35,9 @@
         //   --_ctm-mob-rep-lt-aw-in-se,
         //   var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
         // );
-        min-height: var(-_sf-ic-sz-nn);
+        // Was `var(-_sf-ic-sz-nn)` — one dash short, so the declaration was dropped and
+        // the type-3 control bar had no reserved height.
+        min-height: var(--_sf-ic-sz-nn);
         --_sf-t3-lt-vl-v2: var(--_sf-rp-ct-t3-left-vl, 50%);
         --_sf-t3-bt-bl-v2: var(--_sf-rp-ct-t3-bottom-vl, 20px);
         --_sf-t3-tr-bl-v2: var(--_sf-rp-ct-t3-transform-vl, translateX(-50%));
@@ -108,6 +110,12 @@
         display: flex;
         justify-content: center;
         align-items: center;
+
+        // Overrides the stroke hardcoded in the chevron icon markup. Lower specificity
+        // than the :hover rule above, so hover still wins with the active colour.
+        path {
+          stroke: var(--_sf-sl-ct-aw-in-cl, #667085);
+        }
       }
       display: flex;
       justify-content: center;