design-system-silkhaus 0.0.87-beta.develop-long-term-pricing.13 → 0.0.87-beta.develop-long-term-pricing.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +77 -48
- package/dist/index.d.ts +129 -52
- package/dist/index.js +13948 -10414
- package/dist/style.css +1 -1
- package/package.json +5 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CalendarDayShape } from 'react-dates';
|
|
2
2
|
import { ClassProp } from 'class-variance-authority/types';
|
|
3
|
-
import { default as default_2 } from 'react';
|
|
4
3
|
import { FC } from 'react';
|
|
5
4
|
import { ForwardRefExoticComponent } from 'react';
|
|
6
5
|
import { HTMLAttributes } from 'react';
|
|
@@ -8,12 +7,13 @@ import { ModifiersShape } from 'react-dates';
|
|
|
8
7
|
import { Moment } from 'moment';
|
|
9
8
|
import { Placement } from '@floating-ui/react';
|
|
10
9
|
import { PropsWithChildren } from 'react';
|
|
11
|
-
import
|
|
10
|
+
import { default as React_2 } from 'react';
|
|
11
|
+
import * as React_3 from 'react';
|
|
12
12
|
import { ReactNode } from 'react';
|
|
13
13
|
import { RefAttributes } from 'react';
|
|
14
14
|
import { VariantProps } from 'class-variance-authority';
|
|
15
15
|
|
|
16
|
-
export declare const Accordion:
|
|
16
|
+
export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
|
|
18
18
|
export declare interface AccordionProps {
|
|
19
19
|
title: string | ReactNode;
|
|
@@ -28,7 +28,7 @@ export declare interface AccordionProps {
|
|
|
28
28
|
isExpanded?: boolean;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
export declare const ActionFooter:
|
|
31
|
+
export declare const ActionFooter: React_2.ForwardRefExoticComponent<ActionFooterProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
32
32
|
|
|
33
33
|
export declare interface ActionFooterProps {
|
|
34
34
|
className?: string;
|
|
@@ -36,12 +36,12 @@ export declare interface ActionFooterProps {
|
|
|
36
36
|
primaryBtnClick: () => void;
|
|
37
37
|
primaryBtnDisabled?: boolean;
|
|
38
38
|
secondaryBtnDisabled?: boolean;
|
|
39
|
-
primaryBtnTxt: string |
|
|
40
|
-
secondaryBtnTxt?: string |
|
|
41
|
-
thirdColumn?:
|
|
39
|
+
primaryBtnTxt: string | React_2.ReactNode;
|
|
40
|
+
secondaryBtnTxt?: string | React_2.ReactNode;
|
|
41
|
+
thirdColumn?: React_2.ReactNode;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
export declare const AlertDialog:
|
|
44
|
+
export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
45
45
|
|
|
46
46
|
export declare interface AlertDialogProps {
|
|
47
47
|
outerDivClassName?: string;
|
|
@@ -80,15 +80,32 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
|
|
|
80
80
|
contentClassName?: string;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
export declare const Asterisk:
|
|
83
|
+
export declare const Asterisk: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
|
|
84
84
|
|
|
85
85
|
declare interface AsteriskProps {
|
|
86
86
|
className?: string;
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
export declare const
|
|
89
|
+
export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
90
90
|
|
|
91
|
-
export declare
|
|
91
|
+
export declare type BadgeProps = {
|
|
92
|
+
icon?: React_2.ReactNode;
|
|
93
|
+
label: string;
|
|
94
|
+
variant: 'dark' | 'light' | 'amenity';
|
|
95
|
+
className?: string;
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
export declare const BedLineIcon: FC<{
|
|
99
|
+
className?: string;
|
|
100
|
+
}>;
|
|
101
|
+
|
|
102
|
+
export declare const BedRegularIcon: FC<{
|
|
103
|
+
className?: string;
|
|
104
|
+
}>;
|
|
105
|
+
|
|
106
|
+
export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
107
|
+
|
|
108
|
+
export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
92
109
|
items: BookingQuoteLineItemType[];
|
|
93
110
|
isExpandedInMobile?: boolean;
|
|
94
111
|
}
|
|
@@ -101,32 +118,32 @@ export declare interface BookingQuoteLineItemType {
|
|
|
101
118
|
description?: string;
|
|
102
119
|
}
|
|
103
120
|
|
|
104
|
-
export declare const Button:
|
|
121
|
+
export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
105
122
|
|
|
106
|
-
export declare interface ButtonProps extends
|
|
123
|
+
export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
107
124
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
108
125
|
size?: 'small' | 'large';
|
|
109
126
|
disabled?: true | false;
|
|
110
|
-
startIcon?:
|
|
111
|
-
endIcon?:
|
|
127
|
+
startIcon?: React_2.ReactNode;
|
|
128
|
+
endIcon?: React_2.ReactNode;
|
|
112
129
|
}
|
|
113
130
|
|
|
114
|
-
export declare const Card:
|
|
131
|
+
export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
|
|
115
132
|
|
|
116
|
-
export declare const CardContent:
|
|
133
|
+
export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
117
134
|
|
|
118
|
-
export declare const CardDescription:
|
|
135
|
+
export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
119
136
|
|
|
120
|
-
export declare const CardFooter:
|
|
137
|
+
export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
121
138
|
|
|
122
|
-
export declare const CardHeader:
|
|
139
|
+
export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
123
140
|
|
|
124
|
-
declare interface CardProps extends
|
|
141
|
+
declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
|
|
125
142
|
asChild?: boolean;
|
|
126
143
|
as?: string;
|
|
127
144
|
}
|
|
128
145
|
|
|
129
|
-
export declare const CardTitle:
|
|
146
|
+
export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
130
147
|
|
|
131
148
|
export declare type CardVariantProps = VariantProps<typeof cardVariants>;
|
|
132
149
|
|
|
@@ -134,11 +151,19 @@ declare const cardVariants: (props?: ({
|
|
|
134
151
|
cardType?: "default" | "shadowCard" | null | undefined;
|
|
135
152
|
} & ClassProp) | undefined) => string;
|
|
136
153
|
|
|
154
|
+
export declare const ChevronLeftRegularIcon: FC<{
|
|
155
|
+
className?: string;
|
|
156
|
+
}>;
|
|
157
|
+
|
|
158
|
+
export declare const ChevronRightRegularIcon: FC<{
|
|
159
|
+
className?: string;
|
|
160
|
+
}>;
|
|
161
|
+
|
|
137
162
|
export declare const CloseIcon: FC<{
|
|
138
163
|
className?: string;
|
|
139
164
|
}>;
|
|
140
165
|
|
|
141
|
-
export declare const DateRangePicker:
|
|
166
|
+
export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
142
167
|
|
|
143
168
|
declare interface DateRangePickerProps {
|
|
144
169
|
startDatePlaceholderText?: string;
|
|
@@ -156,18 +181,18 @@ declare interface DateRangePickerProps {
|
|
|
156
181
|
focusedInput?: 'startDate' | 'endDate' | null;
|
|
157
182
|
onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
|
|
158
183
|
lTBannerImage?: string;
|
|
159
|
-
lTBannerTitle?: string |
|
|
160
|
-
lTBannerDesc?: string |
|
|
184
|
+
lTBannerTitle?: string | React_2.ReactNode;
|
|
185
|
+
lTBannerDesc?: string | React_2.ReactNode;
|
|
161
186
|
lTBannerBgColor?: string;
|
|
162
|
-
thirdColumn?: string |
|
|
187
|
+
thirdColumn?: string | React_2.ReactNode;
|
|
163
188
|
onMobileCloseClick: () => void;
|
|
164
189
|
onOutsideClick?: (e: unknown) => void;
|
|
165
190
|
onPrevMonthClick?: (e: unknown) => void;
|
|
166
191
|
onNextMonthClick?: (e: unknown) => void;
|
|
167
|
-
renderCalendarDay?: (props: CalendarDayShape) =>
|
|
192
|
+
renderCalendarDay?: (props: CalendarDayShape) => React_2.ReactNode | undefined;
|
|
168
193
|
isDayBlocked?: ((day: Moment) => boolean) | undefined;
|
|
169
|
-
renderDayContents?: (day: Moment, modifiers: ModifiersShape) =>
|
|
170
|
-
renderCalendarInfo?: () =>
|
|
194
|
+
renderDayContents?: (day: Moment, modifiers: ModifiersShape) => React_2.ReactNode | null | undefined;
|
|
195
|
+
renderCalendarInfo?: () => React_2.ReactNode | null | undefined;
|
|
171
196
|
_daySize?: number;
|
|
172
197
|
_mobileDaySize?: number;
|
|
173
198
|
mobileBreakPoint?: number;
|
|
@@ -175,15 +200,15 @@ declare interface DateRangePickerProps {
|
|
|
175
200
|
|
|
176
201
|
export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
|
|
177
202
|
|
|
178
|
-
export declare const Dialog:
|
|
203
|
+
export declare const Dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
179
204
|
|
|
180
205
|
export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
181
206
|
open: boolean;
|
|
182
207
|
}
|
|
183
208
|
|
|
184
|
-
export declare const Grid:
|
|
209
|
+
export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
|
|
185
210
|
|
|
186
|
-
export declare interface GridProps extends
|
|
211
|
+
export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
|
|
187
212
|
asChild?: boolean;
|
|
188
213
|
}
|
|
189
214
|
|
|
@@ -202,23 +227,31 @@ declare const gridVariants: (props?: ({
|
|
|
202
227
|
placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
|
|
203
228
|
} & ClassProp) | undefined) => string;
|
|
204
229
|
|
|
205
|
-
export declare const
|
|
230
|
+
export declare const HandCursorTapIcon: FC<{
|
|
231
|
+
className?: string;
|
|
232
|
+
}>;
|
|
233
|
+
|
|
234
|
+
export declare const HouseRegularIcon: FC<{
|
|
235
|
+
className?: string;
|
|
236
|
+
}>;
|
|
206
237
|
|
|
207
|
-
export declare
|
|
238
|
+
export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
239
|
+
|
|
240
|
+
export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
208
241
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
209
242
|
size?: 'small' | 'large';
|
|
210
243
|
disabled?: true | false;
|
|
211
244
|
}
|
|
212
245
|
|
|
213
|
-
export declare const ImageCarousel:
|
|
246
|
+
export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
214
247
|
|
|
215
|
-
export declare interface ImageCarouselProps extends
|
|
248
|
+
export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
216
249
|
images: string[];
|
|
217
250
|
}
|
|
218
251
|
|
|
219
|
-
export declare const Input:
|
|
252
|
+
export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
220
253
|
|
|
221
|
-
export declare interface InputProps extends
|
|
254
|
+
export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
|
|
222
255
|
textarea?: true | false | undefined;
|
|
223
256
|
label?: string | undefined;
|
|
224
257
|
caption?: string | undefined;
|
|
@@ -229,18 +262,35 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
|
|
|
229
262
|
captionClass?: string | undefined;
|
|
230
263
|
}
|
|
231
264
|
|
|
232
|
-
export declare const
|
|
265
|
+
export declare const ListingCard: React_2.ForwardRefExoticComponent<ListingCardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
266
|
+
|
|
267
|
+
export declare type ListingCardProps = {
|
|
268
|
+
images: string[];
|
|
269
|
+
title: string | React_2.ReactNode;
|
|
270
|
+
subtitle: string | React_2.ReactNode;
|
|
271
|
+
guests: number;
|
|
272
|
+
type: string;
|
|
273
|
+
sqft: string;
|
|
274
|
+
tags: TagProps[];
|
|
275
|
+
amenityTags?: TagProps[];
|
|
276
|
+
price: string;
|
|
277
|
+
isMonthlyPrice: boolean;
|
|
278
|
+
totalPrice: string;
|
|
279
|
+
onClick: () => void;
|
|
280
|
+
};
|
|
281
|
+
|
|
282
|
+
export declare const LongTermBanner: React_2.ForwardRefExoticComponent<LongTermBannerProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
233
283
|
|
|
234
284
|
export declare interface LongTermBannerProps {
|
|
235
285
|
image: string;
|
|
236
|
-
title: string |
|
|
237
|
-
desc: string |
|
|
286
|
+
title: string | React_2.ReactNode;
|
|
287
|
+
desc: string | React_2.ReactNode;
|
|
238
288
|
size: 'small' | 'large';
|
|
239
289
|
bgColor: string;
|
|
240
290
|
className?: string;
|
|
241
291
|
}
|
|
242
292
|
|
|
243
|
-
export declare const MobileFilterMenu:
|
|
293
|
+
export declare const MobileFilterMenu: React_2.ForwardRefExoticComponent<MobileFilterMenuProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
244
294
|
|
|
245
295
|
export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
246
296
|
show: boolean;
|
|
@@ -256,7 +306,7 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
|
|
|
256
306
|
maxWidth?: string;
|
|
257
307
|
}
|
|
258
308
|
|
|
259
|
-
export declare const MobileMultiSelectFilterDropDown:
|
|
309
|
+
export declare const MobileMultiSelectFilterDropDown: React_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
260
310
|
|
|
261
311
|
export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
262
312
|
label?: string;
|
|
@@ -277,7 +327,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
|
|
|
277
327
|
noDataError?: string;
|
|
278
328
|
}
|
|
279
329
|
|
|
280
|
-
export declare const MobileSelectCardDropDown:
|
|
330
|
+
export declare const MobileSelectCardDropDown: React_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
281
331
|
|
|
282
332
|
export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
283
333
|
label?: string;
|
|
@@ -300,7 +350,7 @@ export declare const QuestionMarkIcon: FC<{
|
|
|
300
350
|
className?: string;
|
|
301
351
|
}>;
|
|
302
352
|
|
|
303
|
-
export declare const RoundedProgressBar:
|
|
353
|
+
export declare const RoundedProgressBar: React_2.ForwardRefExoticComponent<RoundedProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
304
354
|
|
|
305
355
|
export declare interface RoundedProgressBarProps {
|
|
306
356
|
progress: number;
|
|
@@ -312,6 +362,28 @@ export declare interface RoundedProgressBarProps {
|
|
|
312
362
|
textClass?: string;
|
|
313
363
|
}
|
|
314
364
|
|
|
365
|
+
export declare const RulerRegularIcon: FC<{
|
|
366
|
+
className?: string;
|
|
367
|
+
}>;
|
|
368
|
+
|
|
369
|
+
export declare const SlickImageCarousel: React_2.ForwardRefExoticComponent<SlickImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
370
|
+
|
|
371
|
+
export declare type SlickImageCarouselProps = {
|
|
372
|
+
images: string[];
|
|
373
|
+
dots?: boolean;
|
|
374
|
+
infinite?: boolean;
|
|
375
|
+
className?: string;
|
|
376
|
+
onClick?: () => void;
|
|
377
|
+
};
|
|
378
|
+
|
|
379
|
+
export declare const StarLineIcon: FC<{
|
|
380
|
+
className?: string;
|
|
381
|
+
}>;
|
|
382
|
+
|
|
383
|
+
export declare const StarRegularIcon: FC<{
|
|
384
|
+
className?: string;
|
|
385
|
+
}>;
|
|
386
|
+
|
|
315
387
|
export declare interface Step {
|
|
316
388
|
number: number;
|
|
317
389
|
title: string;
|
|
@@ -320,7 +392,7 @@ export declare interface Step {
|
|
|
320
392
|
mobileNextTitle: string;
|
|
321
393
|
}
|
|
322
394
|
|
|
323
|
-
export declare const Stepper:
|
|
395
|
+
export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
324
396
|
|
|
325
397
|
export declare interface StepperProps {
|
|
326
398
|
steps: Step[];
|
|
@@ -328,16 +400,21 @@ export declare interface StepperProps {
|
|
|
328
400
|
outerMobileDivClass?: string;
|
|
329
401
|
}
|
|
330
402
|
|
|
331
|
-
export declare const Switch:
|
|
403
|
+
export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
332
404
|
|
|
333
405
|
export declare interface SwitchProps {
|
|
334
406
|
checked: boolean;
|
|
335
|
-
onChange: (event:
|
|
407
|
+
onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
|
|
336
408
|
disabled?: boolean;
|
|
337
409
|
htmlId?: string;
|
|
338
410
|
}
|
|
339
411
|
|
|
340
|
-
|
|
412
|
+
declare type TagProps = {
|
|
413
|
+
icon: React_2.ReactNode;
|
|
414
|
+
label: string;
|
|
415
|
+
};
|
|
416
|
+
|
|
417
|
+
export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
341
418
|
|
|
342
419
|
export declare interface TimerProps {
|
|
343
420
|
time: number;
|
|
@@ -391,7 +468,7 @@ export declare interface TooltipProps {
|
|
|
391
468
|
offset?: number;
|
|
392
469
|
}
|
|
393
470
|
|
|
394
|
-
export declare const TopNavBar:
|
|
471
|
+
export declare const TopNavBar: ForwardRefExoticComponent<TopNavBarProps & RefAttributes<HTMLDivElement>>;
|
|
395
472
|
|
|
396
473
|
export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
397
474
|
text?: string | ReactNode;
|
|
@@ -400,7 +477,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
400
477
|
direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
|
|
401
478
|
}
|
|
402
479
|
|
|
403
|
-
export declare const TopNavContainerMobile:
|
|
480
|
+
export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
404
481
|
|
|
405
482
|
export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
|
|
406
483
|
img: string;
|
|
@@ -412,7 +489,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
|
|
|
412
489
|
buttonText: string;
|
|
413
490
|
}
|
|
414
491
|
|
|
415
|
-
export declare const TwoColumnDialog:
|
|
492
|
+
export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
416
493
|
|
|
417
494
|
export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
418
495
|
img: string;
|