@phillips/seldon 1.130.1 → 1.132.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18,6 +18,7 @@ export { default as Reddit } from './icon-footer-red.svg?react';
18
18
  export { default as FooterWeChat } from './icon-footer-wechat.svg?react';
19
19
  export { default as Instagram } from './instagram.svg?react';
20
20
  export { default as Lock } from './lock.svg?react';
21
+ export { default as Menu } from './menu.svg?react';
21
22
  export { default as Minus } from './minus.svg?react';
22
23
  export { default as PhillipsLogo } from './PhillipsLogo.svg?react';
23
24
  export { default as Plus } from './plus.svg?react';
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ 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 }));
3
+ export {
4
+ o as default
5
+ };
@@ -6,12 +6,45 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
6
6
  */
7
7
  align?: GridItemAlign;
8
8
  /**
9
- * column spans at different breakpoints, defaults to all columns. If less than the total number of columns at the breakpoint it will be centered.
9
+ * 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.
10
10
  */
11
11
  xs?: number;
12
+ /**
13
+ * 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.
14
+ */
12
15
  sm?: number;
16
+ /**
17
+ * 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.
18
+ */
13
19
  md?: number;
20
+ /**
21
+ * 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.
22
+ */
14
23
  lg?: number;
24
+ /**
25
+ * 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.
26
+ */
27
+ xl?: number;
28
+ /**
29
+ * 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.
30
+ */
31
+ xsColStart?: number;
32
+ /**
33
+ * 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.
34
+ */
35
+ smColStart?: number;
36
+ /**
37
+ * 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.
38
+ */
39
+ mdColStart?: number;
40
+ /**
41
+ * 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.
42
+ */
43
+ lgColStart?: number;
44
+ /**
45
+ * 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.
46
+ */
47
+ xlColStart?: number;
15
48
  /**
16
49
  * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc. Defaults to 'div'.
17
50
  */
@@ -27,5 +60,5 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
27
60
  *
28
61
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-griditem--overview)
29
62
  */
30
- declare const GridItem: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
63
+ 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;
31
64
  export default GridItem;
@@ -1,30 +1,40 @@
1
- import { jsx as I } from "react/jsx-runtime";
2
- import { useMemo as l } from "react";
3
- import { getCommonProps as b } from "../../utils/index.js";
4
- import j from "../../node_modules/classnames/index.js";
5
- import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
6
- import { GridItemAlign as N } from "./types.js";
7
- const A = ({
8
- children: p,
9
- xs: m = 2,
10
- sm: r = 2,
11
- md: t = 6,
12
- lg: o = 12,
13
- align: s = N.center,
14
- element: c = "div",
15
- className: n,
16
- ...a
1
+ import { jsx as g } from "react/jsx-runtime";
2
+ import { useMemo as m } from "react";
3
+ import { getCommonProps as k } from "../../utils/index.js";
4
+ import A from "../../node_modules/classnames/index.js";
5
+ import { determineColumnSpanClassName as C, validateColumnSpans as M } from "./gridItemUtils.js";
6
+ import { GridItemAlign as h } from "./types.js";
7
+ const F = ({
8
+ children: j,
9
+ xs: r = 2,
10
+ sm: n = 2,
11
+ md: o = 6,
12
+ lg: s = 12,
13
+ xl: t = 12,
14
+ xsColStart: a,
15
+ smColStart: i,
16
+ mdColStart: c,
17
+ lgColStart: p,
18
+ xlColStart: u,
19
+ align: l = h.center,
20
+ element: v = "div",
21
+ className: f,
22
+ ...d
17
23
  }) => {
18
- const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
19
- i,
24
+ 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(
25
+ () => ({ xs: a, sm: i, md: c, lg: p, xl: u }),
26
+ [a, i, c, p, u]
27
+ ), N = m(() => [
28
+ I,
20
29
  // figure out the class names for each breakpoint
21
- Object.entries(e).map(
22
- ([d, C]) => v(d, C, s)
23
- ),
24
- n
25
- ], [s, e, i, n]);
26
- return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
30
+ Object.entries(e).map(([b, B]) => {
31
+ const O = P[b];
32
+ return C(b, B, O, l);
33
+ }),
34
+ f
35
+ ], [I, e, f, P, l]);
36
+ return M(Object.values(e)) ? /* @__PURE__ */ g(v, { ...G, className: A(N), ...d, children: j }) : null;
27
37
  };
28
38
  export {
29
- A as default
39
+ F as default
30
40
  };
@@ -2,13 +2,17 @@ import { GridItemProps } from './GridItem';
2
2
  import { GridItemAlign } from './types';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
5
+ 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;
6
6
  };
7
7
  export default meta;
8
8
  export declare const Playground: {
9
9
  ({ children, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
10
10
  args: {
11
- children: import("react/jsx-runtime").JSX.Element;
11
+ xs: number;
12
+ sm: number;
13
+ md: number;
14
+ lg: number;
15
+ align: GridItemAlign;
12
16
  };
13
17
  argTypes: {
14
18
  align: {
@@ -26,5 +30,15 @@ export declare const CenteredGridItem: {
26
30
  md: number;
27
31
  lg: number;
28
32
  };
33
+ argTypes: {
34
+ align: {
35
+ options: typeof GridItemAlign;
36
+ control: {
37
+ type: string;
38
+ options: GridItemAlign[];
39
+ };
40
+ };
41
+ };
29
42
  };
30
43
  export declare const LeftAndRightGridItems: () => import("react/jsx-runtime").JSX.Element;
44
+ export declare const GridWithOffsetColumns: () => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
+ import { BreakpointTokens } from '../../utils';
1
2
  import { GridItemProps } from './GridItem';
2
- import { GridItemAlign } from './types';
3
- export declare const determineColumnSpanClassName: (breakpoint: GridItemAlign, columnSpan: number, align?: GridItemProps["align"]) => string;
3
+ export declare const determineColumnSpanClassName: (breakpoint: BreakpointTokens, columnSpan: number, columnStart?: number, align?: GridItemProps["align"]) => string;
4
4
  export declare const validateColumnSpans: (columnSpans: number[]) => boolean;
@@ -1,8 +1,11 @@
1
- import { px as n } from "../../utils/index.js";
2
- import { GridItemAlign as s } from "./types.js";
3
- const l = (r, e, t = s.center) => `${n}-grid-item--span-${r}-${e} ${n}-grid-item--span-${r}-${e}-align-${t}`, i = (r) => {
4
- for (let e = 0; e < r.length; e++) {
5
- const t = r[e];
1
+ import { px as r } from "../../utils/index.js";
2
+ import { GridItemAlign as n } from "./types.js";
3
+ const c = (e, s, t, a = n.center) => {
4
+ 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}` : "";
5
+ return `${l} ${o} ${i}`.replace(/\s+/g, " ").trim();
6
+ }, g = (e) => {
7
+ for (let s = 0; s < e.length; s++) {
8
+ const t = e[s];
6
9
  if (t > 12)
7
10
  return console.warn("Column spans must be less than or equal to 12"), !1;
8
11
  if (t < 1)
@@ -11,6 +14,6 @@ const l = (r, e, t = s.center) => `${n}-grid-item--span-${r}-${e} ${n}-grid-item
11
14
  return !0;
12
15
  };
13
16
  export {
14
- l as determineColumnSpanClassName,
15
- i as validateColumnSpans
17
+ c as determineColumnSpanClassName,
18
+ g as validateColumnSpans
16
19
  };
@@ -0,0 +1,26 @@
1
+ import { ComponentProps } from 'react';
2
+ export interface TextAreaProps extends ComponentProps<'textarea'> {
3
+ /**
4
+ * Optional classnane
5
+ */
6
+ className?: string;
7
+ /**
8
+ * Boolean to specify whether we need to display skeleton loader
9
+ */
10
+ isSkeletonLoading?: boolean;
11
+ /**
12
+ * Text that will be read by a screen reader when visiting this control
13
+ */
14
+ labelText: React.ReactNode;
15
+ }
16
+ /**
17
+ * ## Overview
18
+ *
19
+ * Overview of this widget
20
+ *
21
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=11973-9589&m=dev)
22
+ *
23
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-textarea--overview)
24
+ */
25
+ declare const TextArea: import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
26
+ export default TextArea;
@@ -0,0 +1,43 @@
1
+ import { jsxs as f, jsx as t } from "react/jsx-runtime";
2
+ import { forwardRef as $, useId as u } from "react";
3
+ import l from "../../node_modules/classnames/index.js";
4
+ import { px as r } from "../../utils/index.js";
5
+ import N from "../../assets/menu.svg.js";
6
+ const _ = $(
7
+ ({ className: o, id: e, isSkeletonLoading: m, labelText: i, maxLength: n = 3e3, name: c, rows: d = 2, ...p }, x) => {
8
+ const s = `${r}-text-area`, a = u();
9
+ return /* @__PURE__ */ f("div", { className: l(`${s}__wrapper`), children: [
10
+ /* @__PURE__ */ t(
11
+ "label",
12
+ {
13
+ "data-testid": `text-area-${e ?? a}-label`,
14
+ htmlFor: e ?? a,
15
+ className: l(`${r}-input__label`, {
16
+ [`${r}-skeleton`]: m
17
+ }),
18
+ children: i
19
+ }
20
+ ),
21
+ /* @__PURE__ */ t(
22
+ "textarea",
23
+ {
24
+ ...p,
25
+ className: l(s, o, {
26
+ [`${r}-skeleton`]: m
27
+ }),
28
+ id: e ?? a,
29
+ rows: d,
30
+ maxLength: n,
31
+ name: c,
32
+ ref: x,
33
+ "data-testid": `text-area-${e ?? a}-input`
34
+ }
35
+ ),
36
+ /* @__PURE__ */ t("div", { className: `${s}-resizer__icon`, children: /* @__PURE__ */ t(N, {}) })
37
+ ] });
38
+ }
39
+ );
40
+ _.displayName = "TextArea";
41
+ export {
42
+ _ as default
43
+ };
@@ -0,0 +1,44 @@
1
+ import { TextAreaProps } from './TextArea';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
5
+ };
6
+ export default meta;
7
+ export declare const Playground: {
8
+ (props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
9
+ args: {
10
+ children: string;
11
+ labelText: string;
12
+ rows: number;
13
+ isSkeletonLoading: boolean;
14
+ name: string;
15
+ maxLength: number;
16
+ };
17
+ argTypes: {
18
+ labelText: {
19
+ control: {
20
+ type: string;
21
+ };
22
+ };
23
+ rows: {
24
+ control: {
25
+ type: string;
26
+ };
27
+ };
28
+ isSkeletonLoading: {
29
+ control: {
30
+ type: string;
31
+ };
32
+ };
33
+ maxLength: {
34
+ control: {
35
+ type: string;
36
+ };
37
+ };
38
+ name: {
39
+ control: {
40
+ type: string;
41
+ };
42
+ };
43
+ };
44
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export { default as TextArea, type TextAreaProps } from './TextArea';
package/dist/index.d.ts CHANGED
@@ -66,3 +66,4 @@ export * from './components/Countdown/types';
66
66
  export * from './patterns/ObjectTile';
67
67
  export * from './patterns/BidSnapshot';
68
68
  export * from './components/Article';
69
+ export * from './components/TextArea';
package/dist/index.js CHANGED
@@ -1,249 +1,254 @@
1
- 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";
2
- import { default as S } from "./assets/account_circle.svg.js";
1
+ 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";
2
+ import { default as h } from "./assets/account_circle.svg.js";
3
3
  import { default as L } from "./assets/arrowPrev.svg.js";
4
- import { default as A } from "./assets/calendar.svg.js";
4
+ import { default as T } from "./assets/calendar.svg.js";
5
5
  import { default as I } from "./assets/calendarAlt.svg.js";
6
- import { default as k } from "./assets/CarouselArrowNext.svg.js";
7
- import { default as B } from "./assets/CarouselArrowPrev.svg.js";
8
- import { default as v } from "./assets/checkmark.svg.js";
9
- import { default as y } from "./assets/chevronDown.svg.js";
10
- import { default as N } from "./assets/chevronNext.svg.js";
11
- import { default as H } from "./assets/chevronRight.svg.js";
12
- import { default as G } from "./assets/close.svg.js";
13
- import { default as U } from "./assets/favorite.svg.js";
14
- import { default as W } from "./assets/favoriteOutline.svg.js";
15
- import { default as Y } from "./assets/icon-footer-facebook.svg.js";
16
- import { default as z } from "./assets/icon-footer-instagram.svg.js";
17
- import { default as q } from "./assets/icon-footer-linkedin.svg.js";
18
- import { default as K } from "./assets/icon-footer-red.svg.js";
19
- import { default as _ } from "./assets/icon-footer-wechat.svg.js";
20
- import { default as ee } from "./assets/instagram.svg.js";
21
- import { default as re } from "./assets/lock.svg.js";
22
- import { default as ae } from "./assets/minus.svg.js";
23
- import { default as se } from "./assets/PhillipsLogo.svg.js";
24
- import { default as de } from "./assets/plus.svg.js";
25
- import { default as pe } from "./assets/react.svg.js";
6
+ import { default as B } from "./assets/CarouselArrowNext.svg.js";
7
+ import { default as V } from "./assets/CarouselArrowPrev.svg.js";
8
+ import { default as F } from "./assets/checkmark.svg.js";
9
+ import { default as M } from "./assets/chevronDown.svg.js";
10
+ import { default as D } from "./assets/chevronNext.svg.js";
11
+ import { default as R } from "./assets/chevronRight.svg.js";
12
+ import { default as O } from "./assets/close.svg.js";
13
+ import { default as E } from "./assets/favorite.svg.js";
14
+ import { default as Q } from "./assets/favoriteOutline.svg.js";
15
+ import { default as j } from "./assets/icon-footer-facebook.svg.js";
16
+ import { default as Z } from "./assets/icon-footer-instagram.svg.js";
17
+ import { default as J } from "./assets/icon-footer-linkedin.svg.js";
18
+ import { default as X } from "./assets/icon-footer-red.svg.js";
19
+ import { default as $ } from "./assets/icon-footer-wechat.svg.js";
20
+ import { default as te } from "./assets/instagram.svg.js";
21
+ import { default as oe } from "./assets/lock.svg.js";
22
+ import { default as fe } from "./assets/menu.svg.js";
23
+ import { default as le } from "./assets/minus.svg.js";
24
+ import { default as me } from "./assets/PhillipsLogo.svg.js";
25
+ import { default as ue } from "./assets/plus.svg.js";
26
+ import { default as ne } from "./assets/react.svg.js";
26
27
  import "react";
27
- import { default as xe } from "./assets/share.svg.js";
28
- import { default as ne } from "./assets/spotify.svg.js";
29
- import { default as ce } from "./assets/wechat.svg.js";
30
- import { default as Se } from "./assets/youtube.svg.js";
31
- import { default as Le } from "./assets/icon-green-circle.svg.js";
32
- import { default as Ae } from "./assets/icon-red-circle.svg.js";
33
- import { default as Ie } from "./pages/Page.js";
34
- import { usePendingState as ke } from "./utils/hooks.js";
35
- import { SSRMediaQuery as Be, ssrMediaQueryStyle as Ve } from "./providers/SeldonProvider/utils.js";
36
- import { AuctionStatus as Fe, LotStatus as ye, SupportedLanguages as Me } from "./types/commonTypes.js";
37
- import { default as De } from "./components/Button/Button.js";
38
- import { ButtonVariants as Re } from "./components/Button/types.js";
39
- import { default as Oe } from "./components/IconButton/IconButton.js";
40
- import { default as Ee } from "./components/ErrorBoundary/ErrorBoundary.js";
41
- import { default as Qe } from "./site-furniture/Footer/Footer.js";
42
- import { Grid as je } from "./components/Grid/Grid.js";
43
- import { default as Ze } from "./site-furniture/Header/Header.js";
44
- import { default as Je } from "./components/Navigation/Navigation.js";
45
- import { default as Xe } from "./components/Navigation/NavigationItem/NavigationItem.js";
46
- import { default as $e } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
47
- import { default as tt } from "./components/Navigation/NavigationList/NavigationList.js";
48
- import { default as ot } from "./patterns/HeroBanner/HeroBanner.js";
49
- import { default as ft } from "./components/Input/Input.js";
50
- import { default as lt } from "./components/Link/Link.js";
51
- import { LinkVariants as mt } from "./components/Link/types.js";
52
- import { default as ut } from "./components/LinkBlock/LinkBlock.js";
53
- import { default as it } from "./components/LinkList/LinkList.js";
54
- import { default as gt } from "./components/Row/Row.js";
55
- import { default as Ct } from "./components/GridItem/GridItem.js";
56
- import { GridItemAlign as ht } from "./components/GridItem/types.js";
57
- import { default as Pt } from "./components/Search/Search.js";
58
- import { default as Tt } from "./components/Select/Select.js";
59
- import { SelectVariants as bt } from "./components/Select/types.js";
60
- import { default as wt } from "./components/SplitPanel/SplitPanel.js";
61
- import { default as Vt } from "./patterns/Subscribe/Subscribe.js";
62
- import { SubscriptionState as Ft } from "./patterns/Subscribe/types.js";
63
- import { default as Mt } from "./patterns/Social/Social.js";
64
- import { default as Dt } from "./patterns/ViewingsList/ViewingsList.js";
65
- import { default as Rt } from "./components/Modal/Modal.js";
66
- import { default as Ot } from "./components/Drawer/Drawer.js";
67
- import { default as Et } from "./components/Pagination/Pagination.js";
68
- import { Tag as Qt, default as Yt } from "./components/Tags/Tags.js";
69
- import { default as zt } from "./patterns/ViewingsList/StatefulViewingsList.js";
70
- import { TextAlignments as qt, TextVariants as Jt } from "./components/Text/types.js";
71
- import { default as Xt } from "./components/Text/Text.js";
72
- import { TextSymbolVariants as $t } from "./components/TextSymbol/types.js";
73
- import { default as tr } from "./components/TextSymbol/TextSymbol.js";
74
- import { default as or } from "./components/Accordion/Accordion.js";
75
- import { default as fr } from "./components/Accordion/AccordionItem.js";
76
- import { AccordionItemVariant as lr, AccordionVariants as dr } from "./components/Accordion/types.js";
77
- import { default as pr } from "./patterns/UserManagement/UserManagement.js";
78
- import { AuthState as xr } from "./patterns/UserManagement/types.js";
79
- import { default as nr } from "./components/Breadcrumb/Breadcrumb.js";
28
+ import { default as ge } from "./assets/share.svg.js";
29
+ import { default as Ce } from "./assets/spotify.svg.js";
30
+ import { default as he } from "./assets/wechat.svg.js";
31
+ import { default as Le } from "./assets/youtube.svg.js";
32
+ import { default as Te } from "./assets/icon-green-circle.svg.js";
33
+ import { default as Ie } from "./assets/icon-red-circle.svg.js";
34
+ import { default as Be } from "./pages/Page.js";
35
+ import { usePendingState as Ve } from "./utils/hooks.js";
36
+ import { SSRMediaQuery as Fe, ssrMediaQueryStyle as ye } from "./providers/SeldonProvider/utils.js";
37
+ import { AuctionStatus as Ne, LotStatus as De, SupportedLanguages as He } from "./types/commonTypes.js";
38
+ import { default as Ge } from "./components/Button/Button.js";
39
+ import { ButtonVariants as Ue } from "./components/Button/types.js";
40
+ import { default as We } from "./components/IconButton/IconButton.js";
41
+ import { default as Ye } from "./components/ErrorBoundary/ErrorBoundary.js";
42
+ import { default as ze } from "./site-furniture/Footer/Footer.js";
43
+ import { Grid as qe } from "./components/Grid/Grid.js";
44
+ import { default as Ke } from "./site-furniture/Header/Header.js";
45
+ import { default as _e } from "./components/Navigation/Navigation.js";
46
+ import { default as et } from "./components/Navigation/NavigationItem/NavigationItem.js";
47
+ import { default as rt } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
48
+ import { default as at } from "./components/Navigation/NavigationList/NavigationList.js";
49
+ import { default as st } from "./patterns/HeroBanner/HeroBanner.js";
50
+ import { default as dt } from "./components/Input/Input.js";
51
+ import { default as pt } from "./components/Link/Link.js";
52
+ import { LinkVariants as xt } from "./components/Link/types.js";
53
+ import { default as it } from "./components/LinkBlock/LinkBlock.js";
54
+ import { default as ct } from "./components/LinkList/LinkList.js";
55
+ import { default as St } from "./components/Row/Row.js";
56
+ import { default as At } from "./components/GridItem/GridItem.js";
57
+ import { GridItemAlign as Pt } from "./components/GridItem/types.js";
58
+ import { default as kt } from "./components/Search/Search.js";
59
+ import { default as bt } from "./components/Select/Select.js";
60
+ import { SelectVariants as wt } from "./components/Select/types.js";
61
+ import { default as vt } from "./components/SplitPanel/SplitPanel.js";
62
+ import { default as yt } from "./patterns/Subscribe/Subscribe.js";
63
+ import { SubscriptionState as Nt } from "./patterns/Subscribe/types.js";
64
+ import { default as Ht } from "./patterns/Social/Social.js";
65
+ import { default as Gt } from "./patterns/ViewingsList/ViewingsList.js";
66
+ import { default as Ut } from "./components/Modal/Modal.js";
67
+ import { default as Wt } from "./components/Drawer/Drawer.js";
68
+ import { default as Yt } from "./components/Pagination/Pagination.js";
69
+ import { Tag as zt, default as Zt } from "./components/Tags/Tags.js";
70
+ import { default as Jt } from "./patterns/ViewingsList/StatefulViewingsList.js";
71
+ import { TextAlignments as Xt, TextVariants as _t } from "./components/Text/types.js";
72
+ import { default as er } from "./components/Text/Text.js";
73
+ import { TextSymbolVariants as rr } from "./components/TextSymbol/types.js";
74
+ import { default as ar } from "./components/TextSymbol/TextSymbol.js";
75
+ import { default as sr } from "./components/Accordion/Accordion.js";
76
+ import { default as dr } from "./components/Accordion/AccordionItem.js";
77
+ import { AccordionItemVariant as pr, AccordionVariants as ur } from "./components/Accordion/types.js";
78
+ import { default as nr } from "./patterns/UserManagement/UserManagement.js";
79
+ import { AuthState as gr } from "./patterns/UserManagement/types.js";
80
+ import { default as Cr } from "./components/Breadcrumb/Breadcrumb.js";
80
81
  import "react/jsx-runtime";
81
82
  import "./node_modules/classnames/index.js";
82
- import { default as cr } from "./components/Dropdown/Dropdown.js";
83
- import { default as Sr } from "./components/Video/Video.js";
84
- import { default as Lr } from "./patterns/LanguageSelector/LanguageSelector.js";
85
- import { default as Ar } from "./components/ContentPeek/ContentPeek.js";
86
- import { HeightUnits as Ir } from "./components/ContentPeek/utils.js";
87
- import { default as kr } from "./components/Collapsible/Collapsible.js";
88
- import { default as Br } from "./components/Collapsible/CollapsibleContent.js";
89
- import { default as vr } from "./components/Collapsible/CollapsibleTrigger.js";
90
- import { SeldonProvider as yr } from "./providers/SeldonProvider/SeldonProvider.js";
91
- import { default as Nr } from "./components/PageContentWrapper/PageContentWrapper.js";
92
- import { default as Hr } from "./components/Carousel/Carousel.js";
93
- import { default as Gr } from "./components/Carousel/CarouselArrows.js";
94
- import { default as Ur } from "./components/Carousel/CarouselContent.js";
95
- import { default as Wr } from "./components/Carousel/CarouselItem.js";
96
- import { default as Yr } from "./components/Carousel/CarouselDots.js";
97
- import { default as zr } from "./components/Detail/Detail.js";
98
- import { default as qr } from "./patterns/DetailList/DetailList.js";
99
- import { DetailListAlignment as Kr } from "./patterns/DetailList/types.js";
100
- import { default as _r } from "./components/PinchZoom/PinchZoom.js";
101
- import { default as eo } from "./components/Tabs/TabsContainer.js";
102
- import { default as ro } from "./components/Tabs/TabsContent.js";
103
- import { default as ao } from "./components/SeldonImage/SeldonImage.js";
104
- import { default as so } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
105
- import { default as mo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
106
- import { default as uo } from "./patterns/FilterMenu/FilterMenu.js";
107
- import { default as io } from "./components/Filter/Filter.js";
108
- import { default as go } from "./components/Filter/FilterInput.js";
109
- import { default as Co } from "./components/Filter/FilterHeader.js";
110
- import { default as ho } from "./components/Countdown/Countdown.js";
111
- import { CountdownVariants as Po } from "./components/Countdown/types.js";
112
- import { default as To } from "./patterns/ObjectTile/ObjectTile.js";
113
- import { default as bo } from "./patterns/BidSnapshot/BidSnapshot.js";
114
- import { default as wo } from "./patterns/BidSnapshot/BidMessage.js";
115
- import { BidMessageVariants as Vo, BidStatusEnum as vo } from "./patterns/BidSnapshot/types.js";
116
- import { default as yo } from "./components/Article/Article.js";
83
+ import { default as hr } from "./components/Dropdown/Dropdown.js";
84
+ import { default as Lr } from "./components/Video/Video.js";
85
+ import { default as Tr } from "./patterns/LanguageSelector/LanguageSelector.js";
86
+ import { default as Ir } from "./components/ContentPeek/ContentPeek.js";
87
+ import { HeightUnits as Br } from "./components/ContentPeek/utils.js";
88
+ import { default as Vr } from "./components/Collapsible/Collapsible.js";
89
+ import { default as Fr } from "./components/Collapsible/CollapsibleContent.js";
90
+ import { default as Mr } from "./components/Collapsible/CollapsibleTrigger.js";
91
+ import { SeldonProvider as Dr } from "./providers/SeldonProvider/SeldonProvider.js";
92
+ import { default as Rr } from "./components/PageContentWrapper/PageContentWrapper.js";
93
+ import { default as Or } from "./components/Carousel/Carousel.js";
94
+ import { default as Er } from "./components/Carousel/CarouselArrows.js";
95
+ import { default as Qr } from "./components/Carousel/CarouselContent.js";
96
+ import { default as jr } from "./components/Carousel/CarouselItem.js";
97
+ import { default as Zr } from "./components/Carousel/CarouselDots.js";
98
+ import { default as Jr } from "./components/Detail/Detail.js";
99
+ import { default as Xr } from "./patterns/DetailList/DetailList.js";
100
+ import { DetailListAlignment as $r } from "./patterns/DetailList/types.js";
101
+ import { default as to } from "./components/PinchZoom/PinchZoom.js";
102
+ import { default as oo } from "./components/Tabs/TabsContainer.js";
103
+ import { default as fo } from "./components/Tabs/TabsContent.js";
104
+ import { default as lo } from "./components/SeldonImage/SeldonImage.js";
105
+ import { default as po } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
106
+ import { default as xo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
107
+ import { default as io } from "./patterns/FilterMenu/FilterMenu.js";
108
+ import { default as co } from "./components/Filter/Filter.js";
109
+ import { default as So } from "./components/Filter/FilterInput.js";
110
+ import { default as Ao } from "./components/Filter/FilterHeader.js";
111
+ import { default as Po } from "./components/Countdown/Countdown.js";
112
+ import { CountdownVariants as ko } from "./components/Countdown/types.js";
113
+ import { default as bo } from "./patterns/ObjectTile/ObjectTile.js";
114
+ import { default as wo } from "./patterns/BidSnapshot/BidSnapshot.js";
115
+ import { default as vo } from "./patterns/BidSnapshot/BidMessage.js";
116
+ import { BidMessageVariants as yo, BidStatusEnum as Mo } from "./patterns/BidSnapshot/types.js";
117
+ import { default as Do } from "./components/Article/Article.js";
118
+ import { default as Ro } from "./components/TextArea/TextArea.js";
117
119
  export {
118
- or as Accordion,
119
- fr as AccordionItem,
120
- lr as AccordionItemVariant,
121
- dr as AccordionVariants,
122
- S as AccountCircle,
120
+ sr as Accordion,
121
+ dr as AccordionItem,
122
+ pr as AccordionItemVariant,
123
+ ur as AccordionVariants,
124
+ h as AccountCircle,
123
125
  L as ArrowPrev,
124
- yo as Article,
125
- Fe as AuctionStatus,
126
- xr as AuthState,
127
- wo as BidMessage,
128
- Vo as BidMessageVariants,
129
- bo as BidSnapshot,
130
- vo as BidStatusEnum,
131
- nr as Breadcrumb,
132
- De as Button,
133
- Re as ButtonVariants,
134
- A as Calendar,
126
+ Do as Article,
127
+ Ne as AuctionStatus,
128
+ gr as AuthState,
129
+ vo as BidMessage,
130
+ yo as BidMessageVariants,
131
+ wo as BidSnapshot,
132
+ Mo as BidStatusEnum,
133
+ Cr as Breadcrumb,
134
+ f as BreakpointTokens,
135
+ Ge as Button,
136
+ Ue as ButtonVariants,
137
+ T as Calendar,
135
138
  I as CalendarAlt,
136
- Hr as Carousel,
137
- k as CarouselArrowNext,
138
- B as CarouselArrowPrev,
139
- Gr as CarouselArrows,
140
- Ur as CarouselContent,
141
- Yr as CarouselDots,
142
- Wr as CarouselItem,
143
- v as Checkmark,
144
- y as ChevronDown,
145
- N as ChevronNext,
146
- H as ChevronRight,
147
- G as Close,
148
- kr as Collapsible,
149
- Br as CollapsibleContent,
150
- vr as CollapsibleTrigger,
151
- Ar as ContentPeek,
152
- Ir as ContentPeekHeightUnits,
153
- ho as Countdown,
154
- Po as CountdownVariants,
155
- zr as Detail,
156
- qr as DetailList,
157
- Kr as DetailListAlignment,
158
- Ot as Drawer,
159
- cr as Dropdown,
160
- Ee as ErrorBoundary,
161
- Y as Facebook,
162
- U as Favorite,
163
- W as FavoriteOutline,
164
- io as Filter,
165
- Co as FilterHeader,
166
- go as FilterInput,
167
- uo as FilterMenu,
168
- Qe as Footer,
169
- z as FooterInstagram,
170
- _ as FooterWeChat,
171
- Le as GreenCircle,
172
- je as Grid,
173
- Ct as GridItem,
174
- ht as GridItemAlign,
175
- Ze as Header,
176
- ot as HeroBanner,
177
- Oe as IconButton,
178
- ft as Input,
179
- ee as Instagram,
180
- Lr as LanguageSelector,
181
- lt as Link,
182
- ut as LinkBlock,
183
- it as LinkList,
184
- mt as LinkVariants,
185
- q as LinkedIn,
186
- re as Lock,
187
- ye as LotStatus,
188
- ae as Minus,
189
- Rt as Modal,
190
- Je as Navigation,
191
- Xe as NavigationItem,
192
- $e as NavigationItemTrigger,
193
- tt as NavigationList,
194
- To as ObjectTile,
195
- f as PaddingTokens,
196
- Ie as Page,
197
- Nr as PageContentWrapper,
198
- Et as Pagination,
199
- se as PhillipsLogo,
200
- _r as PinchZoom,
201
- de as Plus,
202
- pe as React,
203
- Ae as RedCircle,
204
- K as Reddit,
205
- gt as Row,
206
- Be as SSRMediaQuery,
207
- so as SaleHeaderBanner,
208
- mo as SaleHeaderBrowseAuctions,
209
- Pt as Search,
210
- ao as SeldonImage,
211
- yr as SeldonProvider,
212
- Tt as Select,
213
- bt as SelectVariants,
214
- xe as Share,
215
- Mt as Social,
216
- s as SpacingTokens,
217
- wt as SplitPanel,
218
- ne as Spotify,
219
- zt as StatefulViewingsList,
220
- Vt as Subscribe,
221
- Ft as SubscriptionState,
222
- Me as SupportedLanguages,
223
- eo as TabsContainer,
224
- ro as TabsContent,
225
- Qt as Tag,
226
- Yt as TagsList,
227
- Xt as Text,
228
- qt as TextAlignments,
229
- $t as TextSymbolVariants,
230
- tr as TextSymbols,
231
- Jt as TextVariants,
232
- pr as UserManagement,
233
- Sr as Video,
234
- Dt as ViewingsList,
235
- ce as WeChat,
236
- Se as Youtube,
237
- l as defaultYear,
238
- d as emailValidation,
239
- m as encodeURLSearchParams,
240
- p as findChildrenExcludingTypes,
241
- u as findChildrenOfType,
242
- x as generatePaddingClassName,
139
+ Or as Carousel,
140
+ B as CarouselArrowNext,
141
+ V as CarouselArrowPrev,
142
+ Er as CarouselArrows,
143
+ Qr as CarouselContent,
144
+ Zr as CarouselDots,
145
+ jr as CarouselItem,
146
+ F as Checkmark,
147
+ M as ChevronDown,
148
+ D as ChevronNext,
149
+ R as ChevronRight,
150
+ O as Close,
151
+ Vr as Collapsible,
152
+ Fr as CollapsibleContent,
153
+ Mr as CollapsibleTrigger,
154
+ Ir as ContentPeek,
155
+ Br as ContentPeekHeightUnits,
156
+ Po as Countdown,
157
+ ko as CountdownVariants,
158
+ Jr as Detail,
159
+ Xr as DetailList,
160
+ $r as DetailListAlignment,
161
+ Wt as Drawer,
162
+ hr as Dropdown,
163
+ Ye as ErrorBoundary,
164
+ j as Facebook,
165
+ E as Favorite,
166
+ Q as FavoriteOutline,
167
+ co as Filter,
168
+ Ao as FilterHeader,
169
+ So as FilterInput,
170
+ io as FilterMenu,
171
+ ze as Footer,
172
+ Z as FooterInstagram,
173
+ $ as FooterWeChat,
174
+ Te as GreenCircle,
175
+ qe as Grid,
176
+ At as GridItem,
177
+ Pt as GridItemAlign,
178
+ Ke as Header,
179
+ st as HeroBanner,
180
+ We as IconButton,
181
+ dt as Input,
182
+ te as Instagram,
183
+ Tr as LanguageSelector,
184
+ pt as Link,
185
+ it as LinkBlock,
186
+ ct as LinkList,
187
+ xt as LinkVariants,
188
+ J as LinkedIn,
189
+ oe as Lock,
190
+ De as LotStatus,
191
+ fe as Menu,
192
+ le as Minus,
193
+ Ut as Modal,
194
+ _e as Navigation,
195
+ et as NavigationItem,
196
+ rt as NavigationItemTrigger,
197
+ at as NavigationList,
198
+ bo as ObjectTile,
199
+ s as PaddingTokens,
200
+ Be as Page,
201
+ Rr as PageContentWrapper,
202
+ Yt as Pagination,
203
+ me as PhillipsLogo,
204
+ to as PinchZoom,
205
+ ue as Plus,
206
+ ne as React,
207
+ Ie as RedCircle,
208
+ X as Reddit,
209
+ St as Row,
210
+ Fe as SSRMediaQuery,
211
+ po as SaleHeaderBanner,
212
+ xo as SaleHeaderBrowseAuctions,
213
+ kt as Search,
214
+ lo as SeldonImage,
215
+ Dr as SeldonProvider,
216
+ bt as Select,
217
+ wt as SelectVariants,
218
+ ge as Share,
219
+ Ht as Social,
220
+ l as SpacingTokens,
221
+ vt as SplitPanel,
222
+ Ce as Spotify,
223
+ Jt as StatefulViewingsList,
224
+ yt as Subscribe,
225
+ Nt as SubscriptionState,
226
+ He as SupportedLanguages,
227
+ oo as TabsContainer,
228
+ fo as TabsContent,
229
+ zt as Tag,
230
+ Zt as TagsList,
231
+ er as Text,
232
+ Xt as TextAlignments,
233
+ Ro as TextArea,
234
+ rr as TextSymbolVariants,
235
+ ar as TextSymbols,
236
+ _t as TextVariants,
237
+ nr as UserManagement,
238
+ Lr as Video,
239
+ Gt as ViewingsList,
240
+ he as WeChat,
241
+ Le as Youtube,
242
+ d as defaultYear,
243
+ m as emailValidation,
244
+ p as encodeURLSearchParams,
245
+ u as findChildrenExcludingTypes,
246
+ x as findChildrenOfType,
247
+ n as generatePaddingClassName,
243
248
  i as getCommonProps,
244
- n as noOp,
245
- g as px,
246
- Ve as ssrMediaQueryStyle,
247
- c as useNormalizedInputProps,
248
- ke as usePendingState
249
+ g as noOp,
250
+ c as px,
251
+ ye as ssrMediaQueryStyle,
252
+ C as useNormalizedInputProps,
253
+ Ve as usePendingState
249
254
  };
@@ -1,4 +1,4 @@
1
- import { __module as t } from "../../_virtual/index5.js";
1
+ import { __module as t } from "../../_virtual/index6.js";
2
2
  /*!
3
3
  Copyright (c) 2015 Jed Watson.
4
4
  Based on code that is Copyright 2013-2015, Facebook, Inc.
@@ -1,4 +1,4 @@
1
- import { __module as e } from "../../../../_virtual/index6.js";
1
+ import { __module as e } from "../../../../_virtual/index5.js";
2
2
  import { __require as o } from "./cjs/react-is.production.min.js";
3
3
  import { __require as t } from "./cjs/react-is.development.js";
4
4
  var r;
@@ -76,7 +76,7 @@
76
76
  font-size: $link-label-size;
77
77
  letter-spacing: 1px;
78
78
  line-height: $link-label-line-height;
79
- text-transform: uppercase;
79
+ text-transform: capitalize;
80
80
  }
81
81
 
82
82
  @if $label == 'button' {
@@ -63,3 +63,4 @@
63
63
  @use 'site-furniture/Header/header';
64
64
  @use 'site-furniture/Footer/footer';
65
65
  @use 'components/Article/article';
66
+ @use 'components/TextArea/textArea';
@@ -2,7 +2,7 @@
2
2
  @use '../../allPartials' as *;
3
3
 
4
4
  @mixin gridItemColumnSpan($span: 1, $total-cols: 12) {
5
- grid-column: span $span;
5
+ grid-column: auto / span $span;
6
6
 
7
7
  &-align-right {
8
8
  grid-column-end: $total-cols + 1;
@@ -24,12 +24,24 @@
24
24
  }
25
25
  }
26
26
 
27
+ @for $i from 1 through 6 {
28
+ &--start-xs-#{$i} {
29
+ grid-column-start: #{$i};
30
+ }
31
+ }
32
+
27
33
  @include media($size-sm) {
28
34
  @for $i from 1 through 2 {
29
35
  &--span-sm-#{$i} {
30
36
  @include gridItemColumnSpan($i, 2);
31
37
  }
32
38
  }
39
+
40
+ @for $i from 1 through 6 {
41
+ &--start-sm-#{$i} {
42
+ grid-column-start: #{$i};
43
+ }
44
+ }
33
45
  }
34
46
 
35
47
  @include media($size-md) {
@@ -38,6 +50,12 @@
38
50
  @include gridItemColumnSpan($i, 6);
39
51
  }
40
52
  }
53
+
54
+ @for $i from 1 through 6 {
55
+ &--start-md-#{$i} {
56
+ grid-column-start: #{$i};
57
+ }
58
+ }
41
59
  }
42
60
 
43
61
  @include media($size-lg) {
@@ -46,5 +64,25 @@
46
64
  @include gridItemColumnSpan($i, 12);
47
65
  }
48
66
  }
67
+
68
+ @for $i from 1 through 12 {
69
+ &--start-lg-#{$i} {
70
+ grid-column-start: #{$i};
71
+ }
72
+ }
73
+ }
74
+
75
+ @include media($size-xl) {
76
+ @for $i from 1 through 12 {
77
+ &--span-xl-#{$i} {
78
+ @include gridItemColumnSpan($i, 12);
79
+ }
80
+ }
81
+
82
+ @for $i from 1 through 12 {
83
+ &--start-xl-#{$i} {
84
+ grid-column-start: #{$i};
85
+ }
86
+ }
49
87
  }
50
88
  }
@@ -0,0 +1,67 @@
1
+ @use '../../allPartials' as *;
2
+
3
+ .#{$px}-text-area {
4
+ @include text($string2);
5
+
6
+ accent-color: $soft-black;
7
+ border: 1px solid $keyline-gray;
8
+ border-radius: 0.1875rem;
9
+ min-height: 50px; // 50px is the height of 2 rows
10
+ padding: $padding-xsm;
11
+ resize: vertical;
12
+ width: 100%;
13
+
14
+ &__wrapper {
15
+ display: flex;
16
+ flex-direction: column;
17
+ font-variation-settings: 'wght' 600;
18
+ margin-bottom: 0.25rem;
19
+ position: relative;
20
+ }
21
+
22
+ &-resizer__icon {
23
+ bottom: $padding-xsm;
24
+ height: 0.75rem;
25
+ pointer-events: none;
26
+ position: absolute;
27
+ right: $padding-xsm;
28
+ width: 0.75rem;
29
+
30
+ svg {
31
+ height: 100%;
32
+ width: 100%;
33
+ }
34
+ }
35
+
36
+ &:focus-visible {
37
+ outline: 1px solid $pure-black;
38
+ }
39
+
40
+ &__label {
41
+ @include text($string2);
42
+
43
+ color: $pure-black;
44
+ font-variation-settings: 'wght' 600;
45
+ margin-bottom: 0.5rem;
46
+ width: fit-content;
47
+ word-break: break-word;
48
+ }
49
+
50
+ &::-webkit-resizer {
51
+ bottom: 0;
52
+ height: 28px;
53
+ opacity: 0;
54
+ position: absolute;
55
+ right: 0;
56
+ width: 28px;
57
+ }
58
+
59
+ &::-moz-resizer {
60
+ bottom: 0;
61
+ height: 28px;
62
+ opacity: 0;
63
+ position: absolute;
64
+ right: 0;
65
+ width: 28px;
66
+ }
67
+ }
@@ -26,6 +26,13 @@ export declare enum SpacingTokens {
26
26
  xl = "xl",
27
27
  xxl = "xxl"
28
28
  }
29
+ export declare enum BreakpointTokens {
30
+ xs = "xs",
31
+ sm = "sm",
32
+ md = "md",
33
+ lg = "lg",
34
+ xl = "xl"
35
+ }
29
36
  export declare const noOp: () => void;
30
37
  export interface InputProps {
31
38
  /**
@@ -1,62 +1,63 @@
1
1
  import { jsx as d } from "react/jsx-runtime";
2
- import { kebabCase as u } from "../node_modules/change-case/dist/index.js";
3
- import * as c from "react";
4
- const s = "seldon", v = ({ id: e, ...r }, n) => {
5
- const t = u(n);
2
+ import { kebabCase as c } from "../node_modules/change-case/dist/index.js";
3
+ import * as u from "react";
4
+ const s = "seldon", C = ({ id: r, ...e }, t) => {
5
+ const n = c(t);
6
6
  return {
7
- ...r,
8
- "data-testid": e ? `${t}-${e}` : `${t}`,
9
- className: `${s}-${t}`
7
+ ...e,
8
+ "data-testid": r ? `${n}-${r}` : `${n}`,
9
+ className: `${s}-${n}`
10
10
  };
11
11
  };
12
- 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 || {});
13
- const C = () => {
12
+ 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))($ || {});
13
+ const g = () => {
14
14
  };
15
- function g({
16
- disabled: e = !1,
17
- id: r,
18
- invalid: n = !1,
19
- invalidText: t = "invalid",
15
+ function w({
16
+ disabled: r = !1,
17
+ id: e,
18
+ invalid: t = !1,
19
+ invalidText: n = "invalid",
20
20
  readOnly: a = !1,
21
- type: o,
22
- warn: i = !1,
21
+ type: i,
22
+ warn: o = !1,
23
23
  warnText: m
24
24
  }) {
25
25
  const l = {
26
- disabled: !a && e,
27
- invalid: !a && !e && n,
28
- invalidId: `${r}-error-msg`,
29
- type: o === "toggle" ? "checkbox" : o,
30
- warn: !a && !e && !n && i,
31
- warnId: `${r}-warn-msg`,
26
+ disabled: !a && r,
27
+ invalid: !a && !r && t,
28
+ invalidId: `${e}-error-msg`,
29
+ type: i === "toggle" ? "checkbox" : i,
30
+ warn: !a && !r && !t && o,
31
+ warnId: `${e}-warn-msg`,
32
32
  validation: null
33
33
  };
34
- 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;
34
+ 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;
35
35
  }
36
- 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) => {
37
- const t = c.Children.toArray(e).filter((a) => a && a.type === r && !n ? a : a && a.type !== r && n);
38
- return t.length > 0 ? t : null;
39
- }, N = (e, r) => {
40
- const n = c.Children.toArray(e).filter((t) => {
41
- if (t && t.type && !r.includes(t.type))
42
- return t;
43
- });
36
+ 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) => {
37
+ const n = u.Children.toArray(r).filter((a) => a && a.type === e && !t ? a : a && a.type !== e && t);
44
38
  return n.length > 0 ? n : null;
45
- }, R = (e) => {
46
- 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("&");
47
- return `${r[0]}?${a}`;
39
+ }, R = (r, e) => {
40
+ const t = u.Children.toArray(r).filter((n) => {
41
+ if (n && n.type && !e.includes(n.type))
42
+ return n;
43
+ });
44
+ return t.length > 0 ? t : null;
45
+ }, b = (r) => {
46
+ 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("&");
47
+ return `${e[0]}?${a}`;
48
48
  };
49
49
  export {
50
+ $ as BreakpointTokens,
50
51
  x as PaddingTokens,
51
52
  f as SpacingTokens,
52
- w as defaultYear,
53
- y as emailValidation,
54
- R as encodeURLSearchParams,
55
- N as findChildrenExcludingTypes,
56
- I as findChildrenOfType,
57
- h as generatePaddingClassName,
58
- v as getCommonProps,
59
- C as noOp,
53
+ h as defaultYear,
54
+ I as emailValidation,
55
+ b as encodeURLSearchParams,
56
+ R as findChildrenExcludingTypes,
57
+ N as findChildrenOfType,
58
+ y as generatePaddingClassName,
59
+ C as getCommonProps,
60
+ g as noOp,
60
61
  s as px,
61
- g as useNormalizedInputProps
62
+ w as useNormalizedInputProps
62
63
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.130.1",
3
+ "version": "1.132.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"