@phillips/seldon 1.219.0 → 1.221.0

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

@@ -2,6 +2,9 @@ import { ButtonVariants } from '../Button/types';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./IconButton').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    args: {
+        onClick: () => void;
+    };
     argTypes: {
         variant: {
             options: ButtonVariants[];

package/dist/index.d.ts

@@ -62,7 +62,6 @@ export * from './components/Detail';
 export * from './components/ExitGateCard';
 export * from './components/Loader';
 export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
-export * from './components/PhoneNumberPicker';
 export * from './components/PinchZoom';
 export * from './components/SeldonImage';
 export * from './components/Tabs';

package/dist/index.js

@@ -2,9 +2,9 @@ import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidati
 import { default as C } from "./pages/Page.js";
 import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
 import { usePendingState as L } from "./utils/hooks.js";
-import { AuctionStatus as A, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
+import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
 import { default as F } from "./components/Button/Button.js";
-import { ButtonVariants as k } from "./components/Button/types.js";
+import { ButtonVariants as h } from "./components/Button/types.js";
 import { default as w } from "./components/IconButton/IconButton.js";
 import { default as M } from "./components/Accordion/Accordion.js";
 import { default as E } from "./components/Accordion/AccordionItem.js";
@@ -29,11 +29,11 @@ import { default as ce } from "./components/Drawer/Drawer.js";
 import { default as Ce } from "./components/Dropdown/Dropdown.js";
 import { default as Be } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as Ie } from "./components/Grid/Grid.js";
-import { default as be } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as Ve } from "./components/GridItem/types.js";
+import { default as Ae } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as be } from "./components/GridItem/types.js";
 import { default as De } from "./components/Input/Input.js";
-import { default as he } from "./components/Link/Link.js";
-import { LinkVariants as ve } from "./components/Link/types.js";
+import { default as ve } from "./components/Link/Link.js";
+import { LinkVariants as ke } from "./components/Link/types.js";
 import { default as He } from "./components/LinkBlock/LinkBlock.js";
 import { default as Ne } from "./components/LinkList/LinkList.js";
 import { default as Ge } from "./components/Modal/Modal.js";
@@ -55,11 +55,11 @@ import { Tag as nt, default as gt } from "./components/Tags/Tags.js";
 import { TextAlignments as St, TextVariants as Ct } from "./components/Text/types.js";
 import { default as Bt } from "./components/Text/Text.js";
 import { TextSymbolVariants as It } from "./components/TextSymbol/types.js";
-import { default as bt } from "./components/TextSymbol/TextSymbol.js";
-import { default as Vt } from "./components/Video/Video.js";
+import { default as At } from "./components/TextSymbol/TextSymbol.js";
+import { default as bt } from "./components/Video/Video.js";
 import { default as Dt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
-import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { DetailListAlignment as vt } from "./patterns/DetailList/types.js";
+import { default as kt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
 import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
 import { default as Nt } from "./patterns/TextBanner/TextBanner.js";
 import { default as Gt } from "./patterns/LanguageSelector/LanguageSelector.js";
@@ -78,63 +78,62 @@ import { default as mo } from "./components/ComposedModal/ComposedModal.js";
 import { default as uo } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as xo } from "./components/Loader/Loader.js";
 import { default as go } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as So } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
-import { FilterButton as To } from "./patterns/FiltersInline/FilterButton.js";
-import { default as Po } from "./patterns/FiltersInline/FiltersInline.js";
-import { FilterButtonIconType as Lo, FilterButtonType as bo } from "./patterns/FiltersInline/types.js";
-import { default as Vo } from "./patterns/SaleCard/SaleCard.js";
-import { SaleCardActions as Do } from "./patterns/SaleCard/SaleCardActions.js";
-import { SaleCardImageDisplay as ho, SaleCardVariants as ko } from "./patterns/SaleCard/types.js";
-import { default as wo } from "./patterns/ViewingDetails/ViewingDetails.js";
-import { default as Mo } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { default as Eo } from "./site-furniture/Footer/Footer.js";
-import { default as Ro } from "./site-furniture/Header/Header.js";
-import { default as zo } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as Wo } from "./components/Article/Article.js";
-import { default as jo } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Zo } from "./components/Countdown/types.js";
-import { default as Jo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
-import { default as Xo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
-import { default as $o } from "./components/Divider/Divider.js";
-import { default as tr } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as rr } from "./components/Filter/Filter.js";
-import { default as fr } from "./components/Filter/FilterInput.js";
-import { default as lr } from "./components/Filter/FilterHeader.js";
-import { default as mr } from "./components/NotificationBanner/NotificationBanner.js";
-import { default as ur } from "./components/Pictogram/Pictogram.js";
-import { default as xr } from "./components/TextArea/TextArea.js";
-import { default as gr } from "./components/Toast/Toast.js";
-import { ToastProvider as Sr } from "./components/Toast/ToastContextProvider.js";
-import { useToast as Tr } from "./components/Toast/useToast.js";
-import { default as Pr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Lr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Ar } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as yr, BidStatusEnum as Dr } from "./patterns/BidSnapshot/types.js";
-import { default as hr } from "./patterns/FilterMenu/FilterMenu.js";
+import { FilterButton as So } from "./patterns/FiltersInline/FilterButton.js";
+import { default as To } from "./patterns/FiltersInline/FiltersInline.js";
+import { FilterButtonIconType as Po, FilterButtonType as Io } from "./patterns/FiltersInline/types.js";
+import { default as Ao } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as bo } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardImageDisplay as Do, SaleCardVariants as Fo } from "./patterns/SaleCard/types.js";
+import { default as ho } from "./patterns/ViewingDetails/ViewingDetails.js";
+import { default as wo } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { default as Mo } from "./site-furniture/Footer/Footer.js";
+import { default as Eo } from "./site-furniture/Header/Header.js";
+import { default as Ro } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as zo } from "./components/Article/Article.js";
+import { default as Wo } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as jo } from "./components/Countdown/types.js";
+import { default as Zo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
+import { default as Jo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
+import { default as Xo } from "./components/Divider/Divider.js";
+import { default as $o } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as tr } from "./components/Filter/Filter.js";
+import { default as rr } from "./components/Filter/FilterInput.js";
+import { default as fr } from "./components/Filter/FilterHeader.js";
+import { default as lr } from "./components/NotificationBanner/NotificationBanner.js";
+import { default as mr } from "./components/Pictogram/Pictogram.js";
+import { default as ur } from "./components/TextArea/TextArea.js";
+import { default as xr } from "./components/Toast/Toast.js";
+import { ToastProvider as gr } from "./components/Toast/ToastContextProvider.js";
+import { useToast as Sr } from "./components/Toast/useToast.js";
+import { default as Tr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Pr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Lr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Vr, BidStatusEnum as br } from "./patterns/BidSnapshot/types.js";
+import { default as Dr } from "./patterns/FilterMenu/FilterMenu.js";
 import { default as vr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as Hr } from "./patterns/CountryPicker/CountryPicker.js";
-import { default as Nr } from "./patterns/ProgressWizard/ProgressWizard.js";
-import { ProgressWizardFooter as Gr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
-import { useHistoryManagement as Ur } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
-import { DefaultButtonLabels as Or, LoadingState as Wr } from "./patterns/ProgressWizard/types.js";
-import { default as jr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
+import { default as kr } from "./patterns/CountryPicker/CountryPicker.js";
+import { default as Hr } from "./patterns/ProgressWizard/ProgressWizard.js";
+import { ProgressWizardFooter as Nr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
+import { useHistoryManagement as Gr } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
+import { DefaultButtonLabels as Ur, LoadingState as zr } from "./patterns/ProgressWizard/types.js";
+import { default as Wr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
 export {
   M as Accordion,
   E as AccordionItem,
   R as AccordionItemVariant,
   U as AccordionVariants,
-  Pr as AccountPageHeader,
-  zo as AddToCalendar,
-  Wo as Article,
-  A as AuctionStatus,
+  Tr as AccountPageHeader,
+  Ro as AddToCalendar,
+  zo as Article,
+  V as AuctionStatus,
   Kt as AuthState,
-  Ar as BidMessage,
-  yr as BidMessageVariants,
-  Lr as BidSnapshot,
-  Dr as BidStatusEnum,
+  Lr as BidMessage,
+  Vr as BidMessageVariants,
+  Pr as BidSnapshot,
+  br as BidStatusEnum,
   O as Breadcrumb,
   F as Button,
-  k as ButtonVariants,
+  h as ButtonVariants,
   Y as Carousel,
   q as CarouselArrows,
   K as CarouselContent,
@@ -147,72 +146,71 @@ export {
   mo as ComposedModal,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  jo as Countdown,
-  Zo as CountdownVariants,
-  Hr as CountryPicker,
-  Or as DefaultButtonLabels,
-  Jo as DescriptiveRadioButton,
-  Xo as DescriptiveRadioButtonGroup,
+  Wo as Countdown,
+  jo as CountdownVariants,
+  kr as CountryPicker,
+  Ur as DefaultButtonLabels,
+  Zo as DescriptiveRadioButton,
+  Jo as DescriptiveRadioButtonGroup,
   ie as Detail,
   Dt as DetailList,
-  ht as DetailListAlignment,
+  vt as DetailListAlignment,
   ne as DetailVariants,
-  $o as Divider,
+  Xo as Divider,
   ce as Drawer,
   Ce as Dropdown,
   Be as ErrorBoundary,
   uo as ExitGateCard,
-  vt as FavoritesCollectionTile,
-  tr as FavoritingTileButton,
-  rr as Filter,
-  To as FilterButton,
-  Lo as FilterButtonIconType,
-  bo as FilterButtonType,
-  lr as FilterHeader,
-  fr as FilterInput,
-  hr as FilterMenu,
-  Po as FiltersInline,
-  Eo as Footer,
+  kt as FavoritesCollectionTile,
+  $o as FavoritingTileButton,
+  tr as Filter,
+  So as FilterButton,
+  Po as FilterButtonIconType,
+  Io as FilterButtonType,
+  fr as FilterHeader,
+  rr as FilterInput,
+  Dr as FilterMenu,
+  To as FiltersInline,
+  Mo as Footer,
   Ie as Grid,
-  be as GridItem,
-  Ve as GridItemAlign,
-  Ro as Header,
+  Ae as GridItem,
+  be as GridItemAlign,
+  Eo as Header,
   Ht as HeroBanner,
   Q as Icon,
   w as IconButton,
   De as Input,
   Gt as LanguageSelector,
-  he as Link,
+  ve as Link,
   He as LinkBlock,
   Ne as LinkList,
-  ve as LinkVariants,
+  ke as LinkVariants,
   xo as Loader,
-  Wr as LoadingState,
-  V as LotStatus,
+  zr as LoadingState,
+  b as LotStatus,
   Ge as Modal,
   Ue as Navigation,
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   Ye as NavigationList,
-  mr as NotificationBanner,
+  lr as NotificationBanner,
   vr as ObjectTile,
   a as PaddingTokens,
   C as Page,
   go as PageContentWrapper,
   qe as Pagination,
-  jr as PhoneNumberInput,
-  So as PhoneNumberPicker,
-  ur as Pictogram,
+  Wr as PhoneNumberInput,
+  mr as Pictogram,
   Ke as PinchZoom,
-  Mo as ProgressIndicator,
-  Nr as ProgressWizard,
-  Gr as ProgressWizardFooter,
+  wo as ProgressIndicator,
+  Hr as ProgressWizard,
+  Nr as ProgressWizardFooter,
   _e as Row,
   B as SSRMediaQuery,
-  Vo as SaleCard,
-  Do as SaleCardActions,
-  ho as SaleCardImageDisplay,
-  ko as SaleCardVariants,
+  Ao as SaleCard,
+  bo as SaleCardActions,
+  Do as SaleCardImageDisplay,
+  Fo as SaleCardVariants,
   Ut as SaleHeaderBanner,
   Ot as SaleHeaderBrowseAuctions,
   et as Search,
@@ -233,16 +231,16 @@ export {
   gt as TagsList,
   Bt as Text,
   St as TextAlignments,
-  xr as TextArea,
+  ur as TextArea,
   Nt as TextBanner,
   It as TextSymbolVariants,
-  bt as TextSymbols,
+  At as TextSymbols,
   Ct as TextVariants,
-  gr as Toast,
-  Sr as ToastProvider,
+  xr as Toast,
+  gr as ToastProvider,
   _t as UserManagement,
-  Vt as Video,
-  wo as ViewingDetails,
+  bt as Video,
+  ho as ViewingDetails,
   oo as ViewingsList,
   s as defaultYear,
   l as emailValidation,
@@ -255,8 +253,8 @@ export {
   n as noOp,
   g as px,
   P as ssrMediaQueryStyle,
-  Ur as useHistoryManagement,
+  Gr as useHistoryManagement,
   c as useNormalizedInputProps,
   L as usePendingState,
-  Tr as useToast
+  Sr as useToast
 };

package/dist/scss/_utils.scss

@@ -221,3 +221,21 @@
 @mixin cursorPointer() {
   cursor: pointer;
 }
+
+// Provides pointer-aware interaction states that adapt to the user's input device:
+// - Fine pointer devices (mouse/trackpad): shows styles on :hover
+// - Coarse pointer devices (touch screens): shows styles on :active
+// This prevents sticky hover states on touch devices and ensures proper feedback for all users.
+@mixin hoverOrActive() {
+  @media (pointer: fine) and (hover: hover) {
+    &:hover {
+      @content;
+    }
+  }
+
+  @media (pointer: coarse) {
+    &:active {
+      @content;
+    }
+  }
+}

package/dist/scss/components/Button/_button.scss

@@ -57,7 +57,7 @@
     }
   }
 
-  &:hover {
+  @include hoverOrActive {
     background-color: $button-hover;
 
     svg {
@@ -134,7 +134,7 @@
   &--secondary {
     transition: box-shadow 0.25s;
 
-    &:hover {
+    @include hoverOrActive {
       background-color: transparent;
       box-shadow: 0 0 0 1px rgba($pure-black, 1);
 
@@ -147,7 +147,7 @@
   &--ghost {
     border-color: transparent;
 
-    &:hover {
+    @include hoverOrActive {
       background-color: transparent;
       border: 1px solid transparent;
       color: $pure-white;
@@ -184,7 +184,7 @@
       }
     }
 
-    &:hover {
+    @include hoverOrActive {
       background-color: transparent;
       color: $button-hover;
 

package/dist/scss/components/FavoritingTileButton/_favoritingTileButton.scss

@@ -34,7 +34,7 @@
     }
   }
 
-  &:hover {
+  @include hoverOrActive {
     align-items: center;
     background: $button-hover;
     border: 1px solid $button-hover;

package/dist/scss/components/IconButton/_iconButton.scss

@@ -10,9 +10,10 @@
 
   & svg {
     height: $button-label-line-height;
+    pointer-events: none;
     width: $button-label-line-height;
 
-    &:hover {
+    @include hoverOrActive {
       color: $white-100;
     }
   }
@@ -44,11 +45,12 @@
       }
     }
 
-    &:hover {
+    @include hoverOrActive {
       svg {
         color: $pure-white;
 
         path {
+          color: $pure-white;
           fill: $pure-white;
         }
       }
@@ -56,6 +58,7 @@
   }
 
   &--ghost {
+    border: 1px solid transparent;
     border-color: transparent;
 
     svg {
@@ -94,7 +97,7 @@
       border-radius: $radius-3xl;
     }
 
-    &:hover {
+    @include hoverOrActive {
       & svg {
         color: $cta-hover;
         fill: $cta-hover;

package/package.json

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

package/dist/components/PhoneNumberPicker/PhoneNumberPicker.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { ComboBoxProps } from '../ComboBox/ComboBox';
-/**
- * PhoneNumberPickerProps extends ComboBoxProps, allowing for all ComboBox options
- * while adding any phone-specific props
- */
-export type PhoneNumberPickerProps = Omit<ComboBoxProps, 'options'>;
-/**
- * ## Overview
- *
- * A component for entering and selecting phone number country codes
- *
- * [Figma Link](https://www.figma.com/design/rIefa3bRPyZbZmtyV9PSQv/My-Account?node-id=1-3&p=f&m=dev)
- *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-PhoneNumberPicker--overview)
- */
-declare const PhoneNumberPicker: React.ForwardRefExoticComponent<PhoneNumberPickerProps & React.RefAttributes<HTMLDivElement>>;
-export default PhoneNumberPicker;

package/dist/components/PhoneNumberPicker/PhoneNumberPicker.js

@@ -1,39 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import b from "../../node_modules/classnames/index.js";
-import N, { useRef as P, useEffect as g, useMemo as h } from "react";
-import { getCommonProps as x } from "../../utils/index.js";
-import $ from "../ComboBox/ComboBox.js";
-import { getCountries as _ } from "../../node_modules/libphonenumber-js/min/exports/getCountries.js";
-import { getCountryCallingCode as k } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
-const v = N.forwardRef((i, l) => {
-  const { className: f, id: t, value: o, onChange: a, ...u } = i, { className: n, ...p } = x({ id: t }, "PhoneNumberPicker"), m = P(o);
-  g(() => {
-    o && (m.current = o);
-  }, [o]);
-  const d = h(() => {
-    const r = _(), s = (e) => k(e);
-    return r.map((e) => ({
-      label: `(${e}) +${s(e)}`,
-      value: e,
-      displayValue: `+${s(e)}`
-    }));
-  }, []), C = (r, s) => {
-    r ? s && (m.current = r) : m.current = "", a && a(r, s);
-  };
-  return /* @__PURE__ */ c("div", { className: b(n, f), id: t, ...p, children: /* @__PURE__ */ c(
-    $,
-    {
-      ref: l,
-      className: `${n}__combobox`,
-      id: `${t}-combobox`,
-      options: d,
-      value: o,
-      onChange: C,
-      ...u
-    }
-  ) });
-});
-v.displayName = "PhoneNumberPicker";
-export {
-  v as default
-};

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

@@ -1,13 +0,0 @@
-import { PhoneNumberPickerProps } from './PhoneNumberPicker';
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<PhoneNumberPickerProps & import('react').RefAttributes<HTMLDivElement>>;
-};
-export default meta;
-export declare const Playground: {
-    ({ ...props }: PhoneNumberPickerProps): import("react/jsx-runtime").JSX.Element;
-    args: {
-        labelText: string;
-        id: string;
-    };
-};

package/dist/components/PhoneNumberPicker/PhoneNumberPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export { default as PhoneNumberPicker, type PhoneNumberPickerProps } from './PhoneNumberPicker';

package/dist/node_modules/libphonenumber-js/es6/getCountries.js

@@ -1,7 +0,0 @@
-import e from "./metadata.js";
-function n(t) {
-  return new e(t).getCountries();
-}
-export {
-  n as default
-};

package/dist/node_modules/libphonenumber-js/min/exports/getCountries.js

@@ -1,8 +0,0 @@
-import t from "./withMetadataArgument.js";
-import r from "../../es6/getCountries.js";
-function n() {
-  return t(r, arguments);
-}
-export {
-  n as getCountries
-};