design-system-silkhaus 0.0.85 → 0.0.86-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 +61 -11
  2. package/dist/index.d.ts +91 -36
  3. package/dist/index.js +18532 -1282
  4. package/dist/style.css +1 -1
  5. package/package.json +6 -3
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,18 @@ 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 RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
157
212
 
158
213
  export declare interface RoundedProgressBarProps {
159
214
  progress: number;
@@ -173,7 +228,7 @@ export declare interface Step {
173
228
  mobileNextTitle: string;
174
229
  }
175
230
 
176
- export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
231
+ export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
177
232
 
178
233
  export declare interface StepperProps {
179
234
  steps: Step[];
@@ -181,16 +236,16 @@ export declare interface StepperProps {
181
236
  outerMobileDivClass?: string;
182
237
  }
183
238
 
184
- export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
239
+ export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
185
240
 
186
241
  export declare interface SwitchProps {
187
242
  checked: boolean;
188
- onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
243
+ onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
189
244
  disabled?: boolean;
190
245
  htmlId?: string;
191
246
  }
192
247
 
193
- export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
248
+ export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
194
249
 
195
250
  export declare interface TimerProps {
196
251
  time: number;
@@ -198,7 +253,7 @@ export declare interface TimerProps {
198
253
  outerDivClass?: string;
199
254
  }
200
255
 
201
- export declare const TopNavBar: React_2.ForwardRefExoticComponent<TopNavBarProps & React_2.RefAttributes<HTMLDivElement>>;
256
+ export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
202
257
 
203
258
  export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
204
259
  text?: string | ReactNode;
@@ -207,7 +262,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
207
262
  direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
208
263
  }
209
264
 
210
- export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
265
+ export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
211
266
 
212
267
  export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
213
268
  img: string;
@@ -219,7 +274,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
219
274
  buttonText: string;
220
275
  }
221
276
 
222
- export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
277
+ export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
223
278
 
224
279
  export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
225
280
  img: string;