@phillips/seldon 1.122.0 → 1.122.2

package/dist/components/Carousel/CarouselDots.js

@@ -4,14 +4,13 @@ import { forwardRef as G, useId as L, useState as S, useRef as M, useCallback as
 import { useCarousel as A } from "./utils.js";
 import { getCommonProps as F } from "../../utils/index.js";
 import { CarouselDot as H } from "./CarouselDot.js";
-const $ = 10, w = 10, J = 11, K = G(
-  ({ className: N, maxDots: h = 9, position: v = "inline", numberOfSlides: V = 0, ...C }, b) => {
-    const { className: c, ...k } = F(C, "CarouselDots"), y = L(), { api: t, onSlideChange: a } = A(), [R, T] = S(0), [i, O] = S(
+const h = 10, C = 12, J = (h + C) / 2, K = G(
+  ({ className: N, maxDots: I = 9, position: v = "inline", numberOfSlides: V = 0, ...g }, b) => {
+    const { className: c, ...k } = F(g, "CarouselDots"), y = L(), { api: t, onSlideChange: a } = A(), [R, T] = S(0), [i, O] = S(
       Array.from({ length: V }, (e, o) => o)
-    ), r = M(null), [I, g] = S([]), D = l((e) => {
+    ), r = M(null), [D, $] = S([]), w = l((e) => {
       r.current && r.current.scrollTo?.({
-        // 8px width + 12px gap
-        left: e * ($ + w) - r.current.offsetWidth / 2 + J,
+        left: e * (h + C) - r.current.offsetWidth / 2 + J,
         // Center dot in container
         behavior: "smooth"
       });
@@ -24,9 +23,9 @@ const $ = 10, w = 10, J = 11, K = G(
       O(e.scrollSnapList());
     }, []), n = l(
       (e) => {
-        T(e.selectedScrollSnap()), D(e.selectedScrollSnap());
+        T(e.selectedScrollSnap()), w(e.selectedScrollSnap());
       },
-      [D]
+      [w]
     ), u = l(
       (e) => {
         a?.(e.selectedScrollSnap());
@@ -39,7 +38,7 @@ const $ = 10, w = 10, J = 11, K = G(
           t.off("reInit", f).off("reInit", n).off("select", n).off("settle", u);
         };
     }, [t, f, n, u]);
-    const s = z(() => I.sort((e, o) => e - o), [I]);
+    const s = z(() => D.sort((e, o) => e - o), [D]);
     return /* @__PURE__ */ m(
       "div",
       {
@@ -48,12 +47,12 @@ const $ = 10, w = 10, J = 11, K = G(
         "aria-roledescription": "pagination",
         "aria-label": "pagination",
         className: E(`${c}`, N, `${c}-${v}`),
-        ...C,
+        ...g,
         ...k,
         children: /* @__PURE__ */ m("div", { className: `${c}-container`, children: /* @__PURE__ */ m(
           "div",
           {
-            style: { "--max-width": `${h * $ + (h - 1) * w}px` },
+            style: { "--max-width": `${I * h + (I - 1) * C + 2}px` },
             className: `${c}-container-inner`,
             ref: r,
             children: i.map((e, o) => {
@@ -71,7 +70,7 @@ const $ = 10, w = 10, J = 11, K = G(
                   isSelected: W,
                   scrollableContainerRef: r,
                   onInViewChange: (j) => {
-                    g(j ? (p) => [...p, o] : (p) => p.filter((B) => B !== o));
+                    $(j ? (p) => [...p, o] : (p) => p.filter((B) => B !== o));
                   },
                   variant: _ ? "sm" : "md"
                 },

package/dist/scss/components/Carousel/_carousel.scss

@@ -93,7 +93,6 @@
   &-dots {
     align-items: center;
     display: flex;
-    gap: 12px;
     justify-content: center;
     margin-top: 1rem;
 
@@ -120,14 +119,14 @@
     &-container-inner {
       align-items: center;
       display: flex;
-      gap: 10px;
+      gap: 12px;
       max-width: var(--max-width);
       overflow: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: none; /* Internet Explorer 10+ */
+      padding: 1px 2px;
       scroll-snap-type: x mandatory;
       scrollbar-width: none; /* Firefox */
-
       &::-webkit-scrollbar {
         display: none; /* Safari and Chrome */
       }
@@ -139,7 +138,6 @@
     display: flex;
     height: 10px;
     justify-content: center;
-    margin: 2px;
     min-width: 10px;
     padding: 1px;
     scroll-snap-align: center;

package/dist/scss/components/Countdown/_countdown.scss

@@ -7,7 +7,6 @@
   border-bottom: none;
   display: flex;
   flex-direction: column;
-  gap: $spacing-micro;
   justify-content: center;
   margin-bottom: 0;
   padding-bottom: $spacing-sm;

package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss

@@ -6,6 +6,14 @@
   flex-direction: column;
   margin-bottom: $spacing-md;
 
+  .fresnel-container {
+    width: 100%;
+  }
+
+  .#{$px}-countdown {
+    padding-top: var(--spacing-sm);
+  }
+
   @include media($size-md, $type: 'min') {
     flex-direction: row-reverse;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.122.0",
+  "version": "1.122.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"