@trafilea/afrodita-components 5.0.0-beta.99 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/build/index.css +2 -1
  2. package/build/index.d.ts +2388 -1406
  3. package/build/index.esm.css +2 -1
  4. package/build/index.esm.js +13234 -11824
  5. package/build/index.esm.js.map +1 -1
  6. package/build/index.js +13269 -11832
  7. package/build/index.js.map +1 -1
  8. package/build/theme/revel.theme.d.ts +337 -1
  9. package/build/theme/revel.theme.js +402 -56
  10. package/build/theme/shapermint.theme.d.ts +337 -1
  11. package/build/theme/shapermint.theme.js +326 -3
  12. package/build/theme/thespadr.theme.d.ts +758 -0
  13. package/build/theme/thespadr.theme.js +1059 -0
  14. package/build/theme/truekind.theme.d.ts +337 -1
  15. package/build/theme/truekind.theme.js +347 -15
  16. package/package.json +5 -4
package/build/index.d.ts CHANGED
@@ -1,629 +1,660 @@
1
1
  /// <reference types="react" />
2
- import { IconProps as IconProps$1 } from 'src/types/types';
3
- import React, { FC, ReactNode, ElementType, CSSProperties, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
2
+ import * as React$1 from 'react';
3
+ import React__default, { FC, SVGProps, ReactNode, CSSProperties, ElementType, ReactFragment, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
4
+ import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
5
+ import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
6
+ import { TextProps as TextProps$1 } from 'src/components/text/Text';
4
7
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
5
8
  import * as _emotion_styled from '@emotion/styled';
6
9
  import { StyledComponent } from '@emotion/styled';
7
10
  export { default as styled } from '@emotion/styled';
8
- import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
9
11
  import * as _emotion_react from '@emotion/react';
12
+ import { Theme as Theme$1 } from '@emotion/react';
13
+ export { Global, css } from '@emotion/react';
14
+ import { IconProps as IconProps$1 } from 'src/types/types';
15
+ import facepaint from 'facepaint';
10
16
 
11
- declare enum CardSectionType {
12
- Header = 0,
13
- Footer = 1
14
- }
15
- declare enum ComponentSize {
16
- Large = "large",
17
- Medium = "medium",
18
- Small = "small",
19
- XSmall = "xsmall"
20
- }
21
- declare enum ComponentPosition {
22
- Top = 0,
23
- Bottom = 1,
24
- Left = 2,
25
- Right = 3
17
+ interface HurryUpProps {
18
+ hurryUpText: string;
19
+ backgroundColor?: string;
20
+ showTimer?: boolean;
21
+ iconSize?: number;
22
+ textPosition?: 'left' | 'right' | 'center';
26
23
  }
27
- declare enum InputValidationType {
28
- Error = 0,
29
- Valid = 1,
30
- Empty = 2
31
- }
24
+ declare const HurryUp: ({ hurryUpText, backgroundColor, iconSize, textPosition, showTimer, }: HurryUpProps) => JSX.Element;
32
25
 
33
- interface IconProps {
34
- width?: number;
35
- height?: number;
36
- fill?: string;
37
- title?: string;
38
- testId?: string;
39
- }
40
- declare type ButtonType = 'button' | 'submit' | 'reset';
41
- interface CTAProps {
42
- onClick: () => void;
43
- disabled?: boolean;
44
- wide?: boolean | false;
45
- size?: ComponentSize;
46
- text: string;
47
- type?: ButtonType;
48
- className?: string;
49
- testId?: string;
50
- inline?: boolean;
51
- }
52
- declare type DropdownOption<T> = {
53
- key: string;
54
- label: string;
55
- value: T;
56
- disabled: boolean;
57
- };
58
- declare type SizeOption = {
59
- label: string;
60
- description: string;
61
- disabled?: boolean;
62
- };
63
- declare type Pattern = {
64
- url: string;
65
- };
66
- declare type ColorPickerOption = {
26
+ interface PackOption$1 {
67
27
  label: string;
68
28
  description: string;
69
29
  meta: {
70
- color?: string[];
71
- pattern?: Pattern;
30
+ discountPercentage: number;
31
+ originalPrice: number;
32
+ price: number;
33
+ quantity: number;
34
+ icon: string;
35
+ tag?: string;
72
36
  };
73
- };
74
- declare type RadioGroupOption = {
75
- value: string;
76
- label: string;
77
- };
78
- declare type ImageType = {
79
- key: string;
80
- imageUrl: string;
81
- alt: string;
82
- };
83
- interface IconWithOpacityProps extends IconProps {
84
- opacity?: number;
85
- }
86
- interface WithTestId {
87
- testId?: string;
88
37
  }
89
- declare type DropdownListIconsItem = {
90
- Icon: IconType;
91
- items: DropdownListIconsSubItem[];
92
- };
93
- declare type DropdownListIconsSubItem = {
94
- description: string;
95
- callback: () => void;
96
- };
97
- declare type Filter = {
98
- title: string;
99
- columns: number;
100
- isOpenByDefault?: boolean;
101
- isLinkOption?: boolean;
102
- link?: string;
103
- color?: string;
104
- isMultiselect: boolean;
105
- items: Array<{
106
- label: string;
107
- checked?: boolean;
108
- isLinkItem?: boolean;
109
- link?: string;
110
- blockUncheck?: boolean;
111
- }>;
112
- };
113
- declare type FilterChange = {
114
- sectionIndex: number;
115
- itemIndex: number;
116
- checked?: boolean;
117
- };
118
- interface SearchBarOptionItem {
119
- src: string;
120
- price: string;
121
- title: string;
122
- optionUrl: string;
38
+ interface PackSelectorProps$1 {
39
+ packs: PackOption$1[];
40
+ selectedValue: PackOption$1;
41
+ onChange: (size: PackOption$1) => void;
42
+ currencyCode?: string;
123
43
  }
124
- interface imageVideoProps {
125
- imageLink: string;
126
- isVideo?: {
127
- videoTitle?: string;
128
- videoSubtitle?: string;
129
- textColor?: string;
130
- videoLink?: string;
131
- };
132
- isMobile?: boolean;
133
- }
44
+ declare const PackSelectorV2: FC<PackSelectorProps$1>;
134
45
 
135
- declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;
136
-
137
- declare const Frown: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
46
+ interface AbsorbencyLevelProps {
47
+ dropTotal: number;
48
+ drops: number;
49
+ absorbencyTitle: string;
50
+ absorbencyDescription: string;
51
+ }
52
+ declare const AbsorbencyLevel: ({ dropTotal, drops, absorbencyTitle, absorbencyDescription, }: AbsorbencyLevelProps) => JSX.Element;
138
53
 
139
- declare const Smiling: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
54
+ declare type StyledIconProps = {
55
+ backgroundColor?: string;
56
+ opacity?: number | string;
57
+ };
140
58
 
141
- declare const BulletOne: ({ height, width, fill, title }: IconProps) => JSX.Element;
59
+ declare type Actions$1 = 'actions/add' | 'actions/check_box_empty' | 'actions/check_box_light' | 'actions/check_box_solid' | 'actions/check' | 'actions/circle_check' | 'actions/circle_clear' | 'actions/circle_info' | 'actions/circle_minus' | 'actions/circle_plus' | 'actions/circle_question' | 'actions/circle_solid_check' | 'actions/circle_solid_clear' | 'actions/circle_solid_info' | 'actions/circle_solid_minus' | 'actions/circle_solid_plus' | 'actions/circle_solid_question' | 'actions/circle_solid_styled_check' | 'actions/circle_solid_warning' | 'actions/circle_warning' | 'actions/clear_light' | 'actions/close' | 'actions/copy_outlined' | 'actions/copy' | 'actions/edit' | 'actions/light_check' | 'actions/light_exclamation' | 'actions/like_solid' | 'actions/like' | 'actions/minus' | 'actions/not_allowed' | 'actions/question' | 'actions/radio_empty' | 'actions/radio_filled' | 'actions/settings_solid' | 'actions/settings' | 'actions/share' | 'actions/signout' | 'actions/trash' | 'actions/warning';
60
+ declare type Arrows$1 = 'arrows/chevron_down' | 'arrows/chevron_down_variant' | 'arrows/chevron_left' | 'arrows/chevron_left_lite' | 'arrows/chevron_left_variant' | 'arrows/chevron_right' | 'arrows/chevron_right_lite' | 'arrows/chevron_right_variant' | 'arrows/chevron_up' | 'arrows/chevron_up_solid' | 'arrows/chevron_up_variant' | 'arrows/circle_chevron_down' | 'arrows/circle_chevron_left' | 'arrows/circle_chevron_right' | 'arrows/circle_chevron_up' | 'arrows/circle_line_down' | 'arrows/circle_line_left' | 'arrows/circle_line_right' | 'arrows/circle_line_up' | 'arrows/circle_up' | 'arrows/double_arrow_up';
61
+ declare type Custom$1 = 'custom/atom' | 'custom/bra' | 'custom/bubbles' | 'custom/bullet_one' | 'custom/bullet_three' | 'custom/bullet_two' | 'custom/certified' | 'custom/clinically_tested' | 'custom/cruelty_free' | 'custom/fair_advantages' | 'custom/frown' | 'custom/frown' | 'custom/money_flow' | 'custom/new_sixty_days_guarantee' | 'custom/packs_and_bundles' | 'custom/seamless_support_bra' | 'custom/sixty_days_bold' | 'custom/sixty_days_guarantee' | 'custom/smiling' | 'custom/thumbs_down' | 'custom/thumbs_up' | 'custom/underwear' | 'custom/wire_free_comfort';
62
+ declare type Download$1 = 'download/apple_store' | 'download/google_play';
63
+ declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning' | 'emoji/grinning_with_sweat' | 'emoji/relieved' | 'emoji/smiling_v2' | 'emoji/thinking';
64
+ declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right';
65
+ declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/vip';
66
+ declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/user_solid' | 'navigation/user_v2';
67
+ declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr';
68
+ declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa';
69
+ declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/minus' | 'pdp/moon' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/trust_badge';
70
+ declare type SlideDots$1 = 'slidedots/slide_dot';
71
+ declare type SocialMedia$1 = 'socialmedia/facebook' | 'socialmedia/facebook_solid' | 'socialmedia/instagram' | 'socialmedia/instagram_solid' | 'socialmedia/interaction' | 'socialmedia/pinterest' | 'socialmedia/twitter' | 'socialmedia/youtube';
72
+ declare type IconName = Actions$1 | Arrows$1 | Custom$1 | Download$1 | Emoji$1 | Messaging$1 | MyAccount$1 | Navigation$1 | Other$1 | Payment$1 | PDP$1 | SlideDots$1 | SocialMedia$1;
73
+
74
+ declare type Props$2 = {
75
+ width?: number | string;
76
+ height?: number | string;
77
+ title?: string;
78
+ testId?: string;
79
+ fill?: string;
80
+ name: IconName;
81
+ svgProps?: Omit<SVGProps<SVGElement>, 'ref'>;
82
+ className?: string;
83
+ } & StyledIconProps;
84
+ declare const Icon$1: React__default.FC<Props$2>;
142
85
 
143
- declare const BulletTwo: ({ height, width, fill, title }: IconProps) => JSX.Element;
86
+ declare type Props$1 = Omit<Props$2, 'name'>;
87
+ declare type IconComponent = React__default.FC<Props$1>;
144
88
 
145
- declare const BulletThree: ({ height, width, fill, title }: IconProps) => JSX.Element;
89
+ declare const Add: IconComponent;
146
90
 
147
- declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
148
- declare const Custom_Frown: typeof Frown;
149
- declare const Custom_Smiling: typeof Smiling;
150
- declare const Custom_BulletOne: typeof BulletOne;
151
- declare const Custom_BulletTwo: typeof BulletTwo;
152
- declare const Custom_BulletThree: typeof BulletThree;
153
- declare namespace Custom {
154
- export {
155
- Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
156
- Custom_Frown as Frown,
157
- Custom_Smiling as Smiling,
158
- Custom_BulletOne as BulletOne,
159
- Custom_BulletTwo as BulletTwo,
160
- Custom_BulletThree as BulletThree,
161
- };
162
- }
91
+ declare const Check: IconComponent;
163
92
 
164
- declare const Check: ({ height, width, fill }: IconProps) => JSX.Element;
93
+ declare const CheckboxEmpty: IconComponent;
165
94
 
166
- declare const ClearLight: ({ height, width, fill }: IconProps) => JSX.Element;
95
+ declare const CheckboxLight: IconComponent;
167
96
 
168
- declare const LightExclamation: ({ height, width, fill }: IconProps) => JSX.Element;
97
+ declare const CheckboxSolid: IconComponent;
169
98
 
170
- interface LightCheckProps extends IconProps {
171
- strokeWidth?: number;
172
- }
173
- declare const LightCheck: ({ height, width, fill, strokeWidth }: LightCheckProps) => JSX.Element;
99
+ declare const CircleCheck: IconComponent;
174
100
 
175
- declare const Question: ({ height, width, fill }: IconProps) => JSX.Element;
101
+ declare const CircleClear: IconComponent;
176
102
 
177
- declare const Close: ({ height, width, fill }: IconProps) => JSX.Element;
103
+ declare const CircleInfo: IconComponent;
178
104
 
179
- declare const Trash: ({ height, width, fill }: IconProps) => JSX.Element;
105
+ declare const CircleMinus: IconComponent;
180
106
 
181
- declare const Warning: ({ height, width, fill }: IconProps) => JSX.Element;
107
+ declare const CirclePlus: IconComponent;
182
108
 
183
- declare const Edit: ({ height, width, fill }: IconProps) => JSX.Element;
109
+ declare const CircleQuestion: IconComponent;
184
110
 
185
- declare const SignOut: ({ height, width, fill }: IconProps) => JSX.Element;
111
+ declare const CircleSolidCheck: IconComponent;
186
112
 
187
- declare const Add: ({ height, width, fill }: IconProps) => JSX.Element;
113
+ declare const CircleSolidClear: IconComponent;
188
114
 
189
- interface CopyProps extends IconProps {
190
- stroke?: string;
191
- }
192
- declare const Copy: ({ height, width, fill, stroke }: CopyProps) => JSX.Element;
115
+ declare const CircleSolidMinus: IconComponent;
193
116
 
194
- declare const CheckboxEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
117
+ declare const CircleSolidPlus: IconComponent;
195
118
 
196
- declare const CheckboxLight: ({ height, width, fill }: IconProps) => JSX.Element;
119
+ declare const CircleSolidQuestion: IconComponent;
197
120
 
198
- declare const CheckboxSolid: ({ height, width, fill }: IconProps) => JSX.Element;
121
+ declare const CircleSolidStyledCheck: IconComponent;
199
122
 
200
- declare const Like: ({ height, width, fill }: IconProps) => JSX.Element;
123
+ declare const CircleSolidWarning: IconComponent;
201
124
 
202
- declare const LikeSolid: ({ height, width, fill }: IconProps) => JSX.Element;
125
+ declare const CircleWarning: IconComponent;
203
126
 
204
- declare const NotAllowed: ({ height, width, fill }: IconProps) => JSX.Element;
127
+ declare const ClearLight: IconComponent;
205
128
 
206
- declare const RadioEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
129
+ declare const Close: IconComponent;
207
130
 
208
- declare const RadioFilled: ({ height, width, fill }: IconProps) => JSX.Element;
131
+ declare const Copy: IconComponent;
209
132
 
210
- declare const Minus$1: ({ height, width, fill }: IconProps) => JSX.Element;
133
+ declare const CopyOutlined: IconComponent;
211
134
 
212
- declare const SettingsSolid: ({ height, width, fill }: IconProps) => JSX.Element;
135
+ declare const Edit: IconComponent;
213
136
 
214
- declare const Settings: ({ height, width, fill }: IconProps) => JSX.Element;
137
+ declare const LightCheck: IconComponent;
215
138
 
216
- declare const Share: ({ height, width, fill }: IconProps) => JSX.Element;
139
+ declare const LightExclamation: IconComponent;
217
140
 
218
- declare const CircleCheck: ({ height, width, fill }: IconProps) => JSX.Element;
141
+ declare const Like: IconComponent;
219
142
 
220
- declare const CircleClear: ({ height, width, fill }: IconProps) => JSX.Element;
143
+ declare const LikeSolid: IconComponent;
221
144
 
222
- declare const CircleInfo: ({ height, width, fill }: IconProps) => JSX.Element;
145
+ declare const Minus$1: IconComponent;
223
146
 
224
- declare const CircleMinus: ({ height, width, fill }: IconProps) => JSX.Element;
147
+ declare const NotAllowed: IconComponent;
225
148
 
226
- declare const CirclePlus: ({ height, width, fill }: IconProps) => JSX.Element;
149
+ declare const Question: IconComponent;
227
150
 
228
- declare const CircleQuestion: ({ height, width, fill }: IconProps) => JSX.Element;
151
+ declare const RadioEmpty: IconComponent;
229
152
 
230
- declare const CircleWarning: ({ height, width, fill }: IconProps) => JSX.Element;
153
+ declare const RadioFilled: IconComponent;
231
154
 
232
- declare const CircleSolidCheck: ({ height, width, fill }: IconProps) => JSX.Element;
155
+ declare const Settings: IconComponent;
233
156
 
234
- declare const CircleSolidClear: ({ height, width, fill }: IconProps) => JSX.Element;
157
+ declare const SettingsSolid: IconComponent;
235
158
 
236
- declare const CircleSolidMinus: ({ height, width, fill }: IconProps) => JSX.Element;
159
+ declare const Share: IconComponent;
237
160
 
238
- declare const CircleSolidPlus: ({ height, width, fill }: IconProps) => JSX.Element;
161
+ declare const SignOut: IconComponent;
239
162
 
240
- declare const CircleSolidQuestion: ({ height, width, fill }: IconProps) => JSX.Element;
163
+ declare const Trash: IconComponent;
241
164
 
242
- declare const CircleSolidWarning: ({ height, width, fill }: IconProps) => JSX.Element;
165
+ declare const Warning: IconComponent;
243
166
 
244
- declare const Actions_Check: typeof Check;
245
- declare const Actions_ClearLight: typeof ClearLight;
246
- declare const Actions_LightExclamation: typeof LightExclamation;
247
- type Actions_LightCheckProps = LightCheckProps;
248
- declare const Actions_LightCheck: typeof LightCheck;
249
- declare const Actions_Question: typeof Question;
250
- declare const Actions_Close: typeof Close;
251
- declare const Actions_Trash: typeof Trash;
252
- declare const Actions_Warning: typeof Warning;
253
- declare const Actions_Edit: typeof Edit;
254
- declare const Actions_SignOut: typeof SignOut;
255
167
  declare const Actions_Add: typeof Add;
256
- type Actions_CopyProps = CopyProps;
257
- declare const Actions_Copy: typeof Copy;
168
+ declare const Actions_Check: typeof Check;
258
169
  declare const Actions_CheckboxEmpty: typeof CheckboxEmpty;
259
170
  declare const Actions_CheckboxLight: typeof CheckboxLight;
260
171
  declare const Actions_CheckboxSolid: typeof CheckboxSolid;
261
- declare const Actions_Like: typeof Like;
262
- declare const Actions_LikeSolid: typeof LikeSolid;
263
- declare const Actions_NotAllowed: typeof NotAllowed;
264
- declare const Actions_RadioEmpty: typeof RadioEmpty;
265
- declare const Actions_RadioFilled: typeof RadioFilled;
266
- declare const Actions_SettingsSolid: typeof SettingsSolid;
267
- declare const Actions_Settings: typeof Settings;
268
- declare const Actions_Share: typeof Share;
269
172
  declare const Actions_CircleCheck: typeof CircleCheck;
270
173
  declare const Actions_CircleClear: typeof CircleClear;
271
174
  declare const Actions_CircleInfo: typeof CircleInfo;
272
175
  declare const Actions_CircleMinus: typeof CircleMinus;
273
176
  declare const Actions_CirclePlus: typeof CirclePlus;
274
177
  declare const Actions_CircleQuestion: typeof CircleQuestion;
275
- declare const Actions_CircleWarning: typeof CircleWarning;
276
178
  declare const Actions_CircleSolidCheck: typeof CircleSolidCheck;
277
179
  declare const Actions_CircleSolidClear: typeof CircleSolidClear;
278
180
  declare const Actions_CircleSolidMinus: typeof CircleSolidMinus;
279
181
  declare const Actions_CircleSolidPlus: typeof CircleSolidPlus;
280
182
  declare const Actions_CircleSolidQuestion: typeof CircleSolidQuestion;
183
+ declare const Actions_CircleSolidStyledCheck: typeof CircleSolidStyledCheck;
281
184
  declare const Actions_CircleSolidWarning: typeof CircleSolidWarning;
185
+ declare const Actions_CircleWarning: typeof CircleWarning;
186
+ declare const Actions_ClearLight: typeof ClearLight;
187
+ declare const Actions_Close: typeof Close;
188
+ declare const Actions_Copy: typeof Copy;
189
+ declare const Actions_CopyOutlined: typeof CopyOutlined;
190
+ declare const Actions_Edit: typeof Edit;
191
+ declare const Actions_LightCheck: typeof LightCheck;
192
+ declare const Actions_LightExclamation: typeof LightExclamation;
193
+ declare const Actions_Like: typeof Like;
194
+ declare const Actions_LikeSolid: typeof LikeSolid;
195
+ declare const Actions_NotAllowed: typeof NotAllowed;
196
+ declare const Actions_Question: typeof Question;
197
+ declare const Actions_RadioEmpty: typeof RadioEmpty;
198
+ declare const Actions_RadioFilled: typeof RadioFilled;
199
+ declare const Actions_Settings: typeof Settings;
200
+ declare const Actions_SettingsSolid: typeof SettingsSolid;
201
+ declare const Actions_Share: typeof Share;
202
+ declare const Actions_SignOut: typeof SignOut;
203
+ declare const Actions_Trash: typeof Trash;
204
+ declare const Actions_Warning: typeof Warning;
282
205
  declare namespace Actions {
283
206
  export {
284
- Actions_Check as Check,
285
- Actions_ClearLight as ClearLight,
286
- Actions_LightExclamation as LightExclamation,
287
- Actions_LightCheckProps as LightCheckProps,
288
- Actions_LightCheck as LightCheck,
289
- Actions_Question as Question,
290
- Actions_Close as Close,
291
- Actions_Trash as Trash,
292
- Actions_Warning as Warning,
293
- Actions_Edit as Edit,
294
- Actions_SignOut as SignOut,
295
207
  Actions_Add as Add,
296
- Actions_CopyProps as CopyProps,
297
- Actions_Copy as Copy,
208
+ Actions_Check as Check,
298
209
  Actions_CheckboxEmpty as CheckboxEmpty,
299
210
  Actions_CheckboxLight as CheckboxLight,
300
211
  Actions_CheckboxSolid as CheckboxSolid,
301
- Actions_Like as Like,
302
- Actions_LikeSolid as LikeSolid,
303
- Actions_NotAllowed as NotAllowed,
304
- Actions_RadioEmpty as RadioEmpty,
305
- Actions_RadioFilled as RadioFilled,
306
- Minus$1 as Minus,
307
- Actions_SettingsSolid as SettingsSolid,
308
- Actions_Settings as Settings,
309
- Actions_Share as Share,
310
212
  Actions_CircleCheck as CircleCheck,
311
213
  Actions_CircleClear as CircleClear,
312
214
  Actions_CircleInfo as CircleInfo,
313
215
  Actions_CircleMinus as CircleMinus,
314
216
  Actions_CirclePlus as CirclePlus,
315
217
  Actions_CircleQuestion as CircleQuestion,
316
- Actions_CircleWarning as CircleWarning,
317
218
  Actions_CircleSolidCheck as CircleSolidCheck,
318
219
  Actions_CircleSolidClear as CircleSolidClear,
319
220
  Actions_CircleSolidMinus as CircleSolidMinus,
320
221
  Actions_CircleSolidPlus as CircleSolidPlus,
321
222
  Actions_CircleSolidQuestion as CircleSolidQuestion,
223
+ Actions_CircleSolidStyledCheck as CircleSolidStyledCheck,
322
224
  Actions_CircleSolidWarning as CircleSolidWarning,
225
+ Actions_CircleWarning as CircleWarning,
226
+ Actions_ClearLight as ClearLight,
227
+ Actions_Close as Close,
228
+ Actions_Copy as Copy,
229
+ Actions_CopyOutlined as CopyOutlined,
230
+ Actions_Edit as Edit,
231
+ Actions_LightCheck as LightCheck,
232
+ Actions_LightExclamation as LightExclamation,
233
+ Actions_Like as Like,
234
+ Actions_LikeSolid as LikeSolid,
235
+ Minus$1 as Minus,
236
+ Actions_NotAllowed as NotAllowed,
237
+ Actions_Question as Question,
238
+ Actions_RadioEmpty as RadioEmpty,
239
+ Actions_RadioFilled as RadioFilled,
240
+ Actions_Settings as Settings,
241
+ Actions_SettingsSolid as SettingsSolid,
242
+ Actions_Share as Share,
243
+ Actions_SignOut as SignOut,
244
+ Actions_Trash as Trash,
245
+ Actions_Warning as Warning,
323
246
  };
324
247
  }
325
248
 
326
- declare const FitPredictor$1: ({ height, width, fill }: IconProps) => JSX.Element;
249
+ declare const ChevronDown: IconComponent;
327
250
 
328
- interface LoadingProps extends IconProps {
329
- backgroundColor: string;
330
- }
331
- declare const Loading$1: ({ height, width, fill, backgroundColor }: LoadingProps) => JSX.Element;
251
+ declare const ChevronDownVariant: IconComponent;
332
252
 
333
- declare const Shapermint: ({ height, width }: IconProps) => JSX.Element;
253
+ declare const ChevronLeft: IconComponent;
334
254
 
335
- declare const McAfee: ({ height, width }: IconProps) => JSX.Element;
255
+ declare const ChevronLeftLite: IconComponent;
336
256
 
337
- declare const GetDiscount: ({ height, width }: IconProps) => JSX.Element;
257
+ declare const ChevronLeftVariant: IconComponent;
338
258
 
339
- declare const ShapermintLogo: ({ height, width, fill }: IconProps) => JSX.Element;
259
+ declare const ChevronRight: IconComponent;
340
260
 
341
- declare const Chat: ({ height, width, fill, testId }: IconProps) => JSX.Element;
261
+ declare const ChevronRightLite: IconComponent;
342
262
 
343
- declare const Email: ({ height, width, fill, testId }: IconProps) => JSX.Element;
263
+ declare const ChevronRightVariant: IconComponent;
344
264
 
345
- declare const CallUs: ({ height, width, fill, testId }: IconProps) => JSX.Element;
265
+ declare const ChevronUp: IconComponent;
346
266
 
347
- declare const SignForm: ({ height, width, fill }: IconProps) => JSX.Element;
267
+ declare const ChevronUpSolid: IconComponent;
348
268
 
349
- declare const QrCode: ({ height, width, fill }: IconProps) => JSX.Element;
269
+ declare const ChevronUpVariant: IconComponent;
350
270
 
351
- declare const FreeExchange: ({ height, width, fill, testId }: IconProps) => JSX.Element;
271
+ declare const CircleChevronDown: IconComponent;
352
272
 
353
- declare const ShopNow: ({ height, width, fill, testId }: IconProps) => JSX.Element;
273
+ declare const CircleChevronLeft: IconComponent;
354
274
 
355
- declare const HasselFreeReturns: ({ height, width, fill, testId }: IconProps) => JSX.Element;
275
+ declare const CircleChevronRight: IconComponent;
356
276
 
357
- declare const Play: ({ height, width, fill, testId }: IconProps) => JSX.Element;
277
+ declare const CircleChevronUp: IconComponent;
358
278
 
359
- declare const FitGuarantee: ({ height, width, fill, testId }: IconProps) => JSX.Element;
279
+ declare const CircleLineDown: IconComponent;
360
280
 
361
- type Other_LoadingProps = LoadingProps;
362
- declare const Other_Shapermint: typeof Shapermint;
363
- declare const Other_McAfee: typeof McAfee;
364
- declare const Other_GetDiscount: typeof GetDiscount;
365
- declare const Other_ShapermintLogo: typeof ShapermintLogo;
366
- declare const Other_Chat: typeof Chat;
367
- declare const Other_Email: typeof Email;
368
- declare const Other_CallUs: typeof CallUs;
369
- declare const Other_SignForm: typeof SignForm;
370
- declare const Other_QrCode: typeof QrCode;
371
- declare const Other_FreeExchange: typeof FreeExchange;
372
- declare const Other_ShopNow: typeof ShopNow;
373
- declare const Other_HasselFreeReturns: typeof HasselFreeReturns;
374
- declare const Other_Play: typeof Play;
375
- declare const Other_FitGuarantee: typeof FitGuarantee;
376
- declare namespace Other {
377
- export {
378
- FitPredictor$1 as FitPredictor,
379
- Other_LoadingProps as LoadingProps,
380
- Loading$1 as Loading,
381
- Other_Shapermint as Shapermint,
382
- Other_McAfee as McAfee,
383
- Other_GetDiscount as GetDiscount,
384
- Other_ShapermintLogo as ShapermintLogo,
385
- Other_Chat as Chat,
386
- Other_Email as Email,
387
- Other_CallUs as CallUs,
388
- Other_SignForm as SignForm,
389
- Other_QrCode as QrCode,
390
- Other_FreeExchange as FreeExchange,
391
- Other_ShopNow as ShopNow,
392
- Other_HasselFreeReturns as HasselFreeReturns,
393
- Other_Play as Play,
394
- Other_FitGuarantee as FitGuarantee,
395
- };
396
- }
397
-
398
- declare const ChevronDown: ({ height, width, fill }: IconProps) => JSX.Element;
399
-
400
- declare const ChevronLeft: ({ height, width, fill, opacity, testId }: IconWithOpacityProps) => JSX.Element;
401
-
402
- declare const ChevronRight: ({ height, width, fill, opacity, testId }: IconWithOpacityProps) => JSX.Element;
403
-
404
- declare const ChevronRightVariant: ({ height, width, fill }: IconProps) => JSX.Element;
405
-
406
- declare const ChevronUp: ({ height, width, fill }: IconProps) => JSX.Element;
407
-
408
- declare const ChevronUpSolid: ({ height, width, fill }: IconProps) => JSX.Element;
281
+ declare const CircleLineLeft: IconComponent;
409
282
 
410
- declare const CircleUp: ({ width, height, fill }: IconProps) => JSX.Element;
283
+ declare const CircleLineRight: IconComponent;
411
284
 
412
- declare const CircleChevronLeft: ({ width, height, fill }: IconProps) => JSX.Element;
285
+ declare const CircleLineUp: IconComponent;
413
286
 
414
- declare const CircleChevronRight: ({ width, height, fill }: IconProps) => JSX.Element;
287
+ declare const CircleUp: IconComponent;
415
288
 
416
- declare const CircleChevronDown: ({ width, height, fill }: IconProps) => JSX.Element;
417
-
418
- declare const CircleChevronUp: ({ width, height, fill }: IconProps) => JSX.Element;
419
-
420
- declare const ChevronDownVariant: ({ width, height, fill }: IconProps) => JSX.Element;
421
-
422
- declare const ChevronUpVariant: ({ width, height, fill }: IconProps) => JSX.Element;
423
-
424
- declare const ChevronLeftVariant: ({ width, height, fill }: IconProps) => JSX.Element;
425
-
426
- declare const CircleLineUp: ({ width, height, fill }: IconProps) => JSX.Element;
427
-
428
- declare const CircleLineDown: ({ width, height, fill }: IconProps) => JSX.Element;
429
-
430
- declare const CircleLineLeft: ({ width, height, fill }: IconProps) => JSX.Element;
431
-
432
- declare const CircleLineRight: ({ width, height, fill }: IconProps) => JSX.Element;
289
+ declare const DoubleArrowUp: IconComponent;
433
290
 
434
291
  declare const Arrows_ChevronDown: typeof ChevronDown;
292
+ declare const Arrows_ChevronDownVariant: typeof ChevronDownVariant;
435
293
  declare const Arrows_ChevronLeft: typeof ChevronLeft;
294
+ declare const Arrows_ChevronLeftLite: typeof ChevronLeftLite;
295
+ declare const Arrows_ChevronLeftVariant: typeof ChevronLeftVariant;
436
296
  declare const Arrows_ChevronRight: typeof ChevronRight;
297
+ declare const Arrows_ChevronRightLite: typeof ChevronRightLite;
437
298
  declare const Arrows_ChevronRightVariant: typeof ChevronRightVariant;
438
299
  declare const Arrows_ChevronUp: typeof ChevronUp;
439
300
  declare const Arrows_ChevronUpSolid: typeof ChevronUpSolid;
440
- declare const Arrows_CircleUp: typeof CircleUp;
301
+ declare const Arrows_ChevronUpVariant: typeof ChevronUpVariant;
302
+ declare const Arrows_CircleChevronDown: typeof CircleChevronDown;
441
303
  declare const Arrows_CircleChevronLeft: typeof CircleChevronLeft;
442
304
  declare const Arrows_CircleChevronRight: typeof CircleChevronRight;
443
- declare const Arrows_CircleChevronDown: typeof CircleChevronDown;
444
305
  declare const Arrows_CircleChevronUp: typeof CircleChevronUp;
445
- declare const Arrows_ChevronDownVariant: typeof ChevronDownVariant;
446
- declare const Arrows_ChevronUpVariant: typeof ChevronUpVariant;
447
- declare const Arrows_ChevronLeftVariant: typeof ChevronLeftVariant;
448
- declare const Arrows_CircleLineUp: typeof CircleLineUp;
449
306
  declare const Arrows_CircleLineDown: typeof CircleLineDown;
450
307
  declare const Arrows_CircleLineLeft: typeof CircleLineLeft;
451
308
  declare const Arrows_CircleLineRight: typeof CircleLineRight;
309
+ declare const Arrows_CircleLineUp: typeof CircleLineUp;
310
+ declare const Arrows_CircleUp: typeof CircleUp;
311
+ declare const Arrows_DoubleArrowUp: typeof DoubleArrowUp;
452
312
  declare namespace Arrows {
453
313
  export {
454
314
  Arrows_ChevronDown as ChevronDown,
315
+ Arrows_ChevronDownVariant as ChevronDownVariant,
455
316
  Arrows_ChevronLeft as ChevronLeft,
317
+ Arrows_ChevronLeftLite as ChevronLeftLite,
318
+ Arrows_ChevronLeftVariant as ChevronLeftVariant,
456
319
  Arrows_ChevronRight as ChevronRight,
320
+ Arrows_ChevronRightLite as ChevronRightLite,
457
321
  Arrows_ChevronRightVariant as ChevronRightVariant,
458
322
  Arrows_ChevronUp as ChevronUp,
459
323
  Arrows_ChevronUpSolid as ChevronUpSolid,
460
- Arrows_CircleUp as CircleUp,
324
+ Arrows_ChevronUpVariant as ChevronUpVariant,
325
+ Arrows_CircleChevronDown as CircleChevronDown,
461
326
  Arrows_CircleChevronLeft as CircleChevronLeft,
462
327
  Arrows_CircleChevronRight as CircleChevronRight,
463
- Arrows_CircleChevronDown as CircleChevronDown,
464
328
  Arrows_CircleChevronUp as CircleChevronUp,
465
- Arrows_ChevronDownVariant as ChevronDownVariant,
466
- Arrows_ChevronUpVariant as ChevronUpVariant,
467
- Arrows_ChevronLeftVariant as ChevronLeftVariant,
468
- Arrows_CircleLineUp as CircleLineUp,
469
329
  Arrows_CircleLineDown as CircleLineDown,
470
330
  Arrows_CircleLineLeft as CircleLineLeft,
471
331
  Arrows_CircleLineRight as CircleLineRight,
332
+ Arrows_CircleLineUp as CircleLineUp,
333
+ Arrows_CircleUp as CircleUp,
334
+ Arrows_DoubleArrowUp as DoubleArrowUp,
472
335
  };
473
336
  }
474
337
 
475
- declare const Clock: ({ height, width, fill }: IconProps) => JSX.Element;
338
+ declare const SixtyDaysGuarantee: IconComponent;
476
339
 
477
- declare const FlagUSA: ({ height, width, fill }: IconProps) => JSX.Element;
340
+ declare const Bra: IconComponent;
478
341
 
479
- declare const Minus: ({ height, width, fill, title }: IconProps) => JSX.Element;
342
+ declare const Underwear: IconComponent;
480
343
 
481
- declare const Plus: ({ height, width, fill, title }: IconProps) => JSX.Element;
344
+ declare const PacksAndBundles: IconComponent;
482
345
 
483
- declare const Rule: ({ width, height, fill }: IconProps) => JSX.Element;
346
+ declare const SeamlessSupportBra: IconComponent;
484
347
 
485
- declare const Star: ({ height, width, fill }: IconProps) => JSX.Element;
348
+ declare const WireFreeComfort: IconComponent;
486
349
 
487
- declare const StarEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
350
+ declare const SixtyDaysBold: IconComponent;
488
351
 
489
- declare const StarHalf: ({ height, width, fill }: IconProps) => JSX.Element;
352
+ declare const Frown: IconComponent;
490
353
 
491
- declare const Stopwatch: ({ height, width, fill, title }: IconProps) => JSX.Element;
354
+ declare const Smiling: IconComponent;
492
355
 
493
- declare const Shipping: ({ height, width, fill }: IconProps) => JSX.Element;
356
+ declare const BulletOne: IconComponent;
494
357
 
495
- declare const LightBulb$1: ({ height, width, fill }: IconProps) => JSX.Element;
358
+ declare const BulletTwo: IconComponent;
496
359
 
497
- declare const ErrorCross: ({ height, width, fill }: IconProps) => JSX.Element;
360
+ declare const BulletThree: IconComponent;
498
361
 
499
- declare const CircleNumber: ({ height, width, fill }: IconProps) => JSX.Element;
362
+ declare const ThumbsUp: IconComponent;
500
363
 
501
- declare const SizeEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
364
+ declare const ThumbsDown: IconComponent;
502
365
 
503
- declare const PlayMini: ({ height, width, fill }: IconProps) => JSX.Element;
366
+ declare const Atom: IconComponent;
504
367
 
505
- declare const ShippingEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
368
+ declare const Bubbles: IconComponent;
506
369
 
507
- declare const PDP_Clock: typeof Clock;
508
- declare const PDP_FlagUSA: typeof FlagUSA;
509
- declare const PDP_Minus: typeof Minus;
510
- declare const PDP_Plus: typeof Plus;
511
- declare const PDP_Rule: typeof Rule;
512
- declare const PDP_Star: typeof Star;
513
- declare const PDP_StarEmpty: typeof StarEmpty;
514
- declare const PDP_StarHalf: typeof StarHalf;
515
- declare const PDP_Stopwatch: typeof Stopwatch;
516
- declare const PDP_Shipping: typeof Shipping;
517
- declare const PDP_ErrorCross: typeof ErrorCross;
518
- declare const PDP_CircleNumber: typeof CircleNumber;
519
- declare const PDP_SizeEmpty: typeof SizeEmpty;
520
- declare const PDP_PlayMini: typeof PlayMini;
521
- declare const PDP_ShippingEmpty: typeof ShippingEmpty;
522
- declare namespace PDP {
370
+ declare const FairAdvantages: IconComponent;
371
+
372
+ declare const MoneyFlow: IconComponent;
373
+
374
+ declare const ClinicallyTested: IconComponent;
375
+
376
+ declare const CrueltyFree: IconComponent;
377
+
378
+ declare const Certified: IconComponent;
379
+
380
+ declare const NewSixtyDaysGuarantee: IconComponent;
381
+
382
+ declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
383
+ declare const Custom_Bra: typeof Bra;
384
+ declare const Custom_Underwear: typeof Underwear;
385
+ declare const Custom_PacksAndBundles: typeof PacksAndBundles;
386
+ declare const Custom_SeamlessSupportBra: typeof SeamlessSupportBra;
387
+ declare const Custom_WireFreeComfort: typeof WireFreeComfort;
388
+ declare const Custom_SixtyDaysBold: typeof SixtyDaysBold;
389
+ declare const Custom_Frown: typeof Frown;
390
+ declare const Custom_Smiling: typeof Smiling;
391
+ declare const Custom_BulletOne: typeof BulletOne;
392
+ declare const Custom_BulletTwo: typeof BulletTwo;
393
+ declare const Custom_BulletThree: typeof BulletThree;
394
+ declare const Custom_ThumbsUp: typeof ThumbsUp;
395
+ declare const Custom_ThumbsDown: typeof ThumbsDown;
396
+ declare const Custom_Atom: typeof Atom;
397
+ declare const Custom_Bubbles: typeof Bubbles;
398
+ declare const Custom_FairAdvantages: typeof FairAdvantages;
399
+ declare const Custom_MoneyFlow: typeof MoneyFlow;
400
+ declare const Custom_ClinicallyTested: typeof ClinicallyTested;
401
+ declare const Custom_CrueltyFree: typeof CrueltyFree;
402
+ declare const Custom_Certified: typeof Certified;
403
+ declare const Custom_NewSixtyDaysGuarantee: typeof NewSixtyDaysGuarantee;
404
+ declare namespace Custom {
523
405
  export {
524
- PDP_Clock as Clock,
525
- PDP_FlagUSA as FlagUSA,
526
- PDP_Minus as Minus,
527
- PDP_Plus as Plus,
528
- PDP_Rule as Rule,
529
- PDP_Star as Star,
530
- PDP_StarEmpty as StarEmpty,
531
- PDP_StarHalf as StarHalf,
532
- PDP_Stopwatch as Stopwatch,
533
- PDP_Shipping as Shipping,
406
+ Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
407
+ Custom_Bra as Bra,
408
+ Custom_Underwear as Underwear,
409
+ Custom_PacksAndBundles as PacksAndBundles,
410
+ Custom_SeamlessSupportBra as SeamlessSupportBra,
411
+ Custom_WireFreeComfort as WireFreeComfort,
412
+ Custom_SixtyDaysBold as SixtyDaysBold,
413
+ Custom_Frown as Frown,
414
+ Custom_Smiling as Smiling,
415
+ Custom_BulletOne as BulletOne,
416
+ Custom_BulletTwo as BulletTwo,
417
+ Custom_BulletThree as BulletThree,
418
+ Custom_ThumbsUp as ThumbsUp,
419
+ Custom_ThumbsDown as ThumbsDown,
420
+ Custom_Atom as Atom,
421
+ Custom_Bubbles as Bubbles,
422
+ Custom_FairAdvantages as FairAdvantages,
423
+ Custom_MoneyFlow as MoneyFlow,
424
+ Custom_ClinicallyTested as ClinicallyTested,
425
+ Custom_CrueltyFree as CrueltyFree,
426
+ Custom_Certified as Certified,
427
+ Custom_NewSixtyDaysGuarantee as NewSixtyDaysGuarantee,
428
+ };
429
+ }
430
+
431
+ declare const AppleStore: IconComponent;
432
+
433
+ declare const GooglePlay: IconComponent;
434
+
435
+ declare const Download_AppleStore: typeof AppleStore;
436
+ declare const Download_GooglePlay: typeof GooglePlay;
437
+ declare namespace Download {
438
+ export {
439
+ Download_AppleStore as AppleStore,
440
+ Download_GooglePlay as GooglePlay,
441
+ };
442
+ }
443
+
444
+ declare const Thinking: IconComponent;
445
+
446
+ declare const SmilingV2: IconComponent;
447
+
448
+ declare const Grinning: IconComponent;
449
+
450
+ declare const GrinningWithSweat: IconComponent;
451
+
452
+ declare const BlowingKiss: IconComponent;
453
+
454
+ declare const Frowning: IconComponent;
455
+
456
+ declare const Relieved: IconComponent;
457
+
458
+ declare const Emoji_Thinking: typeof Thinking;
459
+ declare const Emoji_SmilingV2: typeof SmilingV2;
460
+ declare const Emoji_Grinning: typeof Grinning;
461
+ declare const Emoji_GrinningWithSweat: typeof GrinningWithSweat;
462
+ declare const Emoji_BlowingKiss: typeof BlowingKiss;
463
+ declare const Emoji_Frowning: typeof Frowning;
464
+ declare const Emoji_Relieved: typeof Relieved;
465
+ declare namespace Emoji {
466
+ export {
467
+ Emoji_Thinking as Thinking,
468
+ Emoji_SmilingV2 as SmilingV2,
469
+ Emoji_Grinning as Grinning,
470
+ Emoji_GrinningWithSweat as GrinningWithSweat,
471
+ Emoji_BlowingKiss as BlowingKiss,
472
+ Emoji_Frowning as Frowning,
473
+ Emoji_Relieved as Relieved,
474
+ };
475
+ }
476
+
477
+ declare const AdaChat: IconComponent;
478
+
479
+ declare const QuestionCircle: IconComponent;
480
+
481
+ declare const Messenger: IconComponent;
482
+
483
+ declare const Comment: IconComponent;
484
+
485
+ declare const Mail: IconComponent;
486
+
487
+ declare const Community$1: IconComponent;
488
+
489
+ declare const QuoteLeft: IconComponent;
490
+
491
+ declare const QuoteRight: IconComponent;
492
+
493
+ declare const QuoteSolidLeft: IconComponent;
494
+
495
+ declare const QuoteSolidRight: IconComponent;
496
+
497
+ declare const Light: IconComponent;
498
+
499
+ declare const LightBulb$1: IconComponent;
500
+
501
+ declare const LightBulbSolid: IconComponent;
502
+
503
+ declare const CommentDots: IconComponent;
504
+
505
+ declare const CommentLight: IconComponent;
506
+
507
+ declare const CommentMoney: IconComponent;
508
+
509
+ declare const Messaging_AdaChat: typeof AdaChat;
510
+ declare const Messaging_QuestionCircle: typeof QuestionCircle;
511
+ declare const Messaging_Messenger: typeof Messenger;
512
+ declare const Messaging_Comment: typeof Comment;
513
+ declare const Messaging_Mail: typeof Mail;
514
+ declare const Messaging_QuoteLeft: typeof QuoteLeft;
515
+ declare const Messaging_QuoteRight: typeof QuoteRight;
516
+ declare const Messaging_QuoteSolidLeft: typeof QuoteSolidLeft;
517
+ declare const Messaging_QuoteSolidRight: typeof QuoteSolidRight;
518
+ declare const Messaging_Light: typeof Light;
519
+ declare const Messaging_LightBulbSolid: typeof LightBulbSolid;
520
+ declare const Messaging_CommentDots: typeof CommentDots;
521
+ declare const Messaging_CommentLight: typeof CommentLight;
522
+ declare const Messaging_CommentMoney: typeof CommentMoney;
523
+ declare namespace Messaging {
524
+ export {
525
+ Messaging_AdaChat as AdaChat,
526
+ Messaging_QuestionCircle as QuestionCircle,
527
+ Messaging_Messenger as Messenger,
528
+ Messaging_Comment as Comment,
529
+ Messaging_Mail as Mail,
530
+ Community$1 as Community,
531
+ Messaging_QuoteLeft as QuoteLeft,
532
+ Messaging_QuoteRight as QuoteRight,
533
+ Messaging_QuoteSolidLeft as QuoteSolidLeft,
534
+ Messaging_QuoteSolidRight as QuoteSolidRight,
535
+ Messaging_Light as Light,
534
536
  LightBulb$1 as LightBulb,
535
- PDP_ErrorCross as ErrorCross,
536
- PDP_CircleNumber as CircleNumber,
537
- PDP_SizeEmpty as SizeEmpty,
538
- PDP_PlayMini as PlayMini,
539
- PDP_ShippingEmpty as ShippingEmpty,
537
+ Messaging_LightBulbSolid as LightBulbSolid,
538
+ Messaging_CommentDots as CommentDots,
539
+ Messaging_CommentLight as CommentLight,
540
+ Messaging_CommentMoney as CommentMoney,
540
541
  };
541
542
  }
542
543
 
543
- declare const Facebook: ({ height, width, fill }: IconProps) => JSX.Element;
544
+ declare const FreeShipping: IconComponent;
544
545
 
545
- declare const FacebookSolid: ({ height, width, fill }: IconProps) => JSX.Element;
546
+ declare const PersonalStylist: IconComponent;
546
547
 
547
- declare const Instagram: ({ height, width, fill }: IconProps) => JSX.Element;
548
+ declare const Community: IconComponent;
548
549
 
549
- declare const InstagramSolid: ({ height, width, fill }: IconProps) => JSX.Element;
550
+ declare const VIP: IconComponent;
550
551
 
551
- declare const Pinterest: ({ height, width, fill }: IconProps) => JSX.Element;
552
+ declare const DealsOffers: IconComponent;
552
553
 
553
- declare const Twitter: ({ height, width, fill }: IconProps) => JSX.Element;
554
+ declare const StyleFashionContent: IconComponent;
554
555
 
555
- declare const Youtube: ({ height, width, fill }: IconProps) => JSX.Element;
556
+ declare const MembersOnlyDiscount: IconComponent;
556
557
 
557
- declare const Interaction: ({ height, width, fill }: IconProps) => JSX.Element;
558
+ declare const Profile: IconComponent;
558
559
 
559
- declare const SocialMedia_Facebook: typeof Facebook;
560
- declare const SocialMedia_FacebookSolid: typeof FacebookSolid;
561
- declare const SocialMedia_Instagram: typeof Instagram;
562
- declare const SocialMedia_InstagramSolid: typeof InstagramSolid;
563
- declare const SocialMedia_Pinterest: typeof Pinterest;
564
- declare const SocialMedia_Twitter: typeof Twitter;
565
- declare const SocialMedia_Youtube: typeof Youtube;
566
- declare const SocialMedia_Interaction: typeof Interaction;
567
- declare namespace SocialMedia {
560
+ declare const MembersOnlyDiscountOpposite: IconComponent;
561
+
562
+ declare const PriorityShipping: IconComponent;
563
+
564
+ declare const Guard: IconComponent;
565
+
566
+ declare const BirthdayGifts: IconComponent;
567
+
568
+ declare const SaleTag: IconComponent;
569
+
570
+ declare const FreeReturns: IconComponent;
571
+
572
+ declare const MyAccount_FreeShipping: typeof FreeShipping;
573
+ declare const MyAccount_PersonalStylist: typeof PersonalStylist;
574
+ declare const MyAccount_Community: typeof Community;
575
+ declare const MyAccount_VIP: typeof VIP;
576
+ declare const MyAccount_DealsOffers: typeof DealsOffers;
577
+ declare const MyAccount_StyleFashionContent: typeof StyleFashionContent;
578
+ declare const MyAccount_MembersOnlyDiscount: typeof MembersOnlyDiscount;
579
+ declare const MyAccount_Profile: typeof Profile;
580
+ declare const MyAccount_MembersOnlyDiscountOpposite: typeof MembersOnlyDiscountOpposite;
581
+ declare const MyAccount_PriorityShipping: typeof PriorityShipping;
582
+ declare const MyAccount_Guard: typeof Guard;
583
+ declare const MyAccount_BirthdayGifts: typeof BirthdayGifts;
584
+ declare const MyAccount_SaleTag: typeof SaleTag;
585
+ declare const MyAccount_FreeReturns: typeof FreeReturns;
586
+ declare namespace MyAccount {
568
587
  export {
569
- SocialMedia_Facebook as Facebook,
570
- SocialMedia_FacebookSolid as FacebookSolid,
571
- SocialMedia_Instagram as Instagram,
572
- SocialMedia_InstagramSolid as InstagramSolid,
573
- SocialMedia_Pinterest as Pinterest,
574
- SocialMedia_Twitter as Twitter,
575
- SocialMedia_Youtube as Youtube,
576
- SocialMedia_Interaction as Interaction,
588
+ MyAccount_FreeShipping as FreeShipping,
589
+ MyAccount_PersonalStylist as PersonalStylist,
590
+ MyAccount_Community as Community,
591
+ MyAccount_VIP as VIP,
592
+ MyAccount_DealsOffers as DealsOffers,
593
+ MyAccount_StyleFashionContent as StyleFashionContent,
594
+ MyAccount_MembersOnlyDiscount as MembersOnlyDiscount,
595
+ MyAccount_Profile as Profile,
596
+ MyAccount_MembersOnlyDiscountOpposite as MembersOnlyDiscountOpposite,
597
+ MyAccount_PriorityShipping as PriorityShipping,
598
+ MyAccount_Guard as Guard,
599
+ MyAccount_BirthdayGifts as BirthdayGifts,
600
+ MyAccount_SaleTag as SaleTag,
601
+ MyAccount_FreeReturns as FreeReturns,
577
602
  };
578
603
  }
579
604
 
580
- declare const Search: ({ height, width, fill, testId }: IconProps) => JSX.Element;
605
+ declare const Search: IconComponent;
606
+
607
+ declare const User: IconComponent;
608
+
609
+ declare const ShoppingBag: IconComponent;
610
+
611
+ declare const ShoppingCart: IconComponent;
581
612
 
582
- declare const User: ({ height, width, fill }: IconProps) => JSX.Element;
613
+ declare const MapMarker: IconComponent;
583
614
 
584
- declare const ShoppingBag: ({ height, width, fill, testId }: IconProps) => JSX.Element;
615
+ declare const Hamburger: IconComponent;
585
616
 
586
- declare const ShoppingCart: FC<IconProps>;
617
+ declare const AddressInformation: IconComponent;
587
618
 
588
- declare const MapMarker: ({ height, width, fill }: IconProps) => JSX.Element;
619
+ declare const ClubMembership: IconComponent;
589
620
 
590
- declare const Hamburger: FC<IconProps>;
621
+ declare const Benefits: IconComponent;
591
622
 
592
- declare const AddressInformation: ({ height, width, fill }: IconProps) => JSX.Element;
623
+ declare const Home: IconComponent;
593
624
 
594
- declare const ClubMembership: ({ height, width, fill }: IconProps) => JSX.Element;
625
+ declare const HomeSolid: IconComponent;
595
626
 
596
- declare const Benefits: ({ height, width, fill }: IconProps) => JSX.Element;
627
+ declare const ShoppingBagV2: IconComponent;
597
628
 
598
- declare const Home: ({ height, width, fill }: IconProps) => JSX.Element;
629
+ declare const UserSolid: IconComponent;
599
630
 
600
- declare const HomeSolid: ({ height, width, fill }: IconProps) => JSX.Element;
631
+ declare const SlideDot$1: IconComponent;
601
632
 
602
- declare const ShoppingBagV2: ({ height, width, fill, testId }: IconProps) => JSX.Element;
633
+ declare const SlideDotSolid: IconComponent;
603
634
 
604
- declare const UserSolid: ({ height, width, fill }: IconProps) => JSX.Element;
635
+ declare const Ellipsis: IconComponent;
605
636
 
606
- declare const SlideDot$1: ({ height, width, fill }: IconProps) => JSX.Element;
637
+ declare const EllipsisHorizontal: IconComponent;
607
638
 
608
- declare const SlideDotSolid: ({ height, width, fill }: IconProps) => JSX.Element;
639
+ declare const Filters$1: IconComponent;
609
640
 
610
- declare const Ellipsis: ({ height, width, fill }: IconProps) => JSX.Element;
641
+ declare const Lock: IconComponent;
611
642
 
612
- declare const EllipsisHorizontal: ({ height, width, fill }: IconProps) => JSX.Element;
643
+ declare const LockSolid: IconComponent;
613
644
 
614
- declare const Filters$1: ({ height, width, fill }: IconProps) => JSX.Element;
645
+ declare const Loading$1: IconComponent;
615
646
 
616
- declare const Lock: ({ height, width, fill }: IconProps) => JSX.Element;
647
+ declare const MapSolid: IconComponent;
617
648
 
618
- declare const LockSolid: ({ height, width, fill }: IconProps) => JSX.Element;
649
+ declare const MenuLines: IconComponent;
619
650
 
620
- declare const Loading: ({ height, width, fill }: IconProps) => JSX.Element;
651
+ declare const UserV2: IconComponent;
621
652
 
622
- declare const MapSolid: ({ height, width, fill }: IconProps) => JSX.Element;
653
+ declare const ShoppingCartV2: IconComponent;
623
654
 
624
- declare const UserV2: ({ height, width, fill }: IconProps) => JSX.Element;
655
+ declare const ShoppingBagV3: IconComponent;
625
656
 
626
- declare const ShoppingCartV2: ({ height, width, fill }: IconProps) => JSX.Element;
657
+ declare const Shaperbox: IconComponent;
627
658
 
628
659
  declare const Navigation_Search: typeof Search;
629
660
  declare const Navigation_User: typeof User;
@@ -643,10 +674,12 @@ declare const Navigation_Ellipsis: typeof Ellipsis;
643
674
  declare const Navigation_EllipsisHorizontal: typeof EllipsisHorizontal;
644
675
  declare const Navigation_Lock: typeof Lock;
645
676
  declare const Navigation_LockSolid: typeof LockSolid;
646
- declare const Navigation_Loading: typeof Loading;
647
677
  declare const Navigation_MapSolid: typeof MapSolid;
678
+ declare const Navigation_MenuLines: typeof MenuLines;
648
679
  declare const Navigation_UserV2: typeof UserV2;
649
680
  declare const Navigation_ShoppingCartV2: typeof ShoppingCartV2;
681
+ declare const Navigation_ShoppingBagV3: typeof ShoppingBagV3;
682
+ declare const Navigation_Shaperbox: typeof Shaperbox;
650
683
  declare namespace Navigation {
651
684
  export {
652
685
  Navigation_Search as Search,
@@ -669,114 +702,253 @@ declare namespace Navigation {
669
702
  Filters$1 as Filters,
670
703
  Navigation_Lock as Lock,
671
704
  Navigation_LockSolid as LockSolid,
672
- Navigation_Loading as Loading,
705
+ Loading$1 as Loading,
673
706
  Navigation_MapSolid as MapSolid,
707
+ Navigation_MenuLines as MenuLines,
674
708
  Navigation_UserV2 as UserV2,
675
709
  Navigation_ShoppingCartV2 as ShoppingCartV2,
710
+ Navigation_ShoppingBagV3 as ShoppingBagV3,
711
+ Navigation_Shaperbox as Shaperbox,
676
712
  };
677
713
  }
678
714
 
679
- declare const QuestionCircle: ({ height, width, fill }: IconProps) => JSX.Element;
715
+ declare const BodConLabel: IconComponent;
680
716
 
681
- declare const Messenger: ({ height, width, fill }: IconProps) => JSX.Element;
717
+ declare const BodConMobileLabel: IconComponent;
682
718
 
683
- declare const Comment: ({ height, width, fill }: IconProps) => JSX.Element;
719
+ declare const CallUs: IconComponent;
684
720
 
685
- interface IconWrapperProps {
686
- width?: number;
687
- height?: number;
688
- title?: string;
689
- viewBoxX: number;
690
- viewBoxY: number;
691
- children: React.ReactNode;
692
- testId?: string;
693
- fill?: string;
694
- }
721
+ declare const Chat: IconComponent;
695
722
 
696
- declare const Mail: ({ height, width, }: Pick<IconWrapperProps, 'width' | 'height'>) => JSX.Element;
723
+ declare const Email: IconComponent;
697
724
 
698
- declare const Community$1: ({ height, width, fill }: IconProps) => JSX.Element;
725
+ declare const ExpressShipping: IconComponent;
699
726
 
700
- declare const QuoteLeft: ({ height, width, fill }: IconProps) => JSX.Element;
727
+ declare const FitGuarantee$1: IconComponent;
701
728
 
702
- declare const QuoteRight: ({ height, width, fill }: IconProps) => JSX.Element;
729
+ declare const FitPredictor$1: IconComponent;
703
730
 
704
- declare const QuoteSolidLeft: ({ height, width, fill }: IconProps) => JSX.Element;
731
+ declare const FreeExchange: IconComponent;
705
732
 
706
- declare const QuoteSolidRight: ({ height, width, fill }: IconProps) => JSX.Element;
733
+ declare const GetDiscount: IconComponent;
707
734
 
708
- declare const Light: ({ height, width, fill }: IconProps) => JSX.Element;
735
+ declare const HasselFreeReturns: IconComponent;
709
736
 
710
- declare const LightBulb: ({ height, width, fill }: IconProps) => JSX.Element;
737
+ declare const Loading: IconComponent;
711
738
 
712
- declare const LightBulbSolid: ({ height, width, fill }: IconProps) => JSX.Element;
739
+ declare const McAfee: IconComponent;
713
740
 
714
- declare const CommentDots: ({ height, width, fill }: IconProps) => JSX.Element;
741
+ declare const Play: IconComponent;
715
742
 
716
- declare const CommentLight: ({ height, width, fill }: IconProps) => JSX.Element;
743
+ declare const QrCode: IconComponent;
717
744
 
718
- declare const CommentMoney: ({ height, width, fill }: IconProps) => JSX.Element;
745
+ declare const QuestionWithCircle: IconComponent;
719
746
 
720
- declare const Messaging_QuestionCircle: typeof QuestionCircle;
721
- declare const Messaging_Messenger: typeof Messenger;
722
- declare const Messaging_Comment: typeof Comment;
723
- declare const Messaging_Mail: typeof Mail;
724
- declare const Messaging_QuoteLeft: typeof QuoteLeft;
725
- declare const Messaging_QuoteRight: typeof QuoteRight;
726
- declare const Messaging_QuoteSolidLeft: typeof QuoteSolidLeft;
727
- declare const Messaging_QuoteSolidRight: typeof QuoteSolidRight;
728
- declare const Messaging_Light: typeof Light;
729
- declare const Messaging_LightBulb: typeof LightBulb;
730
- declare const Messaging_LightBulbSolid: typeof LightBulbSolid;
731
- declare const Messaging_CommentDots: typeof CommentDots;
732
- declare const Messaging_CommentLight: typeof CommentLight;
733
- declare const Messaging_CommentMoney: typeof CommentMoney;
734
- declare namespace Messaging {
735
- export {
736
- Messaging_QuestionCircle as QuestionCircle,
737
- Messaging_Messenger as Messenger,
738
- Messaging_Comment as Comment,
739
- Messaging_Mail as Mail,
740
- Community$1 as Community,
741
- Messaging_QuoteLeft as QuoteLeft,
742
- Messaging_QuoteRight as QuoteRight,
743
- Messaging_QuoteSolidLeft as QuoteSolidLeft,
744
- Messaging_QuoteSolidRight as QuoteSolidRight,
745
- Messaging_Light as Light,
746
- Messaging_LightBulb as LightBulb,
747
- Messaging_LightBulbSolid as LightBulbSolid,
748
- Messaging_CommentDots as CommentDots,
749
- Messaging_CommentLight as CommentLight,
750
- Messaging_CommentMoney as CommentMoney,
747
+ declare const RevelBeauty: IconComponent;
748
+
749
+ declare const Shapermint: IconComponent;
750
+
751
+ declare const ShapermintClubIcon: IconComponent;
752
+
753
+ declare const ShapermintClubIcon2: IconComponent;
754
+
755
+ declare const ShapermintClubLabel: IconComponent;
756
+
757
+ declare const ShapermintClubMobileLabel: IconComponent;
758
+
759
+ declare const ShapermintLogo: IconComponent;
760
+
761
+ declare const ShmClub: IconComponent;
762
+
763
+ declare const ShopNow: IconComponent;
764
+
765
+ declare const SignForm: IconComponent;
766
+
767
+ declare const SixtyDaysTSD: IconComponent;
768
+
769
+ declare const TheBodCon: IconComponent;
770
+
771
+ declare const TheSpaDr: IconComponent;
772
+
773
+ declare const Other_BodConLabel: typeof BodConLabel;
774
+ declare const Other_BodConMobileLabel: typeof BodConMobileLabel;
775
+ declare const Other_CallUs: typeof CallUs;
776
+ declare const Other_Chat: typeof Chat;
777
+ declare const Other_Email: typeof Email;
778
+ declare const Other_ExpressShipping: typeof ExpressShipping;
779
+ declare const Other_FreeExchange: typeof FreeExchange;
780
+ declare const Other_GetDiscount: typeof GetDiscount;
781
+ declare const Other_HasselFreeReturns: typeof HasselFreeReturns;
782
+ declare const Other_Loading: typeof Loading;
783
+ declare const Other_McAfee: typeof McAfee;
784
+ declare const Other_Play: typeof Play;
785
+ declare const Other_QrCode: typeof QrCode;
786
+ declare const Other_QuestionWithCircle: typeof QuestionWithCircle;
787
+ declare const Other_RevelBeauty: typeof RevelBeauty;
788
+ declare const Other_Shapermint: typeof Shapermint;
789
+ declare const Other_ShapermintClubIcon: typeof ShapermintClubIcon;
790
+ declare const Other_ShapermintClubIcon2: typeof ShapermintClubIcon2;
791
+ declare const Other_ShapermintClubLabel: typeof ShapermintClubLabel;
792
+ declare const Other_ShapermintClubMobileLabel: typeof ShapermintClubMobileLabel;
793
+ declare const Other_ShapermintLogo: typeof ShapermintLogo;
794
+ declare const Other_ShmClub: typeof ShmClub;
795
+ declare const Other_ShopNow: typeof ShopNow;
796
+ declare const Other_SignForm: typeof SignForm;
797
+ declare const Other_SixtyDaysTSD: typeof SixtyDaysTSD;
798
+ declare const Other_TheBodCon: typeof TheBodCon;
799
+ declare const Other_TheSpaDr: typeof TheSpaDr;
800
+ declare namespace Other {
801
+ export {
802
+ Other_BodConLabel as BodConLabel,
803
+ Other_BodConMobileLabel as BodConMobileLabel,
804
+ Other_CallUs as CallUs,
805
+ Other_Chat as Chat,
806
+ Other_Email as Email,
807
+ Other_ExpressShipping as ExpressShipping,
808
+ FitGuarantee$1 as FitGuarantee,
809
+ FitPredictor$1 as FitPredictor,
810
+ Other_FreeExchange as FreeExchange,
811
+ Other_GetDiscount as GetDiscount,
812
+ Other_HasselFreeReturns as HasselFreeReturns,
813
+ Other_Loading as Loading,
814
+ Other_McAfee as McAfee,
815
+ Other_Play as Play,
816
+ Other_QrCode as QrCode,
817
+ Other_QuestionWithCircle as QuestionWithCircle,
818
+ Other_RevelBeauty as RevelBeauty,
819
+ Other_Shapermint as Shapermint,
820
+ Other_ShapermintClubIcon as ShapermintClubIcon,
821
+ Other_ShapermintClubIcon2 as ShapermintClubIcon2,
822
+ Other_ShapermintClubLabel as ShapermintClubLabel,
823
+ Other_ShapermintClubMobileLabel as ShapermintClubMobileLabel,
824
+ Other_ShapermintLogo as ShapermintLogo,
825
+ Other_ShmClub as ShmClub,
826
+ Other_ShopNow as ShopNow,
827
+ Other_SignForm as SignForm,
828
+ Other_SixtyDaysTSD as SixtyDaysTSD,
829
+ Other_TheBodCon as TheBodCon,
830
+ Other_TheSpaDr as TheSpaDr,
751
831
  };
752
832
  }
753
833
 
754
- declare const AppleStore: ({ height, width }: IconProps) => JSX.Element;
834
+ declare const Clock: IconComponent;
755
835
 
756
- declare const GooglePlay: ({ height, width }: IconProps) => JSX.Element;
836
+ declare const FlagUSA: IconComponent;
757
837
 
758
- declare const Download_AppleStore: typeof AppleStore;
759
- declare const Download_GooglePlay: typeof GooglePlay;
760
- declare namespace Download {
838
+ declare const Minus: IconComponent;
839
+
840
+ declare const Plus: IconComponent;
841
+
842
+ declare const Rule: IconComponent;
843
+
844
+ declare const Star: IconComponent;
845
+
846
+ declare const StarEmpty: IconComponent;
847
+
848
+ declare const StarHalf: IconComponent;
849
+
850
+ declare const Stopwatch: IconComponent;
851
+
852
+ declare const Shipping: IconComponent;
853
+
854
+ declare const LightBulb: IconComponent;
855
+
856
+ declare const ErrorCross: IconComponent;
857
+
858
+ declare const CircleNumber: IconComponent;
859
+
860
+ declare const SizeEmpty: IconComponent;
861
+
862
+ declare const SizeEmptyV2: IconComponent;
863
+
864
+ declare const PlayMini: IconComponent;
865
+
866
+ declare const ShippingEmpty: IconComponent;
867
+
868
+ declare const Drop: IconComponent;
869
+
870
+ declare const DropEmpty: IconComponent;
871
+
872
+ declare const Stars: IconComponent;
873
+
874
+ declare const Moon: IconComponent;
875
+
876
+ declare const Hours: IconComponent;
877
+
878
+ declare const NewClock: IconComponent;
879
+
880
+ declare const KlarnaLogo: IconComponent;
881
+
882
+ declare const TrustBadge: IconComponent;
883
+
884
+ declare const PDP_Clock: typeof Clock;
885
+ declare const PDP_FlagUSA: typeof FlagUSA;
886
+ declare const PDP_Minus: typeof Minus;
887
+ declare const PDP_Plus: typeof Plus;
888
+ declare const PDP_Rule: typeof Rule;
889
+ declare const PDP_Star: typeof Star;
890
+ declare const PDP_StarEmpty: typeof StarEmpty;
891
+ declare const PDP_StarHalf: typeof StarHalf;
892
+ declare const PDP_Stopwatch: typeof Stopwatch;
893
+ declare const PDP_Shipping: typeof Shipping;
894
+ declare const PDP_LightBulb: typeof LightBulb;
895
+ declare const PDP_ErrorCross: typeof ErrorCross;
896
+ declare const PDP_CircleNumber: typeof CircleNumber;
897
+ declare const PDP_SizeEmpty: typeof SizeEmpty;
898
+ declare const PDP_SizeEmptyV2: typeof SizeEmptyV2;
899
+ declare const PDP_PlayMini: typeof PlayMini;
900
+ declare const PDP_ShippingEmpty: typeof ShippingEmpty;
901
+ declare const PDP_Drop: typeof Drop;
902
+ declare const PDP_DropEmpty: typeof DropEmpty;
903
+ declare const PDP_Stars: typeof Stars;
904
+ declare const PDP_Moon: typeof Moon;
905
+ declare const PDP_Hours: typeof Hours;
906
+ declare const PDP_NewClock: typeof NewClock;
907
+ declare const PDP_KlarnaLogo: typeof KlarnaLogo;
908
+ declare const PDP_TrustBadge: typeof TrustBadge;
909
+ declare namespace PDP {
761
910
  export {
762
- Download_AppleStore as AppleStore,
763
- Download_GooglePlay as GooglePlay,
911
+ PDP_Clock as Clock,
912
+ PDP_FlagUSA as FlagUSA,
913
+ PDP_Minus as Minus,
914
+ PDP_Plus as Plus,
915
+ PDP_Rule as Rule,
916
+ PDP_Star as Star,
917
+ PDP_StarEmpty as StarEmpty,
918
+ PDP_StarHalf as StarHalf,
919
+ PDP_Stopwatch as Stopwatch,
920
+ PDP_Shipping as Shipping,
921
+ PDP_LightBulb as LightBulb,
922
+ PDP_ErrorCross as ErrorCross,
923
+ PDP_CircleNumber as CircleNumber,
924
+ PDP_SizeEmpty as SizeEmpty,
925
+ PDP_SizeEmptyV2 as SizeEmptyV2,
926
+ PDP_PlayMini as PlayMini,
927
+ PDP_ShippingEmpty as ShippingEmpty,
928
+ PDP_Drop as Drop,
929
+ PDP_DropEmpty as DropEmpty,
930
+ PDP_Stars as Stars,
931
+ PDP_Moon as Moon,
932
+ PDP_Hours as Hours,
933
+ PDP_NewClock as NewClock,
934
+ PDP_KlarnaLogo as KlarnaLogo,
935
+ PDP_TrustBadge as TrustBadge,
764
936
  };
765
937
  }
766
938
 
767
- declare const Visa: ({ height, width }: IconProps) => JSX.Element;
939
+ declare const Visa: IconComponent;
768
940
 
769
- declare const MasterCard: ({ height, width }: IconProps) => JSX.Element;
941
+ declare const MasterCard: IconComponent;
770
942
 
771
- declare const Amex: ({ height, width }: IconProps) => JSX.Element;
943
+ declare const Amex: IconComponent;
772
944
 
773
- declare const JCB: ({ height, width }: IconProps) => JSX.Element;
945
+ declare const JCB: IconComponent;
774
946
 
775
- declare const Paypal: ({ height, width }: IconProps) => JSX.Element;
947
+ declare const Paypal: IconComponent;
776
948
 
777
- declare const Klarna: ({ height, width }: IconProps) => JSX.Element;
949
+ declare const Klarna: IconComponent;
778
950
 
779
- declare const Amazon: ({ height, width }: IconProps) => JSX.Element;
951
+ declare const Amazon: IconComponent;
780
952
 
781
953
  declare const Payment_Visa: typeof Visa;
782
954
  declare const Payment_MasterCard: typeof MasterCard;
@@ -797,7 +969,7 @@ declare namespace Payment {
797
969
  };
798
970
  }
799
971
 
800
- declare const SlideDot: ({ height, width, fill, opacity, testId, }: IconWithOpacityProps & WithTestId) => JSX.Element;
972
+ declare const SlideDot: IconComponent;
801
973
 
802
974
  declare const SlideDots_SlideDot: typeof SlideDot;
803
975
  declare namespace SlideDots {
@@ -806,81 +978,44 @@ declare namespace SlideDots {
806
978
  };
807
979
  }
808
980
 
809
- declare const Thinking: ({ height, width }: IconProps$1) => JSX.Element;
810
-
811
- declare const SmilingV2: ({ height, width }: IconProps$1) => JSX.Element;
812
-
813
- declare const Grinning: ({ height, width }: IconProps$1) => JSX.Element;
814
-
815
- declare const GrinningWithSweat: ({ height, width }: IconProps$1) => JSX.Element;
816
-
817
- declare const BlowingKiss: ({ height, width }: IconProps$1) => JSX.Element;
818
-
819
- declare const Frowning: ({ height, width }: IconProps$1) => JSX.Element;
820
-
821
- declare const Relieved: ({ height, width }: IconProps$1) => JSX.Element;
822
-
823
- declare const Emoji_Thinking: typeof Thinking;
824
- declare const Emoji_SmilingV2: typeof SmilingV2;
825
- declare const Emoji_Grinning: typeof Grinning;
826
- declare const Emoji_GrinningWithSweat: typeof GrinningWithSweat;
827
- declare const Emoji_BlowingKiss: typeof BlowingKiss;
828
- declare const Emoji_Frowning: typeof Frowning;
829
- declare const Emoji_Relieved: typeof Relieved;
830
- declare namespace Emoji {
831
- export {
832
- Emoji_Thinking as Thinking,
833
- Emoji_SmilingV2 as SmilingV2,
834
- Emoji_Grinning as Grinning,
835
- Emoji_GrinningWithSweat as GrinningWithSweat,
836
- Emoji_BlowingKiss as BlowingKiss,
837
- Emoji_Frowning as Frowning,
838
- Emoji_Relieved as Relieved,
839
- };
840
- }
841
-
842
- declare const FreeShipping: ({ height, width, fill }: IconProps) => JSX.Element;
843
-
844
- declare const PersonalStylist: ({ height, width, fill }: IconProps) => JSX.Element;
981
+ declare const Facebook: IconComponent;
845
982
 
846
- declare const Community: ({ height, width, fill }: IconProps) => JSX.Element;
983
+ declare const FacebookSolid: IconComponent;
847
984
 
848
- declare const VIP: ({ height, width, fill }: IconProps) => JSX.Element;
985
+ declare const Instagram: IconComponent;
849
986
 
850
- declare const DealsOffers: ({ height, width, fill }: IconProps) => JSX.Element;
987
+ declare const InstagramSolid: IconComponent;
851
988
 
852
- declare const StyleFashionContent: ({ height, width, fill }: IconProps) => JSX.Element;
989
+ declare const Pinterest: IconComponent;
853
990
 
854
- declare const MembersOnlyDiscount: ({ height, width, fill }: IconProps) => JSX.Element;
991
+ declare const Twitter: IconComponent;
855
992
 
856
- declare const Profile: ({ height, width, fill, testId }: IconProps) => JSX.Element;
993
+ declare const Youtube: IconComponent;
857
994
 
858
- declare const MembersOnlyDiscountOpposite: ({ height, width, fill }: IconProps) => JSX.Element;
995
+ declare const Interaction: IconComponent;
859
996
 
860
- declare const MyAccount_FreeShipping: typeof FreeShipping;
861
- declare const MyAccount_PersonalStylist: typeof PersonalStylist;
862
- declare const MyAccount_Community: typeof Community;
863
- declare const MyAccount_VIP: typeof VIP;
864
- declare const MyAccount_DealsOffers: typeof DealsOffers;
865
- declare const MyAccount_StyleFashionContent: typeof StyleFashionContent;
866
- declare const MyAccount_MembersOnlyDiscount: typeof MembersOnlyDiscount;
867
- declare const MyAccount_Profile: typeof Profile;
868
- declare const MyAccount_MembersOnlyDiscountOpposite: typeof MembersOnlyDiscountOpposite;
869
- declare namespace MyAccount {
997
+ declare const SocialMedia_Facebook: typeof Facebook;
998
+ declare const SocialMedia_FacebookSolid: typeof FacebookSolid;
999
+ declare const SocialMedia_Instagram: typeof Instagram;
1000
+ declare const SocialMedia_InstagramSolid: typeof InstagramSolid;
1001
+ declare const SocialMedia_Pinterest: typeof Pinterest;
1002
+ declare const SocialMedia_Twitter: typeof Twitter;
1003
+ declare const SocialMedia_Youtube: typeof Youtube;
1004
+ declare const SocialMedia_Interaction: typeof Interaction;
1005
+ declare namespace SocialMedia {
870
1006
  export {
871
- MyAccount_FreeShipping as FreeShipping,
872
- MyAccount_PersonalStylist as PersonalStylist,
873
- MyAccount_Community as Community,
874
- MyAccount_VIP as VIP,
875
- MyAccount_DealsOffers as DealsOffers,
876
- MyAccount_StyleFashionContent as StyleFashionContent,
877
- MyAccount_MembersOnlyDiscount as MembersOnlyDiscount,
878
- MyAccount_Profile as Profile,
879
- MyAccount_MembersOnlyDiscountOpposite as MembersOnlyDiscountOpposite,
1007
+ SocialMedia_Facebook as Facebook,
1008
+ SocialMedia_FacebookSolid as FacebookSolid,
1009
+ SocialMedia_Instagram as Instagram,
1010
+ SocialMedia_InstagramSolid as InstagramSolid,
1011
+ SocialMedia_Pinterest as Pinterest,
1012
+ SocialMedia_Twitter as Twitter,
1013
+ SocialMedia_Youtube as Youtube,
1014
+ SocialMedia_Interaction as Interaction,
880
1015
  };
881
1016
  }
882
1017
 
883
- declare type IconType = ({ height, width, fill, testId }: IconProps) => JSX.Element;
1018
+ declare type IconType = IconComponent;
884
1019
  declare const Icon: {
885
1020
  Custom: typeof Custom;
886
1021
  Arrows: typeof Arrows;
@@ -897,234 +1032,180 @@ declare const Icon: {
897
1032
  MyAccount: typeof MyAccount;
898
1033
  };
899
1034
 
900
- interface CardBodyProps {
901
- children: ReactNode;
902
- }
903
-
904
- interface CardSectionProps {
905
- children: ReactNode;
906
- }
1035
+ interface AccordionProps {
1036
+ defaultOpen?: boolean;
1037
+ forceOpenHandler?: boolean;
1038
+ forceOpenValue?: boolean;
1039
+ titleColor?: string;
1040
+ variant: 'simple' | 'box';
1041
+ header: ReactNode;
1042
+ headerOnOpen?: ReactNode;
1043
+ content: ReactNode;
1044
+ disabled?: boolean;
1045
+ innerHTML?: boolean;
1046
+ controlIconPos?: 'right' | 'bottom';
1047
+ backgroundCover?: {
1048
+ value: boolean;
1049
+ iconBgColor?: string;
1050
+ };
1051
+ openIcon: IconType;
1052
+ closeIcon: IconType;
1053
+ onClick?: (index: number) => void;
1054
+ }
1055
+ declare const Accordion: ({ header, headerOnOpen, content, defaultOpen, forceOpenHandler, forceOpenValue, titleColor, variant, disabled, innerHTML, backgroundCover, controlIconPos, openIcon, closeIcon, onClick, }: AccordionProps) => JSX.Element;
907
1056
 
908
- interface borderProps {
909
- borderColor: string;
910
- borderWidth: string;
1057
+ interface AccordionOptionsProps {
1058
+ titleColor: string;
1059
+ accordions: AccordionProps[];
911
1060
  }
912
- interface CardProps {
913
- children: ReactNode;
914
- backgroundColor: string;
915
- widthAuto?: boolean;
916
- border?: borderProps;
917
- flex?: boolean;
1061
+ declare const AccordionOptions: ({ titleColor, accordions }: AccordionOptionsProps) => JSX.Element;
1062
+
1063
+ declare type AutoshipProps = {
1064
+ singlePurchaseLabel: string;
1065
+ subscriptionLabel: string;
1066
+ tooltipContent?: {
1067
+ text: string;
1068
+ color?: string;
1069
+ };
1070
+ tooltipHeader?: {
1071
+ title: string;
1072
+ };
1073
+ pricing?: {
1074
+ originalPrice: number;
1075
+ discountedPrice: number;
1076
+ discountPercentage: number;
1077
+ };
1078
+ frequencyValues?: Array<number>;
1079
+ frequencyUnit?: string;
1080
+ autoshipBenefits: string[];
1081
+ onChange: (values: {
1082
+ subscriptionPeriod: number;
1083
+ autoship: boolean;
1084
+ originalPrice: number;
1085
+ discountedPrice: number;
1086
+ }) => void;
1087
+ className?: string;
1088
+ };
1089
+ declare const Autoship: React.FC<AutoshipProps>;
1090
+
1091
+ declare enum BeforeAfterVariant {
1092
+ UserInfoText = "UserInfoText",
1093
+ ResultFeedback = "ResultFeedback"
918
1094
  }
919
- declare const _default: (({ children, backgroundColor, widthAuto, border, flex }: CardProps) => JSX.Element) & {
920
- Header: ({ children }: CardSectionProps) => JSX.Element;
921
- Footer: ({ children }: CardSectionProps) => JSX.Element;
922
- Body: ({ children }: CardBodyProps) => JSX.Element;
1095
+ declare type NewSize = 'small' | 'medium' | 'large';
1096
+ declare const componentSizeMapper: {
1097
+ [size in ComponentSize$1]: NewSize;
923
1098
  };
924
1099
 
925
- declare const ButtonPrimary: ({ testId, ...props }: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
1100
+ declare type BeforeAfterCardProps = {
1101
+ name: string;
1102
+ age?: string;
1103
+ months?: string;
1104
+ beforeImage: string;
1105
+ afterImage: string;
1106
+ alignCenter?: boolean;
1107
+ imageBorderRadius?: string;
1108
+ size?: ComponentSize$1;
1109
+ variant?: BeforeAfterVariant;
1110
+ description?: string;
1111
+ reviewDays?: string;
1112
+ };
1113
+ declare const BeforeAfterCard: React__default.FC<BeforeAfterCardProps>;
926
1114
 
927
- declare const ButtonSecondary: (props: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
1115
+ interface SimpleProps {
1116
+ title: string;
1117
+ freeShippingText: string;
1118
+ price: string;
1119
+ anyQtyForText: string;
1120
+ backgroundColor: string;
1121
+ widthAuto?: boolean;
1122
+ }
928
1123
 
929
- declare const ButtonSecondaryOutline: (props: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
1124
+ interface MinimalisticProps {
1125
+ backgroundColor?: string;
1126
+ borderColor?: string;
1127
+ originalPrice: string;
1128
+ price: string;
1129
+ savingPrice: string;
1130
+ getMorePayLessText: string;
1131
+ youAreSavingText: string;
1132
+ getQtyForText: string;
1133
+ discount: number;
1134
+ offText: string;
1135
+ widthAuto?: boolean;
1136
+ testId?: string;
1137
+ }
930
1138
 
931
- declare type Value<T> = DropdownOption<T>;
932
- declare type OnChange<T> = (option: Value<T>) => void;
933
- declare type CommonProps<T> = {
934
- options: Value<T>[];
935
- disabled?: boolean;
936
- wide?: boolean;
937
- label?: string;
938
- sort?: boolean;
939
- initialValue?: Value<T>;
940
- placeHolder: string;
941
- testId?: string;
942
- };
943
- declare type ControlledProps<T> = {
944
- value: Value<T>;
945
- onChange: OnChange<T>;
946
- } & CommonProps<T>;
947
- declare type UncontrolledProps<T> = {
948
- value?: never;
949
- onChange?: OnChange<T>;
950
- } & CommonProps<T>;
951
- declare type SimpleDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
952
- declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, }: SimpleDropdownProps<T>): JSX.Element;
953
-
954
- interface SizeSelectorProps {
955
- label: string;
956
- sizes: SizeOption[];
957
- selectedValue: SizeOption;
958
- onChange: (size: SizeOption) => void;
959
- inline?: boolean;
960
- width?: string;
961
- }
962
- declare const SizeSelector: ({ label, sizes, selectedValue, onChange, inline, width, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
1139
+ declare const Bundle: {
1140
+ Minimalistic: ({ backgroundColor, borderColor, originalPrice, price, savingPrice, getMorePayLessText, youAreSavingText, getQtyForText, discount, offText, widthAuto, testId, }: MinimalisticProps) => JSX.Element;
1141
+ Simple: ({ title, freeShippingText, price, anyQtyForText, backgroundColor, widthAuto, }: SimpleProps) => JSX.Element;
1142
+ };
963
1143
 
964
- interface SizeFitGuideProps {
965
- title: string;
966
- fitPercentage?: number;
967
- onClick: () => void;
968
- onClickFitPercentage?: () => void;
1144
+ interface BuyNowPayLaterProps {
1145
+ displayBNPL: boolean;
1146
+ installments: number;
1147
+ installmentPrice: string;
1148
+ iconFolder?: string;
1149
+ iconName: string;
1150
+ showLogo?: boolean;
1151
+ iconColor?: string;
1152
+ fontSize?: string;
969
1153
  }
970
- declare const SizeFitGuide: ({ title, fitPercentage, onClick, onClickFitPercentage, }: SizeFitGuideProps) => JSX.Element;
1154
+ declare const BuyNowPayLater: ({ displayBNPL, installments, installmentPrice, iconFolder, iconName, showLogo, iconColor, fontSize, }: BuyNowPayLaterProps) => JSX.Element | null;
971
1155
 
972
- interface BaseButtonProps {
973
- children: React.ReactNode;
974
- renderLeading?: React.ReactNode;
975
- renderTrailing?: React.ReactNode;
976
- disabled?: boolean;
977
- type?: ButtonType;
1156
+ interface CloseButtonProps {
978
1157
  onClick: () => void;
979
- className?: string;
980
- inline?: boolean;
981
- uppercase?: boolean;
982
- testId?: string;
1158
+ size: number;
983
1159
  }
984
1160
 
985
- declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;
986
- interface TextButtonProps$1 extends BaseProps {
1161
+ interface DescriptionProps {
987
1162
  text: string;
988
- LeadingIcon?: IconType;
989
- TrailingIcon?: IconType;
990
- iconColor?: string;
991
- size?: ComponentSize;
992
- uppercase?: boolean;
993
- }
994
- declare const TextButton: ({ text, LeadingIcon, TrailingIcon, iconColor, disabled, type, size, uppercase, onClick, }: TextButtonProps$1) => _emotion_react_jsx_runtime.JSX.Element;
995
-
996
- interface DiscountTagProps {
997
- discount: number;
998
- offText: string;
999
- disabled?: boolean;
1000
- backgroundColor?: string;
1001
- borderColor?: string;
1002
- textColor?: string;
1003
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
1004
- style?: React.CSSProperties;
1005
- }
1006
- declare const DiscountTag: ({ discount, offText, disabled, backgroundColor, borderColor, textColor, size, style, }: DiscountTagProps) => JSX.Element;
1007
-
1008
- interface PriceLabelProps {
1009
- finalPrice: string | number;
1010
- originalPrice?: string | number;
1011
- color?: string;
1012
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
1013
- discount?: DiscountTagProps;
1014
- finalPriceStyled?: boolean;
1015
- finalPriceStyle?: React.CSSProperties;
1016
- originalPriceStyled?: boolean;
1017
- originalPriceUnderlined?: boolean;
1018
- testId?: string;
1019
- }
1020
- declare const PriceLabel: ({ finalPrice, originalPrice, discount, color, testId, finalPriceStyled, finalPriceStyle, originalPriceStyled, originalPriceUnderlined, size, }: PriceLabelProps) => JSX.Element;
1021
-
1022
- declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, color, testId, originalPriceStyled, originalPriceUnderlined, size, }: PriceLabelProps) => JSX.Element;
1023
-
1024
- interface ColorPickerProps {
1025
- options: ColorPickerOption[];
1026
- selectedValue?: ColorPickerOption;
1027
- label: string;
1028
- onChange: (color: ColorPickerOption) => void;
1029
- inline?: boolean;
1030
- }
1031
- declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
1032
-
1033
- interface MultiColorPickerProps {
1034
- options?: ColorPickerOption[];
1035
- label: string;
1036
- selectedValue?: ColorPickerOption;
1037
- onChange: (color: Set<ColorPickerOption>) => void;
1038
- }
1039
- declare const MultiColorPicker: ({ options, label, selectedValue, onChange, }: MultiColorPickerProps) => JSX.Element;
1163
+ }
1040
1164
 
1041
- interface ProductGalleryProps {
1042
- images: ImageType[];
1043
- selectedValue?: ImageType;
1044
- topTag?: JSX.Element;
1045
- bottomTag?: JSX.Element;
1046
- productImageDataTestId?: string;
1047
- previewListDataTestId?: string;
1048
- thumbnailPosition?: 'vertical' | 'horizontal';
1049
- borderRadiusVariant?: boolean;
1050
- }
1051
- declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, }: ProductGalleryProps) => JSX.Element;
1165
+ interface PromoProps {
1166
+ text: string;
1167
+ }
1052
1168
 
1053
- interface RatingProps {
1054
- rating: number;
1055
- size?: ComponentSize;
1056
- reviews: number;
1057
- reviewsText: string;
1058
- wrapWithParenthesis?: boolean;
1059
- underline?: boolean;
1060
- reviewsContainerId?: string;
1169
+ interface OfferBannerProps {
1170
+ discountAppliedText: string;
1171
+ backgroundColor: string;
1061
1172
  }
1062
- declare const Rating: ({ size, reviews, reviewsText, rating, wrapWithParenthesis, underline, reviewsContainerId, }: RatingProps) => JSX.Element;
1173
+ declare const OfferBanner: ({ discountAppliedText, backgroundColor }: OfferBannerProps) => JSX.Element;
1063
1174
 
1064
- interface FitPredictorProps {
1065
- onClick: () => void;
1066
- }
1067
- declare const FitPredictor: ({ onClick }: FitPredictorProps) => _emotion_react_jsx_runtime.JSX.Element;
1175
+ interface TitleProps {
1176
+ title: string;
1177
+ }
1068
1178
 
1069
- interface ProgressBarProps {
1070
- description?: string;
1071
- fillColor: string;
1072
- widthAuto?: boolean;
1073
- percent?: number;
1074
- }
1075
- declare const ProgressBar: ({ description, fillColor, widthAuto, percent, }: ProgressBarProps) => JSX.Element;
1179
+ declare const CartProductItem: {
1180
+ Title: ({ title }: TitleProps) => JSX.Element;
1181
+ Tag: ({ discountAppliedText, backgroundColor }: OfferBannerProps) => JSX.Element;
1182
+ Promo: ({ text }: PromoProps) => JSX.Element;
1183
+ Description: ({ text }: DescriptionProps) => JSX.Element;
1184
+ CloseButton: ({ onClick, size }: CloseButtonProps) => JSX.Element;
1185
+ };
1076
1186
 
1077
- interface IconButtonProps {
1078
- children: React.ReactNode;
1079
- disabled?: boolean;
1080
- onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
1081
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
1187
+ declare enum CardSectionType {
1188
+ Header = 0,
1189
+ Footer = 1
1082
1190
  }
1083
- declare const IconButton: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;
1084
-
1085
- interface TooltipProps {
1086
- children: React.ReactNode;
1087
- position: ComponentPosition;
1088
- align?: 'start' | 'center' | 'end';
1089
- text: string;
1090
- header?: {
1091
- title: string;
1092
- Icon: IconType;
1093
- };
1094
- onClick?: () => void;
1191
+ declare enum ComponentSize {
1192
+ Large = "large",
1193
+ Medium = "medium",
1194
+ Small = "small",
1195
+ XSmall = "xsmall"
1095
1196
  }
1096
- declare const Tooltip: ({ children, position, text, align, onClick, header, }: TooltipProps) => JSX.Element;
1097
-
1098
- interface AccordionProps {
1099
- defaultOpen?: boolean;
1100
- forceOpenHandler?: boolean;
1101
- forceOpenValue?: boolean;
1102
- titleColor?: string;
1103
- variant: 'simple' | 'box';
1104
- header: ReactNode;
1105
- headerOnOpen?: ReactNode;
1106
- content: ReactNode;
1107
- disabled?: boolean;
1108
- openIcon: IconType;
1109
- closeIcon: IconType;
1110
- onClick?: (index: number) => void;
1197
+ declare enum ComponentPosition {
1198
+ Top = 0,
1199
+ Bottom = 1,
1200
+ Left = 2,
1201
+ Right = 3
1111
1202
  }
1112
- declare const Accordion: ({ header, headerOnOpen, content, defaultOpen, forceOpenHandler, forceOpenValue, titleColor, variant, disabled, openIcon, closeIcon, onClick, }: AccordionProps) => JSX.Element;
1203
+ declare enum InputValidationType {
1204
+ Error = 0,
1205
+ Valid = 1,
1206
+ Empty = 2
1207
+ }
1113
1208
 
1114
- declare const ThemeProvider: FC<{
1115
- theme: Theme;
1116
- children: ReactNode;
1117
- }>;
1118
- declare const useTheme: () => Theme;
1119
-
1120
- declare const ThemeVariables: FC<{
1121
- theme: Theme;
1122
- Container?: ElementType;
1123
- }>;
1124
- declare const AssetsProvider: FC<{
1125
- assets: ThemeAssets;
1126
- }>;
1127
- declare const useThemeAssets: () => ThemeAssets;
1128
1209
  declare type Theme = {
1129
1210
  name: string;
1130
1211
  fontSizes: number[];
@@ -1146,6 +1227,7 @@ declare type Theme = {
1146
1227
  };
1147
1228
  declare type ThemeBreakpoints = {
1148
1229
  mobile: number;
1230
+ tablet?: number;
1149
1231
  desktop: number;
1150
1232
  };
1151
1233
  declare type ThemeBasicPallete = {
@@ -1153,7 +1235,7 @@ declare type ThemeBasicPallete = {
1153
1235
  contrast: string;
1154
1236
  };
1155
1237
  declare type ThemeColorPallete = ThemeBasicPallete & {
1156
- soft: ThemeBasicPallete;
1238
+ soft?: ThemeBasicPallete;
1157
1239
  };
1158
1240
  declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
1159
1241
  20: ThemeColorPallete;
@@ -1165,6 +1247,7 @@ declare type ThemeColors = {
1165
1247
  pallete: {
1166
1248
  primary: ThemeColorPrimaryPallete;
1167
1249
  secondary: ThemeColorPrimaryPallete;
1250
+ tertiary?: ThemeColorPrimaryPallete;
1168
1251
  } & Partial<Record<string, ThemeColorPallete>>;
1169
1252
  shades: {
1170
1253
  black: ThemeBasicPallete;
@@ -1174,6 +1257,7 @@ declare type ThemeColors = {
1174
1257
  50: ThemeBasicPallete;
1175
1258
  100: ThemeBasicPallete;
1176
1259
  150: ThemeBasicPallete;
1260
+ 175: ThemeBasicPallete;
1177
1261
  200: ThemeBasicPallete;
1178
1262
  250: ThemeBasicPallete;
1179
1263
  300: ThemeBasicPallete;
@@ -1202,6 +1286,8 @@ declare type ThemeColors = {
1202
1286
  color: string;
1203
1287
  disabled: string;
1204
1288
  highlight: string;
1289
+ shadow?: string;
1290
+ isChecked?: string;
1205
1291
  };
1206
1292
  background: {
1207
1293
  color: string;
@@ -1217,6 +1303,10 @@ declare type ThemeComponent = {
1217
1303
  border: string;
1218
1304
  borderRadius: string;
1219
1305
  fontWeight: number;
1306
+ lineHeight: string;
1307
+ letterSpacing: string;
1308
+ minWidth: string;
1309
+ minHeight: string;
1220
1310
  size: {
1221
1311
  small: {
1222
1312
  fontSize: string;
@@ -1301,6 +1391,12 @@ declare type ThemeComponent = {
1301
1391
  border: string;
1302
1392
  color: string;
1303
1393
  };
1394
+ noStock: {
1395
+ fontWeight: number;
1396
+ background: string;
1397
+ border: string;
1398
+ color: string;
1399
+ };
1304
1400
  disabled: {
1305
1401
  border: string;
1306
1402
  };
@@ -1354,10 +1450,13 @@ declare type ThemeComponent = {
1354
1450
  };
1355
1451
  card: {
1356
1452
  borderRadius: string;
1453
+ backgroundColor: string;
1357
1454
  };
1358
1455
  radio: {
1359
1456
  borderColor: string;
1360
1457
  background: string;
1458
+ textSize: string;
1459
+ lineHeight: string;
1361
1460
  size: {
1362
1461
  small: {
1363
1462
  borderWidth: string;
@@ -1386,6 +1485,7 @@ declare type ThemeComponent = {
1386
1485
  };
1387
1486
  };
1388
1487
  label: {
1488
+ color: string;
1389
1489
  fontSize: {
1390
1490
  small: string;
1391
1491
  medium: string;
@@ -1494,11 +1594,20 @@ declare type ThemeComponent = {
1494
1594
  fontWeight: number;
1495
1595
  lineHeight: string;
1496
1596
  padding: string;
1597
+ optionPadding: string;
1497
1598
  color: string;
1498
1599
  fill: string;
1600
+ borderWidth?: string;
1499
1601
  options: {
1500
1602
  borderColor: string;
1501
1603
  color: string;
1604
+ borderRadius: string;
1605
+ borderRadiusV2?: string;
1606
+ backgroundColor?: string;
1607
+ };
1608
+ optionsWrapper: {
1609
+ borderRadius: string;
1610
+ overflow: string;
1502
1611
  };
1503
1612
  };
1504
1613
  modal: {
@@ -1512,120 +1621,906 @@ declare type ThemeComponent = {
1512
1621
  selectedContrast: string;
1513
1622
  tagColor: string;
1514
1623
  };
1515
- };
1516
- declare type ThemeTypography = {
1517
- config: {
1518
- weight: {
1519
- heavy: number;
1520
- bold: number;
1521
- demi: number;
1522
- regular: number;
1624
+ slideNavigation: {
1625
+ slideDots: {
1626
+ unselectedDotColor: string;
1627
+ selectedDotColor: string;
1628
+ dotsOpacity: number;
1523
1629
  };
1524
1630
  };
1525
- variants: Record<string, CSSProperties>;
1526
- };
1527
- declare type ThemeFonts = {
1528
- url: string;
1529
- config: Array<{
1530
- src: string;
1531
- family: string;
1532
- weight?: number | string;
1533
- style?: string;
1534
- stretch?: string;
1535
- }>;
1536
- };
1537
- declare type ThemeAssets = {
1538
- images: {
1539
- favicon: string;
1540
- logo: string;
1541
- };
1542
- [key: string]: any;
1543
- };
1544
-
1545
- interface CheckboxProps {
1546
- disabled?: boolean;
1547
- onChange: (checked: boolean) => void;
1548
- size?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
1549
- text: string;
1550
- checked?: boolean;
1551
- blockUncheck?: boolean;
1552
- id: string;
1553
- backgroundColor?: string;
1554
- variant: 'primary' | 'secondary';
1555
- }
1556
- declare const Checkbox: ({ disabled, onChange, size, text, checked, id, variant, blockUncheck, }: CheckboxProps) => JSX.Element;
1557
-
1558
- interface RadioGroupInputProps {
1559
- name: string;
1560
- options?: RadioGroupOption[];
1561
- value?: RadioGroupOption;
1562
- onChange: (value: RadioGroupOption) => void;
1631
+ beforeAfter: {
1632
+ size: {
1633
+ small: {
1634
+ image: {
1635
+ minHeight: string;
1636
+ minWidth: string;
1637
+ mobile: {
1638
+ minHeight: string;
1639
+ minWidth: string;
1640
+ };
1641
+ };
1642
+ imageContainer: {
1643
+ maxWidth: string;
1644
+ padding: string;
1645
+ mobile: {
1646
+ maxWidth: string;
1647
+ };
1648
+ };
1649
+ userInfoText: {
1650
+ fontSize: string;
1651
+ mobile: {
1652
+ fontSize: string;
1653
+ };
1654
+ };
1655
+ };
1656
+ medium: {
1657
+ image: {
1658
+ minHeight: string;
1659
+ minWidth: string;
1660
+ mobile: {
1661
+ minHeight: string;
1662
+ minWidth: string;
1663
+ };
1664
+ };
1665
+ imageContainer: {
1666
+ maxWidth: string;
1667
+ padding: string;
1668
+ mobile: {
1669
+ maxWidth: string;
1670
+ };
1671
+ };
1672
+ userInfoText: {
1673
+ fontSize: string;
1674
+ mobile: {
1675
+ fontSize: string;
1676
+ };
1677
+ };
1678
+ };
1679
+ large: {
1680
+ image: {
1681
+ minHeight: string;
1682
+ minWidth: string;
1683
+ mobile: {
1684
+ minHeight: string;
1685
+ minWidth: string;
1686
+ };
1687
+ };
1688
+ imageContainer: {
1689
+ maxWidth: string;
1690
+ padding: string;
1691
+ mobile: {
1692
+ maxWidth: string;
1693
+ };
1694
+ };
1695
+ userInfoText: {
1696
+ fontSize: string;
1697
+ mobile: {
1698
+ fontSize: string;
1699
+ };
1700
+ };
1701
+ };
1702
+ };
1703
+ };
1704
+ total: {
1705
+ basicTotal: {
1706
+ amount: {
1707
+ color: string;
1708
+ fontSize: string;
1709
+ };
1710
+ currency: {
1711
+ color: string;
1712
+ fontSize: string;
1713
+ lineHeight: string;
1714
+ alignSelf?: string;
1715
+ };
1716
+ savings: {
1717
+ amountFontWeight: number;
1718
+ color?: string;
1719
+ };
1720
+ };
1721
+ };
1722
+ subTotal: {
1723
+ basicSubTotal: {
1724
+ family: string;
1725
+ size: string;
1726
+ weight: number;
1727
+ lineHeight: string;
1728
+ color: string;
1729
+ };
1730
+ };
1731
+ pricing: {
1732
+ priceLabel: {
1733
+ price: {
1734
+ size: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
1735
+ originalPriceColor: string;
1736
+ actualPriceColor: string;
1737
+ defaultFontSize?: {
1738
+ large: string;
1739
+ medium: string;
1740
+ small: string;
1741
+ };
1742
+ smallFontSize?: {
1743
+ large: string;
1744
+ medium: string;
1745
+ small: string;
1746
+ };
1747
+ largeFontSize?: {
1748
+ large: string;
1749
+ medium: string;
1750
+ small: string;
1751
+ };
1752
+ discountFontSize?: {
1753
+ large: string;
1754
+ medium: string;
1755
+ small: string;
1756
+ };
1757
+ };
1758
+ };
1759
+ };
1760
+ orderSummary: {
1761
+ headingTextAlign: string;
1762
+ backgroundColor?: string;
1763
+ padding?: string;
1764
+ borderRadius?: string;
1765
+ maxWidth?: string;
1766
+ onMobile: {
1767
+ maxWidth?: string;
1768
+ padding?: string;
1769
+ backgroundColor?: string;
1770
+ };
1771
+ };
1772
+ expressCheckout: {
1773
+ button: {
1774
+ borderRadius: string;
1775
+ };
1776
+ };
1777
+ copyrightText: {
1778
+ fontSize: string;
1779
+ fontWeight: number;
1780
+ lineHeight: string;
1781
+ color: string;
1782
+ };
1783
+ thankyouFooterText: {
1784
+ fontSize: string;
1785
+ fontWeight: string;
1786
+ lineHeight: string;
1787
+ };
1788
+ textButton: {
1789
+ fontWeight: number;
1790
+ lineHeight: string;
1791
+ };
1792
+ deliveryDetails: {
1793
+ title: {
1794
+ fontSize: string;
1795
+ lineHeight: string;
1796
+ fontWeight: number;
1797
+ };
1798
+ note: {
1799
+ accentColor: string;
1800
+ color: string;
1801
+ backgroundColor: string;
1802
+ };
1803
+ sectionTitle: {
1804
+ fontSize: string;
1805
+ lineHeight: string;
1806
+ fontWeight: number;
1807
+ };
1808
+ sectionDetails: {
1809
+ fontSize: string;
1810
+ lineHeight: string;
1811
+ fontWeight: number;
1812
+ marginLeft?: string;
1813
+ };
1814
+ };
1815
+ text: {
1816
+ orderHeader: {
1817
+ color: string;
1818
+ };
1819
+ fitGuarantee: {
1820
+ titleFontSize?: string;
1821
+ titleFontWeight?: number | string;
1822
+ fontWeight: number | string;
1823
+ };
1824
+ offerBanner: {
1825
+ borderRadius: string;
1826
+ };
1827
+ };
1828
+ orderBar: {
1829
+ backgroundColor: string;
1830
+ fontColor: string;
1831
+ };
1832
+ banner: {
1833
+ outlineColor: string;
1834
+ filledColor: string;
1835
+ fontColor: string;
1836
+ };
1837
+ offerTitleText: {
1838
+ size: string;
1839
+ weight: number;
1840
+ lineHeight: string;
1841
+ };
1842
+ linePrice: {
1843
+ color: string;
1844
+ badge: {
1845
+ color: string;
1846
+ borderRadius: string;
1847
+ };
1848
+ };
1849
+ divider: {
1850
+ color: string;
1851
+ };
1852
+ checkout: {
1853
+ paymentInformation: {
1854
+ borderRadius?: string;
1855
+ };
1856
+ creditCardSection: {
1857
+ borderRadius?: string;
1858
+ };
1859
+ };
1860
+ upsell: {
1861
+ banner: {
1862
+ outlined: {
1863
+ color?: string;
1864
+ };
1865
+ };
1866
+ price: {
1867
+ colors: {
1868
+ regular: string;
1869
+ deal: string;
1870
+ each: string;
1871
+ badgeBG: string;
1872
+ badgeColor: string;
1873
+ };
1874
+ };
1875
+ hurryTimeCard: {
1876
+ backgroundColor: string;
1877
+ };
1878
+ guaranteedFit?: {
1879
+ backgroundColor: string;
1880
+ };
1881
+ };
1882
+ thankyou: {
1883
+ orderBanner?: {
1884
+ text: {
1885
+ left: string;
1886
+ };
1887
+ };
1888
+ emailSection: {
1889
+ backgroundColor?: string;
1890
+ };
1891
+ socialIcon: {
1892
+ color?: string;
1893
+ };
1894
+ orderId: {
1895
+ color: string;
1896
+ };
1897
+ };
1898
+ hurryUp: {
1899
+ borderRadius?: string;
1900
+ };
1901
+ qtyPicker: {
1902
+ borderRadius: string;
1903
+ };
1904
+ };
1905
+ declare type ThemeTypography = {
1906
+ config: {
1907
+ weight: {
1908
+ heavy: number;
1909
+ bold: number;
1910
+ demi: number;
1911
+ regular: number;
1912
+ };
1913
+ };
1914
+ variants: Record<string, CSSProperties>;
1915
+ };
1916
+ declare type ThemeFonts = {
1917
+ url: string;
1918
+ config: Array<{
1919
+ src: string;
1920
+ family: string;
1921
+ weight?: number | string;
1922
+ style?: string;
1923
+ stretch?: string;
1924
+ }>;
1925
+ };
1926
+ declare type ThemeAssets = {
1927
+ cdn: string;
1928
+ images: {
1929
+ favicon: string;
1930
+ logo: string;
1931
+ logoSize?: {
1932
+ width: string;
1933
+ height: string;
1934
+ };
1935
+ logoMobile?: string;
1936
+ checkoutLogo?: {
1937
+ url: string;
1938
+ width: string;
1939
+ height: string;
1940
+ };
1941
+ upsellLogo?: {
1942
+ url: string;
1943
+ width: string;
1944
+ height: string;
1945
+ };
1946
+ tyLogo?: {
1947
+ url: string;
1948
+ width: string;
1949
+ height: string;
1950
+ };
1951
+ };
1952
+ [key: string]: any;
1953
+ };
1954
+
1955
+ declare const ThemeProvider: FC<{
1956
+ theme: Theme$1;
1957
+ children: ReactNode;
1958
+ }>;
1959
+ declare const useTheme: () => Theme$1;
1960
+
1961
+ declare const ThemeVariables: FC<{
1962
+ theme: Theme$1;
1963
+ Container?: ElementType;
1964
+ }>;
1965
+ declare const AssetsProvider: FC<{
1966
+ assets: ThemeAssets;
1967
+ }>;
1968
+ declare const useThemeAssets: () => ThemeAssets;
1969
+
1970
+ interface CheckboxProps {
1971
+ disabled?: boolean;
1972
+ onChange: (checked: boolean) => void;
1973
+ size?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
1974
+ text: string;
1975
+ checked?: boolean;
1976
+ blockUncheck?: boolean;
1977
+ id: string;
1978
+ backgroundColor?: string;
1979
+ variant: 'primary' | 'secondary' | 'color';
1980
+ }
1981
+ declare const Checkbox: React__default.FC<CheckboxProps>;
1982
+
1983
+ interface ImageStyleProps {
1984
+ height?: string;
1985
+ width?: string;
1986
+ borderRadius?: string;
1987
+ objectFit?: string;
1988
+ objectPosition?: string;
1989
+ className?: string;
1990
+ }
1991
+ interface ImageProps extends ImageStyleProps {
1992
+ src: string;
1993
+ alt: string;
1994
+ srcSet?: string;
1995
+ sizes?: string;
1996
+ loading?: 'lazy' | 'eager';
1997
+ }
1998
+ declare const Image: ({ src, srcSet, sizes, loading, alt, height, width, borderRadius, objectFit, objectPosition, className, }: ImageProps) => JSX.Element;
1999
+
2000
+ interface DiscountTagProps {
2001
+ discount: number;
2002
+ offText: string;
2003
+ savings?: string;
2004
+ showSavings?: boolean;
2005
+ disabled?: boolean;
2006
+ backgroundColor?: string;
2007
+ borderColor?: string;
2008
+ textColor?: string;
2009
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2010
+ style?: React__default.CSSProperties;
2011
+ bordersRounded?: boolean;
2012
+ }
2013
+ declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
2014
+
2015
+ interface ClubOfferTagProps {
2016
+ clubOfferText?: string;
2017
+ className?: string;
2018
+ disabled?: boolean;
2019
+ backgroundColor?: string;
2020
+ borderColor?: string;
2021
+ textColor?: string;
1563
2022
  size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2023
+ style?: React__default.CSSProperties;
2024
+ }
2025
+ declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
2026
+
2027
+ interface PriceLabelProps {
2028
+ finalPrice: string | number;
2029
+ originalPrice?: string | number;
2030
+ color?: string;
2031
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2032
+ discount?: DiscountTagProps;
2033
+ clubOffer?: ClubOfferTagProps;
2034
+ finalPriceStyled?: boolean;
2035
+ finalPriceStyle?: React__default.CSSProperties;
2036
+ originalPriceStyled?: boolean;
2037
+ originalPriceUnderlined?: boolean;
2038
+ testId?: string;
2039
+ clubStyle?: boolean;
2040
+ bordersRounded?: boolean;
2041
+ }
2042
+ declare const PriceLabel: React__default.FC<PriceLabelProps>;
2043
+
2044
+ declare type Props = PriceLabelProps & {
2045
+ savingsDisplay?: boolean;
2046
+ };
2047
+ declare const PriceLabelV2: React__default.FC<Props>;
2048
+
2049
+ interface RatingProps {
2050
+ rating: number;
2051
+ size?: ComponentSize;
2052
+ reviews?: number;
2053
+ reviewsText?: string;
2054
+ wrapWithParenthesis?: boolean;
2055
+ underline?: boolean;
2056
+ reviewsContainerId?: string;
2057
+ }
2058
+ declare const Rating: ({ size, reviews, reviewsText, rating, wrapWithParenthesis, underline, reviewsContainerId, }: RatingProps) => JSX.Element;
2059
+
2060
+ interface ProductItemProps {
2061
+ title: string;
2062
+ image: ImageProps;
2063
+ price: Pick<PriceLabelProps, 'finalPrice' | 'originalPrice' | 'color'>;
2064
+ rating: Pick<RatingProps, 'rating' | 'reviews'>;
2065
+ tags?: {
2066
+ categoryTagText?: string;
2067
+ seasonOfferTagText?: string;
2068
+ };
2069
+ alignName?: 'left' | 'center';
2070
+ url?: string;
2071
+ className?: string;
2072
+ }
2073
+
2074
+ interface ProductItemSmallMobileProps$1 extends ProductItemProps {
2075
+ titleStyle?: Pick<TextProps$1, 'variant' | 'weight' | 'size'>;
2076
+ ImageBorderRadius?: string;
2077
+ hasSpacing?: boolean;
2078
+ textContainerGap?: string;
2079
+ customSizeRating?: ComponentSize.XSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | '';
2080
+ size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
2081
+ imageHover?: ImageProps;
2082
+ topTag?: JSX.Element;
2083
+ bottomTag?: JSX.Element;
2084
+ onClick?: () => void;
2085
+ originalPriceStyled?: boolean;
2086
+ priceDisplayType?: 'default' | 'styled';
2087
+ priceAtBottom?: boolean;
2088
+ priceLoading?: boolean;
2089
+ noFollow?: boolean;
2090
+ colorPicker?: {
2091
+ display: boolean;
2092
+ position: string;
2093
+ component: JSX.Element | JSX.Element[] | undefined;
2094
+ };
2095
+ isBNPL?: {
2096
+ displayBNPL: boolean;
2097
+ installments: number;
2098
+ installmentPrice: string;
2099
+ iconFolder?: string;
2100
+ iconName: string;
2101
+ showLogo?: boolean;
2102
+ iconColor: string;
2103
+ fontSize: string;
2104
+ };
2105
+ hasStrength?: {
2106
+ strength: number;
2107
+ description: string;
2108
+ };
2109
+ clubPrice?: string;
2110
+ showClubPriceLabel?: boolean;
2111
+ }
2112
+
2113
+ interface ProductItemSmallMobileProps extends ProductItemProps {
2114
+ size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
2115
+ imageHover?: ImageProps;
2116
+ topTag?: JSX.Element;
2117
+ bottomTag?: JSX.Element;
2118
+ onClick?: () => void;
2119
+ priceDisplayType?: 'default' | 'styled';
2120
+ priceAtBottom?: boolean;
2121
+ priceLoading?: boolean;
2122
+ noFollow?: boolean;
2123
+ colorPicker?: {
2124
+ display: boolean;
2125
+ position: string;
2126
+ component: JSX.Element | JSX.Element[] | undefined;
2127
+ };
2128
+ isBNPL?: {
2129
+ displayBNPL: boolean;
2130
+ installments: number;
2131
+ installmentPrice: string;
2132
+ iconFolder?: string;
2133
+ iconName: string;
2134
+ showLogo?: boolean;
2135
+ iconColor: string;
2136
+ fontSize: string;
2137
+ };
2138
+ hasStrength?: {
2139
+ strength: number;
2140
+ description: string;
2141
+ };
2142
+ clubPrice?: string;
2143
+ showClubPriceLabel?: boolean;
2144
+ isRatingLoading?: boolean;
2145
+ }
2146
+
2147
+ declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: React__default.FC<P>, data: ProductItemProps[]): {
2148
+ (props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
2149
+ displayName: string;
2150
+ };
2151
+
2152
+ declare const Collection: {
2153
+ ProductItemMobile: React$1.FC<ProductItemSmallMobileProps>;
2154
+ withProductGrid: typeof withProductGrid;
2155
+ ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
2156
+ };
2157
+
2158
+ interface IconProps {
2159
+ width?: number | string;
2160
+ height?: number | string;
2161
+ fill?: string;
2162
+ title?: string;
2163
+ testId?: string;
2164
+ }
2165
+ declare type ButtonType = 'button' | 'submit' | 'reset';
2166
+ interface CTAProps {
2167
+ onClick: () => void;
1564
2168
  disabled?: boolean;
2169
+ wide?: boolean | false;
2170
+ size?: ComponentSize;
2171
+ text: string;
2172
+ type?: ButtonType;
2173
+ className?: string;
2174
+ testId?: string;
2175
+ inline?: boolean;
2176
+ }
2177
+ declare type DropdownOption<T> = {
2178
+ key: string;
2179
+ label: string;
2180
+ value: T;
2181
+ disabled: boolean;
2182
+ };
2183
+ declare type SizeOption = {
2184
+ label: string;
2185
+ description: string;
2186
+ disabled?: boolean;
2187
+ noStock?: boolean;
2188
+ };
2189
+ declare type Pattern = {
2190
+ url: string;
2191
+ };
2192
+ declare type ColorPickerOption = {
2193
+ label: string;
2194
+ description: string;
2195
+ noStock?: boolean;
2196
+ meta: {
2197
+ color?: string[];
2198
+ pattern?: Pattern;
2199
+ };
2200
+ };
2201
+ declare type RadioGroupOption = {
2202
+ value: string;
2203
+ label: string | ReactFragment;
2204
+ };
2205
+ declare type ImageType = {
2206
+ key: string;
2207
+ imageUrl: string;
2208
+ alt: string;
2209
+ thumbnailUrl?: string;
2210
+ };
2211
+ interface IconWithOpacityProps extends IconProps {
2212
+ opacity?: number;
2213
+ }
2214
+ interface WithTestId {
2215
+ testId?: string;
2216
+ }
2217
+ declare type DropdownListIconsItem = {
2218
+ Icon: IconType;
2219
+ items: DropdownListIconsSubItem[];
2220
+ };
2221
+ declare type DropdownListIconsSubItem = {
2222
+ description: string;
2223
+ callback: () => void;
2224
+ };
2225
+ declare type Filter = {
2226
+ title: string;
2227
+ columns: number;
2228
+ isOpenByDefault?: boolean;
2229
+ isLinkOption?: boolean;
2230
+ link?: string;
2231
+ color?: string;
2232
+ isMultiselect: boolean;
2233
+ type?: string;
2234
+ items: Array<{
2235
+ label: string;
2236
+ checked?: boolean;
2237
+ isLinkItem?: boolean;
2238
+ link?: string;
2239
+ blockUncheck?: boolean;
2240
+ value?: string;
2241
+ }>;
2242
+ showInMobile: boolean;
2243
+ };
2244
+ declare type FilterChange = {
2245
+ sectionIndex: number;
2246
+ itemIndex: number;
2247
+ checked?: boolean;
2248
+ };
2249
+ interface SearchBarOptionItem {
2250
+ src: string;
2251
+ price: string;
2252
+ title: string;
2253
+ optionUrl: string;
1565
2254
  }
1566
- declare const RadioGroupInput: ({ name, options, value, onChange, size, disabled, }: RadioGroupInputProps) => JSX.Element;
2255
+ interface imageVideoProps {
2256
+ imageLink: string;
2257
+ isVideo?: {
2258
+ videoTitle?: string;
2259
+ videoSubtitle?: string;
2260
+ textColor?: string;
2261
+ videoLink?: string;
2262
+ };
2263
+ isMobile?: boolean;
2264
+ }
1567
2265
 
1568
- interface SimpleProps {
2266
+ interface MultiColorPickerProps {
2267
+ options?: ColorPickerOption[];
2268
+ label: string;
2269
+ selectedValue?: ColorPickerOption;
2270
+ onChange: (color: Set<ColorPickerOption>) => void;
2271
+ }
2272
+ declare const MultiColorPicker: ({ options, label, selectedValue, onChange, }: MultiColorPickerProps) => JSX.Element;
2273
+
2274
+ interface ColorPickerProps {
2275
+ options: ColorPickerOption[];
2276
+ selectedValue?: ColorPickerOption;
2277
+ label: string;
2278
+ onChange: (color: ColorPickerOption) => void;
2279
+ inline?: boolean;
2280
+ }
2281
+ declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
2282
+
2283
+ interface CrossSellCheckboxProps extends rightToLeftProps {
2284
+ imageURL: string;
1569
2285
  title: string;
2286
+ description: string;
1570
2287
  freeShippingText: string;
1571
- price: string;
1572
- anyQtyForText: string;
1573
- backgroundColor: string;
1574
- widthAuto?: boolean;
2288
+ onChange: (checked: Boolean) => void;
2289
+ }
2290
+ interface rightToLeftProps {
2291
+ rightToLeft: boolean;
2292
+ }
2293
+ declare const CrossSellCheckbox: ({ imageURL, title, description, freeShippingText, rightToLeft, onChange, }: CrossSellCheckboxProps) => JSX.Element;
2294
+
2295
+ type index_d_CrossSellCheckboxProps = CrossSellCheckboxProps;
2296
+ declare const index_d_CrossSellCheckbox: typeof CrossSellCheckbox;
2297
+ declare namespace index_d {
2298
+ export {
2299
+ index_d_CrossSellCheckboxProps as CrossSellCheckboxProps,
2300
+ index_d_CrossSellCheckbox as CrossSellCheckbox,
2301
+ };
1575
2302
  }
1576
2303
 
1577
- interface MinimalisticProps {
2304
+ declare const ButtonPrimary: ({ testId, ...props }: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
2305
+
2306
+ declare const ButtonSecondary: (props: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
2307
+
2308
+ declare const ButtonSecondaryOutline: (props: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
2309
+
2310
+ declare type detail = {
2311
+ title: string;
2312
+ details: string;
2313
+ };
2314
+ interface orderUpdate extends detail {
2315
+ keepMeUpdated?: {
2316
+ title: string;
2317
+ onClick: () => void;
2318
+ };
2319
+ }
2320
+ interface DeliveryDetailsProps {
2321
+ deliveryDetailsText: string;
2322
+ arrivingBy: detail;
2323
+ shippingTo: detail;
2324
+ instantOrderUpdate: orderUpdate;
2325
+ note?: {
2326
+ importantNoteText: string;
2327
+ text: string;
2328
+ accentColor?: string;
2329
+ backgroundColor?: string;
2330
+ color?: string;
2331
+ };
2332
+ }
2333
+ declare const DeliveryDetails: ({ deliveryDetailsText, arrivingBy, shippingTo, instantOrderUpdate, note, }: DeliveryDetailsProps) => JSX.Element;
2334
+
2335
+ interface NoteProps {
2336
+ accentColor?: string;
2337
+ color?: string;
2338
+ backgroundColor?: string;
2339
+ importantNoteText: string;
2340
+ text: string;
2341
+ }
2342
+ declare const Note: ({ accentColor, color, backgroundColor, importantNoteText, text, }: NoteProps) => JSX.Element;
2343
+
2344
+ interface DrawerProps {
2345
+ children: React__default.ReactNode;
2346
+ isOpen: boolean;
2347
+ onClose?: () => void;
2348
+ onOpen?: () => void;
2349
+ onClickOutside?: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
2350
+ backgroundColor?: string;
2351
+ backdropColor?: string;
2352
+ position?: 'left' | 'right';
2353
+ width?: string;
2354
+ }
2355
+ declare const Drawer: ({ children, isOpen, onClose, onOpen, backgroundColor, backdropColor, position, width, onClickOutside, }: DrawerProps) => JSX.Element | null;
2356
+
2357
+ interface DropdownListIconsProps {
2358
+ items: DropdownListIconsItem[];
2359
+ }
2360
+ declare const DropdownListIcons: ({ items }: DropdownListIconsProps) => JSX.Element;
2361
+
2362
+ interface DropdownProps {
2363
+ options: SelectedOption[];
2364
+ defaultLabel: string;
2365
+ onOptionSelect: (option: string) => void;
2366
+ }
2367
+ interface SelectedOption {
2368
+ size: string;
2369
+ detail: string;
2370
+ }
2371
+ declare const SizeDropdown: React__default.FC<DropdownProps>;
2372
+
2373
+ interface DialogPositionProps {
2374
+ top: string;
2375
+ right: string;
2376
+ }
2377
+ interface DialogDropdownProps {
2378
+ options: {
2379
+ label: string;
2380
+ value: string;
2381
+ }[];
2382
+ position: DialogPositionProps;
2383
+ style?: React__default.CSSProperties;
2384
+ className?: string;
2385
+ }
2386
+ declare const DropdownDialog: ({ options, position: { top, right }, style, className, }: DialogDropdownProps) => JSX.Element;
2387
+
2388
+ declare type FilteringDropdownProps<T> = {
2389
+ options: DropdownOption<T>[];
2390
+ disabled?: boolean;
2391
+ wide?: boolean;
2392
+ onChange: (options: DropdownOption<T>[]) => void;
2393
+ filter?: boolean;
2394
+ sliceAfter?: number;
2395
+ placeHolder: string;
2396
+ };
2397
+ declare function FilteringDropdown<T>({ options, disabled, placeHolder, wide, sliceAfter, filter, onChange, }: FilteringDropdownProps<T>): JSX.Element;
2398
+
2399
+ declare type Value<T> = DropdownOption<T>;
2400
+ declare type OnChange<T> = (option: Value<T>) => void;
2401
+ declare type CommonProps<T> = {
2402
+ options: Value<T>[];
2403
+ disabled?: boolean;
2404
+ wide?: boolean;
2405
+ label?: string;
2406
+ sort?: boolean;
2407
+ initialValue?: Value<T>;
2408
+ placeHolder: string;
2409
+ testId?: string;
2410
+ required?: string;
2411
+ showRequiredPlaceholder?: boolean;
2412
+ };
2413
+ declare type ControlledProps<T> = {
2414
+ value: Value<T>;
2415
+ onChange: OnChange<T>;
2416
+ } & CommonProps<T>;
2417
+ declare type UncontrolledProps<T> = {
2418
+ value?: never;
2419
+ onChange?: OnChange<T>;
2420
+ } & CommonProps<T>;
2421
+ declare type SimpleDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
2422
+ declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, }: SimpleDropdownProps<T>): JSX.Element;
2423
+
2424
+ interface FiltersProps {
2425
+ values: Filter[];
2426
+ onChange: (newValues: Filter[], filtersState?: FilterChange) => void;
2427
+ tagsColor?: string;
2428
+ filterByText: string;
2429
+ clearAllText: string;
2430
+ filtersSelectText: string;
2431
+ isMobile: boolean;
2432
+ applyText: string;
2433
+ mobileBackArrowClick: () => void;
2434
+ mobileApplyButtonClick: () => void;
2435
+ onResetValues: () => void;
2436
+ }
2437
+ declare const Filters: ({ values, onChange, tagsColor, filterByText, clearAllText, isMobile, filtersSelectText, applyText, mobileApplyButtonClick, mobileBackArrowClick, onResetValues, }: FiltersProps) => JSX.Element;
2438
+
2439
+ interface TagsProps {
2440
+ color?: string;
2441
+ items: string[];
2442
+ onCloseClick: (index: number) => void;
2443
+ }
2444
+ declare const Tags: ({ color, items, onCloseClick }: TagsProps) => JSX.Element;
2445
+
2446
+ interface FitGuaranteeProps {
1578
2447
  backgroundColor?: string;
1579
2448
  borderColor?: string;
1580
- originalPrice: string;
1581
- price: string;
1582
- savingPrice: string;
1583
- getMorePayLessText: string;
1584
- youAreSavingText: string;
1585
- getQtyForText: string;
1586
- discount: number;
1587
- offText: string;
2449
+ title: string;
2450
+ description: string;
1588
2451
  widthAuto?: boolean;
1589
2452
  testId?: string;
1590
- }
2453
+ iconFolder?: string;
2454
+ iconName?: string;
2455
+ iconWidth?: number;
2456
+ iconHeight?: number;
2457
+ }
2458
+ declare const FitGuarantee: ({ backgroundColor, borderColor, title, description, widthAuto, testId, iconFolder, iconName, iconWidth, iconHeight, }: FitGuaranteeProps) => JSX.Element | null;
1591
2459
 
1592
- declare const Bundle: {
1593
- Minimalistic: ({ backgroundColor, borderColor, originalPrice, price, savingPrice, getMorePayLessText, youAreSavingText, getQtyForText, discount, offText, widthAuto, testId, }: MinimalisticProps) => JSX.Element;
1594
- Simple: ({ title, freeShippingText, price, anyQtyForText, backgroundColor, widthAuto, }: SimpleProps) => JSX.Element;
1595
- };
2460
+ interface FitPredictorProps {
2461
+ onClick: () => void;
2462
+ }
2463
+ declare const FitPredictor: ({ onClick }: FitPredictorProps) => _emotion_react_jsx_runtime.JSX.Element;
1596
2464
 
1597
- interface CategoryTagProps {
1598
- text: string;
1599
- size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
1600
- className?: string;
1601
- styledBorder?: boolean;
2465
+ interface ProductGalleryProps {
2466
+ images: ImageType[];
2467
+ selectedValue?: ImageType;
2468
+ topTag?: JSX.Element;
2469
+ bottomTag?: JSX.Element;
2470
+ productImageDataTestId?: string;
2471
+ previewListDataTestId?: string;
2472
+ thumbnailPosition?: 'vertical' | 'horizontal';
2473
+ borderRadiusVariant?: boolean;
2474
+ previewImgBorderColor?: string;
2475
+ ctaText?: string;
2476
+ ctaAction?: () => void;
2477
+ hideCTA?: boolean;
2478
+ hasOverflowArrows?: boolean;
1602
2479
  }
1603
- declare const CategoryTag: ({ text, size, className, styledBorder }: CategoryTagProps) => _emotion_react_jsx_runtime.JSX.Element;
2480
+ declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, hasOverflowArrows, }: ProductGalleryProps) => JSX.Element;
1604
2481
 
1605
- interface SeasonOfferTagProps {
1606
- text: string;
1607
- backgroundColor?: string;
1608
- size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
1609
- className?: string;
1610
- styledBorder?: boolean;
2482
+ interface IconButtonProps {
2483
+ children: React__default.ReactNode;
2484
+ disabled?: boolean;
2485
+ onClick?: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
2486
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2487
+ }
2488
+ declare const IconButton: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;
2489
+
2490
+ interface AmazonPaypalBtnProps {
2491
+ onClick: () => void;
2492
+ }
2493
+ declare const AmazonButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
2494
+ declare const PaypalButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
2495
+
2496
+ interface IconsWithTitleProps {
2497
+ backgroundColor: string;
2498
+ iconColor: string;
2499
+ iconName: string;
2500
+ iconFolder?: string;
2501
+ withWrapper?: boolean;
2502
+ iconTitle: string;
2503
+ iconSizeDesktop?: number;
2504
+ iconSizeMobile?: number;
2505
+ iconTitlePosition?: 'top' | 'bottom' | 'left' | 'right';
2506
+ iconTitleStyle?: string;
2507
+ iconStyle?: string;
2508
+ isTitleInnerHtml?: boolean;
1611
2509
  }
1612
- declare const SeasonOfferTag: ({ text, backgroundColor, size, className, styledBorder, }: SeasonOfferTagProps) => _emotion_react_jsx_runtime.JSX.Element;
2510
+ declare const IconsWithTitle: ({ iconName, iconTitle, iconFolder, withWrapper, backgroundColor, iconColor, iconSizeDesktop, iconSizeMobile, iconTitlePosition, iconTitleStyle, iconStyle, isTitleInnerHtml, }: IconsWithTitleProps) => JSX.Element | null;
1613
2511
 
1614
- interface TimeProps {
1615
- hours: number;
1616
- minutes: number;
1617
- seconds: number;
1618
- }
1619
- interface TimerProps extends TimeProps {
1620
- onTimeUp: () => void;
1621
- displayZeroValues?: boolean;
2512
+ interface ImageCardWithDescriptionProps {
2513
+ image: string;
2514
+ title?: string;
2515
+ description?: string;
2516
+ titlePosition?: 'center' | 'left';
1622
2517
  }
1623
- declare const Timer: ({ onTimeUp, displayZeroValues, ...rest }: TimerProps) => JSX.Element;
2518
+ declare const ImageCardWithDescription: ({ image, title, description, titlePosition, }: ImageCardWithDescriptionProps) => JSX.Element;
1624
2519
 
1625
2520
  interface BaseInputCommonProps {
1626
2521
  id?: string;
1627
2522
  value?: string;
1628
- innerRef?: React.Ref<HTMLInputElement>;
2523
+ innerRef?: React__default.Ref<HTMLInputElement>;
1629
2524
  onBlur?: () => void;
1630
2525
  onFocus?: () => void;
1631
2526
  onChange?: (value: string, event: any) => void;
@@ -1637,13 +2532,14 @@ interface BaseInputCommonProps {
1637
2532
  onValidation?: (status: InputValidationType) => void;
1638
2533
  disabled?: boolean;
1639
2534
  required?: string;
1640
- children?: React.ReactNode;
2535
+ children?: React__default.ReactNode;
1641
2536
  size?: 'regular' | 'small';
1642
2537
  inlinePlaceholder?: boolean;
1643
2538
  hasError?: boolean;
1644
2539
  inputType?: 'text' | 'email' | 'password' | 'url';
1645
2540
  name?: string;
1646
2541
  autoFocus?: boolean;
2542
+ requiredPlaceholder?: string;
1647
2543
  }
1648
2544
  declare type BaseInputProps = BaseInputCommonProps;
1649
2545
 
@@ -1681,288 +2577,100 @@ declare type CustomProps = BaseInputProps & {
1681
2577
  onClick: () => void;
1682
2578
  text: string;
1683
2579
  variant: ButtonProps['variant'];
2580
+ defaultRounded?: boolean;
1684
2581
  };
1685
2582
 
1686
2583
  declare const Input: {
1687
- Simple: ({ value, onChange, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, hideClear, innerRef, ...rest }: BaseInputCommonProps) => JSX.Element;
1688
- Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
2584
+ Simple: ({ value, onChange, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, hideClear, innerRef, requiredPlaceholder, ...rest }: BaseInputCommonProps) => JSX.Element;
2585
+ Custom: ({ onClick, text, variant, defaultRounded, ...rest }: CustomProps) => JSX.Element;
1689
2586
  SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
1690
2587
  SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
1691
2588
  };
1692
2589
 
1693
- interface PaymentMethodsProps {
1694
- Icon: IconType;
1695
- width: string;
1696
- height: string;
1697
- onClick?: () => void;
1698
- }
1699
- declare const PaymentMethod: ({ Icon, width, height, onClick }: PaymentMethodsProps) => JSX.Element;
1700
-
1701
- interface OfferBannerProps {
1702
- discountAppliedText: string;
1703
- backgroundColor: string;
1704
- }
1705
- declare const OfferBanner: ({ discountAppliedText, backgroundColor }: OfferBannerProps) => JSX.Element;
1706
-
1707
- declare type SubtotalOption = {
1708
- label: string;
1709
- value: string;
1710
- };
1711
- declare type Coupon = {
1712
- code: string;
1713
- amount: string;
1714
- };
1715
- interface SubtotalProps {
1716
- subtotal: SubtotalOption;
1717
- shipping: SubtotalOption;
1718
- taxes: SubtotalOption;
1719
- highlightColor?: string;
1720
- coupon?: {
1721
- couponText: string;
1722
- appliedText: string;
1723
- coupons: Coupon[];
1724
- };
1725
- }
1726
-
1727
- interface TotalProps {
1728
- total: string;
1729
- currency: string;
1730
- highlightColor?: string;
1731
- saving?: {
1732
- amount: string;
1733
- savingText: string;
1734
- };
1735
- }
1736
-
1737
- declare const Totals: {
1738
- Total: ({ total, currency, saving, highlightColor }: TotalProps) => JSX.Element;
1739
- Subtotal: ({ subtotal, shipping, taxes, coupon, highlightColor, }: SubtotalProps) => JSX.Element;
1740
- };
1741
-
1742
- declare type detail = {
1743
- title: string;
1744
- details: string;
1745
- };
1746
- interface orderUpdate extends detail {
1747
- keepMeUpdated: {
1748
- title: string;
1749
- onClick: () => void;
1750
- };
1751
- }
1752
- interface DeliveryDetailsProps {
1753
- deliveryDetailsText: string;
1754
- arrivingBy: detail;
1755
- shippingTo: detail;
1756
- instantOrderUpdate: orderUpdate;
1757
- note?: {
1758
- importantNoteText: string;
1759
- text: string;
1760
- accentColor: string;
1761
- backgroundColor: string;
1762
- color: string;
1763
- };
1764
- }
1765
- declare const DeliveryDetails: ({ deliveryDetailsText, arrivingBy, shippingTo, instantOrderUpdate, note, }: DeliveryDetailsProps) => JSX.Element;
1766
-
1767
- interface ScrollToTopProps {
1768
- scrollToTopText: string;
1769
- onClick: () => void;
1770
- }
1771
- declare const ScrollToTop: ({ scrollToTopText, onClick }: ScrollToTopProps) => JSX.Element;
1772
-
1773
- interface OrderBarProps {
1774
- message: string;
1775
- }
1776
- declare const OrderBar: ({ message }: OrderBarProps) => JSX.Element;
1777
-
1778
- interface TableProps {
1779
- headers: string[];
1780
- data: string[][];
1781
- }
1782
- declare const SizeTable: ({ headers, data }: TableProps) => JSX.Element;
1783
-
1784
- interface Price extends Pick<PriceLabelProps, 'finalPrice' | 'originalPrice'> {
1785
- color?: string;
1786
- }
1787
- interface ProductOrderItemProps {
1788
- title: string;
1789
- subtitle: string;
1790
- image: {
1791
- src: string;
1792
- alt: string;
1793
- };
1794
- quantity?: number;
1795
- price: Price;
1796
- tag?: {
1797
- text: string;
1798
- backgroundColor: string;
1799
- };
1800
- finalPriceStyle?: React.CSSProperties;
1801
- }
1802
- declare const SimpleOrderItem: ({ title, subtitle, image, price, tag, quantity, finalPriceStyle, }: ProductOrderItemProps) => JSX.Element;
1803
-
1804
- interface ReviewProps {
1805
- reviewerName: string;
1806
- date: Date;
1807
- rating: number;
1808
- stars: {
1809
- color: string;
1810
- size: ComponentSize.Medium | ComponentSize.Small;
1811
- };
1812
- title: string;
1813
- description: string;
1814
- image: {
1815
- src: string;
1816
- alt: string;
1817
- };
1818
- }
1819
- declare const Review: ({ reviewerName, date, rating, stars, title, description, image }: ReviewProps) => JSX.Element;
1820
-
1821
- interface SliderNavigationProps {
1822
- children: JSX.Element | JSX.Element[] | StyledComponent<any>;
1823
- infinite: boolean;
1824
- adaptiveHeight: boolean;
1825
- dotsSize?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
1826
- dotListMarginTop?: number;
1827
- initialSlide?: number;
1828
- arrows?: {
1829
- arrowWidth: number;
1830
- arrowHeight: number;
1831
- arrowPadding: number;
1832
- };
1833
- dots?: boolean;
1834
- slidesToShow?: number;
1835
- speed?: number;
1836
- }
1837
- declare const SliderNavigation: ({ children, infinite, arrows, adaptiveHeight, dotsSize, dotListMarginTop, initialSlide, dots, slidesToShow, speed, }: SliderNavigationProps) => _emotion_react_jsx_runtime.JSX.Element;
1838
-
1839
- interface DropdownListIconsProps {
1840
- items: DropdownListIconsItem[];
1841
- }
1842
- declare const DropdownListIcons: ({ items }: DropdownListIconsProps) => JSX.Element;
1843
-
1844
- interface ImageStyleProps {
1845
- height?: string;
1846
- width?: string;
1847
- borderRadius?: string;
1848
- objectFit?: string;
1849
- objectPosition?: string;
1850
- className?: string;
1851
- }
1852
- interface ImageProps extends ImageStyleProps {
1853
- src: string;
1854
- alt: string;
1855
- }
1856
- declare const Image: ({ src, alt, height, width, borderRadius, objectFit, objectPosition, className, }: ImageProps) => JSX.Element;
1857
-
1858
- interface AmazonPaypalBtnProps {
1859
- onClick: () => void;
1860
- }
1861
- declare const AmazonButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
1862
- declare const PaypalButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
1863
-
1864
- interface CrossSellCheckboxProps extends rightToLeftProps {
1865
- imageURL: string;
1866
- title: string;
1867
- description: string;
1868
- freeShippingText: string;
1869
- onChange: (checked: Boolean) => void;
1870
- }
1871
- interface rightToLeftProps {
1872
- rightToLeft: boolean;
2590
+ interface ProductGalleryMobileProps$1 {
2591
+ images: ImageType[];
2592
+ customClick?: boolean;
2593
+ topTag?: JSX.Element;
2594
+ bottomTag?: JSX.Element;
2595
+ productImageDataTestId?: string;
2596
+ borderRadiusVariant?: boolean;
2597
+ selectedValue?: ImageType;
1873
2598
  }
1874
- declare const CrossSellCheckbox: ({ imageURL, title, description, freeShippingText, rightToLeft, onChange, }: CrossSellCheckboxProps) => JSX.Element;
1875
-
1876
- type index_d_CrossSellCheckboxProps = CrossSellCheckboxProps;
1877
- declare const index_d_CrossSellCheckbox: typeof CrossSellCheckbox;
1878
- declare namespace index_d {
1879
- export {
1880
- index_d_CrossSellCheckboxProps as CrossSellCheckboxProps,
1881
- index_d_CrossSellCheckbox as CrossSellCheckbox,
1882
- };
1883
- }
1884
-
1885
- interface ProductItemProps {
1886
- title: string;
1887
- image: ImageProps;
1888
- price: Pick<PriceLabelProps, 'finalPrice' | 'originalPrice' | 'color'>;
1889
- rating: Pick<RatingProps, 'rating' | 'reviews'>;
1890
- tags?: {
1891
- categoryTagText?: string;
1892
- seasonOfferTagText?: string;
1893
- };
1894
- alignName?: 'left' | 'center';
1895
- url?: string;
1896
- className?: string;
1897
- }
2599
+ declare const ProductGalleryMobile: ({ images, customClick, topTag, bottomTag, productImageDataTestId, borderRadiusVariant, selectedValue, }: ProductGalleryMobileProps$1) => JSX.Element;
1898
2600
 
1899
- interface ProductItemSmallMobileProps extends ProductItemProps {
1900
- size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
1901
- imageHover?: ImageProps;
2601
+ interface ProductGalleryMobileProps {
2602
+ images: ImageType[];
2603
+ selectedValue?: ImageType;
1902
2604
  topTag?: JSX.Element;
1903
2605
  bottomTag?: JSX.Element;
1904
- onClick?: () => void;
1905
- priceDisplayType?: 'default' | 'styled';
1906
- }
1907
-
1908
- declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: React.FC<P>, data: ProductItemProps[]): {
1909
- (props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
1910
- displayName: string;
1911
- };
1912
-
1913
- declare const Collection: {
1914
- ProductItemMobile: ({ title, image, imageHover, price, rating, size, alignName, url, className, topTag, bottomTag, onClick, priceDisplayType, }: ProductItemSmallMobileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1915
- withProductGrid: typeof withProductGrid;
1916
- };
2606
+ productImageDataTestId?: string;
2607
+ slideDotsDataTestId?: string;
2608
+ borderRadiusVariant?: boolean;
2609
+ }
2610
+ declare const ProductGalleryMobileV2: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, slideDotsDataTestId, borderRadiusVariant, }: ProductGalleryMobileProps) => JSX.Element;
1917
2611
 
1918
- interface StarListProps {
1919
- rating: number;
1920
- size?: ComponentSize;
1921
- starsNumber: number;
1922
- fill: string;
2612
+ declare type ModalProps = {
2613
+ id: string;
2614
+ dismissable?: boolean;
2615
+ maxFullScreen?: boolean;
2616
+ padding?: string;
2617
+ children: React__default.ReactNode;
2618
+ };
2619
+ interface ContainerProps {
2620
+ maxFullScreen: boolean;
2621
+ opened?: boolean;
2622
+ padding?: string;
1923
2623
  }
1924
- declare const StarList: ({ rating, starsNumber, fill, size, }: StarListProps) => JSX.Element;
2624
+ declare const Overlay: _emotion_styled.StyledComponent<{
2625
+ theme?: _emotion_react.Theme | undefined;
2626
+ as?: React__default.ElementType<any> | undefined;
2627
+ } & Pick<ContainerProps, "opened">, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2628
+ declare const Modal: FC<ModalProps>;
2629
+ declare const modalEvent: (id: string, detail: Omit<Events['modal'], 'id'>) => void;
2630
+ declare const useModalEvent: (id: string, cb: (event: CustomEvent<Events['modal']>) => void) => void;
2631
+ declare const useModal: (id: string) => {
2632
+ opened: boolean;
2633
+ open: () => void;
2634
+ close: () => void;
2635
+ };
1925
2636
 
1926
- interface DrawerProps {
1927
- children: React.ReactNode;
1928
- isOpen: boolean;
1929
- onClose?: () => void;
1930
- onOpen?: () => void;
1931
- onClickOutside?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
2637
+ interface MotivatorProgressBarProps {
2638
+ fillColor?: string;
2639
+ currentAmount?: number;
1932
2640
  backgroundColor?: string;
1933
- backdropColor?: string;
1934
- position?: 'left' | 'right';
1935
- width?: string;
1936
- }
1937
- declare const Drawer: ({ children, isOpen, onClose, onOpen, backgroundColor, backdropColor, position, width, onClickOutside, }: DrawerProps) => JSX.Element | null;
1938
-
1939
- interface SpinnerProps {
1940
- fill: string;
1941
- background: string;
1942
- animationDuration?: number;
1943
- complete?: boolean;
1944
- completeIconStroke?: number;
1945
- size?: string;
2641
+ unfilledColor?: string;
2642
+ borderRadius?: string;
2643
+ rewardUnlockedMessage: string;
2644
+ endingValue?: number;
2645
+ currencyCode?: string;
1946
2646
  }
1947
- declare const Spinner: ({ fill, background, animationDuration, complete, completeIconStroke, size, }: SpinnerProps) => JSX.Element;
2647
+ declare const MotivatorProgressBar: ({ fillColor, backgroundColor, unfilledColor, currencyCode, endingValue, currentAmount, rewardUnlockedMessage, }: MotivatorProgressBarProps) => JSX.Element;
1948
2648
 
1949
- interface TagsProps {
2649
+ interface OrderBarProps {
2650
+ message: string;
1950
2651
  color?: string;
1951
- items: string[];
1952
- onCloseClick: (index: number) => void;
1953
2652
  }
1954
- declare const Tags: ({ color, items, onCloseClick }: TagsProps) => JSX.Element;
2653
+ declare const OrderBar: ({ message, color }: OrderBarProps) => JSX.Element;
1955
2654
 
1956
- declare type FilteringDropdownProps<T> = {
1957
- options: DropdownOption<T>[];
1958
- disabled?: boolean;
1959
- wide?: boolean;
1960
- onChange: (options: DropdownOption<T>[]) => void;
1961
- filter?: boolean;
1962
- sliceAfter?: number;
1963
- placeHolder: string;
1964
- };
1965
- declare function FilteringDropdown<T>({ options, disabled, placeHolder, wide, sliceAfter, filter, onChange, }: FilteringDropdownProps<T>): JSX.Element;
2655
+ interface PackOption {
2656
+ label: string;
2657
+ description: string;
2658
+ meta: {
2659
+ discountPercentage: number;
2660
+ originalPrice: number;
2661
+ price: number;
2662
+ quantity: number;
2663
+ icon: string;
2664
+ tag?: string;
2665
+ };
2666
+ }
2667
+ interface PackSelectorProps {
2668
+ packs: PackOption[];
2669
+ selectedValue: PackOption;
2670
+ onChange: (size: PackOption) => void;
2671
+ currencyCode?: string;
2672
+ }
2673
+ declare const PackSelector: FC<PackSelectorProps>;
1966
2674
 
1967
2675
  interface PaginationProps {
1968
2676
  from: number;
@@ -1972,119 +2680,194 @@ interface PaginationProps {
1972
2680
  underlineActive?: boolean;
1973
2681
  boldActive?: boolean;
1974
2682
  disabled?: boolean;
2683
+ showReducedPages?: boolean;
1975
2684
  }
1976
- declare const Pagination: ({ from, to, currentPage, onChange, underlineActive, boldActive, disabled, }: PaginationProps) => JSX.Element;
2685
+ declare const Pagination: ({ from, to, currentPage, onChange, underlineActive, boldActive, disabled, showReducedPages, }: PaginationProps) => JSX.Element;
1977
2686
 
1978
2687
  declare const PaginatorBlog: ({ from, to, currentPage, onChange, }: Pick<PaginationProps, 'from' | 'to' | 'onChange' | 'currentPage'>) => JSX.Element;
1979
2688
 
1980
- declare const Text: ({ variant, children, testId, ...allProps }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
1981
- declare type TextHeroProps = {
1982
- variant: 'hero1' | 'hero2' | 'hero3';
1983
- weight?: 'heavy' | 'bold' | 'demi';
1984
- size?: 'regular';
1985
- underline?: never;
1986
- disabled?: never;
1987
- wide?: never;
1988
- original?: never;
1989
- allCaps?: never;
1990
- href: never;
1991
- };
1992
- declare type TextDisplayProps = {
1993
- variant: 'display1' | 'display2';
1994
- weight?: 'bold' | 'demi';
1995
- size?: 'regular';
1996
- underline?: never;
1997
- disabled?: never;
1998
- wide?: never;
1999
- original?: never;
2000
- allCaps?: never;
2001
- href: never;
2002
- };
2003
- declare type TextHeadingProps = {
2004
- variant: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
2005
- weight?: 'bold' | 'demi' | 'regular';
2006
- size?: 'regular';
2007
- underline?: never;
2008
- disabled?: never;
2009
- wide?: never;
2010
- original?: never;
2011
- allCaps?: never;
2012
- href?: never;
2013
- };
2014
- declare type TextBodyProps = {
2015
- variant: 'body';
2016
- size?: 'regular' | 'small';
2017
- weight?: 'bold' | 'demi' | 'regular';
2018
- underline?: never;
2019
- disabled?: never;
2020
- wide?: never;
2021
- original?: never;
2022
- allCaps?: never;
2023
- href?: never;
2024
- };
2025
- declare type TextButtonProps = {
2026
- variant: 'button';
2027
- size: 'large' | 'regular' | 'small';
2028
- weight: 'bold' | 'demi';
2029
- underline?: never;
2030
- disabled?: never;
2031
- wide?: boolean;
2032
- original?: never;
2033
- allCaps?: never;
2034
- href?: never;
2689
+ interface PaymentMethodsProps {
2690
+ Icon: IconType;
2691
+ width: string;
2692
+ height: string;
2693
+ onClick?: () => void;
2694
+ }
2695
+ declare const PaymentMethod: ({ Icon, width, height, onClick }: PaymentMethodsProps) => JSX.Element;
2696
+
2697
+ interface Price extends Pick<PriceLabelProps, 'finalPrice' | 'originalPrice'> {
2698
+ color?: string;
2699
+ }
2700
+ interface ProductOrderItemProps {
2701
+ title: React__default.ReactNode | string;
2702
+ subtitle: string;
2703
+ className?: string;
2704
+ image: {
2705
+ src: string;
2706
+ alt: string;
2707
+ };
2708
+ quantity?: number;
2709
+ price: Price;
2710
+ tag?: {
2711
+ text: string;
2712
+ backgroundColor: string;
2713
+ };
2714
+ finalPriceStyle?: React__default.CSSProperties;
2715
+ }
2716
+ declare const SimpleOrderItem: ({ title, className, subtitle, image, price, tag, quantity, finalPriceStyle, }: ProductOrderItemProps) => JSX.Element;
2717
+
2718
+ interface ProgressBarProps {
2719
+ description?: string;
2720
+ fillColor: string;
2721
+ widthAuto?: boolean;
2722
+ percent?: number;
2723
+ height?: string;
2724
+ backgroundColor?: string;
2725
+ borderRadius?: string;
2726
+ }
2727
+ declare const ProgressBar: ({ description, fillColor, widthAuto, percent, height, backgroundColor, borderRadius, }: ProgressBarProps) => JSX.Element;
2728
+
2729
+ declare type QuantityPickerPropsOnChange = (value: number) => void;
2730
+ declare type QuantityPickerPropsControlled = {
2731
+ value: number;
2732
+ onChange: QuantityPickerPropsOnChange;
2035
2733
  };
2036
- declare type TextPricingProps = {
2037
- variant: 'pricing';
2038
- size: 'large' | 'medium' | 'regular' | 'small';
2039
- weight?: never;
2040
- underline?: never;
2041
- disabled?: never;
2042
- wide?: never;
2043
- original?: boolean;
2044
- allCaps?: never;
2045
- href?: never;
2734
+ declare type QuantityPickerPropsUncontrolled = {
2735
+ value?: never;
2736
+ onChange?: QuantityPickerPropsOnChange;
2046
2737
  };
2047
- declare type TextLinkProps = {
2048
- variant: 'link';
2049
- weight?: 'demi' | 'regular';
2050
- size?: 'regular' | 'small';
2051
- underline?: boolean;
2738
+ declare type QuantityPickerProps = {
2739
+ initialValue?: number;
2740
+ maxValue?: number;
2741
+ testId?: string;
2742
+ } & (QuantityPickerPropsControlled | QuantityPickerPropsUncontrolled);
2743
+ declare const QuantityPicker: ({ initialValue, maxValue, value, testId, onChange, }: QuantityPickerProps) => JSX.Element;
2744
+
2745
+ interface RadioProps$1 {
2746
+ name: string;
2747
+ value: string;
2748
+ id: string;
2749
+ label: string | ReactFragment;
2750
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2751
+ checked?: boolean;
2052
2752
  disabled?: boolean;
2053
- wide?: never;
2054
- original?: never;
2055
- allCaps?: never;
2056
- href?: string;
2057
- };
2058
- declare type TextLabelProps = {
2059
- variant: 'label';
2060
- weight?: 'regular' | 'demi';
2061
- size?: 'regular' | 'small';
2062
- underline?: never;
2753
+ onChange: (option: RadioGroupOption) => void;
2754
+ style?: React__default.CSSProperties;
2755
+ }
2756
+ declare const RadioPrimary: ({ style, name, value, id, label, checked, disabled, onChange, size, }: RadioProps$1) => JSX.Element;
2757
+
2758
+ interface RadioGroupInputProps {
2759
+ name: string;
2760
+ options?: RadioGroupOption[];
2761
+ value?: RadioGroupOption;
2762
+ onChange: (value: RadioGroupOption) => void;
2763
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2063
2764
  disabled?: boolean;
2064
- wide?: never;
2065
- original?: never;
2066
- allCaps?: never;
2067
- href?: never;
2068
- } & LabelHTMLAttributes<'label'>;
2069
- declare type TextTagProps = {
2070
- variant: 'tag';
2071
- size?: 'regular' | 'small' | 'x-small';
2072
- weight?: 'regular' | 'demi' | 'bold';
2073
- underline?: never;
2765
+ style?: React__default.CSSProperties;
2766
+ }
2767
+ declare const RadioGroupInput: ({ style, name, options, value, onChange, size, disabled, }: RadioGroupInputProps) => JSX.Element;
2768
+
2769
+ interface ClubRadioGroupInputProps {
2770
+ name: string;
2771
+ options?: RadioGroupOption[];
2772
+ value?: RadioGroupOption;
2773
+ onChange: (value: RadioGroupOption) => void;
2774
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2074
2775
  disabled?: boolean;
2075
- wide?: never;
2076
- original?: never;
2077
- allCaps?: boolean;
2078
- href?: never;
2079
- };
2080
- declare type TextProps<T = Element> = AriaAttributes & HTMLAttributes<T> & {
2081
- children: ReactNode;
2082
- style?: CSSProperties;
2083
- className?: string;
2084
- testId?: string;
2085
- } & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);
2776
+ style?: React__default.CSSProperties;
2777
+ }
2778
+ declare const ClubRadioGroupInput: ({ style, name, options, value, onChange, size, disabled, }: ClubRadioGroupInputProps) => JSX.Element;
2779
+
2780
+ interface RadioProps {
2781
+ name: string;
2782
+ value: string;
2783
+ id: string;
2784
+ label: string | ReactFragment;
2785
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2786
+ checked?: boolean;
2787
+ disabled?: boolean;
2788
+ onChange: (option: RadioGroupOption) => void;
2789
+ style?: React__default.CSSProperties;
2790
+ }
2791
+ declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, }: RadioProps) => JSX.Element;
2792
+
2793
+ interface StarListProps {
2794
+ rating: number;
2795
+ size?: ComponentSize;
2796
+ starsNumber: number;
2797
+ fill: string;
2798
+ }
2799
+ declare const StarList: ({ rating, starsNumber, fill, size, }: StarListProps) => JSX.Element;
2800
+
2801
+ interface ReviewProps$1 {
2802
+ reviewId: string;
2803
+ reviewerName: string;
2804
+ date: Date;
2805
+ rating: number;
2806
+ stars: {
2807
+ color: string;
2808
+ size: ComponentSize.Medium | ComponentSize.Small;
2809
+ };
2810
+ title: string;
2811
+ description: string;
2812
+ image?: {
2813
+ src: string;
2814
+ alt: string;
2815
+ };
2816
+ modalId: string;
2817
+ maxFullScreen?: boolean;
2818
+ verified?: boolean;
2819
+ productImage?: string;
2820
+ productTitle?: string;
2821
+ productLink?: string;
2822
+ helpfulCount?: number;
2823
+ helpfulAction?: (id: string) => void;
2824
+ notHelpfulCount?: number;
2825
+ notHelpfulAction?: (id: string) => void;
2826
+ }
2827
+ declare const Review$1: ({ reviewId, reviewerName, date, rating, stars, title, description, image, modalId, maxFullScreen, verified, productImage, productTitle, productLink, helpfulCount, helpfulAction, notHelpfulCount, notHelpfulAction, }: ReviewProps$1) => JSX.Element;
2828
+
2829
+ interface ReviewProps {
2830
+ reviewId: string;
2831
+ reviewerName: string;
2832
+ date: Date;
2833
+ rating: number;
2834
+ stars: {
2835
+ color: string;
2836
+ size: ComponentSize.Medium | ComponentSize.Small;
2837
+ };
2838
+ title: string;
2839
+ description: string;
2840
+ images?: {
2841
+ src: string;
2842
+ alt: string;
2843
+ }[];
2844
+ reviewVariant?: string;
2845
+ onClickImage?: (image: string) => void;
2846
+ helpfulActionText?: string;
2847
+ helpfulAction?: (id: string) => void;
2848
+ helpfulCount?: number;
2849
+ }
2850
+ declare const Review: ({ reviewId, reviewerName, date, rating, stars, title, description, images, reviewVariant, onClickImage, helpfulActionText, helpfulAction, helpfulCount, }: ReviewProps) => JSX.Element;
2851
+
2852
+ interface ReviewsHeaderProps {
2853
+ title?: string;
2854
+ rating: number;
2855
+ reviews: number;
2856
+ reviewsText: string;
2857
+ reviewsSummary: string[];
2858
+ onClickReview: (reveiw: string) => void;
2859
+ }
2860
+ declare const ReviewsHeader: ({ title, rating, reviews, reviewsText, reviewsSummary, onClickReview, }: ReviewsHeaderProps) => JSX.Element;
2861
+
2862
+ interface ScrollToTopProps {
2863
+ scrollToTopText: string;
2864
+ onClick: () => void;
2865
+ fill?: string;
2866
+ Icon?: React__default.FC<IconProps$1>;
2867
+ }
2868
+ declare const ScrollToTop: ({ scrollToTopText, onClick, fill, Icon, }: ScrollToTopProps) => JSX.Element;
2086
2869
 
2087
- interface SearchBarProps {
2870
+ declare type SearchBarProps = {
2088
2871
  suggestions: SearchBarOptionItem[];
2089
2872
  resultOptions: SearchBarOptionItem[];
2090
2873
  onChange: (text: string) => void;
@@ -2095,31 +2878,45 @@ interface SearchBarProps {
2095
2878
  initialTerm?: string;
2096
2879
  shouldClear?: boolean;
2097
2880
  isBlogSearchBar?: boolean;
2098
- }
2099
- declare const SearchBar: ({ suggestions, resultOptions, onChange, onSearch, onClose, resultsPanelDataTestId, allResults, initialTerm, shouldClear, isBlogSearchBar, }: SearchBarProps) => JSX.Element;
2881
+ ariaLabel?: string;
2882
+ placeholder?: string;
2883
+ id?: string;
2884
+ autoComplete?: string;
2885
+ };
2886
+ declare const SearchBar: React__default.FC<SearchBarProps>;
2100
2887
 
2101
- interface ProductGalleryMobileProps {
2102
- images: ImageType[];
2103
- selectedValue?: ImageType;
2104
- topTag?: JSX.Element;
2105
- bottomTag?: JSX.Element;
2106
- productImageDataTestId?: string;
2107
- slideDotsDataTestId?: string;
2108
- borderRadiusVariant?: boolean;
2888
+ interface SearchNavigationProps {
2889
+ returnText?: string;
2890
+ returnUrl?: string;
2891
+ steps?: string[];
2892
+ returnAction?: () => void;
2109
2893
  }
2110
- declare const ProductGalleryMobile: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, slideDotsDataTestId, borderRadiusVariant, }: ProductGalleryMobileProps) => JSX.Element;
2894
+ declare const SearchNavigation: ({ returnText, returnUrl, steps, returnAction, }: SearchNavigationProps) => JSX.Element;
2111
2895
 
2112
- interface RadioProps {
2113
- name: string;
2114
- value: string;
2115
- id: string;
2116
- label: string;
2117
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2118
- checked?: boolean;
2119
- disabled?: boolean;
2120
- onChange: (option: RadioGroupOption) => void;
2896
+ interface CardBodyProps {
2897
+ children: ReactNode;
2898
+ }
2899
+
2900
+ interface CardSectionProps {
2901
+ children: ReactNode;
2902
+ }
2903
+
2904
+ interface borderProps {
2905
+ borderColor: string;
2906
+ borderWidth: string;
2907
+ }
2908
+ interface CardProps {
2909
+ children: ReactNode;
2910
+ backgroundColor?: string;
2911
+ widthAuto?: boolean;
2912
+ border?: borderProps;
2913
+ flex?: boolean;
2121
2914
  }
2122
- declare const RadioInput: ({ name, value, id, label, checked, disabled, onChange, size, }: RadioProps) => JSX.Element;
2915
+ declare const _default: (({ children, backgroundColor, widthAuto, border, flex }: CardProps) => JSX.Element) & {
2916
+ Header: ({ children }: CardSectionProps) => JSX.Element;
2917
+ Footer: ({ children }: CardSectionProps) => JSX.Element;
2918
+ Body: ({ children }: CardBodyProps) => JSX.Element;
2919
+ };
2123
2920
 
2124
2921
  declare type PortalProps = {
2125
2922
  id: string;
@@ -2129,69 +2926,6 @@ declare type PortalProps = {
2129
2926
  };
2130
2927
  declare const Portal: FC<PortalProps>;
2131
2928
 
2132
- declare type ModalProps = {
2133
- id: string;
2134
- dismissable?: boolean;
2135
- maxFullScreen?: boolean;
2136
- };
2137
- interface ContainerProps {
2138
- maxFullScreen: boolean;
2139
- opened?: boolean;
2140
- }
2141
- declare const Overlay: _emotion_styled.StyledComponent<{
2142
- theme?: _emotion_react.Theme | undefined;
2143
- as?: React.ElementType<any> | undefined;
2144
- } & Pick<ContainerProps, "opened">, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2145
- declare const Modal: FC<ModalProps>;
2146
- declare const modalEvent: (id: string, detail: Omit<Events['modal'], 'id'>) => void;
2147
- declare const useModalEvent: (id: string, cb: (event: CustomEvent<Events['modal']>) => void) => void;
2148
- declare const useModal: (id: string) => {
2149
- opened: boolean;
2150
- open: () => void;
2151
- close: () => void;
2152
- };
2153
-
2154
- interface CloseButtonProps {
2155
- onClick: () => void;
2156
- size: number;
2157
- }
2158
-
2159
- interface DescriptionProps {
2160
- text: string;
2161
- }
2162
-
2163
- interface PromoProps {
2164
- text: string;
2165
- }
2166
-
2167
- interface TitleProps {
2168
- title: string;
2169
- }
2170
-
2171
- declare const CartProductItem: {
2172
- Title: ({ title }: TitleProps) => JSX.Element;
2173
- Tag: ({ discountAppliedText, backgroundColor }: OfferBannerProps) => JSX.Element;
2174
- Promo: ({ text }: PromoProps) => JSX.Element;
2175
- Description: ({ text }: DescriptionProps) => JSX.Element;
2176
- CloseButton: ({ onClick, size }: CloseButtonProps) => JSX.Element;
2177
- };
2178
-
2179
- declare type QuantityPickerPropsOnChange = (value: number) => void;
2180
- declare type QuantityPickerPropsControlled = {
2181
- value: number;
2182
- onChange: QuantityPickerPropsOnChange;
2183
- };
2184
- declare type QuantityPickerPropsUncontrolled = {
2185
- value?: never;
2186
- onChange?: QuantityPickerPropsOnChange;
2187
- };
2188
- declare type QuantityPickerProps = {
2189
- initialValue?: number;
2190
- maxValue?: number;
2191
- testId?: string;
2192
- } & (QuantityPickerPropsControlled | QuantityPickerPropsUncontrolled);
2193
- declare const QuantityPicker: ({ initialValue, maxValue, value, testId, onChange, }: QuantityPickerProps) => JSX.Element;
2194
-
2195
2929
  declare type SpacingProps = {
2196
2930
  size: number;
2197
2931
  type?: 'block' | 'inline';
@@ -2199,49 +2933,85 @@ declare type SpacingProps = {
2199
2933
  };
2200
2934
  declare const Spacing: FC<SpacingProps>;
2201
2935
 
2202
- interface PackOption {
2203
- label: string;
2204
- description: string;
2205
- meta: {
2206
- discountPercentage: number;
2207
- originalPrice: number;
2208
- price: number;
2209
- quantity: number;
2210
- icon: string;
2211
- tag?: string;
2212
- };
2936
+ interface ShortBannerProps {
2937
+ title: string;
2938
+ bannerText: string;
2939
+ backgroundColor: string;
2940
+ alignCenter?: boolean;
2941
+ widthAuto?: boolean;
2942
+ textColor: string;
2213
2943
  }
2214
- interface PackSelectorProps {
2215
- packs: PackOption[];
2216
- selectedValue: PackOption;
2217
- onChange: (size: PackOption) => void;
2944
+ declare const ShortBanner: ({ textColor, title, bannerText, backgroundColor, alignCenter, widthAuto, }: ShortBannerProps) => JSX.Element;
2945
+
2946
+ interface TableProps$1 {
2947
+ headers: string[];
2948
+ data: string[][];
2949
+ newSizeTableCss?: boolean;
2218
2950
  }
2219
- declare const PackSelector: FC<PackSelectorProps>;
2951
+ declare const SizeChartTable: ({ headers, data, newSizeTableCss }: TableProps$1) => JSX.Element;
2220
2952
 
2221
- interface FiltersProps {
2222
- values: Filter[];
2223
- onChange: (newValues: Filter[], filtersState?: FilterChange) => void;
2224
- tagsColor?: string;
2225
- filterByText: string;
2226
- clearAllText: string;
2227
- filtersSelectText: string;
2228
- isMobile: boolean;
2229
- applyText: string;
2230
- mobileBackArrowClick: () => void;
2231
- mobileApplyButtonClick: () => void;
2232
- onResetValues: () => void;
2953
+ interface TableProps {
2954
+ headers: string[];
2955
+ data: string[][];
2956
+ className?: string;
2233
2957
  }
2234
- declare const Filters: ({ values, onChange, tagsColor, filterByText, clearAllText, isMobile, filtersSelectText, applyText, mobileApplyButtonClick, mobileBackArrowClick, onResetValues, }: FiltersProps) => JSX.Element;
2958
+ declare const SizeTable: ({ headers, data, className }: TableProps) => JSX.Element;
2235
2959
 
2236
- interface SearchNavigationProps {
2237
- returnText?: string;
2238
- returnUrl?: string;
2239
- steps?: string[];
2240
- returnAction?: () => void;
2960
+ interface SizeFitGuideProps {
2961
+ title: string;
2962
+ fitPercentage?: number;
2963
+ onClick: () => void;
2964
+ onClickFitPercentage?: () => void;
2241
2965
  }
2242
- declare const SearchNavigation: ({ returnText, returnUrl, steps, returnAction, }: SearchNavigationProps) => JSX.Element;
2966
+ declare const SizeFitGuide: ({ title, fitPercentage, onClick, onClickFitPercentage, }: SizeFitGuideProps) => JSX.Element;
2967
+
2968
+ interface SizeSelectorProps {
2969
+ label: string;
2970
+ sizes: SizeOption[];
2971
+ selectedValue: SizeOption;
2972
+ onChange: (size: SizeOption) => void;
2973
+ inline?: boolean;
2974
+ width?: string;
2975
+ }
2976
+ declare const SizeSelector: ({ label, sizes, selectedValue, onChange, inline, width, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
2977
+
2978
+ interface SliderNavigationProps {
2979
+ children: JSX.Element | JSX.Element[] | StyledComponent<any>;
2980
+ infinite: boolean;
2981
+ adaptiveHeight: boolean;
2982
+ dotsSize?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
2983
+ dotListMarginTop?: number;
2984
+ initialSlide?: number;
2985
+ arrows?: {
2986
+ arrowWidth: number;
2987
+ arrowHeight: number;
2988
+ arrowPadding: number;
2989
+ };
2990
+ dots?: boolean;
2991
+ slidesToShow?: number;
2992
+ speed?: number;
2993
+ }
2994
+ declare const SliderNavigation: ({ children, infinite, arrows, adaptiveHeight, dotsSize, dotListMarginTop, initialSlide, dots, slidesToShow, speed, }: SliderNavigationProps) => _emotion_react_jsx_runtime.JSX.Element;
2995
+
2996
+ interface StrengthBarProps {
2997
+ barsFilled?: number;
2998
+ supportText?: string;
2999
+ }
3000
+ declare const StrengthBars: ({ barsFilled, supportText }: StrengthBarProps) => JSX.Element;
2243
3001
 
2244
3002
  interface TabProps$1 {
3003
+ title: string;
3004
+ titleSize?: string;
3005
+ selectedTitleWeight?: number;
3006
+ height?: string;
3007
+ selected?: boolean;
3008
+ color?: string;
3009
+ tabsMaxWidth?: string;
3010
+ onClick: (clickedTab: string) => void;
3011
+ }
3012
+ declare const Tab: ({ title, titleSize, height, selectedTitleWeight, selected, onClick, color, tabsMaxWidth, }: TabProps$1) => JSX.Element;
3013
+
3014
+ interface TabProps {
2245
3015
  title: string;
2246
3016
  content: ReactNode;
2247
3017
  }
@@ -2249,48 +3019,188 @@ interface TabsProps {
2249
3019
  backgroundColor?: string;
2250
3020
  initialSelected?: string;
2251
3021
  tabsMaxWidth?: string;
2252
- tabs: TabProps$1[];
3022
+ tabs: TabProps[];
2253
3023
  }
2254
3024
  declare const Tabs: ({ backgroundColor, tabs, initialSelected, tabsMaxWidth, }: TabsProps) => JSX.Element | null;
2255
3025
 
2256
- interface TabProps {
2257
- title: string;
2258
- titleSize?: string;
2259
- selectedTitleWeight?: number;
2260
- height?: string;
2261
- selected?: boolean;
3026
+ interface CategoryTagProps {
3027
+ text: string;
3028
+ size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
3029
+ className?: string;
3030
+ styledBorder?: boolean;
3031
+ }
3032
+ declare const CategoryTag: ({ text, size, className, styledBorder }: CategoryTagProps) => _emotion_react_jsx_runtime.JSX.Element;
3033
+
3034
+ interface CategorySquareTagProps {
3035
+ text: string;
3036
+ size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
3037
+ className?: string;
3038
+ styledBorder?: boolean;
3039
+ }
3040
+ declare const CategorySquareTag: ({ text, size, className, styledBorder, }: CategorySquareTagProps) => _emotion_react_jsx_runtime.JSX.Element;
3041
+
3042
+ interface SeasonOfferTagProps {
3043
+ text: string;
3044
+ backgroundColor?: string;
3045
+ size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
3046
+ className?: string;
3047
+ styledBorder?: boolean;
3048
+ bottomRightBorderRounded?: string;
3049
+ allBordersRounded?: {
3050
+ value: string;
3051
+ size?: ComponentSize;
3052
+ };
2262
3053
  color?: string;
2263
- tabsMaxWidth?: string;
2264
- onClick: (clickedTab: string) => void;
2265
3054
  }
2266
- declare const Tab: ({ title, titleSize, height, selectedTitleWeight, selected, onClick, color, tabsMaxWidth, }: TabProps) => JSX.Element;
3055
+ declare const SeasonOfferTag: ({ text, backgroundColor, size, className, styledBorder, bottomRightBorderRounded, allBordersRounded, color, }: SeasonOfferTagProps) => _emotion_react_jsx_runtime.JSX.Element;
2267
3056
 
2268
- interface IconList {
2269
- backgroundColor: string;
2270
- iconColor: string;
2271
- iconName: string;
2272
- iconTitle: string;
2273
- iconSizeDesktop?: number;
2274
- iconSizeMobile?: number;
2275
- iconTitlePosition?: 'top' | 'bottom' | 'left' | 'right';
2276
- iconTitleStyle?: string;
2277
- iconStyle?: string;
2278
- isTitleInnerHtml?: boolean;
3057
+ interface SeasonOfferRoundedTagProps {
3058
+ text: string;
3059
+ backgroundColor?: string;
3060
+ size: ComponentSize;
3061
+ className?: string;
2279
3062
  }
2280
- declare const IconsWithTitle: ({ iconName, iconTitle, backgroundColor, iconColor, iconSizeDesktop, iconSizeMobile, iconTitlePosition, iconTitleStyle, iconStyle, isTitleInnerHtml, }: IconList) => JSX.Element | null;
3063
+ declare const SeasonOfferRoundedTag: ({ text, backgroundColor, size, className, }: SeasonOfferRoundedTagProps) => _emotion_react_jsx_runtime.JSX.Element;
2281
3064
 
2282
- interface NoteProps {
2283
- accentColor: string;
2284
- color: string;
2285
- backgroundColor: string;
2286
- importantNoteText: string;
3065
+ interface BaseButtonProps {
3066
+ children: React__default.ReactNode;
3067
+ renderLeading?: React__default.ReactNode;
3068
+ renderTrailing?: React__default.ReactNode;
3069
+ disabled?: boolean;
3070
+ type?: ButtonType;
3071
+ onClick: () => void;
3072
+ className?: string;
3073
+ inline?: boolean;
3074
+ uppercase?: boolean;
3075
+ testId?: string;
3076
+ id?: string;
3077
+ }
3078
+
3079
+ declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;
3080
+ interface TextButtonProps$1 extends BaseProps {
2287
3081
  text: string;
3082
+ LeadingIcon?: IconType;
3083
+ TrailingIcon?: IconType;
3084
+ iconColor?: string;
3085
+ size?: ComponentSize;
3086
+ uppercase?: boolean;
2288
3087
  }
2289
- declare const Note: ({ accentColor, color, backgroundColor, importantNoteText, text, }: NoteProps) => JSX.Element;
3088
+ declare const TextButton: ({ text, LeadingIcon, TrailingIcon, iconColor, disabled, type, size, uppercase, onClick, }: TextButtonProps$1) => _emotion_react_jsx_runtime.JSX.Element;
3089
+
3090
+ declare const Text: ({ variant, children, testId, asSpan, ...allProps }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
3091
+ declare type TextHeroProps = {
3092
+ variant: 'hero1' | 'hero2' | 'hero3';
3093
+ weight?: 'heavy' | 'bold' | 'demi';
3094
+ size?: 'regular' | 'xsmall';
3095
+ underline?: never;
3096
+ disabled?: never;
3097
+ wide?: never;
3098
+ original?: never;
3099
+ allCaps?: never;
3100
+ href?: never;
3101
+ };
3102
+ declare type TextDisplayProps = {
3103
+ variant: 'display1' | 'display2' | 'display3';
3104
+ weight?: 'bold' | 'demi';
3105
+ size?: 'regular' | 'xsmall';
3106
+ underline?: never;
3107
+ disabled?: never;
3108
+ wide?: never;
3109
+ original?: never;
3110
+ allCaps?: never;
3111
+ href?: never;
3112
+ };
3113
+ declare type TextHeadingProps = {
3114
+ variant: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'heading7' | 'heading8';
3115
+ weight?: 'bold' | 'demi' | 'regular';
3116
+ size?: 'regular' | 'xsmall';
3117
+ underline?: never;
3118
+ disabled?: never;
3119
+ wide?: never;
3120
+ original?: never;
3121
+ allCaps?: never;
3122
+ href?: never;
3123
+ };
3124
+ declare type TextBodyProps = {
3125
+ variant: 'body';
3126
+ size?: 'large' | 'regular' | 'small' | 'xsmall';
3127
+ weight?: 'bold' | 'demi' | 'regular';
3128
+ underline?: never;
3129
+ disabled?: never;
3130
+ wide?: never;
3131
+ original?: never;
3132
+ allCaps?: never;
3133
+ href?: never;
3134
+ };
3135
+ declare type TextButtonProps = {
3136
+ variant: 'button';
3137
+ size: 'large' | 'regular' | 'small';
3138
+ weight: 'bold' | 'demi';
3139
+ underline?: never;
3140
+ disabled?: never;
3141
+ wide?: boolean;
3142
+ original?: never;
3143
+ allCaps?: never;
3144
+ href?: never;
3145
+ };
3146
+ declare type TextPricingProps = {
3147
+ variant: 'pricing';
3148
+ size: 'large' | 'medium' | 'regular' | 'small';
3149
+ weight?: never;
3150
+ underline?: never;
3151
+ disabled?: never;
3152
+ wide?: never;
3153
+ original?: boolean;
3154
+ allCaps?: never;
3155
+ href?: never;
3156
+ };
3157
+ declare type TextLinkProps = {
3158
+ variant: 'link';
3159
+ weight?: 'demi' | 'regular';
3160
+ size?: 'regular' | 'small';
3161
+ underline?: boolean;
3162
+ disabled?: boolean;
3163
+ wide?: never;
3164
+ original?: never;
3165
+ allCaps?: never;
3166
+ href?: string;
3167
+ };
3168
+ declare type TextLabelProps = {
3169
+ variant: 'label';
3170
+ color?: string;
3171
+ weight?: 'regular' | 'demi';
3172
+ size?: 'large' | 'regular' | 'small';
3173
+ underline?: never;
3174
+ disabled?: boolean;
3175
+ wide?: never;
3176
+ original?: never;
3177
+ allCaps?: never;
3178
+ href?: never;
3179
+ } & LabelHTMLAttributes<'label'>;
3180
+ declare type TextTagProps = {
3181
+ variant: 'tag';
3182
+ size?: 'regular' | 'small' | 'x-small';
3183
+ weight?: 'regular' | 'demi' | 'bold';
3184
+ underline?: never;
3185
+ disabled?: boolean;
3186
+ wide?: never;
3187
+ original?: never;
3188
+ allCaps?: boolean;
3189
+ href?: never;
3190
+ };
3191
+ declare type TextProps<T = Element> = AriaAttributes & HTMLAttributes<T> & {
3192
+ children: ReactNode;
3193
+ style?: CSSProperties;
3194
+ className?: string;
3195
+ testId?: string;
3196
+ asSpan?: boolean;
3197
+ color?: string;
3198
+ } & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);
2290
3199
 
2291
3200
  interface TextWithImageProps {
2292
3201
  title: string;
2293
- text: string;
3202
+ text?: string;
3203
+ children?: ReactNode;
2294
3204
  buttomText: string;
2295
3205
  backgroundColor: string;
2296
3206
  imageLeftSide?: boolean;
@@ -2300,55 +3210,114 @@ interface TextWithImageProps {
2300
3210
  btnBGColor?: string;
2301
3211
  btnHoverBGColor?: string;
2302
3212
  imgVideo: imageVideoProps;
2303
- contentAfterButton?: React.ReactNode;
2304
- titleStyle?: React.CSSProperties;
2305
- textStyle?: React.CSSProperties;
3213
+ contentAfterButton?: React__default.ReactNode;
3214
+ titleStyle?: React__default.CSSProperties;
3215
+ textStyle?: React__default.CSSProperties;
2306
3216
  buttonWideOnMobile?: boolean;
2307
3217
  }
2308
- declare const TextWithImage: ({ title, text, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
3218
+ declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
2309
3219
 
2310
- interface AccordionOptionsProps {
2311
- titleColor: string;
2312
- accordions: AccordionProps[];
3220
+ interface TimeProps {
3221
+ hours: number;
3222
+ minutes: number;
3223
+ seconds: number;
2313
3224
  }
2314
- declare const AccordionOptions: ({ titleColor, accordions }: AccordionOptionsProps) => JSX.Element;
3225
+ interface TimerProps extends TimeProps {
3226
+ onTimeUp: () => void;
3227
+ displayZeroValues?: boolean;
3228
+ }
3229
+ declare const Timer: ({ onTimeUp, displayZeroValues, ...rest }: TimerProps) => JSX.Element;
2315
3230
 
2316
- interface ShortBannerProps {
2317
- title: string;
2318
- bannerText: string;
2319
- backgroundColor: string;
2320
- alignCenter?: boolean;
2321
- widthAuto?: boolean;
2322
- textColor: string;
3231
+ interface TooltipProps {
3232
+ children: React__default.ReactNode;
3233
+ position: ComponentPosition;
3234
+ align?: 'start' | 'center' | 'end';
3235
+ content?: {
3236
+ text: string;
3237
+ color?: string;
3238
+ };
3239
+ backgroundColor?: string;
3240
+ maxWidth?: string;
3241
+ header?: {
3242
+ title: string;
3243
+ titleColor?: string;
3244
+ Icon?: IconType;
3245
+ iconFill?: string;
3246
+ };
3247
+ onClick?: () => void;
2323
3248
  }
2324
- declare const ShortBanner: ({ textColor, title, bannerText, backgroundColor, alignCenter, widthAuto, }: ShortBannerProps) => JSX.Element;
3249
+ declare const Tooltip: ({ children, position, content, backgroundColor, align, maxWidth, onClick, header, }: TooltipProps) => JSX.Element;
2325
3250
 
2326
- interface BeforeAfterCardProps {
2327
- name: string;
2328
- age: string;
2329
- months: string;
2330
- beforeImage: string;
2331
- afterImage: string;
2332
- alignCenter?: boolean;
3251
+ declare type SubtotalOption = {
3252
+ label: string;
3253
+ value: string;
3254
+ };
3255
+ declare type Coupon = {
3256
+ code: string;
3257
+ amount: string;
3258
+ };
3259
+ interface SubtotalProps {
3260
+ subtotal: SubtotalOption;
3261
+ shipping: SubtotalOption;
3262
+ taxes: SubtotalOption;
3263
+ highlightColor?: string;
3264
+ coupon?: {
3265
+ couponText: string;
3266
+ appliedText: string;
3267
+ coupons: Coupon[];
3268
+ };
3269
+ }
3270
+
3271
+ interface TotalProps {
3272
+ total: string;
3273
+ currency: string;
3274
+ highlightColor?: string;
3275
+ saving?: {
3276
+ amount: string;
3277
+ savingText: string;
3278
+ };
3279
+ }
3280
+
3281
+ declare const Totals: {
3282
+ Total: ({ total, currency, saving, highlightColor }: TotalProps) => JSX.Element;
3283
+ Subtotal: ({ subtotal, shipping, taxes, coupon, highlightColor, }: SubtotalProps) => JSX.Element;
3284
+ };
3285
+
3286
+ interface Checkpoint$1 {
3287
+ day: string;
3288
+ date: string;
3289
+ statusMessage: string;
2333
3290
  }
2334
- declare const BeforeAfterCard: ({ name, age, months, beforeImage, afterImage, alignCenter, }: BeforeAfterCardProps) => JSX.Element;
3291
+ interface TrackingProgressV2Props {
3292
+ checkPoints: Checkpoint$1[];
3293
+ amountOfCheckPoints: number;
3294
+ resumedStyle?: boolean;
3295
+ warning?: boolean;
3296
+ activeCheckpointColor?: string;
3297
+ }
3298
+ declare const TrackingProgressV2: ({ checkPoints, amountOfCheckPoints, resumedStyle, activeCheckpointColor, warning, }: TrackingProgressV2Props) => JSX.Element;
2335
3299
 
2336
- interface ImageCardWithDescriptionProps {
2337
- image: string;
2338
- title?: string;
2339
- description?: string;
2340
- titlePosition?: 'center' | 'left';
3300
+ interface Checkpoint {
3301
+ day: string;
3302
+ date: string;
3303
+ statusMessage: string;
2341
3304
  }
2342
- declare const ImageCardWithDescription: ({ image, title, description, titlePosition, }: ImageCardWithDescriptionProps) => JSX.Element;
3305
+ interface TrackingProgressProps {
3306
+ checkPoints: Checkpoint[];
3307
+ amountOfCheckPoints: number;
3308
+ }
3309
+ declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
2343
3310
 
2344
- declare global {
2345
- interface Events {
2346
- modal: {
2347
- id: string;
2348
- type: 'open' | 'close';
2349
- };
2350
- }
2351
- }
3311
+ declare type SpinnerProps = {
3312
+ fill: string;
3313
+ background: string;
3314
+ animationDuration?: number;
3315
+ complete?: boolean;
3316
+ completeIconStroke?: number;
3317
+ size?: string;
3318
+ borderSize?: ComponentSize;
3319
+ };
3320
+ declare const Spinner: React.FC<SpinnerProps>;
2352
3321
 
2353
3322
  declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
2354
3323
 
@@ -2360,6 +3329,15 @@ declare const useWindowDimensions: (breakpoints: ThemeBreakpoints) => {
2360
3329
  };
2361
3330
  };
2362
3331
 
3332
+ declare global {
3333
+ interface Events {
3334
+ modal: {
3335
+ id: string;
3336
+ type: 'open' | 'close';
3337
+ };
3338
+ }
3339
+ }
3340
+
2363
3341
  /**
2364
3342
  * @returns number formatted with "," and 2 decimals as string
2365
3343
  */
@@ -2380,4 +3358,8 @@ declare const formatPrice: (value: number, { locale, currency }?: {
2380
3358
  currency?: string | undefined;
2381
3359
  }) => string;
2382
3360
 
2383
- export { Accordion, AccordionOptions, AmazonButton, AssetsProvider, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
3361
+ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
3362
+
3363
+ declare const mediaQueries: facepaint.DynamicStyleFunction;
3364
+
3365
+ export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Icon$1 as LibIcon, Props$2 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, WithTestId, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };