@phillips/seldon 1.261.0 → 1.263.0

package/dist/components/Input/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs");require("react/jsx-runtime");require("../../providers/SeldonProvider/utils.cjs");require("react");require("../Button/Button.cjs");require("../Banner/Banner.cjs");require("../Card/Card.cjs");require("../IconButton/IconButton.cjs");require("../Accordion/Accordion.cjs");require("../Accordion/AccordionItem.cjs");require("../../_virtual/index.cjs");require("../Icon/Icon.cjs");require("../Carousel/Carousel.cjs");require("../Carousel/CarouselArrows.cjs");require("../Carousel/CarouselContent.cjs");require("../Carousel/CarouselItem.cjs");require("../Carousel/CarouselDots.cjs");require("../Collapsible/Collapsible.cjs");require("../Collapsible/CollapsibleContent.cjs");require("../Collapsible/CollapsibleTrigger.cjs");require("../ContentPeek/ContentPeek.cjs");require("../Detail/Detail.cjs");require("../Drawer/Drawer.cjs");require("../Dropdown/Dropdown.cjs");require("../Grid/Grid.cjs");require("../GridItem/GridItem.cjs");require("./Input.cjs");require("../Link/Link.cjs");require("../Link/types.cjs");require("../LinkBlock/LinkBlock.cjs");require("../LinkList/LinkList.cjs");require("../Modal/Modal.cjs");require("../Navigation/Navigation.cjs");require("../Navigation/NavigationItem/NavigationItem.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs");require("../Navigation/NavigationList/NavigationList.cjs");require("../Navigation/NavigationSubmenu/NavigationSubmenu.cjs");require("../Pagination/Pagination.cjs");require("../PinchZoom/PinchZoom.cjs");require("../Row/Row.cjs");require("../Search/Search.cjs");require("../SeldonImage/SeldonImage.cjs");require("../Select/Select.cjs");require("../SplitPanel/SplitPanel.cjs");require("../Tabs/TabsContainer.cjs");require("../Tabs/TabsContent.cjs");require("../Tags/Tags.cjs");require("../Text/Text.cjs");require("../TextSymbol/TextSymbol.cjs");require("../Video/Video.cjs");require("../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs");require("../../patterns/HeroBanner/HeroBanner.cjs");require("../../patterns/TextBanner/TextBanner.cjs");require("../../patterns/LanguageSelector/LanguageSelector.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBanner.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs");require("../../patterns/Social/Social.cjs");require("../../patterns/Subscribe/Subscribe.cjs");require("../../patterns/UserManagement/UserManagement.cjs");require("../../patterns/ViewingsList/StatefulViewingsList.cjs");require("../../patterns/ViewingsList/ViewingsList.cjs");require("../ComboBox/ComboBox.cjs");require("../ComposedModal/ComposedModal.cjs");require("../DetailList/DetailList.cjs");require("../ExitGateCard/ExitGateCard.cjs");require("../Loader/Loader.cjs");require("../PageContentWrapper/PageContentWrapper.cjs");require("../../patterns/FiltersInline/FilterButton.cjs");require("../../patterns/FiltersInline/FiltersInline.cjs");require("../../patterns/SaleCard/SaleCard.cjs");require("../../patterns/SaleCard/SaleCardActions.cjs");require("../../patterns/ViewingDetails/ViewingDetails.cjs");require("../ProgressIndicator/ProgressIndicator.cjs");require("../../site-furniture/Header/Header.cjs");require("../AddToCalendar/AddToCalendar.cjs");require("../Article/Article.cjs");require("../Countdown/Countdown.cjs");require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");require("../DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs");require("../Divider/Divider.cjs");require("../FavoritingTileButton/FavoritingTileButton.cjs");require("../Filter/Filter.cjs");require("../Filter/FilterInput.cjs");require("../Filter/FilterHeader.cjs");require("../NotificationBanner/NotificationBanner.cjs");require("../Pictogram/Pictogram.cjs");require("../TextArea/TextArea.cjs");require("../Toast/Toast.cjs");require("../Toast/ToastContextProvider.cjs");require("../../patterns/AccountPageHeader/AccountPageHeader.cjs");require("../../patterns/BidSnapshot/BidSnapshot.cjs");require("../../patterns/FilterMenu/FilterMenu.cjs");require("../../patterns/ObjectTile/ObjectTile.cjs");require("../../patterns/CountryPicker/CountryPicker.cjs");require("../../patterns/ProgressWizard/ProgressWizard.cjs");require("../../patterns/ProgressWizard/types.cjs");require("../../patterns/PhoneNumberInput/PhoneNumberInput.cjs");const r=()=>({adornment:`${e.px}-input__wrapper__adornment`,emptyValidation:`${e.px}-input__empty-validation`,input:`${e.px}-input__input`,label:`${e.px}-input__label`,labelHidden:`${e.px}-input__label--hidden`,skeleton:`${e.px}-skeleton`,validation:`${e.px}-input__validation`,wrapper:`${e.px}-input__wrapper`,wrapperInput:`${e.px}-input__wrapper__input`});exports.getInputClassNames=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs");require("react/jsx-runtime");require("../../providers/SeldonProvider/utils.cjs");require("react");require("../Button/Button.cjs");require("../Banner/Banner.cjs");require("../Card/Card.cjs");require("../IconButton/IconButton.cjs");require("../Accordion/Accordion.cjs");require("../Accordion/AccordionItem.cjs");require("../../_virtual/index.cjs");require("../Icon/Icon.cjs");require("../Carousel/Carousel.cjs");require("../Carousel/CarouselArrows.cjs");require("../Carousel/CarouselContent.cjs");require("../Carousel/CarouselItem.cjs");require("../Carousel/CarouselDots.cjs");require("../Collapsible/Collapsible.cjs");require("../Collapsible/CollapsibleContent.cjs");require("../Collapsible/CollapsibleTrigger.cjs");require("../ContentPeek/ContentPeek.cjs");require("../Detail/Detail.cjs");require("../Drawer/Drawer.cjs");require("../Dropdown/Dropdown.cjs");require("../Grid/Grid.cjs");require("../GridItem/GridItem.cjs");require("./Input.cjs");require("../Link/Link.cjs");require("../Link/types.cjs");require("../LinkBlock/LinkBlock.cjs");require("../LinkList/LinkList.cjs");require("../Modal/Modal.cjs");require("../Navigation/Navigation.cjs");require("../Navigation/NavigationItem/NavigationItem.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs");require("../Navigation/NavigationList/NavigationList.cjs");require("../Navigation/NavigationSubmenu/NavigationSubmenu.cjs");require("../Pagination/Pagination.cjs");require("../PinchZoom/PinchZoom.cjs");require("../ProgressBar/ProgressBar.cjs");require("../Row/Row.cjs");require("../Search/Search.cjs");require("../SeldonImage/SeldonImage.cjs");require("../Select/Select.cjs");require("../SplitPanel/SplitPanel.cjs");require("../Tabs/TabsContainer.cjs");require("../Tabs/TabsContent.cjs");require("../Tags/Tags.cjs");require("../Text/Text.cjs");require("../TextSymbol/TextSymbol.cjs");require("../Video/Video.cjs");require("../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs");require("../../patterns/HeroBanner/HeroBanner.cjs");require("../../patterns/TextBanner/TextBanner.cjs");require("../../patterns/LanguageSelector/LanguageSelector.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBanner.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs");require("../../patterns/Social/Social.cjs");require("../../patterns/Subscribe/Subscribe.cjs");require("../../patterns/UserManagement/UserManagement.cjs");require("../../patterns/ViewingsList/StatefulViewingsList.cjs");require("../../patterns/ViewingsList/ViewingsList.cjs");require("../ComboBox/ComboBox.cjs");require("../ComposedModal/ComposedModal.cjs");require("../DetailList/DetailList.cjs");require("../ExitGateCard/ExitGateCard.cjs");require("../Loader/Loader.cjs");require("../PageContentWrapper/PageContentWrapper.cjs");require("../../patterns/FiltersInline/FilterButton.cjs");require("../../patterns/FiltersInline/FiltersInline.cjs");require("../../patterns/SaleCard/SaleCard.cjs");require("../../patterns/SaleCard/SaleCardActions.cjs");require("../../patterns/ViewingDetails/ViewingDetails.cjs");require("../ProgressIndicator/ProgressIndicator.cjs");require("../../site-furniture/Header/Header.cjs");require("../AddToCalendar/AddToCalendar.cjs");require("../Article/Article.cjs");require("../Countdown/Countdown.cjs");require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");require("../DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs");require("../Divider/Divider.cjs");require("../FavoritingTileButton/FavoritingTileButton.cjs");require("../Filter/Filter.cjs");require("../Filter/FilterInput.cjs");require("../Filter/FilterHeader.cjs");require("../NotificationBanner/NotificationBanner.cjs");require("../Pictogram/Pictogram.cjs");require("../TextArea/TextArea.cjs");require("../Toast/Toast.cjs");require("../Toast/ToastContextProvider.cjs");require("../../patterns/AccountPageHeader/AccountPageHeader.cjs");require("../../patterns/BidSnapshot/BidSnapshot.cjs");require("../../patterns/FilterMenu/FilterMenu.cjs");require("../../patterns/ObjectTile/ObjectTile.cjs");require("../../patterns/CountryPicker/CountryPicker.cjs");require("../../patterns/ProgressWizard/ProgressWizard.cjs");require("../../patterns/ProgressWizard/types.cjs");require("../../patterns/PhoneNumberInput/PhoneNumberInput.cjs");const r=()=>({adornment:`${e.px}-input__wrapper__adornment`,emptyValidation:`${e.px}-input__empty-validation`,input:`${e.px}-input__input`,label:`${e.px}-input__label`,labelHidden:`${e.px}-input__label--hidden`,skeleton:`${e.px}-skeleton`,validation:`${e.px}-input__validation`,wrapper:`${e.px}-input__wrapper`,wrapperInput:`${e.px}-input__wrapper__input`});exports.getInputClassNames=r;

package/dist/components/Input/utils.js

@@ -38,6 +38,7 @@ import "../Navigation/NavigationList/NavigationList.js";
 import "../Navigation/NavigationSubmenu/NavigationSubmenu.js";
 import "../Pagination/Pagination.js";
 import "../PinchZoom/PinchZoom.js";
+import "../ProgressBar/ProgressBar.js";
 import "../Row/Row.js";
 import "../Search/Search.js";
 import "../SeldonImage/SeldonImage.js";
@@ -96,7 +97,7 @@ import "../../patterns/CountryPicker/CountryPicker.js";
 import "../../patterns/ProgressWizard/ProgressWizard.js";
 import "../../patterns/ProgressWizard/types.js";
 import "../../patterns/PhoneNumberInput/PhoneNumberInput.js";
-const Qp = () => ({
+const Rp = () => ({
   adornment: `${p}-input__wrapper__adornment`,
   emptyValidation: `${p}-input__empty-validation`,
   input: `${p}-input__input`,
@@ -108,5 +109,5 @@ const Qp = () => ({
   wrapperInput: `${p}-input__wrapper__input`
 });
 export {
-  Qp as getInputClassNames
+  Rp as getInputClassNames
 };

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),M=require("../../_virtual/index.cjs"),N=require("../../utils/index.cjs"),T=require("../Text/types.cjs"),q=require("../Text/Text.cjs"),w=require("./utils.cjs");function V(i,l){return`${i} of ${l}`}const m=o.forwardRef(({current:i,total:l,ariaLive:x="polite",className:g,tooltipContent:r,progressAriaLabel:f="Progress",getAriaValueText:h=V,..._},$)=>{const{className:a,...P}=N.getCommonProps(_,"ProgressBar"),{safeTotal:t,safeCurrent:n,visualPercent:p}=o.useMemo(()=>w.getProgressBarMetrics(i,l),[i,l]),b=h(n,t),[c,u]=o.useState({isVisible:!1,x:0}),d=(e,v)=>{const j=Math.min(Math.max(e-v.left,0),v.width);u({isVisible:!0,x:j})};return s.jsxs("div",{...P,ref:$,className:M.default(a,g),children:[s.jsx("span",{className:`${a}__live-region`,role:"progressbar","aria-valuemin":1,"aria-valuemax":t,"aria-valuenow":n,"aria-valuetext":b,"aria-label":f}),s.jsxs("div",{className:`${a}__track`,onMouseEnter:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseMove:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseLeave:r?()=>u(e=>({...e,isVisible:!1})):void 0,children:[s.jsx("div",{className:`${a}__fill`,style:{width:`${p}%`},children:s.jsx("div",{className:`${a}__label`,children:s.jsx(q.default,{element:"span",variant:T.TextVariants.stringSmall,"aria-live":x,children:`${n}/${t}`})})}),r&&c.isVisible&&s.jsxs("div",{className:`${a}__hover-tooltip`,style:{left:`${c.x}px`},"aria-hidden":!0,children:[r,s.jsx("span",{className:`${a}__hover-tooltip-caret`})]})]})]})});m.displayName="ProgressBar";exports.default=m;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, ReactNode } from 'react';
+export interface ProgressBarProps extends ComponentProps<'div'> {
+    /** Current step (display + fill toward this value). */
+    current: number;
+    /** Total steps (denominator for display and clamping). */
+    total: number;
+    /** Politeness of the live region wrapping `safeCurrent/safeTotal` in the track label. */
+    ariaLive?: 'polite' | 'assertive' | 'off';
+    /** Optional track hover tooltip content (app-specific copy, e.g. from Remix). */
+    tooltipContent?: ReactNode;
+    /** Accessible name for the progressbar live region. */
+    progressAriaLabel?: string;
+    /** Screen reader summary of progress; receives clamped current/total. */
+    getAriaValueText?: (safeCurrent: number, safeTotal: number) => string;
+}
+declare const ProgressBar: import('react').ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default ProgressBar;

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,70 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { forwardRef as b, useMemo as M, useState as w } from "react";
+import T from "../../_virtual/index.js";
+import { getCommonProps as V } from "../../utils/index.js";
+import { TextVariants as B } from "../Text/types.js";
+import y from "../Text/Text.js";
+import { getProgressBarMetrics as X } from "./utils.js";
+function j(i, l) {
+  return `${i} of ${l}`;
+}
+const H = b(
+  ({
+    current: i,
+    total: l,
+    ariaLive: v = "polite",
+    className: f,
+    tooltipContent: r,
+    progressAriaLabel: p = "Progress",
+    getAriaValueText: g = j,
+    ...h
+  }, x) => {
+    const { className: a, ..._ } = V(h, "ProgressBar"), { safeTotal: o, safeCurrent: t, visualPercent: $ } = M(
+      () => X(i, l),
+      [i, l]
+    ), P = g(t, o), [n, c] = w({
+      isVisible: !1,
+      x: 0
+    }), d = (e, u) => {
+      const N = Math.min(Math.max(e - u.left, 0), u.width);
+      c({
+        isVisible: !0,
+        x: N
+      });
+    };
+    return /* @__PURE__ */ m("div", { ..._, ref: x, className: T(a, f), children: [
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: `${a}__live-region`,
+          role: "progressbar",
+          "aria-valuemin": 1,
+          "aria-valuemax": o,
+          "aria-valuenow": t,
+          "aria-valuetext": P,
+          "aria-label": p
+        }
+      ),
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: `${a}__track`,
+          onMouseEnter: r ? (e) => d(e.clientX, e.currentTarget.getBoundingClientRect()) : void 0,
+          onMouseMove: r ? (e) => d(e.clientX, e.currentTarget.getBoundingClientRect()) : void 0,
+          onMouseLeave: r ? () => c((e) => ({ ...e, isVisible: !1 })) : void 0,
+          children: [
+            /* @__PURE__ */ s("div", { className: `${a}__fill`, style: { width: `${$}%` }, children: /* @__PURE__ */ s("div", { className: `${a}__label`, children: /* @__PURE__ */ s(y, { element: "span", variant: B.stringSmall, "aria-live": v, children: `${t}/${o}` }) }) }),
+            r && n.isVisible && /* @__PURE__ */ m("div", { className: `${a}__hover-tooltip`, style: { left: `${n.x}px` }, "aria-hidden": !0, children: [
+              r,
+              /* @__PURE__ */ s("span", { className: `${a}__hover-tooltip-caret` })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+H.displayName = "ProgressBar";
+export {
+  H as default
+};

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

@@ -0,0 +1,32 @@
+import { ProgressBarProps } from './index';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        current: {
+            control: {
+                type: "number";
+            };
+        };
+        total: {
+            control: {
+                type: "number";
+            };
+        };
+    };
+};
+export default meta;
+export declare const Playground: {
+    (props: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        current: number;
+        total: number;
+    };
+};
+export declare const WithTooltip: {
+    (props: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        current: number;
+        total: number;
+    };
+};

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

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

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

@@ -0,0 +1,3 @@
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';
+export { getProgressBarMetrics } from './utils';

package/dist/components/ProgressBar/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,n){const r=n<199?3:5,t=e/n;return e<=0?0:t>=.5?100*t:(1-2*t)**2*(r+(100-r)*t)+(1-(1-2*t)**2)*(100*t)}function o(e,n){const r=Math.max(Math.round(n),1),t=Math.min(Math.max(Math.round(e),1),r);return{safeTotal:r,safeCurrent:t,visualPercent:i(t,r)}}exports.getProgressBarMetrics=o;

package/dist/components/ProgressBar/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function getProgressBarMetrics(current: number, total: number): {
+    safeTotal: number;
+    safeCurrent: number;
+    visualPercent: number;
+};

package/dist/components/ProgressBar/utils.js

@@ -0,0 +1,15 @@
+function i(n, e) {
+  const r = e < 199 ? 3 : 5, t = n / e;
+  return n <= 0 ? 0 : t >= 0.5 ? 100 * t : (1 - 2 * t) ** 2 * (r + (100 - r) * t) + (1 - (1 - 2 * t) ** 2) * (100 * t);
+}
+function o(n, e) {
+  const r = Math.max(Math.round(e), 1), t = Math.min(Math.max(Math.round(n), 1), r);
+  return {
+    safeTotal: r,
+    safeCurrent: t,
+    visualPercent: i(t, r)
+  };
+}
+export {
+  o as getProgressBarMetrics
+};

package/dist/components/ProgressBar/utils.test.d.ts

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

package/dist/components/Text/types.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=(l=>(l.displayMedium="displayMedium",l.displaySmall="displaySmall",l.headingLarge="headingLarge",l.headingMedium="headingMedium",l.headingSmall="headingSmall",l.headingExtraSmall="headingExtraSmall",l.bodyLarge="bodyLarge",l.bodyMedium="bodyMedium",l.bodySmall="bodySmall",l.labelLarge="labelLarge",l.labelMedium="labelMedium",l.labelSmall="labelSmall",l.linkStylised="linkStylised",l.linkLarge="linkLarge",l.linkMedium="linkMedium",l.linkSmall="linkSmall",l.badgeSmall="badgeSmall",l.badgeMedium="badgeMedium",l.blockquote="blockquote",l.heading1="heading1",l.heading2="heading2",l.heading3="heading3",l.heading4="heading4",l.heading5="heading5",l.title1="title1",l.title2="title2",l.title3="title3",l.title4="title4",l.body1="body1",l.body2="body2",l.body3="body3",l.string1="string1",l.string2="string2",l.string3="string3",l.button="button",l.email="email",l.label="label",l.link="link",l.badge="badge",l.snwFlyoutLink="snwFlyoutLink",l.snwHeaderLink="snwHeaderLink",l.snwHeadingHero1="snwHeadingHero1",l.snwHeadingHero2="snwHeadingHero2",l))(d||{}),e=(l=>(l.left="left",l.center="center",l.right="right",l))(e||{});exports.TextAlignments=e;exports.TextVariants=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=(l=>(l.displayMedium="displayMedium",l.displaySmall="displaySmall",l.headingLarge="headingLarge",l.headingMedium="headingMedium",l.headingSmall="headingSmall",l.headingExtraSmall="headingExtraSmall",l.bodyLarge="bodyLarge",l.bodyMedium="bodyMedium",l.bodySmall="bodySmall",l.labelLarge="labelLarge",l.labelMedium="labelMedium",l.labelSmall="labelSmall",l.linkStylised="linkStylised",l.linkLarge="linkLarge",l.linkMedium="linkMedium",l.linkSmall="linkSmall",l.badgeSmall="badgeSmall",l.badgeMedium="badgeMedium",l.stringSmall="stringSmall",l.blockquote="blockquote",l.heading1="heading1",l.heading2="heading2",l.heading3="heading3",l.heading4="heading4",l.heading5="heading5",l.title1="title1",l.title2="title2",l.title3="title3",l.title4="title4",l.body1="body1",l.body2="body2",l.body3="body3",l.string1="string1",l.string2="string2",l.string3="string3",l.button="button",l.email="email",l.label="label",l.link="link",l.badge="badge",l.snwFlyoutLink="snwFlyoutLink",l.snwHeaderLink="snwHeaderLink",l.snwHeadingHero1="snwHeadingHero1",l.snwHeadingHero2="snwHeadingHero2",l))(d||{}),e=(l=>(l.left="left",l.center="center",l.right="right",l))(e||{});exports.TextAlignments=e;exports.TextVariants=d;

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

@@ -17,6 +17,7 @@ export declare enum TextVariants {
     linkSmall = "linkSmall",
     badgeSmall = "badgeSmall",
     badgeMedium = "badgeMedium",
+    stringSmall = "stringSmall",
     /** @deprecated Use headingLarge instead */
     blockquote = "blockquote",
     /** @deprecated Use headingLarge instead */

package/dist/components/Text/types.js

@@ -1,4 +1,4 @@
-var d = /* @__PURE__ */ ((l) => (l.displayMedium = "displayMedium", l.displaySmall = "displaySmall", l.headingLarge = "headingLarge", l.headingMedium = "headingMedium", l.headingSmall = "headingSmall", l.headingExtraSmall = "headingExtraSmall", l.bodyLarge = "bodyLarge", l.bodyMedium = "bodyMedium", l.bodySmall = "bodySmall", l.labelLarge = "labelLarge", l.labelMedium = "labelMedium", l.labelSmall = "labelSmall", l.linkStylised = "linkStylised", l.linkLarge = "linkLarge", l.linkMedium = "linkMedium", l.linkSmall = "linkSmall", l.badgeSmall = "badgeSmall", l.badgeMedium = "badgeMedium", l.blockquote = "blockquote", l.heading1 = "heading1", l.heading2 = "heading2", l.heading3 = "heading3", l.heading4 = "heading4", l.heading5 = "heading5", l.title1 = "title1", l.title2 = "title2", l.title3 = "title3", l.title4 = "title4", l.body1 = "body1", l.body2 = "body2", l.body3 = "body3", l.string1 = "string1", l.string2 = "string2", l.string3 = "string3", l.button = "button", l.email = "email", l.label = "label", l.link = "link", l.badge = "badge", l.snwFlyoutLink = "snwFlyoutLink", l.snwHeaderLink = "snwHeaderLink", l.snwHeadingHero1 = "snwHeadingHero1", l.snwHeadingHero2 = "snwHeadingHero2", l))(d || {}), g = /* @__PURE__ */ ((l) => (l.left = "left", l.center = "center", l.right = "right", l))(g || {});
+var d = /* @__PURE__ */ ((l) => (l.displayMedium = "displayMedium", l.displaySmall = "displaySmall", l.headingLarge = "headingLarge", l.headingMedium = "headingMedium", l.headingSmall = "headingSmall", l.headingExtraSmall = "headingExtraSmall", l.bodyLarge = "bodyLarge", l.bodyMedium = "bodyMedium", l.bodySmall = "bodySmall", l.labelLarge = "labelLarge", l.labelMedium = "labelMedium", l.labelSmall = "labelSmall", l.linkStylised = "linkStylised", l.linkLarge = "linkLarge", l.linkMedium = "linkMedium", l.linkSmall = "linkSmall", l.badgeSmall = "badgeSmall", l.badgeMedium = "badgeMedium", l.stringSmall = "stringSmall", l.blockquote = "blockquote", l.heading1 = "heading1", l.heading2 = "heading2", l.heading3 = "heading3", l.heading4 = "heading4", l.heading5 = "heading5", l.title1 = "title1", l.title2 = "title2", l.title3 = "title3", l.title4 = "title4", l.body1 = "body1", l.body2 = "body2", l.body3 = "body3", l.string1 = "string1", l.string2 = "string2", l.string3 = "string3", l.button = "button", l.email = "email", l.label = "label", l.link = "link", l.badge = "badge", l.snwFlyoutLink = "snwFlyoutLink", l.snwHeaderLink = "snwHeaderLink", l.snwHeadingHero1 = "snwHeadingHero1", l.snwHeadingHero2 = "snwHeadingHero2", l))(d || {}), g = /* @__PURE__ */ ((l) => (l.left = "left", l.center = "center", l.right = "right", l))(g || {});
 export {
   g as TextAlignments,
   d as TextVariants

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/index.cjs"),c=require("./pages/Page.cjs"),r=require("./providers/SeldonProvider/utils.cjs"),q=require("./utils/hooks.cjs"),t=require("./types/commonTypes.cjs"),f=require("./components/Button/Button.cjs"),a=require("./components/Button/types.cjs"),g=require("./components/Banner/Banner.cjs"),i=require("./components/Banner/types.cjs"),p=require("./components/Card/Card.cjs"),S=require("./components/Card/types.cjs"),C=require("./components/IconButton/IconButton.cjs"),m=require("./components/Accordion/Accordion.cjs"),B=require("./components/Accordion/AccordionItem.cjs"),T=require("./components/Accordion/types.cjs"),y=require("./components/Breadcrumb/Breadcrumb.cjs");require("react/jsx-runtime");require("./_virtual/index.cjs");const P=require("./components/Icon/Icon.cjs"),b=require("./components/Carousel/Carousel.cjs"),I=require("./components/Carousel/CarouselArrows.cjs"),L=require("./components/Carousel/CarouselContent.cjs"),V=require("./components/Carousel/CarouselItem.cjs"),A=require("./components/Carousel/CarouselDots.cjs"),v=require("./components/Collapsible/Collapsible.cjs"),D=require("./components/Collapsible/CollapsibleContent.cjs"),F=require("./components/Collapsible/CollapsibleTrigger.cjs"),k=require("./components/ContentPeek/ContentPeek.cjs"),x=require("./components/ContentPeek/utils.cjs"),h=require("./components/Detail/Detail.cjs"),M=require("./components/Detail/types.cjs"),w=require("./components/Drawer/Drawer.cjs"),N=require("./components/Dropdown/Dropdown.cjs"),$=require("./components/ErrorBoundary/ErrorBoundary.cjs"),H=require("./components/Grid/Grid.cjs"),z=require("./components/GridItem/GridItem.cjs"),E=require("./components/GridItem/types.cjs"),G=require("./components/Input/Input.cjs"),R=require("./components/Link/Link.cjs"),W=require("./components/Link/types.cjs"),O=require("./components/LinkBlock/LinkBlock.cjs"),U=require("./components/LinkList/LinkList.cjs"),Q=require("./components/Modal/Modal.cjs"),j=require("./components/Navigation/Navigation.cjs"),Y=require("./components/Navigation/NavigationItem/NavigationItem.cjs"),Z=require("./components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs"),J=require("./components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs"),K=require("./components/Navigation/NavigationList/NavigationList.cjs"),X=require("./components/Navigation/NavigationSubmenu/NavigationSubmenu.cjs"),_=require("./components/Pagination/Pagination.cjs"),ee=require("./components/PinchZoom/PinchZoom.cjs"),te=require("./components/Row/Row.cjs"),re=require("./components/Search/Search.cjs"),ae=require("./components/SeldonImage/SeldonImage.cjs"),ie=require("./components/Select/Select.cjs"),ne=require("./components/Select/types.cjs"),oe=require("./components/SplitPanel/SplitPanel.cjs"),ue=require("./components/Tabs/TabsContainer.cjs"),se=require("./components/Tabs/TabsContent.cjs"),n=require("./components/Tags/Tags.cjs"),o=require("./components/Text/types.cjs"),le=require("./components/Text/Text.cjs"),de=require("./components/TextSymbol/types.cjs"),ce=require("./components/TextSymbol/TextSymbol.cjs"),qe=require("./components/Video/Video.cjs"),fe=require("./patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs"),ge=require("./patterns/HeroBanner/HeroBanner.cjs"),pe=require("./patterns/TextBanner/TextBanner.cjs"),Se=require("./patterns/LanguageSelector/LanguageSelector.cjs"),Ce=require("./patterns/SaleHeaderBanner/SaleHeaderBanner.cjs"),me=require("./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs"),Be=require("./patterns/Social/Social.cjs"),Te=require("./patterns/Subscribe/Subscribe.cjs"),ye=require("./patterns/Subscribe/types.cjs"),Pe=require("./patterns/UserManagement/types.cjs"),be=require("./patterns/UserManagement/UserManagement.cjs"),Ie=require("./patterns/ViewingsList/StatefulViewingsList.cjs"),Le=require("./patterns/ViewingsList/ViewingsList.cjs"),Ve=require("./providers/SeldonProvider/SeldonProvider.cjs"),Ae=require("./components/ComboBox/ComboBox.cjs"),ve=require("./components/ComposedModal/ComposedModal.cjs"),De=require("./components/DetailList/DetailList.cjs"),Fe=require("./components/DetailList/types.cjs"),ke=require("./components/ExitGateCard/ExitGateCard.cjs"),xe=require("./components/Loader/Loader.cjs"),he=require("./components/PageContentWrapper/PageContentWrapper.cjs"),Me=require("./patterns/FiltersInline/FilterButton.cjs"),we=require("./patterns/FiltersInline/FiltersInline.cjs"),u=require("./patterns/FiltersInline/types.cjs"),Ne=require("./patterns/SaleCard/SaleCard.cjs"),$e=require("./patterns/SaleCard/SaleCardActions.cjs"),s=require("./patterns/SaleCard/types.cjs"),He=require("./patterns/ViewingDetails/ViewingDetails.cjs"),ze=require("./components/ProgressIndicator/ProgressIndicator.cjs"),Ee=require("./site-furniture/Footer/Footer.cjs"),Ge=require("./site-furniture/Header/Header.cjs"),Re=require("./components/AddToCalendar/AddToCalendar.cjs"),We=require("./components/Article/Article.cjs"),Oe=require("./components/Countdown/Countdown.cjs"),Ue=require("./components/Countdown/types.cjs"),Qe=require("./components/DescriptiveRadioButton/DescriptiveRadioButton.cjs"),je=require("./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs"),Ye=require("./components/Divider/Divider.cjs"),Ze=require("./components/FavoritingTileButton/FavoritingTileButton.cjs"),Je=require("./components/Filter/Filter.cjs"),Ke=require("./components/Filter/FilterInput.cjs"),Xe=require("./components/Filter/FilterHeader.cjs"),_e=require("./components/NotificationBanner/NotificationBanner.cjs"),et=require("./components/Pictogram/Pictogram.cjs"),tt=require("./components/TextArea/TextArea.cjs"),rt=require("./components/Toast/Toast.cjs"),at=require("./components/Toast/ToastContextProvider.cjs"),it=require("./components/Toast/useToast.cjs"),nt=require("./patterns/AccountPageHeader/AccountPageHeader.cjs"),ot=require("./patterns/BidSnapshot/BidSnapshot.cjs"),ut=require("./patterns/BidSnapshot/BidMessage.cjs"),l=require("./patterns/BidSnapshot/types.cjs"),st=require("./patterns/FilterMenu/FilterMenu.cjs"),lt=require("./patterns/ObjectTile/ObjectTile.cjs"),dt=require("./patterns/CountryPicker/CountryPicker.cjs"),ct=require("./patterns/ProgressWizard/ProgressWizard.cjs"),qt=require("./patterns/ProgressWizard/components/ProgressWizardFooter.cjs"),ft=require("./patterns/ProgressWizard/hooks/useHistoryManagement.cjs"),d=require("./patterns/ProgressWizard/types.cjs"),gt=require("./patterns/PhoneNumberInput/PhoneNumberInput.cjs"),pt=require("./utils/constants.cjs");exports.PaddingTokens=e.PaddingTokens;exports.SpacingTokens=e.SpacingTokens;exports.defaultYear=e.defaultYear;exports.emailValidation=e.emailValidation;exports.encodeURLSearchParams=e.encodeURLSearchParams;exports.findChildrenExcludingTypes=e.findChildrenExcludingTypes;exports.findChildrenOfType=e.findChildrenOfType;exports.focusElementById=e.focusElementById;exports.generatePaddingClassName=e.generatePaddingClassName;exports.getCommonProps=e.getCommonProps;exports.noOp=e.noOp;exports.px=e.px;exports.useNormalizedInputProps=e.useNormalizedInputProps;exports.Page=c.default;exports.SSRMediaQuery=r.SSRMediaQuery;exports.ssrMediaQueryStyle=r.ssrMediaQueryStyle;exports.usePendingState=q.usePendingState;exports.AuctionStatus=t.AuctionStatus;exports.LotStatus=t.LotStatus;exports.SupportedLanguages=t.SupportedLanguages;exports.Button=f.default;exports.ButtonSizes=a.ButtonSizes;exports.ButtonVariants=a.ButtonVariants;exports.Banner=g.default;exports.BannerMediaSize=i.BannerMediaSize;exports.BannerVariants=i.BannerVariants;exports.Card=p.default;exports.CardVariants=S.CardVariants;exports.IconButton=C.default;exports.Accordion=m.default;exports.AccordionItem=B.default;exports.AccordionVariants=T.AccordionVariants;exports.Breadcrumb=y.default;exports.Icon=P.default;exports.Carousel=b.default;exports.CarouselArrows=I.default;exports.CarouselContent=L.default;exports.CarouselItem=V.default;exports.CarouselDots=A.default;exports.Collapsible=v.default;exports.CollapsibleContent=D.default;exports.CollapsibleTrigger=F.default;exports.ContentPeek=k.default;exports.ContentPeekHeightUnits=x.HeightUnits;exports.Detail=h.default;exports.DetailVariants=M.DetailVariants;exports.Drawer=w.default;exports.Dropdown=N.default;exports.ErrorBoundary=$.default;exports.Grid=H.default;exports.GridItem=z.default;exports.GridItemAlign=E.GridItemAlign;exports.Input=G.default;exports.Link=R.default;exports.LinkVariants=W.LinkVariants;exports.LinkBlock=O.default;exports.LinkList=U.default;exports.Modal=Q.default;exports.Navigation=j.default;exports.NavigationItem=Y.default;exports.NavigationItemWithSubmenu=Z.default;exports.NavigationDesktopSubmenu=J.default;exports.NavigationList=K.default;exports.NavigationSubmenu=X.default;exports.Pagination=_.default;exports.PinchZoom=ee.default;exports.Row=te.default;exports.Search=re.default;exports.SeldonImage=ae.default;exports.Select=ie.default;exports.SelectVariants=ne.SelectVariants;exports.SplitPanel=oe.default;exports.TabsContainer=ue.default;exports.TabsContent=se.default;exports.Tag=n.Tag;exports.TagsList=n.default;exports.TextAlignments=o.TextAlignments;exports.TextVariants=o.TextVariants;exports.Text=le.default;exports.TextSymbolVariants=de.TextSymbolVariants;exports.TextSymbols=ce.default;exports.Video=qe.default;exports.FavoritesCollectionTile=fe.default;exports.HeroBanner=ge.default;exports.TextBanner=pe.default;exports.LanguageSelector=Se.default;exports.SaleHeaderBanner=Ce.default;exports.SaleHeaderBrowseAuctions=me.default;exports.Social=Be.default;exports.Subscribe=Te.default;exports.SubscriptionState=ye.SubscriptionState;exports.AuthState=Pe.AuthState;exports.UserManagement=be.default;exports.StatefulViewingsList=Ie.default;exports.ViewingsList=Le.default;exports.SeldonProvider=Ve.SeldonProvider;exports.ComboBox=Ae.default;exports.ComposedModal=ve.default;exports.DetailList=De.default;exports.DetailListAlignment=Fe.DetailListAlignment;exports.ExitGateCard=ke.default;exports.Loader=xe.default;exports.PageContentWrapper=he.default;exports.FilterButton=Me.FilterButton;exports.FiltersInline=we.default;exports.FilterButtonIconType=u.FilterButtonIconType;exports.FilterButtonType=u.FilterButtonType;exports.SaleCard=Ne.default;exports.SaleCardActions=$e.SaleCardActions;exports.SaleCardImageDisplay=s.SaleCardImageDisplay;exports.SaleCardVariants=s.SaleCardVariants;exports.ViewingDetails=He.default;exports.ProgressIndicator=ze.default;exports.Footer=Ee.default;exports.Header=Ge.default;exports.AddToCalendar=Re.default;exports.Article=We.default;exports.Countdown=Oe.default;exports.CountdownVariants=Ue.CountdownVariants;exports.DescriptiveRadioButton=Qe.default;exports.DescriptiveRadioButtonGroup=je.default;exports.Divider=Ye.default;exports.FavoritingTileButton=Ze.default;exports.Filter=Je.default;exports.FilterInput=Ke.default;exports.FilterHeader=Xe.default;exports.NotificationBanner=_e.default;exports.Pictogram=et.default;exports.TextArea=tt.default;exports.Toast=rt.default;exports.ToastProvider=at.ToastProvider;exports.useToast=it.useToast;exports.AccountPageHeader=nt.default;exports.BidSnapshot=ot.default;exports.BidMessage=ut.default;exports.BidMessageVariants=l.BidMessageVariants;exports.BidStatusEnum=l.BidStatusEnum;exports.FilterMenu=st.default;exports.ObjectTile=lt.default;exports.CountryPicker=dt.default;exports.ProgressWizard=ct.default;exports.ProgressWizardFooter=qt.ProgressWizardFooter;exports.useHistoryManagement=ft.useHistoryManagement;exports.DefaultButtonLabels=d.DefaultButtonLabels;exports.LoadingState=d.LoadingState;exports.PhoneNumberInput=gt.default;exports.Breakpoints=pt.Breakpoints;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/index.cjs"),c=require("./pages/Page.cjs"),r=require("./providers/SeldonProvider/utils.cjs"),q=require("./utils/hooks.cjs"),t=require("./types/commonTypes.cjs"),f=require("./components/Button/Button.cjs"),a=require("./components/Button/types.cjs"),g=require("./components/Banner/Banner.cjs"),i=require("./components/Banner/types.cjs"),p=require("./components/Card/Card.cjs"),S=require("./components/Card/types.cjs"),C=require("./components/IconButton/IconButton.cjs"),m=require("./components/Accordion/Accordion.cjs"),B=require("./components/Accordion/AccordionItem.cjs"),T=require("./components/Accordion/types.cjs"),P=require("./components/Breadcrumb/Breadcrumb.cjs");require("react/jsx-runtime");require("./_virtual/index.cjs");const y=require("./components/Icon/Icon.cjs"),b=require("./components/Carousel/Carousel.cjs"),I=require("./components/Carousel/CarouselArrows.cjs"),L=require("./components/Carousel/CarouselContent.cjs"),V=require("./components/Carousel/CarouselItem.cjs"),A=require("./components/Carousel/CarouselDots.cjs"),v=require("./components/Collapsible/Collapsible.cjs"),D=require("./components/Collapsible/CollapsibleContent.cjs"),F=require("./components/Collapsible/CollapsibleTrigger.cjs"),k=require("./components/ContentPeek/ContentPeek.cjs"),x=require("./components/ContentPeek/utils.cjs"),M=require("./components/Detail/Detail.cjs"),h=require("./components/Detail/types.cjs"),w=require("./components/Drawer/Drawer.cjs"),N=require("./components/Dropdown/Dropdown.cjs"),$=require("./components/ErrorBoundary/ErrorBoundary.cjs"),H=require("./components/Grid/Grid.cjs"),z=require("./components/GridItem/GridItem.cjs"),E=require("./components/GridItem/types.cjs"),G=require("./components/Input/Input.cjs"),R=require("./components/Link/Link.cjs"),W=require("./components/Link/types.cjs"),O=require("./components/LinkBlock/LinkBlock.cjs"),U=require("./components/LinkList/LinkList.cjs"),Q=require("./components/Modal/Modal.cjs"),j=require("./components/Navigation/Navigation.cjs"),Y=require("./components/Navigation/NavigationItem/NavigationItem.cjs"),Z=require("./components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs"),J=require("./components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs"),K=require("./components/Navigation/NavigationList/NavigationList.cjs"),X=require("./components/Navigation/NavigationSubmenu/NavigationSubmenu.cjs"),_=require("./components/Pagination/Pagination.cjs"),ee=require("./components/PinchZoom/PinchZoom.cjs"),te=require("./components/ProgressBar/ProgressBar.cjs"),re=require("./components/ProgressBar/utils.cjs"),ae=require("./components/Row/Row.cjs"),ie=require("./components/Search/Search.cjs"),ne=require("./components/SeldonImage/SeldonImage.cjs"),oe=require("./components/Select/Select.cjs"),ue=require("./components/Select/types.cjs"),se=require("./components/SplitPanel/SplitPanel.cjs"),le=require("./components/Tabs/TabsContainer.cjs"),de=require("./components/Tabs/TabsContent.cjs"),n=require("./components/Tags/Tags.cjs"),o=require("./components/Text/types.cjs"),ce=require("./components/Text/Text.cjs"),qe=require("./components/TextSymbol/types.cjs"),fe=require("./components/TextSymbol/TextSymbol.cjs"),ge=require("./components/Video/Video.cjs"),pe=require("./patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs"),Se=require("./patterns/HeroBanner/HeroBanner.cjs"),Ce=require("./patterns/TextBanner/TextBanner.cjs"),me=require("./patterns/LanguageSelector/LanguageSelector.cjs"),Be=require("./patterns/SaleHeaderBanner/SaleHeaderBanner.cjs"),Te=require("./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs"),Pe=require("./patterns/Social/Social.cjs"),ye=require("./patterns/Subscribe/Subscribe.cjs"),be=require("./patterns/Subscribe/types.cjs"),Ie=require("./patterns/UserManagement/types.cjs"),Le=require("./patterns/UserManagement/UserManagement.cjs"),Ve=require("./patterns/ViewingsList/StatefulViewingsList.cjs"),Ae=require("./patterns/ViewingsList/ViewingsList.cjs"),ve=require("./providers/SeldonProvider/SeldonProvider.cjs"),De=require("./components/ComboBox/ComboBox.cjs"),Fe=require("./components/ComposedModal/ComposedModal.cjs"),ke=require("./components/DetailList/DetailList.cjs"),xe=require("./components/DetailList/types.cjs"),Me=require("./components/ExitGateCard/ExitGateCard.cjs"),he=require("./components/Loader/Loader.cjs"),we=require("./components/PageContentWrapper/PageContentWrapper.cjs"),Ne=require("./patterns/FiltersInline/FilterButton.cjs"),$e=require("./patterns/FiltersInline/FiltersInline.cjs"),u=require("./patterns/FiltersInline/types.cjs"),He=require("./patterns/SaleCard/SaleCard.cjs"),ze=require("./patterns/SaleCard/SaleCardActions.cjs"),s=require("./patterns/SaleCard/types.cjs"),Ee=require("./patterns/ViewingDetails/ViewingDetails.cjs"),Ge=require("./components/ProgressIndicator/ProgressIndicator.cjs"),Re=require("./site-furniture/Footer/Footer.cjs"),We=require("./site-furniture/Header/Header.cjs"),Oe=require("./components/AddToCalendar/AddToCalendar.cjs"),Ue=require("./components/Article/Article.cjs"),Qe=require("./components/Countdown/Countdown.cjs"),je=require("./components/Countdown/types.cjs"),Ye=require("./components/DescriptiveRadioButton/DescriptiveRadioButton.cjs"),Ze=require("./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs"),Je=require("./components/Divider/Divider.cjs"),Ke=require("./components/FavoritingTileButton/FavoritingTileButton.cjs"),Xe=require("./components/Filter/Filter.cjs"),_e=require("./components/Filter/FilterInput.cjs"),et=require("./components/Filter/FilterHeader.cjs"),tt=require("./components/NotificationBanner/NotificationBanner.cjs"),rt=require("./components/Pictogram/Pictogram.cjs"),at=require("./components/TextArea/TextArea.cjs"),it=require("./components/Toast/Toast.cjs"),nt=require("./components/Toast/ToastContextProvider.cjs"),ot=require("./components/Toast/useToast.cjs"),ut=require("./patterns/AccountPageHeader/AccountPageHeader.cjs"),st=require("./patterns/BidSnapshot/BidSnapshot.cjs"),lt=require("./patterns/BidSnapshot/BidMessage.cjs"),l=require("./patterns/BidSnapshot/types.cjs"),dt=require("./patterns/FilterMenu/FilterMenu.cjs"),ct=require("./patterns/ObjectTile/ObjectTile.cjs"),qt=require("./patterns/CountryPicker/CountryPicker.cjs"),ft=require("./patterns/ProgressWizard/ProgressWizard.cjs"),gt=require("./patterns/ProgressWizard/components/ProgressWizardFooter.cjs"),pt=require("./patterns/ProgressWizard/hooks/useHistoryManagement.cjs"),d=require("./patterns/ProgressWizard/types.cjs"),St=require("./patterns/PhoneNumberInput/PhoneNumberInput.cjs"),Ct=require("./utils/constants.cjs");exports.PaddingTokens=e.PaddingTokens;exports.SpacingTokens=e.SpacingTokens;exports.defaultYear=e.defaultYear;exports.emailValidation=e.emailValidation;exports.encodeURLSearchParams=e.encodeURLSearchParams;exports.findChildrenExcludingTypes=e.findChildrenExcludingTypes;exports.findChildrenOfType=e.findChildrenOfType;exports.focusElementById=e.focusElementById;exports.generatePaddingClassName=e.generatePaddingClassName;exports.getCommonProps=e.getCommonProps;exports.noOp=e.noOp;exports.px=e.px;exports.useNormalizedInputProps=e.useNormalizedInputProps;exports.Page=c.default;exports.SSRMediaQuery=r.SSRMediaQuery;exports.ssrMediaQueryStyle=r.ssrMediaQueryStyle;exports.usePendingState=q.usePendingState;exports.AuctionStatus=t.AuctionStatus;exports.LotStatus=t.LotStatus;exports.SupportedLanguages=t.SupportedLanguages;exports.Button=f.default;exports.ButtonSizes=a.ButtonSizes;exports.ButtonVariants=a.ButtonVariants;exports.Banner=g.default;exports.BannerMediaSize=i.BannerMediaSize;exports.BannerVariants=i.BannerVariants;exports.Card=p.default;exports.CardVariants=S.CardVariants;exports.IconButton=C.default;exports.Accordion=m.default;exports.AccordionItem=B.default;exports.AccordionVariants=T.AccordionVariants;exports.Breadcrumb=P.default;exports.Icon=y.default;exports.Carousel=b.default;exports.CarouselArrows=I.default;exports.CarouselContent=L.default;exports.CarouselItem=V.default;exports.CarouselDots=A.default;exports.Collapsible=v.default;exports.CollapsibleContent=D.default;exports.CollapsibleTrigger=F.default;exports.ContentPeek=k.default;exports.ContentPeekHeightUnits=x.HeightUnits;exports.Detail=M.default;exports.DetailVariants=h.DetailVariants;exports.Drawer=w.default;exports.Dropdown=N.default;exports.ErrorBoundary=$.default;exports.Grid=H.default;exports.GridItem=z.default;exports.GridItemAlign=E.GridItemAlign;exports.Input=G.default;exports.Link=R.default;exports.LinkVariants=W.LinkVariants;exports.LinkBlock=O.default;exports.LinkList=U.default;exports.Modal=Q.default;exports.Navigation=j.default;exports.NavigationItem=Y.default;exports.NavigationItemWithSubmenu=Z.default;exports.NavigationDesktopSubmenu=J.default;exports.NavigationList=K.default;exports.NavigationSubmenu=X.default;exports.Pagination=_.default;exports.PinchZoom=ee.default;exports.ProgressBar=te.default;exports.getProgressBarMetrics=re.getProgressBarMetrics;exports.Row=ae.default;exports.Search=ie.default;exports.SeldonImage=ne.default;exports.Select=oe.default;exports.SelectVariants=ue.SelectVariants;exports.SplitPanel=se.default;exports.TabsContainer=le.default;exports.TabsContent=de.default;exports.Tag=n.Tag;exports.TagsList=n.default;exports.TextAlignments=o.TextAlignments;exports.TextVariants=o.TextVariants;exports.Text=ce.default;exports.TextSymbolVariants=qe.TextSymbolVariants;exports.TextSymbols=fe.default;exports.Video=ge.default;exports.FavoritesCollectionTile=pe.default;exports.HeroBanner=Se.default;exports.TextBanner=Ce.default;exports.LanguageSelector=me.default;exports.SaleHeaderBanner=Be.default;exports.SaleHeaderBrowseAuctions=Te.default;exports.Social=Pe.default;exports.Subscribe=ye.default;exports.SubscriptionState=be.SubscriptionState;exports.AuthState=Ie.AuthState;exports.UserManagement=Le.default;exports.StatefulViewingsList=Ve.default;exports.ViewingsList=Ae.default;exports.SeldonProvider=ve.SeldonProvider;exports.ComboBox=De.default;exports.ComposedModal=Fe.default;exports.DetailList=ke.default;exports.DetailListAlignment=xe.DetailListAlignment;exports.ExitGateCard=Me.default;exports.Loader=he.default;exports.PageContentWrapper=we.default;exports.FilterButton=Ne.FilterButton;exports.FiltersInline=$e.default;exports.FilterButtonIconType=u.FilterButtonIconType;exports.FilterButtonType=u.FilterButtonType;exports.SaleCard=He.default;exports.SaleCardActions=ze.SaleCardActions;exports.SaleCardImageDisplay=s.SaleCardImageDisplay;exports.SaleCardVariants=s.SaleCardVariants;exports.ViewingDetails=Ee.default;exports.ProgressIndicator=Ge.default;exports.Footer=Re.default;exports.Header=We.default;exports.AddToCalendar=Oe.default;exports.Article=Ue.default;exports.Countdown=Qe.default;exports.CountdownVariants=je.CountdownVariants;exports.DescriptiveRadioButton=Ye.default;exports.DescriptiveRadioButtonGroup=Ze.default;exports.Divider=Je.default;exports.FavoritingTileButton=Ke.default;exports.Filter=Xe.default;exports.FilterInput=_e.default;exports.FilterHeader=et.default;exports.NotificationBanner=tt.default;exports.Pictogram=rt.default;exports.TextArea=at.default;exports.Toast=it.default;exports.ToastProvider=nt.ToastProvider;exports.useToast=ot.useToast;exports.AccountPageHeader=ut.default;exports.BidSnapshot=st.default;exports.BidMessage=lt.default;exports.BidMessageVariants=l.BidMessageVariants;exports.BidStatusEnum=l.BidStatusEnum;exports.FilterMenu=dt.default;exports.ObjectTile=ct.default;exports.CountryPicker=qt.default;exports.ProgressWizard=ft.default;exports.ProgressWizardFooter=gt.ProgressWizardFooter;exports.useHistoryManagement=pt.useHistoryManagement;exports.DefaultButtonLabels=d.DefaultButtonLabels;exports.LoadingState=d.LoadingState;exports.PhoneNumberInput=St.default;exports.Breakpoints=Ct.Breakpoints;

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export { default as NavigationSubmenu, type NavigationSubmenuProps, } from './co
 export { NavigationDesktopSubmenu, type NavigationDesktopSubmenuProps, } from './components/Navigation/NavigationItemWithSubmenu/';
 export { default as Pagination, type PaginationOption, type PaginationOptionValue, type PaginationProps, } from './components/Pagination/Pagination';
 export * from './components/PinchZoom';
+export * from './components/ProgressBar';
 export { default as Row, type RowProps } from './components/Row/Row';
 export { default as Search, type SearchProps } from './components/Search/Search';
 export * from './components/SeldonImage';

package/dist/index.js

@@ -5,7 +5,7 @@ import { usePendingState as I } from "./utils/hooks.js";
 import { AuctionStatus as V, LotStatus as A, SupportedLanguages as y } from "./types/commonTypes.js";
 import { default as v } from "./components/Button/Button.js";
 import { ButtonSizes as F, ButtonVariants as h } from "./components/Button/types.js";
-import { default as M } from "./components/Banner/Banner.js";
+import { default as w } from "./components/Banner/Banner.js";
 import { BannerMediaSize as H, BannerVariants as z } from "./components/Banner/types.js";
 import { default as G } from "./components/Card/Card.js";
 import { CardVariants as U } from "./components/Card/types.js";
@@ -33,7 +33,7 @@ import { default as Ve } from "./components/Drawer/Drawer.js";
 import { default as ye } from "./components/Dropdown/Dropdown.js";
 import { default as ve } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as Fe } from "./components/Grid/Grid.js";
-import { default as we } from "./components/GridItem/GridItem.js";
+import { default as Me } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Ne } from "./components/GridItem/types.js";
 import { default as ze } from "./components/Input/Input.js";
 import { default as Ge } from "./components/Link/Link.js";
@@ -49,99 +49,101 @@ import { default as rt } from "./components/Navigation/NavigationList/Navigation
 import { default as ft } from "./components/Navigation/NavigationSubmenu/NavigationSubmenu.js";
 import { default as lt } from "./components/Pagination/Pagination.js";
 import { default as mt } from "./components/PinchZoom/PinchZoom.js";
-import { default as ut } from "./components/Row/Row.js";
-import { default as nt } from "./components/Search/Search.js";
-import { default as gt } from "./components/SeldonImage/SeldonImage.js";
-import { default as St } from "./components/Select/Select.js";
-import { SelectVariants as Bt } from "./components/Select/types.js";
-import { default as Pt } from "./components/SplitPanel/SplitPanel.js";
-import { default as It } from "./components/Tabs/TabsContainer.js";
-import { default as Vt } from "./components/Tabs/TabsContent.js";
-import { Tag as yt, default as Dt } from "./components/Tags/Tags.js";
-import { TextAlignments as kt, TextVariants as Ft } from "./components/Text/types.js";
-import { default as wt } from "./components/Text/Text.js";
-import { TextSymbolVariants as Nt } from "./components/TextSymbol/types.js";
-import { default as zt } from "./components/TextSymbol/TextSymbol.js";
-import { default as Gt } from "./components/Video/Video.js";
-import { default as Ut } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
-import { default as Ot } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as jt } from "./patterns/TextBanner/TextBanner.js";
-import { default as Zt } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as Jt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Xt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as $t } from "./patterns/Social/Social.js";
-import { default as to } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as ro } from "./patterns/Subscribe/types.js";
-import { AuthState as fo } from "./patterns/UserManagement/types.js";
-import { default as lo } from "./patterns/UserManagement/UserManagement.js";
-import { default as po } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { default as io } from "./patterns/ViewingsList/ViewingsList.js";
-import { SeldonProvider as xo } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as co } from "./components/ComboBox/ComboBox.js";
-import { default as Co } from "./components/ComposedModal/ComposedModal.js";
-import { default as To } from "./components/DetailList/DetailList.js";
-import { DetailListAlignment as bo } from "./components/DetailList/types.js";
-import { default as Lo } from "./components/ExitGateCard/ExitGateCard.js";
-import { default as Ao } from "./components/Loader/Loader.js";
-import { default as Do } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { FilterButton as ko } from "./patterns/FiltersInline/FilterButton.js";
-import { default as ho } from "./patterns/FiltersInline/FiltersInline.js";
-import { FilterButtonIconType as Mo, FilterButtonType as No } from "./patterns/FiltersInline/types.js";
-import { default as zo } from "./patterns/SaleCard/SaleCard.js";
-import { SaleCardActions as Go } from "./patterns/SaleCard/SaleCardActions.js";
-import { SaleCardImageDisplay as Uo, SaleCardVariants as Wo } from "./patterns/SaleCard/types.js";
-import { default as Qo } from "./patterns/ViewingDetails/ViewingDetails.js";
-import { default as Yo } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { default as qo } from "./site-furniture/Footer/Footer.js";
-import { default as Ko } from "./site-furniture/Header/Header.js";
-import { default as _o } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as er } from "./components/Article/Article.js";
-import { default as or } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as ar } from "./components/Countdown/types.js";
-import { default as sr } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
-import { default as dr } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
-import { default as pr } from "./components/Divider/Divider.js";
-import { default as ir } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as xr } from "./components/Filter/Filter.js";
-import { default as cr } from "./components/Filter/FilterInput.js";
-import { default as Cr } from "./components/Filter/FilterHeader.js";
-import { default as Tr } from "./components/NotificationBanner/NotificationBanner.js";
-import { default as br } from "./components/Pictogram/Pictogram.js";
-import { default as Lr } from "./components/TextArea/TextArea.js";
-import { default as Ar } from "./components/Toast/Toast.js";
-import { ToastProvider as Dr } from "./components/Toast/ToastContextProvider.js";
-import { useToast as kr } from "./components/Toast/useToast.js";
-import { default as hr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Mr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Hr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Er, BidStatusEnum as Gr } from "./patterns/BidSnapshot/types.js";
-import { default as Ur } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as Or } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as jr } from "./patterns/CountryPicker/CountryPicker.js";
-import { default as Zr } from "./patterns/ProgressWizard/ProgressWizard.js";
-import { ProgressWizardFooter as Jr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
-import { useHistoryManagement as Xr } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
-import { DefaultButtonLabels as $r, LoadingState as ea } from "./patterns/ProgressWizard/types.js";
-import { default as oa } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
-import { Breakpoints as aa } from "./utils/constants.js";
+import { default as ut } from "./components/ProgressBar/ProgressBar.js";
+import { getProgressBarMetrics as nt } from "./components/ProgressBar/utils.js";
+import { default as gt } from "./components/Row/Row.js";
+import { default as St } from "./components/Search/Search.js";
+import { default as Bt } from "./components/SeldonImage/SeldonImage.js";
+import { default as Pt } from "./components/Select/Select.js";
+import { SelectVariants as It } from "./components/Select/types.js";
+import { default as Vt } from "./components/SplitPanel/SplitPanel.js";
+import { default as yt } from "./components/Tabs/TabsContainer.js";
+import { default as vt } from "./components/Tabs/TabsContent.js";
+import { Tag as Ft, default as ht } from "./components/Tags/Tags.js";
+import { TextAlignments as wt, TextVariants as Nt } from "./components/Text/types.js";
+import { default as zt } from "./components/Text/Text.js";
+import { TextSymbolVariants as Gt } from "./components/TextSymbol/types.js";
+import { default as Ut } from "./components/TextSymbol/TextSymbol.js";
+import { default as Ot } from "./components/Video/Video.js";
+import { default as jt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { default as Zt } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as Jt } from "./patterns/TextBanner/TextBanner.js";
+import { default as Xt } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as $t } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as to } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as ro } from "./patterns/Social/Social.js";
+import { default as fo } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as lo } from "./patterns/Subscribe/types.js";
+import { AuthState as po } from "./patterns/UserManagement/types.js";
+import { default as io } from "./patterns/UserManagement/UserManagement.js";
+import { default as xo } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { default as co } from "./patterns/ViewingsList/ViewingsList.js";
+import { SeldonProvider as Co } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as To } from "./components/ComboBox/ComboBox.js";
+import { default as bo } from "./components/ComposedModal/ComposedModal.js";
+import { default as Lo } from "./components/DetailList/DetailList.js";
+import { DetailListAlignment as Ao } from "./components/DetailList/types.js";
+import { default as Do } from "./components/ExitGateCard/ExitGateCard.js";
+import { default as ko } from "./components/Loader/Loader.js";
+import { default as ho } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { FilterButton as wo } from "./patterns/FiltersInline/FilterButton.js";
+import { default as Ho } from "./patterns/FiltersInline/FiltersInline.js";
+import { FilterButtonIconType as Eo, FilterButtonType as Go } from "./patterns/FiltersInline/types.js";
+import { default as Uo } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as Oo } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardImageDisplay as jo, SaleCardVariants as Yo } from "./patterns/SaleCard/types.js";
+import { default as qo } from "./patterns/ViewingDetails/ViewingDetails.js";
+import { default as Ko } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { default as _o } from "./site-furniture/Footer/Footer.js";
+import { default as er } from "./site-furniture/Header/Header.js";
+import { default as or } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as ar } from "./components/Article/Article.js";
+import { default as sr } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as dr } from "./components/Countdown/types.js";
+import { default as pr } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
+import { default as ir } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
+import { default as xr } from "./components/Divider/Divider.js";
+import { default as cr } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as Cr } from "./components/Filter/Filter.js";
+import { default as Tr } from "./components/Filter/FilterInput.js";
+import { default as br } from "./components/Filter/FilterHeader.js";
+import { default as Lr } from "./components/NotificationBanner/NotificationBanner.js";
+import { default as Ar } from "./components/Pictogram/Pictogram.js";
+import { default as Dr } from "./components/TextArea/TextArea.js";
+import { default as kr } from "./components/Toast/Toast.js";
+import { ToastProvider as hr } from "./components/Toast/ToastContextProvider.js";
+import { useToast as wr } from "./components/Toast/useToast.js";
+import { default as Hr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Er } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Rr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Wr, BidStatusEnum as Or } from "./patterns/BidSnapshot/types.js";
+import { default as jr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as Zr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as Jr } from "./patterns/CountryPicker/CountryPicker.js";
+import { default as Xr } from "./patterns/ProgressWizard/ProgressWizard.js";
+import { ProgressWizardFooter as $r } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
+import { useHistoryManagement as ta } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
+import { DefaultButtonLabels as ra, LoadingState as aa } from "./patterns/ProgressWizard/types.js";
+import { default as sa } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
+import { Breakpoints as da } from "./utils/constants.js";
 export {
   j as Accordion,
   Z as AccordionItem,
   J as AccordionVariants,
-  hr as AccountPageHeader,
-  _o as AddToCalendar,
-  er as Article,
+  Hr as AccountPageHeader,
+  or as AddToCalendar,
+  ar as Article,
   V as AuctionStatus,
-  fo as AuthState,
-  M as Banner,
+  po as AuthState,
+  w as Banner,
   H as BannerMediaSize,
   z as BannerVariants,
-  Hr as BidMessage,
-  Er as BidMessageVariants,
-  Mr as BidSnapshot,
-  Gr as BidStatusEnum,
+  Rr as BidMessage,
+  Wr as BidMessageVariants,
+  Er as BidSnapshot,
+  Or as BidStatusEnum,
   X as Breadcrumb,
-  aa as Breakpoints,
+  da as Breakpoints,
   v as Button,
   F as ButtonSizes,
   h as ButtonVariants,
@@ -155,51 +157,51 @@ export {
   ue as Collapsible,
   ne as CollapsibleContent,
   ge as CollapsibleTrigger,
-  co as ComboBox,
-  Co as ComposedModal,
+  To as ComboBox,
+  bo as ComposedModal,
   Se as ContentPeek,
   Be as ContentPeekHeightUnits,
-  or as Countdown,
-  ar as CountdownVariants,
-  jr as CountryPicker,
-  $r as DefaultButtonLabels,
-  sr as DescriptiveRadioButton,
-  dr as DescriptiveRadioButtonGroup,
+  sr as Countdown,
+  dr as CountdownVariants,
+  Jr as CountryPicker,
+  ra as DefaultButtonLabels,
+  pr as DescriptiveRadioButton,
+  ir as DescriptiveRadioButtonGroup,
   Pe as Detail,
-  To as DetailList,
-  bo as DetailListAlignment,
+  Lo as DetailList,
+  Ao as DetailListAlignment,
   Ie as DetailVariants,
-  pr as Divider,
+  xr as Divider,
   Ve as Drawer,
   ye as Dropdown,
   ve as ErrorBoundary,
-  Lo as ExitGateCard,
-  Ut as FavoritesCollectionTile,
-  ir as FavoritingTileButton,
-  xr as Filter,
-  ko as FilterButton,
-  Mo as FilterButtonIconType,
-  No as FilterButtonType,
-  Cr as FilterHeader,
-  cr as FilterInput,
-  Ur as FilterMenu,
-  ho as FiltersInline,
-  qo as Footer,
+  Do as ExitGateCard,
+  jt as FavoritesCollectionTile,
+  cr as FavoritingTileButton,
+  Cr as Filter,
+  wo as FilterButton,
+  Eo as FilterButtonIconType,
+  Go as FilterButtonType,
+  br as FilterHeader,
+  Tr as FilterInput,
+  jr as FilterMenu,
+  Ho as FiltersInline,
+  _o as Footer,
   Fe as Grid,
-  we as GridItem,
+  Me as GridItem,
   Ne as GridItemAlign,
-  Ko as Header,
-  Ot as HeroBanner,
+  er as Header,
+  Zt as HeroBanner,
   $ as Icon,
   O as IconButton,
   ze as Input,
-  Zt as LanguageSelector,
+  Xt as LanguageSelector,
   Ge as Link,
   Oe as LinkBlock,
   je as LinkList,
   Ue as LinkVariants,
-  Ao as Loader,
-  ea as LoadingState,
+  ko as Loader,
+  aa as LoadingState,
   A as LotStatus,
   Ze as Modal,
   Je as Navigation,
@@ -208,55 +210,56 @@ export {
   $e as NavigationItemWithSubmenu,
   rt as NavigationList,
   ft as NavigationSubmenu,
-  Tr as NotificationBanner,
-  Or as ObjectTile,
+  Lr as NotificationBanner,
+  Zr as ObjectTile,
   a as PaddingTokens,
   C as Page,
-  Do as PageContentWrapper,
+  ho as PageContentWrapper,
   lt as Pagination,
-  oa as PhoneNumberInput,
-  br as Pictogram,
+  sa as PhoneNumberInput,
+  Ar as Pictogram,
   mt as PinchZoom,
-  Yo as ProgressIndicator,
-  Zr as ProgressWizard,
-  Jr as ProgressWizardFooter,
-  ut as Row,
+  ut as ProgressBar,
+  Ko as ProgressIndicator,
+  Xr as ProgressWizard,
+  $r as ProgressWizardFooter,
+  gt as Row,
   T as SSRMediaQuery,
-  zo as SaleCard,
-  Go as SaleCardActions,
-  Uo as SaleCardImageDisplay,
-  Wo as SaleCardVariants,
-  Jt as SaleHeaderBanner,
-  Xt as SaleHeaderBrowseAuctions,
-  nt as Search,
-  gt as SeldonImage,
-  xo as SeldonProvider,
-  St as Select,
-  Bt as SelectVariants,
-  $t as Social,
+  Uo as SaleCard,
+  Oo as SaleCardActions,
+  jo as SaleCardImageDisplay,
+  Yo as SaleCardVariants,
+  $t as SaleHeaderBanner,
+  to as SaleHeaderBrowseAuctions,
+  St as Search,
+  Bt as SeldonImage,
+  Co as SeldonProvider,
+  Pt as Select,
+  It as SelectVariants,
+  ro as Social,
   f as SpacingTokens,
-  Pt as SplitPanel,
-  po as StatefulViewingsList,
-  to as Subscribe,
-  ro as SubscriptionState,
+  Vt as SplitPanel,
+  xo as StatefulViewingsList,
+  fo as Subscribe,
+  lo as SubscriptionState,
   y as SupportedLanguages,
-  It as TabsContainer,
-  Vt as TabsContent,
-  yt as Tag,
-  Dt as TagsList,
-  wt as Text,
-  kt as TextAlignments,
-  Lr as TextArea,
-  jt as TextBanner,
-  Nt as TextSymbolVariants,
-  zt as TextSymbols,
-  Ft as TextVariants,
-  Ar as Toast,
-  Dr as ToastProvider,
-  lo as UserManagement,
-  Gt as Video,
-  Qo as ViewingDetails,
-  io as ViewingsList,
+  yt as TabsContainer,
+  vt as TabsContent,
+  Ft as Tag,
+  ht as TagsList,
+  zt as Text,
+  wt as TextAlignments,
+  Dr as TextArea,
+  Jt as TextBanner,
+  Gt as TextSymbolVariants,
+  Ut as TextSymbols,
+  Nt as TextVariants,
+  kr as Toast,
+  hr as ToastProvider,
+  io as UserManagement,
+  Ot as Video,
+  qo as ViewingDetails,
+  co as ViewingsList,
   s as defaultYear,
   l as emailValidation,
   d as encodeURLSearchParams,
@@ -265,11 +268,12 @@ export {
   u as focusElementById,
   i as generatePaddingClassName,
   n as getCommonProps,
+  nt as getProgressBarMetrics,
   x as noOp,
   g as px,
   P as ssrMediaQueryStyle,
-  Xr as useHistoryManagement,
+  ta as useHistoryManagement,
   c as useNormalizedInputProps,
   I as usePendingState,
-  kr as useToast
+  wr as useToast
 };

package/dist/scss/_type.scss

@@ -334,6 +334,12 @@
     @include label-styles($font-size: $font-size-badge-medium);
   }
 
+  @if $token == $stringSmall {
+    @include label-styles($font-size: $string-size3, $font-weight: 600);
+
+    line-height: $string-line-height-size3;
+  }
+
   @if $token == $linkStylised {
     @include link-styles($font-size: $font-size-link-stylised, $text-transform: uppercase, $text-decoration: unset);
     @include DistinctDisplay;

package/dist/scss/_vars.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 // prefix
 $px: seldon;
 
@@ -108,6 +110,8 @@ $bg-soft: #f9f8f7;
 $bg-border: #eae9e6;
 $bg-inverted: #000;
 $bg-overlay: rgba(0, 0, 0, 50%);
+$bg-progress-bar: color.adjust(#0065fc, $alpha: -0.8);
+$bg-progress-bar-mobile: #ebf3ff;
 
 // Status
 $success-default: #00cc39;
@@ -240,11 +244,12 @@ $linkMedium: 'linkMedium';
 $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
+$stringSmall: 'stringSmall';
 $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
   $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
   $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
   $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
-  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/_vars.scss.cjs

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=`// prefix
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=`@use 'sass:color';
+
+// prefix
 $px: seldon;
 
 // TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
@@ -108,6 +110,8 @@ $bg-soft: #f9f8f7;
 $bg-border: #eae9e6;
 $bg-inverted: #000;
 $bg-overlay: rgba(0, 0, 0, 50%);
+$bg-progress-bar: color.adjust(#0065fc, $alpha: -0.8);
+$bg-progress-bar-mobile: #ebf3ff;
 
 // Status
 $success-default: #00cc39;
@@ -240,11 +244,12 @@ $linkMedium: 'linkMedium';
 $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
+$stringSmall: 'stringSmall';
 $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
   $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
   $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
   $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
-  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/_vars.scss.js

@@ -1,4 +1,6 @@
-const n = `// prefix
+const n = `@use 'sass:color';
+
+// prefix
 $px: seldon;
 
 // TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
@@ -108,6 +110,8 @@ $bg-soft: #f9f8f7;
 $bg-border: #eae9e6;
 $bg-inverted: #000;
 $bg-overlay: rgba(0, 0, 0, 50%);
+$bg-progress-bar: color.adjust(#0065fc, $alpha: -0.8);
+$bg-progress-bar-mobile: #ebf3ff;
 
 // Status
 $success-default: #00cc39;
@@ -240,11 +244,12 @@ $linkMedium: 'linkMedium';
 $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
+$stringSmall: 'stringSmall';
 $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
   $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
   $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
   $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
-  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/componentStyles.scss

@@ -64,6 +64,7 @@
 @use 'components/ProgressIndicator/progressIndicator';
 @use 'components/DescriptiveRadioButton/descriptiveRadioButton';
 @use 'components/DescriptiveRadioButtonGroup/descriptiveRadioButtonGroup';
+@use 'components/ProgressBar/progressBar';
 
 // Patterns
 @use 'patterns/HeroBanner/heroBanner';

package/dist/scss/components/ProgressBar/_progressBar.scss

@@ -0,0 +1,87 @@
+@use '../../allPartials' as *;
+@use 'sass:color';
+
+.#{$px}-progress-bar {
+  position: relative;
+  width: 100%;
+
+  &__track {
+    align-items: center;
+    background: $bg-progress-bar;
+    cursor: pointer;
+    display: flex;
+    height: 1rem;
+    overflow: visible;
+    position: relative;
+    width: 100%;
+  }
+
+  &__fill {
+    align-items: center;
+    background: $status-info;
+    bottom: 0;
+    color: $white;
+    display: flex;
+    justify-content: flex-end;
+    left: 0;
+    min-width: 0;
+    overflow: hidden;
+    padding-inline: $spacing-xsm;
+    position: absolute;
+    top: 0;
+    transition: width 250ms ease;
+    width: 0;
+    z-index: 1;
+  }
+
+  &__label {
+    align-items: center;
+    display: flex;
+    flex-shrink: 0;
+    height: 100%;
+    white-space: nowrap;
+  }
+
+  &__hover-tooltip {
+    background: $pure-white;
+    border-radius: $radius-sm;
+    box-shadow: 0 0.25rem 1rem color.adjust($pure-black, $alpha: -0.84);
+    left: 0;
+    max-width: calc(100% - #{$spacing-md});
+    padding: $spacing-sm;
+    pointer-events: none;
+    position: absolute;
+    top: calc(100%);
+    transform: translateX(-50%);
+    z-index: 4;
+  }
+
+  &__hover-tooltip-caret {
+    border-bottom: 0.5rem solid $pure-white;
+    border-left: 0.375rem solid transparent;
+    border-right: 0.375rem solid transparent;
+    display: block;
+    height: 0;
+    left: 50%;
+    position: absolute;
+    top: -0.5rem;
+    transform: translateX(-50%);
+    width: 0;
+  }
+
+  &__live-region {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(100%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+
+  @media (max-width: calc($breakpoint-md - 1px)) {
+    // Design requirement: ProgressBar should not be visible at all on mobile.
+    display: none;
+  }
+}

package/package.json

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