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