@phillips/seldon 1.216.0 → 1.218.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/components/Link/Link.js +15 -16
- package/dist/index.js +101 -99
- package/dist/patterns/FiltersInline/index.d.ts +1 -1
- package/dist/scss/components/Button/_button.scss +10 -3
- package/dist/scss/components/Link/_link.scss +16 -0
- package/dist/scss/components/NotificationBanner/_notificationBanner.scss +7 -12
- package/dist/scss/components/Tags/_tags.scss +1 -0
- package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss +1 -1
- package/package.json +1 -1
|
@@ -1,28 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
2
|
import p from "../../node_modules/classnames/index.js";
|
|
3
3
|
import { getCommonProps as k } from "../../utils/index.js";
|
|
4
4
|
import { forwardRef as L } from "react";
|
|
5
5
|
import { getLinkVariantClassName as N, isLinkExternal as d } from "./utils.js";
|
|
6
6
|
import { LinkVariants as x } from "./types.js";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
r,
|
|
7
|
+
const g = L(
|
|
8
|
+
({ children: s, className: e, element: a = "a", variant: m = x.linkMedium, href: r, ...o }, n) => {
|
|
9
|
+
const { className: t, ...i } = k(o, "Link"), l = p(t, N(m), e), c = d(r);
|
|
10
|
+
return /* @__PURE__ */ f(
|
|
11
|
+
a,
|
|
13
12
|
{
|
|
14
|
-
ref:
|
|
15
|
-
...
|
|
16
|
-
href:
|
|
17
|
-
className:
|
|
18
|
-
...
|
|
19
|
-
...
|
|
20
|
-
children:
|
|
13
|
+
ref: n,
|
|
14
|
+
...i,
|
|
15
|
+
href: r,
|
|
16
|
+
className: l,
|
|
17
|
+
...c && a === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
|
|
18
|
+
...o,
|
|
19
|
+
children: s
|
|
21
20
|
}
|
|
22
21
|
);
|
|
23
22
|
}
|
|
24
23
|
);
|
|
25
|
-
|
|
24
|
+
g.displayName = "Link";
|
|
26
25
|
export {
|
|
27
|
-
|
|
26
|
+
g as default
|
|
28
27
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
|
|
2
2
|
import { default as C } from "./pages/Page.js";
|
|
3
|
-
import { SSRMediaQuery as
|
|
3
|
+
import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
|
|
4
4
|
import { usePendingState as L } from "./utils/hooks.js";
|
|
5
5
|
import { AuctionStatus as A, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
|
|
6
|
-
import { default as
|
|
7
|
-
import { ButtonVariants as
|
|
6
|
+
import { default as F } from "./components/Button/Button.js";
|
|
7
|
+
import { ButtonVariants as k } from "./components/Button/types.js";
|
|
8
8
|
import { default as w } from "./components/IconButton/IconButton.js";
|
|
9
9
|
import { default as M } from "./components/Accordion/Accordion.js";
|
|
10
10
|
import { default as E } from "./components/Accordion/AccordionItem.js";
|
|
@@ -27,13 +27,13 @@ import { default as ie } from "./components/Detail/Detail.js";
|
|
|
27
27
|
import { DetailVariants as ne } from "./components/Detail/types.js";
|
|
28
28
|
import { default as ce } from "./components/Drawer/Drawer.js";
|
|
29
29
|
import { default as Ce } from "./components/Dropdown/Dropdown.js";
|
|
30
|
-
import { default as
|
|
30
|
+
import { default as Be } from "./components/ErrorBoundary/ErrorBoundary.js";
|
|
31
31
|
import { default as Ie } from "./components/Grid/Grid.js";
|
|
32
32
|
import { default as be } from "./components/GridItem/GridItem.js";
|
|
33
33
|
import { GridItemAlign as Ve } from "./components/GridItem/types.js";
|
|
34
34
|
import { default as De } from "./components/Input/Input.js";
|
|
35
|
-
import { default as
|
|
36
|
-
import { LinkVariants as
|
|
35
|
+
import { default as he } from "./components/Link/Link.js";
|
|
36
|
+
import { LinkVariants as ve } from "./components/Link/types.js";
|
|
37
37
|
import { default as He } from "./components/LinkBlock/LinkBlock.js";
|
|
38
38
|
import { default as Ne } from "./components/LinkList/LinkList.js";
|
|
39
39
|
import { default as Ge } from "./components/Modal/Modal.js";
|
|
@@ -53,13 +53,13 @@ import { default as pt } from "./components/Tabs/TabsContainer.js";
|
|
|
53
53
|
import { default as it } from "./components/Tabs/TabsContent.js";
|
|
54
54
|
import { Tag as nt, default as gt } from "./components/Tags/Tags.js";
|
|
55
55
|
import { TextAlignments as St, TextVariants as Ct } from "./components/Text/types.js";
|
|
56
|
-
import { default as
|
|
56
|
+
import { default as Bt } from "./components/Text/Text.js";
|
|
57
57
|
import { TextSymbolVariants as It } from "./components/TextSymbol/types.js";
|
|
58
58
|
import { default as bt } from "./components/TextSymbol/TextSymbol.js";
|
|
59
59
|
import { default as Vt } from "./components/Video/Video.js";
|
|
60
60
|
import { default as Dt } from "./patterns/DetailList/DetailList.js";
|
|
61
|
-
import { DetailListAlignment as
|
|
62
|
-
import { default as
|
|
61
|
+
import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
|
|
62
|
+
import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
|
|
63
63
|
import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
|
|
64
64
|
import { default as Nt } from "./patterns/TextBanner/TextBanner.js";
|
|
65
65
|
import { default as Gt } from "./patterns/LanguageSelector/LanguageSelector.js";
|
|
@@ -79,61 +79,62 @@ import { default as uo } from "./components/ExitGateCard/ExitGateCard.js";
|
|
|
79
79
|
import { default as xo } from "./components/Loader/Loader.js";
|
|
80
80
|
import { default as go } from "./components/PageContentWrapper/PageContentWrapper.js";
|
|
81
81
|
import { default as So } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import { default as wo } from "./
|
|
89
|
-
import { default as Mo } from "./
|
|
90
|
-
import { default as Eo } from "./site-furniture/
|
|
91
|
-
import { default as Ro } from "./
|
|
92
|
-
import { default as zo } from "./components/
|
|
93
|
-
import { default as Wo } from "./components/
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import { default as Jo } from "./components/
|
|
97
|
-
import { default as Xo } from "./components/
|
|
98
|
-
import { default as $o } from "./components/
|
|
99
|
-
import { default as tr } from "./components/
|
|
100
|
-
import { default as rr } from "./components/Filter/
|
|
101
|
-
import { default as fr } from "./components/Filter/
|
|
102
|
-
import { default as lr } from "./components/
|
|
103
|
-
import { default as mr } from "./components/
|
|
104
|
-
import { default as ur } from "./components/
|
|
105
|
-
import { default as xr } from "./components/
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import { default as
|
|
110
|
-
import { default as Lr } from "./patterns/BidSnapshot/
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import { default as
|
|
114
|
-
import { default as
|
|
115
|
-
import { default as Hr } from "./patterns/
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
82
|
+
import { FilterButton as To } from "./patterns/FiltersInline/FilterButton.js";
|
|
83
|
+
import { default as Po } from "./patterns/FiltersInline/FiltersInline.js";
|
|
84
|
+
import { FilterButtonIconType as Lo, FilterButtonType as bo } from "./patterns/FiltersInline/types.js";
|
|
85
|
+
import { default as Vo } from "./patterns/SaleCard/SaleCard.js";
|
|
86
|
+
import { SaleCardActions as Do } from "./patterns/SaleCard/SaleCardActions.js";
|
|
87
|
+
import { SaleCardImageDisplay as ho, SaleCardVariants as ko } from "./patterns/SaleCard/types.js";
|
|
88
|
+
import { default as wo } from "./patterns/ViewingDetails/ViewingDetails.js";
|
|
89
|
+
import { default as Mo } from "./components/ProgressIndicator/ProgressIndicator.js";
|
|
90
|
+
import { default as Eo } from "./site-furniture/Footer/Footer.js";
|
|
91
|
+
import { default as Ro } from "./site-furniture/Header/Header.js";
|
|
92
|
+
import { default as zo } from "./components/AddToCalendar/AddToCalendar.js";
|
|
93
|
+
import { default as Wo } from "./components/Article/Article.js";
|
|
94
|
+
import { default as jo } from "./components/Countdown/Countdown.js";
|
|
95
|
+
import { CountdownVariants as Zo } from "./components/Countdown/types.js";
|
|
96
|
+
import { default as Jo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
|
|
97
|
+
import { default as Xo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
|
|
98
|
+
import { default as $o } from "./components/Divider/Divider.js";
|
|
99
|
+
import { default as tr } from "./components/FavoritingTileButton/FavoritingTileButton.js";
|
|
100
|
+
import { default as rr } from "./components/Filter/Filter.js";
|
|
101
|
+
import { default as fr } from "./components/Filter/FilterInput.js";
|
|
102
|
+
import { default as lr } from "./components/Filter/FilterHeader.js";
|
|
103
|
+
import { default as mr } from "./components/NotificationBanner/NotificationBanner.js";
|
|
104
|
+
import { default as ur } from "./components/Pictogram/Pictogram.js";
|
|
105
|
+
import { default as xr } from "./components/TextArea/TextArea.js";
|
|
106
|
+
import { default as gr } from "./components/Toast/Toast.js";
|
|
107
|
+
import { ToastProvider as Sr } from "./components/Toast/ToastContextProvider.js";
|
|
108
|
+
import { useToast as Tr } from "./components/Toast/useToast.js";
|
|
109
|
+
import { default as Pr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
|
|
110
|
+
import { default as Lr } from "./patterns/BidSnapshot/BidSnapshot.js";
|
|
111
|
+
import { default as Ar } from "./patterns/BidSnapshot/BidMessage.js";
|
|
112
|
+
import { BidMessageVariants as yr, BidStatusEnum as Dr } from "./patterns/BidSnapshot/types.js";
|
|
113
|
+
import { default as hr } from "./patterns/FilterMenu/FilterMenu.js";
|
|
114
|
+
import { default as vr } from "./patterns/ObjectTile/ObjectTile.js";
|
|
115
|
+
import { default as Hr } from "./patterns/CountryPicker/CountryPicker.js";
|
|
116
|
+
import { default as Nr } from "./patterns/ProgressWizard/ProgressWizard.js";
|
|
117
|
+
import { ProgressWizardFooter as Gr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
|
|
118
|
+
import { useHistoryManagement as Ur } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
|
|
119
|
+
import { DefaultButtonLabels as Or, LoadingState as Wr } from "./patterns/ProgressWizard/types.js";
|
|
120
|
+
import { default as jr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
|
|
120
121
|
export {
|
|
121
122
|
M as Accordion,
|
|
122
123
|
E as AccordionItem,
|
|
123
124
|
R as AccordionItemVariant,
|
|
124
125
|
U as AccordionVariants,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
Pr as AccountPageHeader,
|
|
127
|
+
zo as AddToCalendar,
|
|
128
|
+
Wo as Article,
|
|
128
129
|
A as AuctionStatus,
|
|
129
130
|
Kt as AuthState,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
131
|
+
Ar as BidMessage,
|
|
132
|
+
yr as BidMessageVariants,
|
|
133
|
+
Lr as BidSnapshot,
|
|
134
|
+
Dr as BidStatusEnum,
|
|
134
135
|
O as Breadcrumb,
|
|
135
|
-
|
|
136
|
-
|
|
136
|
+
F as Button,
|
|
137
|
+
k as ButtonVariants,
|
|
137
138
|
Y as Carousel,
|
|
138
139
|
q as CarouselArrows,
|
|
139
140
|
K as CarouselContent,
|
|
@@ -146,71 +147,72 @@ export {
|
|
|
146
147
|
mo as ComposedModal,
|
|
147
148
|
de as ContentPeek,
|
|
148
149
|
pe as ContentPeekHeightUnits,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
150
|
+
jo as Countdown,
|
|
151
|
+
Zo as CountdownVariants,
|
|
152
|
+
Hr as CountryPicker,
|
|
153
|
+
Or as DefaultButtonLabels,
|
|
154
|
+
Jo as DescriptiveRadioButton,
|
|
155
|
+
Xo as DescriptiveRadioButtonGroup,
|
|
155
156
|
ie as Detail,
|
|
156
157
|
Dt as DetailList,
|
|
157
|
-
|
|
158
|
+
ht as DetailListAlignment,
|
|
158
159
|
ne as DetailVariants,
|
|
159
|
-
|
|
160
|
+
$o as Divider,
|
|
160
161
|
ce as Drawer,
|
|
161
162
|
Ce as Dropdown,
|
|
162
|
-
|
|
163
|
+
Be as ErrorBoundary,
|
|
163
164
|
uo as ExitGateCard,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
165
|
+
vt as FavoritesCollectionTile,
|
|
166
|
+
tr as FavoritingTileButton,
|
|
167
|
+
rr as Filter,
|
|
168
|
+
To as FilterButton,
|
|
169
|
+
Lo as FilterButtonIconType,
|
|
170
|
+
bo as FilterButtonType,
|
|
171
|
+
lr as FilterHeader,
|
|
172
|
+
fr as FilterInput,
|
|
173
|
+
hr as FilterMenu,
|
|
174
|
+
Po as FiltersInline,
|
|
175
|
+
Eo as Footer,
|
|
174
176
|
Ie as Grid,
|
|
175
177
|
be as GridItem,
|
|
176
178
|
Ve as GridItemAlign,
|
|
177
|
-
|
|
179
|
+
Ro as Header,
|
|
178
180
|
Ht as HeroBanner,
|
|
179
181
|
Q as Icon,
|
|
180
182
|
w as IconButton,
|
|
181
183
|
De as Input,
|
|
182
184
|
Gt as LanguageSelector,
|
|
183
|
-
|
|
185
|
+
he as Link,
|
|
184
186
|
He as LinkBlock,
|
|
185
187
|
Ne as LinkList,
|
|
186
|
-
|
|
188
|
+
ve as LinkVariants,
|
|
187
189
|
xo as Loader,
|
|
188
|
-
|
|
190
|
+
Wr as LoadingState,
|
|
189
191
|
V as LotStatus,
|
|
190
192
|
Ge as Modal,
|
|
191
193
|
Ue as Navigation,
|
|
192
194
|
Oe as NavigationItem,
|
|
193
195
|
Qe as NavigationItemTrigger,
|
|
194
196
|
Ye as NavigationList,
|
|
195
|
-
|
|
196
|
-
|
|
197
|
+
mr as NotificationBanner,
|
|
198
|
+
vr as ObjectTile,
|
|
197
199
|
a as PaddingTokens,
|
|
198
200
|
C as Page,
|
|
199
201
|
go as PageContentWrapper,
|
|
200
202
|
qe as Pagination,
|
|
201
|
-
|
|
203
|
+
jr as PhoneNumberInput,
|
|
202
204
|
So as PhoneNumberPicker,
|
|
203
|
-
|
|
205
|
+
ur as Pictogram,
|
|
204
206
|
Ke as PinchZoom,
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
207
|
+
Mo as ProgressIndicator,
|
|
208
|
+
Nr as ProgressWizard,
|
|
209
|
+
Gr as ProgressWizardFooter,
|
|
208
210
|
_e as Row,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
211
|
+
B as SSRMediaQuery,
|
|
212
|
+
Vo as SaleCard,
|
|
213
|
+
Do as SaleCardActions,
|
|
214
|
+
ho as SaleCardImageDisplay,
|
|
215
|
+
ko as SaleCardVariants,
|
|
214
216
|
Ut as SaleHeaderBanner,
|
|
215
217
|
Ot as SaleHeaderBrowseAuctions,
|
|
216
218
|
et as Search,
|
|
@@ -229,18 +231,18 @@ export {
|
|
|
229
231
|
it as TabsContent,
|
|
230
232
|
nt as Tag,
|
|
231
233
|
gt as TagsList,
|
|
232
|
-
|
|
234
|
+
Bt as Text,
|
|
233
235
|
St as TextAlignments,
|
|
234
|
-
|
|
236
|
+
xr as TextArea,
|
|
235
237
|
Nt as TextBanner,
|
|
236
238
|
It as TextSymbolVariants,
|
|
237
239
|
bt as TextSymbols,
|
|
238
240
|
Ct as TextVariants,
|
|
239
|
-
|
|
240
|
-
|
|
241
|
+
gr as Toast,
|
|
242
|
+
Sr as ToastProvider,
|
|
241
243
|
_t as UserManagement,
|
|
242
244
|
Vt as Video,
|
|
243
|
-
|
|
245
|
+
wo as ViewingDetails,
|
|
244
246
|
oo as ViewingsList,
|
|
245
247
|
s as defaultYear,
|
|
246
248
|
l as emailValidation,
|
|
@@ -252,9 +254,9 @@ export {
|
|
|
252
254
|
x as getCommonProps,
|
|
253
255
|
n as noOp,
|
|
254
256
|
g as px,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
+
P as ssrMediaQueryStyle,
|
|
258
|
+
Ur as useHistoryManagement,
|
|
257
259
|
c as useNormalizedInputProps,
|
|
258
260
|
L as usePendingState,
|
|
259
|
-
|
|
261
|
+
Tr as useToast
|
|
260
262
|
};
|
|
@@ -37,13 +37,20 @@
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
+
&--primary,
|
|
41
|
+
&--secondary,
|
|
42
|
+
&--ghost,
|
|
43
|
+
&--tertiary {
|
|
44
|
+
&.#{$px}-link {
|
|
45
|
+
text-decoration: none;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
40
49
|
&:not(.#{$px}-button--link) {
|
|
41
50
|
&.#{$px}-button--primary {
|
|
42
51
|
color: $white-100;
|
|
43
52
|
}
|
|
44
|
-
|
|
45
|
-
text-decoration: none;
|
|
46
|
-
}
|
|
53
|
+
|
|
47
54
|
.#{$px}-text {
|
|
48
55
|
color: inherit;
|
|
49
56
|
font-variation-settings: inherit;
|
|
@@ -12,6 +12,22 @@
|
|
|
12
12
|
@include underline($offset: 1px);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
&--linkLarge {
|
|
16
|
+
@include text($linkLarge);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&--linkMedium {
|
|
20
|
+
@include text($linkMedium);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&--linkSmall {
|
|
24
|
+
@include text($linkSmall);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&--linkStylised {
|
|
28
|
+
@include text($linkStylised);
|
|
29
|
+
}
|
|
30
|
+
|
|
15
31
|
&--email,
|
|
16
32
|
&--link {
|
|
17
33
|
&:hover,
|
|
@@ -11,30 +11,25 @@
|
|
|
11
11
|
width: 100%;
|
|
12
12
|
z-index: $notification-banner-z-index;
|
|
13
13
|
|
|
14
|
+
@include text($bodySmall);
|
|
15
|
+
|
|
14
16
|
& > *,
|
|
15
17
|
& .#{$px}-text {
|
|
16
18
|
text-align: center;
|
|
17
19
|
|
|
18
20
|
@include text($bodySmall);
|
|
21
|
+
}
|
|
19
22
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
text-decoration: underline;
|
|
23
|
-
|
|
24
|
-
&:hover,
|
|
25
|
-
&:focus-visible {
|
|
26
|
-
color: $dark-gray;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
23
|
+
.#{$px}-link {
|
|
24
|
+
@include text($linkSmall);
|
|
29
25
|
}
|
|
30
26
|
|
|
31
27
|
> .#{$px}-notification-banner-content {
|
|
32
28
|
color: $pure-black;
|
|
33
29
|
text-align: center;
|
|
34
30
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
text-decoration: underline;
|
|
31
|
+
.#{$px}-link {
|
|
32
|
+
@include text($linkSmall);
|
|
38
33
|
}
|
|
39
34
|
}
|
|
40
35
|
|