design-system-silkhaus 0.0.84 → 0.0.85-beta.1

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