@phillips/seldon 1.72.0 → 1.72.2

package/dist/components/Carousel/CarouselDots.js

@@ -1,19 +1,19 @@
 import { jsx as c } from "react/jsx-runtime";
 import d from "../../node_modules/classnames/index.js";
 import { forwardRef as D, useId as P, useState as S, useCallback as f, useEffect as V } from "react";
-import { useCarousel as _ } from "./utils.js";
-import { getCommonProps as j } from "../../utils/index.js";
-const w = D(
-  ({ className: $, maxDots: l = 7, position: h = "inline", numberOfSlides: N = 0, ...u }, b) => {
-    const { className: s, ...C } = j(u, "Carousel"), M = P(), { api: e, onSlideChange: n } = _(), [g, v] = S(0), [i, k] = S(
+import { useCarousel as j } from "./utils.js";
+import { getCommonProps as w } from "../../utils/index.js";
+const A = D(
+  ({ className: $, maxDots: i = 7, position: h = "inline", numberOfSlides: N = 0, ...u }, b) => {
+    const { className: s, ...C } = w(u, "Carousel"), M = P(), { api: e, onSlideChange: n } = j(), [g, v] = S(0), [l, x] = S(
       Array.from({ length: N }, (t, o) => o)
-    ), x = f(
+    ), k = f(
       (t) => {
         e && (e.scrollTo(t, !0), n == null || n(t));
       },
       [e, n]
     ), p = f((t) => {
-      k(t.scrollSnapList());
+      x(t.scrollSnapList());
     }, []), a = f((t) => {
       v(t.selectedScrollSnap());
     }, []), m = f(
@@ -29,11 +29,11 @@ const w = D(
         };
     }, [e, p, a, m]);
     const I = (() => {
-      if (i.length <= l) return i;
-      const t = Math.floor(l / 2);
+      if (l.length <= i) return l;
+      const t = Math.floor(i / 2);
       let o = Math.max(0, g - t);
-      const r = Math.min(i.length, o + l);
-      return r - o < l && (o = Math.max(0, r - l)), i.slice(o, r);
+      const r = Math.min(l.length, o + i);
+      return r - o < i && (o = Math.max(0, r - i)), l.slice(o, r);
     })();
     return /* @__PURE__ */ c(
       "div",
@@ -46,12 +46,12 @@ const w = D(
         ...u,
         ...C,
         children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: I.map((t, o) => {
-          const r = i.indexOf(I[o]), y = g === r;
+          const r = l.indexOf(I[o]), y = g === r;
           return /* @__PURE__ */ c(
             "button",
             {
               role: "button",
-              onClick: () => x(r),
+              onClick: () => k(r),
               className: d(`${s}-pagination-dot-container`),
               children: /* @__PURE__ */ c(
                 "span",
@@ -62,14 +62,14 @@ const w = D(
                 }
               )
             },
-            `${M}-dot-${o}`
+            `${M}-dot-${t}`
           );
         }) }) })
       }
     );
   }
 );
-w.displayName = "CarouselDots";
+A.displayName = "CarouselDots";
 export {
-  w as default
+  A as default
 };

package/dist/index.js

@@ -1,12 +1,12 @@
-import { PaddingTokens as f, SpacingTokens as l, defaultYear as p, emailValidation as s, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as l, defaultYear as m, emailValidation as p, encodeURLSearchParams as s, findChildrenExcludingTypes as d, findChildrenOfType as i, generatePaddingClassName as u, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
 import { default as P } from "./components/Button/Button.js";
 import { ButtonVariants as T } from "./components/Button/types.js";
 import { default as b } from "./components/IconButton/IconButton.js";
-import { default as B } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as A } from "./site-furniture/Footer/Footer.js";
-import { Grid as v } from "./components/Grid/Grid.js";
-import { default as y } from "./site-furniture/Header/Header.js";
+import { default as A } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as h } from "./site-furniture/Footer/Footer.js";
+import { Grid as N } from "./components/Grid/Grid.js";
+import { default as w } from "./site-furniture/Header/Header.js";
 import { default as G } from "./components/Navigation/Navigation.js";
 import { default as H } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as O } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
@@ -18,22 +18,22 @@ import { LinkVariants as J } from "./components/Link/types.js";
 import { default as Q } from "./components/LinkBlock/LinkBlock.js";
 import { default as _ } from "./components/LinkList/LinkList.js";
 import { default as ee } from "./components/Row/Row.js";
-import { default as re } from "./components/GridItem/GridItem.js";
+import { default as te } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as ae } from "./components/GridItem/types.js";
 import { default as le } from "./components/Search/Search.js";
-import { default as se } from "./components/Select/Select.js";
+import { default as pe } from "./components/Select/Select.js";
 import { default as de } from "./components/SplitPanel/SplitPanel.js";
-import { default as ie } from "./patterns/Subscribe/Subscribe.js";
+import { default as ue } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as ne } from "./patterns/Subscribe/types.js";
 import { default as ce } from "./patterns/Social/Social.js";
 import { default as Ce } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Pe } from "./components/Modal/Modal.js";
 import { default as Te } from "./components/Drawer/Drawer.js";
 import { default as be } from "./components/Pagination/Pagination.js";
-import { default as Be } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Ae } from "./components/Text/types.js";
-import { default as ve } from "./components/Text/Text.js";
-import { TextSymbolVariants as ye } from "./components/TextSymbol/types.js";
+import { default as Ae } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as he } from "./components/Text/types.js";
+import { default as Ne } from "./components/Text/Text.js";
+import { TextSymbolVariants as we } from "./components/TextSymbol/types.js";
 import { default as Ge } from "./components/TextSymbol/TextSymbol.js";
 import { default as He } from "./components/Accordion/Accordion.js";
 import { default as Oe } from "./components/Accordion/AccordionItem.js";
@@ -48,19 +48,20 @@ import "react";
 import { default as Xe } from "./components/Dropdown/Dropdown.js";
 import { default as $e } from "./components/Video/Video.js";
 import { default as oo } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as to } from "./components/ContentPeek/ContentPeek.js";
+import { default as ro } from "./components/ContentPeek/ContentPeek.js";
 import { default as fo } from "./components/Collapsible/Collapsible.js";
-import { default as po } from "./components/Collapsible/CollapsibleContent.js";
-import { default as mo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as io } from "./providers/SeldonProvider.js";
+import { default as mo } from "./components/Collapsible/CollapsibleContent.js";
+import { default as so } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as uo } from "./providers/SeldonProvider.js";
 import { default as no } from "./components/PageContentWrapper/PageContentWrapper.js";
 import { default as co } from "./components/Carousel/Carousel.js";
 import { default as Co } from "./components/Carousel/CarouselContent.js";
 import { default as Po } from "./components/Carousel/CarouselItem.js";
 import { default as To } from "./components/Carousel/CarouselDots.js";
 import { default as bo } from "./components/Detail/Detail.js";
-import { default as Bo } from "./patterns/DetailList/DetailList.js";
-import { default as Ao } from "./components/PinchZoom/PinchZoom.js";
+import { default as Ao } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as ho } from "./patterns/DetailList/types.js";
+import { default as No } from "./components/PinchZoom/PinchZoom.js";
 export {
   He as Accordion,
   Oe as AccordionItem,
@@ -75,19 +76,20 @@ export {
   To as CarouselDots,
   Po as CarouselItem,
   fo as Collapsible,
-  po as CollapsibleContent,
-  mo as CollapsibleTrigger,
-  to as ContentPeek,
+  mo as CollapsibleContent,
+  so as CollapsibleTrigger,
+  ro as ContentPeek,
   bo as Detail,
-  Bo as DetailList,
+  Ao as DetailList,
+  ho as DetailListAlignment,
   Te as Drawer,
   Xe as Dropdown,
-  B as ErrorBoundary,
-  A as Footer,
-  v as Grid,
-  re as GridItem,
+  A as ErrorBoundary,
+  h as Footer,
+  N as Grid,
+  te as GridItem,
   ae as GridItemAlign,
-  y as Header,
+  w as Header,
   F as HeroBanner,
   b as IconButton,
   Y as Input,
@@ -105,31 +107,31 @@ export {
   C as Page,
   no as PageContentWrapper,
   be as Pagination,
-  Ao as PinchZoom,
+  No as PinchZoom,
   ee as Row,
   le as Search,
-  io as SeldonProvider,
-  se as Select,
+  uo as SeldonProvider,
+  pe as Select,
   ce as Social,
   l as SpacingTokens,
   de as SplitPanel,
-  Be as StatefulViewingsList,
-  ie as Subscribe,
+  Ae as StatefulViewingsList,
+  ue as Subscribe,
   ne as SubscriptionState,
   qe as SupportedLanguages,
-  ve as Text,
-  ye as TextSymbolVariants,
+  Ne as Text,
+  we as TextSymbolVariants,
   Ge as TextSymbols,
-  Ae as TextVariants,
+  he as TextVariants,
   We as UserManagement,
   $e as Video,
   Ce as ViewingsList,
-  p as defaultYear,
-  s as emailValidation,
-  m as encodeURLSearchParams,
+  m as defaultYear,
+  p as emailValidation,
+  s as encodeURLSearchParams,
   d as findChildrenExcludingTypes,
-  u as findChildrenOfType,
-  i as generatePaddingClassName,
+  i as findChildrenOfType,
+  u as generatePaddingClassName,
   x as getCommonProps,
   n as noOp,
   g as px,

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index6.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index5.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/patterns/DetailList/index.d.ts

@@ -1 +1,2 @@
 export { default as DetailList, type DetailListProps } from './DetailList';
+export { DetailListAlignment } from './types';

package/dist/scss/_utils.scss

@@ -83,8 +83,7 @@
 }
 
 @mixin media($breakpoint, $type: 'min') {
-  @if $breakpoint == $size-sm {
-    // $breakpoint-sm: 360px;
+  @if $breakpoint == $size-sm or $breakpoint == $breakpoint-sm {
     @if $type == 'min' {
       @media (min-width: $breakpoint-sm) {
         @content;
@@ -98,7 +97,7 @@
     }
   }
 
-  @if $breakpoint == $size-md {
+  @if $breakpoint == $size-md or $breakpoint == $breakpoint-md {
     // $breakpoint-md: 961px;
     @if $type == 'min' {
       @media (min-width: $breakpoint-md) {
@@ -113,7 +112,7 @@
     }
   }
 
-  @if $breakpoint == $size-lg {
+  @if $breakpoint == $size-lg or $breakpoint == $breakpoint-lg {
     // $breakpoint-lg: 1401px;
 
     @if $type == 'min' {
@@ -129,7 +128,7 @@
     }
   }
 
-  @if $breakpoint == $size-xl {
+  @if $breakpoint == $size-xl or $breakpoint == $breakpoint-xl {
     // $breakpoint-xl: 1801px;
     @if $type == 'min' {
       @media (min-width: $breakpoint-xl) {

package/dist/scss/components/Accordion/_accordion.scss

@@ -92,21 +92,21 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  opacity: 0.75;
 
   &--hoverable {
     cursor: pointer;
 
-    &:hover {
-      opacity: 1;
+    &:hover,
+    &:focus-visible {
+      opacity: 0.75;
     }
   }
 
   &__text {
     flex: auto;
+    font-variation-settings: 'wght' 600;
 
-    @include text($body2);
-    @include DistinctDisplay;
+    @include text($string2);
   }
 
   &__text--lg {
@@ -115,15 +115,41 @@
 
   &__icon {
     flex: initial;
-    height: 1.5rem;
+    height: 0.875rem;
     width: 1.5rem;
   }
 
   &__icon--lg {
-    height: 2rem;
+    height: 1.5rem;
     width: 2rem;
   }
 
+  @include media($breakpoint-md) {
+    &__icon {
+      flex: initial;
+      height: 1rem;
+      width: 1.5rem;
+    }
+
+    &__icon--lg {
+      height: 1.5rem;
+      width: 2rem;
+    }
+  }
+
+  @include media($breakpoint-xl) {
+    &__icon {
+      flex: initial;
+      height: 1.25rem;
+      width: 1.75rem;
+    }
+
+    &__icon--lg {
+      height: 2rem;
+      width: 3rem;
+    }
+  }
+
   &--blue-fill {
     filter: brightness(0) saturate(100%) invert(51%) sepia(72%) saturate(1698%) hue-rotate(191deg) brightness(95%)
       contrast(86%);

package/dist/scss/site-furniture/Header/_header.scss

@@ -178,4 +178,10 @@
       width: 100%;
     }
   }
+
+  .#{$px}-accordion-item-label__icon {
+    // slightly larger in header mobile than default
+    height: 1rem;
+    width: 1.5rem;
+  }
 }

package/package.json

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