@phillips/seldon 1.133.0 → 1.133.1

package/dist/components/GridItem/GridItem.d.ts

@@ -6,45 +6,12 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     align?: GridItemAlign;
     /**
-     * Determines how many columns this GridItem spans at the xs breakpoint, defaults to the maximum of 2 columns.  If there are less than 2 columns in the Grid at the xs breakpoint it will be centered.
+     * column spans at different breakpoints, defaults to all columns.  If less than the total number of columns at the breakpoint it will be centered.
      */
     xs?: number;
-    /**
-     * Determines how many columns this GridItem spans at the sm breakpoint, defaults to the maximum of 2 columns.  If there are less than 2 columns in the Grid at the sm breakpoint it will be centered.
-     */
     sm?: number;
-    /**
-     * Determines how many columns this GridItem spans at the md breakpoint, defaults to the maximum of 6 columns.  If there are less than 6 columns in the Grid at the md breakpoint they will be centered.
-     */
     md?: number;
-    /**
-     * Determines how many columns this GridItem spans at the lg breakpoint, defaults to the maximum of 12 columns.  If there are less than 2 columns in the Grid at the lg breakpoint they will be centered.
-     */
     lg?: number;
-    /**
-     * Determines how many columns this GridItem spans at the xl breakpoint, defaults to the maximum of 12 columns.  If there are less than 2 columns in the Grid at the xl breakpoint they will be centered.
-     */
-    xl?: number;
-    /**
-     * The starting column for this GridItem at the xs breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the xs breakpoint.
-     */
-    xsColStart?: number;
-    /**
-     * The starting column for this GridItem at the sm breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the sm breakpoint.
-     */
-    smColStart?: number;
-    /**
-     * The starting column for this GridItem at the md breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the md breakpoint.
-     */
-    mdColStart?: number;
-    /**
-     * The starting column for this GridItem at the lg breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the lg breakpoint.
-     */
-    lgColStart?: number;
-    /**
-     * The starting column for this GridItem at the xl breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the xl breakpoint.
-     */
-    xlColStart?: number;
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to 'div'.
      */
@@ -60,5 +27,5 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-griditem--overview)
  */
-declare const GridItem: ({ children, xs, sm, md, lg, xl, xsColStart, smColStart, mdColStart, lgColStart, xlColStart, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const GridItem: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GridItem;

package/dist/components/GridItem/GridItem.js

@@ -1,40 +1,30 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useMemo as m } from "react";
-import { getCommonProps as k } from "../../utils/index.js";
-import A from "../../node_modules/classnames/index.js";
-import { determineColumnSpanClassName as C, validateColumnSpans as M } from "./gridItemUtils.js";
-import { GridItemAlign as h } from "./types.js";
-const F = ({
-  children: j,
-  xs: r = 2,
-  sm: n = 2,
-  md: o = 6,
-  lg: s = 12,
-  xl: t = 12,
-  xsColStart: a,
-  smColStart: i,
-  mdColStart: c,
-  lgColStart: p,
-  xlColStart: u,
-  align: l = h.center,
-  element: v = "div",
-  className: f,
-  ...d
+import { jsx as I } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { getCommonProps as b } from "../../utils/index.js";
+import j from "../../node_modules/classnames/index.js";
+import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
+import { GridItemAlign as N } from "./types.js";
+const A = ({
+  children: p,
+  xs: m = 2,
+  sm: r = 2,
+  md: t = 6,
+  lg: o = 12,
+  align: s = N.center,
+  element: c = "div",
+  className: n,
+  ...a
 }) => {
-  const { className: I, ...G } = k(d, "GridItem"), e = m(() => ({ xs: r, sm: n, md: o, lg: s, xl: t }), [r, n, o, s, t]), P = m(
-    () => ({ xs: a, sm: i, md: c, lg: p, xl: u }),
-    [a, i, c, p, u]
-  ), N = m(() => [
-    I,
+  const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
+    i,
     // figure out the class names for each breakpoint
-    Object.entries(e).map(([b, B]) => {
-      const O = P[b];
-      return C(b, B, O, l);
-    }),
-    f
-  ], [I, e, f, P, l]);
-  return M(Object.values(e)) ? /* @__PURE__ */ g(v, { ...G, className: A(N), ...d, children: j }) : null;
+    Object.entries(e).map(
+      ([d, C]) => v(d, C, s)
+    ),
+    n
+  ], [s, e, i, n]);
+  return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
 };
 export {
-  F as default
+  A as default
 };

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

@@ -2,17 +2,13 @@ import { GridItemProps } from './GridItem';
 import { GridItemAlign } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, xs, sm, md, lg, xl, xsColStart, smColStart, mdColStart, lgColStart, xlColStart, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default meta;
 export declare const Playground: {
     ({ children, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
     args: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        align: GridItemAlign;
+        children: import("react/jsx-runtime").JSX.Element;
     };
     argTypes: {
         align: {
@@ -30,15 +26,5 @@ export declare const CenteredGridItem: {
         md: number;
         lg: number;
     };
-    argTypes: {
-        align: {
-            options: typeof GridItemAlign;
-            control: {
-                type: string;
-                options: GridItemAlign[];
-            };
-        };
-    };
 };
 export declare const LeftAndRightGridItems: () => import("react/jsx-runtime").JSX.Element;
-export declare const GridWithOffsetColumns: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/GridItem/gridItemUtils.d.ts

@@ -1,4 +1,4 @@
-import { BreakpointTokens } from '../../utils';
 import { GridItemProps } from './GridItem';
-export declare const determineColumnSpanClassName: (breakpoint: BreakpointTokens, columnSpan: number, columnStart?: number, align?: GridItemProps["align"]) => string;
+import { GridItemAlign } from './types';
+export declare const determineColumnSpanClassName: (breakpoint: GridItemAlign, columnSpan: number, align?: GridItemProps["align"]) => string;
 export declare const validateColumnSpans: (columnSpans: number[]) => boolean;

package/dist/components/GridItem/gridItemUtils.js

@@ -1,11 +1,8 @@
-import { px as r } from "../../utils/index.js";
-import { GridItemAlign as n } from "./types.js";
-const c = (e, s, t, a = n.center) => {
-  const l = `${r}-grid-item--span-${e}-${s}`, o = `${r}-grid-item--span-${e}-${s}-align-${t ? n.left : a}`, i = t ? `${r}-grid-item--start-${e}-${t}` : "";
-  return `${l} ${o} ${i}`.replace(/\s+/g, " ").trim();
-}, g = (e) => {
-  for (let s = 0; s < e.length; s++) {
-    const t = e[s];
+import { px as n } from "../../utils/index.js";
+import { GridItemAlign as s } from "./types.js";
+const l = (r, e, t = s.center) => `${n}-grid-item--span-${r}-${e} ${n}-grid-item--span-${r}-${e}-align-${t}`, i = (r) => {
+  for (let e = 0; e < r.length; e++) {
+    const t = r[e];
     if (t > 12)
       return console.warn("Column spans must be less than or equal to 12"), !1;
     if (t < 1)
@@ -14,6 +11,6 @@ const c = (e, s, t, a = n.center) => {
   return !0;
 };
 export {
-  c as determineColumnSpanClassName,
-  g as validateColumnSpans
+  l as determineColumnSpanClassName,
+  i as validateColumnSpans
 };

package/dist/index.js

@@ -1,193 +1,192 @@
-import { BreakpointTokens as a, PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as n, getCommonProps as i, noOp as x, px as g, useNormalizedInputProps as c } from "./utils/index.js";
-import { default as C } from "./pages/Page.js";
-import { usePendingState as L } from "./utils/hooks.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as p, generatePaddingClassName as u, getCommonProps as n, noOp as i, px as x, useNormalizedInputProps as g } from "./utils/index.js";
+import { default as S } from "./pages/Page.js";
+import { usePendingState as T } from "./utils/hooks.js";
 import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as V, LotStatus as b, SupportedLanguages as k } from "./types/commonTypes.js";
-import { default as w } from "./components/Button/Button.js";
-import { ButtonVariants as H } from "./components/Button/types.js";
-import { default as D } from "./components/IconButton/IconButton.js";
-import { default as v } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as U } from "./site-furniture/Footer/Footer.js";
-import { Grid as G } from "./components/Grid/Grid.js";
-import { default as R } from "./site-furniture/Header/Header.js";
-import { default as j } from "./components/Navigation/Navigation.js";
-import { default as W } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Z } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as J } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as X } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as $ } from "./components/Input/Input.js";
-import { default as te } from "./components/Link/Link.js";
-import { LinkVariants as re } from "./components/Link/types.js";
-import { default as fe } from "./components/LinkBlock/LinkBlock.js";
-import { default as le } from "./components/LinkList/LinkList.js";
-import { default as pe } from "./components/Row/Row.js";
-import { default as ue } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as ie } from "./components/GridItem/types.js";
-import { default as ge } from "./components/Search/Search.js";
-import { default as Se } from "./components/Select/Select.js";
-import { SelectVariants as Te } from "./components/Select/types.js";
-import { default as Be } from "./components/SplitPanel/SplitPanel.js";
+import { AuctionStatus as I, LotStatus as V, SupportedLanguages as b } from "./types/commonTypes.js";
+import { default as k } from "./components/Button/Button.js";
+import { ButtonVariants as y } from "./components/Button/types.js";
+import { default as M } from "./components/IconButton/IconButton.js";
+import { default as N } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as F } from "./site-furniture/Footer/Footer.js";
+import { Grid as E } from "./components/Grid/Grid.js";
+import { default as O } from "./site-furniture/Header/Header.js";
+import { default as Q } from "./components/Navigation/Navigation.js";
+import { default as z } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as Y } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as q } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as K } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as _ } from "./components/Input/Input.js";
+import { default as ee } from "./components/Link/Link.js";
+import { LinkVariants as oe } from "./components/Link/types.js";
+import { default as ae } from "./components/LinkBlock/LinkBlock.js";
+import { default as se } from "./components/LinkList/LinkList.js";
+import { default as me } from "./components/Row/Row.js";
+import { default as pe } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as ne } from "./components/GridItem/types.js";
+import { default as xe } from "./components/Search/Search.js";
+import { default as ce } from "./components/Select/Select.js";
+import { SelectVariants as Ce } from "./components/Select/types.js";
+import { default as Le } from "./components/SplitPanel/SplitPanel.js";
 import { default as Ae } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Ve } from "./patterns/Subscribe/types.js";
-import { default as ke } from "./patterns/Social/Social.js";
-import { default as we } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as He } from "./components/Modal/Modal.js";
-import { default as De } from "./components/Drawer/Drawer.js";
-import { default as ve } from "./components/Pagination/Pagination.js";
-import { Tag as Ue, default as Ee } from "./components/Tags/Tags.js";
-import { default as Oe } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextAlignments as Qe, TextVariants as je } from "./components/Text/types.js";
-import { default as We } from "./components/Text/Text.js";
-import { TextSymbolVariants as Ze } from "./components/TextSymbol/types.js";
-import { default as Je } from "./components/TextSymbol/TextSymbol.js";
-import { default as Xe } from "./components/Accordion/Accordion.js";
-import { default as $e } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as tt, AccordionVariants as ot } from "./components/Accordion/types.js";
-import { default as at } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as st } from "./patterns/UserManagement/types.js";
-import { default as mt } from "./components/Breadcrumb/Breadcrumb.js";
+import { SubscriptionState as Ie } from "./patterns/Subscribe/types.js";
+import { default as be } from "./patterns/Social/Social.js";
+import { default as ke } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as ye } from "./components/Modal/Modal.js";
+import { default as Me } from "./components/Drawer/Drawer.js";
+import { default as Ne } from "./components/Pagination/Pagination.js";
+import { Tag as Fe, default as Ue } from "./components/Tags/Tags.js";
+import { default as Ge } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextAlignments as Re, TextVariants as Qe } from "./components/Text/types.js";
+import { default as ze } from "./components/Text/Text.js";
+import { TextSymbolVariants as Ye } from "./components/TextSymbol/types.js";
+import { default as qe } from "./components/TextSymbol/TextSymbol.js";
+import { default as Ke } from "./components/Accordion/Accordion.js";
+import { default as _e } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as et, AccordionVariants as tt } from "./components/Accordion/types.js";
+import { default as rt } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as ft } from "./patterns/UserManagement/types.js";
+import { default as lt } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
 import { default as dt } from "./components/Icon/Icon.js";
-import { default as nt } from "./components/Dropdown/Dropdown.js";
-import { default as xt } from "./components/Video/Video.js";
-import { default as ct } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as Ct } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as Lt } from "./components/ContentPeek/utils.js";
+import { default as ut } from "./components/Dropdown/Dropdown.js";
+import { default as it } from "./components/Video/Video.js";
+import { default as gt } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as St } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as Tt } from "./components/ContentPeek/utils.js";
 import { default as Pt } from "./components/Collapsible/Collapsible.js";
-import { default as It } from "./components/Collapsible/CollapsibleContent.js";
-import { default as bt } from "./components/Collapsible/CollapsibleTrigger.js";
+import { default as Bt } from "./components/Collapsible/CollapsibleContent.js";
+import { default as Vt } from "./components/Collapsible/CollapsibleTrigger.js";
 import { SeldonProvider as ht } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as yt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Mt } from "./components/Carousel/Carousel.js";
-import { default as Nt } from "./components/Carousel/CarouselArrows.js";
-import { default as Ft } from "./components/Carousel/CarouselContent.js";
-import { default as Et } from "./components/Carousel/CarouselItem.js";
-import { default as Ot } from "./components/Carousel/CarouselDots.js";
-import { default as Qt } from "./components/Detail/Detail.js";
-import { default as zt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Yt } from "./patterns/DetailList/types.js";
-import { default as qt } from "./components/PinchZoom/PinchZoom.js";
-import { default as Kt } from "./components/Tabs/TabsContainer.js";
-import { default as _t } from "./components/Tabs/TabsContent.js";
-import { default as eo } from "./components/SeldonImage/SeldonImage.js";
-import { default as oo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as ao } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as so } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as mo } from "./components/Filter/Filter.js";
-import { default as uo } from "./components/Filter/FilterInput.js";
-import { default as io } from "./components/Filter/FilterHeader.js";
-import { default as go } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as So } from "./components/Countdown/types.js";
-import { default as To } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as Bo } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as wt } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Ht } from "./components/Carousel/Carousel.js";
+import { default as Dt } from "./components/Carousel/CarouselArrows.js";
+import { default as vt } from "./components/Carousel/CarouselContent.js";
+import { default as Ut } from "./components/Carousel/CarouselItem.js";
+import { default as Gt } from "./components/Carousel/CarouselDots.js";
+import { default as Rt } from "./components/Detail/Detail.js";
+import { default as jt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Wt } from "./patterns/DetailList/types.js";
+import { default as Zt } from "./components/PinchZoom/PinchZoom.js";
+import { default as Jt } from "./components/Tabs/TabsContainer.js";
+import { default as Xt } from "./components/Tabs/TabsContent.js";
+import { default as $t } from "./components/SeldonImage/SeldonImage.js";
+import { default as to } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as ro } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as fo } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as lo } from "./components/Filter/Filter.js";
+import { default as po } from "./components/Filter/FilterInput.js";
+import { default as no } from "./components/Filter/FilterHeader.js";
+import { default as xo } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as co } from "./components/Countdown/types.js";
+import { default as Co } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as Lo } from "./patterns/BidSnapshot/BidSnapshot.js";
 import { default as Ao } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Vo, BidStatusEnum as bo } from "./patterns/BidSnapshot/types.js";
+import { BidMessageVariants as Io, BidStatusEnum as Vo } from "./patterns/BidSnapshot/types.js";
 import { default as ho } from "./components/Article/Article.js";
-import { default as yo } from "./components/TextArea/TextArea.js";
+import { default as wo } from "./components/TextArea/TextArea.js";
 export {
-  Xe as Accordion,
-  $e as AccordionItem,
-  tt as AccordionItemVariant,
-  ot as AccordionVariants,
+  Ke as Accordion,
+  _e as AccordionItem,
+  et as AccordionItemVariant,
+  tt as AccordionVariants,
   ho as Article,
-  V as AuctionStatus,
-  st as AuthState,
+  I as AuctionStatus,
+  ft as AuthState,
   Ao as BidMessage,
-  Vo as BidMessageVariants,
-  Bo as BidSnapshot,
-  bo as BidStatusEnum,
-  mt as Breadcrumb,
-  a as BreakpointTokens,
-  w as Button,
-  H as ButtonVariants,
-  Mt as Carousel,
-  Nt as CarouselArrows,
-  Ft as CarouselContent,
-  Ot as CarouselDots,
-  Et as CarouselItem,
+  Io as BidMessageVariants,
+  Lo as BidSnapshot,
+  Vo as BidStatusEnum,
+  lt as Breadcrumb,
+  k as Button,
+  y as ButtonVariants,
+  Ht as Carousel,
+  Dt as CarouselArrows,
+  vt as CarouselContent,
+  Gt as CarouselDots,
+  Ut as CarouselItem,
   Pt as Collapsible,
-  It as CollapsibleContent,
-  bt as CollapsibleTrigger,
-  Ct as ContentPeek,
-  Lt as ContentPeekHeightUnits,
-  go as Countdown,
-  So as CountdownVariants,
-  Qt as Detail,
-  zt as DetailList,
-  Yt as DetailListAlignment,
-  De as Drawer,
-  nt as Dropdown,
-  v as ErrorBoundary,
-  mo as Filter,
-  io as FilterHeader,
-  uo as FilterInput,
-  so as FilterMenu,
-  U as Footer,
-  G as Grid,
-  ue as GridItem,
-  ie as GridItemAlign,
-  R as Header,
-  X as HeroBanner,
+  Bt as CollapsibleContent,
+  Vt as CollapsibleTrigger,
+  St as ContentPeek,
+  Tt as ContentPeekHeightUnits,
+  xo as Countdown,
+  co as CountdownVariants,
+  Rt as Detail,
+  jt as DetailList,
+  Wt as DetailListAlignment,
+  Me as Drawer,
+  ut as Dropdown,
+  N as ErrorBoundary,
+  lo as Filter,
+  no as FilterHeader,
+  po as FilterInput,
+  fo as FilterMenu,
+  F as Footer,
+  E as Grid,
+  pe as GridItem,
+  ne as GridItemAlign,
+  O as Header,
+  K as HeroBanner,
   dt as Icon,
-  D as IconButton,
-  $ as Input,
-  ct as LanguageSelector,
-  te as Link,
-  fe as LinkBlock,
-  le as LinkList,
-  re as LinkVariants,
-  b as LotStatus,
-  He as Modal,
-  j as Navigation,
-  W as NavigationItem,
-  Z as NavigationItemTrigger,
-  J as NavigationList,
-  To as ObjectTile,
-  f as PaddingTokens,
-  C as Page,
-  yt as PageContentWrapper,
-  ve as Pagination,
-  qt as PinchZoom,
-  pe as Row,
+  M as IconButton,
+  _ as Input,
+  gt as LanguageSelector,
+  ee as Link,
+  ae as LinkBlock,
+  se as LinkList,
+  oe as LinkVariants,
+  V as LotStatus,
+  ye as Modal,
+  Q as Navigation,
+  z as NavigationItem,
+  Y as NavigationItemTrigger,
+  q as NavigationList,
+  Co as ObjectTile,
+  a as PaddingTokens,
+  S as Page,
+  wt as PageContentWrapper,
+  Ne as Pagination,
+  Zt as PinchZoom,
+  me as Row,
   P as SSRMediaQuery,
-  oo as SaleHeaderBanner,
-  ao as SaleHeaderBrowseAuctions,
-  ge as Search,
-  eo as SeldonImage,
+  to as SaleHeaderBanner,
+  ro as SaleHeaderBrowseAuctions,
+  xe as Search,
+  $t as SeldonImage,
   ht as SeldonProvider,
-  Se as Select,
-  Te as SelectVariants,
-  ke as Social,
-  s as SpacingTokens,
-  Be as SplitPanel,
-  Oe as StatefulViewingsList,
+  ce as Select,
+  Ce as SelectVariants,
+  be as Social,
+  f as SpacingTokens,
+  Le as SplitPanel,
+  Ge as StatefulViewingsList,
   Ae as Subscribe,
-  Ve as SubscriptionState,
-  k as SupportedLanguages,
-  Kt as TabsContainer,
-  _t as TabsContent,
-  Ue as Tag,
-  Ee as TagsList,
-  We as Text,
-  Qe as TextAlignments,
-  yo as TextArea,
-  Ze as TextSymbolVariants,
-  Je as TextSymbols,
-  je as TextVariants,
-  at as UserManagement,
-  xt as Video,
-  we as ViewingsList,
-  l as defaultYear,
-  m as emailValidation,
-  p as encodeURLSearchParams,
+  Ie as SubscriptionState,
+  b as SupportedLanguages,
+  Jt as TabsContainer,
+  Xt as TabsContent,
+  Fe as Tag,
+  Ue as TagsList,
+  ze as Text,
+  Re as TextAlignments,
+  wo as TextArea,
+  Ye as TextSymbolVariants,
+  qe as TextSymbols,
+  Qe as TextVariants,
+  rt as UserManagement,
+  it as Video,
+  ke as ViewingsList,
+  s as defaultYear,
+  l as emailValidation,
+  m as encodeURLSearchParams,
   d as findChildrenExcludingTypes,
-  u as findChildrenOfType,
-  n as generatePaddingClassName,
-  i as getCommonProps,
-  x as noOp,
-  g as px,
+  p as findChildrenOfType,
+  u as generatePaddingClassName,
+  n as getCommonProps,
+  i as noOp,
+  x as px,
   A as ssrMediaQueryStyle,
-  c as useNormalizedInputProps,
-  L as usePendingState
+  g as useNormalizedInputProps,
+  T as usePendingState
 };

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

@@ -2,7 +2,7 @@
 @use '../../allPartials' as *;
 
 @mixin gridItemColumnSpan($span: 1, $total-cols: 12) {
-  grid-column: auto / span $span;
+  grid-column: span $span;
 
   &-align-right {
     grid-column-end: $total-cols + 1;
@@ -24,24 +24,12 @@
     }
   }
 
-  @for $i from 1 through 6 {
-    &--start-xs-#{$i} {
-      grid-column-start: #{$i};
-    }
-  }
-
   @include media($size-sm) {
     @for $i from 1 through 2 {
       &--span-sm-#{$i} {
         @include gridItemColumnSpan($i, 2);
       }
     }
-
-    @for $i from 1 through 6 {
-      &--start-sm-#{$i} {
-        grid-column-start: #{$i};
-      }
-    }
   }
 
   @include media($size-md) {
@@ -50,12 +38,6 @@
         @include gridItemColumnSpan($i, 6);
       }
     }
-
-    @for $i from 1 through 6 {
-      &--start-md-#{$i} {
-        grid-column-start: #{$i};
-      }
-    }
   }
 
   @include media($size-lg) {
@@ -64,25 +46,5 @@
         @include gridItemColumnSpan($i, 12);
       }
     }
-
-    @for $i from 1 through 12 {
-      &--start-lg-#{$i} {
-        grid-column-start: #{$i};
-      }
-    }
-  }
-
-  @include media($size-xl) {
-    @for $i from 1 through 12 {
-      &--span-xl-#{$i} {
-        @include gridItemColumnSpan($i, 12);
-      }
-    }
-
-    @for $i from 1 through 12 {
-      &--start-xl-#{$i} {
-        grid-column-start: #{$i};
-      }
-    }
   }
 }

package/dist/utils/index.d.ts

@@ -26,13 +26,6 @@ export declare enum SpacingTokens {
     xl = "xl",
     xxl = "xxl"
 }
-export declare enum BreakpointTokens {
-    xs = "xs",
-    sm = "sm",
-    md = "md",
-    lg = "lg",
-    xl = "xl"
-}
 export declare const noOp: () => void;
 export interface InputProps {
     /**

package/dist/utils/index.js

@@ -1,63 +1,62 @@
 import { jsx as d } from "react/jsx-runtime";
-import { kebabCase as c } from "../node_modules/change-case/dist/index.js";
-import * as u from "react";
-const s = "seldon", C = ({ id: r, ...e }, t) => {
-  const n = c(t);
+import { kebabCase as u } from "../node_modules/change-case/dist/index.js";
+import * as c from "react";
+const s = "seldon", v = ({ id: e, ...r }, n) => {
+  const t = u(n);
   return {
-    ...e,
-    "data-testid": r ? `${n}-${r}` : `${n}`,
-    className: `${s}-${n}`
+    ...r,
+    "data-testid": e ? `${t}-${e}` : `${t}`,
+    className: `${s}-${t}`
   };
 };
-var x = /* @__PURE__ */ ((r) => (r.xs = "xs", r.sm = "sm", r.md = "md", r.lg = "lg", r.xl = "xl", r.xxl = "xxl", r))(x || {}), f = /* @__PURE__ */ ((r) => (r.micro = "micro", r.xs = "xs", r.sm = "sm", r.md = "md", r.lg = "lg", r.xl = "xl", r.xxl = "xxl", r))(f || {}), $ = /* @__PURE__ */ ((r) => (r.xs = "xs", r.sm = "sm", r.md = "md", r.lg = "lg", r.xl = "xl", r))($ || {});
-const g = () => {
+var x = /* @__PURE__ */ ((e) => (e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(x || {}), f = /* @__PURE__ */ ((e) => (e.micro = "micro", e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(f || {});
+const C = () => {
 };
-function w({
-  disabled: r = !1,
-  id: e,
-  invalid: t = !1,
-  invalidText: n = "invalid",
+function g({
+  disabled: e = !1,
+  id: r,
+  invalid: n = !1,
+  invalidText: t = "invalid",
   readOnly: a = !1,
-  type: i,
-  warn: o = !1,
+  type: o,
+  warn: i = !1,
   warnText: m
 }) {
   const l = {
-    disabled: !a && r,
-    invalid: !a && !r && t,
-    invalidId: `${e}-error-msg`,
-    type: i === "toggle" ? "checkbox" : i,
-    warn: !a && !r && !t && o,
-    warnId: `${e}-warn-msg`,
+    disabled: !a && e,
+    invalid: !a && !e && n,
+    invalidId: `${r}-error-msg`,
+    type: o === "toggle" ? "checkbox" : o,
+    warn: !a && !e && !n && i,
+    warnId: `${r}-warn-msg`,
     validation: null
   };
-  return l.invalid && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${i}-input--invalid`, id: l.invalidId, children: n })), l.warn && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${i}-input--warn`, id: l.warnId, children: m })), l;
+  return l.invalid && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${o}-input--invalid`, id: l.invalidId, children: t })), l.warn && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${o}-input--warn`, id: l.warnId, children: m })), l;
 }
-const h = (/* @__PURE__ */ new Date()).getFullYear(), y = (r, e = "end", t = "vertical") => `${s}-padding-${t}-${r}-${e}`, I = (r) => /(.+)@(.+){2,}\.(.+){2,}/i.test(r), N = (r, e, t = !1) => {
-  const n = u.Children.toArray(r).filter((a) => a && a.type === e && !t ? a : a && a.type !== e && t);
-  return n.length > 0 ? n : null;
-}, R = (r, e) => {
-  const t = u.Children.toArray(r).filter((n) => {
-    if (n && n.type && !e.includes(n.type))
-      return n;
-  });
+const w = (/* @__PURE__ */ new Date()).getFullYear(), h = (e, r = "end", n = "vertical") => `${s}-padding-${n}-${e}-${r}`, y = (e) => /(.+)@(.+){2,}\.(.+){2,}/i.test(e), I = (e, r, n = !1) => {
+  const t = c.Children.toArray(e).filter((a) => a && a.type === r && !n ? a : a && a.type !== r && n);
   return t.length > 0 ? t : null;
-}, b = (r) => {
-  const e = r.split("?"), t = new URLSearchParams(e[1]), a = Array.from(t.entries()).map(([o, m]) => [o, encodeURIComponent(m)]).map(([o, m]) => `${o}=${m}`).join("&");
-  return `${e[0]}?${a}`;
+}, N = (e, r) => {
+  const n = c.Children.toArray(e).filter((t) => {
+    if (t && t.type && !r.includes(t.type))
+      return t;
+  });
+  return n.length > 0 ? n : null;
+}, R = (e) => {
+  const r = e.split("?"), n = new URLSearchParams(r[1]), a = Array.from(n.entries()).map(([i, m]) => [i, encodeURIComponent(m)]).map(([i, m]) => `${i}=${m}`).join("&");
+  return `${r[0]}?${a}`;
 };
 export {
-  $ as BreakpointTokens,
   x as PaddingTokens,
   f as SpacingTokens,
-  h as defaultYear,
-  I as emailValidation,
-  b as encodeURLSearchParams,
-  R as findChildrenExcludingTypes,
-  N as findChildrenOfType,
-  y as generatePaddingClassName,
-  C as getCommonProps,
-  g as noOp,
+  w as defaultYear,
+  y as emailValidation,
+  R as encodeURLSearchParams,
+  N as findChildrenExcludingTypes,
+  I as findChildrenOfType,
+  h as generatePaddingClassName,
+  v as getCommonProps,
+  C as noOp,
   s as px,
-  w as useNormalizedInputProps
+  g as useNormalizedInputProps
 };

package/package.json

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