design-system-silkhaus 0.0.87-beta.weekly-cleaning.4 → 0.0.87-beta.weekly-cleaning.5
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 +11 -125
- package/dist/index.d.ts +3 -274
- package/dist/index.js +1663 -26653
- package/dist/style.css +1 -1
- package/package.json +2 -11
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
import { CalendarDayShape } from 'react-dates';
|
|
2
1
|
import { ClassProp } from 'class-variance-authority/types';
|
|
3
2
|
import { default as default_2 } from 'react';
|
|
4
|
-
import { FC } from 'react';
|
|
5
|
-
import { ForwardRefExoticComponent } from 'react';
|
|
6
3
|
import { HTMLAttributes } from 'react';
|
|
7
|
-
import { ModifiersShape } from 'react-dates';
|
|
8
|
-
import { Moment } from 'moment';
|
|
9
|
-
import { Placement } from '@floating-ui/react';
|
|
10
|
-
import { PropsWithChildren } from 'react';
|
|
11
4
|
import * as React_2 from 'react';
|
|
12
5
|
import { ReactNode } from 'react';
|
|
13
|
-
import { RefAttributes } from 'react';
|
|
14
6
|
import { VariantProps } from 'class-variance-authority';
|
|
15
7
|
|
|
16
8
|
export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -28,19 +20,6 @@ export declare interface AccordionProps {
|
|
|
28
20
|
isExpanded?: boolean;
|
|
29
21
|
}
|
|
30
22
|
|
|
31
|
-
export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
32
|
-
|
|
33
|
-
export declare interface ActionFooterProps {
|
|
34
|
-
className?: string;
|
|
35
|
-
secondaryBtnClick?: () => void;
|
|
36
|
-
primaryBtnClick: () => void;
|
|
37
|
-
primaryBtnDisabled?: boolean;
|
|
38
|
-
secondaryBtnDisabled?: boolean;
|
|
39
|
-
primaryBtnTxt: string | default_2.ReactNode;
|
|
40
|
-
secondaryBtnTxt?: string | default_2.ReactNode;
|
|
41
|
-
thirdColumn?: default_2.ReactNode;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
23
|
export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
45
24
|
|
|
46
25
|
export declare interface AlertDialogProps {
|
|
@@ -58,26 +37,13 @@ export declare interface AlertDialogProps {
|
|
|
58
37
|
onSecondaryBtnClick?: () => void;
|
|
59
38
|
}
|
|
60
39
|
|
|
61
|
-
export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
|
|
40
|
+
export declare const AnimatedModal: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
62
41
|
|
|
63
42
|
export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
64
43
|
show: boolean;
|
|
65
44
|
handleClose?: () => void;
|
|
45
|
+
staticBackdrop?: boolean;
|
|
66
46
|
animation?: 'slideUp' | 'slideDown' | 'fadeIn';
|
|
67
|
-
/**
|
|
68
|
-
* @deprecated
|
|
69
|
-
* Apply styles using `contentClassName` instead
|
|
70
|
-
*/
|
|
71
|
-
marginTop?: string;
|
|
72
|
-
/**
|
|
73
|
-
* @deprecated
|
|
74
|
-
* Apply styles using `contentClassName` instead
|
|
75
|
-
*/
|
|
76
|
-
maxWidth?: string;
|
|
77
|
-
/**
|
|
78
|
-
* classes to apply on container that wraps the children passed to AnimatedModal
|
|
79
|
-
*/
|
|
80
|
-
contentClassName?: string;
|
|
81
47
|
}
|
|
82
48
|
|
|
83
49
|
export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
@@ -86,23 +52,6 @@ declare interface AsteriskProps {
|
|
|
86
52
|
className?: string;
|
|
87
53
|
}
|
|
88
54
|
|
|
89
|
-
export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
90
|
-
|
|
91
|
-
export declare type BadgeProps = {
|
|
92
|
-
icon?: default_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
55
|
export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
107
56
|
|
|
108
57
|
export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
@@ -115,7 +64,6 @@ export declare interface BookingQuoteLineItemType {
|
|
|
115
64
|
display_name: string;
|
|
116
65
|
currency_converted_amount: string;
|
|
117
66
|
type: string;
|
|
118
|
-
description?: string;
|
|
119
67
|
}
|
|
120
68
|
|
|
121
69
|
export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
@@ -177,56 +125,6 @@ declare const cardVariants: (props?: ({
|
|
|
177
125
|
cardType?: "default" | "shadowCard" | null | undefined;
|
|
178
126
|
} & ClassProp) | undefined) => string;
|
|
179
127
|
|
|
180
|
-
export declare const ChevronLeftRegularIcon: FC<{
|
|
181
|
-
className?: string;
|
|
182
|
-
}>;
|
|
183
|
-
|
|
184
|
-
export declare const ChevronRightRegularIcon: FC<{
|
|
185
|
-
className?: string;
|
|
186
|
-
}>;
|
|
187
|
-
|
|
188
|
-
export declare const CloseIcon: FC<{
|
|
189
|
-
className?: string;
|
|
190
|
-
}>;
|
|
191
|
-
|
|
192
|
-
export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
193
|
-
|
|
194
|
-
declare interface DateRangePickerProps {
|
|
195
|
-
startDatePlaceholderText?: string;
|
|
196
|
-
endDatePlaceholderText?: string;
|
|
197
|
-
onDatesSelected?: (dates: {
|
|
198
|
-
startDate: Moment | null;
|
|
199
|
-
endDate: Moment | null;
|
|
200
|
-
}) => void;
|
|
201
|
-
onDatesChange?: (dates: {
|
|
202
|
-
startDate: Moment | null;
|
|
203
|
-
endDate: Moment | null;
|
|
204
|
-
}) => void;
|
|
205
|
-
initialStartDate?: Moment | null;
|
|
206
|
-
initialEndDate?: Moment | null;
|
|
207
|
-
focusedInput?: 'startDate' | 'endDate' | null;
|
|
208
|
-
onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
|
|
209
|
-
lTBannerImage?: string;
|
|
210
|
-
lTBannerTitle?: string | default_2.ReactNode;
|
|
211
|
-
lTBannerDesc?: string | default_2.ReactNode;
|
|
212
|
-
lTBannerBgColor?: string;
|
|
213
|
-
thirdColumn?: string | default_2.ReactNode;
|
|
214
|
-
onMobileCloseClick: () => void;
|
|
215
|
-
onOutsideClick?: (e: unknown) => void;
|
|
216
|
-
onPrevMonthClick?: (e: unknown) => void;
|
|
217
|
-
onNextMonthClick?: (e: unknown) => void;
|
|
218
|
-
renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
|
|
219
|
-
isDayBlocked?: ((day: Moment) => boolean) | undefined;
|
|
220
|
-
renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
|
|
221
|
-
renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
|
|
222
|
-
_daySize?: number;
|
|
223
|
-
_mobileDaySize?: number;
|
|
224
|
-
mobileBreakPoint?: number;
|
|
225
|
-
isAdjustHeightForViewport?: boolean;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
|
|
229
|
-
|
|
230
128
|
export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
231
129
|
|
|
232
130
|
export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -254,14 +152,6 @@ declare const gridVariants: (props?: ({
|
|
|
254
152
|
placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
|
|
255
153
|
} & ClassProp) | undefined) => string;
|
|
256
154
|
|
|
257
|
-
export declare const HandCursorTapIcon: FC<{
|
|
258
|
-
className?: string;
|
|
259
|
-
}>;
|
|
260
|
-
|
|
261
|
-
export declare const HouseRegularIcon: FC<{
|
|
262
|
-
className?: string;
|
|
263
|
-
}>;
|
|
264
|
-
|
|
265
155
|
export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
266
156
|
|
|
267
157
|
export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -289,94 +179,6 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
|
|
|
289
179
|
captionClass?: string | undefined;
|
|
290
180
|
}
|
|
291
181
|
|
|
292
|
-
export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
293
|
-
|
|
294
|
-
export declare type ListingCardProps = {
|
|
295
|
-
images: string[];
|
|
296
|
-
title: string | default_2.ReactNode;
|
|
297
|
-
subtitle: string | default_2.ReactNode;
|
|
298
|
-
guests: number;
|
|
299
|
-
type: string;
|
|
300
|
-
sqft: string;
|
|
301
|
-
tags: TagProps[];
|
|
302
|
-
amenityTags?: TagProps[];
|
|
303
|
-
price: string;
|
|
304
|
-
isMonthlyPrice: boolean;
|
|
305
|
-
totalPrice: string;
|
|
306
|
-
onClick: () => void;
|
|
307
|
-
};
|
|
308
|
-
|
|
309
|
-
export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
310
|
-
|
|
311
|
-
export declare interface LongTermBannerProps {
|
|
312
|
-
image: string;
|
|
313
|
-
title: string | default_2.ReactNode;
|
|
314
|
-
desc: string | default_2.ReactNode;
|
|
315
|
-
size: 'small' | 'large';
|
|
316
|
-
bgColor: string;
|
|
317
|
-
className?: string;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
321
|
-
|
|
322
|
-
export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
323
|
-
show: boolean;
|
|
324
|
-
handleClose?: () => void;
|
|
325
|
-
staticBackdrop?: boolean;
|
|
326
|
-
filterHeader?: string;
|
|
327
|
-
filterDescription?: string;
|
|
328
|
-
closeIcon?: string;
|
|
329
|
-
animation?: 'slideDown' | 'slideUp' | 'fadeIn' | 'none';
|
|
330
|
-
isSecondary?: boolean;
|
|
331
|
-
backgroundImage?: string;
|
|
332
|
-
marginTop?: string;
|
|
333
|
-
maxWidth?: string;
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
337
|
-
|
|
338
|
-
export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
339
|
-
label?: string;
|
|
340
|
-
value?: Array<{
|
|
341
|
-
label: string;
|
|
342
|
-
}>;
|
|
343
|
-
options: Array<{
|
|
344
|
-
label: string;
|
|
345
|
-
}>;
|
|
346
|
-
onSelectionChange?: (selected: Array<{
|
|
347
|
-
label: string;
|
|
348
|
-
}>) => void;
|
|
349
|
-
placeholder?: string;
|
|
350
|
-
selected?: boolean;
|
|
351
|
-
setCheckBoxValue?: boolean;
|
|
352
|
-
dropdownIcon?: string;
|
|
353
|
-
error?: string;
|
|
354
|
-
noDataError?: string;
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
358
|
-
|
|
359
|
-
export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
360
|
-
label?: string;
|
|
361
|
-
value?: string;
|
|
362
|
-
options: {
|
|
363
|
-
imgUrl: string;
|
|
364
|
-
label: string;
|
|
365
|
-
}[];
|
|
366
|
-
onSelectionChange?: (selected: unknown) => void;
|
|
367
|
-
placeholder?: string;
|
|
368
|
-
selected?: boolean;
|
|
369
|
-
dropdownIcon?: string;
|
|
370
|
-
error?: string;
|
|
371
|
-
noDataError?: string;
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
|
|
375
|
-
|
|
376
|
-
export declare const QuestionMarkIcon: FC<{
|
|
377
|
-
className?: string;
|
|
378
|
-
}>;
|
|
379
|
-
|
|
380
182
|
export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
381
183
|
|
|
382
184
|
export declare interface RoundedProgressBarProps {
|
|
@@ -389,28 +191,6 @@ export declare interface RoundedProgressBarProps {
|
|
|
389
191
|
textClass?: string;
|
|
390
192
|
}
|
|
391
193
|
|
|
392
|
-
export declare const RulerRegularIcon: FC<{
|
|
393
|
-
className?: string;
|
|
394
|
-
}>;
|
|
395
|
-
|
|
396
|
-
export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
397
|
-
|
|
398
|
-
export declare type SlickImageCarouselProps = {
|
|
399
|
-
images: string[];
|
|
400
|
-
dots?: boolean;
|
|
401
|
-
infinite?: boolean;
|
|
402
|
-
className?: string;
|
|
403
|
-
onClick?: () => void;
|
|
404
|
-
};
|
|
405
|
-
|
|
406
|
-
export declare const StarLineIcon: FC<{
|
|
407
|
-
className?: string;
|
|
408
|
-
}>;
|
|
409
|
-
|
|
410
|
-
export declare const StarRegularIcon: FC<{
|
|
411
|
-
className?: string;
|
|
412
|
-
}>;
|
|
413
|
-
|
|
414
194
|
export declare interface Step {
|
|
415
195
|
number: number;
|
|
416
196
|
title: string;
|
|
@@ -436,11 +216,6 @@ export declare interface SwitchProps {
|
|
|
436
216
|
htmlId?: string;
|
|
437
217
|
}
|
|
438
218
|
|
|
439
|
-
declare type TagProps = {
|
|
440
|
-
icon: default_2.ReactNode;
|
|
441
|
-
label: string;
|
|
442
|
-
};
|
|
443
|
-
|
|
444
219
|
export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
445
220
|
|
|
446
221
|
export declare interface TimerProps {
|
|
@@ -460,53 +235,7 @@ export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement>
|
|
|
460
235
|
htmlId?: string;
|
|
461
236
|
}
|
|
462
237
|
|
|
463
|
-
|
|
464
|
-
* A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
|
|
465
|
-
* and for mobile it displays a popover with the `content` on click of the `trigger` element
|
|
466
|
-
*/
|
|
467
|
-
export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
|
|
468
|
-
|
|
469
|
-
export declare interface TooltipProps {
|
|
470
|
-
/**
|
|
471
|
-
* Content of the tooltip
|
|
472
|
-
*/
|
|
473
|
-
content: ReactNode;
|
|
474
|
-
/**
|
|
475
|
-
* Title of the tooltip that is displayed in the header of the tooltip
|
|
476
|
-
* Only applicable for mobile version of tooltip
|
|
477
|
-
* @default ''
|
|
478
|
-
*/
|
|
479
|
-
title?: string;
|
|
480
|
-
/**
|
|
481
|
-
* The element that triggers the tooltip
|
|
482
|
-
*/
|
|
483
|
-
trigger: ReactNode;
|
|
484
|
-
/**
|
|
485
|
-
* The placement of the floating tooltip. Only used in desktop version
|
|
486
|
-
* @default 'left'
|
|
487
|
-
*/
|
|
488
|
-
placement?: Placement;
|
|
489
|
-
/**
|
|
490
|
-
* The trigger of the tooltip is wrapped in a container. This classname is added to that container
|
|
491
|
-
*/
|
|
492
|
-
triggerContainerClassName?: string;
|
|
493
|
-
/**
|
|
494
|
-
* The content of the tooltip is wrapped in a container. This classname is added to that container
|
|
495
|
-
*/
|
|
496
|
-
contentContainerClassname?: string;
|
|
497
|
-
/**
|
|
498
|
-
* When set true, tootlip will not be shown
|
|
499
|
-
* @default false
|
|
500
|
-
*/
|
|
501
|
-
disabled?: boolean;
|
|
502
|
-
/**
|
|
503
|
-
* The offset of the tooltip from the trigger in px. Only applicable for desktop tooltip
|
|
504
|
-
* @dwefault 4
|
|
505
|
-
*/
|
|
506
|
-
offset?: number;
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
export declare const TopNavBar: ForwardRefExoticComponent<TopNavBarProps & RefAttributes<HTMLDivElement>>;
|
|
238
|
+
export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
510
239
|
|
|
511
240
|
export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
512
241
|
text?: string | ReactNode;
|