@bubo-squared/ui-framework 0.2.12 → 0.2.14
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 +1028 -637
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +108 -32
- package/dist/index.d.ts +108 -32
- package/dist/index.js +1042 -653
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +4 -1
package/dist/index.d.cts
CHANGED
|
@@ -218,17 +218,20 @@ type DividerProps = BaseDividerProps | IconLinesDividerProps | IconGroupLinesDiv
|
|
|
218
218
|
declare const Divider: React$1.FC<DividerProps>;
|
|
219
219
|
|
|
220
220
|
type ProgressSize = "sm" | "md" | "lg";
|
|
221
|
-
|
|
221
|
+
type ProgressStatus = "default" | "success" | "error";
|
|
222
|
+
interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
222
223
|
/** Current value, from 0 to 100. */
|
|
223
224
|
value: number;
|
|
224
|
-
/** Optional label shown above the bar
|
|
225
|
+
/** Optional label shown above the bar. */
|
|
225
226
|
label?: string;
|
|
226
227
|
/** Optional hint text shown below the bar. */
|
|
227
228
|
hint?: string;
|
|
228
|
-
/** Controls whether the
|
|
229
|
-
|
|
230
|
-
/**
|
|
231
|
-
|
|
229
|
+
/** Controls whether the progress percentage label is rendered. */
|
|
230
|
+
showProgressLabel?: boolean;
|
|
231
|
+
/** If true, the hint will not be rendered even if provided. */
|
|
232
|
+
hideHint?: boolean;
|
|
233
|
+
status?: ProgressStatus;
|
|
234
|
+
disabled?: boolean;
|
|
232
235
|
/** Visual height of the bar. */
|
|
233
236
|
size?: ProgressSize;
|
|
234
237
|
}
|
|
@@ -263,41 +266,49 @@ interface TagProps extends VariantProps<typeof tagVariants> {
|
|
|
263
266
|
declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
264
267
|
|
|
265
268
|
interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
269
|
+
/** Only needed when the component is a part of a native form. */
|
|
270
|
+
name?: string;
|
|
266
271
|
label?: string;
|
|
267
272
|
}
|
|
268
273
|
declare function Checkbox({ label, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
269
274
|
|
|
270
|
-
type
|
|
271
|
-
interface
|
|
275
|
+
type SelectStatus = "default" | "success" | "error";
|
|
276
|
+
interface SelectOption {
|
|
272
277
|
label: string;
|
|
273
278
|
value: string;
|
|
274
279
|
}
|
|
275
|
-
declare const
|
|
280
|
+
declare const selectTriggerVariants: (props?: ({
|
|
276
281
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
277
282
|
status?: "success" | "error" | "default" | null | undefined;
|
|
278
283
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
279
|
-
interface
|
|
284
|
+
interface SelectProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof selectTriggerVariants> {
|
|
280
285
|
label?: string;
|
|
281
|
-
showLabel?: boolean;
|
|
282
286
|
hint?: string;
|
|
283
287
|
/**
|
|
284
288
|
* If true, the hint will not be rendered even if provided.
|
|
285
289
|
*/
|
|
286
290
|
hideHint?: boolean;
|
|
291
|
+
/**
|
|
292
|
+
* Only needed when the component is a part of a native form.
|
|
293
|
+
* Provide this to include the value in native form submission / FormData.
|
|
294
|
+
*/
|
|
295
|
+
name?: string;
|
|
287
296
|
placeholder?: string;
|
|
288
|
-
status?:
|
|
289
|
-
options:
|
|
297
|
+
status?: SelectStatus;
|
|
298
|
+
options: SelectOption[];
|
|
290
299
|
value?: string;
|
|
291
300
|
defaultValue?: string;
|
|
301
|
+
required?: boolean;
|
|
292
302
|
onChange?: (value: string) => void;
|
|
293
303
|
/** Force the menu open (used mainly for docs/Storybook states). */
|
|
294
304
|
showMenu?: boolean;
|
|
295
305
|
}
|
|
296
|
-
declare const
|
|
306
|
+
declare const Select: React$1.FC<SelectProps>;
|
|
297
307
|
|
|
298
308
|
type FieldStatus = "default" | "success" | "error";
|
|
299
309
|
interface FieldProps {
|
|
300
310
|
label?: string;
|
|
311
|
+
labelRight?: React$1.ReactNode;
|
|
301
312
|
hint?: string;
|
|
302
313
|
/**
|
|
303
314
|
* If true, the hint will not be rendered even if provided.
|
|
@@ -312,7 +323,7 @@ declare const Field: React$1.FC<FieldProps>;
|
|
|
312
323
|
|
|
313
324
|
type PasswordInputSize = "sm" | "md" | "lg" | "xl";
|
|
314
325
|
type PasswordInputStatus = "default" | "success" | "error";
|
|
315
|
-
type PasswordInputVariant = "
|
|
326
|
+
type PasswordInputVariant = "icon" | "text";
|
|
316
327
|
interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
|
|
317
328
|
label?: string;
|
|
318
329
|
hint?: string;
|
|
@@ -320,14 +331,16 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
|
|
|
320
331
|
* If true, the hint will not be rendered even if provided.
|
|
321
332
|
*/
|
|
322
333
|
hideHint?: boolean;
|
|
334
|
+
/**
|
|
335
|
+
* Only needed when the component is a part of a native form.
|
|
336
|
+
* Provide this to include the value in native form submission / FormData.
|
|
337
|
+
*/
|
|
338
|
+
name?: string;
|
|
323
339
|
placeholder?: string;
|
|
324
340
|
status?: PasswordInputStatus;
|
|
325
341
|
size?: PasswordInputSize;
|
|
326
342
|
variant?: PasswordInputVariant;
|
|
327
343
|
leadingIcon?: React$1.ReactNode;
|
|
328
|
-
trailingIcon?: React$1.ReactNode;
|
|
329
|
-
actionLabel?: string;
|
|
330
|
-
onActionClick?: () => void;
|
|
331
344
|
disabled?: boolean;
|
|
332
345
|
}
|
|
333
346
|
declare const PasswordInput: React$1.FC<PasswordInputProps>;
|
|
@@ -341,6 +354,11 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
341
354
|
* If true, the hint will not be rendered even if provided.
|
|
342
355
|
*/
|
|
343
356
|
hideHint?: boolean;
|
|
357
|
+
/**
|
|
358
|
+
* Only needed when the component is a part of a native form.
|
|
359
|
+
* Provide this to include the value in native form submission / FormData.
|
|
360
|
+
*/
|
|
361
|
+
name?: string;
|
|
344
362
|
placeholder?: string;
|
|
345
363
|
status?: TextInputStatus;
|
|
346
364
|
size?: TextInputSize;
|
|
@@ -350,7 +368,7 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
350
368
|
}
|
|
351
369
|
declare const TextInput: React$1.FC<TextInputProps>;
|
|
352
370
|
|
|
353
|
-
type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
|
|
371
|
+
type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref" | "size"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
|
|
354
372
|
onChange?: (value: RPNInput.Value) => void;
|
|
355
373
|
} & {
|
|
356
374
|
className?: string;
|
|
@@ -360,6 +378,11 @@ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value
|
|
|
360
378
|
* If true, the hint will not be rendered even if provided.
|
|
361
379
|
*/
|
|
362
380
|
hideHint?: boolean;
|
|
381
|
+
/**
|
|
382
|
+
* Only needed when the component is a part of a native form.
|
|
383
|
+
* Provide this to include the value in native form submission / FormData.
|
|
384
|
+
*/
|
|
385
|
+
name?: string;
|
|
363
386
|
placeholder?: string;
|
|
364
387
|
disabled?: boolean;
|
|
365
388
|
status?: TextInputStatus;
|
|
@@ -376,6 +399,10 @@ interface RadioGroupOption {
|
|
|
376
399
|
interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "children" | "orientation" | "onValueChange"> {
|
|
377
400
|
label?: string;
|
|
378
401
|
hint?: string;
|
|
402
|
+
/** Only needed when the component is a part of a native form. */
|
|
403
|
+
name?: string;
|
|
404
|
+
/** Only needed when the component is a part of a native form. */
|
|
405
|
+
required?: boolean;
|
|
379
406
|
/**
|
|
380
407
|
* If true, the hint will not be rendered even if provided.
|
|
381
408
|
*/
|
|
@@ -389,6 +416,11 @@ declare const RadioGroup: React$1.FC<RadioGroupProps>;
|
|
|
389
416
|
|
|
390
417
|
type SearchInputSize = "sm" | "md" | "lg" | "xl";
|
|
391
418
|
interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
419
|
+
/**
|
|
420
|
+
* Only needed when the component is a part of a native form.
|
|
421
|
+
* Provide this to include the value in native form submission / FormData.
|
|
422
|
+
*/
|
|
423
|
+
name?: string;
|
|
392
424
|
placeholder?: string;
|
|
393
425
|
leadingIcon?: React$1.ReactNode;
|
|
394
426
|
showLeadingIcon?: boolean;
|
|
@@ -401,6 +433,13 @@ declare const SearchInput: React$1.FC<SearchInputProps>;
|
|
|
401
433
|
type SliderDisplay = "flat" | "numeric" | "tooltip";
|
|
402
434
|
type SliderTooltipPlacement = "top" | "bottom";
|
|
403
435
|
type SliderBaseProps = {
|
|
436
|
+
/**
|
|
437
|
+
* Only needed when the component is a part of a native form.
|
|
438
|
+
* Provide this to include the value in native form submission / FormData.
|
|
439
|
+
*
|
|
440
|
+
* Note: range sliders submit two values under the same name.
|
|
441
|
+
*/
|
|
442
|
+
name?: string;
|
|
404
443
|
display?: SliderDisplay;
|
|
405
444
|
tooltipPlacement?: SliderTooltipPlacement;
|
|
406
445
|
/**
|
|
@@ -442,6 +481,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
|
|
|
442
481
|
* If true, the hint will not be rendered even if provided.
|
|
443
482
|
*/
|
|
444
483
|
hideHint?: boolean;
|
|
484
|
+
/**
|
|
485
|
+
* Only needed when the component is a part of a native form.
|
|
486
|
+
* Provide this to include the value in native form submission / FormData.
|
|
487
|
+
*/
|
|
488
|
+
name?: string;
|
|
445
489
|
status?: TextInputStatus;
|
|
446
490
|
/**
|
|
447
491
|
* Visual/behavioural variant.
|
|
@@ -463,6 +507,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
|
|
|
463
507
|
declare const TextArea: React$1.FC<TextAreaProps>;
|
|
464
508
|
|
|
465
509
|
interface ToggleProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
510
|
+
/**
|
|
511
|
+
* Only needed when the component is a part of a native form.
|
|
512
|
+
* Provide this to include the checked value in native form submission / FormData.
|
|
513
|
+
*/
|
|
514
|
+
name?: string;
|
|
466
515
|
label?: string;
|
|
467
516
|
}
|
|
468
517
|
declare const Toggle: React$1.FC<ToggleProps>;
|
|
@@ -512,19 +561,46 @@ interface PopoverProps {
|
|
|
512
561
|
}
|
|
513
562
|
declare const Popover: React$1.FC<PopoverProps>;
|
|
514
563
|
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
564
|
+
type TooltipPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
|
|
565
|
+
interface TooltipProps {
|
|
566
|
+
children: React$1.ReactNode;
|
|
567
|
+
strapline?: string;
|
|
568
|
+
title: string;
|
|
569
|
+
description?: string;
|
|
570
|
+
showArrow?: boolean;
|
|
571
|
+
className?: string;
|
|
572
|
+
placement?: TooltipPlacement;
|
|
573
|
+
offset?: number;
|
|
574
|
+
disableHoverableContent?: boolean;
|
|
575
|
+
open?: boolean;
|
|
576
|
+
defaultOpen?: boolean;
|
|
577
|
+
onOpenChange?: (open: boolean) => void;
|
|
578
|
+
}
|
|
579
|
+
declare const Tooltip: React$1.FC<TooltipProps>;
|
|
580
|
+
|
|
581
|
+
interface TooltipProviderProps {
|
|
582
|
+
children: React$1.ReactNode;
|
|
583
|
+
delayDuration?: number;
|
|
584
|
+
skipDelayDuration?: number;
|
|
585
|
+
disableHoverableContent?: boolean;
|
|
586
|
+
}
|
|
587
|
+
declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
|
|
588
|
+
|
|
589
|
+
declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
590
|
+
|
|
591
|
+
interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
|
|
592
|
+
separator?: React$1.ReactNode;
|
|
593
|
+
/**
|
|
594
|
+
* When true and there are >= 5 breadcrumb items, replaces all items except
|
|
595
|
+
* the first one and the last two with an ellipsis dropdown menu.
|
|
596
|
+
*/
|
|
597
|
+
ellipsis?: boolean;
|
|
598
|
+
children: React$1.ReactNode;
|
|
599
|
+
separatorClassName?: string;
|
|
600
|
+
breadcrumbItemClassName?: string;
|
|
601
|
+
breadcrumbPageClassName?: string;
|
|
526
602
|
}
|
|
527
|
-
declare const
|
|
603
|
+
declare const Breadcrumbs: React$1.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
528
604
|
|
|
529
605
|
interface LogoBaseProps {
|
|
530
606
|
className?: string;
|
|
@@ -548,4 +624,4 @@ declare const Logo: FC<LogoProps>;
|
|
|
548
624
|
|
|
549
625
|
declare function cn(...inputs: ClassValue[]): string;
|
|
550
626
|
|
|
551
|
-
export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus,
|
|
627
|
+
export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
|
package/dist/index.d.ts
CHANGED
|
@@ -218,17 +218,20 @@ type DividerProps = BaseDividerProps | IconLinesDividerProps | IconGroupLinesDiv
|
|
|
218
218
|
declare const Divider: React$1.FC<DividerProps>;
|
|
219
219
|
|
|
220
220
|
type ProgressSize = "sm" | "md" | "lg";
|
|
221
|
-
|
|
221
|
+
type ProgressStatus = "default" | "success" | "error";
|
|
222
|
+
interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
222
223
|
/** Current value, from 0 to 100. */
|
|
223
224
|
value: number;
|
|
224
|
-
/** Optional label shown above the bar
|
|
225
|
+
/** Optional label shown above the bar. */
|
|
225
226
|
label?: string;
|
|
226
227
|
/** Optional hint text shown below the bar. */
|
|
227
228
|
hint?: string;
|
|
228
|
-
/** Controls whether the
|
|
229
|
-
|
|
230
|
-
/**
|
|
231
|
-
|
|
229
|
+
/** Controls whether the progress percentage label is rendered. */
|
|
230
|
+
showProgressLabel?: boolean;
|
|
231
|
+
/** If true, the hint will not be rendered even if provided. */
|
|
232
|
+
hideHint?: boolean;
|
|
233
|
+
status?: ProgressStatus;
|
|
234
|
+
disabled?: boolean;
|
|
232
235
|
/** Visual height of the bar. */
|
|
233
236
|
size?: ProgressSize;
|
|
234
237
|
}
|
|
@@ -263,41 +266,49 @@ interface TagProps extends VariantProps<typeof tagVariants> {
|
|
|
263
266
|
declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
264
267
|
|
|
265
268
|
interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
269
|
+
/** Only needed when the component is a part of a native form. */
|
|
270
|
+
name?: string;
|
|
266
271
|
label?: string;
|
|
267
272
|
}
|
|
268
273
|
declare function Checkbox({ label, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
269
274
|
|
|
270
|
-
type
|
|
271
|
-
interface
|
|
275
|
+
type SelectStatus = "default" | "success" | "error";
|
|
276
|
+
interface SelectOption {
|
|
272
277
|
label: string;
|
|
273
278
|
value: string;
|
|
274
279
|
}
|
|
275
|
-
declare const
|
|
280
|
+
declare const selectTriggerVariants: (props?: ({
|
|
276
281
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
277
282
|
status?: "success" | "error" | "default" | null | undefined;
|
|
278
283
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
279
|
-
interface
|
|
284
|
+
interface SelectProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof selectTriggerVariants> {
|
|
280
285
|
label?: string;
|
|
281
|
-
showLabel?: boolean;
|
|
282
286
|
hint?: string;
|
|
283
287
|
/**
|
|
284
288
|
* If true, the hint will not be rendered even if provided.
|
|
285
289
|
*/
|
|
286
290
|
hideHint?: boolean;
|
|
291
|
+
/**
|
|
292
|
+
* Only needed when the component is a part of a native form.
|
|
293
|
+
* Provide this to include the value in native form submission / FormData.
|
|
294
|
+
*/
|
|
295
|
+
name?: string;
|
|
287
296
|
placeholder?: string;
|
|
288
|
-
status?:
|
|
289
|
-
options:
|
|
297
|
+
status?: SelectStatus;
|
|
298
|
+
options: SelectOption[];
|
|
290
299
|
value?: string;
|
|
291
300
|
defaultValue?: string;
|
|
301
|
+
required?: boolean;
|
|
292
302
|
onChange?: (value: string) => void;
|
|
293
303
|
/** Force the menu open (used mainly for docs/Storybook states). */
|
|
294
304
|
showMenu?: boolean;
|
|
295
305
|
}
|
|
296
|
-
declare const
|
|
306
|
+
declare const Select: React$1.FC<SelectProps>;
|
|
297
307
|
|
|
298
308
|
type FieldStatus = "default" | "success" | "error";
|
|
299
309
|
interface FieldProps {
|
|
300
310
|
label?: string;
|
|
311
|
+
labelRight?: React$1.ReactNode;
|
|
301
312
|
hint?: string;
|
|
302
313
|
/**
|
|
303
314
|
* If true, the hint will not be rendered even if provided.
|
|
@@ -312,7 +323,7 @@ declare const Field: React$1.FC<FieldProps>;
|
|
|
312
323
|
|
|
313
324
|
type PasswordInputSize = "sm" | "md" | "lg" | "xl";
|
|
314
325
|
type PasswordInputStatus = "default" | "success" | "error";
|
|
315
|
-
type PasswordInputVariant = "
|
|
326
|
+
type PasswordInputVariant = "icon" | "text";
|
|
316
327
|
interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
|
|
317
328
|
label?: string;
|
|
318
329
|
hint?: string;
|
|
@@ -320,14 +331,16 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
|
|
|
320
331
|
* If true, the hint will not be rendered even if provided.
|
|
321
332
|
*/
|
|
322
333
|
hideHint?: boolean;
|
|
334
|
+
/**
|
|
335
|
+
* Only needed when the component is a part of a native form.
|
|
336
|
+
* Provide this to include the value in native form submission / FormData.
|
|
337
|
+
*/
|
|
338
|
+
name?: string;
|
|
323
339
|
placeholder?: string;
|
|
324
340
|
status?: PasswordInputStatus;
|
|
325
341
|
size?: PasswordInputSize;
|
|
326
342
|
variant?: PasswordInputVariant;
|
|
327
343
|
leadingIcon?: React$1.ReactNode;
|
|
328
|
-
trailingIcon?: React$1.ReactNode;
|
|
329
|
-
actionLabel?: string;
|
|
330
|
-
onActionClick?: () => void;
|
|
331
344
|
disabled?: boolean;
|
|
332
345
|
}
|
|
333
346
|
declare const PasswordInput: React$1.FC<PasswordInputProps>;
|
|
@@ -341,6 +354,11 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
341
354
|
* If true, the hint will not be rendered even if provided.
|
|
342
355
|
*/
|
|
343
356
|
hideHint?: boolean;
|
|
357
|
+
/**
|
|
358
|
+
* Only needed when the component is a part of a native form.
|
|
359
|
+
* Provide this to include the value in native form submission / FormData.
|
|
360
|
+
*/
|
|
361
|
+
name?: string;
|
|
344
362
|
placeholder?: string;
|
|
345
363
|
status?: TextInputStatus;
|
|
346
364
|
size?: TextInputSize;
|
|
@@ -350,7 +368,7 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
350
368
|
}
|
|
351
369
|
declare const TextInput: React$1.FC<TextInputProps>;
|
|
352
370
|
|
|
353
|
-
type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
|
|
371
|
+
type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref" | "size"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
|
|
354
372
|
onChange?: (value: RPNInput.Value) => void;
|
|
355
373
|
} & {
|
|
356
374
|
className?: string;
|
|
@@ -360,6 +378,11 @@ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value
|
|
|
360
378
|
* If true, the hint will not be rendered even if provided.
|
|
361
379
|
*/
|
|
362
380
|
hideHint?: boolean;
|
|
381
|
+
/**
|
|
382
|
+
* Only needed when the component is a part of a native form.
|
|
383
|
+
* Provide this to include the value in native form submission / FormData.
|
|
384
|
+
*/
|
|
385
|
+
name?: string;
|
|
363
386
|
placeholder?: string;
|
|
364
387
|
disabled?: boolean;
|
|
365
388
|
status?: TextInputStatus;
|
|
@@ -376,6 +399,10 @@ interface RadioGroupOption {
|
|
|
376
399
|
interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "children" | "orientation" | "onValueChange"> {
|
|
377
400
|
label?: string;
|
|
378
401
|
hint?: string;
|
|
402
|
+
/** Only needed when the component is a part of a native form. */
|
|
403
|
+
name?: string;
|
|
404
|
+
/** Only needed when the component is a part of a native form. */
|
|
405
|
+
required?: boolean;
|
|
379
406
|
/**
|
|
380
407
|
* If true, the hint will not be rendered even if provided.
|
|
381
408
|
*/
|
|
@@ -389,6 +416,11 @@ declare const RadioGroup: React$1.FC<RadioGroupProps>;
|
|
|
389
416
|
|
|
390
417
|
type SearchInputSize = "sm" | "md" | "lg" | "xl";
|
|
391
418
|
interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
419
|
+
/**
|
|
420
|
+
* Only needed when the component is a part of a native form.
|
|
421
|
+
* Provide this to include the value in native form submission / FormData.
|
|
422
|
+
*/
|
|
423
|
+
name?: string;
|
|
392
424
|
placeholder?: string;
|
|
393
425
|
leadingIcon?: React$1.ReactNode;
|
|
394
426
|
showLeadingIcon?: boolean;
|
|
@@ -401,6 +433,13 @@ declare const SearchInput: React$1.FC<SearchInputProps>;
|
|
|
401
433
|
type SliderDisplay = "flat" | "numeric" | "tooltip";
|
|
402
434
|
type SliderTooltipPlacement = "top" | "bottom";
|
|
403
435
|
type SliderBaseProps = {
|
|
436
|
+
/**
|
|
437
|
+
* Only needed when the component is a part of a native form.
|
|
438
|
+
* Provide this to include the value in native form submission / FormData.
|
|
439
|
+
*
|
|
440
|
+
* Note: range sliders submit two values under the same name.
|
|
441
|
+
*/
|
|
442
|
+
name?: string;
|
|
404
443
|
display?: SliderDisplay;
|
|
405
444
|
tooltipPlacement?: SliderTooltipPlacement;
|
|
406
445
|
/**
|
|
@@ -442,6 +481,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
|
|
|
442
481
|
* If true, the hint will not be rendered even if provided.
|
|
443
482
|
*/
|
|
444
483
|
hideHint?: boolean;
|
|
484
|
+
/**
|
|
485
|
+
* Only needed when the component is a part of a native form.
|
|
486
|
+
* Provide this to include the value in native form submission / FormData.
|
|
487
|
+
*/
|
|
488
|
+
name?: string;
|
|
445
489
|
status?: TextInputStatus;
|
|
446
490
|
/**
|
|
447
491
|
* Visual/behavioural variant.
|
|
@@ -463,6 +507,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
|
|
|
463
507
|
declare const TextArea: React$1.FC<TextAreaProps>;
|
|
464
508
|
|
|
465
509
|
interface ToggleProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
510
|
+
/**
|
|
511
|
+
* Only needed when the component is a part of a native form.
|
|
512
|
+
* Provide this to include the checked value in native form submission / FormData.
|
|
513
|
+
*/
|
|
514
|
+
name?: string;
|
|
466
515
|
label?: string;
|
|
467
516
|
}
|
|
468
517
|
declare const Toggle: React$1.FC<ToggleProps>;
|
|
@@ -512,19 +561,46 @@ interface PopoverProps {
|
|
|
512
561
|
}
|
|
513
562
|
declare const Popover: React$1.FC<PopoverProps>;
|
|
514
563
|
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
564
|
+
type TooltipPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
|
|
565
|
+
interface TooltipProps {
|
|
566
|
+
children: React$1.ReactNode;
|
|
567
|
+
strapline?: string;
|
|
568
|
+
title: string;
|
|
569
|
+
description?: string;
|
|
570
|
+
showArrow?: boolean;
|
|
571
|
+
className?: string;
|
|
572
|
+
placement?: TooltipPlacement;
|
|
573
|
+
offset?: number;
|
|
574
|
+
disableHoverableContent?: boolean;
|
|
575
|
+
open?: boolean;
|
|
576
|
+
defaultOpen?: boolean;
|
|
577
|
+
onOpenChange?: (open: boolean) => void;
|
|
578
|
+
}
|
|
579
|
+
declare const Tooltip: React$1.FC<TooltipProps>;
|
|
580
|
+
|
|
581
|
+
interface TooltipProviderProps {
|
|
582
|
+
children: React$1.ReactNode;
|
|
583
|
+
delayDuration?: number;
|
|
584
|
+
skipDelayDuration?: number;
|
|
585
|
+
disableHoverableContent?: boolean;
|
|
586
|
+
}
|
|
587
|
+
declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
|
|
588
|
+
|
|
589
|
+
declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
590
|
+
|
|
591
|
+
interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
|
|
592
|
+
separator?: React$1.ReactNode;
|
|
593
|
+
/**
|
|
594
|
+
* When true and there are >= 5 breadcrumb items, replaces all items except
|
|
595
|
+
* the first one and the last two with an ellipsis dropdown menu.
|
|
596
|
+
*/
|
|
597
|
+
ellipsis?: boolean;
|
|
598
|
+
children: React$1.ReactNode;
|
|
599
|
+
separatorClassName?: string;
|
|
600
|
+
breadcrumbItemClassName?: string;
|
|
601
|
+
breadcrumbPageClassName?: string;
|
|
526
602
|
}
|
|
527
|
-
declare const
|
|
603
|
+
declare const Breadcrumbs: React$1.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
528
604
|
|
|
529
605
|
interface LogoBaseProps {
|
|
530
606
|
className?: string;
|
|
@@ -548,4 +624,4 @@ declare const Logo: FC<LogoProps>;
|
|
|
548
624
|
|
|
549
625
|
declare function cn(...inputs: ClassValue[]): string;
|
|
550
626
|
|
|
551
|
-
export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus,
|
|
627
|
+
export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
|