@phillips/seldon 1.201.0 → 1.203.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: {
@@ -0,0 +1,18 @@
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;
@@ -0,0 +1,39 @@
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
+ };
@@ -0,0 +1,13 @@
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
+ };
@@ -0,0 +1 @@
1
+ export { default as PhoneNumberPicker, type PhoneNumberPickerProps } from './PhoneNumberPicker';
package/dist/index.d.ts CHANGED
@@ -62,6 +62,7 @@ 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';
65
66
  export * from './components/PinchZoom';
66
67
  export * from './components/SeldonImage';
67
68
  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 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";
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";
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 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";
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";
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 me } from "./components/ContentPeek/utils.js";
25
+ import { HeightUnits as pe } 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 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";
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";
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 mt } from "./components/Tabs/TabsContent.js";
52
+ import { default as pt } 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 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";
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";
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,60 +74,61 @@ 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 po } from "./components/ExitGateCard/ExitGateCard.js";
77
+ import { default as mo } 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 "./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";
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";
84
85
  import { SaleCardVariants as Vo } from "./patterns/SaleCard/types.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";
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";
89
90
  import { default as Mo } from "./components/AddToCalendar/AddToCalendar.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";
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";
103
104
  import { default as pr } from "./components/Toast/Toast.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";
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";
114
115
  export {
115
- M as Accordion,
116
+ H as Accordion,
116
117
  E as AccordionItem,
117
118
  R as AccordionItemVariant,
118
119
  U as AccordionVariants,
119
- cr as AccountPageHeader,
120
+ gr as AccountPageHeader,
120
121
  Mo as AddToCalendar,
121
- Eo as Article,
122
- V as AuctionStatus,
122
+ Go as Article,
123
+ b as AuctionStatus,
123
124
  qt as AuthState,
124
- Tr as BidMessage,
125
- Pr as BidMessageVariants,
126
- Sr as BidSnapshot,
127
- Ir as BidStatusEnum,
125
+ Br as BidMessage,
126
+ Ir as BidMessageVariants,
127
+ Cr as BidSnapshot,
128
+ Ar as BidStatusEnum,
128
129
  Q as Breadcrumb,
129
- F as Button,
130
- k as ButtonVariants,
130
+ k as Button,
131
+ w as ButtonVariants,
131
132
  Y as Carousel,
132
133
  q as CarouselArrows,
133
134
  K as CarouselContent,
@@ -139,65 +140,65 @@ export {
139
140
  ao as ComboBox,
140
141
  so as ComposedModal,
141
142
  de as ContentPeek,
142
- me as ContentPeekHeightUnits,
143
- Ro as Countdown,
144
- Oo as CountdownVariants,
145
- vr as CountryPicker,
146
- jo as DescriptiveRadioButton,
147
- Wo as DescriptiveRadioButtonGroup,
143
+ pe as ContentPeekHeightUnits,
144
+ Uo as Countdown,
145
+ Qo as CountdownVariants,
146
+ kr as CountryPicker,
147
+ zo as DescriptiveRadioButton,
148
+ Yo as DescriptiveRadioButtonGroup,
148
149
  ie as Detail,
149
- bt as DetailList,
150
- vt as DetailListAlignment,
151
- Zo as Divider,
150
+ Vt as DetailList,
151
+ ht as DetailListAlignment,
152
+ qo as Divider,
152
153
  ne as Drawer,
153
154
  ge as Dropdown,
154
155
  Ce as ErrorBoundary,
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,
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,
167
167
  Be as Grid,
168
168
  Ie as GridItem,
169
169
  Le as GridItemAlign,
170
- Do as Header,
171
- wt as HeroBanner,
170
+ No as Header,
171
+ Dt as HeroBanner,
172
172
  z as Icon,
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,
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,
180
180
  uo as Loader,
181
- b as LotStatus,
182
- Ne as Modal,
181
+ V as LotStatus,
182
+ Me as Modal,
183
183
  Ge as Navigation,
184
184
  Ue as NavigationItem,
185
185
  Qe as NavigationItemTrigger,
186
186
  ze as NavigationList,
187
- rr as NotificationBanner,
188
- br as ObjectTile,
187
+ ar as NotificationBanner,
188
+ yr as ObjectTile,
189
189
  a as PaddingTokens,
190
190
  C as Page,
191
191
  xo as PageContentWrapper,
192
192
  Ye as Pagination,
193
- hr as PhoneNumberInput,
194
- fr as Pictogram,
193
+ wr as PhoneNumberInput,
194
+ co as PhoneNumberPicker,
195
+ sr as Pictogram,
195
196
  qe as PinchZoom,
196
- Fo as ProgressIndicator,
197
+ vo as ProgressIndicator,
197
198
  Ke as Row,
198
199
  B as SSRMediaQuery,
199
- Po as SaleCard,
200
- Ao as SaleCardActions,
200
+ Io as SaleCard,
201
+ Lo as SaleCardActions,
201
202
  Vo as SaleCardVariants,
202
203
  Gt as SaleHeaderBanner,
203
204
  Ut as SaleHeaderBrowseAuctions,
@@ -214,27 +215,27 @@ export {
214
215
  Yt as SubscriptionState,
215
216
  y as SupportedLanguages,
216
217
  dt as TabsContainer,
217
- mt as TabsContent,
218
+ pt as TabsContent,
218
219
  it as Tag,
219
220
  xt as TagsList,
220
221
  Ct as Text,
221
222
  ct as TextAlignments,
222
- lr as TextArea,
223
- Ht as TextBanner,
223
+ dr as TextArea,
224
+ Nt as TextBanner,
224
225
  Bt as TextSymbolVariants,
225
226
  It as TextSymbols,
226
227
  gt as TextVariants,
227
228
  pr as Toast,
228
- ur as ToastProvider,
229
+ ir as ToastProvider,
229
230
  Kt as UserManagement,
230
231
  Lt as Video,
231
- yo as ViewingDetails,
232
+ ho as ViewingDetails,
232
233
  eo as ViewingsList,
233
234
  s as defaultYear,
234
235
  l as emailValidation,
235
236
  d as encodeURLSearchParams,
236
- p as findChildrenExcludingTypes,
237
- m as findChildrenOfType,
237
+ m as findChildrenExcludingTypes,
238
+ p as findChildrenOfType,
238
239
  u as focusElementById,
239
240
  i as generatePaddingClassName,
240
241
  x as getCommonProps,
@@ -243,5 +244,5 @@ export {
243
244
  P as ssrMediaQueryStyle,
244
245
  g as useNormalizedInputProps,
245
246
  A as usePendingState,
246
- xr as useToast
247
+ nr as useToast
247
248
  };
@@ -0,0 +1,7 @@
1
+ import e from "./metadata.js";
2
+ function n(t) {
3
+ return new e(t).getCountries();
4
+ }
5
+ export {
6
+ n as default
7
+ };
@@ -0,0 +1,8 @@
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
+ };
@@ -3,7 +3,7 @@ import { FilterButtonIconType } from './types';
3
3
  /**
4
4
  * Props for the FilterButton component.
5
5
  */
6
- export type FilterButtonProps = {
6
+ export type FilterButton = {
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 FilterButtonProps = {
25
25
  /** Total number of filters for this button */
26
26
  totalCount: number;
27
27
  };
28
- export declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
28
+ export declare const FilterButton: React.ForwardRefExoticComponent<FilterButton & React.RefAttributes<HTMLButtonElement>>;
@@ -1,3 +1,3 @@
1
- export { type FilterButtonProps } from './FilterButton';
1
+ export { type FilterButton } from './FilterButton';
2
2
  export { default as FiltersInline, type FiltersInlineProps } from './FiltersInline';
3
3
  export * from './types';
@@ -20,10 +20,6 @@ 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
- }
27
23
  /**
28
24
  * Represents a single filter option (e.g., for a dropdown or button group).
29
25
  */
@@ -62,7 +58,7 @@ export type FilterType = {
62
58
  /** Unique identifier for the filter group */
63
59
  id: string;
64
60
  /** Type of filter (e.g., 'checkbox', 'radio') */
65
- type: FilterInputType;
61
+ type: 'checkbox' | 'radio';
66
62
  /** Set of filter dimensions/options for this filter group */
67
63
  filterDimensions: Set<FilterDimension>;
68
64
  /** FilterType for the filter */
@@ -1,6 +1,5 @@
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 || {});
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 || {});
2
2
  export {
3
- o as FilterButtonIconType,
4
- a as FilterButtonType,
5
- h as FilterInputType
3
+ h as FilterButtonIconType,
4
+ a as FilterButtonType
6
5
  };
@@ -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: $black-100;
29
- border: 1px solid $black-100;
28
+ accent-color: $soft-black;
29
+ border: 1px solid $keyline-gray;
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.201.0",
3
+ "version": "1.203.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"