design-system-silkhaus 0.0.88-beta.slider-input.7 → 0.0.88

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,6 +1,5 @@
1
1
  import { CalendarDayShape } from 'react-dates';
2
2
  import { ClassProp } from 'class-variance-authority/types';
3
- import { default as default_2 } from 'react';
4
3
  import { FC } from 'react';
5
4
  import { ForwardRefExoticComponent } from 'react';
6
5
  import { HTMLAttributes } from 'react';
@@ -8,12 +7,13 @@ import { ModifiersShape } from 'react-dates';
8
7
  import { Moment } from 'moment';
9
8
  import { Placement } from '@floating-ui/react';
10
9
  import { PropsWithChildren } from 'react';
11
- import * as React_2 from 'react';
10
+ import { default as React_2 } from 'react';
11
+ import * as React_3 from 'react';
12
12
  import { ReactNode } from 'react';
13
13
  import { RefAttributes } from 'react';
14
14
  import { VariantProps } from 'class-variance-authority';
15
15
 
16
- export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
16
+ export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
17
17
 
18
18
  export declare interface AccordionProps {
19
19
  title: string | ReactNode;
@@ -28,7 +28,7 @@ export declare interface AccordionProps {
28
28
  isExpanded?: boolean;
29
29
  }
30
30
 
31
- export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
31
+ export declare const ActionFooter: React_2.ForwardRefExoticComponent<ActionFooterProps & React_2.RefAttributes<HTMLDivElement>>;
32
32
 
33
33
  export declare interface ActionFooterProps {
34
34
  className?: string;
@@ -36,12 +36,12 @@ export declare interface ActionFooterProps {
36
36
  primaryBtnClick: () => void;
37
37
  primaryBtnDisabled?: boolean;
38
38
  secondaryBtnDisabled?: boolean;
39
- primaryBtnTxt: string | default_2.ReactNode;
40
- secondaryBtnTxt?: string | default_2.ReactNode;
41
- thirdColumn?: default_2.ReactNode;
39
+ primaryBtnTxt: string | React_2.ReactNode;
40
+ secondaryBtnTxt?: string | React_2.ReactNode;
41
+ thirdColumn?: React_2.ReactNode;
42
42
  }
43
43
 
44
- export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
44
+ export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogProps & React_2.RefAttributes<HTMLDivElement>>;
45
45
 
46
46
  export declare interface AlertDialogProps {
47
47
  outerDivClassName?: string;
@@ -80,16 +80,16 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
80
80
  contentClassName?: string;
81
81
  }
82
82
 
83
- export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
83
+ export declare const Asterisk: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
84
84
 
85
85
  declare interface AsteriskProps {
86
86
  className?: string;
87
87
  }
88
88
 
89
- export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
89
+ export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLDivElement>>;
90
90
 
91
91
  export declare type BadgeProps = {
92
- icon?: default_2.ReactNode;
92
+ icon?: React_2.ReactNode;
93
93
  label: string;
94
94
  variant: 'dark' | 'light' | 'amenity';
95
95
  className?: string;
@@ -103,9 +103,9 @@ export declare const BedRegularIcon: FC<{
103
103
  className?: string;
104
104
  }>;
105
105
 
106
- export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
106
+ export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
107
107
 
108
- export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
108
+ export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
109
109
  items: BookingQuoteLineItemType[];
110
110
  isExpandedInMobile?: boolean;
111
111
  }
@@ -118,32 +118,32 @@ export declare interface BookingQuoteLineItemType {
118
118
  description?: string;
119
119
  }
120
120
 
121
- export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
121
+ export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
122
122
 
123
- export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
123
+ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
124
124
  color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
125
125
  size?: 'small' | 'large';
126
126
  disabled?: true | false;
127
- startIcon?: default_2.ReactNode;
128
- endIcon?: default_2.ReactNode;
127
+ startIcon?: React_2.ReactNode;
128
+ endIcon?: React_2.ReactNode;
129
129
  }
130
130
 
131
- export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
131
+ export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
132
132
 
133
- export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
133
+ export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
134
134
 
135
- export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
135
+ export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
136
136
 
137
- export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
137
+ export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
138
138
 
139
- export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
139
+ export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
140
140
 
141
- declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
141
+ declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
142
142
  asChild?: boolean;
143
143
  as?: string;
144
144
  }
145
145
 
146
- export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
146
+ export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
147
147
 
148
148
  export declare type CardVariantProps = VariantProps<typeof cardVariants>;
149
149
 
@@ -163,7 +163,7 @@ export declare const CloseIcon: FC<{
163
163
  className?: string;
164
164
  }>;
165
165
 
166
- export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
166
+ export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
167
167
 
168
168
  declare interface DateRangePickerProps {
169
169
  startDatePlaceholderText?: string;
@@ -181,18 +181,18 @@ declare interface DateRangePickerProps {
181
181
  focusedInput?: 'startDate' | 'endDate' | null;
182
182
  onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
183
183
  lTBannerImage?: string;
184
- lTBannerTitle?: string | default_2.ReactNode;
185
- lTBannerDesc?: string | default_2.ReactNode;
184
+ lTBannerTitle?: string | React_2.ReactNode;
185
+ lTBannerDesc?: string | React_2.ReactNode;
186
186
  lTBannerBgColor?: string;
187
- thirdColumn?: string | default_2.ReactNode;
187
+ thirdColumn?: string | React_2.ReactNode;
188
188
  onMobileCloseClick: () => void;
189
189
  onOutsideClick?: (e: unknown) => void;
190
190
  onPrevMonthClick?: (e: unknown) => void;
191
191
  onNextMonthClick?: (e: unknown) => void;
192
- renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
192
+ renderCalendarDay?: (props: CalendarDayShape) => React_2.ReactNode | undefined;
193
193
  isDayBlocked?: ((day: Moment) => boolean) | undefined;
194
- renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
195
- renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
194
+ renderDayContents?: (day: Moment, modifiers: ModifiersShape) => React_2.ReactNode | null | undefined;
195
+ renderCalendarInfo?: () => React_2.ReactNode | null | undefined;
196
196
  _daySize?: number;
197
197
  _mobileDaySize?: number;
198
198
  mobileBreakPoint?: number;
@@ -201,15 +201,15 @@ declare interface DateRangePickerProps {
201
201
 
202
202
  export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
203
203
 
204
- export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
204
+ export declare const Dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<HTMLDivElement>>;
205
205
 
206
206
  export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
207
207
  open: boolean;
208
208
  }
209
209
 
210
- export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
210
+ export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
211
211
 
212
- export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
212
+ export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
213
213
  asChild?: boolean;
214
214
  }
215
215
 
@@ -236,54 +236,39 @@ export declare const HouseRegularIcon: FC<{
236
236
  className?: string;
237
237
  }>;
238
238
 
239
- export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
239
+ export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
240
240
 
241
- export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
241
+ export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
242
242
  color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
243
243
  size?: 'small' | 'large';
244
244
  disabled?: true | false;
245
245
  }
246
246
 
247
- export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
247
+ export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
248
248
 
249
- export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
249
+ export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
250
250
  images: string[];
251
251
  }
252
252
 
253
- export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
253
+ export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
254
254
 
255
- export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
255
+ export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
256
256
  textarea?: true | false | undefined;
257
257
  label?: string | undefined;
258
258
  caption?: string | undefined;
259
- color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
259
+ color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
260
260
  required?: boolean;
261
261
  labelClass?: string | undefined;
262
262
  InputDivClass?: string | undefined;
263
263
  captionClass?: string | undefined;
264
- startAdornment?: default_2.ReactNode;
265
- endAdornment?: default_2.ReactNode;
266
- min?: number;
267
- max?: number;
268
- value?: string | number;
269
- /**
270
- * When `true`, only numbers can be entered. Any other input will be ignored
271
- * When min and max are set, the entered value is set to min when less than min and max when greater than max
272
- */
273
- isNumbersOnly?: boolean;
274
- /**
275
- * When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
276
- * While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
277
- */
278
- onNumberUpdate?: (val: number | '') => void;
279
264
  }
280
265
 
281
- export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
266
+ export declare const ListingCard: React_2.ForwardRefExoticComponent<ListingCardProps & React_2.RefAttributes<HTMLDivElement>>;
282
267
 
283
268
  export declare type ListingCardProps = {
284
269
  images: string[];
285
- title: string | default_2.ReactNode;
286
- subtitle: string | default_2.ReactNode;
270
+ title: string | React_2.ReactNode;
271
+ subtitle: string | React_2.ReactNode;
287
272
  guests: number;
288
273
  type: string;
289
274
  sqft: string;
@@ -297,18 +282,18 @@ export declare type ListingCardProps = {
297
282
  onClick: () => void;
298
283
  };
299
284
 
300
- export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
285
+ export declare const LongTermBanner: React_2.ForwardRefExoticComponent<LongTermBannerProps & React_2.RefAttributes<HTMLDivElement>>;
301
286
 
302
287
  export declare interface LongTermBannerProps {
303
288
  image: string;
304
- title: string | default_2.ReactNode;
305
- desc: string | default_2.ReactNode;
289
+ title: string | React_2.ReactNode;
290
+ desc: string | React_2.ReactNode;
306
291
  size: 'small' | 'large';
307
292
  bgColor: string;
308
293
  className?: string;
309
294
  }
310
295
 
311
- export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
296
+ export declare const MobileFilterMenu: React_2.ForwardRefExoticComponent<MobileFilterMenuProps & React_2.RefAttributes<HTMLDivElement>>;
312
297
 
313
298
  export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
314
299
  show: boolean;
@@ -324,7 +309,7 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
324
309
  maxWidth?: string;
325
310
  }
326
311
 
327
- export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
312
+ export declare const MobileMultiSelectFilterDropDown: React_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
328
313
 
329
314
  export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
330
315
  label?: string;
@@ -339,7 +324,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
339
324
  noDataError?: string;
340
325
  }
341
326
 
342
- export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
327
+ export declare const MobileSelectCardDropDown: React_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
343
328
 
344
329
  export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
345
330
  label?: string;
@@ -363,45 +348,11 @@ declare interface Option_2 {
363
348
  id?: number;
364
349
  }
365
350
 
366
- export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
367
-
368
- export declare interface PriceRangeSliderProps {
369
- className?: string;
370
- min?: number;
371
- max: number;
372
- step?: number;
373
- /**
374
- * This is called everytime the input field value changes
375
- */
376
- onInputChange?: (value: [number | string, number | string]) => void;
377
- /**
378
- * This is called when the slider value changes either through the slider
379
- * or the input fields. This is only called after handling internally for any non numeric characters.
380
- * Which means the value will either contain a number or empty string.
381
- */
382
- onPriceRangeChange?: (value: [number | '', number | '']) => void;
383
- currency?: string;
384
- value?: [number | '', number | ''];
385
- }
386
-
387
351
  export declare const QuestionMarkIcon: FC<{
388
352
  className?: string;
389
353
  }>;
390
354
 
391
- export declare const RangeSlider: default_2.FC<RangeSliderProps>;
392
-
393
- export declare interface RangeSliderProps {
394
- value?: [number, number];
395
- onChange?: (value: [number, number]) => void;
396
- step?: number;
397
- className?: string;
398
- disabled?: boolean;
399
- min?: number;
400
- max?: number;
401
- tooltip?: boolean;
402
- }
403
-
404
- export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
355
+ export declare const RoundedProgressBar: React_2.ForwardRefExoticComponent<RoundedProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
405
356
 
406
357
  export declare interface RoundedProgressBarProps {
407
358
  progress: number;
@@ -417,7 +368,7 @@ export declare const RulerRegularIcon: FC<{
417
368
  className?: string;
418
369
  }>;
419
370
 
420
- export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
371
+ export declare const SlickImageCarousel: React_2.ForwardRefExoticComponent<SlickImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
421
372
 
422
373
  export declare type SlickImageCarouselProps = {
423
374
  images: string[];
@@ -443,7 +394,7 @@ export declare interface Step {
443
394
  mobileNextTitle: string;
444
395
  }
445
396
 
446
- export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
397
+ export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
447
398
 
448
399
  export declare interface StepperProps {
449
400
  steps: Step[];
@@ -451,21 +402,21 @@ export declare interface StepperProps {
451
402
  outerMobileDivClass?: string;
452
403
  }
453
404
 
454
- export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
405
+ export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
455
406
 
456
407
  export declare interface SwitchProps {
457
408
  checked: boolean;
458
- onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
409
+ onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
459
410
  disabled?: boolean;
460
411
  htmlId?: string;
461
412
  }
462
413
 
463
414
  declare type TagProps = {
464
- icon: default_2.ReactNode;
415
+ icon: React_2.ReactNode;
465
416
  label: string;
466
417
  };
467
418
 
468
- export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
419
+ export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
469
420
 
470
421
  export declare interface TimerProps {
471
422
  time: number;
@@ -528,7 +479,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
528
479
  direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
529
480
  }
530
481
 
531
- export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
482
+ export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
532
483
 
533
484
  export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
534
485
  img: string;
@@ -540,7 +491,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
540
491
  buttonText: string;
541
492
  }
542
493
 
543
- export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
494
+ export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
544
495
 
545
496
  export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
546
497
  img: string;