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.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 * as React_2 from 'react';
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: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
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 AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
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: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
71
+ export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
56
72
 
57
- export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
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: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
85
+ export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
70
86
 
71
- export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
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?: default_2.ReactNode;
76
- endIcon?: default_2.ReactNode;
91
+ startIcon?: React_2.ReactNode;
92
+ endIcon?: React_2.ReactNode;
77
93
  }
78
94
 
79
- export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
95
+ export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
80
96
 
81
- export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
97
+ export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
82
98
 
83
- export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
99
+ export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
84
100
 
85
- export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
101
+ export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
86
102
 
87
- export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
103
+ export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
88
104
 
89
- declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
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: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
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 Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
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: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
158
+ export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
109
159
 
110
- export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
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: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
179
+ export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
130
180
 
131
- export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
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: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
187
+ export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
138
188
 
139
- export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
189
+ export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
140
190
  images: string[];
141
191
  }
142
192
 
143
- export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
193
+ export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
144
194
 
145
- export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
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 RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
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: default_2.ChangeEvent<HTMLInputElement>) => void;
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: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
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: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
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;