design-system-silkhaus 0.0.87-beta.develop-long-term-pricing.3 → 0.0.87-beta.listing-card.0
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 +46 -58
- package/dist/index.d.ts +70 -52
- package/dist/index.js +16023 -11145
- package/dist/style.css +1 -1
- package/package.json +5 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
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 { ForwardRefExoticComponent } from 'react';
|
|
4
5
|
import { HTMLAttributes } from 'react';
|
|
5
6
|
import { ModifiersShape } from 'react-dates';
|
|
6
7
|
import { Moment } from 'moment';
|
|
7
|
-
import
|
|
8
|
-
import * as React_3 from 'react';
|
|
8
|
+
import * as React_2 from 'react';
|
|
9
9
|
import { ReactNode } from 'react';
|
|
10
10
|
import { RefAttributes } from 'react';
|
|
11
11
|
import { VariantProps } from 'class-variance-authority';
|
|
12
12
|
|
|
13
|
-
export declare const Accordion:
|
|
13
|
+
export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
14
14
|
|
|
15
15
|
export declare interface AccordionProps {
|
|
16
16
|
title: string | ReactNode;
|
|
@@ -25,7 +25,7 @@ export declare interface AccordionProps {
|
|
|
25
25
|
isExpanded?: boolean;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
export declare const ActionFooter:
|
|
28
|
+
export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
|
|
30
30
|
export declare interface ActionFooterProps {
|
|
31
31
|
className?: string;
|
|
@@ -33,12 +33,12 @@ export declare interface ActionFooterProps {
|
|
|
33
33
|
primaryBtnClick: () => void;
|
|
34
34
|
primaryBtnDisabled?: boolean;
|
|
35
35
|
secondaryBtnDisabled?: boolean;
|
|
36
|
-
primaryBtnTxt: string |
|
|
37
|
-
secondaryBtnTxt?: string |
|
|
38
|
-
thirdColumn?:
|
|
36
|
+
primaryBtnTxt: string | default_2.ReactNode;
|
|
37
|
+
secondaryBtnTxt?: string | default_2.ReactNode;
|
|
38
|
+
thirdColumn?: default_2.ReactNode;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
export declare const AlertDialog:
|
|
41
|
+
export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
42
42
|
|
|
43
43
|
export declare interface AlertDialogProps {
|
|
44
44
|
outerDivClassName?: string;
|
|
@@ -65,15 +65,24 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
|
|
|
65
65
|
maxWidth?: string;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
export declare const Asterisk:
|
|
68
|
+
export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
69
69
|
|
|
70
70
|
declare interface AsteriskProps {
|
|
71
71
|
className?: string;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
export declare const
|
|
74
|
+
export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
75
75
|
|
|
76
|
-
export declare
|
|
76
|
+
export declare type BadgeProps = {
|
|
77
|
+
icon?: default_2.ReactNode;
|
|
78
|
+
label: string;
|
|
79
|
+
variant: 'dark' | 'light' | 'amenity';
|
|
80
|
+
className?: string;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
84
|
+
|
|
85
|
+
export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
77
86
|
items: BookingQuoteLineItemType[];
|
|
78
87
|
isExpandedInMobile?: boolean;
|
|
79
88
|
}
|
|
@@ -85,32 +94,32 @@ export declare interface BookingQuoteLineItemType {
|
|
|
85
94
|
type: string;
|
|
86
95
|
}
|
|
87
96
|
|
|
88
|
-
export declare const Button:
|
|
97
|
+
export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
89
98
|
|
|
90
|
-
export declare interface ButtonProps extends
|
|
99
|
+
export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
91
100
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
92
101
|
size?: 'small' | 'large';
|
|
93
102
|
disabled?: true | false;
|
|
94
|
-
startIcon?:
|
|
95
|
-
endIcon?:
|
|
103
|
+
startIcon?: default_2.ReactNode;
|
|
104
|
+
endIcon?: default_2.ReactNode;
|
|
96
105
|
}
|
|
97
106
|
|
|
98
|
-
export declare const Card:
|
|
107
|
+
export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
99
108
|
|
|
100
|
-
export declare const CardContent:
|
|
109
|
+
export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
101
110
|
|
|
102
|
-
export declare const CardDescription:
|
|
111
|
+
export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
103
112
|
|
|
104
|
-
export declare const CardFooter:
|
|
113
|
+
export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
105
114
|
|
|
106
|
-
export declare const CardHeader:
|
|
115
|
+
export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
107
116
|
|
|
108
|
-
declare interface CardProps extends
|
|
117
|
+
declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
|
|
109
118
|
asChild?: boolean;
|
|
110
119
|
as?: string;
|
|
111
120
|
}
|
|
112
121
|
|
|
113
|
-
export declare const CardTitle:
|
|
122
|
+
export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
114
123
|
|
|
115
124
|
export declare type CardVariantProps = VariantProps<typeof cardVariants>;
|
|
116
125
|
|
|
@@ -118,7 +127,7 @@ declare const cardVariants: (props?: ({
|
|
|
118
127
|
cardType?: "default" | "shadowCard" | null | undefined;
|
|
119
128
|
} & ClassProp) | undefined) => string;
|
|
120
129
|
|
|
121
|
-
export declare const DateRangePicker:
|
|
130
|
+
export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
122
131
|
|
|
123
132
|
declare interface DateRangePickerProps {
|
|
124
133
|
startDatePlaceholderText?: string;
|
|
@@ -136,32 +145,32 @@ declare interface DateRangePickerProps {
|
|
|
136
145
|
focusedInput?: 'startDate' | 'endDate' | null;
|
|
137
146
|
onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
|
|
138
147
|
lTBannerImage?: string;
|
|
139
|
-
lTBannerTitle?: string |
|
|
140
|
-
lTBannerDesc?: string |
|
|
148
|
+
lTBannerTitle?: string | default_2.ReactNode;
|
|
149
|
+
lTBannerDesc?: string | default_2.ReactNode;
|
|
141
150
|
lTBannerBgColor?: string;
|
|
142
|
-
thirdColumn?: string |
|
|
151
|
+
thirdColumn?: string | default_2.ReactNode;
|
|
143
152
|
onMobileCloseClick: () => void;
|
|
144
153
|
onOutsideClick?: (e: unknown) => void;
|
|
145
154
|
onPrevMonthClick?: (e: unknown) => void;
|
|
146
155
|
onNextMonthClick?: (e: unknown) => void;
|
|
147
|
-
renderCalendarDay?: (props: CalendarDayShape) =>
|
|
156
|
+
renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
|
|
148
157
|
isDayBlocked?: ((day: Moment) => boolean) | undefined;
|
|
149
|
-
renderDayContents?: (day: Moment, modifiers: ModifiersShape) =>
|
|
150
|
-
renderCalendarInfo?: () =>
|
|
158
|
+
renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
|
|
159
|
+
renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
|
|
151
160
|
_daySize?: number;
|
|
152
161
|
_mobileDaySize?: number;
|
|
153
162
|
mobileBreakPoint?: number;
|
|
154
163
|
}
|
|
155
164
|
|
|
156
|
-
export declare const Dialog:
|
|
165
|
+
export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
157
166
|
|
|
158
167
|
export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
159
168
|
open: boolean;
|
|
160
169
|
}
|
|
161
170
|
|
|
162
|
-
export declare const Grid:
|
|
171
|
+
export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
163
172
|
|
|
164
|
-
export declare interface GridProps extends
|
|
173
|
+
export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
|
|
165
174
|
asChild?: boolean;
|
|
166
175
|
}
|
|
167
176
|
|
|
@@ -180,23 +189,23 @@ declare const gridVariants: (props?: ({
|
|
|
180
189
|
placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
|
|
181
190
|
} & ClassProp) | undefined) => string;
|
|
182
191
|
|
|
183
|
-
export declare const IconButton:
|
|
192
|
+
export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
184
193
|
|
|
185
|
-
export declare interface IconButtonProps extends
|
|
194
|
+
export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
186
195
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
187
196
|
size?: 'small' | 'large';
|
|
188
197
|
disabled?: true | false;
|
|
189
198
|
}
|
|
190
199
|
|
|
191
|
-
export declare const ImageCarousel:
|
|
200
|
+
export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
192
201
|
|
|
193
|
-
export declare interface ImageCarouselProps extends
|
|
202
|
+
export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
194
203
|
images: string[];
|
|
195
204
|
}
|
|
196
205
|
|
|
197
|
-
export declare const Input:
|
|
206
|
+
export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
198
207
|
|
|
199
|
-
export declare interface InputProps extends
|
|
208
|
+
export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
|
|
200
209
|
textarea?: true | false | undefined;
|
|
201
210
|
label?: string | undefined;
|
|
202
211
|
caption?: string | undefined;
|
|
@@ -207,18 +216,18 @@ export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInpu
|
|
|
207
216
|
captionClass?: string | undefined;
|
|
208
217
|
}
|
|
209
218
|
|
|
210
|
-
export declare const LongTermBanner:
|
|
219
|
+
export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
211
220
|
|
|
212
221
|
export declare interface LongTermBannerProps {
|
|
213
222
|
image: string;
|
|
214
|
-
title: string |
|
|
215
|
-
desc: string |
|
|
223
|
+
title: string | default_2.ReactNode;
|
|
224
|
+
desc: string | default_2.ReactNode;
|
|
216
225
|
size: 'small' | 'large';
|
|
217
226
|
bgColor: string;
|
|
218
227
|
className?: string;
|
|
219
228
|
}
|
|
220
229
|
|
|
221
|
-
export declare const MobileFilterMenu:
|
|
230
|
+
export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
222
231
|
|
|
223
232
|
export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
224
233
|
show: boolean;
|
|
@@ -234,7 +243,7 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
|
|
|
234
243
|
maxWidth?: string;
|
|
235
244
|
}
|
|
236
245
|
|
|
237
|
-
export declare const MobileMultiSelectFilterDropDown:
|
|
246
|
+
export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
238
247
|
|
|
239
248
|
export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
240
249
|
label?: string;
|
|
@@ -255,7 +264,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
|
|
|
255
264
|
noDataError?: string;
|
|
256
265
|
}
|
|
257
266
|
|
|
258
|
-
export declare const MobileSelectCardDropDown:
|
|
267
|
+
export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
259
268
|
|
|
260
269
|
export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
|
|
261
270
|
label?: string;
|
|
@@ -272,7 +281,7 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
|
|
|
272
281
|
noDataError?: string;
|
|
273
282
|
}
|
|
274
283
|
|
|
275
|
-
export declare const RoundedProgressBar:
|
|
284
|
+
export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
276
285
|
|
|
277
286
|
export declare interface RoundedProgressBarProps {
|
|
278
287
|
progress: number;
|
|
@@ -284,6 +293,15 @@ export declare interface RoundedProgressBarProps {
|
|
|
284
293
|
textClass?: string;
|
|
285
294
|
}
|
|
286
295
|
|
|
296
|
+
export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
297
|
+
|
|
298
|
+
export declare type SlickImageCarouselProps = {
|
|
299
|
+
images: string[];
|
|
300
|
+
dots?: boolean;
|
|
301
|
+
infinite?: boolean;
|
|
302
|
+
className?: string;
|
|
303
|
+
};
|
|
304
|
+
|
|
287
305
|
export declare interface Step {
|
|
288
306
|
number: number;
|
|
289
307
|
title: string;
|
|
@@ -292,7 +310,7 @@ export declare interface Step {
|
|
|
292
310
|
mobileNextTitle: string;
|
|
293
311
|
}
|
|
294
312
|
|
|
295
|
-
export declare const Stepper:
|
|
313
|
+
export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
296
314
|
|
|
297
315
|
export declare interface StepperProps {
|
|
298
316
|
steps: Step[];
|
|
@@ -300,16 +318,16 @@ export declare interface StepperProps {
|
|
|
300
318
|
outerMobileDivClass?: string;
|
|
301
319
|
}
|
|
302
320
|
|
|
303
|
-
export declare const Switch:
|
|
321
|
+
export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
304
322
|
|
|
305
323
|
export declare interface SwitchProps {
|
|
306
324
|
checked: boolean;
|
|
307
|
-
onChange: (event:
|
|
325
|
+
onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
308
326
|
disabled?: boolean;
|
|
309
327
|
htmlId?: string;
|
|
310
328
|
}
|
|
311
329
|
|
|
312
|
-
export declare const Timer:
|
|
330
|
+
export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
313
331
|
|
|
314
332
|
export declare interface TimerProps {
|
|
315
333
|
time: number;
|
|
@@ -317,7 +335,7 @@ export declare interface TimerProps {
|
|
|
317
335
|
outerDivClass?: string;
|
|
318
336
|
}
|
|
319
337
|
|
|
320
|
-
export declare const TopNavBar:
|
|
338
|
+
export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
321
339
|
|
|
322
340
|
export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
323
341
|
text?: string | ReactNode;
|
|
@@ -326,7 +344,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
326
344
|
direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
|
|
327
345
|
}
|
|
328
346
|
|
|
329
|
-
export declare const TopNavContainerMobile:
|
|
347
|
+
export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
330
348
|
|
|
331
349
|
export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
|
|
332
350
|
img: string;
|
|
@@ -338,7 +356,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
|
|
|
338
356
|
buttonText: string;
|
|
339
357
|
}
|
|
340
358
|
|
|
341
|
-
export declare const TwoColumnDialog:
|
|
359
|
+
export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
342
360
|
|
|
343
361
|
export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
344
362
|
img: string;
|