design-system-silkhaus 1.1.0-beta.weekly-cleaning.3 → 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 +9 -24
  2. package/dist/index.cjs +141 -43
  3. package/dist/index.d.ts +66 -38
  4. package/dist/index.js +16089 -11312
  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,58 @@ 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
+
390
408
  export declare const QuestionMarkIcon: FC<{
391
409
  className?: string;
392
410
  }>;
393
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
+
394
429
  export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
395
430
 
396
431
  export declare interface RoundedProgressBarProps {
@@ -419,6 +454,10 @@ export declare type SlickImageCarouselProps = {
419
454
  onClick?: () => void;
420
455
  };
421
456
 
457
+ export declare const SotringIcon: FC<{
458
+ className?: string;
459
+ }>;
460
+
422
461
  export declare const StarLineIcon: FC<{
423
462
  className?: string;
424
463
  }>;
@@ -465,17 +504,6 @@ export declare interface TimerProps {
465
504
  outerDivClass?: string;
466
505
  }
467
506
 
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
507
  /**
480
508
  * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
481
509
  * and for mobile it displays a popover with the `content` on click of the `trigger` element