@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.
- package/dist/_virtual/index10.cjs +1 -1
- package/dist/_virtual/index10.js +2 -2
- package/dist/_virtual/index9.cjs +1 -1
- package/dist/_virtual/index9.js +2 -2
- package/dist/components/SlideToActivate/SlideToActivate.cjs +1 -0
- package/dist/components/SlideToActivate/SlideToActivate.d.ts +14 -0
- package/dist/components/SlideToActivate/SlideToActivate.js +147 -0
- package/dist/components/SlideToActivate/SlideToActivate.stories.argTypes.d.ts +276 -0
- package/dist/components/SlideToActivate/SlideToActivate.stories.d.ts +499 -0
- package/dist/components/SlideToActivate/SlideToActivate.stories.demo.d.ts +8 -0
- package/dist/components/SlideToActivate/SlideToActivate.test.d.ts +1 -0
- package/dist/components/SlideToActivate/SlideToActivateThumb.cjs +1 -0
- package/dist/components/SlideToActivate/SlideToActivateThumb.d.ts +28 -0
- package/dist/components/SlideToActivate/SlideToActivateThumb.js +76 -0
- package/dist/components/SlideToActivate/hooks/useSlideDragHandlers.cjs +1 -0
- package/dist/components/SlideToActivate/hooks/useSlideDragHandlers.d.ts +20 -0
- package/dist/components/SlideToActivate/hooks/useSlideDragHandlers.js +90 -0
- package/dist/components/SlideToActivate/hooks/useSlideKeyboardActivate.cjs +1 -0
- package/dist/components/SlideToActivate/hooks/useSlideKeyboardActivate.d.ts +14 -0
- package/dist/components/SlideToActivate/hooks/useSlideKeyboardActivate.js +44 -0
- package/dist/components/SlideToActivate/hooks/useSlideToActivate.cjs +1 -0
- package/dist/components/SlideToActivate/hooks/useSlideToActivate.d.ts +33 -0
- package/dist/components/SlideToActivate/hooks/useSlideToActivate.js +122 -0
- package/dist/components/SlideToActivate/index.d.ts +4 -0
- package/dist/components/SlideToActivate/slideToActivateReducer.cjs +1 -0
- package/dist/components/SlideToActivate/slideToActivateReducer.d.ts +37 -0
- package/dist/components/SlideToActivate/slideToActivateReducer.js +38 -0
- package/dist/components/SlideToActivate/slideToActivateUtils.cjs +1 -0
- package/dist/components/SlideToActivate/slideToActivateUtils.d.ts +19 -0
- package/dist/components/SlideToActivate/slideToActivateUtils.js +23 -0
- package/dist/components/SlideToActivate/slideToActivateUtils.test.d.ts +1 -0
- package/dist/components/SlideToActivate/types.cjs +1 -0
- package/dist/components/SlideToActivate/types.d.ts +105 -0
- package/dist/components/SlideToActivate/types.js +9 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +104 -98
- package/dist/node_modules/ics/dist/index.cjs +1 -1
- package/dist/node_modules/ics/dist/index.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.cjs +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
- package/dist/scss/componentStyles.scss +1 -0
- package/dist/scss/components/SlideToActivate/_slideToActivate.scss +284 -0
- package/dist/scss/components/SlideToActivate/_slideToActivate.stories.scss +166 -0
- package/dist/scss/components/Toast/_toast.scss +5 -6
- 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
|
|
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
|
|
6
|
-
import { default as
|
|
7
|
-
import { ButtonSizes as
|
|
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
|
|
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
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as
|
|
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
|
|
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
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as
|
|
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
|
|
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
|
|
84
|
-
import { default as
|
|
85
|
-
import { default as
|
|
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/
|
|
103
|
-
import { default as dr } from "./components/Tabs/
|
|
104
|
-
import { default as mr } from "./components/
|
|
105
|
-
import { default as
|
|
106
|
-
import { default as xr } from "./components/
|
|
107
|
-
import { default as cr } from "./components/
|
|
108
|
-
import { default as Cr } from "./
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
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
|
-
|
|
134
|
+
Ar as AccordionVariants,
|
|
133
135
|
ft as AccountPageHeader,
|
|
134
136
|
lt as AddToCalendar,
|
|
135
137
|
pt as Article,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
+
Ir as AspectRatio,
|
|
139
|
+
b as AuctionStatus,
|
|
138
140
|
Re as AuthState,
|
|
139
|
-
|
|
140
|
-
|
|
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
|
-
|
|
147
|
+
kr as BidStatusEnum,
|
|
146
148
|
St as Breadcrumb,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
149
|
+
Mr as Breakpoints,
|
|
150
|
+
V as Button,
|
|
151
|
+
y as ButtonSizes,
|
|
150
152
|
k as ButtonVariants,
|
|
151
153
|
Bt as Card,
|
|
152
|
-
|
|
154
|
+
wr as CardVariants,
|
|
153
155
|
Pt as Carousel,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
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
|
-
|
|
166
|
+
Hr as ContentPeekHeightUnits,
|
|
165
167
|
Ot as Countdown,
|
|
166
168
|
$e as CountdownVariants,
|
|
167
169
|
jt as CountryPicker,
|
|
168
|
-
|
|
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
|
-
|
|
174
|
-
|
|
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
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
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
|
-
|
|
196
|
-
|
|
197
|
+
Ve as HeroBanner,
|
|
198
|
+
Ao as Icon,
|
|
197
199
|
M as IconButton,
|
|
198
200
|
Q as Input,
|
|
199
|
-
|
|
201
|
+
Io as LanguageSelector,
|
|
200
202
|
Y as Link,
|
|
201
203
|
K as LinkBlock,
|
|
202
204
|
_ as LinkList,
|
|
203
205
|
q as LinkVariants,
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
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
|
-
|
|
229
|
+
ue as Row,
|
|
228
230
|
C as SSRMediaQuery,
|
|
229
231
|
Ko as SaleCard,
|
|
230
232
|
_o as SaleCardActions,
|
|
231
|
-
|
|
232
|
-
|
|
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
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
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
|
-
|
|
262
|
-
|
|
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
|
-
|
|
272
|
-
|
|
273
|
-
|
|
277
|
+
i as getCommonProps,
|
|
278
|
+
ma as getProgressBarMetrics,
|
|
279
|
+
u as noOp,
|
|
274
280
|
n as px,
|
|
275
281
|
B as ssrMediaQueryStyle,
|
|
276
|
-
|
|
282
|
+
ua as useHistoryManagement,
|
|
277
283
|
x as useNormalizedInputProps,
|
|
278
284
|
P as usePendingState,
|
|
279
|
-
|
|
280
|
-
|
|
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/
|
|
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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/
|
|
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/
|
|
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
|
+
}
|