@phillips/seldon 1.105.2 → 1.106.1

package/dist/components/Input/Input.js

@@ -54,7 +54,7 @@ const k = o.forwardRef(
       /* @__PURE__ */ s(
         "input",
         {
-          className: a(`${i}-input__input`, { className: e }),
+          className: a(`${i}-input__input`, e),
           "data-testid": n,
           disabled: t.disabled,
           id: n || d,

package/dist/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextVariants } from './types';
+import { TextAlignments, TextVariants } from './types';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to the appropriate HTML based on the variant.
@@ -9,6 +9,10 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
      * The OOTB style to apply to the text
      */
     variant?: TextVariants;
+    /**
+     * The alignment of the text
+     */
+    align?: TextAlignments;
 }
 /**
  * ## Overview
@@ -19,5 +23,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
  */
-declare const Text: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: ({ children, className, element: CustomElement, variant, align, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

package/dist/components/Text/Text.js

@@ -1,20 +1,29 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getCommonProps as c } from "../../utils/index.js";
-import { TextVariants as f } from "./types.js";
-import { determineDefaultTextElement as i, determineTextClassName as p } from "./utils.js";
-import x from "../../node_modules/classnames/index.js";
-const b = ({ children: t, className: o, element: s, variant: e = f.body2, ...m }) => {
-  const r = s || i(e), { className: a, ...n } = c(m, "Text");
-  return /* @__PURE__ */ l(
-    r,
+import { jsx as c } from "react/jsx-runtime";
+import { getCommonProps as f } from "../../utils/index.js";
+import { TextVariants as p } from "./types.js";
+import { determineDefaultTextElement as x, determineTextClassName as i } from "./utils.js";
+import T from "../../node_modules/classnames/index.js";
+const P = ({
+  children: s,
+  className: r,
+  element: a,
+  variant: e = p.body2,
+  align: m,
+  ...t
+}) => {
+  const n = a || x(e), { className: o, ...l } = f(t, "Text");
+  return /* @__PURE__ */ c(
+    n,
     {
-      ...n,
-      className: x(a, o, p(e)),
-      ...m,
-      children: t
+      ...l,
+      className: T(o, r, i(e), {
+        [`${o}--${m}`]: !!m
+      }),
+      ...t,
+      children: s
     }
   );
 };
 export {
-  b as default
+  P as default
 };

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

@@ -1,8 +1,8 @@
 import { TextProps } from './Text';
-import { TextVariants } from './types';
+import { TextAlignments, TextVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, element: CustomElement, variant, align, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 export declare const Playground: {
@@ -17,6 +17,12 @@ export declare const Playground: {
                 type: string;
             };
         };
+        align: {
+            options: typeof TextAlignments;
+            control: {
+                type: string;
+            };
+        };
     };
 };
 export declare const SuperScript: {
@@ -32,5 +38,11 @@ export declare const SuperScript: {
                 type: string;
             };
         };
+        align: {
+            options: typeof TextAlignments;
+            control: {
+                type: string;
+            };
+        };
     };
 };

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

@@ -1,2 +1,2 @@
-export { TextVariants } from './types';
+export { TextVariants, TextAlignments } from './types';
 export { default as Text, type TextProps } from './Text';

package/dist/components/Text/types.d.ts

@@ -25,3 +25,8 @@ export declare enum TextVariants {
     snwHeadingHero1 = "snwHeadingHero1",
     snwHeadingHero2 = "snwHeadingHero2"
 }
+export declare enum TextAlignments {
+    left = "left",
+    center = "center",
+    right = "right"
+}

package/dist/components/Text/types.js

@@ -1,4 +1,5 @@
-var g = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d.snwHeadingHero1 = "snwHeadingHero1", d.snwHeadingHero2 = "snwHeadingHero2", d))(g || {});
+var g = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d.snwHeadingHero1 = "snwHeadingHero1", d.snwHeadingHero2 = "snwHeadingHero2", d))(g || {}), l = /* @__PURE__ */ ((d) => (d.left = "left", d.center = "center", d.right = "right", d))(l || {});
 export {
+  l as TextAlignments,
   g as TextVariants
 };

package/dist/index.js

@@ -1,10 +1,10 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
 import { default as h } from "./assets/arrowPrev.svg.js";
-import { default as I } from "./assets/calendar.svg.js";
+import { default as T } from "./assets/calendar.svg.js";
 import { default as b } from "./assets/calendarAlt.svg.js";
-import { default as V } from "./assets/chevronDown.svg.js";
-import { default as A } from "./assets/chevronNext.svg.js";
+import { default as B } from "./assets/chevronDown.svg.js";
+import { default as k } from "./assets/chevronNext.svg.js";
 import { default as w } from "./assets/chevronRight.svg.js";
 import { default as y } from "./assets/close.svg.js";
 import { default as D } from "./assets/favorite.svg.js";
@@ -25,12 +25,12 @@ import { default as se } from "./assets/share.svg.js";
 import { default as de } from "./assets/spotify.svg.js";
 import { default as pe } from "./assets/wechat.svg.js";
 import { default as xe } from "./assets/youtube.svg.js";
-import { default as ne } from "./assets/icon-green-circle.svg.js";
+import { default as ie } from "./assets/icon-green-circle.svg.js";
 import { default as ce } from "./assets/icon-red-circle.svg.js";
 import { default as Se } from "./pages/Page.js";
 import { usePendingState as he } from "./utils/hooks.js";
-import { SSRMediaQuery as Ie, ssrMediaQueryStyle as Te } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as Be, LotStatus as Ve, SupportedLanguages as ke } from "./types/commonTypes.js";
+import { SSRMediaQuery as Te, ssrMediaQueryStyle as Ie } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as Ae, LotStatus as Be, SupportedLanguages as Ve } from "./types/commonTypes.js";
 import { default as ve } from "./components/Button/Button.js";
 import { ButtonVariants as Fe } from "./components/Button/types.js";
 import { default as Me } from "./components/IconButton/IconButton.js";
@@ -50,176 +50,177 @@ import { default as ft } from "./components/LinkBlock/LinkBlock.js";
 import { default as lt } from "./components/LinkList/LinkList.js";
 import { default as mt } from "./components/Row/Row.js";
 import { default as ut } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as it } from "./components/GridItem/types.js";
+import { GridItemAlign as nt } from "./components/GridItem/types.js";
 import { default as gt } from "./components/Search/Search.js";
 import { default as Ct } from "./components/Select/Select.js";
 import { SelectVariants as Lt } from "./components/Select/types.js";
 import { default as Pt } from "./components/SplitPanel/SplitPanel.js";
-import { default as Tt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Bt } from "./patterns/Subscribe/types.js";
-import { default as kt } from "./patterns/Social/Social.js";
+import { default as It } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as At } from "./patterns/Subscribe/types.js";
+import { default as Vt } from "./patterns/Social/Social.js";
 import { default as vt } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Ft } from "./components/Modal/Modal.js";
 import { default as Mt } from "./components/Drawer/Drawer.js";
 import { default as Ht } from "./components/Pagination/Pagination.js";
 import { Tag as Rt, default as Gt } from "./components/Tags/Tags.js";
 import { default as Ut } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Wt } from "./components/Text/types.js";
-import { default as Yt } from "./components/Text/Text.js";
-import { TextSymbolVariants as zt } from "./components/TextSymbol/types.js";
-import { default as qt } from "./components/TextSymbol/TextSymbol.js";
-import { default as Kt } from "./components/Accordion/Accordion.js";
-import { default as _t } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as eo, AccordionVariants as to } from "./components/Accordion/types.js";
-import { default as ro } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as fo } from "./patterns/UserManagement/types.js";
-import { default as lo } from "./components/Breadcrumb/Breadcrumb.js";
+import { TextAlignments as Wt, TextVariants as Qt } from "./components/Text/types.js";
+import { default as jt } from "./components/Text/Text.js";
+import { TextSymbolVariants as Zt } from "./components/TextSymbol/types.js";
+import { default as Jt } from "./components/TextSymbol/TextSymbol.js";
+import { default as Xt } from "./components/Accordion/Accordion.js";
+import { default as $t } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as to, AccordionVariants as oo } from "./components/Accordion/types.js";
+import { default as ao } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as so } from "./patterns/UserManagement/types.js";
+import { default as mo } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as po } from "./components/Dropdown/Dropdown.js";
-import { default as xo } from "./components/Video/Video.js";
-import { default as no } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as co } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as So } from "./components/ContentPeek/utils.js";
-import { default as ho } from "./components/Collapsible/Collapsible.js";
+import { default as uo } from "./components/Dropdown/Dropdown.js";
+import { default as no } from "./components/Video/Video.js";
+import { default as go } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Co } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as Lo } from "./components/ContentPeek/utils.js";
+import { default as Po } from "./components/Collapsible/Collapsible.js";
 import { default as Io } from "./components/Collapsible/CollapsibleContent.js";
-import { default as bo } from "./components/Collapsible/CollapsibleTrigger.js";
+import { default as Ao } from "./components/Collapsible/CollapsibleTrigger.js";
 import { SeldonProvider as Vo } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Ao } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as wo } from "./components/Carousel/Carousel.js";
-import { default as yo } from "./components/Carousel/CarouselContent.js";
-import { default as Do } from "./components/Carousel/CarouselItem.js";
-import { default as No } from "./components/Carousel/CarouselDots.js";
-import { default as Go } from "./components/Detail/Detail.js";
-import { default as Uo } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Wo } from "./patterns/DetailList/types.js";
-import { default as Yo } from "./components/PinchZoom/PinchZoom.js";
-import { default as zo } from "./components/Tabs/TabsContainer.js";
-import { default as qo } from "./components/Tabs/TabsContent.js";
-import { default as Ko } from "./components/SeldonImage/SeldonImage.js";
-import { default as _o } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as er } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as or } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as ar } from "./components/Filter/Filter.js";
-import { default as sr } from "./components/Filter/FilterInput.js";
-import { default as dr } from "./components/Filter/FilterHeader.js";
-import { default as pr } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as xr } from "./components/Countdown/types.js";
-import { default as nr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as cr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Sr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as hr, BidStatusEnum as Pr } from "./patterns/BidSnapshot/types.js";
+import { default as vo } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Fo } from "./components/Carousel/Carousel.js";
+import { default as Mo } from "./components/Carousel/CarouselContent.js";
+import { default as Ho } from "./components/Carousel/CarouselItem.js";
+import { default as Ro } from "./components/Carousel/CarouselDots.js";
+import { default as Oo } from "./components/Detail/Detail.js";
+import { default as Eo } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Qo } from "./patterns/DetailList/types.js";
+import { default as jo } from "./components/PinchZoom/PinchZoom.js";
+import { default as Zo } from "./components/Tabs/TabsContainer.js";
+import { default as Jo } from "./components/Tabs/TabsContent.js";
+import { default as Xo } from "./components/SeldonImage/SeldonImage.js";
+import { default as $o } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as tr } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as rr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as fr } from "./components/Filter/Filter.js";
+import { default as lr } from "./components/Filter/FilterInput.js";
+import { default as mr } from "./components/Filter/FilterHeader.js";
+import { default as ur } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as nr } from "./components/Countdown/types.js";
+import { default as gr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Lr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Pr, BidStatusEnum as Tr } from "./patterns/BidSnapshot/types.js";
 export {
-  Kt as Accordion,
-  _t as AccordionItem,
-  eo as AccordionItemVariant,
-  to as AccordionVariants,
+  Xt as Accordion,
+  $t as AccordionItem,
+  to as AccordionItemVariant,
+  oo as AccordionVariants,
   S as AccountCircle,
   h as ArrowPrev,
-  Be as AuctionStatus,
-  fo as AuthState,
-  Sr as BidMessage,
-  hr as BidMessageVariants,
-  cr as BidSnapshot,
-  Pr as BidStatusEnum,
-  lo as Breadcrumb,
+  Ae as AuctionStatus,
+  so as AuthState,
+  Lr as BidMessage,
+  Pr as BidMessageVariants,
+  Cr as BidSnapshot,
+  Tr as BidStatusEnum,
+  mo as Breadcrumb,
   ve as Button,
   Fe as ButtonVariants,
-  I as Calendar,
+  T as Calendar,
   b as CalendarAlt,
-  wo as Carousel,
-  yo as CarouselContent,
-  No as CarouselDots,
-  Do as CarouselItem,
-  V as ChevronDown,
-  A as ChevronNext,
+  Fo as Carousel,
+  Mo as CarouselContent,
+  Ro as CarouselDots,
+  Ho as CarouselItem,
+  B as ChevronDown,
+  k as ChevronNext,
   w as ChevronRight,
   y as Close,
-  ho as Collapsible,
+  Po as Collapsible,
   Io as CollapsibleContent,
-  bo as CollapsibleTrigger,
-  co as ContentPeek,
-  So as ContentPeekHeightUnits,
-  pr as Countdown,
-  xr as CountdownVariants,
-  Go as Detail,
-  Uo as DetailList,
-  Wo as DetailListAlignment,
+  Ao as CollapsibleTrigger,
+  Co as ContentPeek,
+  Lo as ContentPeekHeightUnits,
+  ur as Countdown,
+  nr as CountdownVariants,
+  Oo as Detail,
+  Eo as DetailList,
+  Qo as DetailListAlignment,
   Mt as Drawer,
-  po as Dropdown,
+  uo as Dropdown,
   He as ErrorBoundary,
   G as Facebook,
   D as Favorite,
   N as FavoriteOutline,
-  ar as Filter,
-  dr as FilterHeader,
-  sr as FilterInput,
-  or as FilterMenu,
+  fr as Filter,
+  mr as FilterHeader,
+  lr as FilterInput,
+  rr as FilterMenu,
   Re as Footer,
   U as FooterInstagram,
   z as FooterWeChat,
-  ne as GreenCircle,
+  ie as GreenCircle,
   Oe as Grid,
   ut as GridItem,
-  it as GridItemAlign,
+  nt as GridItemAlign,
   Ee as Header,
   Xe as HeroBanner,
   Me as IconButton,
   $e as Input,
   q as Instagram,
-  no as LanguageSelector,
+  go as LanguageSelector,
   tt as Link,
   ft as LinkBlock,
   lt as LinkList,
   rt as LinkVariants,
   W as LinkedIn,
   K as Lock,
-  Ve as LotStatus,
+  Be as LotStatus,
   _ as Minus,
   Ft as Modal,
   Qe as Navigation,
   je as NavigationItem,
   Ze as NavigationItemTrigger,
   Je as NavigationList,
-  nr as ObjectTile,
+  gr as ObjectTile,
   f as PaddingTokens,
   Se as Page,
-  Ao as PageContentWrapper,
+  vo as PageContentWrapper,
   Ht as Pagination,
   ee as PhillipsLogo,
-  Yo as PinchZoom,
+  jo as PinchZoom,
   oe as Plus,
   ae as React,
   ce as RedCircle,
   Y as Reddit,
   mt as Row,
-  Ie as SSRMediaQuery,
-  _o as SaleHeaderBanner,
-  er as SaleHeaderBrowseAuctions,
+  Te as SSRMediaQuery,
+  $o as SaleHeaderBanner,
+  tr as SaleHeaderBrowseAuctions,
   gt as Search,
-  Ko as SeldonImage,
+  Xo as SeldonImage,
   Vo as SeldonProvider,
   Ct as Select,
   Lt as SelectVariants,
   se as Share,
-  kt as Social,
+  Vt as Social,
   s as SpacingTokens,
   Pt as SplitPanel,
   de as Spotify,
   Ut as StatefulViewingsList,
-  Tt as Subscribe,
-  Bt as SubscriptionState,
-  ke as SupportedLanguages,
-  zo as TabsContainer,
-  qo as TabsContent,
+  It as Subscribe,
+  At as SubscriptionState,
+  Ve as SupportedLanguages,
+  Zo as TabsContainer,
+  Jo as TabsContent,
   Rt as Tag,
   Gt as TagsList,
-  Yt as Text,
-  zt as TextSymbolVariants,
-  qt as TextSymbols,
-  Wt as TextVariants,
-  ro as UserManagement,
-  xo as Video,
+  jt as Text,
+  Wt as TextAlignments,
+  Zt as TextSymbolVariants,
+  Jt as TextSymbols,
+  Qt as TextVariants,
+  ao as UserManagement,
+  no as Video,
   vt as ViewingsList,
   pe as WeChat,
   xe as Youtube,
@@ -229,10 +230,10 @@ export {
   p as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
-  i as getCommonProps,
-  n as noOp,
+  n as getCommonProps,
+  i as noOp,
   g as px,
-  Te as ssrMediaQueryStyle,
+  Ie as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   he as usePendingState
 };

package/dist/scss/components/GridItem/_gridItem.scss

@@ -11,13 +11,11 @@
 
   &-align-center {
     grid-column: math.ceil(math.div($total-cols + 1 - $span, 2)) / span #{$span};
-    text-align: center;
   }
 }
 
 .#{$px}-grid-item {
   justify-self: center;
-  text-align: center;
   width: 100%;
 
   @for $i from 1 through 2 {

package/dist/scss/components/Text/_text.scss

@@ -8,6 +8,18 @@
       @include text($variant);
     }
   }
+
+  &--left {
+    text-align: left;
+  }
+
+  &--center {
+    text-align: center;
+  }
+
+  &--right {
+    text-align: right;
+  }
 }
 
 h1.#{$px}-text,

package/package.json

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