@marigold/components 14.1.1 → 15.0.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.d.mts +98 -80
- package/dist/index.d.ts +98 -80
- package/dist/index.js +1628 -1397
- package/dist/index.mjs +1401 -1169
- package/package.json +26 -26
package/dist/index.d.mts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Orientation, RefObject, AriaLabelingProps as AriaLabelingProps$1 } from '@react-types/shared';
|
|
2
2
|
export { Selection } from '@react-types/shared';
|
|
3
3
|
export { useAsyncList, useListData } from '@react-stately/data';
|
|
4
|
-
import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, alignment, TextAlignProp,
|
|
4
|
+
import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, alignment, TextAlignProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
|
|
5
5
|
export { DateFormat, NumericFormat, ThemeProvider, useTheme } from '@marigold/system';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import RAC, { ValidationResult, Key, DialogProps as DialogProps$1, DateValue, SlotProps, UNSTABLE_ToastQueue, TagListProps, ProgressBarProps, TimeValue, BreadcrumbsProps as BreadcrumbsProps$1 } from 'react-aria-components';
|
|
8
8
|
export { RouterProvider } from 'react-aria-components';
|
|
9
9
|
import * as react from 'react';
|
|
10
10
|
import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, CSSProperties, PropsWithChildren, Dispatch, SetStateAction, JSX } from 'react';
|
|
11
|
-
import { AriaRegionProps, NonZeroPercentage, DistributiveOmit,
|
|
11
|
+
import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, AriaLabelingProps } from '@marigold/types';
|
|
12
12
|
import { AriaLandmarkRole } from '@react-aria/landmark';
|
|
13
13
|
import { Props } from 'react-select';
|
|
14
14
|
import { OverlayTriggerState, OverlayTriggerProps } from 'react-stately';
|
|
@@ -38,7 +38,7 @@ type RemovedProps$x = 'isDisabled';
|
|
|
38
38
|
interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$x> {
|
|
39
39
|
/** Whether all items are disabled. */
|
|
40
40
|
disabled?: RAC.DisclosureGroupProps['isDisabled'];
|
|
41
|
-
variant?: string;
|
|
41
|
+
variant?: 'default' | 'card' | (string & {});
|
|
42
42
|
size?: string;
|
|
43
43
|
}
|
|
44
44
|
declare const Accordion: {
|
|
@@ -185,6 +185,15 @@ interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps
|
|
|
185
185
|
* @default false
|
|
186
186
|
*/
|
|
187
187
|
readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
|
|
188
|
+
/**
|
|
189
|
+
* Provides content to display when there are no items in the list.
|
|
190
|
+
*/
|
|
191
|
+
emptyState?: ReactNode;
|
|
192
|
+
/**
|
|
193
|
+
* If `true`, a loading spinner will show up.
|
|
194
|
+
* @default false
|
|
195
|
+
*/
|
|
196
|
+
loading?: boolean;
|
|
188
197
|
variant?: string;
|
|
189
198
|
size?: string;
|
|
190
199
|
placeholder?: string;
|
|
@@ -255,6 +264,15 @@ interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$v>, Pi
|
|
|
255
264
|
* Set the placeholder for the select.
|
|
256
265
|
*/
|
|
257
266
|
placeholder?: string;
|
|
267
|
+
/**
|
|
268
|
+
* Provides content to display when there are no items in the list.
|
|
269
|
+
*/
|
|
270
|
+
emptyState?: ReactNode;
|
|
271
|
+
/**
|
|
272
|
+
* If `true`, a loading spinner will show up.
|
|
273
|
+
* @default false
|
|
274
|
+
*/
|
|
275
|
+
loading?: boolean;
|
|
258
276
|
}
|
|
259
277
|
interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
|
|
260
278
|
/**
|
|
@@ -273,7 +291,7 @@ interface BadgeProps {
|
|
|
273
291
|
* Children of the component
|
|
274
292
|
*/
|
|
275
293
|
children?: React.ReactNode;
|
|
276
|
-
variant?: string;
|
|
294
|
+
variant?: 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' | 'admin' | 'master' | (string & {});
|
|
277
295
|
size?: string;
|
|
278
296
|
}
|
|
279
297
|
declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -283,20 +301,10 @@ interface BreakoutProps extends AriaRegionProps {
|
|
|
283
301
|
}
|
|
284
302
|
declare const Breakout: ({ children }: BreakoutProps) => react_jsx_runtime.JSX.Element;
|
|
285
303
|
|
|
286
|
-
interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
|
|
287
|
-
/**
|
|
288
|
-
* Children of the component
|
|
289
|
-
*/
|
|
290
|
-
children?: ReactNode;
|
|
291
|
-
variant?: string;
|
|
292
|
-
size?: string;
|
|
293
|
-
}
|
|
294
|
-
declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
|
|
295
|
-
|
|
296
304
|
type RemovedProps$u = 'isDisabled' | 'isPending' | 'className' | 'style';
|
|
297
305
|
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$u> {
|
|
298
|
-
variant?: string;
|
|
299
|
-
size?: string;
|
|
306
|
+
variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
|
|
307
|
+
size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
|
|
300
308
|
/**
|
|
301
309
|
* Stretches the button width with full available space.
|
|
302
310
|
* @default false
|
|
@@ -322,7 +330,7 @@ declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAt
|
|
|
322
330
|
interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
|
|
323
331
|
children?: ReactNode;
|
|
324
332
|
variant?: string;
|
|
325
|
-
size?: string;
|
|
333
|
+
size?: 'default' | 'full' | (string & {});
|
|
326
334
|
/**
|
|
327
335
|
* Padding of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
|
|
328
336
|
*/
|
|
@@ -358,36 +366,50 @@ interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$t
|
|
|
358
366
|
size?: string;
|
|
359
367
|
/**
|
|
360
368
|
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
369
|
+
*
|
|
361
370
|
* @default full
|
|
362
371
|
*/
|
|
363
372
|
width?: WidthProp['width'];
|
|
364
373
|
/**
|
|
365
374
|
* Sets all checkboxes to disabled
|
|
375
|
+
*
|
|
366
376
|
* @default false
|
|
367
377
|
*/
|
|
368
378
|
disabled?: RAC.CheckboxGroupProps['isDisabled'];
|
|
369
379
|
/**
|
|
370
380
|
* Sets the checkbox as required.
|
|
381
|
+
*
|
|
371
382
|
* @default false
|
|
372
383
|
*/
|
|
373
384
|
required?: RAC.CheckboxGroupProps['isRequired'];
|
|
374
385
|
/**
|
|
375
386
|
* If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
387
|
+
*
|
|
376
388
|
* @default false
|
|
377
389
|
*/
|
|
378
390
|
error?: RAC.CheckboxGroupProps['isInvalid'];
|
|
379
391
|
/**
|
|
380
392
|
* Sets the checkbox on read only.
|
|
393
|
+
*
|
|
381
394
|
* @default false
|
|
382
395
|
*/
|
|
383
396
|
readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
|
|
384
397
|
/**
|
|
385
398
|
* Wheather the component is displayed vertically or horizontally.
|
|
399
|
+
*
|
|
386
400
|
* @default vertical
|
|
387
401
|
*/
|
|
388
402
|
orientation?: Orientation;
|
|
403
|
+
/**
|
|
404
|
+
* The number of items to display before collapsing the rest.
|
|
405
|
+
* Items beyond this number will be hidden until the user clicks
|
|
406
|
+
* the "Show more" control.
|
|
407
|
+
*
|
|
408
|
+
* @default undefined
|
|
409
|
+
*/
|
|
410
|
+
collapseAt?: number;
|
|
389
411
|
}
|
|
390
|
-
declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
|
|
412
|
+
declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, collapseAt, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
|
|
391
413
|
|
|
392
414
|
type RemovedProps$s = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
|
|
393
415
|
interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$s> {
|
|
@@ -623,7 +645,7 @@ declare const _Dialog: DialogComponent;
|
|
|
623
645
|
|
|
624
646
|
type RemovedProps$q = 'className' | 'style';
|
|
625
647
|
interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$q> {
|
|
626
|
-
variant?: string;
|
|
648
|
+
variant?: 'default' | 'bold' | (string & {});
|
|
627
649
|
}
|
|
628
650
|
declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
629
651
|
|
|
@@ -664,8 +686,8 @@ interface DrawerActions {
|
|
|
664
686
|
declare const DrawerActions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
|
|
665
687
|
|
|
666
688
|
interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
|
|
689
|
+
size?: 'xsmall' | 'small' | 'medium' | (string & {});
|
|
667
690
|
variant?: string;
|
|
668
|
-
size?: string;
|
|
669
691
|
/**
|
|
670
692
|
* Whether the overlay is open by default (controlled).
|
|
671
693
|
* @default undefined
|
|
@@ -675,6 +697,11 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
|
|
|
675
697
|
* Whether pressing the escape key closes the modal.
|
|
676
698
|
* @default true
|
|
677
699
|
*/
|
|
700
|
+
/**
|
|
701
|
+
* The placement of the drawer on the screen.
|
|
702
|
+
* @default right
|
|
703
|
+
*/
|
|
704
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
678
705
|
keyboardDismissable?: boolean;
|
|
679
706
|
/**
|
|
680
707
|
* Show the close button.
|
|
@@ -692,23 +719,13 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
|
|
|
692
719
|
role?: Exclude<AriaLandmarkRole, 'main'>;
|
|
693
720
|
}
|
|
694
721
|
declare const Drawer: {
|
|
695
|
-
({ children,
|
|
722
|
+
({ children, size, variant, open, keyboardDismissable, closeButton, role, placement, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
696
723
|
Trigger: ({ open, children, ...props }: DrawerTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
697
724
|
Title: ({ variant, size, children }: DrawerTitleProps) => react_jsx_runtime.JSX.Element;
|
|
698
725
|
Content: ({ variant, size, children, }: DrawerContentProps) => react_jsx_runtime.JSX.Element;
|
|
699
726
|
Actions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
|
|
700
727
|
};
|
|
701
728
|
|
|
702
|
-
interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
|
|
703
|
-
/**
|
|
704
|
-
* The children of the component.
|
|
705
|
-
*/
|
|
706
|
-
children?: ReactNode;
|
|
707
|
-
variant?: string;
|
|
708
|
-
size?: string;
|
|
709
|
-
}
|
|
710
|
-
declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
711
|
-
|
|
712
729
|
interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'>, MaxWidthProp {
|
|
713
730
|
/**
|
|
714
731
|
* Removes the form's visual container so that it does not impact the layout,
|
|
@@ -761,23 +778,13 @@ declare const Grid: {
|
|
|
761
778
|
Area: ({ name, children }: GridAreaProps) => react_jsx_runtime.JSX.Element;
|
|
762
779
|
};
|
|
763
780
|
|
|
764
|
-
interface HeaderProps extends Omit<RAC.HeadingProps, 'children'> {
|
|
765
|
-
/**
|
|
766
|
-
* The children of the component.
|
|
767
|
-
*/
|
|
768
|
-
children?: ReactNode;
|
|
769
|
-
variant?: string;
|
|
770
|
-
size?: string;
|
|
771
|
-
}
|
|
772
|
-
declare const _Header: ({ variant, size, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
773
|
-
|
|
774
781
|
interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
|
|
775
782
|
/**
|
|
776
783
|
* Set the color of the headline.
|
|
777
784
|
*/
|
|
778
785
|
color?: string;
|
|
779
786
|
variant?: string;
|
|
780
|
-
size?: string;
|
|
787
|
+
size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6' | (string & {});
|
|
781
788
|
/**
|
|
782
789
|
* Set a different level.
|
|
783
790
|
*/
|
|
@@ -793,20 +800,6 @@ interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
|
|
|
793
800
|
}
|
|
794
801
|
declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
795
802
|
|
|
796
|
-
interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' | 'slot' | 'title' | 'height' | 'width' | 'role' | 'datatype'>, ObjectFitProp, ObjectPositionProp {
|
|
797
|
-
variant?: string;
|
|
798
|
-
size?: string;
|
|
799
|
-
/**
|
|
800
|
-
* The children of the component.
|
|
801
|
-
*/
|
|
802
|
-
children?: never;
|
|
803
|
-
/**
|
|
804
|
-
* specifies an alternate text for an image, if the image cannot be displayed.
|
|
805
|
-
*/
|
|
806
|
-
alt: string;
|
|
807
|
-
}
|
|
808
|
-
declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
|
|
809
|
-
|
|
810
803
|
interface InlineProps extends GapSpaceProp, AriaRegionProps {
|
|
811
804
|
/**
|
|
812
805
|
* The children of the component.
|
|
@@ -819,7 +812,7 @@ interface InlineProps extends GapSpaceProp, AriaRegionProps {
|
|
|
819
812
|
/**
|
|
820
813
|
* Vertical alignment of the items inside the element.
|
|
821
814
|
*/
|
|
822
|
-
alignY?: keyof typeof alignment.horizontal.alignmentY;
|
|
815
|
+
alignY?: keyof typeof alignment.horizontal.alignmentY | 'input';
|
|
823
816
|
}
|
|
824
817
|
declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
|
|
825
818
|
|
|
@@ -893,7 +886,7 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
|
|
|
893
886
|
*/
|
|
894
887
|
dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
|
|
895
888
|
}
|
|
896
|
-
declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
889
|
+
declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, minValue: _minValue, maxValue: _maxValue, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
897
890
|
|
|
898
891
|
type RemovedProps$m = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
899
892
|
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$m>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
@@ -969,7 +962,7 @@ declare const _Label: ({ size, variant, children, ...props }: LabelProps) => rea
|
|
|
969
962
|
|
|
970
963
|
type RemovedProps$k = 'className' | 'isDisabled' | 'slot';
|
|
971
964
|
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$k> {
|
|
972
|
-
variant?: string;
|
|
965
|
+
variant?: 'default' | 'secondary' | (string & {});
|
|
973
966
|
size?: string;
|
|
974
967
|
/**
|
|
975
968
|
* The link can't be clicked
|
|
@@ -1036,8 +1029,8 @@ interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$h>, Omit<RAC
|
|
|
1036
1029
|
* The label for the menu trigger button.
|
|
1037
1030
|
*/
|
|
1038
1031
|
label?: ReactNode;
|
|
1039
|
-
variant?: string;
|
|
1040
|
-
size?: string;
|
|
1032
|
+
variant?: 'default' | 'ghost' | (string & {});
|
|
1033
|
+
size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
|
|
1041
1034
|
/**
|
|
1042
1035
|
* Handler that is called when an action is performed on an item.
|
|
1043
1036
|
*/
|
|
@@ -1163,6 +1156,12 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
|
|
|
1163
1156
|
* Handler that is called when the input changes.
|
|
1164
1157
|
*/
|
|
1165
1158
|
onChange?: Props['onInputChange'];
|
|
1159
|
+
/**
|
|
1160
|
+
* Provides content to display when there are no items in the list.
|
|
1161
|
+
*/
|
|
1162
|
+
emptyState?: (obj: {
|
|
1163
|
+
inputValue: string;
|
|
1164
|
+
}) => ReactNode;
|
|
1166
1165
|
/**
|
|
1167
1166
|
* Handler that is called when the selection changes.
|
|
1168
1167
|
*/
|
|
@@ -1210,7 +1209,7 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
|
|
|
1210
1209
|
*/
|
|
1211
1210
|
ariaLiveMessages?: Props['ariaLiveMessages'];
|
|
1212
1211
|
}
|
|
1213
|
-
declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, onChange, onSelectionChange, width, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1212
|
+
declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, emptyState, onChange, onSelectionChange, width, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1214
1213
|
|
|
1215
1214
|
type RemovedProps$g = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
1216
1215
|
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$g>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
@@ -1414,7 +1413,7 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
|
|
|
1414
1413
|
/**
|
|
1415
1414
|
* The children elements of the radio group.
|
|
1416
1415
|
*/
|
|
1417
|
-
children
|
|
1416
|
+
children?: ReactNode[];
|
|
1418
1417
|
/**
|
|
1419
1418
|
* Control the width of the field.
|
|
1420
1419
|
* @default 100%
|
|
@@ -1449,8 +1448,16 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
|
|
|
1449
1448
|
* @default vertical
|
|
1450
1449
|
*/
|
|
1451
1450
|
orientation?: 'horizontal' | 'vertical';
|
|
1451
|
+
/**
|
|
1452
|
+
* The number of items to display before collapsing the rest.
|
|
1453
|
+
* Items beyond this number will be hidden until the user clicks
|
|
1454
|
+
* the "Show more" control.
|
|
1455
|
+
*
|
|
1456
|
+
* @default undefined
|
|
1457
|
+
*/
|
|
1458
|
+
collapseAt?: number;
|
|
1452
1459
|
}
|
|
1453
|
-
declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1460
|
+
declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, collapseAt, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1454
1461
|
|
|
1455
1462
|
type RemovedProps$e = 'className' | 'style' | 'children' | 'isDisabled';
|
|
1456
1463
|
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$e> {
|
|
@@ -1652,9 +1659,15 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
|
|
|
1652
1659
|
variant?: string;
|
|
1653
1660
|
size?: string;
|
|
1654
1661
|
/**
|
|
1655
|
-
*
|
|
1662
|
+
* The `name` attribute for the slider input(s), used for form submission.
|
|
1663
|
+
* - For single-thumb sliders, provide a string.
|
|
1664
|
+
* - For range sliders (two thumbs), provide a tuple of two strings, one for each thumb.
|
|
1656
1665
|
*/
|
|
1657
|
-
|
|
1666
|
+
name?: string | [string, string];
|
|
1667
|
+
/**
|
|
1668
|
+
* Aria labels for the thumbs in the slider.
|
|
1669
|
+
*/
|
|
1670
|
+
thumbLabels?: string | [string, string];
|
|
1658
1671
|
/**
|
|
1659
1672
|
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1660
1673
|
* @default full
|
|
@@ -1668,7 +1681,7 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
|
|
|
1668
1681
|
/**
|
|
1669
1682
|
* Set the label of the slider.
|
|
1670
1683
|
*/
|
|
1671
|
-
label?:
|
|
1684
|
+
label?: ReactNode;
|
|
1672
1685
|
}
|
|
1673
1686
|
declare const _Slider: react.ForwardRefExoticComponent<SliderProps<number | number[]> & react.RefAttributes<HTMLDivElement>>;
|
|
1674
1687
|
|
|
@@ -1733,7 +1746,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$b> {
|
|
|
1733
1746
|
declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
|
|
1734
1747
|
|
|
1735
1748
|
interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
|
|
1736
|
-
variant?: string;
|
|
1749
|
+
variant?: 'grid' | 'default' | 'muted' | (string & {});
|
|
1737
1750
|
size?: string;
|
|
1738
1751
|
/**
|
|
1739
1752
|
* Stretch table to fill the container.
|
|
@@ -1761,7 +1774,7 @@ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' |
|
|
|
1761
1774
|
alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
|
|
1762
1775
|
}
|
|
1763
1776
|
interface RowProps extends RowProps$1<any> {
|
|
1764
|
-
variant?: string;
|
|
1777
|
+
variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
|
|
1765
1778
|
size?: string;
|
|
1766
1779
|
}
|
|
1767
1780
|
interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
|
|
@@ -1805,8 +1818,8 @@ interface TextProps extends AriaLabelingProps, Omit<RAC.TextProps, RemovedProps$
|
|
|
1805
1818
|
* A slot name for the component. Slots allow the component to receive props from a parent component.
|
|
1806
1819
|
*/
|
|
1807
1820
|
slot?: string;
|
|
1808
|
-
variant?: string;
|
|
1809
|
-
size?: string;
|
|
1821
|
+
variant?: 'default' | 'muted' | (string & {});
|
|
1822
|
+
size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
|
|
1810
1823
|
}
|
|
1811
1824
|
declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
1812
1825
|
|
|
@@ -1964,7 +1977,7 @@ interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$6> {
|
|
|
1964
1977
|
* The children of the component.
|
|
1965
1978
|
*/
|
|
1966
1979
|
children?: ReactNode;
|
|
1967
|
-
variant?: string;
|
|
1980
|
+
variant?: 'default' | 'white' | (string & {});
|
|
1968
1981
|
size?: string;
|
|
1969
1982
|
/**
|
|
1970
1983
|
* Whether the element is rendered.
|
|
@@ -2025,6 +2038,11 @@ interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$4>, Pick<Ta
|
|
|
2025
2038
|
* Provides content to display when there are no items in the tag list.
|
|
2026
2039
|
*/
|
|
2027
2040
|
emptyState?: TagListProps<object>['renderEmptyState'];
|
|
2041
|
+
/**
|
|
2042
|
+
* Renders a "remove all" option, when a the `onRemove` prop is also set.
|
|
2043
|
+
* @default false
|
|
2044
|
+
*/
|
|
2045
|
+
removeAll?: boolean;
|
|
2028
2046
|
}
|
|
2029
2047
|
|
|
2030
2048
|
type RemovedProps$3 = 'className' | 'style' | 'isDisabled';
|
|
@@ -2036,7 +2054,7 @@ interface TagProps extends Omit<RAC.TagProps, RemovedProps$3> {
|
|
|
2036
2054
|
}
|
|
2037
2055
|
declare const _Tag: {
|
|
2038
2056
|
({ variant, size, children, disabled, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
|
|
2039
|
-
Group: ({ items, children, emptyState, variant, size, name, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2057
|
+
Group: ({ items, children, emptyState, variant, size, name, removeAll, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2040
2058
|
};
|
|
2041
2059
|
|
|
2042
2060
|
interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
|
|
@@ -2044,8 +2062,8 @@ interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria
|
|
|
2044
2062
|
* Children of the component that will make up the label.
|
|
2045
2063
|
*/
|
|
2046
2064
|
children?: ReactNode;
|
|
2047
|
-
|
|
2048
|
-
|
|
2065
|
+
variant?: 'default' | 'inverted';
|
|
2066
|
+
size?: 'default' | 'large' | 'fit';
|
|
2049
2067
|
}
|
|
2050
2068
|
|
|
2051
2069
|
interface XLoaderProps extends LoaderProps {
|
|
@@ -2129,8 +2147,8 @@ declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react
|
|
|
2129
2147
|
|
|
2130
2148
|
type RemovedProps$1 = 'className' | 'style';
|
|
2131
2149
|
interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$1> {
|
|
2132
|
-
variant?: string;
|
|
2133
|
-
size?: string;
|
|
2150
|
+
variant?: 'default' | (string & {});
|
|
2151
|
+
size?: 'small' | 'default' | 'large' | (string & {});
|
|
2134
2152
|
/**
|
|
2135
2153
|
* The content inside the breadcrumb.
|
|
2136
2154
|
*/
|
|
@@ -2144,8 +2162,8 @@ declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
|
|
|
2144
2162
|
|
|
2145
2163
|
type RemovedProps = 'className' | 'style' | 'children' | 'isDisabled';
|
|
2146
2164
|
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps> {
|
|
2147
|
-
variant?: string;
|
|
2148
|
-
size?: string;
|
|
2165
|
+
variant?: 'default' | (string & {});
|
|
2166
|
+
size?: 'small' | 'default' | 'large' | (string & {});
|
|
2149
2167
|
/**
|
|
2150
2168
|
* Disables the breadcrumbs.
|
|
2151
2169
|
* @default false
|
|
@@ -2165,4 +2183,4 @@ interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProp
|
|
|
2165
2183
|
}
|
|
2166
2184
|
declare const _Breadcrumbs: BreadcrumbsComponent;
|
|
2167
2185
|
|
|
2168
|
-
export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps,
|
|
2186
|
+
export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$s as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, Toast, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };
|