design-system-silkhaus 0.0.87-beta.weekly-cleaning.2 → 0.0.87

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 (5) hide show
  1. package/dist/index.cjs +125 -11
  2. package/dist/index.d.ts +271 -37
  3. package/dist/index.js +26550 -1667
  4. package/dist/style.css +1 -1
  5. package/package.json +11 -2
package/dist/index.d.ts CHANGED
@@ -1,8 +1,16 @@
1
+ import { CalendarDayShape } from 'react-dates';
1
2
  import { ClassProp } from 'class-variance-authority/types';
2
3
  import { default as default_2 } from 'react';
4
+ import { FC } from 'react';
5
+ import { ForwardRefExoticComponent } from 'react';
3
6
  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';
4
11
  import * as React_2 from 'react';
5
12
  import { ReactNode } from 'react';
13
+ import { RefAttributes } from 'react';
6
14
  import { VariantProps } from 'class-variance-authority';
7
15
 
8
16
  export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -20,6 +28,19 @@ export declare interface AccordionProps {
20
28
  isExpanded?: boolean;
21
29
  }
22
30
 
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
+
23
44
  export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
24
45
 
25
46
  export declare interface AlertDialogProps {
@@ -37,13 +58,26 @@ export declare interface AlertDialogProps {
37
58
  onSecondaryBtnClick?: () => void;
38
59
  }
39
60
 
40
- export declare const AnimatedModal: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
61
+ export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
41
62
 
42
63
  export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
43
64
  show: boolean;
44
65
  handleClose?: () => void;
45
- staticBackdrop?: boolean;
46
66
  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;
47
81
  }
48
82
 
49
83
  export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
@@ -52,6 +86,23 @@ declare interface AsteriskProps {
52
86
  className?: string;
53
87
  }
54
88
 
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
+
55
106
  export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
56
107
 
57
108
  export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -64,6 +115,7 @@ export declare interface BookingQuoteLineItemType {
64
115
  display_name: string;
65
116
  currency_converted_amount: string;
66
117
  type: string;
118
+ description?: string;
67
119
  }
68
120
 
69
121
  export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
@@ -74,32 +126,6 @@ export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTML
74
126
  disabled?: true | false;
75
127
  startIcon?: default_2.ReactNode;
76
128
  endIcon?: default_2.ReactNode;
77
- selected?: boolean;
78
- }
79
-
80
- export declare const ButtonsGroupSelector: default_2.ForwardRefExoticComponent<ButtonsGroupSelectorProps & default_2.RefAttributes<HTMLDivElement>>;
81
-
82
- export declare interface ButtonsGroupSelectorProps extends HTMLAttributes<HTMLDivElement> {
83
- label?: string;
84
- value?: Array<{
85
- label: string;
86
- value: string;
87
- }>;
88
- options: Array<{
89
- label: string;
90
- value: string;
91
- }>;
92
- onSelectionChange?: (selected: Array<{
93
- label: string;
94
- value: string;
95
- }>) => void;
96
- placeholder?: string;
97
- selected?: boolean;
98
- isMultiSelect?: boolean;
99
- noDataError?: string;
100
- minWidthButton?: string;
101
- buttonWidth?: string;
102
- minSelectionError?: string;
103
129
  }
104
130
 
105
131
  export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -125,6 +151,56 @@ declare const cardVariants: (props?: ({
125
151
  cardType?: "default" | "shadowCard" | null | undefined;
126
152
  } & ClassProp) | undefined) => string;
127
153
 
154
+ export declare const ChevronLeftRegularIcon: FC<{
155
+ className?: string;
156
+ }>;
157
+
158
+ export declare const ChevronRightRegularIcon: FC<{
159
+ className?: string;
160
+ }>;
161
+
162
+ export declare const CloseIcon: FC<{
163
+ className?: string;
164
+ }>;
165
+
166
+ export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
167
+
168
+ declare interface DateRangePickerProps {
169
+ startDatePlaceholderText?: string;
170
+ endDatePlaceholderText?: string;
171
+ onDatesSelected?: (dates: {
172
+ startDate: Moment | null;
173
+ endDate: Moment | null;
174
+ }) => void;
175
+ onDatesChange?: (dates: {
176
+ startDate: Moment | null;
177
+ endDate: Moment | null;
178
+ }) => void;
179
+ initialStartDate?: Moment | null;
180
+ initialEndDate?: Moment | null;
181
+ focusedInput?: 'startDate' | 'endDate' | null;
182
+ onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
183
+ lTBannerImage?: string;
184
+ lTBannerTitle?: string | default_2.ReactNode;
185
+ lTBannerDesc?: string | default_2.ReactNode;
186
+ lTBannerBgColor?: string;
187
+ thirdColumn?: string | default_2.ReactNode;
188
+ onMobileCloseClick: () => void;
189
+ onOutsideClick?: (e: unknown) => void;
190
+ onPrevMonthClick?: (e: unknown) => void;
191
+ onNextMonthClick?: (e: unknown) => void;
192
+ renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
193
+ isDayBlocked?: ((day: Moment) => boolean) | undefined;
194
+ renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
195
+ renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
196
+ _daySize?: number;
197
+ _mobileDaySize?: number;
198
+ mobileBreakPoint?: number;
199
+ isAdjustHeightForViewport?: boolean;
200
+ }
201
+
202
+ export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
203
+
128
204
  export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
129
205
 
130
206
  export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
@@ -152,6 +228,14 @@ declare const gridVariants: (props?: ({
152
228
  placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
153
229
  } & ClassProp) | undefined) => string;
154
230
 
231
+ export declare const HandCursorTapIcon: FC<{
232
+ className?: string;
233
+ }>;
234
+
235
+ export declare const HouseRegularIcon: FC<{
236
+ className?: string;
237
+ }>;
238
+
155
239
  export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
156
240
 
157
241
  export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -179,6 +263,94 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
179
263
  captionClass?: string | undefined;
180
264
  }
181
265
 
266
+ export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
267
+
268
+ export declare type ListingCardProps = {
269
+ images: string[];
270
+ title: string | default_2.ReactNode;
271
+ subtitle: string | default_2.ReactNode;
272
+ guests: number;
273
+ type: string;
274
+ sqft: string;
275
+ tags: TagProps[];
276
+ amenityTags?: TagProps[];
277
+ price: string;
278
+ isMonthlyPrice: boolean;
279
+ totalPrice: string;
280
+ onClick: () => void;
281
+ };
282
+
283
+ export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
284
+
285
+ export declare interface LongTermBannerProps {
286
+ image: string;
287
+ title: string | default_2.ReactNode;
288
+ desc: string | default_2.ReactNode;
289
+ size: 'small' | 'large';
290
+ bgColor: string;
291
+ className?: string;
292
+ }
293
+
294
+ export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
295
+
296
+ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
297
+ show: boolean;
298
+ handleClose?: () => void;
299
+ staticBackdrop?: boolean;
300
+ filterHeader?: string;
301
+ filterDescription?: string;
302
+ closeIcon?: string;
303
+ animation?: 'slideDown' | 'slideUp' | 'fadeIn' | 'none';
304
+ isSecondary?: boolean;
305
+ backgroundImage?: string;
306
+ marginTop?: string;
307
+ maxWidth?: string;
308
+ }
309
+
310
+ export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
311
+
312
+ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
313
+ label?: string;
314
+ value?: Array<{
315
+ label: string;
316
+ }>;
317
+ options: Array<{
318
+ label: string;
319
+ }>;
320
+ onSelectionChange?: (selected: Array<{
321
+ label: string;
322
+ }>) => void;
323
+ placeholder?: string;
324
+ selected?: boolean;
325
+ setCheckBoxValue?: boolean;
326
+ dropdownIcon?: string;
327
+ error?: string;
328
+ noDataError?: string;
329
+ }
330
+
331
+ export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
332
+
333
+ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
334
+ label?: string;
335
+ value?: string;
336
+ options: {
337
+ imgUrl: string;
338
+ label: string;
339
+ }[];
340
+ onSelectionChange?: (selected: unknown) => void;
341
+ placeholder?: string;
342
+ selected?: boolean;
343
+ dropdownIcon?: string;
344
+ error?: string;
345
+ noDataError?: string;
346
+ }
347
+
348
+ export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
349
+
350
+ export declare const QuestionMarkIcon: FC<{
351
+ className?: string;
352
+ }>;
353
+
182
354
  export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
183
355
 
184
356
  export declare interface RoundedProgressBarProps {
@@ -191,6 +363,28 @@ export declare interface RoundedProgressBarProps {
191
363
  textClass?: string;
192
364
  }
193
365
 
366
+ export declare const RulerRegularIcon: FC<{
367
+ className?: string;
368
+ }>;
369
+
370
+ export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
371
+
372
+ export declare type SlickImageCarouselProps = {
373
+ images: string[];
374
+ dots?: boolean;
375
+ infinite?: boolean;
376
+ className?: string;
377
+ onClick?: () => void;
378
+ };
379
+
380
+ export declare const StarLineIcon: FC<{
381
+ className?: string;
382
+ }>;
383
+
384
+ export declare const StarRegularIcon: FC<{
385
+ className?: string;
386
+ }>;
387
+
194
388
  export declare interface Step {
195
389
  number: number;
196
390
  title: string;
@@ -216,6 +410,11 @@ export declare interface SwitchProps {
216
410
  htmlId?: string;
217
411
  }
218
412
 
413
+ declare type TagProps = {
414
+ icon: default_2.ReactNode;
415
+ label: string;
416
+ };
417
+
219
418
  export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
220
419
 
221
420
  export declare interface TimerProps {
@@ -224,18 +423,53 @@ export declare interface TimerProps {
224
423
  outerDivClass?: string;
225
424
  }
226
425
 
227
- export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
426
+ /**
427
+ * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
428
+ * and for mobile it displays a popover with the `content` on click of the `trigger` element
429
+ */
430
+ export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
228
431
 
229
- export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
230
- cardImg?: string;
231
- onSelectionChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
232
- heading?: string;
233
- enabled: boolean;
234
- subHeading?: string;
235
- htmlId?: string;
432
+ export declare interface TooltipProps {
433
+ /**
434
+ * Content of the tooltip
435
+ */
436
+ content: ReactNode;
437
+ /**
438
+ * Title of the tooltip that is displayed in the header of the tooltip
439
+ * Only applicable for mobile version of tooltip
440
+ * @default ''
441
+ */
442
+ title?: string;
443
+ /**
444
+ * The element that triggers the tooltip
445
+ */
446
+ trigger: ReactNode;
447
+ /**
448
+ * The placement of the floating tooltip. Only used in desktop version
449
+ * @default 'left'
450
+ */
451
+ placement?: Placement;
452
+ /**
453
+ * The trigger of the tooltip is wrapped in a container. This classname is added to that container
454
+ */
455
+ triggerContainerClassName?: string;
456
+ /**
457
+ * The content of the tooltip is wrapped in a container. This classname is added to that container
458
+ */
459
+ contentContainerClassname?: string;
460
+ /**
461
+ * When set true, tootlip will not be shown
462
+ * @default false
463
+ */
464
+ disabled?: boolean;
465
+ /**
466
+ * The offset of the tooltip from the trigger in px. Only applicable for desktop tooltip
467
+ * @dwefault 4
468
+ */
469
+ offset?: number;
236
470
  }
237
471
 
238
- export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
472
+ export declare const TopNavBar: ForwardRefExoticComponent<TopNavBarProps & RefAttributes<HTMLDivElement>>;
239
473
 
240
474
  export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
241
475
  text?: string | ReactNode;