design-system-silkhaus 2.4.2 → 2.5.0-beta.travel-list.2

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 +50 -47
  2. package/dist/index.d.ts +215 -12
  3. package/dist/index.js +17335 -15450
  4. package/dist/style.css +1 -1
  5. package/package.json +4 -3
package/dist/index.d.ts CHANGED
@@ -13,6 +13,8 @@ import { PropsWithChildren } from 'react';
13
13
  import * as React_2 from 'react';
14
14
  import { ReactNode } from 'react';
15
15
  import { RefAttributes } from 'react';
16
+ import { toast as toast_2 } from 'react-toastify';
17
+ import { ToastContainerProps as ToastContainerProps_2 } from 'react-toastify';
16
18
  import { VariantProps } from 'class-variance-authority';
17
19
 
18
20
  export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -36,6 +38,10 @@ export declare interface AccordionProps {
36
38
  isCollapseOnlyOnHeaderClick?: boolean;
37
39
  }
38
40
 
41
+ declare type ActionButtonProps = {
42
+ label: string;
43
+ } & ButtonProps;
44
+
39
45
  export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
40
46
 
41
47
  export declare interface ActionFooterProps {
@@ -54,8 +60,8 @@ export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialo
54
60
  export declare interface AlertDialogProps {
55
61
  outerDivClassName?: string;
56
62
  banner?: string;
57
- title: string;
58
- description?: string;
63
+ title: ReactNode;
64
+ description?: ReactNode;
59
65
  disablePrimaryBtn: boolean;
60
66
  showPrimaryBtn: boolean;
61
67
  disableSecondaryBtn: boolean;
@@ -69,7 +75,7 @@ export declare interface AlertDialogProps {
69
75
  export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
70
76
 
71
77
  export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
72
- show: boolean;
78
+ show?: boolean;
73
79
  handleClose?: () => void;
74
80
  animation?: 'slideUp' | 'slideDown' | 'fadeIn';
75
81
  /**
@@ -134,6 +140,10 @@ export declare interface BookingQuoteLineItemType {
134
140
  description?: string;
135
141
  }
136
142
 
143
+ export declare const BuildingIcon: FC<{
144
+ className?: string;
145
+ }>;
146
+
137
147
  export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
138
148
 
139
149
  export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -144,6 +154,20 @@ export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTML
144
154
  endIcon?: default_2.ReactNode;
145
155
  trackingId?: string;
146
156
  selected?: boolean;
157
+ helperText?: string;
158
+ /**
159
+ * classes to apply on the outer most container which contains
160
+ * the button and the helper text
161
+ */
162
+ className?: string;
163
+ /**
164
+ * classes to apply on button element
165
+ */
166
+ buttonClassName?: string;
167
+ /**
168
+ * classes to apply on the helper text
169
+ */
170
+ helpterTextClassName?: string;
147
171
  }
148
172
 
149
173
  export declare const ButtonsGroupSelector: default_2.ForwardRefExoticComponent<ButtonsGroupSelectorProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -216,6 +240,14 @@ export declare interface CheckboxProps extends HTMLAttributes<HTMLDivElement> {
216
240
  disabled?: boolean;
217
241
  }
218
242
 
243
+ export declare const CheckmarkCircleIcon: FC<{
244
+ className?: string;
245
+ }>;
246
+
247
+ export declare const CheckmarkIcon: FC<{
248
+ className?: string;
249
+ }>;
250
+
219
251
  export declare const ChevronLeftRegularIcon: FC<{
220
252
  className?: string;
221
253
  }>;
@@ -224,6 +256,14 @@ export declare const ChevronRightRegularIcon: FC<{
224
256
  className?: string;
225
257
  }>;
226
258
 
259
+ export declare const ClipboardIcon: FC<{
260
+ className?: string;
261
+ }>;
262
+
263
+ export declare const ClipboardSolidIcon: FC<{
264
+ className?: string;
265
+ }>;
266
+
227
267
  export declare const CloseIcon: FC<{
228
268
  className?: string;
229
269
  }>;
@@ -266,6 +306,12 @@ declare interface DateRangePickerProps {
266
306
  isAdjustHeightForViewport?: boolean;
267
307
  }
268
308
 
309
+ export declare const DeleteIcon: FC<{
310
+ className?: string;
311
+ }>;
312
+
313
+ export declare const desktopMinWidth: number;
314
+
269
315
  export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
270
316
 
271
317
  export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDivElement>>;
@@ -274,6 +320,22 @@ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
274
320
  open: boolean;
275
321
  }
276
322
 
323
+ export declare const DialogV2: FC<DialogV2Props>;
324
+
325
+ export declare type DialogV2Props = {
326
+ className?: string;
327
+ title: string;
328
+ subTitle?: string;
329
+ dialogContainerClassname?: string;
330
+ dialogHeaderClassname?: string;
331
+ dialogBodyClassname?: string;
332
+ dialogFooterClassname?: string;
333
+ dialogBody: ReactNode;
334
+ show: boolean;
335
+ onClose?: () => void;
336
+ actionButtons?: ActionButtonProps[];
337
+ };
338
+
277
339
  export declare const DUE_TODAY = "due_today";
278
340
 
279
341
  export declare const FilterIcon: FC<{
@@ -295,12 +357,12 @@ declare const gridVariants: (props?: ({
295
357
  gap?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
296
358
  gapX?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
297
359
  gapY?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
298
- justifyContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
299
- justifyItems?: "start" | "end" | "center" | "stretch" | null | undefined;
300
- alignContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
301
- alignItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
302
- placeContent?: "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
303
- placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
360
+ justifyContent?: "end" | "start" | "normal" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
361
+ justifyItems?: "end" | "start" | "center" | "stretch" | null | undefined;
362
+ alignContent?: "end" | "start" | "normal" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
363
+ alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
364
+ placeContent?: "end" | "start" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
365
+ placeItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
304
366
  } & ClassProp) | undefined) => string;
305
367
 
306
368
  export declare const HandCursorTapIcon: FC<{
@@ -325,11 +387,15 @@ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTM
325
387
  images: string[];
326
388
  }
327
389
 
390
+ export declare const InfoIcon: FC<{
391
+ className?: string;
392
+ }>;
393
+
328
394
  export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
329
395
 
330
396
  export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
331
397
  textarea?: true | false | undefined;
332
- label?: string | undefined;
398
+ label?: default_2.ReactNode | undefined;
333
399
  caption?: string | undefined;
334
400
  color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
335
401
  required?: boolean;
@@ -377,8 +443,15 @@ export declare type ListingCardProps = {
377
443
  totalPrice: string;
378
444
  slashedTotalPrice?: string;
379
445
  onClick: () => void;
446
+ selectable?: boolean;
447
+ selectionState?: SelectionStateEnum;
448
+ onViewListingClick?: () => void;
380
449
  };
381
450
 
451
+ export declare const LocationIcon: FC<{
452
+ className?: string;
453
+ }>;
454
+
382
455
  export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
383
456
 
384
457
  export declare interface LongTermBannerProps {
@@ -390,6 +463,10 @@ export declare interface LongTermBannerProps {
390
463
  className?: string;
391
464
  }
392
465
 
466
+ export declare const MagnifyGlassIcon: FC<{
467
+ className?: string;
468
+ }>;
469
+
393
470
  export declare const MobileFilterMenu: ForwardRefExoticComponent<MobileFilterMenuProps & RefAttributes<HTMLDivElement>>;
394
471
 
395
472
  export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
@@ -416,9 +493,14 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
416
493
  placeholder?: string;
417
494
  selected?: boolean;
418
495
  setCheckBoxValue?: boolean;
496
+ /**
497
+ * @deprecated use `icon` instead to pass a react node
498
+ */
419
499
  dropdownIcon?: string;
500
+ icon?: React.ReactNode;
420
501
  error?: string;
421
502
  noDataError?: string;
503
+ disabled?: boolean;
422
504
  }
423
505
 
424
506
  export declare const MobileSelectCardDropDown: ForwardRefExoticComponent<MobileSelectCardDropDownProps & RefAttributes<HTMLDivElement>>;
@@ -436,9 +518,14 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
436
518
  }) => void;
437
519
  placeholder?: string;
438
520
  selected?: boolean;
521
+ /**
522
+ * @deprecated use `icon` instead to pass a react node
523
+ */
439
524
  dropdownIcon?: string;
525
+ icon?: React.ReactNode;
440
526
  error?: string;
441
527
  noDataError?: string;
528
+ disabled?: boolean;
442
529
  }
443
530
 
444
531
  export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
@@ -447,6 +534,10 @@ export declare const MoonIcon: FC<{
447
534
  className?: string;
448
535
  }>;
449
536
 
537
+ export declare const OpenNewIcon: FC<{
538
+ className?: string;
539
+ }>;
540
+
450
541
  declare interface Option_2 {
451
542
  label: string;
452
543
  id?: number | 'All';
@@ -484,10 +575,8 @@ export declare interface PaymentRadioInputProps {
484
575
  label: string | default_2.ReactNode;
485
576
  price: string | default_2.ReactNode;
486
577
  description?: string | default_2.ReactNode;
487
- descriptionRight?: string | default_2.ReactNode;
488
578
  checked?: boolean;
489
579
  selectionContent?: default_2.ReactNode;
490
- showDescription?: boolean;
491
580
  className?: string;
492
581
  onChange: (id: string) => void;
493
582
  }
@@ -549,6 +638,18 @@ export declare type PaymentScheduleProps = {
549
638
  paymentItems: PaymentScheduleItemProps[];
550
639
  };
551
640
 
641
+ export declare const PencilIcon: FC<{
642
+ className?: string;
643
+ }>;
644
+
645
+ export declare const PlusCircleIcon: FC<{
646
+ className?: string;
647
+ }>;
648
+
649
+ export declare const PreviewIcon: FC<{
650
+ className?: string;
651
+ }>;
652
+
552
653
  export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
553
654
 
554
655
  export declare interface PriceRangeSliderProps {
@@ -568,6 +669,7 @@ export declare interface PriceRangeSliderProps {
568
669
  onPriceRangeChange?: (value: [number | '', number | '']) => void;
569
670
  currency?: string;
570
671
  value?: [number | '', number | ''];
672
+ disabled?: boolean;
571
673
  }
572
674
 
573
675
  export declare const PromoDialog: default_2.ForwardRefExoticComponent<PromoDialogProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -638,6 +740,32 @@ export declare interface ScrollbarProps extends Props {
638
740
 
639
741
  export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
640
742
 
743
+ export declare enum SelectionStateEnum {
744
+ None = "none",
745
+ Selected = "selected",
746
+ Added = "added"
747
+ }
748
+
749
+ export declare const SelectPopover: ForwardRefExoticComponent<SelectPopoverProps & RefAttributes<HTMLDivElement>>;
750
+
751
+ export declare interface SelectPopoverProps {
752
+ showPopup?: boolean;
753
+ mobileContainerClassname?: string;
754
+ desktopContainerClassname?: string;
755
+ maxWidth?: string;
756
+ options?: Array<{
757
+ label: string;
758
+ icon: string | ReactNode;
759
+ value: string;
760
+ }>;
761
+ onOptionSelected?: (value: string) => void;
762
+ handleClose?: () => void;
763
+ }
764
+
765
+ export declare const ShareIcon: FC<{
766
+ className?: string;
767
+ }>;
768
+
641
769
  export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
642
770
 
643
771
  export declare type SlickImageCarouselProps = {
@@ -676,6 +804,25 @@ export declare interface StepperProps {
676
804
  outerMobileDivClass?: string;
677
805
  }
678
806
 
807
+ export declare const StepsList: FC<StepsListProps>;
808
+
809
+ export declare const StepsListItem: FC<StepsListItemProps>;
810
+
811
+ export declare type StepsListItemProps = {
812
+ title: string;
813
+ description: string;
814
+ IconComponent: FC<{
815
+ className?: string;
816
+ }>;
817
+ iconClassName?: string;
818
+ className?: string;
819
+ };
820
+
821
+ export declare type StepsListProps = {
822
+ steps: StepsListItemProps[];
823
+ className?: string;
824
+ };
825
+
679
826
  export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
680
827
 
681
828
  export declare interface SwitchProps {
@@ -685,11 +832,17 @@ export declare interface SwitchProps {
685
832
  htmlId?: string;
686
833
  }
687
834
 
835
+ export declare const tabletMinWidth: number;
836
+
688
837
  declare type TagProps = {
689
838
  icon: default_2.ReactNode;
690
839
  label: string;
691
840
  };
692
841
 
842
+ export declare const ThreeDotsCircleIcon: FC<{
843
+ className?: string;
844
+ }>;
845
+
693
846
  export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
694
847
 
695
848
  export declare interface TimerProps {
@@ -698,6 +851,12 @@ export declare interface TimerProps {
698
851
  outerDivClass?: string;
699
852
  }
700
853
 
854
+ export declare const toast: typeof toast_2;
855
+
856
+ export declare const ToastContainer: FC<ToastContainerProps>;
857
+
858
+ export declare type ToastContainerProps = ToastContainerProps_2;
859
+
701
860
  export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
702
861
 
703
862
  export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
@@ -776,6 +935,50 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
776
935
  buttonText: string;
777
936
  }
778
937
 
938
+ export declare const TrashIcon: FC<{
939
+ className?: string;
940
+ }>;
941
+
942
+ export declare const TravelList: default_2.ForwardRefExoticComponent<TravelListProps & default_2.RefAttributes<HTMLDivElement>>;
943
+
944
+ export declare const TravelListItem: default_2.ForwardRefExoticComponent<TravelListItemProps & default_2.RefAttributes<HTMLDivElement>>;
945
+
946
+ export declare interface TravelListItemProps {
947
+ title?: string;
948
+ homeCount?: number;
949
+ location?: string;
950
+ dates?: string;
951
+ budget?: string;
952
+ shareLink?: string;
953
+ onClickEditBtn?: () => void;
954
+ onClickViewBtn?: () => void;
955
+ onClickShareBtn?: () => void;
956
+ hideEdit?: boolean;
957
+ hideShare?: boolean;
958
+ }
959
+
960
+ export declare const TravelListPropertyItem: default_2.ForwardRefExoticComponent<TravelListPropertyItemProps & default_2.RefAttributes<HTMLDivElement>>;
961
+
962
+ export declare interface TravelListPropertyItemProps {
963
+ className?: string;
964
+ title?: string;
965
+ neighborhood?: string;
966
+ bedroom?: string;
967
+ area?: string;
968
+ price?: string;
969
+ guests?: string;
970
+ imageUrl?: string;
971
+ onOpenLinkClick?: () => void;
972
+ onDeleteBtnClick?: () => void;
973
+ isUnavailable?: boolean;
974
+ }
975
+
976
+ export declare interface TravelListProps extends default_2.PropsWithChildren {
977
+ items?: TravelListItemProps[];
978
+ hideShare?: boolean;
979
+ hideEdit?: boolean;
980
+ }
981
+
779
982
  export declare const TwoColumnDialog: ForwardRefExoticComponent<TwoColumnDialogProps & RefAttributes<HTMLDivElement>>;
780
983
 
781
984
  export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {