design-system-silkhaus 0.0.79 → 0.0.82

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 (6) hide show
  1. package/README.md +12 -1
  2. package/dist/index.cjs +19 -15
  3. package/dist/index.d.ts +135 -24
  4. package/dist/index.js +1717 -1204
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { ClassProp } from 'class-variance-authority/types';
2
- import { default as React_2 } from 'react';
3
- import * as React_3 from 'react';
2
+ import { default as default_2 } from 'react';
3
+ import { HTMLAttributes } from 'react';
4
+ import * as React_2 from 'react';
4
5
  import { ReactNode } from 'react';
5
6
  import { VariantProps } from 'class-variance-authority';
6
7
 
7
- export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
8
+ export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
8
9
 
9
10
  export declare interface AccordionProps {
10
11
  title: string | ReactNode;
@@ -19,44 +20,76 @@ export declare interface AccordionProps {
19
20
  isExpanded?: boolean;
20
21
  }
21
22
 
22
- export declare const BookingQuoteCard: React_3.ForwardRefExoticComponent<BookingQuoteCardProps & React_3.RefAttributes<HTMLDivElement>>;
23
+ export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
24
+
25
+ export declare interface AlertDialogProps {
26
+ outerDivClassName?: string;
27
+ banner?: string;
28
+ title: string;
29
+ description?: string;
30
+ disablePrimaryBtn: boolean;
31
+ showPrimaryBtn: boolean;
32
+ disableSecondaryBtn: boolean;
33
+ showSecondaryBtn: boolean;
34
+ primaryBtnText?: string | ReactNode;
35
+ secondaryBtnText?: string | ReactNode;
36
+ onPrimaryBtnClick?: () => void;
37
+ onSecondaryBtnClick?: () => void;
38
+ }
39
+
40
+ export declare const AnimatedModal: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
41
+
42
+ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
43
+ show: boolean;
44
+ handleClose?: () => void;
45
+ staticBackdrop?: boolean;
46
+ animation?: 'slideDown' | 'fadeIn' | 'none';
47
+ }
48
+
49
+ export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
50
+
51
+ declare interface AsteriskProps {
52
+ className?: string;
53
+ }
54
+
55
+ export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
23
56
 
24
- export declare interface BookingQuoteCardProps extends React_3.HTMLAttributes<HTMLDivElement> {
57
+ export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
25
58
  items: BookingQuoteLineItemType[];
59
+ isExpandedInMobile?: boolean;
26
60
  }
27
61
 
28
62
  export declare interface BookingQuoteLineItemType {
29
63
  key_name: string;
30
- aed_amount: number;
31
64
  display_name: string;
32
65
  currency_converted_amount: string;
33
66
  type: string;
34
67
  }
35
68
 
36
- export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
69
+ export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
37
70
 
38
- export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
71
+ export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
39
72
  color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
40
73
  size?: 'small' | 'large';
41
74
  disabled?: true | false;
42
75
  }
43
76
 
44
- export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
77
+ export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
45
78
 
46
- export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
79
+ export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
47
80
 
48
- export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
81
+ export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
49
82
 
50
- export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
83
+ export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
51
84
 
52
- export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
85
+ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
53
86
 
54
- declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
87
+ declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
55
88
  asChild?: boolean;
56
89
  as?: string;
57
90
  }
58
91
 
59
- export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
92
+ export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
60
93
 
61
94
  export declare type CardVariantProps = VariantProps<typeof cardVariants>;
62
95
 
@@ -64,9 +97,15 @@ declare const cardVariants: (props?: ({
64
97
  cardType?: "default" | "shadowCard" | null | undefined;
65
98
  } & ClassProp) | undefined) => string;
66
99
 
67
- export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
100
+ export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
68
101
 
69
- export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
102
+ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
103
+ open: boolean;
104
+ }
105
+
106
+ export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
107
+
108
+ export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
70
109
  asChild?: boolean;
71
110
  }
72
111
 
@@ -85,28 +124,100 @@ declare const gridVariants: (props?: ({
85
124
  placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
86
125
  } & ClassProp) | undefined) => string;
87
126
 
88
- export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
127
+ export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
89
128
 
90
- export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
129
+ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
91
130
  images: string[];
92
131
  }
93
132
 
94
- export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
133
+ export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
95
134
 
96
- export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
135
+ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
97
136
  textarea?: true | false | undefined;
98
137
  label?: string | undefined;
99
138
  caption?: string | undefined;
100
- color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded';
139
+ color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
140
+ required?: boolean;
141
+ labelClass?: string | undefined;
142
+ InputDivClass?: string | undefined;
143
+ captionClass?: string | undefined;
144
+ }
145
+
146
+ export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
147
+
148
+ export declare interface RoundedProgressBarProps {
149
+ progress: number;
150
+ text?: string;
151
+ progressColor?: string;
152
+ borderColor?: string;
153
+ size?: string | number;
154
+ strokeWidth?: number;
155
+ textClass?: string;
156
+ }
157
+
158
+ export declare interface Step {
159
+ number: number;
160
+ title: string;
161
+ status: 'active' | 'completed' | 'pending';
162
+ mobileTitle: string;
163
+ mobileNextTitle: string;
101
164
  }
102
165
 
103
- export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
166
+ export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
167
+
168
+ export declare interface StepperProps {
169
+ steps: Step[];
170
+ outerDivClass?: string;
171
+ outerMobileDivClass?: string;
172
+ }
173
+
174
+ export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
104
175
 
105
176
  export declare interface SwitchProps {
106
177
  checked: boolean;
107
- onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
178
+ onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
108
179
  disabled?: boolean;
109
180
  htmlId?: string;
110
181
  }
111
182
 
183
+ export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
184
+
185
+ export declare interface TimerProps {
186
+ time: number;
187
+ text?: string;
188
+ outerDivClass?: string;
189
+ }
190
+
191
+ export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
192
+
193
+ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
194
+ text?: string | ReactNode;
195
+ onNavBarClick?: () => void;
196
+ isMarquee?: boolean;
197
+ direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
198
+ }
199
+
200
+ export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
201
+
202
+ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
203
+ img: string;
204
+ handleDialogButtonClick?: () => void;
205
+ handleCloseButtonClick?: () => void;
206
+ dialogHeader: string;
207
+ dialogDescription: string;
208
+ buttonIcon?: string;
209
+ buttonText: string;
210
+ }
211
+
212
+ export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
213
+
214
+ export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
215
+ img: string;
216
+ handleDialogButtonClick?: () => void;
217
+ dialogHeader: string;
218
+ dialogDescription: string;
219
+ buttonIcon?: string;
220
+ buttonText: string;
221
+ }
222
+
112
223
  export { }