design-system-silkhaus 1.1.0-beta.slider-input.2 → 1.1.0-beta.weekly-cleaning.1
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 +45 -153
- package/dist/index.d.ts +38 -50
- package/dist/index.js +11218 -15806
- package/dist/style.css +1 -1
- package/package.json +4 -6
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>>;
|
|
@@ -256,26 +282,11 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
|
|
|
256
282
|
textarea?: true | false | undefined;
|
|
257
283
|
label?: string | undefined;
|
|
258
284
|
caption?: string | undefined;
|
|
259
|
-
color
|
|
285
|
+
color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
|
|
260
286
|
required?: boolean;
|
|
261
287
|
labelClass?: string | undefined;
|
|
262
288
|
InputDivClass?: string | undefined;
|
|
263
289
|
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
290
|
}
|
|
280
291
|
|
|
281
292
|
export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -363,44 +374,10 @@ declare interface Option_2 {
|
|
|
363
374
|
id?: number;
|
|
364
375
|
}
|
|
365
376
|
|
|
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
377
|
export declare const QuestionMarkIcon: FC<{
|
|
388
378
|
className?: string;
|
|
389
379
|
}>;
|
|
390
380
|
|
|
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
381
|
export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
405
382
|
|
|
406
383
|
export declare interface RoundedProgressBarProps {
|
|
@@ -473,6 +450,17 @@ export declare interface TimerProps {
|
|
|
473
450
|
outerDivClass?: string;
|
|
474
451
|
}
|
|
475
452
|
|
|
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
|
+
|
|
476
464
|
/**
|
|
477
465
|
* A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
|
|
478
466
|
* and for mobile it displays a popover with the `content` on click of the `trigger` element
|