design-system-silkhaus 0.0.88 → 1.0.0-beta.pnpm
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/README.md +14 -9
- package/dist/index.cjs +45 -70
- package/dist/index.d.ts +58 -58
- package/dist/index.js +10713 -11346
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CalendarDayShape } from 'react-dates';
|
|
2
2
|
import { ClassProp } from 'class-variance-authority/types';
|
|
3
|
+
import { default as default_2 } from 'react';
|
|
3
4
|
import { FC } from 'react';
|
|
4
5
|
import { ForwardRefExoticComponent } from 'react';
|
|
5
6
|
import { HTMLAttributes } from 'react';
|
|
@@ -7,13 +8,12 @@ import { ModifiersShape } from 'react-dates';
|
|
|
7
8
|
import { Moment } from 'moment';
|
|
8
9
|
import { Placement } from '@floating-ui/react';
|
|
9
10
|
import { PropsWithChildren } from 'react';
|
|
10
|
-
import
|
|
11
|
-
import * as React_3 from 'react';
|
|
11
|
+
import * as React_2 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: default_2.ForwardRefExoticComponent<AccordionProps & default_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: default_2.ForwardRefExoticComponent<ActionFooterProps & default_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 | default_2.ReactNode;
|
|
40
|
+
secondaryBtnTxt?: string | default_2.ReactNode;
|
|
41
|
+
thirdColumn?: default_2.ReactNode;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
export declare const AlertDialog:
|
|
44
|
+
export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
45
45
|
|
|
46
46
|
export declare interface AlertDialogProps {
|
|
47
47
|
outerDivClassName?: string;
|
|
@@ -80,16 +80,16 @@ 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: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
84
84
|
|
|
85
85
|
declare interface AsteriskProps {
|
|
86
86
|
className?: string;
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
export declare const Badge:
|
|
89
|
+
export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
90
90
|
|
|
91
91
|
export declare type BadgeProps = {
|
|
92
|
-
icon?:
|
|
92
|
+
icon?: default_2.ReactNode;
|
|
93
93
|
label: string;
|
|
94
94
|
variant: 'dark' | 'light' | 'amenity';
|
|
95
95
|
className?: string;
|
|
@@ -103,9 +103,9 @@ export declare const BedRegularIcon: FC<{
|
|
|
103
103
|
className?: string;
|
|
104
104
|
}>;
|
|
105
105
|
|
|
106
|
-
export declare const BookingQuoteCard:
|
|
106
|
+
export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
107
107
|
|
|
108
|
-
export declare interface BookingQuoteCardProps extends
|
|
108
|
+
export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
109
109
|
items: BookingQuoteLineItemType[];
|
|
110
110
|
isExpandedInMobile?: boolean;
|
|
111
111
|
}
|
|
@@ -118,32 +118,32 @@ export declare interface BookingQuoteLineItemType {
|
|
|
118
118
|
description?: string;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
export declare const Button:
|
|
121
|
+
export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
122
122
|
|
|
123
|
-
export declare interface ButtonProps extends
|
|
123
|
+
export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
124
124
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
125
125
|
size?: 'small' | 'large';
|
|
126
126
|
disabled?: true | false;
|
|
127
|
-
startIcon?:
|
|
128
|
-
endIcon?:
|
|
127
|
+
startIcon?: default_2.ReactNode;
|
|
128
|
+
endIcon?: default_2.ReactNode;
|
|
129
129
|
}
|
|
130
130
|
|
|
131
|
-
export declare const Card:
|
|
131
|
+
export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
132
132
|
|
|
133
|
-
export declare const CardContent:
|
|
133
|
+
export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
134
134
|
|
|
135
|
-
export declare const CardDescription:
|
|
135
|
+
export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
136
136
|
|
|
137
|
-
export declare const CardFooter:
|
|
137
|
+
export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
138
138
|
|
|
139
|
-
export declare const CardHeader:
|
|
139
|
+
export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
140
140
|
|
|
141
|
-
declare interface CardProps extends
|
|
141
|
+
declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
|
|
142
142
|
asChild?: boolean;
|
|
143
143
|
as?: string;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
export declare const CardTitle:
|
|
146
|
+
export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
147
147
|
|
|
148
148
|
export declare type CardVariantProps = VariantProps<typeof cardVariants>;
|
|
149
149
|
|
|
@@ -163,7 +163,7 @@ export declare const CloseIcon: FC<{
|
|
|
163
163
|
className?: string;
|
|
164
164
|
}>;
|
|
165
165
|
|
|
166
|
-
export declare const DateRangePicker:
|
|
166
|
+
export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
167
167
|
|
|
168
168
|
declare interface DateRangePickerProps {
|
|
169
169
|
startDatePlaceholderText?: string;
|
|
@@ -181,18 +181,18 @@ declare interface DateRangePickerProps {
|
|
|
181
181
|
focusedInput?: 'startDate' | 'endDate' | null;
|
|
182
182
|
onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
|
|
183
183
|
lTBannerImage?: string;
|
|
184
|
-
lTBannerTitle?: string |
|
|
185
|
-
lTBannerDesc?: string |
|
|
184
|
+
lTBannerTitle?: string | default_2.ReactNode;
|
|
185
|
+
lTBannerDesc?: string | default_2.ReactNode;
|
|
186
186
|
lTBannerBgColor?: string;
|
|
187
|
-
thirdColumn?: string |
|
|
187
|
+
thirdColumn?: string | default_2.ReactNode;
|
|
188
188
|
onMobileCloseClick: () => void;
|
|
189
189
|
onOutsideClick?: (e: unknown) => void;
|
|
190
190
|
onPrevMonthClick?: (e: unknown) => void;
|
|
191
191
|
onNextMonthClick?: (e: unknown) => void;
|
|
192
|
-
renderCalendarDay?: (props: CalendarDayShape) =>
|
|
192
|
+
renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
|
|
193
193
|
isDayBlocked?: ((day: Moment) => boolean) | undefined;
|
|
194
|
-
renderDayContents?: (day: Moment, modifiers: ModifiersShape) =>
|
|
195
|
-
renderCalendarInfo?: () =>
|
|
194
|
+
renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
|
|
195
|
+
renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
|
|
196
196
|
_daySize?: number;
|
|
197
197
|
_mobileDaySize?: number;
|
|
198
198
|
mobileBreakPoint?: number;
|
|
@@ -201,15 +201,15 @@ declare interface DateRangePickerProps {
|
|
|
201
201
|
|
|
202
202
|
export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
|
|
203
203
|
|
|
204
|
-
export declare const Dialog:
|
|
204
|
+
export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
205
205
|
|
|
206
206
|
export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
207
207
|
open: boolean;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
export declare const Grid:
|
|
210
|
+
export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
211
211
|
|
|
212
|
-
export declare interface GridProps extends
|
|
212
|
+
export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
|
|
213
213
|
asChild?: boolean;
|
|
214
214
|
}
|
|
215
215
|
|
|
@@ -236,23 +236,23 @@ export declare const HouseRegularIcon: FC<{
|
|
|
236
236
|
className?: string;
|
|
237
237
|
}>;
|
|
238
238
|
|
|
239
|
-
export declare const IconButton:
|
|
239
|
+
export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
240
240
|
|
|
241
|
-
export declare interface IconButtonProps extends
|
|
241
|
+
export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
242
242
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
243
243
|
size?: 'small' | 'large';
|
|
244
244
|
disabled?: true | false;
|
|
245
245
|
}
|
|
246
246
|
|
|
247
|
-
export declare const ImageCarousel:
|
|
247
|
+
export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
248
248
|
|
|
249
|
-
export declare interface ImageCarouselProps extends
|
|
249
|
+
export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
250
250
|
images: string[];
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
-
export declare const Input:
|
|
253
|
+
export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
254
254
|
|
|
255
|
-
export declare interface InputProps extends
|
|
255
|
+
export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
|
|
256
256
|
textarea?: true | false | undefined;
|
|
257
257
|
label?: string | undefined;
|
|
258
258
|
caption?: string | undefined;
|
|
@@ -263,12 +263,12 @@ export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInpu
|
|
|
263
263
|
captionClass?: string | undefined;
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
export declare const ListingCard:
|
|
266
|
+
export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
267
267
|
|
|
268
268
|
export declare type ListingCardProps = {
|
|
269
269
|
images: string[];
|
|
270
|
-
title: string |
|
|
271
|
-
subtitle: string |
|
|
270
|
+
title: string | default_2.ReactNode;
|
|
271
|
+
subtitle: string | default_2.ReactNode;
|
|
272
272
|
guests: number;
|
|
273
273
|
type: string;
|
|
274
274
|
sqft: string;
|
|
@@ -282,18 +282,18 @@ export declare type ListingCardProps = {
|
|
|
282
282
|
onClick: () => void;
|
|
283
283
|
};
|
|
284
284
|
|
|
285
|
-
export declare const LongTermBanner:
|
|
285
|
+
export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
286
286
|
|
|
287
287
|
export declare interface LongTermBannerProps {
|
|
288
288
|
image: string;
|
|
289
|
-
title: string |
|
|
290
|
-
desc: string |
|
|
289
|
+
title: string | default_2.ReactNode;
|
|
290
|
+
desc: string | default_2.ReactNode;
|
|
291
291
|
size: 'small' | 'large';
|
|
292
292
|
bgColor: string;
|
|
293
293
|
className?: string;
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
-
export declare const MobileFilterMenu:
|
|
296
|
+
export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
297
297
|
|
|
298
298
|
export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
299
299
|
show: boolean;
|
|
@@ -309,7 +309,7 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
|
|
|
309
309
|
maxWidth?: string;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
-
export declare const MobileMultiSelectFilterDropDown:
|
|
312
|
+
export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
313
313
|
|
|
314
314
|
export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
315
315
|
label?: string;
|
|
@@ -324,7 +324,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
|
|
|
324
324
|
noDataError?: string;
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
export declare const MobileSelectCardDropDown:
|
|
327
|
+
export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
328
328
|
|
|
329
329
|
export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
330
330
|
label?: string;
|
|
@@ -352,7 +352,7 @@ export declare const QuestionMarkIcon: FC<{
|
|
|
352
352
|
className?: string;
|
|
353
353
|
}>;
|
|
354
354
|
|
|
355
|
-
export declare const RoundedProgressBar:
|
|
355
|
+
export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
356
356
|
|
|
357
357
|
export declare interface RoundedProgressBarProps {
|
|
358
358
|
progress: number;
|
|
@@ -368,7 +368,7 @@ export declare const RulerRegularIcon: FC<{
|
|
|
368
368
|
className?: string;
|
|
369
369
|
}>;
|
|
370
370
|
|
|
371
|
-
export declare const SlickImageCarousel:
|
|
371
|
+
export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
372
372
|
|
|
373
373
|
export declare type SlickImageCarouselProps = {
|
|
374
374
|
images: string[];
|
|
@@ -394,7 +394,7 @@ export declare interface Step {
|
|
|
394
394
|
mobileNextTitle: string;
|
|
395
395
|
}
|
|
396
396
|
|
|
397
|
-
export declare const Stepper:
|
|
397
|
+
export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
398
398
|
|
|
399
399
|
export declare interface StepperProps {
|
|
400
400
|
steps: Step[];
|
|
@@ -402,21 +402,21 @@ export declare interface StepperProps {
|
|
|
402
402
|
outerMobileDivClass?: string;
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
export declare const Switch:
|
|
405
|
+
export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
406
406
|
|
|
407
407
|
export declare interface SwitchProps {
|
|
408
408
|
checked: boolean;
|
|
409
|
-
onChange: (event:
|
|
409
|
+
onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
410
410
|
disabled?: boolean;
|
|
411
411
|
htmlId?: string;
|
|
412
412
|
}
|
|
413
413
|
|
|
414
414
|
declare type TagProps = {
|
|
415
|
-
icon:
|
|
415
|
+
icon: default_2.ReactNode;
|
|
416
416
|
label: string;
|
|
417
417
|
};
|
|
418
418
|
|
|
419
|
-
export declare const Timer:
|
|
419
|
+
export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
420
420
|
|
|
421
421
|
export declare interface TimerProps {
|
|
422
422
|
time: number;
|
|
@@ -479,7 +479,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
479
479
|
direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
|
|
480
480
|
}
|
|
481
481
|
|
|
482
|
-
export declare const TopNavContainerMobile:
|
|
482
|
+
export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
483
483
|
|
|
484
484
|
export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
|
|
485
485
|
img: string;
|
|
@@ -491,7 +491,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
|
|
|
491
491
|
buttonText: string;
|
|
492
492
|
}
|
|
493
493
|
|
|
494
|
-
export declare const TwoColumnDialog:
|
|
494
|
+
export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
495
495
|
|
|
496
496
|
export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
497
497
|
img: string;
|