@phillips/seldon 1.131.0 → 1.132.0

package/dist/assets/icons.d.ts

@@ -18,6 +18,7 @@ export { default as Reddit } from './icon-footer-red.svg?react';
 export { default as FooterWeChat } from './icon-footer-wechat.svg?react';
 export { default as Instagram } from './instagram.svg?react';
 export { default as Lock } from './lock.svg?react';
+export { default as Menu } from './menu.svg?react';
 export { default as Minus } from './minus.svg?react';
 export { default as PhillipsLogo } from './PhillipsLogo.svg?react';
 export { default as Plus } from './plus.svg?react';

package/dist/assets/menu.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M2 8H22M2 16H22", stroke: "black", strokeWidth: 2 }));
+export {
+  o as default
+};

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps } from 'react';
+export interface TextAreaProps extends ComponentProps<'textarea'> {
+    /**
+     * Optional classnane
+     */
+    className?: string;
+    /**
+     * Boolean to specify whether we need to display skeleton loader
+     */
+    isSkeletonLoading?: boolean;
+    /**
+     * Text that will be read by a screen reader when visiting this control
+     */
+    labelText: React.ReactNode;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=11973-9589&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-textarea--overview)
+ */
+declare const TextArea: import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,43 @@
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { forwardRef as $, useId as u } from "react";
+import l from "../../node_modules/classnames/index.js";
+import { px as r } from "../../utils/index.js";
+import N from "../../assets/menu.svg.js";
+const _ = $(
+  ({ className: o, id: e, isSkeletonLoading: m, labelText: i, maxLength: n = 3e3, name: c, rows: d = 2, ...p }, x) => {
+    const s = `${r}-text-area`, a = u();
+    return /* @__PURE__ */ f("div", { className: l(`${s}__wrapper`), children: [
+      /* @__PURE__ */ t(
+        "label",
+        {
+          "data-testid": `text-area-${e ?? a}-label`,
+          htmlFor: e ?? a,
+          className: l(`${r}-input__label`, {
+            [`${r}-skeleton`]: m
+          }),
+          children: i
+        }
+      ),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          ...p,
+          className: l(s, o, {
+            [`${r}-skeleton`]: m
+          }),
+          id: e ?? a,
+          rows: d,
+          maxLength: n,
+          name: c,
+          ref: x,
+          "data-testid": `text-area-${e ?? a}-input`
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: `${s}-resizer__icon`, children: /* @__PURE__ */ t(N, {}) })
+    ] });
+  }
+);
+_.displayName = "TextArea";
+export {
+  _ as default
+};

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

@@ -0,0 +1,44 @@
+import { TextAreaProps } from './TextArea';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        labelText: string;
+        rows: number;
+        isSkeletonLoading: boolean;
+        name: string;
+        maxLength: number;
+    };
+    argTypes: {
+        labelText: {
+            control: {
+                type: string;
+            };
+        };
+        rows: {
+            control: {
+                type: string;
+            };
+        };
+        isSkeletonLoading: {
+            control: {
+                type: string;
+            };
+        };
+        maxLength: {
+            control: {
+                type: string;
+            };
+        };
+        name: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};

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

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

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

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

package/dist/index.d.ts

@@ -66,3 +66,4 @@ export * from './components/Countdown/types';
 export * from './patterns/ObjectTile';
 export * from './patterns/BidSnapshot';
 export * from './components/Article';
+export * from './components/TextArea';

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/node_modules/exenv/index.js

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

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

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

package/dist/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';

package/dist/scss/components/TextArea/_textArea.scss

@@ -0,0 +1,67 @@
+@use '../../allPartials' as *;
+
+.#{$px}-text-area {
+  @include text($string2);
+
+  accent-color: $soft-black;
+  border: 1px solid $keyline-gray;
+  border-radius: 0.1875rem;
+  min-height: 50px; // 50px is the height of 2 rows
+  padding: $padding-xsm;
+  resize: vertical;
+  width: 100%;
+
+  &__wrapper {
+    display: flex;
+    flex-direction: column;
+    font-variation-settings: 'wght' 600;
+    margin-bottom: 0.25rem;
+    position: relative;
+  }
+
+  &-resizer__icon {
+    bottom: $padding-xsm;
+    height: 0.75rem;
+    pointer-events: none;
+    position: absolute;
+    right: $padding-xsm;
+    width: 0.75rem;
+
+    svg {
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  &:focus-visible {
+    outline: 1px solid $pure-black;
+  }
+
+  &__label {
+    @include text($string2);
+
+    color: $pure-black;
+    font-variation-settings: 'wght' 600;
+    margin-bottom: 0.5rem;
+    width: fit-content;
+    word-break: break-word;
+  }
+
+  &::-webkit-resizer {
+    bottom: 0;
+    height: 28px;
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    width: 28px;
+  }
+
+  &::-moz-resizer {
+    bottom: 0;
+    height: 28px;
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    width: 28px;
+  }
+}

package/package.json

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