@phillips/seldon 1.116.0 → 1.117.0

package/dist/assets/CarouselArrowNext.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 32, viewBox: "0 0 16 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { id: "Chevron Vector", d: "M1.58325 1.08191L14.4166 15.7486L1.58325 30.4152", stroke: "black", strokeWidth: 2 }));
+export {
+  o as default
+};

package/dist/assets/CarouselArrowPrev.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 32, viewBox: "0 0 16 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { id: "Chevron Vector", d: "M14.4167 1.08191L1.58337 15.7486L14.4167 30.4152", stroke: "black", strokeWidth: 2 }));
+export {
+  r as default
+};

package/dist/assets/icons.d.ts

@@ -2,6 +2,8 @@ export { default as AccountCircle } from './account_circle.svg?react';
 export { default as ArrowPrev } from './arrowPrev.svg?react';
 export { default as Calendar } from './calendar.svg?react';
 export { default as CalendarAlt } from './calendarAlt.svg?react';
+export { default as CarouselArrowNext } from './CarouselArrowNext.svg?react';
+export { default as CarouselArrowPrev } from './CarouselArrowPrev.svg?react';
 export { default as Checkmark } from './checkmark.svg?react';
 export { default as ChevronDown } from './chevronDown.svg?react';
 export { default as ChevronNext } from './chevronNext.svg?react';

package/dist/components/Carousel/Carousel.d.ts

@@ -27,6 +27,10 @@ export interface CarouselProps extends ComponentProps<'div'> {
      * Whether the carousel should disable dragging.
      */
     disableDrag?: boolean;
+    /**
+     *  The threshold for slides to be considered in view. A value of 0.1 means that 10% of the slide must be in view for it to be considered in view.
+     */
+    inViewThreshold?: number;
 }
 type CarouselContextProps = {
     carouselRef: ReturnType<typeof useEmblaCarousel>[0];

package/dist/components/Carousel/Carousel.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createContext as h, forwardRef as k, useEffect as u, useCallback as i } from "react";
+import { createContext as b, forwardRef as h, useEffect as u, useCallback as i } from "react";
 import { getCommonProps as A } from "../../utils/index.js";
 import R from "../../node_modules/classnames/index.js";
-import b from "../../node_modules/embla-carousel-class-names/esm/embla-carousel-class-names.esm.js";
-import E from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
-import { WheelGesturesPlugin as K } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
-const W = h(null), j = k(
+import E from "../../node_modules/embla-carousel-class-names/esm/embla-carousel-class-names.esm.js";
+import K from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
+import { WheelGesturesPlugin as W } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
+const j = b(null), p = h(
   ({
     loop: w = !1,
     startIndex: x = 0,
@@ -15,22 +15,24 @@ const W = h(null), j = k(
     columnGap: v,
     useWheelGestures: P = !1,
     disableDrag: l = !1,
+    inViewThreshold: I = 0.99,
     ...t
-  }, I) => {
+  }, C) => {
     var c, f;
-    const { className: C, ...y } = A(t, "Carousel"), [D, e] = E(
+    const { className: D, ...y } = A(t, "Carousel"), [k, e] = K(
       {
         loop: w,
         startIndex: x,
-        inViewThreshold: 0.99
+        inViewThreshold: I,
+        breakpoints: { "(min-width: 961px)": { watchDrag: !1 } }
       },
       [
         ...P ? [
-          K({
+          W({
             forceWheelAxis: "x"
           })
         ] : [],
-        b({
+        E({
           snapped: "carousel-item-in-view"
         })
       ]
@@ -49,11 +51,11 @@ const W = h(null), j = k(
       [e]
     ), o = i(
       (r) => {
-        var a;
+        var n;
         if (!r)
           return;
-        const n = (a = r.slidesInView()) == null ? void 0 : a[0];
-        n !== void 0 && (s == null || s(n));
+        const a = (n = r.slidesInView()) == null ? void 0 : n[0];
+        a !== void 0 && (s == null || s(a));
       },
       [s]
     );
@@ -63,10 +65,10 @@ const W = h(null), j = k(
           e.off("slidesInView", o);
         };
     }, [e, o]), /* @__PURE__ */ m(
-      W.Provider,
+      j.Provider,
       {
         value: {
-          carouselRef: D,
+          carouselRef: k,
           api: e,
           scrollPrev: () => e == null ? void 0 : e.scrollPrev(),
           scrollNext: () => e == null ? void 0 : e.scrollNext(),
@@ -78,9 +80,9 @@ const W = h(null), j = k(
         children: /* @__PURE__ */ m(
           "div",
           {
-            ref: I,
+            ref: C,
             onKeyDownCapture: V,
-            className: R(C, d),
+            className: R(D, d),
             role: "region",
             "aria-roledescription": "carousel",
             ...t,
@@ -92,8 +94,8 @@ const W = h(null), j = k(
     );
   }
 );
-j.displayName = "Carousel";
+p.displayName = "Carousel";
 export {
-  W as CarouselContext,
-  j as default
+  j as CarouselContext,
+  p as default
 };

package/dist/components/Carousel/Carousel.stories.d.ts

@@ -10,6 +10,11 @@ export declare const Playground: {
     args: {};
     argTypes: {};
 };
+export declare const CarouselWithArrows: {
+    (props: CarouselProps): import("react/jsx-runtime").JSX.Element;
+    args: {};
+    argTypes: {};
+};
 export declare const CarouselWithDots: {
     (props: CarouselProps & CarouselDotsProps): import("react/jsx-runtime").JSX.Element;
     args: {
@@ -19,6 +24,13 @@ export declare const CarouselWithDots: {
     };
     argTypes: {};
 };
+export declare const CarouselWithDotsAndArrows: {
+    (props: CarouselProps & CarouselDotsProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        maxDots: number;
+    };
+    argTypes: {};
+};
 export declare const CarouselWithDotsOverflow: {
     (props: CarouselProps & CarouselDotsProps): import("react/jsx-runtime").JSX.Element;
     args: {

package/dist/components/Carousel/CarouselArrows.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+export type CarouselArrowsProps = ComponentProps<'div'>;
+/**
+ * ## Overview
+ *
+ * Arrow naivigation for the carousel.
+ *
+ */
+declare const CarouselArrows: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default CarouselArrows;

package/dist/components/Carousel/CarouselArrows.js

@@ -0,0 +1,32 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import u from "../../node_modules/classnames/index.js";
+import { forwardRef as p, useCallback as a } from "react";
+import { getCommonProps as C } from "../../utils/index.js";
+import { useCarousel as d } from "./utils.js";
+import f from "../../assets/CarouselArrowNext.svg.js";
+import v from "../../assets/CarouselArrowPrev.svg.js";
+const N = p(({ className: t, ...s }, l) => {
+  const { className: e, ...n } = C(s, "CarouselArrows"), { api: r } = d(), i = a(() => {
+    r && r.scrollPrev(!0);
+  }, [r]), c = a(() => {
+    r && r.scrollNext(!0);
+  }, [r]);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: l,
+      "aria-roledescription": "carousel-arrow-navigation",
+      className: u(`${e}`, t),
+      ...s,
+      ...n,
+      children: [
+        /* @__PURE__ */ o("button", { className: `${e}-prev-btn`, onClick: () => i(), children: /* @__PURE__ */ o("div", { className: `${e}-prev-btn__icon`, children: /* @__PURE__ */ o(v, {}) }) }),
+        /* @__PURE__ */ o("button", { className: `${e}-next-btn`, onClick: () => c(), children: /* @__PURE__ */ o("div", { className: `${e}-next-btn__icon`, children: /* @__PURE__ */ o(f, {}) }) })
+      ]
+    }
+  );
+});
+N.displayName = "CarouselArrows";
+export {
+  N as default
+};

package/dist/components/Carousel/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Carousel, type CarouselProps, type CarouselApi } from './Carousel';
+export { default as CarouselArrows, type CarouselArrowsProps } from './CarouselArrows';
 export { default as CarouselContent, type CarouselContentProps } from './CarouselContent';
 export { default as CarouselItem, type CarouselItemProps } from './CarouselItem';
 export { default as CarouselDots, type CarouselDotsProps } from './CarouselDots';

package/dist/index.js

@@ -1,233 +1,239 @@
 import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
 import { default as L } from "./assets/arrowPrev.svg.js";
-import { default as T } from "./assets/calendar.svg.js";
-import { default as b } from "./assets/calendarAlt.svg.js";
-import { default as A } from "./assets/checkmark.svg.js";
-import { default as V } from "./assets/chevronDown.svg.js";
-import { default as w } from "./assets/chevronNext.svg.js";
-import { default as y } from "./assets/chevronRight.svg.js";
-import { default as D } from "./assets/close.svg.js";
-import { default as N } from "./assets/favorite.svg.js";
-import { default as G } from "./assets/favoriteOutline.svg.js";
-import { default as U } from "./assets/icon-footer-facebook.svg.js";
-import { default as W } from "./assets/icon-footer-instagram.svg.js";
-import { default as Y } from "./assets/icon-footer-linkedin.svg.js";
-import { default as z } from "./assets/icon-footer-red.svg.js";
-import { default as q } from "./assets/icon-footer-wechat.svg.js";
-import { default as K } from "./assets/instagram.svg.js";
-import { default as _ } from "./assets/lock.svg.js";
-import { default as ee } from "./assets/minus.svg.js";
-import { default as oe } from "./assets/PhillipsLogo.svg.js";
-import { default as ae } from "./assets/plus.svg.js";
-import { default as se } from "./assets/react.svg.js";
+import { default as A } from "./assets/calendar.svg.js";
+import { default as I } from "./assets/calendarAlt.svg.js";
+import { default as k } from "./assets/CarouselArrowNext.svg.js";
+import { default as B } from "./assets/CarouselArrowPrev.svg.js";
+import { default as v } from "./assets/checkmark.svg.js";
+import { default as y } from "./assets/chevronDown.svg.js";
+import { default as N } from "./assets/chevronNext.svg.js";
+import { default as H } from "./assets/chevronRight.svg.js";
+import { default as G } from "./assets/close.svg.js";
+import { default as U } from "./assets/favorite.svg.js";
+import { default as W } from "./assets/favoriteOutline.svg.js";
+import { default as Y } from "./assets/icon-footer-facebook.svg.js";
+import { default as z } from "./assets/icon-footer-instagram.svg.js";
+import { default as q } from "./assets/icon-footer-linkedin.svg.js";
+import { default as K } from "./assets/icon-footer-red.svg.js";
+import { default as _ } from "./assets/icon-footer-wechat.svg.js";
+import { default as ee } from "./assets/instagram.svg.js";
+import { default as re } from "./assets/lock.svg.js";
+import { default as ae } from "./assets/minus.svg.js";
+import { default as se } from "./assets/PhillipsLogo.svg.js";
+import { default as de } from "./assets/plus.svg.js";
+import { default as pe } from "./assets/react.svg.js";
 import "react";
-import { default as de } from "./assets/share.svg.js";
-import { default as pe } from "./assets/spotify.svg.js";
-import { default as xe } from "./assets/wechat.svg.js";
-import { default as ne } from "./assets/youtube.svg.js";
-import { default as ce } from "./assets/icon-green-circle.svg.js";
-import { default as Se } from "./assets/icon-red-circle.svg.js";
-import { default as Le } from "./pages/Page.js";
-import { usePendingState as Te } from "./utils/hooks.js";
-import { SSRMediaQuery as be, ssrMediaQueryStyle as ke } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as Be, LotStatus as Ve, SupportedLanguages as ve } from "./types/commonTypes.js";
-import { default as Fe } from "./components/Button/Button.js";
-import { ButtonVariants as Me } from "./components/Button/types.js";
-import { default as He } from "./components/IconButton/IconButton.js";
-import { default as Re } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as Oe } from "./site-furniture/Footer/Footer.js";
-import { Grid as Ee } from "./components/Grid/Grid.js";
-import { default as Qe } from "./site-furniture/Header/Header.js";
-import { default as je } from "./components/Navigation/Navigation.js";
-import { default as Ze } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Je } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as Xe } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as $e } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as tt } from "./components/Input/Input.js";
-import { default as rt } from "./components/Link/Link.js";
-import { LinkVariants as ft } from "./components/Link/types.js";
-import { default as lt } from "./components/LinkBlock/LinkBlock.js";
-import { default as mt } from "./components/LinkList/LinkList.js";
-import { default as ut } from "./components/Row/Row.js";
-import { default as it } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as gt } from "./components/GridItem/types.js";
-import { default as Ct } from "./components/Search/Search.js";
-import { default as ht } from "./components/Select/Select.js";
-import { SelectVariants as Pt } from "./components/Select/types.js";
-import { default as It } from "./components/SplitPanel/SplitPanel.js";
-import { default as kt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Bt } from "./patterns/Subscribe/types.js";
-import { default as vt } from "./patterns/Social/Social.js";
-import { default as Ft } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Mt } from "./components/Modal/Modal.js";
-import { default as Ht } from "./components/Drawer/Drawer.js";
-import { default as Rt } from "./components/Pagination/Pagination.js";
-import { Tag as Ot, default as Ut } from "./components/Tags/Tags.js";
-import { default as Wt } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextAlignments as Yt, TextVariants as jt } from "./components/Text/types.js";
-import { default as Zt } from "./components/Text/Text.js";
-import { TextSymbolVariants as Jt } from "./components/TextSymbol/types.js";
-import { default as Xt } from "./components/TextSymbol/TextSymbol.js";
-import { default as $t } from "./components/Accordion/Accordion.js";
-import { default as to } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as ro, AccordionVariants as ao } from "./components/Accordion/types.js";
-import { default as so } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as mo } from "./patterns/UserManagement/types.js";
-import { default as uo } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as xe } from "./assets/share.svg.js";
+import { default as ne } from "./assets/spotify.svg.js";
+import { default as ce } from "./assets/wechat.svg.js";
+import { default as Se } from "./assets/youtube.svg.js";
+import { default as Le } from "./assets/icon-green-circle.svg.js";
+import { default as Ae } from "./assets/icon-red-circle.svg.js";
+import { default as Ie } from "./pages/Page.js";
+import { usePendingState as ke } from "./utils/hooks.js";
+import { SSRMediaQuery as Be, ssrMediaQueryStyle as Ve } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as Fe, LotStatus as ye, SupportedLanguages as Me } from "./types/commonTypes.js";
+import { default as De } from "./components/Button/Button.js";
+import { ButtonVariants as Re } from "./components/Button/types.js";
+import { default as Oe } from "./components/IconButton/IconButton.js";
+import { default as Ee } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as Qe } from "./site-furniture/Footer/Footer.js";
+import { Grid as je } from "./components/Grid/Grid.js";
+import { default as Ze } from "./site-furniture/Header/Header.js";
+import { default as Je } from "./components/Navigation/Navigation.js";
+import { default as Xe } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as $e } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as tt } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as ot } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as ft } from "./components/Input/Input.js";
+import { default as lt } from "./components/Link/Link.js";
+import { LinkVariants as mt } from "./components/Link/types.js";
+import { default as ut } from "./components/LinkBlock/LinkBlock.js";
+import { default as it } from "./components/LinkList/LinkList.js";
+import { default as gt } from "./components/Row/Row.js";
+import { default as Ct } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as ht } from "./components/GridItem/types.js";
+import { default as Pt } from "./components/Search/Search.js";
+import { default as Tt } from "./components/Select/Select.js";
+import { SelectVariants as bt } from "./components/Select/types.js";
+import { default as wt } from "./components/SplitPanel/SplitPanel.js";
+import { default as Vt } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Ft } from "./patterns/Subscribe/types.js";
+import { default as Mt } from "./patterns/Social/Social.js";
+import { default as Dt } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Rt } from "./components/Modal/Modal.js";
+import { default as Ot } from "./components/Drawer/Drawer.js";
+import { default as Et } from "./components/Pagination/Pagination.js";
+import { Tag as Qt, default as Yt } from "./components/Tags/Tags.js";
+import { default as zt } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextAlignments as qt, TextVariants as Jt } from "./components/Text/types.js";
+import { default as Xt } from "./components/Text/Text.js";
+import { TextSymbolVariants as $t } from "./components/TextSymbol/types.js";
+import { default as tr } from "./components/TextSymbol/TextSymbol.js";
+import { default as or } from "./components/Accordion/Accordion.js";
+import { default as fr } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as lr, AccordionVariants as dr } from "./components/Accordion/types.js";
+import { default as pr } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as xr } from "./patterns/UserManagement/types.js";
+import { default as nr } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as io } from "./components/Dropdown/Dropdown.js";
-import { default as go } from "./components/Video/Video.js";
-import { default as Co } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as ho } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as Po } from "./components/ContentPeek/utils.js";
-import { default as Io } from "./components/Collapsible/Collapsible.js";
-import { default as ko } from "./components/Collapsible/CollapsibleContent.js";
-import { default as Bo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as vo } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Fo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Mo } from "./components/Carousel/Carousel.js";
-import { default as Ho } from "./components/Carousel/CarouselContent.js";
-import { default as Ro } from "./components/Carousel/CarouselItem.js";
-import { default as Oo } from "./components/Carousel/CarouselDots.js";
-import { default as Eo } from "./components/Detail/Detail.js";
-import { default as Qo } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as jo } from "./patterns/DetailList/types.js";
-import { default as Zo } from "./components/PinchZoom/PinchZoom.js";
-import { default as Jo } from "./components/Tabs/TabsContainer.js";
-import { default as Xo } from "./components/Tabs/TabsContent.js";
-import { default as $o } from "./components/SeldonImage/SeldonImage.js";
-import { default as tr } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as rr } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as fr } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as lr } from "./components/Filter/Filter.js";
-import { default as mr } from "./components/Filter/FilterInput.js";
-import { default as ur } from "./components/Filter/FilterHeader.js";
-import { default as ir } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as gr } from "./components/Countdown/types.js";
-import { default as Cr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as hr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Pr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Ir, BidStatusEnum as br } from "./patterns/BidSnapshot/types.js";
-import { default as Ar } from "./components/Article/Article.js";
+import { default as cr } from "./components/Dropdown/Dropdown.js";
+import { default as Sr } from "./components/Video/Video.js";
+import { default as Lr } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Ar } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as Ir } from "./components/ContentPeek/utils.js";
+import { default as kr } from "./components/Collapsible/Collapsible.js";
+import { default as Br } from "./components/Collapsible/CollapsibleContent.js";
+import { default as vr } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as yr } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Nr } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Hr } from "./components/Carousel/Carousel.js";
+import { default as Gr } from "./components/Carousel/CarouselArrows.js";
+import { default as Ur } from "./components/Carousel/CarouselContent.js";
+import { default as Wr } from "./components/Carousel/CarouselItem.js";
+import { default as Yr } from "./components/Carousel/CarouselDots.js";
+import { default as zr } from "./components/Detail/Detail.js";
+import { default as qr } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Kr } from "./patterns/DetailList/types.js";
+import { default as _r } from "./components/PinchZoom/PinchZoom.js";
+import { default as eo } from "./components/Tabs/TabsContainer.js";
+import { default as ro } from "./components/Tabs/TabsContent.js";
+import { default as ao } from "./components/SeldonImage/SeldonImage.js";
+import { default as so } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as mo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as uo } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as io } from "./components/Filter/Filter.js";
+import { default as go } from "./components/Filter/FilterInput.js";
+import { default as Co } from "./components/Filter/FilterHeader.js";
+import { default as ho } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Po } from "./components/Countdown/types.js";
+import { default as To } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as bo } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as wo } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Vo, BidStatusEnum as vo } from "./patterns/BidSnapshot/types.js";
+import { default as yo } from "./components/Article/Article.js";
 export {
-  $t as Accordion,
-  to as AccordionItem,
-  ro as AccordionItemVariant,
-  ao as AccordionVariants,
+  or as Accordion,
+  fr as AccordionItem,
+  lr as AccordionItemVariant,
+  dr as AccordionVariants,
   S as AccountCircle,
   L as ArrowPrev,
-  Ar as Article,
-  Be as AuctionStatus,
-  mo as AuthState,
-  Pr as BidMessage,
-  Ir as BidMessageVariants,
-  hr as BidSnapshot,
-  br as BidStatusEnum,
-  uo as Breadcrumb,
-  Fe as Button,
-  Me as ButtonVariants,
-  T as Calendar,
-  b as CalendarAlt,
-  Mo as Carousel,
-  Ho as CarouselContent,
-  Oo as CarouselDots,
-  Ro as CarouselItem,
-  A as Checkmark,
-  V as ChevronDown,
-  w as ChevronNext,
-  y as ChevronRight,
-  D as Close,
-  Io as Collapsible,
-  ko as CollapsibleContent,
-  Bo as CollapsibleTrigger,
-  ho as ContentPeek,
-  Po as ContentPeekHeightUnits,
-  ir as Countdown,
-  gr as CountdownVariants,
-  Eo as Detail,
-  Qo as DetailList,
-  jo as DetailListAlignment,
-  Ht as Drawer,
-  io as Dropdown,
-  Re as ErrorBoundary,
-  U as Facebook,
-  N as Favorite,
-  G as FavoriteOutline,
-  lr as Filter,
-  ur as FilterHeader,
-  mr as FilterInput,
-  fr as FilterMenu,
-  Oe as Footer,
-  W as FooterInstagram,
-  q as FooterWeChat,
-  ce as GreenCircle,
-  Ee as Grid,
-  it as GridItem,
-  gt as GridItemAlign,
-  Qe as Header,
-  $e as HeroBanner,
-  He as IconButton,
-  tt as Input,
-  K as Instagram,
-  Co as LanguageSelector,
-  rt as Link,
-  lt as LinkBlock,
-  mt as LinkList,
-  ft as LinkVariants,
-  Y as LinkedIn,
-  _ as Lock,
-  Ve as LotStatus,
-  ee as Minus,
-  Mt as Modal,
-  je as Navigation,
-  Ze as NavigationItem,
-  Je as NavigationItemTrigger,
-  Xe as NavigationList,
-  Cr as ObjectTile,
+  yo as Article,
+  Fe as AuctionStatus,
+  xr as AuthState,
+  wo as BidMessage,
+  Vo as BidMessageVariants,
+  bo as BidSnapshot,
+  vo as BidStatusEnum,
+  nr as Breadcrumb,
+  De as Button,
+  Re as ButtonVariants,
+  A as Calendar,
+  I as CalendarAlt,
+  Hr as Carousel,
+  k as CarouselArrowNext,
+  B as CarouselArrowPrev,
+  Gr as CarouselArrows,
+  Ur as CarouselContent,
+  Yr as CarouselDots,
+  Wr as CarouselItem,
+  v as Checkmark,
+  y as ChevronDown,
+  N as ChevronNext,
+  H as ChevronRight,
+  G as Close,
+  kr as Collapsible,
+  Br as CollapsibleContent,
+  vr as CollapsibleTrigger,
+  Ar as ContentPeek,
+  Ir as ContentPeekHeightUnits,
+  ho as Countdown,
+  Po as CountdownVariants,
+  zr as Detail,
+  qr as DetailList,
+  Kr as DetailListAlignment,
+  Ot as Drawer,
+  cr as Dropdown,
+  Ee as ErrorBoundary,
+  Y as Facebook,
+  U as Favorite,
+  W as FavoriteOutline,
+  io as Filter,
+  Co as FilterHeader,
+  go as FilterInput,
+  uo as FilterMenu,
+  Qe as Footer,
+  z as FooterInstagram,
+  _ as FooterWeChat,
+  Le as GreenCircle,
+  je as Grid,
+  Ct as GridItem,
+  ht as GridItemAlign,
+  Ze as Header,
+  ot as HeroBanner,
+  Oe as IconButton,
+  ft as Input,
+  ee as Instagram,
+  Lr as LanguageSelector,
+  lt as Link,
+  ut as LinkBlock,
+  it as LinkList,
+  mt as LinkVariants,
+  q as LinkedIn,
+  re as Lock,
+  ye as LotStatus,
+  ae as Minus,
+  Rt as Modal,
+  Je as Navigation,
+  Xe as NavigationItem,
+  $e as NavigationItemTrigger,
+  tt as NavigationList,
+  To as ObjectTile,
   f as PaddingTokens,
-  Le as Page,
-  Fo as PageContentWrapper,
-  Rt as Pagination,
-  oe as PhillipsLogo,
-  Zo as PinchZoom,
-  ae as Plus,
-  se as React,
-  Se as RedCircle,
-  z as Reddit,
-  ut as Row,
-  be as SSRMediaQuery,
-  tr as SaleHeaderBanner,
-  rr as SaleHeaderBrowseAuctions,
-  Ct as Search,
-  $o as SeldonImage,
-  vo as SeldonProvider,
-  ht as Select,
-  Pt as SelectVariants,
-  de as Share,
-  vt as Social,
+  Ie as Page,
+  Nr as PageContentWrapper,
+  Et as Pagination,
+  se as PhillipsLogo,
+  _r as PinchZoom,
+  de as Plus,
+  pe as React,
+  Ae as RedCircle,
+  K as Reddit,
+  gt as Row,
+  Be as SSRMediaQuery,
+  so as SaleHeaderBanner,
+  mo as SaleHeaderBrowseAuctions,
+  Pt as Search,
+  ao as SeldonImage,
+  yr as SeldonProvider,
+  Tt as Select,
+  bt as SelectVariants,
+  xe as Share,
+  Mt as Social,
   s as SpacingTokens,
-  It as SplitPanel,
-  pe as Spotify,
-  Wt as StatefulViewingsList,
-  kt as Subscribe,
-  Bt as SubscriptionState,
-  ve as SupportedLanguages,
-  Jo as TabsContainer,
-  Xo as TabsContent,
-  Ot as Tag,
-  Ut as TagsList,
-  Zt as Text,
-  Yt as TextAlignments,
-  Jt as TextSymbolVariants,
-  Xt as TextSymbols,
-  jt as TextVariants,
-  so as UserManagement,
-  go as Video,
-  Ft as ViewingsList,
-  xe as WeChat,
-  ne as Youtube,
+  wt as SplitPanel,
+  ne as Spotify,
+  zt as StatefulViewingsList,
+  Vt as Subscribe,
+  Ft as SubscriptionState,
+  Me as SupportedLanguages,
+  eo as TabsContainer,
+  ro as TabsContent,
+  Qt as Tag,
+  Yt as TagsList,
+  Xt as Text,
+  qt as TextAlignments,
+  $t as TextSymbolVariants,
+  tr as TextSymbols,
+  Jt as TextVariants,
+  pr as UserManagement,
+  Sr as Video,
+  Dt as ViewingsList,
+  ce as WeChat,
+  Se as Youtube,
   l as defaultYear,
   d as emailValidation,
   m as encodeURLSearchParams,
@@ -237,7 +243,7 @@ export {
   i as getCommonProps,
   n as noOp,
   g as px,
-  ke as ssrMediaQueryStyle,
+  Ve as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  Te as usePendingState
+  ke as usePendingState
 };

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

@@ -3,6 +3,58 @@
 .#{$px}-carousel {
   position: relative;
 
+  &-arrows-prev-btn,
+  &-arrows-next-btn {
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    flex-flow: column wrap;
+    height: 100%;
+    justify-content: center;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    width: 33.3%;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    &__icon {
+      background-color: $pure-white;
+      border-radius: 50%;
+      display: flex;
+      flex-wrap: wrap;
+      height: 3.25rem;
+      place-content: center center;
+      width: 3.25rem;
+    }
+
+    @media (max-width: $breakpoint-md) {
+      display: none;
+    }
+  }
+
+  &-dots + &-arrows &-arrows-prev-btn,
+  &-dots + &-arrows &-arrows-next-btn {
+    height: calc(100% - 1.5rem);
+  }
+
+  &-arrows-prev-btn {
+    align-content: flex-start;
+    flex-wrap: wrap;
+    left: 0;
+    padding-left: $spacing-sm;
+  }
+
+  &-arrows-next-btn {
+    align-content: flex-end;
+    flex-wrap: wrap;
+    padding-right: $spacing-sm;
+    right: 0;
+  }
+
   &-content {
     overflow: hidden;
   }
@@ -10,6 +62,12 @@
   &-content-inner {
     display: flex;
 
+    &:hover {
+      .vjs-big-play-button {
+        display: block;
+      }
+    }
+
     @each $spacing-size in $spacing-sizes {
       &--gap-#{$spacing-size} {
         margin-left: calc(-1 * var(--spacing-#{$spacing-size}));

package/package.json

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