@payfit/unity-components 2.60.17 → 2.60.19
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/esm/components/action-bar/ActionBar.variants.d.ts +2 -2
- package/dist/esm/components/action-bar/parts/ActionBarButton.d.ts +2 -2
- package/dist/esm/components/action-bar/parts/ActionBarRoot.d.ts +2 -2
- package/dist/esm/components/alert/parts/AlertActions.d.ts +8 -8
- package/dist/esm/components/autocomplete/Autocomplete.d.ts +2 -2
- package/dist/esm/components/autocomplete/parts/AutocompleteItem.d.ts +8 -8
- package/dist/esm/components/autocomplete/parts/AutocompleteItemGroup.d.ts +14 -14
- package/dist/esm/components/autocomplete/parts/AutocompletePanel.d.ts +11 -11
- package/dist/esm/components/avatar/Avatar.d.ts +110 -110
- package/dist/esm/components/avatar/Avatar.variants.d.ts +56 -56
- package/dist/esm/components/avatar/parts/AvatarFallback.d.ts +2 -2
- package/dist/esm/components/badge/Badge.d.ts +2 -2
- package/dist/esm/components/badge/parts/BadgeDot.d.ts +2 -2
- package/dist/esm/components/bottom-sheet/BottomSheet.d.ts +14 -14
- package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.d.ts +11 -11
- package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.d.ts +11 -11
- package/dist/esm/components/bottom-sheet/parts/BottomSheetFooter.d.ts +1 -1
- package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.d.ts +17 -17
- package/dist/esm/components/breadcrumbs/Breadcrumbs.variant.d.ts +2 -2
- package/dist/esm/components/button/Button.variants.d.ts +109 -109
- package/dist/esm/components/card/Card.d.ts +2 -2
- package/dist/esm/components/carousel/Carousel.d.ts +1 -1
- package/dist/esm/components/carousel/parts/CarouselContent.d.ts +11 -11
- package/dist/esm/components/carousel/parts/CarouselHeader.d.ts +17 -17
- package/dist/esm/components/carousel/parts/CarouselNav.d.ts +11 -11
- package/dist/esm/components/carousel/parts/CarouselSlide.d.ts +1 -1
- package/dist/esm/components/checkbox/Checkbox.variants.d.ts +2 -2
- package/dist/esm/components/checkbox-group/CheckboxGroup.d.ts +1 -1
- package/dist/esm/components/client-side-pagination/ClientSidePagination.d.ts +11 -11
- package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.d.ts +8 -8
- package/dist/esm/components/code/Code.d.ts +11 -11
- package/dist/esm/components/collapsible/Collapsible.variants.d.ts +11 -11
- package/dist/esm/components/data-table/parts/DataTableRoot.d.ts +1 -1
- package/dist/esm/components/date-calendar/DateCalendar.variants.d.ts +2 -2
- package/dist/esm/components/date-picker/parts/DateInput.d.ts +13 -13
- package/dist/esm/components/dialog/Dialog.d.ts +2 -2
- package/dist/esm/components/empty-state/EmptyState.variants.d.ts +25 -25
- package/dist/esm/components/error-state/ErrorState.d.ts +44 -44
- package/dist/esm/components/error-state/parts/Collapsible.d.ts +2 -2
- package/dist/esm/components/fieldset/Fieldset.d.ts +2 -2
- package/dist/esm/components/filter/Filter.d.ts +2 -2
- package/dist/esm/components/filter/parts/FilterButton.d.ts +11 -11
- package/dist/esm/components/filter/parts/FilterLabel.d.ts +11 -11
- package/dist/esm/components/filter/parts/FilterPopover.d.ts +23 -23
- package/dist/esm/components/filter-toolbar/FilterToolbar.d.ts +14 -14
- package/dist/esm/components/filter-toolbar/parts/AddFilter.d.ts +14 -14
- package/dist/esm/components/filter-toolbar/parts/AddFilterItem.d.ts +1 -1
- package/dist/esm/components/flex/Flex.variants.d.ts +380 -380
- package/dist/esm/components/floating-action-bar/FloatingActionBar.d.ts +14 -14
- package/dist/esm/components/full-page-loader/FullPageLoader.d.ts +1 -1
- package/dist/esm/components/funnel-layout/FunnelLayout.d.ts +1 -1
- package/dist/esm/components/funnel-layout/parts/FunnelBody.d.ts +2 -2
- package/dist/esm/components/funnel-layout/parts/FunnelPage.d.ts +2 -2
- package/dist/esm/components/funnel-layout/parts/FunnelPageActions.d.ts +1 -1
- package/dist/esm/components/funnel-layout/parts/FunnelPageContent.d.ts +2 -2
- package/dist/esm/components/funnel-layout/parts/FunnelPageFooter.d.ts +2 -2
- package/dist/esm/components/funnel-layout/parts/FunnelPageHeader.d.ts +2 -2
- package/dist/esm/components/funnel-layout/parts/FunnelProgressBar.d.ts +2 -2
- package/dist/esm/components/funnel-layout/parts/FunnelSidebar.d.ts +8 -8
- package/dist/esm/components/funnel-layout/parts/FunnelTopBar.d.ts +14 -14
- package/dist/esm/components/grid/Grid.variants.d.ts +319 -319
- package/dist/esm/components/icon/Icon.d.ts +215 -215
- package/dist/esm/components/icon-button/CircularIconButton.d.ts +8 -8
- package/dist/esm/components/icon-button/IconButton.variants.d.ts +79 -79
- package/dist/esm/components/link/RawLink.d.ts +2 -2
- package/dist/esm/components/list-view/parts/ListViewSection.d.ts +1 -1
- package/dist/esm/components/list-view/parts/RawListViewItem.d.ts +20 -20
- package/dist/esm/components/nav/parts/RawNavItem.d.ts +39 -39
- package/dist/esm/components/navigation-card/NavigationCard.variants.d.ts +2 -2
- package/dist/esm/components/navigation-card/parts/NavigationCardGroup.d.ts +2 -2
- package/dist/esm/components/number-field/NumberField.d.ts +1 -1
- package/dist/esm/components/number-input/NumberInput.d.ts +2 -2
- package/dist/esm/components/page/Page.d.ts +2 -2
- package/dist/esm/components/page/parts/PageHeader.d.ts +17 -17
- package/dist/esm/components/pagination/Pagination.d.ts +8 -8
- package/dist/esm/components/pagination/parts/PaginationContent.d.ts +1 -1
- package/dist/esm/components/pagination/parts/PaginationEllipsis.d.ts +1 -1
- package/dist/esm/components/pagination/parts/RawPaginationLink.d.ts +1 -1
- package/dist/esm/components/pagination/parts/RawPaginationNext.d.ts +1 -1
- package/dist/esm/components/pagination/parts/RawPaginationPrevious.d.ts +1 -1
- package/dist/esm/components/phone-number/parts/PhoneNumberItem.d.ts +11 -11
- package/dist/esm/components/pill/Pill.d.ts +20 -20
- package/dist/esm/components/progress-bar/ProgressBar.d.ts +2 -2
- package/dist/esm/components/promo-dialog/PromoDialog.d.ts +29 -29
- package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts +17 -17
- package/dist/esm/components/search/Search.d.ts +2 -2
- package/dist/esm/components/select-list/parts/SelectListOptGroup.d.ts +14 -14
- package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.ts +1 -1
- package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.ts +2 -2
- package/dist/esm/components/selectable-card/internals/Content.d.ts +1 -1
- package/dist/esm/components/selectable-card/internals/Description.d.ts +1 -1
- package/dist/esm/components/selectable-card/internals/Illustration.d.ts +1 -1
- package/dist/esm/components/selectable-card/internals/SelectedIndicator.d.ts +1 -1
- package/dist/esm/components/selectable-card/selectableCard.variant.d.ts +5 -5
- package/dist/esm/components/side-panel/SidePanel.d.ts +2 -2
- package/dist/esm/components/side-panel/parts/SidePanelContent.d.ts +11 -11
- package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.d.ts +11 -11
- package/dist/esm/components/side-panel/parts/SidePanelFooter.d.ts +1 -1
- package/dist/esm/components/side-panel/parts/SidePanelHeader.d.ts +14 -14
- package/dist/esm/components/table/Table.d.ts +2 -2
- package/dist/esm/components/table/parts/TableBody.d.ts +2 -2
- package/dist/esm/components/table/parts/TableCell.d.ts +11 -11
- package/dist/esm/components/table/parts/TableColumnHeader.d.ts +11 -11
- package/dist/esm/components/table/parts/TableEmptyState.d.ts +22 -22
- package/dist/esm/components/table/parts/TableHeader.d.ts +2 -2
- package/dist/esm/components/table/parts/TablePagination.d.ts +1 -1
- package/dist/esm/components/table/parts/TableRow.d.ts +1 -1
- package/dist/esm/components/tabs/Tabs.variant.d.ts +2 -2
- package/dist/esm/components/task-menu/TaskMenu.d.ts +8 -8
- package/dist/esm/components/task-menu/parts/RawSubTask.d.ts +38 -38
- package/dist/esm/components/task-menu/parts/RawTask.d.ts +38 -38
- package/dist/esm/components/task-menu/parts/task.variants.d.ts +11 -11
- package/dist/esm/components/text/Text.variants.d.ts +272 -272
- package/dist/esm/components/text-area/TextArea.d.ts +2 -2
- package/dist/esm/components/timeline/Timeline.variants.d.ts +26 -26
- package/dist/esm/components/toast/UnityToast.d.ts +8 -8
- package/dist/esm/components/toggle-switch/ToggleSwitch.d.ts +2 -2
- package/dist/esm/components/toggle-switch-group/ToggleSwitchGroup.d.ts +1 -1
- package/package.json +11 -11
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
export declare const code: import('tailwind-variants').TVReturnType<{
|
|
3
3
|
[key: string]: {
|
|
4
|
-
[key: string]: import('tailwind-
|
|
5
|
-
base?: import('tailwind-
|
|
6
|
-
pre?: import('tailwind-
|
|
4
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
5
|
+
base?: import('tailwind-variants').ClassValue;
|
|
6
|
+
pre?: import('tailwind-variants').ClassValue;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
9
|
} | {
|
|
10
10
|
[x: string]: {
|
|
11
|
-
[x: string]: import('tailwind-
|
|
12
|
-
base?: import('tailwind-
|
|
13
|
-
pre?: import('tailwind-
|
|
11
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
12
|
+
base?: import('tailwind-variants').ClassValue;
|
|
13
|
+
pre?: import('tailwind-variants').ClassValue;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
} | {}, {
|
|
@@ -18,18 +18,18 @@ export declare const code: import('tailwind-variants').TVReturnType<{
|
|
|
18
18
|
pre: string;
|
|
19
19
|
}, undefined, {
|
|
20
20
|
[key: string]: {
|
|
21
|
-
[key: string]: import('tailwind-
|
|
22
|
-
base?: import('tailwind-
|
|
23
|
-
pre?: import('tailwind-
|
|
21
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
22
|
+
base?: import('tailwind-variants').ClassValue;
|
|
23
|
+
pre?: import('tailwind-variants').ClassValue;
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
26
|
} | {}, {
|
|
27
27
|
base: string[];
|
|
28
28
|
pre: string;
|
|
29
|
-
}, import('tailwind-variants').
|
|
29
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
30
30
|
base: string[];
|
|
31
31
|
pre: string;
|
|
32
|
-
}
|
|
32
|
+
}>>;
|
|
33
33
|
export interface CodeProps extends VariantProps<typeof code> {
|
|
34
34
|
children: string;
|
|
35
35
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
export declare const collapsible: import('tailwind-variants').TVReturnType<{
|
|
2
2
|
variant: {
|
|
3
|
-
ghost:
|
|
4
|
-
outlined:
|
|
3
|
+
ghost: "uy:rounded-50";
|
|
4
|
+
outlined: "uy:border-t uy:border-t-solid uy:border-border-neutral";
|
|
5
5
|
filled: string[];
|
|
6
6
|
};
|
|
7
7
|
}, undefined, string[], {
|
|
8
8
|
variant: {
|
|
9
|
-
ghost:
|
|
10
|
-
outlined:
|
|
9
|
+
ghost: "uy:rounded-50";
|
|
10
|
+
outlined: "uy:border-t uy:border-t-solid uy:border-border-neutral";
|
|
11
11
|
filled: string[];
|
|
12
12
|
};
|
|
13
|
-
}, undefined, import('tailwind-variants').
|
|
13
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
14
14
|
variant: {
|
|
15
|
-
ghost:
|
|
16
|
-
outlined:
|
|
15
|
+
ghost: "uy:rounded-50";
|
|
16
|
+
outlined: "uy:border-t uy:border-t-solid uy:border-border-neutral";
|
|
17
17
|
filled: string[];
|
|
18
18
|
};
|
|
19
|
-
}, undefined
|
|
19
|
+
}, undefined>>;
|
|
20
20
|
export declare const collapsibleTitle: import('tailwind-variants').TVReturnType<{
|
|
21
21
|
isExpanded: {
|
|
22
22
|
true: {
|
|
@@ -49,7 +49,7 @@ export declare const collapsibleTitle: import('tailwind-variants').TVReturnType<
|
|
|
49
49
|
button: string[];
|
|
50
50
|
title: string;
|
|
51
51
|
icon: string;
|
|
52
|
-
}, import('tailwind-variants').
|
|
52
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
53
53
|
isExpanded: {
|
|
54
54
|
true: {
|
|
55
55
|
button: string;
|
|
@@ -65,5 +65,5 @@ export declare const collapsibleTitle: import('tailwind-variants').TVReturnType<
|
|
|
65
65
|
button: string[];
|
|
66
66
|
title: string;
|
|
67
67
|
icon: string;
|
|
68
|
-
}
|
|
69
|
-
export declare const collapsibleContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0 uy:not-aria-hidden:py-100", {} | {}, undefined, import('tailwind-variants').
|
|
68
|
+
}>>;
|
|
69
|
+
export declare const collapsibleContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0 uy:not-aria-hidden:py-100", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
-
export declare const dataTableRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').
|
|
2
|
+
export declare const dataTableRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
3
3
|
export type DataTableRootProps = PropsWithChildren;
|
|
4
4
|
/**
|
|
5
5
|
* The DataTableRoot component provides positioning and layout context for DataTable components.
|
|
@@ -40,7 +40,7 @@ export declare const calendarBase: import('tailwind-variants').TVReturnType<{
|
|
|
40
40
|
calendarGrid: string;
|
|
41
41
|
calendarHeaderCell: string;
|
|
42
42
|
calendarCell: string[];
|
|
43
|
-
}, import('tailwind-variants').
|
|
43
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
44
44
|
isDisabled: {
|
|
45
45
|
true: {
|
|
46
46
|
calendarHeaderCell: string;
|
|
@@ -59,4 +59,4 @@ export declare const calendarBase: import('tailwind-variants').TVReturnType<{
|
|
|
59
59
|
calendarGrid: string;
|
|
60
60
|
calendarHeaderCell: string;
|
|
61
61
|
calendarCell: string[];
|
|
62
|
-
}
|
|
62
|
+
}>>;
|
|
@@ -4,31 +4,31 @@ import { DateFieldProps } from 'react-aria-components/DateField';
|
|
|
4
4
|
export declare const dateSegment: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
isPlaceholder: {
|
|
6
6
|
true: string[];
|
|
7
|
-
false:
|
|
7
|
+
false: "uy:text-content-form-enabled";
|
|
8
8
|
};
|
|
9
9
|
isLiteral: {
|
|
10
|
-
true:
|
|
11
|
-
false:
|
|
10
|
+
true: "uy:text-content-neutral-lowest-enabled";
|
|
11
|
+
false: "";
|
|
12
12
|
};
|
|
13
13
|
}, undefined, string[], {
|
|
14
14
|
isPlaceholder: {
|
|
15
15
|
true: string[];
|
|
16
|
-
false:
|
|
16
|
+
false: "uy:text-content-form-enabled";
|
|
17
17
|
};
|
|
18
18
|
isLiteral: {
|
|
19
|
-
true:
|
|
20
|
-
false:
|
|
19
|
+
true: "uy:text-content-neutral-lowest-enabled";
|
|
20
|
+
false: "";
|
|
21
21
|
};
|
|
22
|
-
}, undefined, import('tailwind-variants').
|
|
22
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
23
23
|
isPlaceholder: {
|
|
24
24
|
true: string[];
|
|
25
|
-
false:
|
|
25
|
+
false: "uy:text-content-form-enabled";
|
|
26
26
|
};
|
|
27
27
|
isLiteral: {
|
|
28
|
-
true:
|
|
29
|
-
false:
|
|
28
|
+
true: "uy:text-content-neutral-lowest-enabled";
|
|
29
|
+
false: "";
|
|
30
30
|
};
|
|
31
|
-
}, undefined
|
|
31
|
+
}, undefined>>;
|
|
32
32
|
export declare const dateInput: import('tailwind-variants').TVReturnType<{
|
|
33
33
|
isInvalid: {
|
|
34
34
|
true: {
|
|
@@ -71,7 +71,7 @@ export declare const dateInput: import('tailwind-variants').TVReturnType<{
|
|
|
71
71
|
base: string;
|
|
72
72
|
input: string;
|
|
73
73
|
state: string;
|
|
74
|
-
}, import('tailwind-variants').
|
|
74
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
75
75
|
isInvalid: {
|
|
76
76
|
true: {
|
|
77
77
|
base: string;
|
|
@@ -92,7 +92,7 @@ export declare const dateInput: import('tailwind-variants').TVReturnType<{
|
|
|
92
92
|
base: string;
|
|
93
93
|
input: string;
|
|
94
94
|
state: string;
|
|
95
|
-
}
|
|
95
|
+
}>>;
|
|
96
96
|
export interface DateInputProps extends DateFieldProps<CalendarDate> {
|
|
97
97
|
/** Element to display after the input field */
|
|
98
98
|
suffix?: ReactElement;
|
|
@@ -29,7 +29,7 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
|
29
29
|
wrapper: string[];
|
|
30
30
|
content: string[];
|
|
31
31
|
dismissIcon: string[];
|
|
32
|
-
}, import('tailwind-variants').
|
|
32
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
33
33
|
size: {
|
|
34
34
|
sm: {
|
|
35
35
|
wrapper: string;
|
|
@@ -43,7 +43,7 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
|
43
43
|
wrapper: string[];
|
|
44
44
|
content: string[];
|
|
45
45
|
dismissIcon: string[];
|
|
46
|
-
}
|
|
46
|
+
}>>;
|
|
47
47
|
export interface DialogProps extends PropsWithChildren<VariantProps<typeof dialog>> {
|
|
48
48
|
/** aria-label has to be defined if the dialog does not have a visible label*/
|
|
49
49
|
'aria-label'?: string;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
export declare const emptyState: import('tailwind-variants').TVReturnType<{
|
|
2
2
|
[key: string]: {
|
|
3
|
-
[key: string]: import('tailwind-
|
|
4
|
-
content?: import('tailwind-
|
|
5
|
-
base?: import('tailwind-
|
|
6
|
-
actions?: import('tailwind-
|
|
7
|
-
iconContainer?: import('tailwind-
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
content?: import('tailwind-variants').ClassValue;
|
|
5
|
+
base?: import('tailwind-variants').ClassValue;
|
|
6
|
+
actions?: import('tailwind-variants').ClassValue;
|
|
7
|
+
iconContainer?: import('tailwind-variants').ClassValue;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
} | {
|
|
11
11
|
[x: string]: {
|
|
12
|
-
[x: string]: import('tailwind-
|
|
13
|
-
content?: import('tailwind-
|
|
14
|
-
base?: import('tailwind-
|
|
15
|
-
actions?: import('tailwind-
|
|
16
|
-
iconContainer?: import('tailwind-
|
|
12
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
13
|
+
content?: import('tailwind-variants').ClassValue;
|
|
14
|
+
base?: import('tailwind-variants').ClassValue;
|
|
15
|
+
actions?: import('tailwind-variants').ClassValue;
|
|
16
|
+
iconContainer?: import('tailwind-variants').ClassValue;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
} | {}, {
|
|
@@ -23,11 +23,11 @@ export declare const emptyState: import('tailwind-variants').TVReturnType<{
|
|
|
23
23
|
actions: string;
|
|
24
24
|
}, undefined, {
|
|
25
25
|
[key: string]: {
|
|
26
|
-
[key: string]: import('tailwind-
|
|
27
|
-
content?: import('tailwind-
|
|
28
|
-
base?: import('tailwind-
|
|
29
|
-
actions?: import('tailwind-
|
|
30
|
-
iconContainer?: import('tailwind-
|
|
26
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
27
|
+
content?: import('tailwind-variants').ClassValue;
|
|
28
|
+
base?: import('tailwind-variants').ClassValue;
|
|
29
|
+
actions?: import('tailwind-variants').ClassValue;
|
|
30
|
+
iconContainer?: import('tailwind-variants').ClassValue;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
} | {}, {
|
|
@@ -35,25 +35,25 @@ export declare const emptyState: import('tailwind-variants').TVReturnType<{
|
|
|
35
35
|
iconContainer: string;
|
|
36
36
|
content: string;
|
|
37
37
|
actions: string;
|
|
38
|
-
}, import('tailwind-variants').
|
|
38
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
39
39
|
base: string;
|
|
40
40
|
iconContainer: string;
|
|
41
41
|
content: string;
|
|
42
42
|
actions: string;
|
|
43
|
-
}
|
|
43
|
+
}>>;
|
|
44
44
|
export declare const emptyStateIcon: import('tailwind-variants').TVReturnType<{
|
|
45
45
|
variant: {
|
|
46
|
-
neutral:
|
|
47
|
-
success:
|
|
46
|
+
neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral-low";
|
|
47
|
+
success: "uy:bg-surface-success-lowest uy:text-content-success";
|
|
48
48
|
};
|
|
49
49
|
}, undefined, "uy:flex uy:items-center uy:justify-center uy:rounded-125 uy:p-100", {
|
|
50
50
|
variant: {
|
|
51
|
-
neutral:
|
|
52
|
-
success:
|
|
51
|
+
neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral-low";
|
|
52
|
+
success: "uy:bg-surface-success-lowest uy:text-content-success";
|
|
53
53
|
};
|
|
54
|
-
}, undefined, import('tailwind-variants').
|
|
54
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
55
55
|
variant: {
|
|
56
|
-
neutral:
|
|
57
|
-
success:
|
|
56
|
+
neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral-low";
|
|
57
|
+
success: "uy:bg-surface-success-lowest uy:text-content-success";
|
|
58
58
|
};
|
|
59
|
-
}, undefined
|
|
59
|
+
}, undefined>>;
|
|
@@ -3,38 +3,38 @@ import { UnityIllustrationAsset } from '@payfit/unity-illustrations';
|
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
export declare const errorState: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
|
-
[key: string]: import('tailwind-
|
|
7
|
-
h1?: import('tailwind-
|
|
8
|
-
h2?: import('tailwind-
|
|
9
|
-
h3?: import('tailwind-
|
|
10
|
-
h4?: import('tailwind-
|
|
11
|
-
container?: import('tailwind-
|
|
12
|
-
base?: import('tailwind-
|
|
13
|
-
icon?: import('tailwind-
|
|
14
|
-
description?: import('tailwind-
|
|
15
|
-
wrapper?: import('tailwind-
|
|
16
|
-
illustration?: import('tailwind-
|
|
17
|
-
informationContainer?: import('tailwind-
|
|
18
|
-
information?: import('tailwind-
|
|
19
|
-
informationComponent?: import('tailwind-
|
|
6
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
7
|
+
h1?: import('tailwind-variants').ClassValue;
|
|
8
|
+
h2?: import('tailwind-variants').ClassValue;
|
|
9
|
+
h3?: import('tailwind-variants').ClassValue;
|
|
10
|
+
h4?: import('tailwind-variants').ClassValue;
|
|
11
|
+
container?: import('tailwind-variants').ClassValue;
|
|
12
|
+
base?: import('tailwind-variants').ClassValue;
|
|
13
|
+
icon?: import('tailwind-variants').ClassValue;
|
|
14
|
+
description?: import('tailwind-variants').ClassValue;
|
|
15
|
+
wrapper?: import('tailwind-variants').ClassValue;
|
|
16
|
+
illustration?: import('tailwind-variants').ClassValue;
|
|
17
|
+
informationContainer?: import('tailwind-variants').ClassValue;
|
|
18
|
+
information?: import('tailwind-variants').ClassValue;
|
|
19
|
+
informationComponent?: import('tailwind-variants').ClassValue;
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
22
|
} | {
|
|
23
23
|
[x: string]: {
|
|
24
|
-
[x: string]: import('tailwind-
|
|
25
|
-
h1?: import('tailwind-
|
|
26
|
-
h2?: import('tailwind-
|
|
27
|
-
h3?: import('tailwind-
|
|
28
|
-
h4?: import('tailwind-
|
|
29
|
-
container?: import('tailwind-
|
|
30
|
-
base?: import('tailwind-
|
|
31
|
-
icon?: import('tailwind-
|
|
32
|
-
description?: import('tailwind-
|
|
33
|
-
wrapper?: import('tailwind-
|
|
34
|
-
illustration?: import('tailwind-
|
|
35
|
-
informationContainer?: import('tailwind-
|
|
36
|
-
information?: import('tailwind-
|
|
37
|
-
informationComponent?: import('tailwind-
|
|
24
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
25
|
+
h1?: import('tailwind-variants').ClassValue;
|
|
26
|
+
h2?: import('tailwind-variants').ClassValue;
|
|
27
|
+
h3?: import('tailwind-variants').ClassValue;
|
|
28
|
+
h4?: import('tailwind-variants').ClassValue;
|
|
29
|
+
container?: import('tailwind-variants').ClassValue;
|
|
30
|
+
base?: import('tailwind-variants').ClassValue;
|
|
31
|
+
icon?: import('tailwind-variants').ClassValue;
|
|
32
|
+
description?: import('tailwind-variants').ClassValue;
|
|
33
|
+
wrapper?: import('tailwind-variants').ClassValue;
|
|
34
|
+
illustration?: import('tailwind-variants').ClassValue;
|
|
35
|
+
informationContainer?: import('tailwind-variants').ClassValue;
|
|
36
|
+
information?: import('tailwind-variants').ClassValue;
|
|
37
|
+
informationComponent?: import('tailwind-variants').ClassValue;
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
40
|
} | {}, {
|
|
@@ -53,20 +53,20 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
|
|
|
53
53
|
description: string[];
|
|
54
54
|
}, undefined, {
|
|
55
55
|
[key: string]: {
|
|
56
|
-
[key: string]: import('tailwind-
|
|
57
|
-
h1?: import('tailwind-
|
|
58
|
-
h2?: import('tailwind-
|
|
59
|
-
h3?: import('tailwind-
|
|
60
|
-
h4?: import('tailwind-
|
|
61
|
-
container?: import('tailwind-
|
|
62
|
-
base?: import('tailwind-
|
|
63
|
-
icon?: import('tailwind-
|
|
64
|
-
description?: import('tailwind-
|
|
65
|
-
wrapper?: import('tailwind-
|
|
66
|
-
illustration?: import('tailwind-
|
|
67
|
-
informationContainer?: import('tailwind-
|
|
68
|
-
information?: import('tailwind-
|
|
69
|
-
informationComponent?: import('tailwind-
|
|
56
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
57
|
+
h1?: import('tailwind-variants').ClassValue;
|
|
58
|
+
h2?: import('tailwind-variants').ClassValue;
|
|
59
|
+
h3?: import('tailwind-variants').ClassValue;
|
|
60
|
+
h4?: import('tailwind-variants').ClassValue;
|
|
61
|
+
container?: import('tailwind-variants').ClassValue;
|
|
62
|
+
base?: import('tailwind-variants').ClassValue;
|
|
63
|
+
icon?: import('tailwind-variants').ClassValue;
|
|
64
|
+
description?: import('tailwind-variants').ClassValue;
|
|
65
|
+
wrapper?: import('tailwind-variants').ClassValue;
|
|
66
|
+
illustration?: import('tailwind-variants').ClassValue;
|
|
67
|
+
informationContainer?: import('tailwind-variants').ClassValue;
|
|
68
|
+
information?: import('tailwind-variants').ClassValue;
|
|
69
|
+
informationComponent?: import('tailwind-variants').ClassValue;
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
} | {}, {
|
|
@@ -83,7 +83,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
|
|
|
83
83
|
h3: string[];
|
|
84
84
|
h4: string[];
|
|
85
85
|
description: string[];
|
|
86
|
-
}, import('tailwind-variants').
|
|
86
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
87
87
|
container: string[];
|
|
88
88
|
wrapper: string[];
|
|
89
89
|
base: string[];
|
|
@@ -97,7 +97,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
|
|
|
97
97
|
h3: string[];
|
|
98
98
|
h4: string[];
|
|
99
99
|
description: string[];
|
|
100
|
-
}
|
|
100
|
+
}>>;
|
|
101
101
|
interface ErrorStateBaseProps {
|
|
102
102
|
/**
|
|
103
103
|
* Callback function triggered when the main action button is pressed.
|
|
@@ -32,7 +32,7 @@ declare const collapsible: import('tailwind-variants').TVReturnType<{
|
|
|
32
32
|
title: string;
|
|
33
33
|
icon: string;
|
|
34
34
|
content: string;
|
|
35
|
-
}, import('tailwind-variants').
|
|
35
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
36
36
|
isExpanded: {
|
|
37
37
|
true: {
|
|
38
38
|
icon: string;
|
|
@@ -48,7 +48,7 @@ declare const collapsible: import('tailwind-variants').TVReturnType<{
|
|
|
48
48
|
title: string;
|
|
49
49
|
icon: string;
|
|
50
50
|
content: string;
|
|
51
|
-
}
|
|
51
|
+
}>>;
|
|
52
52
|
export interface CollapsibleProps extends PropsWithChildren<VariantProps<typeof collapsible>> {
|
|
53
53
|
children: ReactNode;
|
|
54
54
|
}
|
|
@@ -46,7 +46,7 @@ export declare const fieldset: import('tailwind-variants').TVReturnType<{
|
|
|
46
46
|
legend: string;
|
|
47
47
|
description: string;
|
|
48
48
|
fieldsContainer: string;
|
|
49
|
-
}, import('tailwind-variants').
|
|
49
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
50
50
|
isLegendHidden: {
|
|
51
51
|
true: {
|
|
52
52
|
legend: string;
|
|
@@ -69,7 +69,7 @@ export declare const fieldset: import('tailwind-variants').TVReturnType<{
|
|
|
69
69
|
legend: string;
|
|
70
70
|
description: string;
|
|
71
71
|
fieldsContainer: string;
|
|
72
|
-
}
|
|
72
|
+
}>>;
|
|
73
73
|
export interface FieldsetProps extends PropsWithChildren<VariantProps<typeof fieldset>> {
|
|
74
74
|
/**
|
|
75
75
|
* The legend of the fieldset.
|
|
@@ -5,8 +5,8 @@ import { selectListFilter, selectListLabel } from './Filter.controls.js';
|
|
|
5
5
|
* Tailwind variants for the Filter container.
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
|
-
export declare const filterContainer: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').
|
|
9
|
-
export declare const filterDismissButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').
|
|
8
|
+
export declare const filterContainer: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
9
|
+
export declare const filterDismissButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
10
10
|
type FilterComponent = {
|
|
11
11
|
<TType>(props: FilterProps<TType> & {
|
|
12
12
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -6,16 +6,16 @@ import { ReactNode } from 'react';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const filterButton: import('tailwind-variants').TVReturnType<{
|
|
8
8
|
[key: string]: {
|
|
9
|
-
[key: string]: import('tailwind-
|
|
10
|
-
prefix?: import('tailwind-
|
|
11
|
-
button?: import('tailwind-
|
|
9
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
10
|
+
prefix?: import('tailwind-variants').ClassValue;
|
|
11
|
+
button?: import('tailwind-variants').ClassValue;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
} | {
|
|
15
15
|
[x: string]: {
|
|
16
|
-
[x: string]: import('tailwind-
|
|
17
|
-
prefix?: import('tailwind-
|
|
18
|
-
button?: import('tailwind-
|
|
16
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
17
|
+
prefix?: import('tailwind-variants').ClassValue;
|
|
18
|
+
button?: import('tailwind-variants').ClassValue;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
} | {}, {
|
|
@@ -23,18 +23,18 @@ export declare const filterButton: import('tailwind-variants').TVReturnType<{
|
|
|
23
23
|
prefix: string[];
|
|
24
24
|
}, undefined, {
|
|
25
25
|
[key: string]: {
|
|
26
|
-
[key: string]: import('tailwind-
|
|
27
|
-
prefix?: import('tailwind-
|
|
28
|
-
button?: import('tailwind-
|
|
26
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
27
|
+
prefix?: import('tailwind-variants').ClassValue;
|
|
28
|
+
button?: import('tailwind-variants').ClassValue;
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
31
|
} | {}, {
|
|
32
32
|
button: string[];
|
|
33
33
|
prefix: string[];
|
|
34
|
-
}, import('tailwind-variants').
|
|
34
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
35
35
|
button: string[];
|
|
36
36
|
prefix: string[];
|
|
37
|
-
}
|
|
37
|
+
}>>;
|
|
38
38
|
/**
|
|
39
39
|
* Props for the FilterButton component.
|
|
40
40
|
* @internal
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export declare const filterLabel: import('tailwind-variants').TVReturnType<{
|
|
6
6
|
[key: string]: {
|
|
7
|
-
[key: string]: import('tailwind-
|
|
8
|
-
container?: import('tailwind-
|
|
9
|
-
value?: import('tailwind-
|
|
7
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
8
|
+
container?: import('tailwind-variants').ClassValue;
|
|
9
|
+
value?: import('tailwind-variants').ClassValue;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
} | {
|
|
13
13
|
[x: string]: {
|
|
14
|
-
[x: string]: import('tailwind-
|
|
15
|
-
container?: import('tailwind-
|
|
16
|
-
value?: import('tailwind-
|
|
14
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
15
|
+
container?: import('tailwind-variants').ClassValue;
|
|
16
|
+
value?: import('tailwind-variants').ClassValue;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
} | {}, {
|
|
@@ -21,18 +21,18 @@ export declare const filterLabel: import('tailwind-variants').TVReturnType<{
|
|
|
21
21
|
value: string[];
|
|
22
22
|
}, undefined, {
|
|
23
23
|
[key: string]: {
|
|
24
|
-
[key: string]: import('tailwind-
|
|
25
|
-
container?: import('tailwind-
|
|
26
|
-
value?: import('tailwind-
|
|
24
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
25
|
+
container?: import('tailwind-variants').ClassValue;
|
|
26
|
+
value?: import('tailwind-variants').ClassValue;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
} | {}, {
|
|
30
30
|
container: string[];
|
|
31
31
|
value: string[];
|
|
32
|
-
}, import('tailwind-variants').
|
|
32
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
33
33
|
container: string[];
|
|
34
34
|
value: string[];
|
|
35
|
-
}
|
|
35
|
+
}>>;
|
|
36
36
|
/**
|
|
37
37
|
* Props for the FilterLabel component.
|
|
38
38
|
* @internal
|
|
@@ -5,24 +5,24 @@ import { ReactNode } from 'react';
|
|
|
5
5
|
*/
|
|
6
6
|
export declare const filterPopover: import('tailwind-variants').TVReturnType<{
|
|
7
7
|
[key: string]: {
|
|
8
|
-
[key: string]: import('tailwind-
|
|
9
|
-
content?: import('tailwind-
|
|
10
|
-
dialog?: import('tailwind-
|
|
11
|
-
footer?: import('tailwind-
|
|
12
|
-
separator?: import('tailwind-
|
|
13
|
-
actions?: import('tailwind-
|
|
14
|
-
popover?: import('tailwind-
|
|
8
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
9
|
+
content?: import('tailwind-variants').ClassValue;
|
|
10
|
+
dialog?: import('tailwind-variants').ClassValue;
|
|
11
|
+
footer?: import('tailwind-variants').ClassValue;
|
|
12
|
+
separator?: import('tailwind-variants').ClassValue;
|
|
13
|
+
actions?: import('tailwind-variants').ClassValue;
|
|
14
|
+
popover?: import('tailwind-variants').ClassValue;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
} | {
|
|
18
18
|
[x: string]: {
|
|
19
|
-
[x: string]: import('tailwind-
|
|
20
|
-
content?: import('tailwind-
|
|
21
|
-
dialog?: import('tailwind-
|
|
22
|
-
footer?: import('tailwind-
|
|
23
|
-
separator?: import('tailwind-
|
|
24
|
-
actions?: import('tailwind-
|
|
25
|
-
popover?: import('tailwind-
|
|
19
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
20
|
+
content?: import('tailwind-variants').ClassValue;
|
|
21
|
+
dialog?: import('tailwind-variants').ClassValue;
|
|
22
|
+
footer?: import('tailwind-variants').ClassValue;
|
|
23
|
+
separator?: import('tailwind-variants').ClassValue;
|
|
24
|
+
actions?: import('tailwind-variants').ClassValue;
|
|
25
|
+
popover?: import('tailwind-variants').ClassValue;
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
28
|
} | {}, {
|
|
@@ -34,13 +34,13 @@ export declare const filterPopover: import('tailwind-variants').TVReturnType<{
|
|
|
34
34
|
actions: string[];
|
|
35
35
|
}, undefined, {
|
|
36
36
|
[key: string]: {
|
|
37
|
-
[key: string]: import('tailwind-
|
|
38
|
-
content?: import('tailwind-
|
|
39
|
-
dialog?: import('tailwind-
|
|
40
|
-
footer?: import('tailwind-
|
|
41
|
-
separator?: import('tailwind-
|
|
42
|
-
actions?: import('tailwind-
|
|
43
|
-
popover?: import('tailwind-
|
|
37
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
38
|
+
content?: import('tailwind-variants').ClassValue;
|
|
39
|
+
dialog?: import('tailwind-variants').ClassValue;
|
|
40
|
+
footer?: import('tailwind-variants').ClassValue;
|
|
41
|
+
separator?: import('tailwind-variants').ClassValue;
|
|
42
|
+
actions?: import('tailwind-variants').ClassValue;
|
|
43
|
+
popover?: import('tailwind-variants').ClassValue;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
46
|
} | {}, {
|
|
@@ -50,14 +50,14 @@ export declare const filterPopover: import('tailwind-variants').TVReturnType<{
|
|
|
50
50
|
footer: string[];
|
|
51
51
|
separator: string[];
|
|
52
52
|
actions: string[];
|
|
53
|
-
}, import('tailwind-variants').
|
|
53
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
54
54
|
popover: string[];
|
|
55
55
|
dialog: string[];
|
|
56
56
|
content: string[];
|
|
57
57
|
footer: string[];
|
|
58
58
|
separator: string[];
|
|
59
59
|
actions: string[];
|
|
60
|
-
}
|
|
60
|
+
}>>;
|
|
61
61
|
/**
|
|
62
62
|
* Props for the FilterPopover component.
|
|
63
63
|
* @internal
|