design-system-silkhaus 0.0.85-beta.11 → 0.0.85-beta.13
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 +58 -33
- package/dist/index.d.ts +51 -50
- package/dist/index.js +7958 -7621
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { CalendarDayShape } from 'react-dates';
|
|
2
2
|
import { ClassProp } from 'class-variance-authority/types';
|
|
3
|
-
import { default as default_2 } from 'react';
|
|
4
3
|
import { HTMLAttributes } from 'react';
|
|
5
4
|
import { ModifiersShape } from 'react-dates';
|
|
6
5
|
import { Moment } from 'moment';
|
|
7
|
-
import
|
|
6
|
+
import { default as React_2 } from 'react';
|
|
7
|
+
import * as React_3 from 'react';
|
|
8
8
|
import { ReactNode } from 'react';
|
|
9
9
|
import { VariantProps } from 'class-variance-authority';
|
|
10
10
|
|
|
11
|
-
export declare const Accordion:
|
|
11
|
+
export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
12
12
|
|
|
13
13
|
export declare interface AccordionProps {
|
|
14
14
|
title: string | ReactNode;
|
|
@@ -23,7 +23,7 @@ export declare interface AccordionProps {
|
|
|
23
23
|
isExpanded?: boolean;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
export declare const ActionFooter:
|
|
26
|
+
export declare const ActionFooter: React_2.ForwardRefExoticComponent<ActionFooterProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
27
27
|
|
|
28
28
|
export declare interface ActionFooterProps {
|
|
29
29
|
className?: string;
|
|
@@ -31,12 +31,12 @@ export declare interface ActionFooterProps {
|
|
|
31
31
|
primaryBtnClick: () => void;
|
|
32
32
|
primaryBtnDisabled?: boolean;
|
|
33
33
|
secondaryBtnDisabled?: boolean;
|
|
34
|
-
primaryBtnTxt: string |
|
|
35
|
-
secondaryBtnTxt?: string |
|
|
36
|
-
thirdColumn?:
|
|
34
|
+
primaryBtnTxt: string | React_2.ReactNode;
|
|
35
|
+
secondaryBtnTxt?: string | React_2.ReactNode;
|
|
36
|
+
thirdColumn?: React_2.ReactNode;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
export declare const AlertDialog:
|
|
39
|
+
export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
40
40
|
|
|
41
41
|
export declare interface AlertDialogProps {
|
|
42
42
|
outerDivClassName?: string;
|
|
@@ -53,7 +53,7 @@ export declare interface AlertDialogProps {
|
|
|
53
53
|
onSecondaryBtnClick?: () => void;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
export declare const AnimatedModal:
|
|
56
|
+
export declare const AnimatedModal: React_2.ForwardRefExoticComponent<AnimatedModalProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
57
57
|
|
|
58
58
|
export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
59
59
|
show: boolean;
|
|
@@ -62,15 +62,15 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
|
|
|
62
62
|
animation?: 'slideUp' | 'slideDown' | 'fadeIn';
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
export declare const Asterisk:
|
|
65
|
+
export declare const Asterisk: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
|
|
66
66
|
|
|
67
67
|
declare interface AsteriskProps {
|
|
68
68
|
className?: string;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
export declare const BookingQuoteCard:
|
|
71
|
+
export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
72
72
|
|
|
73
|
-
export declare interface BookingQuoteCardProps extends
|
|
73
|
+
export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
74
74
|
items: BookingQuoteLineItemType[];
|
|
75
75
|
isExpandedInMobile?: boolean;
|
|
76
76
|
}
|
|
@@ -82,32 +82,32 @@ export declare interface BookingQuoteLineItemType {
|
|
|
82
82
|
type: string;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
export declare const Button:
|
|
85
|
+
export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
86
86
|
|
|
87
|
-
export declare interface ButtonProps extends
|
|
87
|
+
export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
88
88
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
89
89
|
size?: 'small' | 'large';
|
|
90
90
|
disabled?: true | false;
|
|
91
|
-
startIcon?:
|
|
92
|
-
endIcon?:
|
|
91
|
+
startIcon?: React_2.ReactNode;
|
|
92
|
+
endIcon?: React_2.ReactNode;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
export declare const Card:
|
|
95
|
+
export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
|
|
96
96
|
|
|
97
|
-
export declare const CardContent:
|
|
97
|
+
export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
98
98
|
|
|
99
|
-
export declare const CardDescription:
|
|
99
|
+
export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
100
100
|
|
|
101
|
-
export declare const CardFooter:
|
|
101
|
+
export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
102
102
|
|
|
103
|
-
export declare const CardHeader:
|
|
103
|
+
export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
104
104
|
|
|
105
|
-
declare interface CardProps extends
|
|
105
|
+
declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
|
|
106
106
|
asChild?: boolean;
|
|
107
107
|
as?: string;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
export declare const CardTitle:
|
|
110
|
+
export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
|
|
111
111
|
|
|
112
112
|
export declare type CardVariantProps = VariantProps<typeof cardVariants>;
|
|
113
113
|
|
|
@@ -115,7 +115,7 @@ declare const cardVariants: (props?: ({
|
|
|
115
115
|
cardType?: "default" | "shadowCard" | null | undefined;
|
|
116
116
|
} & ClassProp) | undefined) => string;
|
|
117
117
|
|
|
118
|
-
export declare const DateRangePicker:
|
|
118
|
+
export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
119
119
|
|
|
120
120
|
declare interface DateRangePickerProps {
|
|
121
121
|
startDatePlaceholderText?: string;
|
|
@@ -133,31 +133,32 @@ declare interface DateRangePickerProps {
|
|
|
133
133
|
focusedInput?: 'startDate' | 'endDate' | null;
|
|
134
134
|
onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
|
|
135
135
|
lTBannerImage?: string;
|
|
136
|
-
lTBannerTitle?: string |
|
|
137
|
-
lTBannerDesc?: string |
|
|
136
|
+
lTBannerTitle?: string | React_2.ReactNode;
|
|
137
|
+
lTBannerDesc?: string | React_2.ReactNode;
|
|
138
138
|
lTBannerBgColor?: string;
|
|
139
|
-
thirdColumn?: string |
|
|
139
|
+
thirdColumn?: string | React_2.ReactNode;
|
|
140
140
|
onMobileCloseClick: () => void;
|
|
141
141
|
onOutsideClick?: (e: unknown) => void;
|
|
142
142
|
onPrevMonthClick?: (e: unknown) => void;
|
|
143
143
|
onNextMonthClick?: (e: unknown) => void;
|
|
144
|
-
renderCalendarDay?: (props: CalendarDayShape) =>
|
|
145
|
-
|
|
146
|
-
|
|
144
|
+
renderCalendarDay?: (props: CalendarDayShape) => React_2.ReactNode | undefined;
|
|
145
|
+
isDayBlocked?: ((day: Moment) => boolean) | undefined;
|
|
146
|
+
renderDayContents?: (day: Moment, modifiers: ModifiersShape) => React_2.ReactNode | null | undefined;
|
|
147
|
+
renderCalendarInfo?: () => React_2.ReactNode | null | undefined;
|
|
147
148
|
_daySize?: number;
|
|
148
149
|
_mobileDaySize?: number;
|
|
149
150
|
mobileBreakPoint?: number;
|
|
150
151
|
}
|
|
151
152
|
|
|
152
|
-
export declare const Dialog:
|
|
153
|
+
export declare const Dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
153
154
|
|
|
154
155
|
export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
155
156
|
open: boolean;
|
|
156
157
|
}
|
|
157
158
|
|
|
158
|
-
export declare const Grid:
|
|
159
|
+
export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
|
|
159
160
|
|
|
160
|
-
export declare interface GridProps extends
|
|
161
|
+
export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
|
|
161
162
|
asChild?: boolean;
|
|
162
163
|
}
|
|
163
164
|
|
|
@@ -176,23 +177,23 @@ declare const gridVariants: (props?: ({
|
|
|
176
177
|
placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
|
|
177
178
|
} & ClassProp) | undefined) => string;
|
|
178
179
|
|
|
179
|
-
export declare const IconButton:
|
|
180
|
+
export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
180
181
|
|
|
181
|
-
export declare interface IconButtonProps extends
|
|
182
|
+
export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
182
183
|
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
183
184
|
size?: 'small' | 'large';
|
|
184
185
|
disabled?: true | false;
|
|
185
186
|
}
|
|
186
187
|
|
|
187
|
-
export declare const ImageCarousel:
|
|
188
|
+
export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
188
189
|
|
|
189
|
-
export declare interface ImageCarouselProps extends
|
|
190
|
+
export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
190
191
|
images: string[];
|
|
191
192
|
}
|
|
192
193
|
|
|
193
|
-
export declare const Input:
|
|
194
|
+
export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
194
195
|
|
|
195
|
-
export declare interface InputProps extends
|
|
196
|
+
export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
|
|
196
197
|
textarea?: true | false | undefined;
|
|
197
198
|
label?: string | undefined;
|
|
198
199
|
caption?: string | undefined;
|
|
@@ -203,18 +204,18 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
|
|
|
203
204
|
captionClass?: string | undefined;
|
|
204
205
|
}
|
|
205
206
|
|
|
206
|
-
export declare const LongTermBanner:
|
|
207
|
+
export declare const LongTermBanner: React_2.ForwardRefExoticComponent<LongTermBannerProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
207
208
|
|
|
208
209
|
export declare interface LongTermBannerProps {
|
|
209
210
|
image: string;
|
|
210
|
-
title: string |
|
|
211
|
-
desc: string |
|
|
211
|
+
title: string | React_2.ReactNode;
|
|
212
|
+
desc: string | React_2.ReactNode;
|
|
212
213
|
size: 'small' | 'large';
|
|
213
214
|
bgColor: string;
|
|
214
215
|
className?: string;
|
|
215
216
|
}
|
|
216
217
|
|
|
217
|
-
export declare const RoundedProgressBar:
|
|
218
|
+
export declare const RoundedProgressBar: React_2.ForwardRefExoticComponent<RoundedProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
218
219
|
|
|
219
220
|
export declare interface RoundedProgressBarProps {
|
|
220
221
|
progress: number;
|
|
@@ -234,7 +235,7 @@ export declare interface Step {
|
|
|
234
235
|
mobileNextTitle: string;
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
export declare const Stepper:
|
|
238
|
+
export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
238
239
|
|
|
239
240
|
export declare interface StepperProps {
|
|
240
241
|
steps: Step[];
|
|
@@ -242,16 +243,16 @@ export declare interface StepperProps {
|
|
|
242
243
|
outerMobileDivClass?: string;
|
|
243
244
|
}
|
|
244
245
|
|
|
245
|
-
export declare const Switch:
|
|
246
|
+
export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
246
247
|
|
|
247
248
|
export declare interface SwitchProps {
|
|
248
249
|
checked: boolean;
|
|
249
|
-
onChange: (event:
|
|
250
|
+
onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
|
|
250
251
|
disabled?: boolean;
|
|
251
252
|
htmlId?: string;
|
|
252
253
|
}
|
|
253
254
|
|
|
254
|
-
export declare const Timer:
|
|
255
|
+
export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
255
256
|
|
|
256
257
|
export declare interface TimerProps {
|
|
257
258
|
time: number;
|
|
@@ -259,7 +260,7 @@ export declare interface TimerProps {
|
|
|
259
260
|
outerDivClass?: string;
|
|
260
261
|
}
|
|
261
262
|
|
|
262
|
-
export declare const TopNavBar:
|
|
263
|
+
export declare const TopNavBar: React_2.ForwardRefExoticComponent<TopNavBarProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
263
264
|
|
|
264
265
|
export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
265
266
|
text?: string | ReactNode;
|
|
@@ -268,7 +269,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
268
269
|
direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
|
|
269
270
|
}
|
|
270
271
|
|
|
271
|
-
export declare const TopNavContainerMobile:
|
|
272
|
+
export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
272
273
|
|
|
273
274
|
export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
|
|
274
275
|
img: string;
|
|
@@ -280,7 +281,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
|
|
|
280
281
|
buttonText: string;
|
|
281
282
|
}
|
|
282
283
|
|
|
283
|
-
export declare const TwoColumnDialog:
|
|
284
|
+
export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
284
285
|
|
|
285
286
|
export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
286
287
|
img: string;
|