design-system-silkhaus 1.1.0-beta.weekly-cleaning.1 → 1.1.0

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 +11 -25
  2. package/dist/index.cjs +146 -59
  3. package/dist/index.d.ts +97 -48
  4. package/dist/index.js +28015 -22730
  5. package/dist/style.css +1 -1
  6. package/package.json +64 -48
package/dist/index.d.ts CHANGED
@@ -126,32 +126,6 @@ export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTML
126
126
  disabled?: true | false;
127
127
  startIcon?: default_2.ReactNode;
128
128
  endIcon?: default_2.ReactNode;
129
- selected?: boolean;
130
- }
131
-
132
- export declare const ButtonsGroupSelector: default_2.ForwardRefExoticComponent<ButtonsGroupSelectorProps & default_2.RefAttributes<HTMLDivElement>>;
133
-
134
- export declare interface ButtonsGroupSelectorProps extends HTMLAttributes<HTMLDivElement> {
135
- label?: string;
136
- value?: Array<{
137
- label: string;
138
- value: string;
139
- }>;
140
- options: Array<{
141
- label: string;
142
- value: string;
143
- }>;
144
- onSelectionChange?: (selected: Array<{
145
- label: string;
146
- value: string;
147
- }>) => void;
148
- placeholder?: string;
149
- selected?: boolean;
150
- isMultiSelect?: boolean;
151
- noDataError?: string;
152
- minWidthButton?: string;
153
- buttonWidth?: string;
154
- minSelectionError?: string;
155
129
  }
156
130
 
157
131
  export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -164,7 +138,7 @@ export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLA
164
138
 
165
139
  export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
166
140
 
167
- declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
141
+ export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
168
142
  asChild?: boolean;
169
143
  as?: string;
170
144
  }
@@ -177,6 +151,15 @@ declare const cardVariants: (props?: ({
177
151
  cardType?: "default" | "shadowCard" | null | undefined;
178
152
  } & ClassProp) | undefined) => string;
179
153
 
154
+ export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLDivElement>>;
155
+
156
+ export declare interface CheckboxProps extends HTMLAttributes<HTMLDivElement> {
157
+ isChecked: boolean;
158
+ onSelectionChange: () => void;
159
+ label: string;
160
+ onClick?: (e: default_2.MouseEvent) => void;
161
+ }
162
+
180
163
  export declare const ChevronLeftRegularIcon: FC<{
181
164
  className?: string;
182
165
  }>;
@@ -227,12 +210,16 @@ declare interface DateRangePickerProps {
227
210
 
228
211
  export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
229
212
 
230
- export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
213
+ export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDivElement>>;
231
214
 
232
215
  export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
233
216
  open: boolean;
234
217
  }
235
218
 
219
+ export declare const FilterIcon: FC<{
220
+ className?: string;
221
+ }>;
222
+
236
223
  export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
237
224
 
238
225
  export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
@@ -282,11 +269,26 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
282
269
  textarea?: true | false | undefined;
283
270
  label?: string | undefined;
284
271
  caption?: string | undefined;
285
- color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
272
+ color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
286
273
  required?: boolean;
287
274
  labelClass?: string | undefined;
288
275
  InputDivClass?: string | undefined;
289
276
  captionClass?: string | undefined;
277
+ startAdornment?: default_2.ReactNode;
278
+ endAdornment?: default_2.ReactNode;
279
+ min?: number;
280
+ max?: number;
281
+ value?: string | number;
282
+ /**
283
+ * When `true`, only numbers can be entered. Any other input will be ignored
284
+ * When min and max are set, the entered value is set to min when less than min and max when greater than max
285
+ */
286
+ isNumbersOnly?: boolean;
287
+ /**
288
+ * When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
289
+ * While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
290
+ */
291
+ onNumberUpdate?: (val: number | '') => void;
290
292
  }
291
293
 
292
294
  export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -319,7 +321,7 @@ export declare interface LongTermBannerProps {
319
321
  className?: string;
320
322
  }
321
323
 
322
- export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
324
+ export declare const MobileFilterMenu: ForwardRefExoticComponent<MobileFilterMenuProps & RefAttributes<HTMLDivElement>>;
323
325
 
324
326
  export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
325
327
  show: boolean;
@@ -328,14 +330,14 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
328
330
  filterHeader?: string;
329
331
  filterDescription?: string;
330
332
  closeIcon?: string;
331
- animation?: 'slideDown' | 'slideUp' | 'fadeIn' | 'none';
333
+ animation?: 'slideDown' | 'slideUp' | 'fadeIn';
332
334
  isSecondary?: boolean;
333
335
  backgroundImage?: string;
334
336
  marginTop?: string;
335
337
  maxWidth?: string;
336
338
  }
337
339
 
338
- export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
340
+ export declare const MobileMultiSelectFilterDropDown: ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & RefAttributes<HTMLDivElement>>;
339
341
 
340
342
  export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
341
343
  label?: string;
@@ -350,7 +352,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
350
352
  noDataError?: string;
351
353
  }
352
354
 
353
- export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
355
+ export declare const MobileSelectCardDropDown: ForwardRefExoticComponent<MobileSelectCardDropDownProps & RefAttributes<HTMLDivElement>>;
354
356
 
355
357
  export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
356
358
  label?: string;
@@ -359,7 +361,10 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
359
361
  imgUrl: string;
360
362
  label: string;
361
363
  }[];
362
- onSelectionChange?: (selected: unknown) => void;
364
+ onSelectionChange?: (selected: {
365
+ imgUrl: string;
366
+ label: string;
367
+ }) => void;
363
368
  placeholder?: string;
364
369
  selected?: boolean;
365
370
  dropdownIcon?: string;
@@ -369,15 +374,58 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
369
374
 
370
375
  export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
371
376
 
377
+ export declare const MoonIcon: FC<{
378
+ className?: string;
379
+ }>;
380
+
372
381
  declare interface Option_2 {
373
382
  label: string;
374
- id?: number;
383
+ id?: number | 'All';
384
+ }
385
+ export { Option_2 as Option }
386
+
387
+ export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
388
+
389
+ export declare interface PriceRangeSliderProps {
390
+ className?: string;
391
+ min?: number;
392
+ max: number;
393
+ step?: number;
394
+ /**
395
+ * This is called everytime the input field value changes
396
+ */
397
+ onInputChange?: (value: [number | string, number | string]) => void;
398
+ /**
399
+ * This is called when the slider value changes either through the slider
400
+ * or the input fields. This is only called after handling internally for any non numeric characters.
401
+ * Which means the value will either contain a number or empty string.
402
+ */
403
+ onPriceRangeChange?: (value: [number | '', number | '']) => void;
404
+ currency?: string;
405
+ value?: [number | '', number | ''];
375
406
  }
376
407
 
377
408
  export declare const QuestionMarkIcon: FC<{
378
409
  className?: string;
379
410
  }>;
380
411
 
412
+ export declare const RangeSlider: default_2.FC<RangeSliderProps>;
413
+
414
+ export declare interface RangeSliderProps {
415
+ value?: [number, number];
416
+ onChange?: (value: [number, number]) => void;
417
+ step?: number;
418
+ className?: string;
419
+ disabled?: boolean;
420
+ min?: number;
421
+ max?: number;
422
+ tooltip?: boolean;
423
+ }
424
+
425
+ export declare const RoundedPriceIcon: FC<{
426
+ className?: string;
427
+ }>;
428
+
381
429
  export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
382
430
 
383
431
  export declare interface RoundedProgressBarProps {
@@ -394,6 +442,8 @@ export declare const RulerRegularIcon: FC<{
394
442
  className?: string;
395
443
  }>;
396
444
 
445
+ export declare type ScreenSize = 'mobile' | 'tablet' | 'desktop';
446
+
397
447
  export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
398
448
 
399
449
  export declare type SlickImageCarouselProps = {
@@ -404,6 +454,10 @@ export declare type SlickImageCarouselProps = {
404
454
  onClick?: () => void;
405
455
  };
406
456
 
457
+ export declare const SotringIcon: FC<{
458
+ className?: string;
459
+ }>;
460
+
407
461
  export declare const StarLineIcon: FC<{
408
462
  className?: string;
409
463
  }>;
@@ -450,17 +504,6 @@ export declare interface TimerProps {
450
504
  outerDivClass?: string;
451
505
  }
452
506
 
453
- export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
454
-
455
- export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
456
- cardImg?: string;
457
- onSelectionChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
458
- heading?: string;
459
- enabled: boolean;
460
- subHeading?: string;
461
- htmlId?: string;
462
- }
463
-
464
507
  /**
465
508
  * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
466
509
  * and for mobile it displays a popover with the `content` on click of the `trigger` element
@@ -516,7 +559,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
516
559
  direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
517
560
  }
518
561
 
519
- export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
562
+ export declare const TopNavContainerMobile: ForwardRefExoticComponent<TopNavContainerMobileProps & RefAttributes<HTMLDivElement>>;
520
563
 
521
564
  export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
522
565
  img: string;
@@ -528,7 +571,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
528
571
  buttonText: string;
529
572
  }
530
573
 
531
- export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
574
+ export declare const TwoColumnDialog: ForwardRefExoticComponent<TwoColumnDialogProps & RefAttributes<HTMLDivElement>>;
532
575
 
533
576
  export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
534
577
  img: string;
@@ -539,4 +582,10 @@ export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElem
539
582
  buttonText: string;
540
583
  }
541
584
 
585
+ export declare const useDocumentSize: () => {
586
+ documentWidth: number;
587
+ documentHeight: number;
588
+ screenSize: "mobile" | "tablet" | "desktop";
589
+ };
590
+
542
591
  export { }