@payfit/unity-components 2.60.16 → 2.60.18
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 +17 -17
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
declare const buttonBase: import('tailwind-variants').TVReturnType<{
|
|
3
3
|
isDisabled: {
|
|
4
|
-
true:
|
|
5
|
-
false:
|
|
4
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
5
|
+
false: "";
|
|
6
6
|
};
|
|
7
7
|
isLoading: {
|
|
8
|
-
true:
|
|
9
|
-
false:
|
|
8
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
9
|
+
false: "";
|
|
10
10
|
};
|
|
11
11
|
size: {
|
|
12
|
-
default:
|
|
13
|
-
full:
|
|
12
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
13
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
14
14
|
};
|
|
15
15
|
}, undefined, string[], {
|
|
16
16
|
isDisabled: {
|
|
17
|
-
true:
|
|
18
|
-
false:
|
|
17
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
18
|
+
false: "";
|
|
19
19
|
};
|
|
20
20
|
isLoading: {
|
|
21
|
-
true:
|
|
22
|
-
false:
|
|
21
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
22
|
+
false: "";
|
|
23
23
|
};
|
|
24
24
|
size: {
|
|
25
|
-
default:
|
|
26
|
-
full:
|
|
25
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
26
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
27
27
|
};
|
|
28
|
-
}, undefined, import('tailwind-variants').
|
|
28
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
29
29
|
isDisabled: {
|
|
30
|
-
true:
|
|
31
|
-
false:
|
|
30
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
31
|
+
false: "";
|
|
32
32
|
};
|
|
33
33
|
isLoading: {
|
|
34
|
-
true:
|
|
35
|
-
false:
|
|
34
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
35
|
+
false: "";
|
|
36
36
|
};
|
|
37
37
|
size: {
|
|
38
|
-
default:
|
|
39
|
-
full:
|
|
38
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
39
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
40
40
|
};
|
|
41
|
-
}, undefined
|
|
41
|
+
}, undefined>>;
|
|
42
42
|
export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
|
|
43
43
|
color: {
|
|
44
44
|
primary: string[];
|
|
@@ -49,131 +49,131 @@ export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
|
|
|
49
49
|
'inverted.low': string[];
|
|
50
50
|
};
|
|
51
51
|
isDisabled: {
|
|
52
|
-
true:
|
|
53
|
-
false:
|
|
52
|
+
true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled";
|
|
53
|
+
false: "";
|
|
54
54
|
};
|
|
55
55
|
isLoading: {
|
|
56
|
-
true:
|
|
57
|
-
false:
|
|
56
|
+
true: "uy:data-[loading]:bg-surface-neutral-disabled uy:data-[loading]:text-content-neutral-disabled";
|
|
57
|
+
false: "";
|
|
58
58
|
};
|
|
59
59
|
}, undefined, undefined, {
|
|
60
60
|
isDisabled: {
|
|
61
|
-
true:
|
|
62
|
-
false:
|
|
61
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
62
|
+
false: "";
|
|
63
63
|
};
|
|
64
64
|
isLoading: {
|
|
65
|
-
true:
|
|
66
|
-
false:
|
|
65
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
66
|
+
false: "";
|
|
67
67
|
};
|
|
68
68
|
size: {
|
|
69
|
-
default:
|
|
70
|
-
full:
|
|
69
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
70
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
71
71
|
};
|
|
72
72
|
}, undefined, import('tailwind-variants').TVReturnType<{
|
|
73
73
|
isDisabled: {
|
|
74
|
-
true:
|
|
75
|
-
false:
|
|
74
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
75
|
+
false: "";
|
|
76
76
|
};
|
|
77
77
|
isLoading: {
|
|
78
|
-
true:
|
|
79
|
-
false:
|
|
78
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
79
|
+
false: "";
|
|
80
80
|
};
|
|
81
81
|
size: {
|
|
82
|
-
default:
|
|
83
|
-
full:
|
|
82
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
83
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
84
84
|
};
|
|
85
85
|
}, undefined, string[], {
|
|
86
86
|
isDisabled: {
|
|
87
|
-
true:
|
|
88
|
-
false:
|
|
87
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
88
|
+
false: "";
|
|
89
89
|
};
|
|
90
90
|
isLoading: {
|
|
91
|
-
true:
|
|
92
|
-
false:
|
|
91
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
92
|
+
false: "";
|
|
93
93
|
};
|
|
94
94
|
size: {
|
|
95
|
-
default:
|
|
96
|
-
full:
|
|
95
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
96
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
97
97
|
};
|
|
98
|
-
}, undefined, import('tailwind-variants').
|
|
98
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
99
99
|
isDisabled: {
|
|
100
|
-
true:
|
|
101
|
-
false:
|
|
100
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
101
|
+
false: "";
|
|
102
102
|
};
|
|
103
103
|
isLoading: {
|
|
104
|
-
true:
|
|
105
|
-
false:
|
|
104
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
105
|
+
false: "";
|
|
106
106
|
};
|
|
107
107
|
size: {
|
|
108
|
-
default:
|
|
109
|
-
full:
|
|
108
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
109
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
110
110
|
};
|
|
111
|
-
}, undefined
|
|
111
|
+
}, undefined>>>;
|
|
112
112
|
export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
|
|
113
113
|
color: {
|
|
114
114
|
primary: string[];
|
|
115
115
|
inverted: string[];
|
|
116
116
|
};
|
|
117
117
|
isDisabled: {
|
|
118
|
-
true:
|
|
119
|
-
false:
|
|
118
|
+
true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled";
|
|
119
|
+
false: "";
|
|
120
120
|
};
|
|
121
121
|
isLoading: {
|
|
122
|
-
true:
|
|
122
|
+
true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled";
|
|
123
123
|
};
|
|
124
124
|
}, undefined, "uy:border uy:border-solid uy:bg-transparent", {
|
|
125
125
|
isDisabled: {
|
|
126
|
-
true:
|
|
127
|
-
false:
|
|
126
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
127
|
+
false: "";
|
|
128
128
|
};
|
|
129
129
|
isLoading: {
|
|
130
|
-
true:
|
|
131
|
-
false:
|
|
130
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
131
|
+
false: "";
|
|
132
132
|
};
|
|
133
133
|
size: {
|
|
134
|
-
default:
|
|
135
|
-
full:
|
|
134
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
135
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
136
136
|
};
|
|
137
137
|
}, undefined, import('tailwind-variants').TVReturnType<{
|
|
138
138
|
isDisabled: {
|
|
139
|
-
true:
|
|
140
|
-
false:
|
|
139
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
140
|
+
false: "";
|
|
141
141
|
};
|
|
142
142
|
isLoading: {
|
|
143
|
-
true:
|
|
144
|
-
false:
|
|
143
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
144
|
+
false: "";
|
|
145
145
|
};
|
|
146
146
|
size: {
|
|
147
|
-
default:
|
|
148
|
-
full:
|
|
147
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
148
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
149
149
|
};
|
|
150
150
|
}, undefined, string[], {
|
|
151
151
|
isDisabled: {
|
|
152
|
-
true:
|
|
153
|
-
false:
|
|
152
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
153
|
+
false: "";
|
|
154
154
|
};
|
|
155
155
|
isLoading: {
|
|
156
|
-
true:
|
|
157
|
-
false:
|
|
156
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
157
|
+
false: "";
|
|
158
158
|
};
|
|
159
159
|
size: {
|
|
160
|
-
default:
|
|
161
|
-
full:
|
|
160
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
161
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
162
162
|
};
|
|
163
|
-
}, undefined, import('tailwind-variants').
|
|
163
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
164
164
|
isDisabled: {
|
|
165
|
-
true:
|
|
166
|
-
false:
|
|
165
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
166
|
+
false: "";
|
|
167
167
|
};
|
|
168
168
|
isLoading: {
|
|
169
|
-
true:
|
|
170
|
-
false:
|
|
169
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
170
|
+
false: "";
|
|
171
171
|
};
|
|
172
172
|
size: {
|
|
173
|
-
default:
|
|
174
|
-
full:
|
|
173
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
174
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
175
175
|
};
|
|
176
|
-
}, undefined
|
|
176
|
+
}, undefined>>>;
|
|
177
177
|
export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
|
|
178
178
|
color: {
|
|
179
179
|
primary: string[];
|
|
@@ -184,66 +184,66 @@ export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
|
|
|
184
184
|
inverted: string[];
|
|
185
185
|
};
|
|
186
186
|
isDisabled: {
|
|
187
|
-
true:
|
|
188
|
-
false:
|
|
187
|
+
true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent";
|
|
188
|
+
false: "";
|
|
189
189
|
};
|
|
190
190
|
isLoading: {
|
|
191
|
-
true:
|
|
192
|
-
false:
|
|
191
|
+
true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:bg-transparent";
|
|
192
|
+
false: "";
|
|
193
193
|
};
|
|
194
194
|
}, undefined, undefined, {
|
|
195
195
|
isDisabled: {
|
|
196
|
-
true:
|
|
197
|
-
false:
|
|
196
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
197
|
+
false: "";
|
|
198
198
|
};
|
|
199
199
|
isLoading: {
|
|
200
|
-
true:
|
|
201
|
-
false:
|
|
200
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
201
|
+
false: "";
|
|
202
202
|
};
|
|
203
203
|
size: {
|
|
204
|
-
default:
|
|
205
|
-
full:
|
|
204
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
205
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
206
206
|
};
|
|
207
207
|
}, undefined, import('tailwind-variants').TVReturnType<{
|
|
208
208
|
isDisabled: {
|
|
209
|
-
true:
|
|
210
|
-
false:
|
|
209
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
210
|
+
false: "";
|
|
211
211
|
};
|
|
212
212
|
isLoading: {
|
|
213
|
-
true:
|
|
214
|
-
false:
|
|
213
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
214
|
+
false: "";
|
|
215
215
|
};
|
|
216
216
|
size: {
|
|
217
|
-
default:
|
|
218
|
-
full:
|
|
217
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
218
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
219
219
|
};
|
|
220
220
|
}, undefined, string[], {
|
|
221
221
|
isDisabled: {
|
|
222
|
-
true:
|
|
223
|
-
false:
|
|
222
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
223
|
+
false: "";
|
|
224
224
|
};
|
|
225
225
|
isLoading: {
|
|
226
|
-
true:
|
|
227
|
-
false:
|
|
226
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
227
|
+
false: "";
|
|
228
228
|
};
|
|
229
229
|
size: {
|
|
230
|
-
default:
|
|
231
|
-
full:
|
|
230
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
231
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
232
232
|
};
|
|
233
|
-
}, undefined, import('tailwind-variants').
|
|
233
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
234
234
|
isDisabled: {
|
|
235
|
-
true:
|
|
236
|
-
false:
|
|
235
|
+
true: "uy:disabled:cursor-not-allowed";
|
|
236
|
+
false: "";
|
|
237
237
|
};
|
|
238
238
|
isLoading: {
|
|
239
|
-
true:
|
|
240
|
-
false:
|
|
239
|
+
true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
|
|
240
|
+
false: "";
|
|
241
241
|
};
|
|
242
242
|
size: {
|
|
243
|
-
default:
|
|
244
|
-
full:
|
|
243
|
+
default: "uy:w-auto uy:grow-0 uy:basis-auto";
|
|
244
|
+
full: "uy:grow-1 uy:w-full uy:basis-full";
|
|
245
245
|
};
|
|
246
|
-
}, undefined
|
|
246
|
+
}, undefined>>>;
|
|
247
247
|
export type ButtonBase = VariantProps<typeof buttonBase>;
|
|
248
248
|
export type ButtonFilled = VariantProps<typeof buttonFilled>;
|
|
249
249
|
export type ButtonOutlined = VariantProps<typeof buttonOutlined>;
|
|
@@ -86,7 +86,7 @@ export declare const card: import('tailwind-variants').TVReturnType<{
|
|
|
86
86
|
};
|
|
87
87
|
}, {
|
|
88
88
|
base: string[];
|
|
89
|
-
}, import('tailwind-variants').
|
|
89
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
90
90
|
shadow: {
|
|
91
91
|
none: {
|
|
92
92
|
base: string;
|
|
@@ -129,7 +129,7 @@ export declare const card: import('tailwind-variants').TVReturnType<{
|
|
|
129
129
|
};
|
|
130
130
|
}, {
|
|
131
131
|
base: string[];
|
|
132
|
-
}
|
|
132
|
+
}>>;
|
|
133
133
|
export interface CardProps extends PropsWithChildren<VariantProps<typeof card>>, ComponentProps<'section'> {
|
|
134
134
|
/**
|
|
135
135
|
* The background color of the card.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { CarouselOptions } from './types.js';
|
|
3
|
-
export declare const carousel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:relative uy:flex uy:flex-col uy:gap-200 uy:md:gap-300", {} | {}, undefined, import('tailwind-variants').
|
|
3
|
+
export declare const carousel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:relative uy:flex uy:flex-col uy:gap-200 uy:md:gap-300", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
4
4
|
export interface CarouselProps {
|
|
5
5
|
options?: Pick<NonNullable<CarouselOptions>, 'align' | 'loop' | 'slidesToScroll' | 'containScroll' | 'inViewThreshold' | 'inViewMargin' | 'duration' | 'draggable' | 'dragFree' | 'dragThreshold'>;
|
|
6
6
|
/**
|
|
@@ -3,16 +3,16 @@ import { ResponsiveValue } from '../../../hooks/use-responsive-value.js';
|
|
|
3
3
|
import { SpacingToken } from '../../../utils/spacing.js';
|
|
4
4
|
export declare const carouselContent: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
|
-
[key: string]: import('tailwind-
|
|
7
|
-
track?: import('tailwind-
|
|
8
|
-
root?: import('tailwind-
|
|
6
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
7
|
+
track?: import('tailwind-variants').ClassValue;
|
|
8
|
+
root?: import('tailwind-variants').ClassValue;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
} | {
|
|
12
12
|
[x: string]: {
|
|
13
|
-
[x: string]: import('tailwind-
|
|
14
|
-
track?: import('tailwind-
|
|
15
|
-
root?: import('tailwind-
|
|
13
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
14
|
+
track?: import('tailwind-variants').ClassValue;
|
|
15
|
+
root?: import('tailwind-variants').ClassValue;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
} | {}, {
|
|
@@ -20,18 +20,18 @@ export declare const carouselContent: import('tailwind-variants').TVReturnType<{
|
|
|
20
20
|
track: string[];
|
|
21
21
|
}, undefined, {
|
|
22
22
|
[key: string]: {
|
|
23
|
-
[key: string]: import('tailwind-
|
|
24
|
-
track?: import('tailwind-
|
|
25
|
-
root?: import('tailwind-
|
|
23
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
24
|
+
track?: import('tailwind-variants').ClassValue;
|
|
25
|
+
root?: import('tailwind-variants').ClassValue;
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
28
|
} | {}, {
|
|
29
29
|
root: string[];
|
|
30
30
|
track: string[];
|
|
31
|
-
}, import('tailwind-variants').
|
|
31
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
32
32
|
root: string[];
|
|
33
33
|
track: string[];
|
|
34
|
-
}
|
|
34
|
+
}>>;
|
|
35
35
|
export interface CarouselContentProps extends PropsWithChildren {
|
|
36
36
|
/**
|
|
37
37
|
* Number of slides visible at once, optionally configured per breakpoint.
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export declare const carouselHeader: import('tailwind-variants').TVReturnType<{
|
|
3
3
|
[key: string]: {
|
|
4
|
-
[key: string]: import('tailwind-
|
|
5
|
-
nav?: import('tailwind-
|
|
6
|
-
slot?: import('tailwind-
|
|
7
|
-
title?: import('tailwind-
|
|
8
|
-
root?: import('tailwind-
|
|
4
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
5
|
+
nav?: import('tailwind-variants').ClassValue;
|
|
6
|
+
slot?: import('tailwind-variants').ClassValue;
|
|
7
|
+
title?: import('tailwind-variants').ClassValue;
|
|
8
|
+
root?: import('tailwind-variants').ClassValue;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
} | {
|
|
12
12
|
[x: string]: {
|
|
13
|
-
[x: string]: import('tailwind-
|
|
14
|
-
nav?: import('tailwind-
|
|
15
|
-
slot?: import('tailwind-
|
|
16
|
-
title?: import('tailwind-
|
|
17
|
-
root?: import('tailwind-
|
|
13
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
14
|
+
nav?: import('tailwind-variants').ClassValue;
|
|
15
|
+
slot?: import('tailwind-variants').ClassValue;
|
|
16
|
+
title?: import('tailwind-variants').ClassValue;
|
|
17
|
+
root?: import('tailwind-variants').ClassValue;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
} | {}, {
|
|
@@ -24,11 +24,11 @@ export declare const carouselHeader: import('tailwind-variants').TVReturnType<{
|
|
|
24
24
|
nav: string;
|
|
25
25
|
}, undefined, {
|
|
26
26
|
[key: string]: {
|
|
27
|
-
[key: string]: import('tailwind-
|
|
28
|
-
nav?: import('tailwind-
|
|
29
|
-
slot?: import('tailwind-
|
|
30
|
-
title?: import('tailwind-
|
|
31
|
-
root?: import('tailwind-
|
|
27
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
28
|
+
nav?: import('tailwind-variants').ClassValue;
|
|
29
|
+
slot?: import('tailwind-variants').ClassValue;
|
|
30
|
+
title?: import('tailwind-variants').ClassValue;
|
|
31
|
+
root?: import('tailwind-variants').ClassValue;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
} | {}, {
|
|
@@ -36,12 +36,12 @@ export declare const carouselHeader: import('tailwind-variants').TVReturnType<{
|
|
|
36
36
|
title: string;
|
|
37
37
|
slot: string;
|
|
38
38
|
nav: string;
|
|
39
|
-
}, import('tailwind-variants').
|
|
39
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
40
40
|
root: string;
|
|
41
41
|
title: string;
|
|
42
42
|
slot: string;
|
|
43
43
|
nav: string;
|
|
44
|
-
}
|
|
44
|
+
}>>;
|
|
45
45
|
export interface CarouselHeaderProps {
|
|
46
46
|
/** Title of the carousel. Used as the accessible label for the carousel region. */
|
|
47
47
|
title: string;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
export declare const carouselNav: import('tailwind-variants').TVReturnType<{
|
|
2
2
|
[key: string]: {
|
|
3
|
-
[key: string]: import('tailwind-
|
|
4
|
-
indicator?: import('tailwind-
|
|
5
|
-
root?: import('tailwind-
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
indicator?: import('tailwind-variants').ClassValue;
|
|
5
|
+
root?: import('tailwind-variants').ClassValue;
|
|
6
6
|
};
|
|
7
7
|
};
|
|
8
8
|
} | {
|
|
9
9
|
[x: string]: {
|
|
10
|
-
[x: string]: import('tailwind-
|
|
11
|
-
indicator?: import('tailwind-
|
|
12
|
-
root?: import('tailwind-
|
|
10
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
11
|
+
indicator?: import('tailwind-variants').ClassValue;
|
|
12
|
+
root?: import('tailwind-variants').ClassValue;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
} | {}, {
|
|
@@ -17,18 +17,18 @@ export declare const carouselNav: import('tailwind-variants').TVReturnType<{
|
|
|
17
17
|
indicator: string;
|
|
18
18
|
}, undefined, {
|
|
19
19
|
[key: string]: {
|
|
20
|
-
[key: string]: import('tailwind-
|
|
21
|
-
indicator?: import('tailwind-
|
|
22
|
-
root?: import('tailwind-
|
|
20
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
21
|
+
indicator?: import('tailwind-variants').ClassValue;
|
|
22
|
+
root?: import('tailwind-variants').ClassValue;
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
} | {}, {
|
|
26
26
|
root: string;
|
|
27
27
|
indicator: string;
|
|
28
|
-
}, import('tailwind-variants').
|
|
28
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
29
29
|
root: string;
|
|
30
30
|
indicator: string;
|
|
31
|
-
}
|
|
31
|
+
}>>;
|
|
32
32
|
export interface CarouselNavProps {
|
|
33
33
|
/** Additional CSS classes for the root element. */
|
|
34
34
|
className?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React, PropsWithChildren } from 'react';
|
|
2
2
|
import { VariantProps } from '@payfit/unity-themes';
|
|
3
|
-
export declare const carouselSlide: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').
|
|
3
|
+
export declare const carouselSlide: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
4
4
|
export interface CarouselSlideProps extends PropsWithChildren<VariantProps<typeof carouselSlide>>, React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
@@ -44,7 +44,7 @@ export declare const checkbox: import('tailwind-variants').TVReturnType<{
|
|
|
44
44
|
descriptionsContainer: string;
|
|
45
45
|
helperText: string[];
|
|
46
46
|
feedbackText: string;
|
|
47
|
-
}, import('tailwind-variants').
|
|
47
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
48
48
|
isDisabled: {
|
|
49
49
|
true: {
|
|
50
50
|
base: string;
|
|
@@ -67,4 +67,4 @@ export declare const checkbox: import('tailwind-variants').TVReturnType<{
|
|
|
67
67
|
descriptionsContainer: string;
|
|
68
68
|
helperText: string[];
|
|
69
69
|
feedbackText: string;
|
|
70
|
-
}
|
|
70
|
+
}>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components/CheckboxGroup';
|
|
4
|
-
export declare const checkboxGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-50", {} | {}, undefined, import('tailwind-variants').
|
|
4
|
+
export declare const checkboxGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-50", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
5
5
|
export interface CheckboxGroupProps extends VariantProps<typeof checkboxGroup>, Omit<AriaCheckboxGroupProps, 'className' | 'class'> {
|
|
6
6
|
/** The label for the checkbox group. */
|
|
7
7
|
label: string;
|
|
@@ -3,16 +3,16 @@ import { ComponentType } from 'react';
|
|
|
3
3
|
import { PaginationLinkProps } from './parts/RawPaginationLink.js';
|
|
4
4
|
export declare const pagination: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
|
-
[key: string]: import('tailwind-
|
|
7
|
-
base?: import('tailwind-
|
|
8
|
-
pagesList?: import('tailwind-
|
|
6
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
7
|
+
base?: import('tailwind-variants').ClassValue;
|
|
8
|
+
pagesList?: import('tailwind-variants').ClassValue;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
} | {
|
|
12
12
|
[x: string]: {
|
|
13
|
-
[x: string]: import('tailwind-
|
|
14
|
-
base?: import('tailwind-
|
|
15
|
-
pagesList?: import('tailwind-
|
|
13
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
14
|
+
base?: import('tailwind-variants').ClassValue;
|
|
15
|
+
pagesList?: import('tailwind-variants').ClassValue;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
} | {}, {
|
|
@@ -20,18 +20,18 @@ export declare const pagination: import('tailwind-variants').TVReturnType<{
|
|
|
20
20
|
pagesList: string;
|
|
21
21
|
}, undefined, {
|
|
22
22
|
[key: string]: {
|
|
23
|
-
[key: string]: import('tailwind-
|
|
24
|
-
base?: import('tailwind-
|
|
25
|
-
pagesList?: import('tailwind-
|
|
23
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
24
|
+
base?: import('tailwind-variants').ClassValue;
|
|
25
|
+
pagesList?: import('tailwind-variants').ClassValue;
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
28
|
} | {}, {
|
|
29
29
|
base: string;
|
|
30
30
|
pagesList: string;
|
|
31
|
-
}, import('tailwind-variants').
|
|
31
|
+
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
32
32
|
base: string;
|
|
33
33
|
pagesList: string;
|
|
34
|
-
}
|
|
34
|
+
}>>;
|
|
35
35
|
export interface ClientSidePaginationProps extends VariantProps<typeof pagination> {
|
|
36
36
|
/**
|
|
37
37
|
* The total number of pages to display
|
|
@@ -2,20 +2,20 @@ import { VariantProps } from '@payfit/unity-themes';
|
|
|
2
2
|
import { LinkProps } from 'react-aria-components/Link';
|
|
3
3
|
export declare const paginationLink: import('tailwind-variants').TVReturnType<{
|
|
4
4
|
isActive: {
|
|
5
|
-
true:
|
|
6
|
-
false:
|
|
5
|
+
true: "uy:bg-surface-neutral-lowest-selected";
|
|
6
|
+
false: "";
|
|
7
7
|
};
|
|
8
8
|
}, undefined, string[], {
|
|
9
9
|
isActive: {
|
|
10
|
-
true:
|
|
11
|
-
false:
|
|
10
|
+
true: "uy:bg-surface-neutral-lowest-selected";
|
|
11
|
+
false: "";
|
|
12
12
|
};
|
|
13
|
-
}, undefined, import('tailwind-variants').
|
|
13
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
14
14
|
isActive: {
|
|
15
|
-
true:
|
|
16
|
-
false:
|
|
15
|
+
true: "uy:bg-surface-neutral-lowest-selected";
|
|
16
|
+
false: "";
|
|
17
17
|
};
|
|
18
|
-
}, undefined
|
|
18
|
+
}, undefined>>;
|
|
19
19
|
export interface PaginationLinkProps extends LinkProps, VariantProps<typeof paginationLink> {
|
|
20
20
|
value: number;
|
|
21
21
|
id?: string;
|