design-system-silkhaus 0.0.85 → 0.0.86-beta.2

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.
Files changed (5) hide show
  1. package/dist/index.cjs +61 -11
  2. package/dist/index.d.ts +145 -36
  3. package/dist/index.js +18753 -1280
  4. package/dist/style.css +1 -1
  5. package/package.json +5 -2
package/dist/index.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import { ClassProp } from 'class-variance-authority/types';
2
+ import { default as default_2 } from 'react';
2
3
  import { HTMLAttributes } from 'react';
3
- import { default as React_2 } from 'react';
4
- import * as React_3 from 'react';
4
+ import { Moment } from 'moment';
5
+ import * as React_2 from 'react';
5
6
  import { ReactNode } from 'react';
6
7
  import { VariantProps } from 'class-variance-authority';
7
8
 
8
- export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
9
+ export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
9
10
 
10
11
  export declare interface AccordionProps {
11
12
  title: string | ReactNode;
@@ -20,7 +21,21 @@ export declare interface AccordionProps {
20
21
  isExpanded?: boolean;
21
22
  }
22
23
 
23
- export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogProps & React_2.RefAttributes<HTMLDivElement>>;
24
+ export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
25
+
26
+ export declare interface ActionFooterProps {
27
+ className?: string;
28
+ secondaryBtnClick?: () => void;
29
+ primaryBtnClick: () => void;
30
+ primaryBtnDisabled?: boolean;
31
+ secondaryBtnDisabled?: boolean;
32
+ primaryBtnTxt: string | default_2.ReactNode;
33
+ secondaryBtnTxt?: string | default_2.ReactNode;
34
+ thirdColumn?: default_2.ReactNode;
35
+ relevance: 'primary' | 'secondary';
36
+ }
37
+
38
+ export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
24
39
 
25
40
  export declare interface AlertDialogProps {
26
41
  outerDivClassName?: string;
@@ -37,24 +52,26 @@ export declare interface AlertDialogProps {
37
52
  onSecondaryBtnClick?: () => void;
38
53
  }
39
54
 
40
- export declare const AnimatedModal: React_2.ForwardRefExoticComponent<AnimatedModalProps & React_2.RefAttributes<HTMLDivElement>>;
55
+ export declare const AnimatedModal: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
41
56
 
42
57
  export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
43
58
  show: boolean;
44
59
  handleClose?: () => void;
45
60
  staticBackdrop?: boolean;
46
61
  animation?: 'slideUp' | 'slideDown' | 'fadeIn';
62
+ marginTop?: string;
63
+ maxWidth?: string;
47
64
  }
48
65
 
49
- export declare const Asterisk: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
66
+ export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
50
67
 
51
68
  declare interface AsteriskProps {
52
69
  className?: string;
53
70
  }
54
71
 
55
- export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
72
+ export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
56
73
 
57
- export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
74
+ export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
58
75
  items: BookingQuoteLineItemType[];
59
76
  isExpandedInMobile?: boolean;
60
77
  }
@@ -66,32 +83,32 @@ export declare interface BookingQuoteLineItemType {
66
83
  type: string;
67
84
  }
68
85
 
69
- export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
86
+ export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
70
87
 
71
- export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
88
+ export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
72
89
  color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
73
90
  size?: 'small' | 'large';
74
91
  disabled?: true | false;
75
- startIcon?: React_2.ReactNode;
76
- endIcon?: React_2.ReactNode;
92
+ startIcon?: default_2.ReactNode;
93
+ endIcon?: default_2.ReactNode;
77
94
  }
78
95
 
79
- export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
96
+ export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
80
97
 
81
- export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
98
+ export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
82
99
 
83
- export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
100
+ export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
84
101
 
85
- export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
102
+ export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
86
103
 
87
- export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
104
+ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
88
105
 
89
- declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
106
+ declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
90
107
  asChild?: boolean;
91
108
  as?: string;
92
109
  }
93
110
 
94
- export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
111
+ export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
95
112
 
96
113
  export declare type CardVariantProps = VariantProps<typeof cardVariants>;
97
114
 
@@ -99,15 +116,42 @@ declare const cardVariants: (props?: ({
99
116
  cardType?: "default" | "shadowCard" | null | undefined;
100
117
  } & ClassProp) | undefined) => string;
101
118
 
102
- export declare const Dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<HTMLDivElement>>;
119
+ export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
120
+
121
+ declare interface DateRangePickerProps {
122
+ startDatePlaceholderText?: string;
123
+ endDatePlaceholderText?: string;
124
+ onDatesSelected?: (dates: {
125
+ startDate: Moment | null;
126
+ endDate: Moment | null;
127
+ }) => void;
128
+ onDatesChange?: (dates: {
129
+ startDate: Moment | null;
130
+ endDate: Moment | null;
131
+ }) => void;
132
+ initialStartDate?: Moment | null;
133
+ initialEndDate?: Moment | null;
134
+ focusedInput?: 'startDate' | 'endDate' | null;
135
+ onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
136
+ lTBannerImage?: string;
137
+ lTBannerTitle?: string | default_2.ReactNode;
138
+ lTBannerDesc?: string | default_2.ReactNode;
139
+ lTBannerBgColor?: string;
140
+ onMobileCloseClick?: () => void;
141
+ onOutsideClick?: (e: any) => void;
142
+ onPrevMonthClick?: (e: any) => void;
143
+ onNextMonthClick?: (e: any) => void;
144
+ }
145
+
146
+ export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
103
147
 
104
148
  export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
105
149
  open: boolean;
106
150
  }
107
151
 
108
- export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
152
+ export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
109
153
 
110
- export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
154
+ export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
111
155
  asChild?: boolean;
112
156
  }
113
157
 
@@ -126,23 +170,23 @@ declare const gridVariants: (props?: ({
126
170
  placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
127
171
  } & ClassProp) | undefined) => string;
128
172
 
129
- export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
173
+ export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
130
174
 
131
- export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
175
+ export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
132
176
  color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
133
177
  size?: 'small' | 'large';
134
178
  disabled?: true | false;
135
179
  }
136
180
 
137
- export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
181
+ export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
138
182
 
139
- export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
183
+ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
140
184
  images: string[];
141
185
  }
142
186
 
143
- export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
187
+ export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
144
188
 
145
- export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
189
+ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
146
190
  textarea?: true | false | undefined;
147
191
  label?: string | undefined;
148
192
  caption?: string | undefined;
@@ -153,7 +197,72 @@ export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInpu
153
197
  captionClass?: string | undefined;
154
198
  }
155
199
 
156
- export declare const RoundedProgressBar: React_2.ForwardRefExoticComponent<RoundedProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
200
+ export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
201
+
202
+ export declare interface LongTermBannerProps {
203
+ image: string;
204
+ title: string | default_2.ReactNode;
205
+ desc: string | default_2.ReactNode;
206
+ size: 'small' | 'large';
207
+ bgColor: string;
208
+ className?: string;
209
+ }
210
+
211
+ export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
212
+
213
+ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
214
+ show: boolean;
215
+ handleClose?: () => void;
216
+ staticBackdrop?: boolean;
217
+ filterHeader?: string;
218
+ filterDescription?: string;
219
+ closeIcon?: string;
220
+ animation?: 'slideDown' | 'slideUp' | 'fadeIn' | 'none';
221
+ isSecondary?: boolean;
222
+ backgroundImage?: string;
223
+ marginTop?: string;
224
+ maxWidth?: string;
225
+ }
226
+
227
+ export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
228
+
229
+ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
230
+ label?: string;
231
+ value?: Array<{
232
+ label: string;
233
+ }>;
234
+ options: Array<{
235
+ label: string;
236
+ }>;
237
+ onSelectionChange?: (selected: Array<{
238
+ label: string;
239
+ }>) => void;
240
+ placeholder?: string;
241
+ selected?: boolean;
242
+ setCheckBoxValue?: boolean;
243
+ dropdownIcon?: string;
244
+ error?: string;
245
+ noDataError?: string;
246
+ }
247
+
248
+ export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
249
+
250
+ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
251
+ label?: string;
252
+ value?: string;
253
+ options: {
254
+ imgUrl: string;
255
+ label: string;
256
+ }[];
257
+ onSelectionChange?: (selected: unknown) => void;
258
+ placeholder?: string;
259
+ selected?: boolean;
260
+ dropdownIcon?: string;
261
+ error?: string;
262
+ noDataError?: string;
263
+ }
264
+
265
+ export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
157
266
 
158
267
  export declare interface RoundedProgressBarProps {
159
268
  progress: number;
@@ -173,7 +282,7 @@ export declare interface Step {
173
282
  mobileNextTitle: string;
174
283
  }
175
284
 
176
- export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
285
+ export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
177
286
 
178
287
  export declare interface StepperProps {
179
288
  steps: Step[];
@@ -181,16 +290,16 @@ export declare interface StepperProps {
181
290
  outerMobileDivClass?: string;
182
291
  }
183
292
 
184
- export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
293
+ export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
185
294
 
186
295
  export declare interface SwitchProps {
187
296
  checked: boolean;
188
- onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
297
+ onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
189
298
  disabled?: boolean;
190
299
  htmlId?: string;
191
300
  }
192
301
 
193
- export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
302
+ export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
194
303
 
195
304
  export declare interface TimerProps {
196
305
  time: number;
@@ -198,7 +307,7 @@ export declare interface TimerProps {
198
307
  outerDivClass?: string;
199
308
  }
200
309
 
201
- export declare const TopNavBar: React_2.ForwardRefExoticComponent<TopNavBarProps & React_2.RefAttributes<HTMLDivElement>>;
310
+ export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
202
311
 
203
312
  export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
204
313
  text?: string | ReactNode;
@@ -207,7 +316,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
207
316
  direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
208
317
  }
209
318
 
210
- export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
319
+ export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
211
320
 
212
321
  export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
213
322
  img: string;
@@ -219,7 +328,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
219
328
  buttonText: string;
220
329
  }
221
330
 
222
- export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
331
+ export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
223
332
 
224
333
  export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
225
334
  img: string;