@phillips/seldon 1.261.0 → 1.262.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.
Files changed (33) hide show
  1. package/dist/_virtual/index10.cjs +1 -1
  2. package/dist/_virtual/index10.js +2 -2
  3. package/dist/_virtual/index9.cjs +1 -1
  4. package/dist/_virtual/index9.js +2 -2
  5. package/dist/components/Input/utils.cjs +1 -1
  6. package/dist/components/Input/utils.js +3 -2
  7. package/dist/components/ProgressBar/ProgressBar.cjs +1 -0
  8. package/dist/components/ProgressBar/ProgressBar.d.ts +17 -0
  9. package/dist/components/ProgressBar/ProgressBar.js +70 -0
  10. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +32 -0
  11. package/dist/components/ProgressBar/ProgressBar.test.d.ts +1 -0
  12. package/dist/components/ProgressBar/index.d.ts +3 -0
  13. package/dist/components/ProgressBar/utils.cjs +1 -0
  14. package/dist/components/ProgressBar/utils.d.ts +5 -0
  15. package/dist/components/ProgressBar/utils.js +15 -0
  16. package/dist/components/ProgressBar/utils.test.d.ts +1 -0
  17. package/dist/components/Text/types.cjs +1 -1
  18. package/dist/components/Text/types.d.ts +1 -0
  19. package/dist/components/Text/types.js +1 -1
  20. package/dist/index.cjs +1 -1
  21. package/dist/index.d.ts +1 -0
  22. package/dist/index.js +164 -160
  23. package/dist/node_modules/ics/dist/index.cjs +1 -1
  24. package/dist/node_modules/ics/dist/index.js +1 -1
  25. package/dist/node_modules/prop-types/node_modules/react-is/index.cjs +1 -1
  26. package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
  27. package/dist/scss/_type.scss +6 -0
  28. package/dist/scss/_vars.scss +6 -1
  29. package/dist/scss/_vars.scss.cjs +7 -2
  30. package/dist/scss/_vars.scss.js +7 -2
  31. package/dist/scss/componentStyles.scss +1 -0
  32. package/dist/scss/components/ProgressBar/_progressBar.scss +94 -0
  33. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
@@ -1,4 +1,4 @@
1
- var e = { exports: {} };
1
+ var r = {};
2
2
  export {
3
- e as __module
3
+ r as __exports
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
@@ -1,4 +1,4 @@
1
- var r = {};
1
+ var e = { exports: {} };
2
2
  export {
3
- r as __exports
3
+ e as __module
4
4
  };
@@ -1 +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;
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("../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;
@@ -38,6 +38,7 @@ import "../Navigation/NavigationList/NavigationList.js";
38
38
  import "../Navigation/NavigationSubmenu/NavigationSubmenu.js";
39
39
  import "../Pagination/Pagination.js";
40
40
  import "../PinchZoom/PinchZoom.js";
41
+ import "../ProgressBar/ProgressBar.js";
41
42
  import "../Row/Row.js";
42
43
  import "../Search/Search.js";
43
44
  import "../SeldonImage/SeldonImage.js";
@@ -96,7 +97,7 @@ import "../../patterns/CountryPicker/CountryPicker.js";
96
97
  import "../../patterns/ProgressWizard/ProgressWizard.js";
97
98
  import "../../patterns/ProgressWizard/types.js";
98
99
  import "../../patterns/PhoneNumberInput/PhoneNumberInput.js";
99
- const Qp = () => ({
100
+ const Rp = () => ({
100
101
  adornment: `${p}-input__wrapper__adornment`,
101
102
  emptyValidation: `${p}-input__empty-validation`,
102
103
  input: `${p}-input__input`,
@@ -108,5 +109,5 @@ const Qp = () => ({
108
109
  wrapperInput: `${p}-input__wrapper__input`
109
110
  });
110
111
  export {
111
- Qp as getInputClassNames
112
+ Rp as getInputClassNames
112
113
  };
@@ -0,0 +1 @@
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;
@@ -0,0 +1,17 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ export interface ProgressBarProps extends ComponentProps<'div'> {
3
+ /** Current step (display + fill toward this value). */
4
+ current: number;
5
+ /** Total steps (denominator for display and clamping). */
6
+ total: number;
7
+ /** Politeness of the live region wrapping `safeCurrent/safeTotal` in the track label. */
8
+ ariaLive?: 'polite' | 'assertive' | 'off';
9
+ /** Optional track hover tooltip content (app-specific copy, e.g. from Remix). */
10
+ tooltipContent?: ReactNode;
11
+ /** Accessible name for the progressbar live region. */
12
+ progressAriaLabel?: string;
13
+ /** Screen reader summary of progress; receives clamped current/total. */
14
+ getAriaValueText?: (safeCurrent: number, safeTotal: number) => string;
15
+ }
16
+ declare const ProgressBar: import('react').ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
17
+ export default ProgressBar;
@@ -0,0 +1,70 @@
1
+ import { jsxs as m, jsx as s } from "react/jsx-runtime";
2
+ import { forwardRef as b, useMemo as M, useState as w } from "react";
3
+ import T from "../../_virtual/index.js";
4
+ import { getCommonProps as V } from "../../utils/index.js";
5
+ import { TextVariants as B } from "../Text/types.js";
6
+ import y from "../Text/Text.js";
7
+ import { getProgressBarMetrics as X } from "./utils.js";
8
+ function j(i, l) {
9
+ return `${i} of ${l}`;
10
+ }
11
+ const H = b(
12
+ ({
13
+ current: i,
14
+ total: l,
15
+ ariaLive: v = "polite",
16
+ className: f,
17
+ tooltipContent: r,
18
+ progressAriaLabel: p = "Progress",
19
+ getAriaValueText: g = j,
20
+ ...h
21
+ }, x) => {
22
+ const { className: a, ..._ } = V(h, "ProgressBar"), { safeTotal: o, safeCurrent: t, visualPercent: $ } = M(
23
+ () => X(i, l),
24
+ [i, l]
25
+ ), P = g(t, o), [n, c] = w({
26
+ isVisible: !1,
27
+ x: 0
28
+ }), d = (e, u) => {
29
+ const N = Math.min(Math.max(e - u.left, 0), u.width);
30
+ c({
31
+ isVisible: !0,
32
+ x: N
33
+ });
34
+ };
35
+ return /* @__PURE__ */ m("div", { ..._, ref: x, className: T(a, f), children: [
36
+ /* @__PURE__ */ s(
37
+ "span",
38
+ {
39
+ className: `${a}__live-region`,
40
+ role: "progressbar",
41
+ "aria-valuemin": 1,
42
+ "aria-valuemax": o,
43
+ "aria-valuenow": t,
44
+ "aria-valuetext": P,
45
+ "aria-label": p
46
+ }
47
+ ),
48
+ /* @__PURE__ */ m(
49
+ "div",
50
+ {
51
+ className: `${a}__track`,
52
+ onMouseEnter: r ? (e) => d(e.clientX, e.currentTarget.getBoundingClientRect()) : void 0,
53
+ onMouseMove: r ? (e) => d(e.clientX, e.currentTarget.getBoundingClientRect()) : void 0,
54
+ onMouseLeave: r ? () => c((e) => ({ ...e, isVisible: !1 })) : void 0,
55
+ children: [
56
+ /* @__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}` }) }) }),
57
+ r && n.isVisible && /* @__PURE__ */ m("div", { className: `${a}__hover-tooltip`, style: { left: `${n.x}px` }, "aria-hidden": !0, children: [
58
+ r,
59
+ /* @__PURE__ */ s("span", { className: `${a}__hover-tooltip-caret` })
60
+ ] })
61
+ ]
62
+ }
63
+ )
64
+ ] });
65
+ }
66
+ );
67
+ H.displayName = "ProgressBar";
68
+ export {
69
+ H as default
70
+ };
@@ -0,0 +1,32 @@
1
+ import { ProgressBarProps } from './index';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ argTypes: {
6
+ current: {
7
+ control: {
8
+ type: "number";
9
+ };
10
+ };
11
+ total: {
12
+ control: {
13
+ type: "number";
14
+ };
15
+ };
16
+ };
17
+ };
18
+ export default meta;
19
+ export declare const Playground: {
20
+ (props: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
21
+ args: {
22
+ current: number;
23
+ total: number;
24
+ };
25
+ };
26
+ export declare const WithTooltip: {
27
+ (props: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
28
+ args: {
29
+ current: number;
30
+ total: number;
31
+ };
32
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ export { default as ProgressBar } from './ProgressBar';
2
+ export type { ProgressBarProps } from './ProgressBar';
3
+ export { getProgressBarMetrics } from './utils';
@@ -0,0 +1 @@
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;
@@ -0,0 +1,5 @@
1
+ export declare function getProgressBarMetrics(current: number, total: number): {
2
+ safeTotal: number;
3
+ safeCurrent: number;
4
+ visualPercent: number;
5
+ };
@@ -0,0 +1,15 @@
1
+ function i(n, e) {
2
+ const r = e < 199 ? 3 : 5, t = n / e;
3
+ return n <= 0 ? 0 : t >= 0.5 ? 100 * t : (1 - 2 * t) ** 2 * (r + (100 - r) * t) + (1 - (1 - 2 * t) ** 2) * (100 * t);
4
+ }
5
+ function o(n, e) {
6
+ const r = Math.max(Math.round(e), 1), t = Math.min(Math.max(Math.round(n), 1), r);
7
+ return {
8
+ safeTotal: r,
9
+ safeCurrent: t,
10
+ visualPercent: i(t, r)
11
+ };
12
+ }
13
+ export {
14
+ o as getProgressBarMetrics
15
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +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;
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.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;
@@ -17,6 +17,7 @@ export declare enum TextVariants {
17
17
  linkSmall = "linkSmall",
18
18
  badgeSmall = "badgeSmall",
19
19
  badgeMedium = "badgeMedium",
20
+ stringSmall = "stringSmall",
20
21
  /** @deprecated Use headingLarge instead */
21
22
  blockquote = "blockquote",
22
23
  /** @deprecated Use headingLarge instead */
@@ -1,4 +1,4 @@
1
- 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 || {});
1
+ 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 || {});
2
2
  export {
3
3
  g as TextAlignments,
4
4
  d as TextVariants
package/dist/index.cjs CHANGED
@@ -1 +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;
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"),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 CHANGED
@@ -34,6 +34,7 @@ export { default as NavigationSubmenu, type NavigationSubmenuProps, } from './co
34
34
  export { NavigationDesktopSubmenu, type NavigationDesktopSubmenuProps, } from './components/Navigation/NavigationItemWithSubmenu/';
35
35
  export { default as Pagination, type PaginationOption, type PaginationOptionValue, type PaginationProps, } from './components/Pagination/Pagination';
36
36
  export * from './components/PinchZoom';
37
+ export * from './components/ProgressBar';
37
38
  export { default as Row, type RowProps } from './components/Row/Row';
38
39
  export { default as Search, type SearchProps } from './components/Search/Search';
39
40
  export * from './components/SeldonImage';
package/dist/index.js CHANGED
@@ -5,7 +5,7 @@ import { usePendingState as I } from "./utils/hooks.js";
5
5
  import { AuctionStatus as V, LotStatus as A, SupportedLanguages as y } from "./types/commonTypes.js";
6
6
  import { default as v } from "./components/Button/Button.js";
7
7
  import { ButtonSizes as F, ButtonVariants as h } from "./components/Button/types.js";
8
- import { default as M } from "./components/Banner/Banner.js";
8
+ import { default as w } from "./components/Banner/Banner.js";
9
9
  import { BannerMediaSize as H, BannerVariants as z } from "./components/Banner/types.js";
10
10
  import { default as G } from "./components/Card/Card.js";
11
11
  import { CardVariants as U } from "./components/Card/types.js";
@@ -33,7 +33,7 @@ import { default as Ve } from "./components/Drawer/Drawer.js";
33
33
  import { default as ye } from "./components/Dropdown/Dropdown.js";
34
34
  import { default as ve } from "./components/ErrorBoundary/ErrorBoundary.js";
35
35
  import { default as Fe } from "./components/Grid/Grid.js";
36
- import { default as we } from "./components/GridItem/GridItem.js";
36
+ import { default as Me } from "./components/GridItem/GridItem.js";
37
37
  import { GridItemAlign as Ne } from "./components/GridItem/types.js";
38
38
  import { default as ze } from "./components/Input/Input.js";
39
39
  import { default as Ge } from "./components/Link/Link.js";
@@ -49,99 +49,101 @@ import { default as rt } from "./components/Navigation/NavigationList/Navigation
49
49
  import { default as ft } from "./components/Navigation/NavigationSubmenu/NavigationSubmenu.js";
50
50
  import { default as lt } from "./components/Pagination/Pagination.js";
51
51
  import { default as mt } from "./components/PinchZoom/PinchZoom.js";
52
- import { default as ut } from "./components/Row/Row.js";
53
- import { default as nt } from "./components/Search/Search.js";
54
- import { default as gt } from "./components/SeldonImage/SeldonImage.js";
55
- import { default as St } from "./components/Select/Select.js";
56
- import { SelectVariants as Bt } from "./components/Select/types.js";
57
- import { default as Pt } from "./components/SplitPanel/SplitPanel.js";
58
- import { default as It } from "./components/Tabs/TabsContainer.js";
59
- import { default as Vt } from "./components/Tabs/TabsContent.js";
60
- import { Tag as yt, default as Dt } from "./components/Tags/Tags.js";
61
- import { TextAlignments as kt, TextVariants as Ft } from "./components/Text/types.js";
62
- import { default as wt } from "./components/Text/Text.js";
63
- import { TextSymbolVariants as Nt } from "./components/TextSymbol/types.js";
64
- import { default as zt } from "./components/TextSymbol/TextSymbol.js";
65
- import { default as Gt } from "./components/Video/Video.js";
66
- import { default as Ut } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
67
- import { default as Ot } from "./patterns/HeroBanner/HeroBanner.js";
68
- import { default as jt } from "./patterns/TextBanner/TextBanner.js";
69
- import { default as Zt } from "./patterns/LanguageSelector/LanguageSelector.js";
70
- import { default as Jt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
71
- import { default as Xt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
72
- import { default as $t } from "./patterns/Social/Social.js";
73
- import { default as to } from "./patterns/Subscribe/Subscribe.js";
74
- import { SubscriptionState as ro } from "./patterns/Subscribe/types.js";
75
- import { AuthState as fo } from "./patterns/UserManagement/types.js";
76
- import { default as lo } from "./patterns/UserManagement/UserManagement.js";
77
- import { default as po } from "./patterns/ViewingsList/StatefulViewingsList.js";
78
- import { default as io } from "./patterns/ViewingsList/ViewingsList.js";
79
- import { SeldonProvider as xo } from "./providers/SeldonProvider/SeldonProvider.js";
80
- import { default as co } from "./components/ComboBox/ComboBox.js";
81
- import { default as Co } from "./components/ComposedModal/ComposedModal.js";
82
- import { default as To } from "./components/DetailList/DetailList.js";
83
- import { DetailListAlignment as bo } from "./components/DetailList/types.js";
84
- import { default as Lo } from "./components/ExitGateCard/ExitGateCard.js";
85
- import { default as Ao } from "./components/Loader/Loader.js";
86
- import { default as Do } from "./components/PageContentWrapper/PageContentWrapper.js";
87
- import { FilterButton as ko } from "./patterns/FiltersInline/FilterButton.js";
88
- import { default as ho } from "./patterns/FiltersInline/FiltersInline.js";
89
- import { FilterButtonIconType as Mo, FilterButtonType as No } from "./patterns/FiltersInline/types.js";
90
- import { default as zo } from "./patterns/SaleCard/SaleCard.js";
91
- import { SaleCardActions as Go } from "./patterns/SaleCard/SaleCardActions.js";
92
- import { SaleCardImageDisplay as Uo, SaleCardVariants as Wo } from "./patterns/SaleCard/types.js";
93
- import { default as Qo } from "./patterns/ViewingDetails/ViewingDetails.js";
94
- import { default as Yo } from "./components/ProgressIndicator/ProgressIndicator.js";
95
- import { default as qo } from "./site-furniture/Footer/Footer.js";
96
- import { default as Ko } from "./site-furniture/Header/Header.js";
97
- import { default as _o } from "./components/AddToCalendar/AddToCalendar.js";
98
- import { default as er } from "./components/Article/Article.js";
99
- import { default as or } from "./components/Countdown/Countdown.js";
100
- import { CountdownVariants as ar } from "./components/Countdown/types.js";
101
- import { default as sr } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
102
- import { default as dr } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
103
- import { default as pr } from "./components/Divider/Divider.js";
104
- import { default as ir } from "./components/FavoritingTileButton/FavoritingTileButton.js";
105
- import { default as xr } from "./components/Filter/Filter.js";
106
- import { default as cr } from "./components/Filter/FilterInput.js";
107
- import { default as Cr } from "./components/Filter/FilterHeader.js";
108
- import { default as Tr } from "./components/NotificationBanner/NotificationBanner.js";
109
- import { default as br } from "./components/Pictogram/Pictogram.js";
110
- import { default as Lr } from "./components/TextArea/TextArea.js";
111
- import { default as Ar } from "./components/Toast/Toast.js";
112
- import { ToastProvider as Dr } from "./components/Toast/ToastContextProvider.js";
113
- import { useToast as kr } from "./components/Toast/useToast.js";
114
- import { default as hr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
115
- import { default as Mr } from "./patterns/BidSnapshot/BidSnapshot.js";
116
- import { default as Hr } from "./patterns/BidSnapshot/BidMessage.js";
117
- import { BidMessageVariants as Er, BidStatusEnum as Gr } from "./patterns/BidSnapshot/types.js";
118
- import { default as Ur } from "./patterns/FilterMenu/FilterMenu.js";
119
- import { default as Or } from "./patterns/ObjectTile/ObjectTile.js";
120
- import { default as jr } from "./patterns/CountryPicker/CountryPicker.js";
121
- import { default as Zr } from "./patterns/ProgressWizard/ProgressWizard.js";
122
- import { ProgressWizardFooter as Jr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
123
- import { useHistoryManagement as Xr } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
124
- import { DefaultButtonLabels as $r, LoadingState as ea } from "./patterns/ProgressWizard/types.js";
125
- import { default as oa } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
126
- import { Breakpoints as aa } from "./utils/constants.js";
52
+ import { default as ut } from "./components/ProgressBar/ProgressBar.js";
53
+ import { getProgressBarMetrics as nt } from "./components/ProgressBar/utils.js";
54
+ import { default as gt } from "./components/Row/Row.js";
55
+ import { default as St } from "./components/Search/Search.js";
56
+ import { default as Bt } from "./components/SeldonImage/SeldonImage.js";
57
+ import { default as Pt } from "./components/Select/Select.js";
58
+ import { SelectVariants as It } from "./components/Select/types.js";
59
+ import { default as Vt } from "./components/SplitPanel/SplitPanel.js";
60
+ import { default as yt } from "./components/Tabs/TabsContainer.js";
61
+ import { default as vt } from "./components/Tabs/TabsContent.js";
62
+ import { Tag as Ft, default as ht } from "./components/Tags/Tags.js";
63
+ import { TextAlignments as wt, TextVariants as Nt } from "./components/Text/types.js";
64
+ import { default as zt } from "./components/Text/Text.js";
65
+ import { TextSymbolVariants as Gt } from "./components/TextSymbol/types.js";
66
+ import { default as Ut } from "./components/TextSymbol/TextSymbol.js";
67
+ import { default as Ot } from "./components/Video/Video.js";
68
+ import { default as jt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
69
+ import { default as Zt } from "./patterns/HeroBanner/HeroBanner.js";
70
+ import { default as Jt } from "./patterns/TextBanner/TextBanner.js";
71
+ import { default as Xt } from "./patterns/LanguageSelector/LanguageSelector.js";
72
+ import { default as $t } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
73
+ import { default as to } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
74
+ import { default as ro } from "./patterns/Social/Social.js";
75
+ import { default as fo } from "./patterns/Subscribe/Subscribe.js";
76
+ import { SubscriptionState as lo } from "./patterns/Subscribe/types.js";
77
+ import { AuthState as po } from "./patterns/UserManagement/types.js";
78
+ import { default as io } from "./patterns/UserManagement/UserManagement.js";
79
+ import { default as xo } from "./patterns/ViewingsList/StatefulViewingsList.js";
80
+ import { default as co } from "./patterns/ViewingsList/ViewingsList.js";
81
+ import { SeldonProvider as Co } from "./providers/SeldonProvider/SeldonProvider.js";
82
+ import { default as To } from "./components/ComboBox/ComboBox.js";
83
+ import { default as bo } from "./components/ComposedModal/ComposedModal.js";
84
+ import { default as Lo } from "./components/DetailList/DetailList.js";
85
+ import { DetailListAlignment as Ao } from "./components/DetailList/types.js";
86
+ import { default as Do } from "./components/ExitGateCard/ExitGateCard.js";
87
+ import { default as ko } from "./components/Loader/Loader.js";
88
+ import { default as ho } from "./components/PageContentWrapper/PageContentWrapper.js";
89
+ import { FilterButton as wo } from "./patterns/FiltersInline/FilterButton.js";
90
+ import { default as Ho } from "./patterns/FiltersInline/FiltersInline.js";
91
+ import { FilterButtonIconType as Eo, FilterButtonType as Go } from "./patterns/FiltersInline/types.js";
92
+ import { default as Uo } from "./patterns/SaleCard/SaleCard.js";
93
+ import { SaleCardActions as Oo } from "./patterns/SaleCard/SaleCardActions.js";
94
+ import { SaleCardImageDisplay as jo, SaleCardVariants as Yo } from "./patterns/SaleCard/types.js";
95
+ import { default as qo } from "./patterns/ViewingDetails/ViewingDetails.js";
96
+ import { default as Ko } from "./components/ProgressIndicator/ProgressIndicator.js";
97
+ import { default as _o } from "./site-furniture/Footer/Footer.js";
98
+ import { default as er } from "./site-furniture/Header/Header.js";
99
+ import { default as or } from "./components/AddToCalendar/AddToCalendar.js";
100
+ import { default as ar } from "./components/Article/Article.js";
101
+ import { default as sr } from "./components/Countdown/Countdown.js";
102
+ import { CountdownVariants as dr } from "./components/Countdown/types.js";
103
+ import { default as pr } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
104
+ import { default as ir } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
105
+ import { default as xr } from "./components/Divider/Divider.js";
106
+ import { default as cr } from "./components/FavoritingTileButton/FavoritingTileButton.js";
107
+ import { default as Cr } from "./components/Filter/Filter.js";
108
+ import { default as Tr } from "./components/Filter/FilterInput.js";
109
+ import { default as br } from "./components/Filter/FilterHeader.js";
110
+ import { default as Lr } from "./components/NotificationBanner/NotificationBanner.js";
111
+ import { default as Ar } from "./components/Pictogram/Pictogram.js";
112
+ import { default as Dr } from "./components/TextArea/TextArea.js";
113
+ import { default as kr } from "./components/Toast/Toast.js";
114
+ import { ToastProvider as hr } from "./components/Toast/ToastContextProvider.js";
115
+ import { useToast as wr } from "./components/Toast/useToast.js";
116
+ import { default as Hr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
117
+ import { default as Er } from "./patterns/BidSnapshot/BidSnapshot.js";
118
+ import { default as Rr } from "./patterns/BidSnapshot/BidMessage.js";
119
+ import { BidMessageVariants as Wr, BidStatusEnum as Or } from "./patterns/BidSnapshot/types.js";
120
+ import { default as jr } from "./patterns/FilterMenu/FilterMenu.js";
121
+ import { default as Zr } from "./patterns/ObjectTile/ObjectTile.js";
122
+ import { default as Jr } from "./patterns/CountryPicker/CountryPicker.js";
123
+ import { default as Xr } from "./patterns/ProgressWizard/ProgressWizard.js";
124
+ import { ProgressWizardFooter as $r } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
125
+ import { useHistoryManagement as ta } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
126
+ import { DefaultButtonLabels as ra, LoadingState as aa } from "./patterns/ProgressWizard/types.js";
127
+ import { default as sa } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
128
+ import { Breakpoints as da } from "./utils/constants.js";
127
129
  export {
128
130
  j as Accordion,
129
131
  Z as AccordionItem,
130
132
  J as AccordionVariants,
131
- hr as AccountPageHeader,
132
- _o as AddToCalendar,
133
- er as Article,
133
+ Hr as AccountPageHeader,
134
+ or as AddToCalendar,
135
+ ar as Article,
134
136
  V as AuctionStatus,
135
- fo as AuthState,
136
- M as Banner,
137
+ po as AuthState,
138
+ w as Banner,
137
139
  H as BannerMediaSize,
138
140
  z as BannerVariants,
139
- Hr as BidMessage,
140
- Er as BidMessageVariants,
141
- Mr as BidSnapshot,
142
- Gr as BidStatusEnum,
141
+ Rr as BidMessage,
142
+ Wr as BidMessageVariants,
143
+ Er as BidSnapshot,
144
+ Or as BidStatusEnum,
143
145
  X as Breadcrumb,
144
- aa as Breakpoints,
146
+ da as Breakpoints,
145
147
  v as Button,
146
148
  F as ButtonSizes,
147
149
  h as ButtonVariants,
@@ -155,51 +157,51 @@ export {
155
157
  ue as Collapsible,
156
158
  ne as CollapsibleContent,
157
159
  ge as CollapsibleTrigger,
158
- co as ComboBox,
159
- Co as ComposedModal,
160
+ To as ComboBox,
161
+ bo as ComposedModal,
160
162
  Se as ContentPeek,
161
163
  Be as ContentPeekHeightUnits,
162
- or as Countdown,
163
- ar as CountdownVariants,
164
- jr as CountryPicker,
165
- $r as DefaultButtonLabels,
166
- sr as DescriptiveRadioButton,
167
- dr as DescriptiveRadioButtonGroup,
164
+ sr as Countdown,
165
+ dr as CountdownVariants,
166
+ Jr as CountryPicker,
167
+ ra as DefaultButtonLabels,
168
+ pr as DescriptiveRadioButton,
169
+ ir as DescriptiveRadioButtonGroup,
168
170
  Pe as Detail,
169
- To as DetailList,
170
- bo as DetailListAlignment,
171
+ Lo as DetailList,
172
+ Ao as DetailListAlignment,
171
173
  Ie as DetailVariants,
172
- pr as Divider,
174
+ xr as Divider,
173
175
  Ve as Drawer,
174
176
  ye as Dropdown,
175
177
  ve as ErrorBoundary,
176
- Lo as ExitGateCard,
177
- Ut as FavoritesCollectionTile,
178
- ir as FavoritingTileButton,
179
- xr as Filter,
180
- ko as FilterButton,
181
- Mo as FilterButtonIconType,
182
- No as FilterButtonType,
183
- Cr as FilterHeader,
184
- cr as FilterInput,
185
- Ur as FilterMenu,
186
- ho as FiltersInline,
187
- qo as Footer,
178
+ Do as ExitGateCard,
179
+ jt as FavoritesCollectionTile,
180
+ cr as FavoritingTileButton,
181
+ Cr as Filter,
182
+ wo as FilterButton,
183
+ Eo as FilterButtonIconType,
184
+ Go as FilterButtonType,
185
+ br as FilterHeader,
186
+ Tr as FilterInput,
187
+ jr as FilterMenu,
188
+ Ho as FiltersInline,
189
+ _o as Footer,
188
190
  Fe as Grid,
189
- we as GridItem,
191
+ Me as GridItem,
190
192
  Ne as GridItemAlign,
191
- Ko as Header,
192
- Ot as HeroBanner,
193
+ er as Header,
194
+ Zt as HeroBanner,
193
195
  $ as Icon,
194
196
  O as IconButton,
195
197
  ze as Input,
196
- Zt as LanguageSelector,
198
+ Xt as LanguageSelector,
197
199
  Ge as Link,
198
200
  Oe as LinkBlock,
199
201
  je as LinkList,
200
202
  Ue as LinkVariants,
201
- Ao as Loader,
202
- ea as LoadingState,
203
+ ko as Loader,
204
+ aa as LoadingState,
203
205
  A as LotStatus,
204
206
  Ze as Modal,
205
207
  Je as Navigation,
@@ -208,55 +210,56 @@ export {
208
210
  $e as NavigationItemWithSubmenu,
209
211
  rt as NavigationList,
210
212
  ft as NavigationSubmenu,
211
- Tr as NotificationBanner,
212
- Or as ObjectTile,
213
+ Lr as NotificationBanner,
214
+ Zr as ObjectTile,
213
215
  a as PaddingTokens,
214
216
  C as Page,
215
- Do as PageContentWrapper,
217
+ ho as PageContentWrapper,
216
218
  lt as Pagination,
217
- oa as PhoneNumberInput,
218
- br as Pictogram,
219
+ sa as PhoneNumberInput,
220
+ Ar as Pictogram,
219
221
  mt as PinchZoom,
220
- Yo as ProgressIndicator,
221
- Zr as ProgressWizard,
222
- Jr as ProgressWizardFooter,
223
- ut as Row,
222
+ ut as ProgressBar,
223
+ Ko as ProgressIndicator,
224
+ Xr as ProgressWizard,
225
+ $r as ProgressWizardFooter,
226
+ gt as Row,
224
227
  T as SSRMediaQuery,
225
- zo as SaleCard,
226
- Go as SaleCardActions,
227
- Uo as SaleCardImageDisplay,
228
- Wo as SaleCardVariants,
229
- Jt as SaleHeaderBanner,
230
- Xt as SaleHeaderBrowseAuctions,
231
- nt as Search,
232
- gt as SeldonImage,
233
- xo as SeldonProvider,
234
- St as Select,
235
- Bt as SelectVariants,
236
- $t as Social,
228
+ Uo as SaleCard,
229
+ Oo as SaleCardActions,
230
+ jo as SaleCardImageDisplay,
231
+ Yo as SaleCardVariants,
232
+ $t as SaleHeaderBanner,
233
+ to as SaleHeaderBrowseAuctions,
234
+ St as Search,
235
+ Bt as SeldonImage,
236
+ Co as SeldonProvider,
237
+ Pt as Select,
238
+ It as SelectVariants,
239
+ ro as Social,
237
240
  f as SpacingTokens,
238
- Pt as SplitPanel,
239
- po as StatefulViewingsList,
240
- to as Subscribe,
241
- ro as SubscriptionState,
241
+ Vt as SplitPanel,
242
+ xo as StatefulViewingsList,
243
+ fo as Subscribe,
244
+ lo as SubscriptionState,
242
245
  y as SupportedLanguages,
243
- It as TabsContainer,
244
- Vt as TabsContent,
245
- yt as Tag,
246
- Dt as TagsList,
247
- wt as Text,
248
- kt as TextAlignments,
249
- Lr as TextArea,
250
- jt as TextBanner,
251
- Nt as TextSymbolVariants,
252
- zt as TextSymbols,
253
- Ft as TextVariants,
254
- Ar as Toast,
255
- Dr as ToastProvider,
256
- lo as UserManagement,
257
- Gt as Video,
258
- Qo as ViewingDetails,
259
- io as ViewingsList,
246
+ yt as TabsContainer,
247
+ vt as TabsContent,
248
+ Ft as Tag,
249
+ ht as TagsList,
250
+ zt as Text,
251
+ wt as TextAlignments,
252
+ Dr as TextArea,
253
+ Jt as TextBanner,
254
+ Gt as TextSymbolVariants,
255
+ Ut as TextSymbols,
256
+ Nt as TextVariants,
257
+ kr as Toast,
258
+ hr as ToastProvider,
259
+ io as UserManagement,
260
+ Ot as Video,
261
+ qo as ViewingDetails,
262
+ co as ViewingsList,
260
263
  s as defaultYear,
261
264
  l as emailValidation,
262
265
  d as encodeURLSearchParams,
@@ -265,11 +268,12 @@ export {
265
268
  u as focusElementById,
266
269
  i as generatePaddingClassName,
267
270
  n as getCommonProps,
271
+ nt as getProgressBarMetrics,
268
272
  x as noOp,
269
273
  g as px,
270
274
  P as ssrMediaQueryStyle,
271
- Xr as useHistoryManagement,
275
+ ta as useHistoryManagement,
272
276
  c as useNormalizedInputProps,
273
277
  I as usePendingState,
274
- kr as useToast
278
+ wr as useToast
275
279
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/index9.cjs"),q=require("./pipeline/index.cjs");var h;function U(){if(h)return o.__exports;h=1,Object.defineProperty(o.__exports,"__esModule",{value:!0}),o.__exports.convertTimestampToArray=T,o.__exports.createEvent=E,o.__exports.createEvents=d,o.__exports.isValidURL=j;var u=q.__require();function a(e){"@babel/helpers - typeof";return a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},a(e)}function s(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),n.push.apply(n,t)}return n}function i(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?s(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function O(e,r,n){return r=P(r),r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function P(e){var r=S(e,"string");return a(r)==="symbol"?r:String(r)}function S(e,r){if(a(e)!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var t=n.call(e,r);if(a(t)!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function w(e){return(0,u.validateHeader)((0,u.buildHeader)(e))}function v(e){return(0,u.validateHeaderAndEvent)(i(i({},(0,u.buildHeader)(e)),(0,u.buildEvent)(e)))}function T(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"local",n=[],t=new Date(e);return n.push(r==="local"?t.getFullYear():t.getUTCFullYear()),n.push((r==="local"?t.getMonth():t.getUTCMonth())+1),n.push(r==="local"?t.getDate():t.getUTCDate()),n.push(r==="local"?t.getHours():t.getUTCHours()),n.push(r==="local"?t.getMinutes():t.getUTCMinutes()),n}function E(e,r){return d([e],r)}function d(e,r,n){var t=a(r)==="object"?r:{},c=arguments.length===3?n:typeof r=="function"?r:null,x=function(){if(!e)return{error:new Error("one argument is required"),value:null};var g=e.length===0?w(t):v(i(i({},e[0]),t)),m=g.error,D=g.value;if(m)return{error:m,value:null};var f="";f+=(0,u.formatHeader)(D);for(var p=0;p<e.length;p++){var b=v(e[p]),_=b.error,H=b.value;if(_)return{error:_,value:null};f+=(0,u.formatEvent)(H)}return f+=(0,u.formatFooter)(),{error:null,value:f}},l;try{l=x()}catch(y){l={error:y,value:null}}return c?c(l.error,l.value):l}function j(e){return u.urlRegex.test(e)}return o.__exports}exports.__require=U;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/index10.cjs"),q=require("./pipeline/index.cjs");var h;function U(){if(h)return o.__exports;h=1,Object.defineProperty(o.__exports,"__esModule",{value:!0}),o.__exports.convertTimestampToArray=T,o.__exports.createEvent=E,o.__exports.createEvents=d,o.__exports.isValidURL=j;var u=q.__require();function a(e){"@babel/helpers - typeof";return a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},a(e)}function s(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),n.push.apply(n,t)}return n}function i(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?s(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function O(e,r,n){return r=P(r),r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function P(e){var r=S(e,"string");return a(r)==="symbol"?r:String(r)}function S(e,r){if(a(e)!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var t=n.call(e,r);if(a(t)!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function w(e){return(0,u.validateHeader)((0,u.buildHeader)(e))}function v(e){return(0,u.validateHeaderAndEvent)(i(i({},(0,u.buildHeader)(e)),(0,u.buildEvent)(e)))}function T(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"local",n=[],t=new Date(e);return n.push(r==="local"?t.getFullYear():t.getUTCFullYear()),n.push((r==="local"?t.getMonth():t.getUTCMonth())+1),n.push(r==="local"?t.getDate():t.getUTCDate()),n.push(r==="local"?t.getHours():t.getUTCHours()),n.push(r==="local"?t.getMinutes():t.getUTCMinutes()),n}function E(e,r){return d([e],r)}function d(e,r,n){var t=a(r)==="object"?r:{},c=arguments.length===3?n:typeof r=="function"?r:null,x=function(){if(!e)return{error:new Error("one argument is required"),value:null};var g=e.length===0?w(t):v(i(i({},e[0]),t)),m=g.error,D=g.value;if(m)return{error:m,value:null};var f="";f+=(0,u.formatHeader)(D);for(var p=0;p<e.length;p++){var b=v(e[p]),_=b.error,H=b.value;if(_)return{error:_,value:null};f+=(0,u.formatEvent)(H)}return f+=(0,u.formatFooter)(),{error:null,value:f}},l;try{l=x()}catch(y){l={error:y,value:null}}return c?c(l.error,l.value):l}function j(e){return u.urlRegex.test(e)}return o.__exports}exports.__require=U;
@@ -1,4 +1,4 @@
1
- import { __exports as o } from "../../../_virtual/index9.js";
1
+ import { __exports as o } from "../../../_virtual/index10.js";
2
2
  import { __require as q } from "./pipeline/index.js";
3
3
  var O;
4
4
  function R() {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index10.cjs"),t=require("./cjs/react-is.production.min.cjs"),o=require("./cjs/react-is.development.cjs");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index9.cjs"),t=require("./cjs/react-is.production.min.cjs"),o=require("./cjs/react-is.development.cjs");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
@@ -1,4 +1,4 @@
1
- import { __module as e } from "../../../../_virtual/index10.js";
1
+ import { __module as e } from "../../../../_virtual/index9.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;
@@ -334,6 +334,12 @@
334
334
  @include label-styles($font-size: $font-size-badge-medium);
335
335
  }
336
336
 
337
+ @if $token == $stringSmall {
338
+ @include label-styles($font-size: $string-size3, $font-weight: 600);
339
+
340
+ line-height: $string-line-height-size3;
341
+ }
342
+
337
343
  @if $token == $linkStylised {
338
344
  @include link-styles($font-size: $font-size-link-stylised, $text-transform: uppercase, $text-decoration: unset);
339
345
  @include DistinctDisplay;
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  // prefix
2
4
  $px: seldon;
3
5
 
@@ -108,6 +110,8 @@ $bg-soft: #f9f8f7;
108
110
  $bg-border: #eae9e6;
109
111
  $bg-inverted: #000;
110
112
  $bg-overlay: rgba(0, 0, 0, 50%);
113
+ $bg-progress-bar: color.adjust(#0065fc, $alpha: -0.8);
114
+ $bg-progress-bar-mobile: #ebf3ff;
111
115
 
112
116
  // Status
113
117
  $success-default: #00cc39;
@@ -240,11 +244,12 @@ $linkMedium: 'linkMedium';
240
244
  $linkSmall: 'linkSmall';
241
245
  $badgeSmall: 'badgeSmall';
242
246
  $badgeMedium: 'badgeMedium';
247
+ $stringSmall: 'stringSmall';
243
248
  $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
244
249
  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
245
250
  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
246
251
  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
247
- $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
252
+ $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
248
253
 
249
254
  ////////////////////////
250
255
  /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
@@ -1,4 +1,6 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=`// prefix
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=`@use 'sass:color';
2
+
3
+ // prefix
2
4
  $px: seldon;
3
5
 
4
6
  // TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
@@ -108,6 +110,8 @@ $bg-soft: #f9f8f7;
108
110
  $bg-border: #eae9e6;
109
111
  $bg-inverted: #000;
110
112
  $bg-overlay: rgba(0, 0, 0, 50%);
113
+ $bg-progress-bar: color.adjust(#0065fc, $alpha: -0.8);
114
+ $bg-progress-bar-mobile: #ebf3ff;
111
115
 
112
116
  // Status
113
117
  $success-default: #00cc39;
@@ -240,11 +244,12 @@ $linkMedium: 'linkMedium';
240
244
  $linkSmall: 'linkSmall';
241
245
  $badgeSmall: 'badgeSmall';
242
246
  $badgeMedium: 'badgeMedium';
247
+ $stringSmall: 'stringSmall';
243
248
  $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
244
249
  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
245
250
  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
246
251
  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
247
- $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
252
+ $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
248
253
 
249
254
  ////////////////////////
250
255
  /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
@@ -1,4 +1,6 @@
1
- const n = `// prefix
1
+ const n = `@use 'sass:color';
2
+
3
+ // prefix
2
4
  $px: seldon;
3
5
 
4
6
  // TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
@@ -108,6 +110,8 @@ $bg-soft: #f9f8f7;
108
110
  $bg-border: #eae9e6;
109
111
  $bg-inverted: #000;
110
112
  $bg-overlay: rgba(0, 0, 0, 50%);
113
+ $bg-progress-bar: color.adjust(#0065fc, $alpha: -0.8);
114
+ $bg-progress-bar-mobile: #ebf3ff;
111
115
 
112
116
  // Status
113
117
  $success-default: #00cc39;
@@ -240,11 +244,12 @@ $linkMedium: 'linkMedium';
240
244
  $linkSmall: 'linkSmall';
241
245
  $badgeSmall: 'badgeSmall';
242
246
  $badgeMedium: 'badgeMedium';
247
+ $stringSmall: 'stringSmall';
243
248
  $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
244
249
  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
245
250
  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
246
251
  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
247
- $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium;
252
+ $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
248
253
 
249
254
  ////////////////////////
250
255
  /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
@@ -64,6 +64,7 @@
64
64
  @use 'components/ProgressIndicator/progressIndicator';
65
65
  @use 'components/DescriptiveRadioButton/descriptiveRadioButton';
66
66
  @use 'components/DescriptiveRadioButtonGroup/descriptiveRadioButtonGroup';
67
+ @use 'components/ProgressBar/progressBar';
67
68
 
68
69
  // Patterns
69
70
  @use 'patterns/HeroBanner/heroBanner';
@@ -0,0 +1,94 @@
1
+ @use '../../allPartials' as *;
2
+ @use 'sass:color';
3
+
4
+ .#{$px}-progress-bar {
5
+ position: relative;
6
+ width: 100%;
7
+
8
+ &__track {
9
+ align-items: center;
10
+ background: $bg-progress-bar;
11
+ cursor: pointer;
12
+ display: flex;
13
+ height: 1rem;
14
+ overflow: visible;
15
+ position: relative;
16
+ width: 100%;
17
+ }
18
+
19
+ &__fill {
20
+ align-items: center;
21
+ background: $status-info;
22
+ bottom: 0;
23
+ color: $white;
24
+ display: flex;
25
+ justify-content: flex-end;
26
+ left: 0;
27
+ min-width: 0;
28
+ overflow: hidden;
29
+ padding-inline: $spacing-xsm;
30
+ position: absolute;
31
+ top: 0;
32
+ transition: width 250ms ease;
33
+ width: 0;
34
+ z-index: 1;
35
+ }
36
+
37
+ &__label {
38
+ align-items: center;
39
+ display: flex;
40
+ flex-shrink: 0;
41
+ height: 100%;
42
+ white-space: nowrap;
43
+ }
44
+
45
+ &__hover-tooltip {
46
+ background: $pure-white;
47
+ border-radius: $radius-sm;
48
+ box-shadow: 0 0.25rem 1rem color.adjust($pure-black, $alpha: -0.84);
49
+ left: 0;
50
+ max-width: calc(100% - #{$spacing-md});
51
+ padding: $spacing-sm;
52
+ pointer-events: none;
53
+ position: absolute;
54
+ top: calc(100%);
55
+ transform: translateX(-50%);
56
+ z-index: 4;
57
+ }
58
+
59
+ &__hover-tooltip-caret {
60
+ border-bottom: 0.5rem solid $pure-white;
61
+ border-left: 0.375rem solid transparent;
62
+ border-right: 0.375rem solid transparent;
63
+ display: block;
64
+ height: 0;
65
+ left: 50%;
66
+ position: absolute;
67
+ top: -0.5rem;
68
+ transform: translateX(-50%);
69
+ width: 0;
70
+ }
71
+
72
+ &__live-region {
73
+ border: 0;
74
+ clip: rect(0 0 0 0);
75
+ clip-path: inset(100%);
76
+ height: 1px;
77
+ overflow: hidden;
78
+ position: absolute;
79
+ white-space: nowrap;
80
+ width: 1px;
81
+ }
82
+
83
+ @media (max-width: calc($breakpoint-md - 1px)) {
84
+ &__track {
85
+ background: $bg-progress-bar-mobile;
86
+ height: 0.25rem;
87
+ }
88
+
89
+ &__label,
90
+ &__hover-tooltip {
91
+ display: none;
92
+ }
93
+ }
94
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.261.0",
3
+ "version": "1.262.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"