design-system-silkhaus 1.1.0-beta.slider-input.4 → 1.1.0-beta.weekly-cleaning.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.
- package/dist/index.cjs +43 -141
- package/dist/index.d.ts +38 -50
- package/dist/index.js +11334 -15931
- package/dist/style.css +1 -1
- package/package.json +1 -3
package/dist/index.d.ts
CHANGED
|
@@ -126,6 +126,32 @@ 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;
|
|
129
155
|
}
|
|
130
156
|
|
|
131
157
|
export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -265,26 +291,11 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
|
|
|
265
291
|
textarea?: true | false | undefined;
|
|
266
292
|
label?: string | undefined;
|
|
267
293
|
caption?: string | undefined;
|
|
268
|
-
color
|
|
294
|
+
color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
|
|
269
295
|
required?: boolean;
|
|
270
296
|
labelClass?: string | undefined;
|
|
271
297
|
InputDivClass?: string | undefined;
|
|
272
298
|
captionClass?: string | undefined;
|
|
273
|
-
startAdornment?: default_2.ReactNode;
|
|
274
|
-
endAdornment?: default_2.ReactNode;
|
|
275
|
-
min?: number;
|
|
276
|
-
max?: number;
|
|
277
|
-
value?: string | number;
|
|
278
|
-
/**
|
|
279
|
-
* When `true`, only numbers can be entered. Any other input will be ignored
|
|
280
|
-
* When min and max are set, the entered value is set to min when less than min and max when greater than max
|
|
281
|
-
*/
|
|
282
|
-
isNumbersOnly?: boolean;
|
|
283
|
-
/**
|
|
284
|
-
* When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
|
|
285
|
-
* While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
|
|
286
|
-
*/
|
|
287
|
-
onNumberUpdate?: (val: number | '') => void;
|
|
288
299
|
}
|
|
289
300
|
|
|
290
301
|
export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -376,44 +387,10 @@ declare interface Option_2 {
|
|
|
376
387
|
}
|
|
377
388
|
export { Option_2 as Option }
|
|
378
389
|
|
|
379
|
-
export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
|
|
380
|
-
|
|
381
|
-
export declare interface PriceRangeSliderProps {
|
|
382
|
-
className?: string;
|
|
383
|
-
min?: number;
|
|
384
|
-
max: number;
|
|
385
|
-
step?: number;
|
|
386
|
-
/**
|
|
387
|
-
* This is called everytime the input field value changes
|
|
388
|
-
*/
|
|
389
|
-
onInputChange?: (value: [number | string, number | string]) => void;
|
|
390
|
-
/**
|
|
391
|
-
* This is called when the slider value changes either through the slider
|
|
392
|
-
* or the input fields. This is only called after handling internally for any non numeric characters.
|
|
393
|
-
* Which means the value will either contain a number or empty string.
|
|
394
|
-
*/
|
|
395
|
-
onPriceRangeChange?: (value: [number | '', number | '']) => void;
|
|
396
|
-
currency?: string;
|
|
397
|
-
value?: [number | '', number | ''];
|
|
398
|
-
}
|
|
399
|
-
|
|
400
390
|
export declare const QuestionMarkIcon: FC<{
|
|
401
391
|
className?: string;
|
|
402
392
|
}>;
|
|
403
393
|
|
|
404
|
-
export declare const RangeSlider: default_2.FC<RangeSliderProps>;
|
|
405
|
-
|
|
406
|
-
export declare interface RangeSliderProps {
|
|
407
|
-
value?: [number, number];
|
|
408
|
-
onChange?: (value: [number, number]) => void;
|
|
409
|
-
step?: number;
|
|
410
|
-
className?: string;
|
|
411
|
-
disabled?: boolean;
|
|
412
|
-
min?: number;
|
|
413
|
-
max?: number;
|
|
414
|
-
tooltip?: boolean;
|
|
415
|
-
}
|
|
416
|
-
|
|
417
394
|
export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
418
395
|
|
|
419
396
|
export declare interface RoundedProgressBarProps {
|
|
@@ -488,6 +465,17 @@ export declare interface TimerProps {
|
|
|
488
465
|
outerDivClass?: string;
|
|
489
466
|
}
|
|
490
467
|
|
|
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
|
+
|
|
491
479
|
/**
|
|
492
480
|
* A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
|
|
493
481
|
* and for mobile it displays a popover with the `content` on click of the `trigger` element
|