@phillips/seldon 1.131.0 → 1.132.1

package/dist/index.js

@@ -1,6 +1,6 @@
 import { BreakpointTokens as f, PaddingTokens as s, SpacingTokens as l, defaultYear as d, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as u, findChildrenOfType as x, generatePaddingClassName as n, getCommonProps as i, noOp as g, px as c, useNormalizedInputProps as C } from "./utils/index.js";
 import { default as h } from "./assets/account_circle.svg.js";
-import { default as P } from "./assets/arrowPrev.svg.js";
+import { default as L } from "./assets/arrowPrev.svg.js";
 import { default as T } from "./assets/calendar.svg.js";
 import { default as I } from "./assets/calendarAlt.svg.js";
 import { default as B } from "./assets/CarouselArrowNext.svg.js";
@@ -18,223 +18,227 @@ import { default as J } from "./assets/icon-footer-linkedin.svg.js";
 import { default as X } from "./assets/icon-footer-red.svg.js";
 import { default as $ } from "./assets/icon-footer-wechat.svg.js";
 import { default as te } from "./assets/instagram.svg.js";
-import { default as re } from "./assets/lock.svg.js";
-import { default as fe } from "./assets/minus.svg.js";
-import { default as le } from "./assets/PhillipsLogo.svg.js";
-import { default as me } from "./assets/plus.svg.js";
-import { default as ue } from "./assets/react.svg.js";
+import { default as oe } from "./assets/lock.svg.js";
+import { default as fe } from "./assets/menu.svg.js";
+import { default as le } from "./assets/minus.svg.js";
+import { default as me } from "./assets/PhillipsLogo.svg.js";
+import { default as ue } from "./assets/plus.svg.js";
+import { default as ne } from "./assets/react.svg.js";
 import "react";
-import { default as ne } from "./assets/share.svg.js";
-import { default as ge } from "./assets/spotify.svg.js";
-import { default as Ce } from "./assets/wechat.svg.js";
-import { default as he } from "./assets/youtube.svg.js";
-import { default as Pe } from "./assets/icon-green-circle.svg.js";
-import { default as Te } from "./assets/icon-red-circle.svg.js";
-import { default as Ie } from "./pages/Page.js";
-import { usePendingState as Be } from "./utils/hooks.js";
-import { SSRMediaQuery as Ve, ssrMediaQueryStyle as ve } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as ye, LotStatus as Me, SupportedLanguages as Ne } from "./types/commonTypes.js";
-import { default as He } from "./components/Button/Button.js";
-import { ButtonVariants as Ge } from "./components/Button/types.js";
-import { default as Ue } from "./components/IconButton/IconButton.js";
-import { default as We } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as Ye } from "./site-furniture/Footer/Footer.js";
-import { Grid as ze } from "./components/Grid/Grid.js";
-import { default as qe } from "./site-furniture/Header/Header.js";
-import { default as Ke } from "./components/Navigation/Navigation.js";
-import { default as _e } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as et } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as ot } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as at } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as st } from "./components/Input/Input.js";
-import { default as dt } from "./components/Link/Link.js";
-import { LinkVariants as pt } from "./components/Link/types.js";
-import { default as xt } from "./components/LinkBlock/LinkBlock.js";
-import { default as it } from "./components/LinkList/LinkList.js";
-import { default as ct } from "./components/Row/Row.js";
-import { default as St } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as Lt } from "./components/GridItem/types.js";
-import { default as At } from "./components/Search/Search.js";
-import { default as kt } 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 yt } from "./patterns/Subscribe/types.js";
-import { default as Nt } from "./patterns/Social/Social.js";
-import { default as Ht } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Gt } from "./components/Modal/Modal.js";
-import { default as Ut } from "./components/Drawer/Drawer.js";
-import { default as Wt } from "./components/Pagination/Pagination.js";
-import { Tag as Yt, default as jt } from "./components/Tags/Tags.js";
-import { default as Zt } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextAlignments as Jt, TextVariants as Kt } from "./components/Text/types.js";
-import { default as _t } from "./components/Text/Text.js";
-import { TextSymbolVariants as eo } from "./components/TextSymbol/types.js";
-import { default as oo } from "./components/TextSymbol/TextSymbol.js";
-import { default as ao } from "./components/Accordion/Accordion.js";
-import { default as so } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as mo, AccordionVariants as po } from "./components/Accordion/types.js";
-import { default as xo } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as io } from "./patterns/UserManagement/types.js";
-import { default as co } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as ge } from "./assets/share.svg.js";
+import { default as Ce } from "./assets/spotify.svg.js";
+import { default as he } from "./assets/wechat.svg.js";
+import { default as Le } from "./assets/youtube.svg.js";
+import { default as Te } from "./assets/icon-green-circle.svg.js";
+import { default as Ie } from "./assets/icon-red-circle.svg.js";
+import { default as Be } from "./pages/Page.js";
+import { usePendingState as Ve } from "./utils/hooks.js";
+import { SSRMediaQuery as Fe, ssrMediaQueryStyle as ye } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as Ne, LotStatus as De, SupportedLanguages as He } from "./types/commonTypes.js";
+import { default as Ge } from "./components/Button/Button.js";
+import { ButtonVariants as Ue } from "./components/Button/types.js";
+import { default as We } from "./components/IconButton/IconButton.js";
+import { default as Ye } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as ze } from "./site-furniture/Footer/Footer.js";
+import { Grid as qe } from "./components/Grid/Grid.js";
+import { default as Ke } from "./site-furniture/Header/Header.js";
+import { default as _e } from "./components/Navigation/Navigation.js";
+import { default as et } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as rt } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as at } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as st } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as dt } from "./components/Input/Input.js";
+import { default as pt } from "./components/Link/Link.js";
+import { LinkVariants as xt } from "./components/Link/types.js";
+import { default as it } from "./components/LinkBlock/LinkBlock.js";
+import { default as ct } from "./components/LinkList/LinkList.js";
+import { default as St } from "./components/Row/Row.js";
+import { default as At } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as Pt } from "./components/GridItem/types.js";
+import { default as kt } from "./components/Search/Search.js";
+import { default as bt } from "./components/Select/Select.js";
+import { SelectVariants as wt } from "./components/Select/types.js";
+import { default as vt } from "./components/SplitPanel/SplitPanel.js";
+import { default as yt } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Nt } from "./patterns/Subscribe/types.js";
+import { default as Ht } from "./patterns/Social/Social.js";
+import { default as Gt } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Ut } from "./components/Modal/Modal.js";
+import { default as Wt } from "./components/Drawer/Drawer.js";
+import { default as Yt } from "./components/Pagination/Pagination.js";
+import { Tag as zt, default as Zt } from "./components/Tags/Tags.js";
+import { default as Jt } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextAlignments as Xt, TextVariants as _t } from "./components/Text/types.js";
+import { default as er } from "./components/Text/Text.js";
+import { TextSymbolVariants as rr } from "./components/TextSymbol/types.js";
+import { default as ar } from "./components/TextSymbol/TextSymbol.js";
+import { default as sr } from "./components/Accordion/Accordion.js";
+import { default as dr } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as pr, AccordionVariants as ur } from "./components/Accordion/types.js";
+import { default as nr } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as gr } from "./patterns/UserManagement/types.js";
+import { default as Cr } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as So } from "./components/Dropdown/Dropdown.js";
-import { default as Lo } from "./components/Video/Video.js";
-import { default as Ao } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as ko } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as bo } from "./components/ContentPeek/utils.js";
-import { default as wo } from "./components/Collapsible/Collapsible.js";
-import { default as vo } from "./components/Collapsible/CollapsibleContent.js";
-import { default as yo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as No } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Ho } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Go } from "./components/Carousel/Carousel.js";
-import { default as Uo } from "./components/Carousel/CarouselArrows.js";
-import { default as Wo } from "./components/Carousel/CarouselContent.js";
-import { default as Yo } from "./components/Carousel/CarouselItem.js";
-import { default as zo } from "./components/Carousel/CarouselDots.js";
-import { default as qo } from "./components/Detail/Detail.js";
-import { default as Ko } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as _o } from "./patterns/DetailList/types.js";
-import { default as er } from "./components/PinchZoom/PinchZoom.js";
-import { default as or } from "./components/Tabs/TabsContainer.js";
-import { default as ar } from "./components/Tabs/TabsContent.js";
-import { default as sr } from "./components/SeldonImage/SeldonImage.js";
-import { default as dr } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as pr } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as xr } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as ir } from "./components/Filter/Filter.js";
-import { default as cr } from "./components/Filter/FilterInput.js";
-import { default as Sr } from "./components/Filter/FilterHeader.js";
-import { default as Lr } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Ar } from "./components/Countdown/types.js";
-import { default as kr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as br } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as wr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as vr, BidStatusEnum as Fr } from "./patterns/BidSnapshot/types.js";
-import { default as Mr } from "./components/Article/Article.js";
+import { default as hr } from "./components/Dropdown/Dropdown.js";
+import { default as Lr } from "./components/Video/Video.js";
+import { default as Tr } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Ir } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as Br } from "./components/ContentPeek/utils.js";
+import { default as Vr } from "./components/Collapsible/Collapsible.js";
+import { default as Fr } from "./components/Collapsible/CollapsibleContent.js";
+import { default as Mr } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as Dr } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Rr } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Or } from "./components/Carousel/Carousel.js";
+import { default as Er } from "./components/Carousel/CarouselArrows.js";
+import { default as Qr } from "./components/Carousel/CarouselContent.js";
+import { default as jr } from "./components/Carousel/CarouselItem.js";
+import { default as Zr } from "./components/Carousel/CarouselDots.js";
+import { default as Jr } from "./components/Detail/Detail.js";
+import { default as Xr } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as $r } from "./patterns/DetailList/types.js";
+import { default as to } from "./components/PinchZoom/PinchZoom.js";
+import { default as oo } from "./components/Tabs/TabsContainer.js";
+import { default as fo } from "./components/Tabs/TabsContent.js";
+import { default as lo } from "./components/SeldonImage/SeldonImage.js";
+import { default as po } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as xo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as io } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as co } from "./components/Filter/Filter.js";
+import { default as So } from "./components/Filter/FilterInput.js";
+import { default as Ao } from "./components/Filter/FilterHeader.js";
+import { default as Po } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as ko } from "./components/Countdown/types.js";
+import { default as bo } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as wo } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as vo } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as yo, BidStatusEnum as Mo } from "./patterns/BidSnapshot/types.js";
+import { default as Do } from "./components/Article/Article.js";
+import { default as Ro } from "./components/TextArea/TextArea.js";
 export {
-  ao as Accordion,
-  so as AccordionItem,
-  mo as AccordionItemVariant,
-  po as AccordionVariants,
+  sr as Accordion,
+  dr as AccordionItem,
+  pr as AccordionItemVariant,
+  ur as AccordionVariants,
   h as AccountCircle,
-  P as ArrowPrev,
-  Mr as Article,
-  ye as AuctionStatus,
-  io as AuthState,
-  wr as BidMessage,
-  vr as BidMessageVariants,
-  br as BidSnapshot,
-  Fr as BidStatusEnum,
-  co as Breadcrumb,
+  L as ArrowPrev,
+  Do as Article,
+  Ne as AuctionStatus,
+  gr as AuthState,
+  vo as BidMessage,
+  yo as BidMessageVariants,
+  wo as BidSnapshot,
+  Mo as BidStatusEnum,
+  Cr as Breadcrumb,
   f as BreakpointTokens,
-  He as Button,
-  Ge as ButtonVariants,
+  Ge as Button,
+  Ue as ButtonVariants,
   T as Calendar,
   I as CalendarAlt,
-  Go as Carousel,
+  Or as Carousel,
   B as CarouselArrowNext,
   V as CarouselArrowPrev,
-  Uo as CarouselArrows,
-  Wo as CarouselContent,
-  zo as CarouselDots,
-  Yo as CarouselItem,
+  Er as CarouselArrows,
+  Qr as CarouselContent,
+  Zr as CarouselDots,
+  jr as CarouselItem,
   F as Checkmark,
   M as ChevronDown,
   D as ChevronNext,
   R as ChevronRight,
   O as Close,
-  wo as Collapsible,
-  vo as CollapsibleContent,
-  yo as CollapsibleTrigger,
-  ko as ContentPeek,
-  bo as ContentPeekHeightUnits,
-  Lr as Countdown,
-  Ar as CountdownVariants,
-  qo as Detail,
-  Ko as DetailList,
-  _o as DetailListAlignment,
-  Ut as Drawer,
-  So as Dropdown,
-  We as ErrorBoundary,
+  Vr as Collapsible,
+  Fr as CollapsibleContent,
+  Mr as CollapsibleTrigger,
+  Ir as ContentPeek,
+  Br as ContentPeekHeightUnits,
+  Po as Countdown,
+  ko as CountdownVariants,
+  Jr as Detail,
+  Xr as DetailList,
+  $r as DetailListAlignment,
+  Wt as Drawer,
+  hr as Dropdown,
+  Ye as ErrorBoundary,
   j as Facebook,
   E as Favorite,
   Q as FavoriteOutline,
-  ir as Filter,
-  Sr as FilterHeader,
-  cr as FilterInput,
-  xr as FilterMenu,
-  Ye as Footer,
+  co as Filter,
+  Ao as FilterHeader,
+  So as FilterInput,
+  io as FilterMenu,
+  ze as Footer,
   Z as FooterInstagram,
   $ as FooterWeChat,
-  Pe as GreenCircle,
-  ze as Grid,
-  St as GridItem,
-  Lt as GridItemAlign,
-  qe as Header,
-  at as HeroBanner,
-  Ue as IconButton,
-  st as Input,
+  Te as GreenCircle,
+  qe as Grid,
+  At as GridItem,
+  Pt as GridItemAlign,
+  Ke as Header,
+  st as HeroBanner,
+  We as IconButton,
+  dt as Input,
   te as Instagram,
-  Ao as LanguageSelector,
-  dt as Link,
-  xt as LinkBlock,
-  it as LinkList,
-  pt as LinkVariants,
+  Tr as LanguageSelector,
+  pt as Link,
+  it as LinkBlock,
+  ct as LinkList,
+  xt as LinkVariants,
   J as LinkedIn,
-  re as Lock,
-  Me as LotStatus,
-  fe as Minus,
-  Gt as Modal,
-  Ke as Navigation,
-  _e as NavigationItem,
-  et as NavigationItemTrigger,
-  ot as NavigationList,
-  kr as ObjectTile,
+  oe as Lock,
+  De as LotStatus,
+  fe as Menu,
+  le as Minus,
+  Ut as Modal,
+  _e as Navigation,
+  et as NavigationItem,
+  rt as NavigationItemTrigger,
+  at as NavigationList,
+  bo as ObjectTile,
   s as PaddingTokens,
-  Ie as Page,
-  Ho as PageContentWrapper,
-  Wt as Pagination,
-  le as PhillipsLogo,
-  er as PinchZoom,
-  me as Plus,
-  ue as React,
-  Te as RedCircle,
+  Be as Page,
+  Rr as PageContentWrapper,
+  Yt as Pagination,
+  me as PhillipsLogo,
+  to as PinchZoom,
+  ue as Plus,
+  ne as React,
+  Ie as RedCircle,
   X as Reddit,
-  ct as Row,
-  Ve as SSRMediaQuery,
-  dr as SaleHeaderBanner,
-  pr as SaleHeaderBrowseAuctions,
-  At as Search,
-  sr as SeldonImage,
-  No as SeldonProvider,
-  kt as Select,
-  bt as SelectVariants,
-  ne as Share,
-  Nt as Social,
+  St as Row,
+  Fe as SSRMediaQuery,
+  po as SaleHeaderBanner,
+  xo as SaleHeaderBrowseAuctions,
+  kt as Search,
+  lo as SeldonImage,
+  Dr as SeldonProvider,
+  bt as Select,
+  wt as SelectVariants,
+  ge as Share,
+  Ht as Social,
   l as SpacingTokens,
-  wt as SplitPanel,
-  ge as Spotify,
-  Zt as StatefulViewingsList,
-  vt as Subscribe,
-  yt as SubscriptionState,
-  Ne as SupportedLanguages,
-  or as TabsContainer,
-  ar as TabsContent,
-  Yt as Tag,
-  jt as TagsList,
-  _t as Text,
-  Jt as TextAlignments,
-  eo as TextSymbolVariants,
-  oo as TextSymbols,
-  Kt as TextVariants,
-  xo as UserManagement,
-  Lo as Video,
-  Ht as ViewingsList,
-  Ce as WeChat,
-  he as Youtube,
+  vt as SplitPanel,
+  Ce as Spotify,
+  Jt as StatefulViewingsList,
+  yt as Subscribe,
+  Nt as SubscriptionState,
+  He as SupportedLanguages,
+  oo as TabsContainer,
+  fo as TabsContent,
+  zt as Tag,
+  Zt as TagsList,
+  er as Text,
+  Xt as TextAlignments,
+  Ro as TextArea,
+  rr as TextSymbolVariants,
+  ar as TextSymbols,
+  _t as TextVariants,
+  nr as UserManagement,
+  Lr as Video,
+  Gt as ViewingsList,
+  he as WeChat,
+  Le as Youtube,
   d as defaultYear,
   m as emailValidation,
   p as encodeURLSearchParams,
@@ -244,7 +248,7 @@ export {
   i as getCommonProps,
   g as noOp,
   c as px,
-  ve as ssrMediaQueryStyle,
+  ye as ssrMediaQueryStyle,
   C as useNormalizedInputProps,
-  Be as usePendingState
+  Ve as usePendingState
 };

package/dist/patterns/Subscribe/Subscribe.d.ts

@@ -17,6 +17,10 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
      * Optional element to render in place of a form e.g. Remix Form, etc
      */
     element?: React.ElementType<SubscribeProps>;
+    /**
+     * A unique `id` for the `<Subscribe>`
+     */
+    id: string;
     /**
      * Subscribe input label
      */
@@ -63,5 +67,5 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-subscribe--overview)
  */
-declare const Subscribe: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
+declare const Subscribe: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, id, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
 export default Subscribe;

package/dist/patterns/Subscribe/Subscribe.js

@@ -1,66 +1,68 @@
-import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import I from "../../node_modules/classnames/index.js";
-import { getCommonProps as L } from "../../utils/index.js";
-import S from "../../components/Input/Input.js";
-import T from "../../components/Button/Button.js";
+import { jsxs as I, jsx as n } from "react/jsx-runtime";
+import L from "../../node_modules/classnames/index.js";
+import { getCommonProps as S } from "../../utils/index.js";
+import T from "../../components/Input/Input.js";
+import j from "../../components/Button/Button.js";
 import { SubscriptionState as o } from "./types.js";
-import { ButtonVariants as j } from "../../components/Button/types.js";
-const k = ({
-  autoFocus: m = !0,
-  blurb: a,
-  buttonText: c = "Sign Up",
+import { ButtonVariants as w } from "../../components/Button/types.js";
+const z = ({
+  autoFocus: c = !0,
+  blurb: s,
+  buttonText: u = "Sign Up",
   buttonProps: d,
-  className: s,
-  element: u = "form",
-  inputLabelText: p = "Enter Your Email Address To Sign Up*",
-  inputPlaceholder: f = "example@email.com",
-  title: g = "Never Miss A Moment",
-  loadingText: _ = "Loading...",
-  invalidText: h = "",
-  errorText: v = "An error occurred. Please try again.",
-  successText: x,
-  privacyText: i = "By signing up, you agree to receive email communications from Phillips.",
+  className: i,
+  element: p = "form",
+  inputLabelText: f = "Enter Your Email Address To Sign Up*",
+  inputPlaceholder: g = "example@email.com",
+  title: _ = "Never Miss A Moment",
+  loadingText: h = "Loading...",
+  invalidText: v = "",
+  errorText: x = "An error occurred. Please try again.",
+  successText: N,
+  privacyText: t = "By signing up, you agree to receive email communications from Phillips.",
   subscriptionState: e = o.Default,
-  ...t
+  id: a,
+  ...l
 }) => {
-  const { className: r, ...N } = L(t, "Subscribe"), y = e === o.Invalid, $ = e === o.Loading, b = e === o.Success, E = e === o.Error, P = {
-    invalid: h,
-    success: x,
-    loading: _,
-    error: v
-  }, l = e !== o.Default ? P[e] : "", A = b || $, B = y || E;
-  return /* @__PURE__ */ C(u, { ...N, className: I(r, s), noValidate: !0, ...t, children: [
-    /* @__PURE__ */ n("h3", { className: `${r}__title`, children: g }),
-    a ? /* @__PURE__ */ n("p", { className: `${r}__blurb`, children: a }) : null,
+  const { className: r, ...$ } = S({ id: a, ...l }, "Subscribe"), y = e === o.Invalid, b = e === o.Loading, E = e === o.Success, P = e === o.Error, A = {
+    invalid: v,
+    success: N,
+    loading: h,
+    error: x
+  }, m = e !== o.Default ? A[e] : "", B = E || b, C = y || P;
+  return /* @__PURE__ */ I(p, { id: a, ...$, className: L(r, i), noValidate: !0, ...l, children: [
+    /* @__PURE__ */ n("h3", { className: `${r}__title`, children: _ }),
+    s ? /* @__PURE__ */ n("p", { className: `${r}__blurb`, children: s }) : null,
     /* @__PURE__ */ n(
-      S,
+      T,
       {
-        autoFocus: m,
+        autoFocus: c,
         className: `${r}__input`,
         type: "email",
         name: "email",
-        placeholder: f,
-        labelText: p,
-        invalid: B,
-        invalidText: l,
-        warn: A,
-        warnText: l,
-        required: !0
+        placeholder: g,
+        labelText: f,
+        invalid: C,
+        invalidText: m,
+        warn: B,
+        warnText: m,
+        required: !0,
+        id: `${a}-input`
       }
     ),
     /* @__PURE__ */ n(
-      T,
+      j,
       {
-        className: `${r}__button ${s}`,
-        variant: j.secondary,
+        className: `${r}__button ${i}`,
+        variant: w.secondary,
         type: "submit",
         ...d,
-        children: c
+        children: u
       }
     ),
-    i ? /* @__PURE__ */ n("p", { className: `${r}__privacy`, children: i }) : null
+    t ? /* @__PURE__ */ n("p", { className: `${r}__privacy`, children: t }) : null
   ] });
 };
 export {
-  k as default
+  z as default
 };

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

@@ -2,7 +2,7 @@ import { SubscribeProps } from './Subscribe';
 import { SubscriptionState } from './types';
 declare const meta: {
     title: string;
-    component: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, id, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 export declare const Playground: {

package/dist/scss/_vars.scss

@@ -103,10 +103,9 @@ $snwHeaderLink: 'snwHeaderLink';
 $snwFlyoutLink: 'snwFlyoutLink';
 $snwHeadingHero1: 'snwHeadingHero1';
 $snwHeadingHero2: 'snwHeadingHero2';
-$text-tokens:
-  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
-  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
-  $snwHeadingHero1, $snwHeadingHero2;
+$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
+  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/componentStyles.scss

@@ -63,3 +63,4 @@
 @use 'site-furniture/Header/header';
 @use 'site-furniture/Footer/footer';
 @use 'components/Article/article';
+@use 'components/TextArea/textArea';