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