design-system-silkhaus 1.1.0-beta.weekly-cleaning.3 → 1.1.1-beta.promo-dialog.3

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 +9 -24
  2. package/dist/index.cjs +141 -43
  3. package/dist/index.d.ts +82 -38
  4. package/dist/index.js +16322 -11453
  5. package/dist/style.css +1 -1
  6. package/package.json +3 -1
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>>;
@@ -242,6 +216,10 @@ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
242
216
  open: boolean;
243
217
  }
244
218
 
219
+ export declare const FilterIcon: FC<{
220
+ className?: string;
221
+ }>;
222
+
245
223
  export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
246
224
 
247
225
  export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
@@ -291,11 +269,26 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
291
269
  textarea?: true | false | undefined;
292
270
  label?: string | undefined;
293
271
  caption?: string | undefined;
294
- color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
272
+ color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
295
273
  required?: boolean;
296
274
  labelClass?: string | undefined;
297
275
  InputDivClass?: string | undefined;
298
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;
299
292
  }
300
293
 
301
294
  export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -381,16 +374,74 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
381
374
 
382
375
  export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
383
376
 
377
+ export declare const MoonIcon: FC<{
378
+ className?: string;
379
+ }>;
380
+
384
381
  declare interface Option_2 {
385
382
  label: string;
386
383
  id?: number | 'All';
387
384
  }
388
385
  export { Option_2 as Option }
389
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 | ''];
406
+ }
407
+
408
+ export declare const PromoDialog: default_2.ForwardRefExoticComponent<PromoDialogProps & default_2.RefAttributes<HTMLDivElement>>;
409
+
410
+ export declare interface PromoDialogProps {
411
+ bannerImageUrlDesktop?: string;
412
+ bannerImageUrlMobile?: string;
413
+ heading?: string;
414
+ discountText?: string;
415
+ desc?: string;
416
+ warningText?: string;
417
+ primaryBtnText?: string | ReactNode;
418
+ secondaryBtnText?: string | ReactNode;
419
+ onPrimaryBtnClick?: (email: string) => void;
420
+ onSecondaryBtnClick?: () => void;
421
+ onCloseButtonClick?: () => void;
422
+ }
423
+
390
424
  export declare const QuestionMarkIcon: FC<{
391
425
  className?: string;
392
426
  }>;
393
427
 
428
+ export declare const RangeSlider: default_2.FC<RangeSliderProps>;
429
+
430
+ export declare interface RangeSliderProps {
431
+ value?: [number, number];
432
+ onChange?: (value: [number, number]) => void;
433
+ step?: number;
434
+ className?: string;
435
+ disabled?: boolean;
436
+ min?: number;
437
+ max?: number;
438
+ tooltip?: boolean;
439
+ }
440
+
441
+ export declare const RoundedPriceIcon: FC<{
442
+ className?: string;
443
+ }>;
444
+
394
445
  export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
395
446
 
396
447
  export declare interface RoundedProgressBarProps {
@@ -419,6 +470,10 @@ export declare type SlickImageCarouselProps = {
419
470
  onClick?: () => void;
420
471
  };
421
472
 
473
+ export declare const SotringIcon: FC<{
474
+ className?: string;
475
+ }>;
476
+
422
477
  export declare const StarLineIcon: FC<{
423
478
  className?: string;
424
479
  }>;
@@ -465,17 +520,6 @@ export declare interface TimerProps {
465
520
  outerDivClass?: string;
466
521
  }
467
522
 
468
- export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
469
-
470
- export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
471
- cardImg?: string;
472
- onSelectionChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
473
- heading?: string;
474
- enabled: boolean;
475
- subHeading?: string;
476
- htmlId?: string;
477
- }
478
-
479
523
  /**
480
524
  * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
481
525
  * and for mobile it displays a popover with the `content` on click of the `trigger` element