@phillips/seldon 1.277.0 → 1.278.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 (46) 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/SlideToActivate/SlideToActivate.cjs +1 -0
  6. package/dist/components/SlideToActivate/SlideToActivate.d.ts +14 -0
  7. package/dist/components/SlideToActivate/SlideToActivate.js +147 -0
  8. package/dist/components/SlideToActivate/SlideToActivate.stories.argTypes.d.ts +276 -0
  9. package/dist/components/SlideToActivate/SlideToActivate.stories.d.ts +499 -0
  10. package/dist/components/SlideToActivate/SlideToActivate.stories.demo.d.ts +8 -0
  11. package/dist/components/SlideToActivate/SlideToActivate.test.d.ts +1 -0
  12. package/dist/components/SlideToActivate/SlideToActivateThumb.cjs +1 -0
  13. package/dist/components/SlideToActivate/SlideToActivateThumb.d.ts +28 -0
  14. package/dist/components/SlideToActivate/SlideToActivateThumb.js +76 -0
  15. package/dist/components/SlideToActivate/hooks/useSlideDragHandlers.cjs +1 -0
  16. package/dist/components/SlideToActivate/hooks/useSlideDragHandlers.d.ts +20 -0
  17. package/dist/components/SlideToActivate/hooks/useSlideDragHandlers.js +90 -0
  18. package/dist/components/SlideToActivate/hooks/useSlideKeyboardActivate.cjs +1 -0
  19. package/dist/components/SlideToActivate/hooks/useSlideKeyboardActivate.d.ts +14 -0
  20. package/dist/components/SlideToActivate/hooks/useSlideKeyboardActivate.js +44 -0
  21. package/dist/components/SlideToActivate/hooks/useSlideToActivate.cjs +1 -0
  22. package/dist/components/SlideToActivate/hooks/useSlideToActivate.d.ts +33 -0
  23. package/dist/components/SlideToActivate/hooks/useSlideToActivate.js +122 -0
  24. package/dist/components/SlideToActivate/index.d.ts +4 -0
  25. package/dist/components/SlideToActivate/slideToActivateReducer.cjs +1 -0
  26. package/dist/components/SlideToActivate/slideToActivateReducer.d.ts +37 -0
  27. package/dist/components/SlideToActivate/slideToActivateReducer.js +38 -0
  28. package/dist/components/SlideToActivate/slideToActivateUtils.cjs +1 -0
  29. package/dist/components/SlideToActivate/slideToActivateUtils.d.ts +19 -0
  30. package/dist/components/SlideToActivate/slideToActivateUtils.js +23 -0
  31. package/dist/components/SlideToActivate/slideToActivateUtils.test.d.ts +1 -0
  32. package/dist/components/SlideToActivate/types.cjs +1 -0
  33. package/dist/components/SlideToActivate/types.d.ts +105 -0
  34. package/dist/components/SlideToActivate/types.js +9 -0
  35. package/dist/index.cjs +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +104 -98
  38. package/dist/node_modules/ics/dist/index.cjs +1 -1
  39. package/dist/node_modules/ics/dist/index.js +1 -1
  40. package/dist/node_modules/prop-types/node_modules/react-is/index.cjs +1 -1
  41. package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
  42. package/dist/scss/componentStyles.scss +1 -0
  43. package/dist/scss/components/SlideToActivate/_slideToActivate.scss +284 -0
  44. package/dist/scss/components/SlideToActivate/_slideToActivate.stories.scss +166 -0
  45. package/dist/scss/components/Toast/_toast.scss +5 -6
  46. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -66,6 +66,7 @@ export * from './components/Detail';
66
66
  export * from './components/DetailList';
67
67
  export * from './components/ExitGateCard';
68
68
  export * from './components/Loader';
69
+ export * from './components/SlideToActivate';
69
70
  export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
70
71
  export * from './components/PinchZoom';
71
72
  export * from './components/SeldonImage';
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
- import { PaddingTokens as o, SpacingTokens as r, defaultYear as a, emailValidation as f, encodeURLSearchParams as s, findChildrenExcludingTypes as l, findChildrenOfType as d, focusElementById as p, generatePaddingClassName as m, getCommonProps as u, noOp as i, px as n, useNormalizedInputProps as x } from "./utils/index.js";
1
+ import { PaddingTokens as o, SpacingTokens as r, defaultYear as a, emailValidation as f, encodeURLSearchParams as s, findChildrenExcludingTypes as l, findChildrenOfType as d, focusElementById as p, generatePaddingClassName as m, getCommonProps as i, noOp as u, px as n, useNormalizedInputProps as x } from "./utils/index.js";
2
2
  import { default as c } from "./pages/Page.js";
3
3
  import { SSRMediaQuery as C, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
4
4
  import { usePendingState as P } from "./utils/hooks.js";
5
- import { AuctionStatus as I, LotStatus as L, SupportedLanguages as V } from "./types/commonTypes.js";
6
- import { default as y } from "./components/Button/Button.js";
7
- import { ButtonSizes as v, ButtonVariants as k } from "./components/Button/types.js";
5
+ import { AuctionStatus as b, LotStatus as I, SupportedLanguages as L } from "./types/commonTypes.js";
6
+ import { default as V } from "./components/Button/Button.js";
7
+ import { ButtonSizes as y, ButtonVariants as k } from "./components/Button/types.js";
8
8
  import { default as M } from "./components/IconButton/IconButton.js";
9
9
  import { default as w } from "./components/Drawer/Drawer.js";
10
10
  import { default as H } from "./components/ErrorBoundary/ErrorBoundary.js";
@@ -22,15 +22,15 @@ import { default as ae } from "./components/Navigation/NavigationItem/Navigation
22
22
  import { default as se } from "./components/Navigation/NavigationList/NavigationList.js";
23
23
  import { default as de } from "./components/Navigation/NavigationSubmenu/NavigationSubmenu.js";
24
24
  import { default as me } from "./components/Pagination/Pagination.js";
25
- import { default as ie } from "./components/Row/Row.js";
25
+ import { default as ue } from "./components/Row/Row.js";
26
26
  import { default as xe } from "./components/Search/Search.js";
27
27
  import { default as ce } from "./components/Select/Select.js";
28
28
  import { SelectVariants as Ce } from "./components/Select/types.js";
29
29
  import { default as Te } from "./components/SplitPanel/SplitPanel.js";
30
- import { Tag as be, default as Ie } from "./components/Tags/Tags.js";
31
- import { default as Ve } from "./components/Video/Video.js";
32
- import { default as ye } from "./patterns/HeroBanner/HeroBanner.js";
33
- import { default as ve } from "./patterns/TextBanner/TextBanner.js";
30
+ import { Tag as Ae, default as be } from "./components/Tags/Tags.js";
31
+ import { default as Le } from "./components/Video/Video.js";
32
+ import { default as Ve } from "./patterns/HeroBanner/HeroBanner.js";
33
+ import { default as ye } from "./patterns/TextBanner/TextBanner.js";
34
34
  import { default as Fe } from "./patterns/Social/Social.js";
35
35
  import { default as he } from "./patterns/Subscribe/Subscribe.js";
36
36
  import { SubscriptionState as Ne } from "./patterns/Subscribe/types.js";
@@ -48,16 +48,16 @@ import { default as rt } from "./components/Accordion/AccordionItem.js";
48
48
  import { default as ft } from "./patterns/AccountPageHeader/AccountPageHeader.js";
49
49
  import { default as lt } from "./components/AddToCalendar/AddToCalendar.js";
50
50
  import { default as pt } from "./components/Article/Article.js";
51
- import { default as ut } from "./components/Banner/Banner.js";
51
+ import { default as it } from "./components/Banner/Banner.js";
52
52
  import { default as nt } from "./patterns/BidSnapshot/BidMessage.js";
53
53
  import { default as gt } from "./patterns/BidSnapshot/BidSnapshot.js";
54
54
  import { default as St } from "./components/Breadcrumb/Breadcrumb.js";
55
55
  import { default as Bt } from "./components/Card/Card.js";
56
56
  import { default as Pt } from "./components/Carousel/Carousel.js";
57
- import { default as It } from "./components/Carousel/CarouselArrows.js";
58
- import { default as Vt } from "./components/Carousel/CarouselContent.js";
59
- import { default as yt } from "./components/Carousel/CarouselDots.js";
60
- import { default as vt } from "./components/Carousel/CarouselItem.js";
57
+ import { default as bt } from "./components/Carousel/CarouselArrows.js";
58
+ import { default as Lt } from "./components/Carousel/CarouselContent.js";
59
+ import { default as Vt } from "./components/Carousel/CarouselDots.js";
60
+ import { default as yt } from "./components/Carousel/CarouselItem.js";
61
61
  import { default as Ft } from "./components/Collapsible/Collapsible.js";
62
62
  import { default as ht } from "./components/Collapsible/CollapsibleContent.js";
63
63
  import { default as Nt } from "./components/Collapsible/CollapsibleTrigger.js";
@@ -75,14 +75,14 @@ import { default as ro } from "./components/Dropdown/Dropdown.js";
75
75
  import { default as fo } from "./components/ExitGateCard/ExitGateCard.js";
76
76
  import { default as lo } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
77
77
  import { default as mo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
78
- import { default as io } from "./components/Filter/Filter.js";
78
+ import { default as uo } from "./components/Filter/Filter.js";
79
79
  import { default as xo } from "./components/Filter/FilterHeader.js";
80
80
  import { default as co } from "./components/Filter/FilterInput.js";
81
81
  import { default as Co } from "./patterns/FilterMenu/FilterMenu.js";
82
82
  import { default as To } from "./patterns/FiltersInline/FiltersInline.js";
83
- import { default as bo } from "./components/Icon/Icon.js";
84
- import { default as Lo } from "./patterns/LanguageSelector/LanguageSelector.js";
85
- import { default as Ao } from "./components/Loader/Loader.js";
83
+ import { default as Ao } from "./components/Icon/Icon.js";
84
+ import { default as Io } from "./patterns/LanguageSelector/LanguageSelector.js";
85
+ import { default as vo } from "./components/Loader/Loader.js";
86
86
  import { default as Do } from "./components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.js";
87
87
  import { default as ko } from "./components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js";
88
88
  import { default as Mo } from "./components/NotificationBanner/NotificationBanner.js";
@@ -99,79 +99,81 @@ import { SaleCardActions as _o } from "./patterns/SaleCard/SaleCardActions.js";
99
99
  import { default as er } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
100
100
  import { default as or } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
101
101
  import { default as ar } from "./components/SeldonImage/SeldonImage.js";
102
- import { default as sr } from "./components/Tabs/TabsContainer.js";
103
- import { default as dr } from "./components/Tabs/TabsContent.js";
104
- import { default as mr } from "./components/Text/Text.js";
105
- import { default as ir } from "./components/TextArea/TextArea.js";
106
- import { default as xr } from "./components/TextSymbol/TextSymbol.js";
107
- import { default as cr } from "./components/Toast/Toast.js";
108
- import { default as Cr } from "./patterns/ViewingDetails/ViewingDetails.js";
109
- import { AccordionVariants as Tr } from "./components/Accordion/types.js";
110
- import { AspectRatio as br } from "./components/SeldonImage/types.js";
111
- import { BannerMediaSize as Lr, BannerVariants as Vr } from "./components/Banner/types.js";
112
- import { BidMessageVariants as yr, BidStatusEnum as Dr } from "./patterns/BidSnapshot/types.js";
113
- import { Breakpoints as kr } from "./utils/constants.js";
114
- import { CardVariants as Mr } from "./components/Card/types.js";
115
- import { HeightUnits as wr } from "./components/ContentPeek/utils.js";
116
- import { DefaultButtonLabels as Hr, LoadingState as Rr } from "./patterns/ProgressWizard/types.js";
117
- import { DetailListAlignment as Er } from "./components/DetailList/types.js";
118
- import { DetailVariants as Ur } from "./components/Detail/types.js";
119
- import { FilterButton as Or } from "./patterns/FiltersInline/FilterButton.js";
120
- import { FilterButtonIconType as jr, FilterButtonType as Yr } from "./patterns/FiltersInline/types.js";
121
- import { SaleCardImageDisplay as qr, SaleCardVariants as Jr } from "./patterns/SaleCard/types.js";
122
- import { TextAlignments as Xr, TextVariants as _r } from "./components/Text/types.js";
123
- import { TextSymbolVariants as ea } from "./components/TextSymbol/types.js";
124
- import { ToastProvider as oa } from "./components/Toast/ToastContextProvider.js";
125
- import { getProgressBarMetrics as aa } from "./components/ProgressBar/utils.js";
126
- import { useHistoryManagement as sa } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
127
- import { useReducedMotion as da } from "./utils/useReducedMotion.js";
128
- import { useToast as ma } from "./components/Toast/useToast.js";
102
+ import { default as sr } from "./components/SlideToActivate/SlideToActivate.js";
103
+ import { default as dr } from "./components/Tabs/TabsContainer.js";
104
+ import { default as mr } from "./components/Tabs/TabsContent.js";
105
+ import { default as ur } from "./components/Text/Text.js";
106
+ import { default as xr } from "./components/TextArea/TextArea.js";
107
+ import { default as cr } from "./components/TextSymbol/TextSymbol.js";
108
+ import { default as Cr } from "./components/Toast/Toast.js";
109
+ import { default as Tr } from "./patterns/ViewingDetails/ViewingDetails.js";
110
+ import { AccordionVariants as Ar } from "./components/Accordion/types.js";
111
+ import { AspectRatio as Ir } from "./components/SeldonImage/types.js";
112
+ import { BannerMediaSize as vr, BannerVariants as Vr } from "./components/Banner/types.js";
113
+ import { BidMessageVariants as yr, BidStatusEnum as kr } from "./patterns/BidSnapshot/types.js";
114
+ import { Breakpoints as Mr } from "./utils/constants.js";
115
+ import { CardVariants as wr } from "./components/Card/types.js";
116
+ import { HeightUnits as Hr } from "./components/ContentPeek/utils.js";
117
+ import { DefaultButtonLabels as zr, LoadingState as Er } from "./patterns/ProgressWizard/types.js";
118
+ import { DetailListAlignment as Ur } from "./components/DetailList/types.js";
119
+ import { DetailVariants as Or } from "./components/Detail/types.js";
120
+ import { FilterButton as jr } from "./patterns/FiltersInline/FilterButton.js";
121
+ import { FilterButtonIconType as Zr, FilterButtonType as qr } from "./patterns/FiltersInline/types.js";
122
+ import { SaleCardImageDisplay as Kr, SaleCardVariants as Xr } from "./patterns/SaleCard/types.js";
123
+ import { SlideToActivateBorderRadii as $r, SlideToActivateDirections as ea, SlideToActivateSizes as ta } from "./components/SlideToActivate/types.js";
124
+ import { TextAlignments as ra, TextVariants as aa } from "./components/Text/types.js";
125
+ import { TextSymbolVariants as sa } from "./components/TextSymbol/types.js";
126
+ import { ToastProvider as da } from "./components/Toast/ToastContextProvider.js";
127
+ import { getProgressBarMetrics as ma } from "./components/ProgressBar/utils.js";
128
+ import { useHistoryManagement as ua } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
129
+ import { useReducedMotion as xa } from "./utils/useReducedMotion.js";
130
+ import { useToast as ca } from "./components/Toast/useToast.js";
129
131
  export {
130
132
  tt as Accordion,
131
133
  rt as AccordionItem,
132
- Tr as AccordionVariants,
134
+ Ar as AccordionVariants,
133
135
  ft as AccountPageHeader,
134
136
  lt as AddToCalendar,
135
137
  pt as Article,
136
- br as AspectRatio,
137
- I as AuctionStatus,
138
+ Ir as AspectRatio,
139
+ b as AuctionStatus,
138
140
  Re as AuthState,
139
- ut as Banner,
140
- Lr as BannerMediaSize,
141
+ it as Banner,
142
+ vr as BannerMediaSize,
141
143
  Vr as BannerVariants,
142
144
  nt as BidMessage,
143
145
  yr as BidMessageVariants,
144
146
  gt as BidSnapshot,
145
- Dr as BidStatusEnum,
147
+ kr as BidStatusEnum,
146
148
  St as Breadcrumb,
147
- kr as Breakpoints,
148
- y as Button,
149
- v as ButtonSizes,
149
+ Mr as Breakpoints,
150
+ V as Button,
151
+ y as ButtonSizes,
150
152
  k as ButtonVariants,
151
153
  Bt as Card,
152
- Mr as CardVariants,
154
+ wr as CardVariants,
153
155
  Pt as Carousel,
154
- It as CarouselArrows,
155
- Vt as CarouselContent,
156
- yt as CarouselDots,
157
- vt as CarouselItem,
156
+ bt as CarouselArrows,
157
+ Lt as CarouselContent,
158
+ Vt as CarouselDots,
159
+ yt as CarouselItem,
158
160
  Ft as Collapsible,
159
161
  ht as CollapsibleContent,
160
162
  Nt as CollapsibleTrigger,
161
163
  Rt as ComboBox,
162
164
  Et as ComposedModal,
163
165
  Ut as ContentPeek,
164
- wr as ContentPeekHeightUnits,
166
+ Hr as ContentPeekHeightUnits,
165
167
  Ot as Countdown,
166
168
  $e as CountdownVariants,
167
169
  jt as CountryPicker,
168
- Hr as DefaultButtonLabels,
170
+ zr as DefaultButtonLabels,
169
171
  Zt as DescriptiveRadioButton,
170
172
  Jt as DescriptiveRadioButtonGroup,
171
173
  Xt as Detail,
172
174
  $t as DetailList,
173
- Er as DetailListAlignment,
174
- Ur as DetailVariants,
175
+ Ur as DetailListAlignment,
176
+ Or as DetailVariants,
175
177
  to as Divider,
176
178
  w as Drawer,
177
179
  ro as Dropdown,
@@ -179,10 +181,10 @@ export {
179
181
  fo as ExitGateCard,
180
182
  lo as FavoritesCollectionTile,
181
183
  mo as FavoritingTileButton,
182
- io as Filter,
183
- Or as FilterButton,
184
- jr as FilterButtonIconType,
185
- Yr as FilterButtonType,
184
+ uo as Filter,
185
+ jr as FilterButton,
186
+ Zr as FilterButtonIconType,
187
+ qr as FilterButtonType,
186
188
  xo as FilterHeader,
187
189
  co as FilterInput,
188
190
  Co as FilterMenu,
@@ -192,18 +194,18 @@ export {
192
194
  G as GridItem,
193
195
  W as GridItemAlign,
194
196
  Xe as Header,
195
- ye as HeroBanner,
196
- bo as Icon,
197
+ Ve as HeroBanner,
198
+ Ao as Icon,
197
199
  M as IconButton,
198
200
  Q as Input,
199
- Lo as LanguageSelector,
201
+ Io as LanguageSelector,
200
202
  Y as Link,
201
203
  K as LinkBlock,
202
204
  _ as LinkList,
203
205
  q as LinkVariants,
204
- Ao as Loader,
205
- Rr as LoadingState,
206
- L as LotStatus,
206
+ vo as Loader,
207
+ Er as LoadingState,
208
+ I as LotStatus,
207
209
  ee as Modal,
208
210
  oe as Navigation,
209
211
  Do as NavigationDesktopSubmenu,
@@ -224,12 +226,12 @@ export {
224
226
  Qo as ProgressIndicator,
225
227
  Yo as ProgressWizard,
226
228
  qo as ProgressWizardFooter,
227
- ie as Row,
229
+ ue as Row,
228
230
  C as SSRMediaQuery,
229
231
  Ko as SaleCard,
230
232
  _o as SaleCardActions,
231
- qr as SaleCardImageDisplay,
232
- Jr as SaleCardVariants,
233
+ Kr as SaleCardImageDisplay,
234
+ Xr as SaleCardVariants,
233
235
  er as SaleHeaderBanner,
234
236
  or as SaleHeaderBrowseAuctions,
235
237
  xe as Search,
@@ -237,29 +239,33 @@ export {
237
239
  je as SeldonProvider,
238
240
  ce as Select,
239
241
  Ce as SelectVariants,
242
+ sr as SlideToActivate,
243
+ $r as SlideToActivateBorderRadii,
244
+ ea as SlideToActivateDirections,
245
+ ta as SlideToActivateSizes,
240
246
  Fe as Social,
241
247
  r as SpacingTokens,
242
248
  Te as SplitPanel,
243
249
  Ue as StatefulViewingsList,
244
250
  he as Subscribe,
245
251
  Ne as SubscriptionState,
246
- V as SupportedLanguages,
247
- sr as TabsContainer,
248
- dr as TabsContent,
249
- be as Tag,
250
- Ie as TagsList,
251
- mr as Text,
252
- Xr as TextAlignments,
253
- ir as TextArea,
254
- ve as TextBanner,
255
- ea as TextSymbolVariants,
256
- xr as TextSymbols,
257
- _r as TextVariants,
258
- cr as Toast,
259
- oa as ToastProvider,
252
+ L as SupportedLanguages,
253
+ dr as TabsContainer,
254
+ mr as TabsContent,
255
+ Ae as Tag,
256
+ be as TagsList,
257
+ ur as Text,
258
+ ra as TextAlignments,
259
+ xr as TextArea,
260
+ ye as TextBanner,
261
+ sa as TextSymbolVariants,
262
+ cr as TextSymbols,
263
+ aa as TextVariants,
264
+ Cr as Toast,
265
+ da as ToastProvider,
260
266
  Ee as UserManagement,
261
- Ve as Video,
262
- Cr as ViewingDetails,
267
+ Le as Video,
268
+ Tr as ViewingDetails,
263
269
  Oe as ViewingsList,
264
270
  a as defaultYear,
265
271
  f as emailValidation,
@@ -268,14 +274,14 @@ export {
268
274
  d as findChildrenOfType,
269
275
  p as focusElementById,
270
276
  m as generatePaddingClassName,
271
- u as getCommonProps,
272
- aa as getProgressBarMetrics,
273
- i as noOp,
277
+ i as getCommonProps,
278
+ ma as getProgressBarMetrics,
279
+ u as noOp,
274
280
  n as px,
275
281
  B as ssrMediaQueryStyle,
276
- sa as useHistoryManagement,
282
+ ua as useHistoryManagement,
277
283
  x as useNormalizedInputProps,
278
284
  P as usePendingState,
279
- da as useReducedMotion,
280
- ma as useToast
285
+ xa as useReducedMotion,
286
+ ca as useToast
281
287
  };
@@ -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;
@@ -65,6 +65,7 @@
65
65
  @use 'components/DescriptiveRadioButton/descriptiveRadioButton';
66
66
  @use 'components/DescriptiveRadioButtonGroup/descriptiveRadioButtonGroup';
67
67
  @use 'components/ProgressBar/progressBar';
68
+ @use 'components/SlideToActivate/slideToActivate';
68
69
 
69
70
  // Patterns
70
71
  @use 'patterns/HeroBanner/heroBanner';
@@ -0,0 +1,284 @@
1
+ @use '../../allPartials' as *;
2
+
3
+ .#{$px}-slide-to-activate {
4
+ // Figma Saleroom Bid Status (8482:81744): 44 track / 40 thumb / 2px inset.
5
+ --seldon-slide-thumb-size: 40px;
6
+ --seldon-slide-hit-tolerance: 8px;
7
+ --seldon-slide-track-height: 44px;
8
+ --seldon-slide-gutter-inset: 2px;
9
+
10
+ display: block;
11
+ max-width: 100%;
12
+ touch-action: none;
13
+ width: 100%;
14
+
15
+ &--small {
16
+ --seldon-slide-thumb-size: 28px;
17
+ --seldon-slide-track-height: 32px;
18
+ }
19
+
20
+ &--radius-sharp {
21
+ .#{$px}-slide-to-activate__track,
22
+ .#{$px}-slide-to-activate__thumb-face {
23
+ border-radius: 0;
24
+ }
25
+
26
+ .#{$px}-slide-to-activate__thumb:focus-visible {
27
+ @include focus-ring($border-radius: 0);
28
+ }
29
+ }
30
+
31
+ &--radius-rounded {
32
+ .#{$px}-slide-to-activate__track,
33
+ .#{$px}-slide-to-activate__thumb-face {
34
+ border-radius: $radius-md;
35
+ }
36
+
37
+ .#{$px}-slide-to-activate__thumb:focus-visible {
38
+ @include focus-ring($border-radius: $radius-md);
39
+ }
40
+ }
41
+
42
+ &--radius-pill {
43
+ .#{$px}-slide-to-activate__track,
44
+ .#{$px}-slide-to-activate__thumb-face {
45
+ border-radius: $radius-3xl;
46
+ }
47
+
48
+ .#{$px}-slide-to-activate__thumb:focus-visible {
49
+ @include focus-ring($border-radius: $radius-3xl);
50
+ }
51
+ }
52
+
53
+ &__track {
54
+ align-items: center;
55
+ background-color: $pure-black;
56
+ border-radius: 0;
57
+ box-sizing: border-box;
58
+ display: flex;
59
+ height: var(--seldon-slide-track-height);
60
+ justify-content: center;
61
+ overflow: hidden;
62
+ position: relative;
63
+ touch-action: none;
64
+ transition:
65
+ background-color 0.32s ease-out,
66
+ border-color 0.32s ease-out;
67
+ user-select: none;
68
+ width: 100%;
69
+ }
70
+
71
+ &__label {
72
+ color: $pure-white;
73
+ font-variation-settings: 'wght' 600;
74
+ pointer-events: none;
75
+ position: relative;
76
+ transition:
77
+ color 0.32s ease-out,
78
+ opacity 0.28s ease-out;
79
+ z-index: 1;
80
+ }
81
+
82
+ &__pending-indicator {
83
+ align-items: center;
84
+ display: flex;
85
+ inset: 0;
86
+ justify-content: center;
87
+ pointer-events: none;
88
+ position: absolute;
89
+ transition: opacity 0.28s ease-out;
90
+ z-index: 2;
91
+
92
+ .#{$px}-loader {
93
+ border-color: $pure-white;
94
+ border-bottom-color: transparent;
95
+ }
96
+ }
97
+
98
+ &__thumb {
99
+ align-items: center;
100
+ background: transparent;
101
+ border: 0;
102
+ cursor: grab;
103
+ display: flex;
104
+ height: var(--seldon-slide-thumb-size);
105
+ justify-content: center;
106
+ left: var(--seldon-slide-gutter-inset);
107
+ padding: 0;
108
+ position: absolute;
109
+ top: 50%;
110
+ touch-action: none;
111
+ transform: translateY(-50%);
112
+ width: var(--seldon-slide-thumb-size);
113
+ z-index: 3;
114
+
115
+ &::before {
116
+ content: '';
117
+ inset: calc(var(--seldon-slide-hit-tolerance) * -1);
118
+ position: absolute;
119
+ }
120
+
121
+ &:active,
122
+ &--held {
123
+ cursor: grabbing;
124
+ }
125
+
126
+ &:focus-visible {
127
+ @include focus-ring($border-radius: 0);
128
+ }
129
+
130
+ &--held .#{$px}-slide-to-activate__thumb-face {
131
+ box-shadow: 0 0 0 1px rgba($pure-black, 1);
132
+ }
133
+ }
134
+
135
+ &__thumb-face {
136
+ align-items: center;
137
+ background-color: $pure-white;
138
+ border: 0;
139
+ border-radius: 0;
140
+ box-sizing: border-box;
141
+ color: $pure-black;
142
+ display: flex;
143
+ height: 100%;
144
+ justify-content: center;
145
+ pointer-events: none;
146
+ transition:
147
+ box-shadow 0.28s ease-out,
148
+ background-color 0.32s ease-out,
149
+ color 0.32s ease-out;
150
+ width: 100%;
151
+ }
152
+
153
+ // Figma Chevron Group (8893:13050): two 22px ChevronRight icons, second at x=12.
154
+ &__thumb-chevrons {
155
+ align-items: center;
156
+ display: flex;
157
+ height: 22px;
158
+ width: 33px;
159
+
160
+ > *:last-child {
161
+ margin-left: -11px;
162
+ }
163
+
164
+ .#{$px}-icon {
165
+ flex-shrink: 0;
166
+ height: 22px;
167
+ width: 22px;
168
+ }
169
+ }
170
+
171
+ &__thumb-icon {
172
+ align-items: center;
173
+ display: flex;
174
+ justify-content: center;
175
+ transition: transform 0.15s ease-out;
176
+
177
+ svg {
178
+ height: 22px;
179
+ width: 22px;
180
+ }
181
+
182
+ &--held {
183
+ transform: scale(1.1);
184
+ }
185
+ }
186
+
187
+ &--small &__thumb-chevrons {
188
+ height: 16px;
189
+ width: 24px;
190
+
191
+ > *:last-child {
192
+ margin-left: -8px;
193
+ }
194
+
195
+ .#{$px}-icon {
196
+ height: 16px;
197
+ width: 16px;
198
+ }
199
+ }
200
+
201
+ &--small &__thumb-icon svg {
202
+ height: 16px;
203
+ width: 16px;
204
+ }
205
+
206
+ &--rtl &__thumb {
207
+ left: auto;
208
+ right: var(--seldon-slide-gutter-inset);
209
+ }
210
+
211
+ &--rtl &__thumb-icon {
212
+ transform: scaleX(-1);
213
+
214
+ &--held {
215
+ transform: scaleX(-1) scale(1.1);
216
+ }
217
+ }
218
+
219
+ &--pending {
220
+ .#{$px}-slide-to-activate__label {
221
+ opacity: 0;
222
+ }
223
+
224
+ .#{$px}-slide-to-activate__thumb {
225
+ cursor: default;
226
+ }
227
+ }
228
+
229
+ &--disabled {
230
+ pointer-events: none;
231
+
232
+ .#{$px}-slide-to-activate__thumb {
233
+ cursor: not-allowed;
234
+ }
235
+ }
236
+
237
+ // Not allowed / unavailable
238
+ &--disabled-blocked {
239
+ .#{$px}-slide-to-activate__track {
240
+ background-color: $grey-50;
241
+ }
242
+
243
+ .#{$px}-slide-to-activate__label {
244
+ // $grey-75 fails 4.5:1 against this $grey-50 background (3.98:1) — $grey-100 passes at 6.24:1.
245
+ color: $grey-100;
246
+ }
247
+
248
+ .#{$px}-slide-to-activate__thumb-face {
249
+ background-color: $grey-50;
250
+ color: $grey-100;
251
+ }
252
+ }
253
+
254
+ // Already completed — settled success look; thumb is always faded out
255
+ &--disabled-complete {
256
+ .#{$px}-slide-to-activate__track {
257
+ background-color: $pure-black;
258
+ }
259
+
260
+ .#{$px}-slide-to-activate__label {
261
+ color: $pure-white;
262
+ }
263
+ }
264
+
265
+ // Soft exit for activated / hide-thumb — keep gutter, ease the button away
266
+ &--disabled-hide-thumb {
267
+ .#{$px}-slide-to-activate__thumb,
268
+ .#{$px}-slide-to-activate__thumb--hidden {
269
+ opacity: 0;
270
+ pointer-events: none;
271
+ transition: opacity 100ms ease-out;
272
+ }
273
+ }
274
+
275
+ @media (prefers-reduced-motion: reduce) {
276
+ &__track,
277
+ &__label,
278
+ &__pending-indicator,
279
+ &__thumb,
280
+ &__thumb-face {
281
+ transition: none;
282
+ }
283
+ }
284
+ }