@phillips/seldon 1.200.0 → 1.202.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.
@@ -16,7 +16,9 @@ declare const meta: {
16
16
  };
17
17
  };
18
18
  export default meta;
19
+ export declare const ButtonDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
19
20
  export declare const ButtonWithIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
21
+ export declare const ButtonWithIconDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
20
22
  export declare const ButtonAsLink: {
21
23
  (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
22
24
  args: {
package/dist/index.d.ts CHANGED
@@ -62,7 +62,6 @@ export * from './components/Detail';
62
62
  export * from './components/ExitGateCard';
63
63
  export * from './components/Loader';
64
64
  export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
65
- export * from './components/PhoneNumberPicker';
66
65
  export * from './components/PinchZoom';
67
66
  export * from './components/SeldonImage';
68
67
  export * from './components/Tabs';
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
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 c, useNormalizedInputProps as g } from "./utils/index.js";
1
+ import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as p, findChildrenOfType as m, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as c, useNormalizedInputProps as g } from "./utils/index.js";
2
2
  import { default as C } from "./pages/Page.js";
3
3
  import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
4
4
  import { usePendingState as A } from "./utils/hooks.js";
5
- import { AuctionStatus as b, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
6
- import { default as k } from "./components/Button/Button.js";
7
- import { ButtonVariants as w } from "./components/Button/types.js";
8
- import { default as F } from "./components/IconButton/IconButton.js";
9
- import { default as H } from "./components/Accordion/Accordion.js";
5
+ import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
6
+ import { default as F } from "./components/Button/Button.js";
7
+ import { ButtonVariants as k } from "./components/Button/types.js";
8
+ import { default as D } from "./components/IconButton/IconButton.js";
9
+ import { default as M } from "./components/Accordion/Accordion.js";
10
10
  import { default as E } from "./components/Accordion/AccordionItem.js";
11
11
  import { AccordionItemVariant as R, AccordionVariants as U } from "./components/Accordion/types.js";
12
12
  import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
@@ -22,7 +22,7 @@ import { default as oe } from "./components/Collapsible/Collapsible.js";
22
22
  import { default as ae } from "./components/Collapsible/CollapsibleContent.js";
23
23
  import { default as se } from "./components/Collapsible/CollapsibleTrigger.js";
24
24
  import { default as de } from "./components/ContentPeek/ContentPeek.js";
25
- import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
25
+ import { HeightUnits as me } from "./components/ContentPeek/utils.js";
26
26
  import { default as ie } from "./components/Detail/Detail.js";
27
27
  import { default as ne } from "./components/Drawer/Drawer.js";
28
28
  import { default as ge } from "./components/Dropdown/Dropdown.js";
@@ -30,12 +30,12 @@ import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
30
30
  import { default as Be } from "./components/Grid/Grid.js";
31
31
  import { default as Ie } from "./components/GridItem/GridItem.js";
32
32
  import { GridItemAlign as Le } from "./components/GridItem/types.js";
33
- import { default as Ve } from "./components/Input/Input.js";
34
- import { default as he } from "./components/Link/Link.js";
35
- import { LinkVariants as ve } from "./components/Link/types.js";
36
- import { default as De } from "./components/LinkBlock/LinkBlock.js";
37
- import { default as Ne } from "./components/LinkList/LinkList.js";
38
- import { default as Me } from "./components/Modal/Modal.js";
33
+ import { default as be } from "./components/Input/Input.js";
34
+ import { default as ve } from "./components/Link/Link.js";
35
+ import { LinkVariants as he } from "./components/Link/types.js";
36
+ import { default as we } from "./components/LinkBlock/LinkBlock.js";
37
+ import { default as He } from "./components/LinkList/LinkList.js";
38
+ import { default as Ne } from "./components/Modal/Modal.js";
39
39
  import { default as Ge } from "./components/Navigation/Navigation.js";
40
40
  import { default as Ue } from "./components/Navigation/NavigationItem/NavigationItem.js";
41
41
  import { default as Qe } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
@@ -49,19 +49,19 @@ import { default as ot } from "./components/Select/Select.js";
49
49
  import { SelectVariants as at } from "./components/Select/types.js";
50
50
  import { default as st } from "./components/SplitPanel/SplitPanel.js";
51
51
  import { default as dt } from "./components/Tabs/TabsContainer.js";
52
- import { default as pt } from "./components/Tabs/TabsContent.js";
52
+ import { default as mt } from "./components/Tabs/TabsContent.js";
53
53
  import { Tag as it, default as xt } from "./components/Tags/Tags.js";
54
54
  import { TextAlignments as ct, TextVariants as gt } from "./components/Text/types.js";
55
55
  import { default as Ct } from "./components/Text/Text.js";
56
56
  import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
57
57
  import { default as It } from "./components/TextSymbol/TextSymbol.js";
58
58
  import { default as Lt } from "./components/Video/Video.js";
59
- import { default as Vt } from "./patterns/DetailList/DetailList.js";
60
- import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
61
- import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
62
- import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
63
- import { default as Nt } from "./patterns/TextBanner/TextBanner.js";
64
- import { default as Mt } from "./patterns/LanguageSelector/LanguageSelector.js";
59
+ import { default as bt } from "./patterns/DetailList/DetailList.js";
60
+ import { DetailListAlignment as vt } from "./patterns/DetailList/types.js";
61
+ import { default as ht } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
62
+ import { default as wt } from "./patterns/HeroBanner/HeroBanner.js";
63
+ import { default as Ht } from "./patterns/TextBanner/TextBanner.js";
64
+ import { default as Nt } from "./patterns/LanguageSelector/LanguageSelector.js";
65
65
  import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
66
66
  import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
67
67
  import { default as Qt } from "./patterns/Social/Social.js";
@@ -74,61 +74,60 @@ import { default as eo } from "./patterns/ViewingsList/ViewingsList.js";
74
74
  import { SeldonProvider as oo } from "./providers/SeldonProvider/SeldonProvider.js";
75
75
  import { default as ao } from "./components/ComboBox/ComboBox.js";
76
76
  import { default as so } from "./components/ComposedModal/ComposedModal.js";
77
- import { default as mo } from "./components/ExitGateCard/ExitGateCard.js";
77
+ import { default as po } from "./components/ExitGateCard/ExitGateCard.js";
78
78
  import { default as uo } from "./components/Loader/Loader.js";
79
79
  import { default as xo } from "./components/PageContentWrapper/PageContentWrapper.js";
80
- import { default as co } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
81
- import { default as So } from "./patterns/FiltersInline/FiltersInline.js";
82
- import { FilterButtonIconType as To, FilterButtonType as Bo } from "./patterns/FiltersInline/types.js";
83
- import { default as Io } from "./patterns/SaleCard/SaleCard.js";
84
- import { SaleCardActions as Lo } from "./patterns/SaleCard/SaleCardActions.js";
80
+ import { default as co } from "./patterns/FiltersInline/FiltersInline.js";
81
+ import { FilterButtonIconType as So, FilterButtonType as Co, FilterInputType as To } from "./patterns/FiltersInline/types.js";
82
+ import { default as Po } from "./patterns/SaleCard/SaleCard.js";
83
+ import { SaleCardActions as Ao } from "./patterns/SaleCard/SaleCardActions.js";
85
84
  import { SaleCardVariants as Vo } from "./patterns/SaleCard/types.js";
86
- import { default as ho } from "./patterns/ViewingDetails/ViewingDetails.js";
87
- import { default as vo } from "./components/ProgressIndicator/ProgressIndicator.js";
88
- import { default as Do } from "./site-furniture/Footer/Footer.js";
89
- import { default as No } from "./site-furniture/Header/Header.js";
85
+ import { default as yo } from "./patterns/ViewingDetails/ViewingDetails.js";
86
+ import { default as Fo } from "./components/ProgressIndicator/ProgressIndicator.js";
87
+ import { default as ko } from "./site-furniture/Footer/Footer.js";
88
+ import { default as Do } from "./site-furniture/Header/Header.js";
90
89
  import { default as Mo } from "./components/AddToCalendar/AddToCalendar.js";
91
- import { default as Go } from "./components/Article/Article.js";
92
- import { default as Uo } from "./components/Countdown/Countdown.js";
93
- import { CountdownVariants as Qo } from "./components/Countdown/types.js";
94
- import { default as zo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
95
- import { default as Yo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
96
- import { default as qo } from "./components/Divider/Divider.js";
97
- import { default as Ko } from "./components/FavoritingTileButton/FavoritingTileButton.js";
98
- import { default as _o } from "./components/Filter/Filter.js";
99
- import { default as er } from "./components/Filter/FilterInput.js";
100
- import { default as or } from "./components/Filter/FilterHeader.js";
101
- import { default as ar } from "./components/NotificationBanner/NotificationBanner.js";
102
- import { default as sr } from "./components/Pictogram/Pictogram.js";
103
- import { default as dr } from "./components/TextArea/TextArea.js";
90
+ import { default as Eo } from "./components/Article/Article.js";
91
+ import { default as Ro } from "./components/Countdown/Countdown.js";
92
+ import { CountdownVariants as Oo } from "./components/Countdown/types.js";
93
+ import { default as jo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
94
+ import { default as Wo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
95
+ import { default as Zo } from "./components/Divider/Divider.js";
96
+ import { default as Jo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
97
+ import { default as Xo } from "./components/Filter/Filter.js";
98
+ import { default as $o } from "./components/Filter/FilterInput.js";
99
+ import { default as tr } from "./components/Filter/FilterHeader.js";
100
+ import { default as rr } from "./components/NotificationBanner/NotificationBanner.js";
101
+ import { default as fr } from "./components/Pictogram/Pictogram.js";
102
+ import { default as lr } from "./components/TextArea/TextArea.js";
104
103
  import { default as pr } from "./components/Toast/Toast.js";
105
- import { ToastProvider as ir } from "./components/Toast/ToastContextProvider.js";
106
- import { useToast as nr } from "./components/Toast/useToast.js";
107
- import { default as gr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
108
- import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
109
- import { default as Br } from "./patterns/BidSnapshot/BidMessage.js";
110
- import { BidMessageVariants as Ir, BidStatusEnum as Ar } from "./patterns/BidSnapshot/types.js";
111
- import { default as br } from "./patterns/FilterMenu/FilterMenu.js";
112
- import { default as yr } from "./patterns/ObjectTile/ObjectTile.js";
113
- import { default as kr } from "./patterns/CountryPicker/CountryPicker.js";
114
- import { default as wr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
104
+ import { ToastProvider as ur } from "./components/Toast/ToastContextProvider.js";
105
+ import { useToast as xr } from "./components/Toast/useToast.js";
106
+ import { default as cr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
107
+ import { default as Sr } from "./patterns/BidSnapshot/BidSnapshot.js";
108
+ import { default as Tr } from "./patterns/BidSnapshot/BidMessage.js";
109
+ import { BidMessageVariants as Pr, BidStatusEnum as Ir } from "./patterns/BidSnapshot/types.js";
110
+ import { default as Lr } from "./patterns/FilterMenu/FilterMenu.js";
111
+ import { default as br } from "./patterns/ObjectTile/ObjectTile.js";
112
+ import { default as vr } from "./patterns/CountryPicker/CountryPicker.js";
113
+ import { default as hr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
115
114
  export {
116
- H as Accordion,
115
+ M as Accordion,
117
116
  E as AccordionItem,
118
117
  R as AccordionItemVariant,
119
118
  U as AccordionVariants,
120
- gr as AccountPageHeader,
119
+ cr as AccountPageHeader,
121
120
  Mo as AddToCalendar,
122
- Go as Article,
123
- b as AuctionStatus,
121
+ Eo as Article,
122
+ V as AuctionStatus,
124
123
  qt as AuthState,
125
- Br as BidMessage,
126
- Ir as BidMessageVariants,
127
- Cr as BidSnapshot,
128
- Ar as BidStatusEnum,
124
+ Tr as BidMessage,
125
+ Pr as BidMessageVariants,
126
+ Sr as BidSnapshot,
127
+ Ir as BidStatusEnum,
129
128
  Q as Breadcrumb,
130
- k as Button,
131
- w as ButtonVariants,
129
+ F as Button,
130
+ k as ButtonVariants,
132
131
  Y as Carousel,
133
132
  q as CarouselArrows,
134
133
  K as CarouselContent,
@@ -140,65 +139,65 @@ export {
140
139
  ao as ComboBox,
141
140
  so as ComposedModal,
142
141
  de as ContentPeek,
143
- pe as ContentPeekHeightUnits,
144
- Uo as Countdown,
145
- Qo as CountdownVariants,
146
- kr as CountryPicker,
147
- zo as DescriptiveRadioButton,
148
- Yo as DescriptiveRadioButtonGroup,
142
+ me as ContentPeekHeightUnits,
143
+ Ro as Countdown,
144
+ Oo as CountdownVariants,
145
+ vr as CountryPicker,
146
+ jo as DescriptiveRadioButton,
147
+ Wo as DescriptiveRadioButtonGroup,
149
148
  ie as Detail,
150
- Vt as DetailList,
151
- ht as DetailListAlignment,
152
- qo as Divider,
149
+ bt as DetailList,
150
+ vt as DetailListAlignment,
151
+ Zo as Divider,
153
152
  ne as Drawer,
154
153
  ge as Dropdown,
155
154
  Ce as ErrorBoundary,
156
- mo as ExitGateCard,
157
- vt as FavoritesCollectionTile,
158
- Ko as FavoritingTileButton,
159
- _o as Filter,
160
- To as FilterButtonIconType,
161
- Bo as FilterButtonType,
162
- or as FilterHeader,
163
- er as FilterInput,
164
- br as FilterMenu,
165
- So as FiltersInline,
166
- Do as Footer,
155
+ po as ExitGateCard,
156
+ ht as FavoritesCollectionTile,
157
+ Jo as FavoritingTileButton,
158
+ Xo as Filter,
159
+ So as FilterButtonIconType,
160
+ Co as FilterButtonType,
161
+ tr as FilterHeader,
162
+ $o as FilterInput,
163
+ To as FilterInputType,
164
+ Lr as FilterMenu,
165
+ co as FiltersInline,
166
+ ko as Footer,
167
167
  Be as Grid,
168
168
  Ie as GridItem,
169
169
  Le as GridItemAlign,
170
- No as Header,
171
- Dt as HeroBanner,
170
+ Do as Header,
171
+ wt as HeroBanner,
172
172
  z as Icon,
173
- F as IconButton,
174
- Ve as Input,
175
- Mt as LanguageSelector,
176
- he as Link,
177
- De as LinkBlock,
178
- Ne as LinkList,
179
- ve as LinkVariants,
173
+ D as IconButton,
174
+ be as Input,
175
+ Nt as LanguageSelector,
176
+ ve as Link,
177
+ we as LinkBlock,
178
+ He as LinkList,
179
+ he as LinkVariants,
180
180
  uo as Loader,
181
- V as LotStatus,
182
- Me as Modal,
181
+ b as LotStatus,
182
+ Ne as Modal,
183
183
  Ge as Navigation,
184
184
  Ue as NavigationItem,
185
185
  Qe as NavigationItemTrigger,
186
186
  ze as NavigationList,
187
- ar as NotificationBanner,
188
- yr as ObjectTile,
187
+ rr as NotificationBanner,
188
+ br as ObjectTile,
189
189
  a as PaddingTokens,
190
190
  C as Page,
191
191
  xo as PageContentWrapper,
192
192
  Ye as Pagination,
193
- wr as PhoneNumberInput,
194
- co as PhoneNumberPicker,
195
- sr as Pictogram,
193
+ hr as PhoneNumberInput,
194
+ fr as Pictogram,
196
195
  qe as PinchZoom,
197
- vo as ProgressIndicator,
196
+ Fo as ProgressIndicator,
198
197
  Ke as Row,
199
198
  B as SSRMediaQuery,
200
- Io as SaleCard,
201
- Lo as SaleCardActions,
199
+ Po as SaleCard,
200
+ Ao as SaleCardActions,
202
201
  Vo as SaleCardVariants,
203
202
  Gt as SaleHeaderBanner,
204
203
  Ut as SaleHeaderBrowseAuctions,
@@ -215,27 +214,27 @@ export {
215
214
  Yt as SubscriptionState,
216
215
  y as SupportedLanguages,
217
216
  dt as TabsContainer,
218
- pt as TabsContent,
217
+ mt as TabsContent,
219
218
  it as Tag,
220
219
  xt as TagsList,
221
220
  Ct as Text,
222
221
  ct as TextAlignments,
223
- dr as TextArea,
224
- Nt as TextBanner,
222
+ lr as TextArea,
223
+ Ht as TextBanner,
225
224
  Bt as TextSymbolVariants,
226
225
  It as TextSymbols,
227
226
  gt as TextVariants,
228
227
  pr as Toast,
229
- ir as ToastProvider,
228
+ ur as ToastProvider,
230
229
  Kt as UserManagement,
231
230
  Lt as Video,
232
- ho as ViewingDetails,
231
+ yo as ViewingDetails,
233
232
  eo as ViewingsList,
234
233
  s as defaultYear,
235
234
  l as emailValidation,
236
235
  d as encodeURLSearchParams,
237
- m as findChildrenExcludingTypes,
238
- p as findChildrenOfType,
236
+ p as findChildrenExcludingTypes,
237
+ m as findChildrenOfType,
239
238
  u as focusElementById,
240
239
  i as generatePaddingClassName,
241
240
  x as getCommonProps,
@@ -244,5 +243,5 @@ export {
244
243
  P as ssrMediaQueryStyle,
245
244
  g as useNormalizedInputProps,
246
245
  A as usePendingState,
247
- nr as useToast
246
+ xr as useToast
248
247
  };
@@ -3,7 +3,7 @@ import { FilterButtonIconType } from './types';
3
3
  /**
4
4
  * Props for the FilterButton component.
5
5
  */
6
- export type FilterButton = {
6
+ export type FilterButtonProps = {
7
7
  /** Optional CSS class for the filter button */
8
8
  className?: string;
9
9
  /** The text label displayed on the button */
@@ -25,4 +25,4 @@ export type FilterButton = {
25
25
  /** Total number of filters for this button */
26
26
  totalCount: number;
27
27
  };
28
- export declare const FilterButton: React.ForwardRefExoticComponent<FilterButton & React.RefAttributes<HTMLButtonElement>>;
28
+ export declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,3 +1,3 @@
1
- export { type FilterButton } from './FilterButton';
1
+ export { type FilterButtonProps } from './FilterButton';
2
2
  export { default as FiltersInline, type FiltersInlineProps } from './FiltersInline';
3
3
  export * from './types';
@@ -20,6 +20,10 @@ export declare enum FilterButtonIconType {
20
20
  ChevronUp = "ChevronUp",// Chevron up icon
21
21
  ChevronDown = "ChevronDown"
22
22
  }
23
+ export declare enum FilterInputType {
24
+ Checkbox = "checkbox",
25
+ Radio = "radio"
26
+ }
23
27
  /**
24
28
  * Represents a single filter option (e.g., for a dropdown or button group).
25
29
  */
@@ -58,7 +62,7 @@ export type FilterType = {
58
62
  /** Unique identifier for the filter group */
59
63
  id: string;
60
64
  /** Type of filter (e.g., 'checkbox', 'radio') */
61
- type: 'checkbox' | 'radio';
65
+ type: FilterInputType;
62
66
  /** Set of filter dimensions/options for this filter group */
63
67
  filterDimensions: Set<FilterDimension>;
64
68
  /** FilterType for the filter */
@@ -1,5 +1,6 @@
1
- var a = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.Sale = "Sale", r.Departments = "Departments", r.Location = "Location", r.Month = "Month", r.Empty = "", r))(a || {}), h = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.ChevronUp = "ChevronUp", r.ChevronDown = "ChevronDown", r))(h || {});
1
+ var a = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.Sale = "Sale", r.Departments = "Departments", r.Location = "Location", r.Month = "Month", r.Empty = "", r))(a || {}), o = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.ChevronUp = "ChevronUp", r.ChevronDown = "ChevronDown", r))(o || {}), h = /* @__PURE__ */ ((r) => (r.Checkbox = "checkbox", r.Radio = "radio", r))(h || {});
2
2
  export {
3
- h as FilterButtonIconType,
4
- a as FilterButtonType
3
+ o as FilterButtonIconType,
4
+ a as FilterButtonType,
5
+ h as FilterInputType
5
6
  };
@@ -104,6 +104,10 @@
104
104
  &:hover {
105
105
  background-color: transparent;
106
106
  box-shadow: 0 0 0 1px rgba($pure-black, 1);
107
+
108
+ &:disabled {
109
+ box-shadow: none;
110
+ }
107
111
  }
108
112
  }
109
113
 
@@ -170,9 +174,9 @@
170
174
  }
171
175
 
172
176
  &:disabled {
173
- background-color: $white-100;
174
- border: 1px solid $light-gray;
175
- color: $light-gray;
177
+ background-color: $grey-50;
178
+ border: 1px solid $grey-50;
179
+ color: $grey-75;
176
180
  cursor: default;
177
181
 
178
182
  &:hover {
@@ -182,10 +186,10 @@
182
186
  }
183
187
 
184
188
  svg {
185
- fill: $light-gray;
189
+ fill: $grey-75;
186
190
 
187
191
  path {
188
- fill: $light-gray;
192
+ fill: $grey-75;
189
193
  }
190
194
  }
191
195
  }
@@ -25,8 +25,8 @@
25
25
  &__input {
26
26
  @include text($string2);
27
27
 
28
- accent-color: $soft-black;
29
- border: 1px solid $keyline-gray;
28
+ accent-color: $black-100;
29
+ border: 1px solid $black-100;
30
30
  border-radius: 0.1875rem;
31
31
  font-variation-settings: 'wght' 600;
32
32
  outline: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.200.0",
3
+ "version": "1.202.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -1,18 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ComboBoxProps } from '../ComboBox/ComboBox';
3
- /**
4
- * PhoneNumberPickerProps extends ComboBoxProps, allowing for all ComboBox options
5
- * while adding any phone-specific props
6
- */
7
- export type PhoneNumberPickerProps = Omit<ComboBoxProps, 'options'>;
8
- /**
9
- * ## Overview
10
- *
11
- * A component for entering and selecting phone number country codes
12
- *
13
- * [Figma Link](https://www.figma.com/design/rIefa3bRPyZbZmtyV9PSQv/My-Account?node-id=1-3&p=f&m=dev)
14
- *
15
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-PhoneNumberPicker--overview)
16
- */
17
- declare const PhoneNumberPicker: React.ForwardRefExoticComponent<PhoneNumberPickerProps & React.RefAttributes<HTMLDivElement>>;
18
- export default PhoneNumberPicker;
@@ -1,39 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import b from "../../node_modules/classnames/index.js";
3
- import N, { useRef as P, useEffect as g, useMemo as h } from "react";
4
- import { getCommonProps as x } from "../../utils/index.js";
5
- import $ from "../ComboBox/ComboBox.js";
6
- import { getCountries as _ } from "../../node_modules/libphonenumber-js/min/exports/getCountries.js";
7
- import { getCountryCallingCode as k } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
8
- const v = N.forwardRef((i, l) => {
9
- const { className: f, id: t, value: o, onChange: a, ...u } = i, { className: n, ...p } = x({ id: t }, "PhoneNumberPicker"), m = P(o);
10
- g(() => {
11
- o && (m.current = o);
12
- }, [o]);
13
- const d = h(() => {
14
- const r = _(), s = (e) => k(e);
15
- return r.map((e) => ({
16
- label: `(${e}) +${s(e)}`,
17
- value: e,
18
- displayValue: `+${s(e)}`
19
- }));
20
- }, []), C = (r, s) => {
21
- r ? s && (m.current = r) : m.current = "", a && a(r, s);
22
- };
23
- return /* @__PURE__ */ c("div", { className: b(n, f), id: t, ...p, children: /* @__PURE__ */ c(
24
- $,
25
- {
26
- ref: l,
27
- className: `${n}__combobox`,
28
- id: `${t}-combobox`,
29
- options: d,
30
- value: o,
31
- onChange: C,
32
- ...u
33
- }
34
- ) });
35
- });
36
- v.displayName = "PhoneNumberPicker";
37
- export {
38
- v as default
39
- };
@@ -1,13 +0,0 @@
1
- import { PhoneNumberPickerProps } from './PhoneNumberPicker';
2
- declare const meta: {
3
- title: string;
4
- component: import('react').ForwardRefExoticComponent<PhoneNumberPickerProps & import('react').RefAttributes<HTMLDivElement>>;
5
- };
6
- export default meta;
7
- export declare const Playground: {
8
- ({ ...props }: PhoneNumberPickerProps): import("react/jsx-runtime").JSX.Element;
9
- args: {
10
- labelText: string;
11
- id: string;
12
- };
13
- };
@@ -1 +0,0 @@
1
- export { default as PhoneNumberPicker, type PhoneNumberPickerProps } from './PhoneNumberPicker';
@@ -1,7 +0,0 @@
1
- import e from "./metadata.js";
2
- function n(t) {
3
- return new e(t).getCountries();
4
- }
5
- export {
6
- n as default
7
- };
@@ -1,8 +0,0 @@
1
- import t from "./withMetadataArgument.js";
2
- import r from "../../es6/getCountries.js";
3
- function n() {
4
- return t(r, arguments);
5
- }
6
- export {
7
- n as getCountries
8
- };