@phillips/seldon 1.180.0 → 1.181.0

package/dist/index.d.ts

@@ -44,6 +44,7 @@ export { default as Video, type VideoProps } from './components/Video/Video';
 export * from './patterns/DetailList';
 export * from './patterns/FavoritesCollectionTile';
 export { default as HeroBanner, type HeroBannerProps } from './patterns/HeroBanner/HeroBanner';
+export { default as TextBanner, type TextBannerProps } from './patterns/TextBanner/TextBanner';
 export * from './patterns/LanguageSelector';
 export * from './patterns/SaleHeaderBanner';
 export { default as Social, type SocialProps } from './patterns/Social/Social';
@@ -96,3 +97,4 @@ export * from './utils/hooks';
 export * from './patterns/CountryPicker';
 export * from './components/DescriptiveRadioButton';
 export * from './components/DescriptiveRadioButtonGroup';
+export * from './patterns/TextBanner';

package/dist/index.js

@@ -60,70 +60,71 @@ import { default as bt } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
 import { default as ht } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
 import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Ht } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as Ut } from "./patterns/Social/Social.js";
-import { default as Qt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as zt } from "./patterns/Subscribe/types.js";
-import { AuthState as Yt } from "./patterns/UserManagement/types.js";
-import { default as qt } from "./patterns/UserManagement/UserManagement.js";
-import { default as Kt } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { default as _t } from "./patterns/ViewingsList/ViewingsList.js";
-import { SeldonProvider as eo } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as oo } from "./components/ComboBox/ComboBox.js";
-import { default as ao } from "./components/ComposedModal/ComposedModal.js";
-import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
-import { default as mo } from "./components/Loader/Loader.js";
-import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as xo } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
-import { default as co } from "./patterns/FiltersInline/FiltersInline.js";
-import { FilterButtonIconType as So, FilterButtonType as Co } from "./patterns/FiltersInline/types.js";
-import { default as Bo } from "./patterns/SaleCard/SaleCard.js";
-import { SaleCardActions as Io } from "./patterns/SaleCard/SaleCardActions.js";
-import { SaleCardVariants as Lo } from "./patterns/SaleCard/types.js";
-import { default as bo } from "./patterns/ViewingDetails/ViewingDetails.js";
-import { default as ko } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { default as ho } from "./site-furniture/Footer/Footer.js";
-import { default as Do } from "./site-furniture/Header/Header.js";
-import { default as Ho } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as No } from "./components/Article/Article.js";
-import { default as Go } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Uo } from "./components/Countdown/types.js";
-import { default as Qo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
-import { default as zo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
-import { default as Yo } from "./components/Divider/Divider.js";
-import { default as qo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Ko } from "./components/Filter/Filter.js";
-import { default as _o } from "./components/Filter/FilterInput.js";
-import { default as er } from "./components/Filter/FilterHeader.js";
-import { default as or } from "./components/NotificationBanner/NotificationBanner.js";
-import { default as ar } from "./components/Pictogram/Pictogram.js";
-import { default as sr } from "./components/TextArea/TextArea.js";
-import { default as dr } from "./components/Toast/Toast.js";
-import { ToastProvider as pr } from "./components/Toast/ToastContextProvider.js";
-import { useToast as ir } from "./components/Toast/useToast.js";
-import { default as nr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as gr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Cr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Br, BidStatusEnum as Pr } from "./patterns/BidSnapshot/types.js";
-import { default as Ar } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as Vr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as yr } from "./patterns/CountryPicker/CountryPicker.js";
+import { default as Ht } from "./patterns/TextBanner/TextBanner.js";
+import { default as Nt } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as Qt } from "./patterns/Social/Social.js";
+import { default as zt } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Yt } from "./patterns/Subscribe/types.js";
+import { AuthState as qt } from "./patterns/UserManagement/types.js";
+import { default as Kt } from "./patterns/UserManagement/UserManagement.js";
+import { default as _t } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { default as eo } from "./patterns/ViewingsList/ViewingsList.js";
+import { SeldonProvider as oo } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as ao } from "./components/ComboBox/ComboBox.js";
+import { default as so } from "./components/ComposedModal/ComposedModal.js";
+import { default as mo } from "./components/ExitGateCard/ExitGateCard.js";
+import { default as uo } from "./components/Loader/Loader.js";
+import { default as xo } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as co } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
+import { default as So } from "./patterns/FiltersInline/FiltersInline.js";
+import { FilterButtonIconType as To, FilterButtonType as Bo } from "./patterns/FiltersInline/types.js";
+import { default as Io } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as Lo } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardVariants as bo } from "./patterns/SaleCard/types.js";
+import { default as ko } from "./patterns/ViewingDetails/ViewingDetails.js";
+import { default as ho } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { default as Do } from "./site-furniture/Footer/Footer.js";
+import { default as Ho } from "./site-furniture/Header/Header.js";
+import { default as No } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Go } from "./components/Article/Article.js";
+import { default as Uo } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Qo } from "./components/Countdown/types.js";
+import { default as zo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
+import { default as Yo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
+import { default as qo } from "./components/Divider/Divider.js";
+import { default as Ko } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as _o } from "./components/Filter/Filter.js";
+import { default as er } from "./components/Filter/FilterInput.js";
+import { default as or } from "./components/Filter/FilterHeader.js";
+import { default as ar } from "./components/NotificationBanner/NotificationBanner.js";
+import { default as sr } from "./components/Pictogram/Pictogram.js";
+import { default as dr } from "./components/TextArea/TextArea.js";
+import { default as pr } from "./components/Toast/Toast.js";
+import { ToastProvider as ir } from "./components/Toast/ToastContextProvider.js";
+import { useToast as nr } from "./components/Toast/useToast.js";
+import { default as gr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Br } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Ir, BidStatusEnum as Ar } from "./patterns/BidSnapshot/types.js";
+import { default as Vr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as yr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as vr } from "./patterns/CountryPicker/CountryPicker.js";
 export {
   M as Accordion,
   E as AccordionItem,
   R as AccordionItemVariant,
   U as AccordionVariants,
-  nr as AccountPageHeader,
-  Ho as AddToCalendar,
-  No as Article,
+  gr as AccountPageHeader,
+  No as AddToCalendar,
+  Go as Article,
   V as AuctionStatus,
-  Yt as AuthState,
-  Cr as BidMessage,
-  Br as BidMessageVariants,
-  gr as BidSnapshot,
-  Pr as BidStatusEnum,
+  qt as AuthState,
+  Br as BidMessage,
+  Ir as BidMessageVariants,
+  Cr as BidSnapshot,
+  Ar as BidStatusEnum,
   Q as Breadcrumb,
   v as Button,
   w as ButtonVariants,
@@ -135,81 +136,81 @@ export {
   oe as Collapsible,
   ae as CollapsibleContent,
   se as CollapsibleTrigger,
-  oo as ComboBox,
-  ao as ComposedModal,
+  ao as ComboBox,
+  so as ComposedModal,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  Go as Countdown,
-  Uo as CountdownVariants,
-  yr as CountryPicker,
-  Qo as DescriptiveRadioButton,
-  zo as DescriptiveRadioButtonGroup,
+  Uo as Countdown,
+  Qo as CountdownVariants,
+  vr as CountryPicker,
+  zo as DescriptiveRadioButton,
+  Yo as DescriptiveRadioButtonGroup,
   ie as Detail,
   bt as DetailList,
   kt as DetailListAlignment,
-  Yo as Divider,
+  qo as Divider,
   ne as Drawer,
   ge as Dropdown,
   Ce as ErrorBoundary,
-  so as ExitGateCard,
+  mo as ExitGateCard,
   ht as FavoritesCollectionTile,
-  qo as FavoritingTileButton,
-  Ko as Filter,
-  So as FilterButtonIconType,
-  Co as FilterButtonType,
-  er as FilterHeader,
-  _o as FilterInput,
-  Ar as FilterMenu,
-  co as FiltersInline,
-  ho as Footer,
+  Ko as FavoritingTileButton,
+  _o as Filter,
+  To as FilterButtonIconType,
+  Bo as FilterButtonType,
+  or as FilterHeader,
+  er as FilterInput,
+  Vr as FilterMenu,
+  So as FiltersInline,
+  Do as Footer,
   Be as Grid,
   Ie as GridItem,
   Le as GridItemAlign,
-  Do as Header,
+  Ho as Header,
   Dt as HeroBanner,
   z as Icon,
   F as IconButton,
   be as Input,
-  Ht as LanguageSelector,
+  Nt as LanguageSelector,
   ke as Link,
   De as LinkBlock,
   He as LinkList,
   he as LinkVariants,
-  mo as Loader,
+  uo as Loader,
   b as LotStatus,
   Ne as Modal,
   Ge as Navigation,
   Ue as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  or as NotificationBanner,
-  Vr as ObjectTile,
+  ar as NotificationBanner,
+  yr as ObjectTile,
   a as PaddingTokens,
   C as Page,
-  uo as PageContentWrapper,
+  xo as PageContentWrapper,
   Ye as Pagination,
-  xo as PhoneNumberPicker,
-  ar as Pictogram,
+  co as PhoneNumberPicker,
+  sr as Pictogram,
   qe as PinchZoom,
-  ko as ProgressIndicator,
+  ho as ProgressIndicator,
   Ke as Row,
   B as SSRMediaQuery,
-  Bo as SaleCard,
-  Io as SaleCardActions,
-  Lo as SaleCardVariants,
-  Nt as SaleHeaderBanner,
-  Gt as SaleHeaderBrowseAuctions,
+  Io as SaleCard,
+  Lo as SaleCardActions,
+  bo as SaleCardVariants,
+  Gt as SaleHeaderBanner,
+  Ut as SaleHeaderBrowseAuctions,
   _e as Search,
   et as SeldonImage,
-  eo as SeldonProvider,
+  oo as SeldonProvider,
   ot as Select,
   at as SelectVariants,
-  Ut as Social,
+  Qt as Social,
   f as SpacingTokens,
   st as SplitPanel,
-  Kt as StatefulViewingsList,
-  Qt as Subscribe,
-  zt as SubscriptionState,
+  _t as StatefulViewingsList,
+  zt as Subscribe,
+  Yt as SubscriptionState,
   y as SupportedLanguages,
   dt as TabsContainer,
   pt as TabsContent,
@@ -217,16 +218,17 @@ export {
   xt as TagsList,
   Ct as Text,
   ct as TextAlignments,
-  sr as TextArea,
+  dr as TextArea,
+  Ht as TextBanner,
   Bt as TextSymbolVariants,
   It as TextSymbols,
   gt as TextVariants,
-  dr as Toast,
-  pr as ToastProvider,
-  qt as UserManagement,
+  pr as Toast,
+  ir as ToastProvider,
+  Kt as UserManagement,
   Lt as Video,
-  bo as ViewingDetails,
-  _t as ViewingsList,
+  ko as ViewingDetails,
+  eo as ViewingsList,
   s as defaultYear,
   l as emailValidation,
   d as encodeURLSearchParams,
@@ -240,5 +242,5 @@ export {
   P as ssrMediaQueryStyle,
   g as useNormalizedInputProps,
   A as usePendingState,
-  ir as useToast
+  nr as useToast
 };

package/dist/patterns/HeroBanner/HeroBanner.d.ts

@@ -36,7 +36,7 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6532-691&m=dev)
  *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-herobanner--overview)
  */
 declare const HeroBanner: import('react').ForwardRefExoticComponent<HeroBannerProps & import('react').RefAttributes<HTMLElement>>;
 export default HeroBanner;

package/dist/patterns/TextBanner/TextBanner.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'react';
+export interface TextBannerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Main header text
+     */
+    headerText: string;
+    /**
+     * A description to be used with the TEXT variant of HeroBanner
+     */
+    description?: string;
+    /**
+     * Unique id for component testing
+     */
+    id?: string;
+}
+/**
+ * ## Overview
+ *
+ * Text Banner UI component
+ *
+ * [Figma Link](https://www.figma.com/design/H1kCh6MXU8jasYbQuCbyBt/Calendar?m=auto&node-id=2969-204916)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-textbanner--overview)
+ */
+declare const TextBanner: import('react').ForwardRefExoticComponent<TextBannerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default TextBanner;

package/dist/patterns/TextBanner/TextBanner.js

@@ -0,0 +1,19 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { getCommonProps as p } from "../../utils/index.js";
+import n from "../../node_modules/classnames/index.js";
+import { TextVariants as d } from "../../components/Text/types.js";
+import f from "../../components/Text/Text.js";
+const x = c(
+  ({ headerText: o, className: t, description: a, ...s }, m) => {
+    const { className: e, ...i } = p(s, "TextBanner");
+    return /* @__PURE__ */ r("header", { ...i, className: n(e, t), ref: m, ...s, children: /* @__PURE__ */ l("span", { className: n(`${e}__content-wrapper`), children: [
+      /* @__PURE__ */ r(f, { variant: d.snwHeadingHero1, children: o }),
+      a ? /* @__PURE__ */ r("p", { className: `${e}__text-description`, children: a }) : null
+    ] }) });
+  }
+);
+x.displayName = "TextBanner";
+export {
+  x as default
+};

package/dist/patterns/TextBanner/TextBanner.stories.d.ts

@@ -0,0 +1,25 @@
+import { TextBannerProps } from './TextBanner';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<TextBannerProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: TextBannerProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        headerText: string;
+        description: string;
+    };
+    argTypes: {
+        headerText: {
+            control: {
+                type: string;
+            };
+        };
+        description: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/dist/patterns/TextBanner/TextBanner.test.d.ts

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

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

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

package/dist/scss/componentStyles.scss

@@ -89,3 +89,4 @@
 @use 'components/TextArea/textArea';
 @use 'components/AddToCalendar/addToCalendar';
 @use 'components/NotificationBanner/notificationBanner';
+@use 'patterns/TextBanner/textBanner';

package/dist/scss/patterns/HeroBanner/_heroBanner.scss

@@ -45,25 +45,31 @@ body:has(.seldon-header__toggle-btn--open) {
     margin: 0;
   }
 
-  h1,
-  h2,
-  p {
-    color: $pure-white;
-    text-align: center;
-  }
-
-  p {
-    font-size: 0.875rem;
-    letter-spacing: 0.125rem;
-    line-height: 1;
-    text-align: center;
-  }
-
   & .#{$px}-hero-banner__content-wrapper {
     align-items: center;
     display: flex;
     flex-direction: column;
     max-width: 1082px;
+
+    h1,
+    h2,
+    p {
+      color: $pure-white;
+      text-align: center;
+    }
+
+    p {
+      font-size: 0.875rem;
+      letter-spacing: 0.125rem;
+      line-height: 1;
+      text-align: center;
+    }
+
+    & .#{$px}-hero-banner__text-description {
+      text-transform: none;
+
+      @include text($body2);
+    }
   }
 
   & .#{$px}-hero-banner__pre-head {

package/dist/scss/patterns/TextBanner/_textBanner.scss

@@ -0,0 +1,35 @@
+@use '../../allPartials' as *;
+
+.#{$px}-text-banner {
+  &__content-wrapper {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    max-width: none;
+    padding: 40px 48px;
+
+    h1 {
+      white-space: nowrap;
+    }
+
+    h1,
+    p {
+      color: $pure-black;
+      max-width: 100%;
+      min-height: 48px;
+      text-align: left;
+    }
+
+    @include media($breakpoint-md) {
+      align-items: center;
+      flex-direction: row;
+
+      h1,
+      p {
+        max-width: 50%;
+        width: 50%;
+      }
+    }
+  }
+}

package/package.json

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