@marigold/components 14.1.1 → 15.0.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.
- package/dist/index.d.mts +91 -78
- package/dist/index.d.ts +91 -78
- package/dist/index.js +1608 -1378
- package/dist/index.mjs +1380 -1149
- package/package.json +3 -3
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
|
|
|
@@ -699,16 +721,6 @@ declare const Drawer: {
|
|
|
699
721
|
Actions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
|
|
700
722
|
};
|
|
701
723
|
|
|
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
724
|
interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'>, MaxWidthProp {
|
|
713
725
|
/**
|
|
714
726
|
* Removes the form's visual container so that it does not impact the layout,
|
|
@@ -761,23 +773,13 @@ declare const Grid: {
|
|
|
761
773
|
Area: ({ name, children }: GridAreaProps) => react_jsx_runtime.JSX.Element;
|
|
762
774
|
};
|
|
763
775
|
|
|
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
776
|
interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
|
|
775
777
|
/**
|
|
776
778
|
* Set the color of the headline.
|
|
777
779
|
*/
|
|
778
780
|
color?: string;
|
|
779
781
|
variant?: string;
|
|
780
|
-
size?: string;
|
|
782
|
+
size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6' | (string & {});
|
|
781
783
|
/**
|
|
782
784
|
* Set a different level.
|
|
783
785
|
*/
|
|
@@ -793,20 +795,6 @@ interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
|
|
|
793
795
|
}
|
|
794
796
|
declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
795
797
|
|
|
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
798
|
interface InlineProps extends GapSpaceProp, AriaRegionProps {
|
|
811
799
|
/**
|
|
812
800
|
* The children of the component.
|
|
@@ -819,7 +807,7 @@ interface InlineProps extends GapSpaceProp, AriaRegionProps {
|
|
|
819
807
|
/**
|
|
820
808
|
* Vertical alignment of the items inside the element.
|
|
821
809
|
*/
|
|
822
|
-
alignY?: keyof typeof alignment.horizontal.alignmentY;
|
|
810
|
+
alignY?: keyof typeof alignment.horizontal.alignmentY | 'input';
|
|
823
811
|
}
|
|
824
812
|
declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
|
|
825
813
|
|
|
@@ -893,7 +881,7 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
|
|
|
893
881
|
*/
|
|
894
882
|
dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
|
|
895
883
|
}
|
|
896
|
-
declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
884
|
+
declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, minValue: _minValue, maxValue: _maxValue, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
897
885
|
|
|
898
886
|
type RemovedProps$m = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
899
887
|
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$m>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
@@ -969,7 +957,7 @@ declare const _Label: ({ size, variant, children, ...props }: LabelProps) => rea
|
|
|
969
957
|
|
|
970
958
|
type RemovedProps$k = 'className' | 'isDisabled' | 'slot';
|
|
971
959
|
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$k> {
|
|
972
|
-
variant?: string;
|
|
960
|
+
variant?: 'default' | 'secondary' | (string & {});
|
|
973
961
|
size?: string;
|
|
974
962
|
/**
|
|
975
963
|
* The link can't be clicked
|
|
@@ -1036,8 +1024,8 @@ interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$h>, Omit<RAC
|
|
|
1036
1024
|
* The label for the menu trigger button.
|
|
1037
1025
|
*/
|
|
1038
1026
|
label?: ReactNode;
|
|
1039
|
-
variant?: string;
|
|
1040
|
-
size?: string;
|
|
1027
|
+
variant?: 'default' | 'ghost' | (string & {});
|
|
1028
|
+
size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
|
|
1041
1029
|
/**
|
|
1042
1030
|
* Handler that is called when an action is performed on an item.
|
|
1043
1031
|
*/
|
|
@@ -1163,6 +1151,12 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
|
|
|
1163
1151
|
* Handler that is called when the input changes.
|
|
1164
1152
|
*/
|
|
1165
1153
|
onChange?: Props['onInputChange'];
|
|
1154
|
+
/**
|
|
1155
|
+
* Provides content to display when there are no items in the list.
|
|
1156
|
+
*/
|
|
1157
|
+
emptyState?: (obj: {
|
|
1158
|
+
inputValue: string;
|
|
1159
|
+
}) => ReactNode;
|
|
1166
1160
|
/**
|
|
1167
1161
|
* Handler that is called when the selection changes.
|
|
1168
1162
|
*/
|
|
@@ -1210,7 +1204,7 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
|
|
|
1210
1204
|
*/
|
|
1211
1205
|
ariaLiveMessages?: Props['ariaLiveMessages'];
|
|
1212
1206
|
}
|
|
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;
|
|
1207
|
+
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
1208
|
|
|
1215
1209
|
type RemovedProps$g = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
1216
1210
|
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$g>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
@@ -1414,7 +1408,7 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
|
|
|
1414
1408
|
/**
|
|
1415
1409
|
* The children elements of the radio group.
|
|
1416
1410
|
*/
|
|
1417
|
-
children
|
|
1411
|
+
children?: ReactNode[];
|
|
1418
1412
|
/**
|
|
1419
1413
|
* Control the width of the field.
|
|
1420
1414
|
* @default 100%
|
|
@@ -1449,8 +1443,16 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
|
|
|
1449
1443
|
* @default vertical
|
|
1450
1444
|
*/
|
|
1451
1445
|
orientation?: 'horizontal' | 'vertical';
|
|
1446
|
+
/**
|
|
1447
|
+
* The number of items to display before collapsing the rest.
|
|
1448
|
+
* Items beyond this number will be hidden until the user clicks
|
|
1449
|
+
* the "Show more" control.
|
|
1450
|
+
*
|
|
1451
|
+
* @default undefined
|
|
1452
|
+
*/
|
|
1453
|
+
collapseAt?: number;
|
|
1452
1454
|
}
|
|
1453
|
-
declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1455
|
+
declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, collapseAt, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1454
1456
|
|
|
1455
1457
|
type RemovedProps$e = 'className' | 'style' | 'children' | 'isDisabled';
|
|
1456
1458
|
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$e> {
|
|
@@ -1652,9 +1654,15 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
|
|
|
1652
1654
|
variant?: string;
|
|
1653
1655
|
size?: string;
|
|
1654
1656
|
/**
|
|
1655
|
-
*
|
|
1657
|
+
* The `name` attribute for the slider input(s), used for form submission.
|
|
1658
|
+
* - For single-thumb sliders, provide a string.
|
|
1659
|
+
* - For range sliders (two thumbs), provide a tuple of two strings, one for each thumb.
|
|
1660
|
+
*/
|
|
1661
|
+
name?: string | [string, string];
|
|
1662
|
+
/**
|
|
1663
|
+
* Aria labels for the thumbs in the slider.
|
|
1656
1664
|
*/
|
|
1657
|
-
thumbLabels?: string[];
|
|
1665
|
+
thumbLabels?: string | [string, string];
|
|
1658
1666
|
/**
|
|
1659
1667
|
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1660
1668
|
* @default full
|
|
@@ -1668,7 +1676,7 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
|
|
|
1668
1676
|
/**
|
|
1669
1677
|
* Set the label of the slider.
|
|
1670
1678
|
*/
|
|
1671
|
-
label?:
|
|
1679
|
+
label?: ReactNode;
|
|
1672
1680
|
}
|
|
1673
1681
|
declare const _Slider: react.ForwardRefExoticComponent<SliderProps<number | number[]> & react.RefAttributes<HTMLDivElement>>;
|
|
1674
1682
|
|
|
@@ -1733,7 +1741,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$b> {
|
|
|
1733
1741
|
declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
|
|
1734
1742
|
|
|
1735
1743
|
interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
|
|
1736
|
-
variant?: string;
|
|
1744
|
+
variant?: 'grid' | 'default' | 'muted' | (string & {});
|
|
1737
1745
|
size?: string;
|
|
1738
1746
|
/**
|
|
1739
1747
|
* Stretch table to fill the container.
|
|
@@ -1761,7 +1769,7 @@ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' |
|
|
|
1761
1769
|
alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
|
|
1762
1770
|
}
|
|
1763
1771
|
interface RowProps extends RowProps$1<any> {
|
|
1764
|
-
variant?: string;
|
|
1772
|
+
variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
|
|
1765
1773
|
size?: string;
|
|
1766
1774
|
}
|
|
1767
1775
|
interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
|
|
@@ -1805,8 +1813,8 @@ interface TextProps extends AriaLabelingProps, Omit<RAC.TextProps, RemovedProps$
|
|
|
1805
1813
|
* A slot name for the component. Slots allow the component to receive props from a parent component.
|
|
1806
1814
|
*/
|
|
1807
1815
|
slot?: string;
|
|
1808
|
-
variant?: string;
|
|
1809
|
-
size?: string;
|
|
1816
|
+
variant?: 'default' | 'muted' | (string & {});
|
|
1817
|
+
size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
|
|
1810
1818
|
}
|
|
1811
1819
|
declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
1812
1820
|
|
|
@@ -1964,7 +1972,7 @@ interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$6> {
|
|
|
1964
1972
|
* The children of the component.
|
|
1965
1973
|
*/
|
|
1966
1974
|
children?: ReactNode;
|
|
1967
|
-
variant?: string;
|
|
1975
|
+
variant?: 'default' | 'white' | (string & {});
|
|
1968
1976
|
size?: string;
|
|
1969
1977
|
/**
|
|
1970
1978
|
* Whether the element is rendered.
|
|
@@ -2025,6 +2033,11 @@ interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$4>, Pick<Ta
|
|
|
2025
2033
|
* Provides content to display when there are no items in the tag list.
|
|
2026
2034
|
*/
|
|
2027
2035
|
emptyState?: TagListProps<object>['renderEmptyState'];
|
|
2036
|
+
/**
|
|
2037
|
+
* Renders a "remove all" option, when a the `onRemove` prop is also set.
|
|
2038
|
+
* @default false
|
|
2039
|
+
*/
|
|
2040
|
+
removeAll?: boolean;
|
|
2028
2041
|
}
|
|
2029
2042
|
|
|
2030
2043
|
type RemovedProps$3 = 'className' | 'style' | 'isDisabled';
|
|
@@ -2036,7 +2049,7 @@ interface TagProps extends Omit<RAC.TagProps, RemovedProps$3> {
|
|
|
2036
2049
|
}
|
|
2037
2050
|
declare const _Tag: {
|
|
2038
2051
|
({ 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;
|
|
2052
|
+
Group: ({ items, children, emptyState, variant, size, name, removeAll, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2040
2053
|
};
|
|
2041
2054
|
|
|
2042
2055
|
interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
|
|
@@ -2044,8 +2057,8 @@ interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria
|
|
|
2044
2057
|
* Children of the component that will make up the label.
|
|
2045
2058
|
*/
|
|
2046
2059
|
children?: ReactNode;
|
|
2047
|
-
|
|
2048
|
-
|
|
2060
|
+
variant?: 'default' | 'inverted';
|
|
2061
|
+
size?: 'default' | 'large' | 'fit';
|
|
2049
2062
|
}
|
|
2050
2063
|
|
|
2051
2064
|
interface XLoaderProps extends LoaderProps {
|
|
@@ -2129,8 +2142,8 @@ declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react
|
|
|
2129
2142
|
|
|
2130
2143
|
type RemovedProps$1 = 'className' | 'style';
|
|
2131
2144
|
interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$1> {
|
|
2132
|
-
variant?: string;
|
|
2133
|
-
size?: string;
|
|
2145
|
+
variant?: 'default' | (string & {});
|
|
2146
|
+
size?: 'small' | 'default' | 'large' | (string & {});
|
|
2134
2147
|
/**
|
|
2135
2148
|
* The content inside the breadcrumb.
|
|
2136
2149
|
*/
|
|
@@ -2144,8 +2157,8 @@ declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
|
|
|
2144
2157
|
|
|
2145
2158
|
type RemovedProps = 'className' | 'style' | 'children' | 'isDisabled';
|
|
2146
2159
|
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps> {
|
|
2147
|
-
variant?: string;
|
|
2148
|
-
size?: string;
|
|
2160
|
+
variant?: 'default' | (string & {});
|
|
2161
|
+
size?: 'small' | 'default' | 'large' | (string & {});
|
|
2149
2162
|
/**
|
|
2150
2163
|
* Disables the breadcrumbs.
|
|
2151
2164
|
* @default false
|
|
@@ -2165,4 +2178,4 @@ interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProp
|
|
|
2165
2178
|
}
|
|
2166
2179
|
declare const _Breadcrumbs: BreadcrumbsComponent;
|
|
2167
2180
|
|
|
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,
|
|
2181
|
+
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 };
|