@revolut/ui-kit-miniapp 0.0.6 → 0.0.7
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/package.json +1 -1
- package/types/index.d.ts +1736 -85
package/types/index.d.ts
CHANGED
|
@@ -1,10 +1,1547 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import
|
|
4
|
-
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import * as ReactTable from 'react-table';
|
|
5
|
+
import { IdType, UseTableOptions, UseExpandedOptions, UseFiltersOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseGroupByOptions, UseExpandedHooks, UseGroupByHooks, UseRowSelectHooks, UseSortByHooks, UseColumnOrderInstanceProps, UseExpandedInstanceProps, UseFiltersInstanceProps, UseGlobalFiltersInstanceProps, UsePaginationInstanceProps, UseRowSelectInstanceProps, UseRowStateInstanceProps, UseSortByInstanceProps, Row, UseColumnOrderState, UseExpandedState, UseFiltersState, UseGlobalFiltersState, UseGroupByState, UsePaginationState, UseResizeColumnsState, UseRowSelectState, UseRowStateState, UseSortByState, UseFiltersColumnProps, UseGroupByColumnProps, UseResizeColumnsColumnProps, UseSortByColumnProps, UseGroupByCellProps, UseRowStateCellProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps } from 'react-table';
|
|
6
|
+
import { ValueOf, Token as Token$1 } from '@revolut-internal/ui-kit-shared';
|
|
7
|
+
import * as csstype from 'csstype';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Docs: {@link https://ui-kit.revolut.codes/design-system/breakpoints Breakpoint}
|
|
11
|
+
*/
|
|
12
|
+
declare const Breakpoint: {
|
|
13
|
+
readonly ALL: "all";
|
|
14
|
+
readonly SM: "sm";
|
|
15
|
+
readonly MD: "md";
|
|
16
|
+
readonly LG: "lg";
|
|
17
|
+
readonly XL: "xl";
|
|
18
|
+
readonly XXL: "xxl";
|
|
19
|
+
};
|
|
20
|
+
type Breakpoint = ValueOf<typeof Breakpoint>;
|
|
21
|
+
|
|
22
|
+
declare const UnifiedColor: {
|
|
23
|
+
readonly LAYOUT_BACKGROUND: "layout-background";
|
|
24
|
+
readonly MODAL_OVERLAY: "modal-overlay";
|
|
25
|
+
readonly SHIMMER: "shimmer";
|
|
26
|
+
readonly ON_SHIMMER: "on-shimmer";
|
|
27
|
+
readonly ACCENT_NEUTRAL: "accent-neutral";
|
|
28
|
+
readonly ON_ACCENT_NEUTRAL: "on-accent-neutral";
|
|
29
|
+
readonly ACTION_BLUE_NEUTRAL: "action-blue-neutral";
|
|
30
|
+
readonly ACTION_LABEL_NEUTRAL: "action-label-neutral";
|
|
31
|
+
readonly ACTION_BACKGROUND_NEUTRAL: "action-background-neutral";
|
|
32
|
+
readonly ACTION_PHOTO_HEADER_BACKGROUND_NEUTRAL: "action-photo-header-background-neutral";
|
|
33
|
+
readonly ACTION_PHOTO_HEADER_TEXT_NEUTRAL: "action-photo-header-text-neutral";
|
|
34
|
+
readonly SEARCH_BACKGROUND: "search-background";
|
|
35
|
+
readonly SEGMENTED_BACKGROUND: "segmented-background";
|
|
36
|
+
readonly SEGMENTED_ACTIVE: "segmented-active";
|
|
37
|
+
readonly ACTION_PHOTO_HEADER_TEXT: "action-photo-header-text";
|
|
38
|
+
readonly ACTION_PHOTO_HEADER_BACKGROUND: "action-photo-header-background";
|
|
39
|
+
readonly RED_ACTION_BACKGROUND: "red-action-background";
|
|
40
|
+
readonly ACTION_BACKGROUND: "action-background";
|
|
41
|
+
readonly ACCENT: "accent";
|
|
42
|
+
/** @deprecated use `static` instead */
|
|
43
|
+
readonly PROGRESS_NEUTRAL: "progress-neutral";
|
|
44
|
+
/** @deprecated use `positive` instead */
|
|
45
|
+
readonly UP: "up";
|
|
46
|
+
/** @deprecated use `negative` instead */
|
|
47
|
+
readonly DOWN: "down";
|
|
48
|
+
readonly STATIC: "static";
|
|
49
|
+
readonly POSITIVE: "positive";
|
|
50
|
+
readonly NEGATIVE: "negative";
|
|
51
|
+
readonly ON_ACCENT: "on-accent";
|
|
52
|
+
readonly WIDGET_BACKGROUND: "widget-background";
|
|
53
|
+
readonly GROUPED_BACKGROUND: "grouped-background";
|
|
54
|
+
readonly POPOVER_BACKGROUND: "popover-background";
|
|
55
|
+
readonly NESTED_BACKGROUND: "nested-background";
|
|
56
|
+
readonly BACKGROUND: "background";
|
|
57
|
+
readonly GREY_TONE_2: "grey-tone-2";
|
|
58
|
+
readonly GREY_TONE_5: "grey-tone-5";
|
|
59
|
+
readonly GREY_TONE_8: "grey-tone-8";
|
|
60
|
+
readonly GREY_TONE_10: "grey-tone-10";
|
|
61
|
+
readonly GREY_TONE_20: "grey-tone-20";
|
|
62
|
+
readonly GREY_TONE_50: "grey-tone-50";
|
|
63
|
+
readonly FOREGROUND: "foreground";
|
|
64
|
+
readonly ACTION_LABEL: "action-label";
|
|
65
|
+
readonly INPUT_ERROR: "input-error";
|
|
66
|
+
readonly INPUT_ERROR_FOCUS: "input-error-focus";
|
|
67
|
+
readonly SUCCESS: "success";
|
|
68
|
+
readonly WARNING: "warning";
|
|
69
|
+
readonly DANGER: "danger";
|
|
70
|
+
/** @deprecated use `inactive` instead */
|
|
71
|
+
readonly NEUTRAL: "neutral";
|
|
72
|
+
readonly INACTIVE: "inactive";
|
|
73
|
+
readonly BLUE: "blue";
|
|
74
|
+
readonly BLUE_90: "blue-90";
|
|
75
|
+
readonly BLUE_80: "blue-80";
|
|
76
|
+
readonly BLUE_70: "blue-70";
|
|
77
|
+
readonly BLUE_60: "blue-60";
|
|
78
|
+
readonly BLUE_50: "blue-50";
|
|
79
|
+
readonly BLUE_40: "blue-40";
|
|
80
|
+
readonly BLUE_30: "blue-30";
|
|
81
|
+
readonly BLUE_20: "blue-20";
|
|
82
|
+
readonly BLUE_10: "blue-10";
|
|
83
|
+
readonly BLUE_5: "blue-5";
|
|
84
|
+
readonly PINK: "pink";
|
|
85
|
+
readonly PINK_90: "pink-90";
|
|
86
|
+
readonly PINK_80: "pink-80";
|
|
87
|
+
readonly PINK_70: "pink-70";
|
|
88
|
+
readonly PINK_60: "pink-60";
|
|
89
|
+
readonly PINK_50: "pink-50";
|
|
90
|
+
readonly PINK_40: "pink-40";
|
|
91
|
+
readonly PINK_30: "pink-30";
|
|
92
|
+
readonly PINK_20: "pink-20";
|
|
93
|
+
readonly PINK_10: "pink-10";
|
|
94
|
+
readonly PINK_5: "pink-5";
|
|
95
|
+
readonly GREEN: "green";
|
|
96
|
+
readonly GREEN_90: "green-90";
|
|
97
|
+
readonly GREEN_80: "green-80";
|
|
98
|
+
readonly GREEN_70: "green-70";
|
|
99
|
+
readonly GREEN_60: "green-60";
|
|
100
|
+
readonly GREEN_50: "green-50";
|
|
101
|
+
readonly GREEN_40: "green-40";
|
|
102
|
+
readonly GREEN_30: "green-30";
|
|
103
|
+
readonly GREEN_20: "green-20";
|
|
104
|
+
readonly GREEN_10: "green-10";
|
|
105
|
+
readonly GREEN_5: "green-5";
|
|
106
|
+
readonly ORANGE: "orange";
|
|
107
|
+
readonly ORANGE_90: "orange-90";
|
|
108
|
+
readonly ORANGE_80: "orange-80";
|
|
109
|
+
readonly ORANGE_70: "orange-70";
|
|
110
|
+
readonly ORANGE_60: "orange-60";
|
|
111
|
+
readonly ORANGE_50: "orange-50";
|
|
112
|
+
readonly ORANGE_40: "orange-40";
|
|
113
|
+
readonly ORANGE_30: "orange-30";
|
|
114
|
+
readonly ORANGE_20: "orange-20";
|
|
115
|
+
readonly ORANGE_10: "orange-10";
|
|
116
|
+
readonly ORANGE_5: "orange-5";
|
|
117
|
+
readonly RED: "red";
|
|
118
|
+
readonly RED_90: "red-90";
|
|
119
|
+
readonly RED_80: "red-80";
|
|
120
|
+
readonly RED_70: "red-70";
|
|
121
|
+
readonly RED_60: "red-60";
|
|
122
|
+
readonly RED_50: "red-50";
|
|
123
|
+
readonly RED_40: "red-40";
|
|
124
|
+
readonly RED_30: "red-30";
|
|
125
|
+
readonly RED_20: "red-20";
|
|
126
|
+
readonly RED_10: "red-10";
|
|
127
|
+
readonly RED_5: "red-5";
|
|
128
|
+
readonly DEEP_PINK: "deep-pink";
|
|
129
|
+
readonly DEEP_PINK_90: "deep-pink-90";
|
|
130
|
+
readonly DEEP_PINK_80: "deep-pink-80";
|
|
131
|
+
readonly DEEP_PINK_70: "deep-pink-70";
|
|
132
|
+
readonly DEEP_PINK_60: "deep-pink-60";
|
|
133
|
+
readonly DEEP_PINK_50: "deep-pink-50";
|
|
134
|
+
readonly DEEP_PINK_40: "deep-pink-40";
|
|
135
|
+
readonly DEEP_PINK_30: "deep-pink-30";
|
|
136
|
+
readonly DEEP_PINK_20: "deep-pink-20";
|
|
137
|
+
readonly DEEP_PINK_10: "deep-pink-10";
|
|
138
|
+
readonly DEEP_PINK_5: "deep-pink-5";
|
|
139
|
+
readonly TERRACOTTA: "terracotta";
|
|
140
|
+
readonly TERRACOTTA_90: "terracotta-90";
|
|
141
|
+
readonly TERRACOTTA_80: "terracotta-80";
|
|
142
|
+
readonly TERRACOTTA_70: "terracotta-70";
|
|
143
|
+
readonly TERRACOTTA_60: "terracotta-60";
|
|
144
|
+
readonly TERRACOTTA_50: "terracotta-50";
|
|
145
|
+
readonly TERRACOTTA_40: "terracotta-40";
|
|
146
|
+
readonly TERRACOTTA_30: "terracotta-30";
|
|
147
|
+
readonly TERRACOTTA_20: "terracotta-20";
|
|
148
|
+
readonly TERRACOTTA_10: "terracotta-10";
|
|
149
|
+
readonly TERRACOTTA_5: "terracotta-5";
|
|
150
|
+
readonly YELLOW: "yellow";
|
|
151
|
+
readonly YELLOW_90: "yellow-90";
|
|
152
|
+
readonly YELLOW_80: "yellow-80";
|
|
153
|
+
readonly YELLOW_70: "yellow-70";
|
|
154
|
+
readonly YELLOW_60: "yellow-60";
|
|
155
|
+
readonly YELLOW_50: "yellow-50";
|
|
156
|
+
readonly YELLOW_40: "yellow-40";
|
|
157
|
+
readonly YELLOW_30: "yellow-30";
|
|
158
|
+
readonly YELLOW_20: "yellow-20";
|
|
159
|
+
readonly YELLOW_10: "yellow-10";
|
|
160
|
+
readonly YELLOW_5: "yellow-5";
|
|
161
|
+
readonly LIME: "lime";
|
|
162
|
+
readonly LIME_90: "lime-90";
|
|
163
|
+
readonly LIME_80: "lime-80";
|
|
164
|
+
readonly LIME_70: "lime-70";
|
|
165
|
+
readonly LIME_60: "lime-60";
|
|
166
|
+
readonly LIME_50: "lime-50";
|
|
167
|
+
readonly LIME_40: "lime-40";
|
|
168
|
+
readonly LIME_30: "lime-30";
|
|
169
|
+
readonly LIME_20: "lime-20";
|
|
170
|
+
readonly LIME_10: "lime-10";
|
|
171
|
+
readonly LIME_5: "lime-5";
|
|
172
|
+
readonly LIGHT_GREEN: "light-green";
|
|
173
|
+
readonly LIGHT_GREEN_90: "light-green-90";
|
|
174
|
+
readonly LIGHT_GREEN_80: "light-green-80";
|
|
175
|
+
readonly LIGHT_GREEN_70: "light-green-70";
|
|
176
|
+
readonly LIGHT_GREEN_60: "light-green-60";
|
|
177
|
+
readonly LIGHT_GREEN_50: "light-green-50";
|
|
178
|
+
readonly LIGHT_GREEN_40: "light-green-40";
|
|
179
|
+
readonly LIGHT_GREEN_30: "light-green-30";
|
|
180
|
+
readonly LIGHT_GREEN_20: "light-green-20";
|
|
181
|
+
readonly LIGHT_GREEN_10: "light-green-10";
|
|
182
|
+
readonly LIGHT_GREEN_5: "light-green-5";
|
|
183
|
+
readonly TEAL: "teal";
|
|
184
|
+
readonly TEAL_90: "teal-90";
|
|
185
|
+
readonly TEAL_80: "teal-80";
|
|
186
|
+
readonly TEAL_70: "teal-70";
|
|
187
|
+
readonly TEAL_60: "teal-60";
|
|
188
|
+
readonly TEAL_50: "teal-50";
|
|
189
|
+
readonly TEAL_40: "teal-40";
|
|
190
|
+
readonly TEAL_30: "teal-30";
|
|
191
|
+
readonly TEAL_20: "teal-20";
|
|
192
|
+
readonly TEAL_10: "teal-10";
|
|
193
|
+
readonly TEAL_5: "teal-5";
|
|
194
|
+
readonly CYAN: "cyan";
|
|
195
|
+
readonly CYAN_90: "cyan-90";
|
|
196
|
+
readonly CYAN_80: "cyan-80";
|
|
197
|
+
readonly CYAN_70: "cyan-70";
|
|
198
|
+
readonly CYAN_60: "cyan-60";
|
|
199
|
+
readonly CYAN_50: "cyan-50";
|
|
200
|
+
readonly CYAN_40: "cyan-40";
|
|
201
|
+
readonly CYAN_30: "cyan-30";
|
|
202
|
+
readonly CYAN_20: "cyan-20";
|
|
203
|
+
readonly CYAN_10: "cyan-10";
|
|
204
|
+
readonly CYAN_5: "cyan-5";
|
|
205
|
+
readonly LIGHT_BLUE: "light-blue";
|
|
206
|
+
readonly LIGHT_BLUE_90: "light-blue-90";
|
|
207
|
+
readonly LIGHT_BLUE_80: "light-blue-80";
|
|
208
|
+
readonly LIGHT_BLUE_70: "light-blue-70";
|
|
209
|
+
readonly LIGHT_BLUE_60: "light-blue-60";
|
|
210
|
+
readonly LIGHT_BLUE_50: "light-blue-50";
|
|
211
|
+
readonly LIGHT_BLUE_40: "light-blue-40";
|
|
212
|
+
readonly LIGHT_BLUE_30: "light-blue-30";
|
|
213
|
+
readonly LIGHT_BLUE_20: "light-blue-20";
|
|
214
|
+
readonly LIGHT_BLUE_10: "light-blue-10";
|
|
215
|
+
readonly LIGHT_BLUE_5: "light-blue-5";
|
|
216
|
+
readonly INDIGO: "indigo";
|
|
217
|
+
readonly INDIGO_90: "indigo-90";
|
|
218
|
+
readonly INDIGO_80: "indigo-80";
|
|
219
|
+
readonly INDIGO_70: "indigo-70";
|
|
220
|
+
readonly INDIGO_60: "indigo-60";
|
|
221
|
+
readonly INDIGO_50: "indigo-50";
|
|
222
|
+
readonly INDIGO_40: "indigo-40";
|
|
223
|
+
readonly INDIGO_30: "indigo-30";
|
|
224
|
+
readonly INDIGO_20: "indigo-20";
|
|
225
|
+
readonly INDIGO_10: "indigo-10";
|
|
226
|
+
readonly INDIGO_5: "indigo-5";
|
|
227
|
+
readonly DEEP_PURPLE: "deep-purple";
|
|
228
|
+
readonly DEEP_PURPLE_90: "deep-purple-90";
|
|
229
|
+
readonly DEEP_PURPLE_80: "deep-purple-80";
|
|
230
|
+
readonly DEEP_PURPLE_70: "deep-purple-70";
|
|
231
|
+
readonly DEEP_PURPLE_60: "deep-purple-60";
|
|
232
|
+
readonly DEEP_PURPLE_50: "deep-purple-50";
|
|
233
|
+
readonly DEEP_PURPLE_40: "deep-purple-40";
|
|
234
|
+
readonly DEEP_PURPLE_30: "deep-purple-30";
|
|
235
|
+
readonly DEEP_PURPLE_20: "deep-purple-20";
|
|
236
|
+
readonly DEEP_PURPLE_10: "deep-purple-10";
|
|
237
|
+
readonly DEEP_PURPLE_5: "deep-purple-5";
|
|
238
|
+
readonly PURPLE: "purple";
|
|
239
|
+
readonly PURPLE_90: "purple-90";
|
|
240
|
+
readonly PURPLE_80: "purple-80";
|
|
241
|
+
readonly PURPLE_70: "purple-70";
|
|
242
|
+
readonly PURPLE_60: "purple-60";
|
|
243
|
+
readonly PURPLE_50: "purple-50";
|
|
244
|
+
readonly PURPLE_40: "purple-40";
|
|
245
|
+
readonly PURPLE_30: "purple-30";
|
|
246
|
+
readonly PURPLE_20: "purple-20";
|
|
247
|
+
readonly PURPLE_10: "purple-10";
|
|
248
|
+
readonly PURPLE_5: "purple-5";
|
|
249
|
+
readonly BROWN: "brown";
|
|
250
|
+
readonly BROWN_90: "brown-90";
|
|
251
|
+
readonly BROWN_80: "brown-80";
|
|
252
|
+
readonly BROWN_70: "brown-70";
|
|
253
|
+
readonly BROWN_60: "brown-60";
|
|
254
|
+
readonly BROWN_50: "brown-50";
|
|
255
|
+
readonly BROWN_40: "brown-40";
|
|
256
|
+
readonly BROWN_30: "brown-30";
|
|
257
|
+
readonly BROWN_20: "brown-20";
|
|
258
|
+
readonly BROWN_10: "brown-10";
|
|
259
|
+
readonly BROWN_5: "brown-5";
|
|
260
|
+
readonly DEEP_GREY: "deep-grey";
|
|
261
|
+
readonly DEEP_GREY_90: "deep-grey-90";
|
|
262
|
+
readonly DEEP_GREY_80: "deep-grey-80";
|
|
263
|
+
readonly DEEP_GREY_70: "deep-grey-70";
|
|
264
|
+
readonly DEEP_GREY_60: "deep-grey-60";
|
|
265
|
+
readonly DEEP_GREY_50: "deep-grey-50";
|
|
266
|
+
readonly DEEP_GREY_40: "deep-grey-40";
|
|
267
|
+
readonly DEEP_GREY_30: "deep-grey-30";
|
|
268
|
+
readonly DEEP_GREY_20: "deep-grey-20";
|
|
269
|
+
readonly DEEP_GREY_10: "deep-grey-10";
|
|
270
|
+
readonly DEEP_GREY_5: "deep-grey-5";
|
|
271
|
+
readonly BLACK: "black";
|
|
272
|
+
readonly BLACK_90: "black-90";
|
|
273
|
+
readonly BLACK_80: "black-80";
|
|
274
|
+
readonly BLACK_70: "black-70";
|
|
275
|
+
readonly BLACK_60: "black-60";
|
|
276
|
+
readonly BLACK_50: "black-50";
|
|
277
|
+
readonly BLACK_40: "black-40";
|
|
278
|
+
readonly BLACK_30: "black-30";
|
|
279
|
+
readonly BLACK_20: "black-20";
|
|
280
|
+
readonly BLACK_10: "black-10";
|
|
281
|
+
readonly BLACK_5: "black-5";
|
|
282
|
+
readonly GREY_50: "grey-50";
|
|
283
|
+
readonly GREY_50_90: "grey-50-90";
|
|
284
|
+
readonly GREY_50_80: "grey-50-80";
|
|
285
|
+
readonly GREY_50_70: "grey-50-70";
|
|
286
|
+
readonly GREY_50_60: "grey-50-60";
|
|
287
|
+
readonly GREY_50_50: "grey-50-50";
|
|
288
|
+
readonly GREY_50_40: "grey-50-40";
|
|
289
|
+
readonly GREY_50_30: "grey-50-30";
|
|
290
|
+
readonly GREY_50_20: "grey-50-20";
|
|
291
|
+
readonly GREY_50_10: "grey-50-10";
|
|
292
|
+
readonly GREY_50_5: "grey-50-5";
|
|
293
|
+
readonly GREY_20: "grey-20";
|
|
294
|
+
readonly GREY_20_90: "grey-20-90";
|
|
295
|
+
readonly GREY_20_80: "grey-20-80";
|
|
296
|
+
readonly GREY_20_70: "grey-20-70";
|
|
297
|
+
readonly GREY_20_60: "grey-20-60";
|
|
298
|
+
readonly GREY_20_50: "grey-20-50";
|
|
299
|
+
readonly GREY_20_40: "grey-20-40";
|
|
300
|
+
readonly GREY_20_30: "grey-20-30";
|
|
301
|
+
readonly GREY_20_20: "grey-20-20";
|
|
302
|
+
readonly GREY_20_10: "grey-20-10";
|
|
303
|
+
readonly GREY_20_5: "grey-20-5";
|
|
304
|
+
readonly GREY_10: "grey-10";
|
|
305
|
+
readonly GREY_10_90: "grey-10-90";
|
|
306
|
+
readonly GREY_10_80: "grey-10-80";
|
|
307
|
+
readonly GREY_10_70: "grey-10-70";
|
|
308
|
+
readonly GREY_10_60: "grey-10-60";
|
|
309
|
+
readonly GREY_10_50: "grey-10-50";
|
|
310
|
+
readonly GREY_10_40: "grey-10-40";
|
|
311
|
+
readonly GREY_10_30: "grey-10-30";
|
|
312
|
+
readonly GREY_10_20: "grey-10-20";
|
|
313
|
+
readonly GREY_10_10: "grey-10-10";
|
|
314
|
+
readonly GREY_10_5: "grey-10-5";
|
|
315
|
+
readonly GREY_5: "grey-5";
|
|
316
|
+
readonly GREY_5_90: "grey-5-90";
|
|
317
|
+
readonly GREY_5_80: "grey-5-80";
|
|
318
|
+
readonly GREY_5_70: "grey-5-70";
|
|
319
|
+
readonly GREY_5_60: "grey-5-60";
|
|
320
|
+
readonly GREY_5_50: "grey-5-50";
|
|
321
|
+
readonly GREY_5_40: "grey-5-40";
|
|
322
|
+
readonly GREY_5_30: "grey-5-30";
|
|
323
|
+
readonly GREY_5_20: "grey-5-20";
|
|
324
|
+
readonly GREY_5_10: "grey-5-10";
|
|
325
|
+
readonly GREY_5_5: "grey-5-5";
|
|
326
|
+
readonly GREY_8: "grey-8";
|
|
327
|
+
readonly GREY_8_90: "grey-8-90";
|
|
328
|
+
readonly GREY_8_80: "grey-8-80";
|
|
329
|
+
readonly GREY_8_70: "grey-8-70";
|
|
330
|
+
readonly GREY_8_60: "grey-8-60";
|
|
331
|
+
readonly GREY_8_50: "grey-8-50";
|
|
332
|
+
readonly GREY_8_40: "grey-8-40";
|
|
333
|
+
readonly GREY_8_30: "grey-8-30";
|
|
334
|
+
readonly GREY_8_20: "grey-8-20";
|
|
335
|
+
readonly GREY_8_10: "grey-8-10";
|
|
336
|
+
readonly GREY_8_5: "grey-8-5";
|
|
337
|
+
readonly GREY_2: "grey-2";
|
|
338
|
+
readonly GREY_2_90: "grey-2-90";
|
|
339
|
+
readonly GREY_2_80: "grey-2-80";
|
|
340
|
+
readonly GREY_2_70: "grey-2-70";
|
|
341
|
+
readonly GREY_2_60: "grey-2-60";
|
|
342
|
+
readonly GREY_2_50: "grey-2-50";
|
|
343
|
+
readonly GREY_2_40: "grey-2-40";
|
|
344
|
+
readonly GREY_2_30: "grey-2-30";
|
|
345
|
+
readonly GREY_2_20: "grey-2-20";
|
|
346
|
+
readonly GREY_2_10: "grey-2-10";
|
|
347
|
+
readonly GREY_2_5: "grey-2-5";
|
|
348
|
+
readonly WHITE: "white";
|
|
349
|
+
readonly WHITE_90: "white-90";
|
|
350
|
+
readonly WHITE_80: "white-80";
|
|
351
|
+
readonly WHITE_70: "white-70";
|
|
352
|
+
readonly WHITE_60: "white-60";
|
|
353
|
+
readonly WHITE_50: "white-50";
|
|
354
|
+
readonly WHITE_40: "white-40";
|
|
355
|
+
readonly WHITE_30: "white-30";
|
|
356
|
+
readonly WHITE_20: "white-20";
|
|
357
|
+
readonly WHITE_10: "white-10";
|
|
358
|
+
readonly WHITE_5: "white-5";
|
|
359
|
+
readonly ACTION_BLUE: "action-blue";
|
|
360
|
+
readonly ACTION_BLUE_90: "action-blue-90";
|
|
361
|
+
readonly ACTION_BLUE_80: "action-blue-80";
|
|
362
|
+
readonly ACTION_BLUE_70: "action-blue-70";
|
|
363
|
+
readonly ACTION_BLUE_60: "action-blue-60";
|
|
364
|
+
readonly ACTION_BLUE_50: "action-blue-50";
|
|
365
|
+
readonly ACTION_BLUE_40: "action-blue-40";
|
|
366
|
+
readonly ACTION_BLUE_30: "action-blue-30";
|
|
367
|
+
readonly ACTION_BLUE_20: "action-blue-20";
|
|
368
|
+
readonly ACTION_BLUE_10: "action-blue-10";
|
|
369
|
+
readonly ACTION_BLUE_5: "action-blue-5";
|
|
370
|
+
};
|
|
371
|
+
type UnifiedColor = ValueOf<typeof UnifiedColor>;
|
|
372
|
+
|
|
373
|
+
declare const Color: {
|
|
374
|
+
readonly LAYOUT_BACKGROUND: "layout-background";
|
|
375
|
+
readonly MODAL_OVERLAY: "modal-overlay";
|
|
376
|
+
readonly SHIMMER: "shimmer";
|
|
377
|
+
readonly ON_SHIMMER: "on-shimmer";
|
|
378
|
+
readonly ACCENT_NEUTRAL: "accent-neutral";
|
|
379
|
+
readonly ON_ACCENT_NEUTRAL: "on-accent-neutral";
|
|
380
|
+
readonly ACTION_BLUE_NEUTRAL: "action-blue-neutral";
|
|
381
|
+
readonly ACTION_LABEL_NEUTRAL: "action-label-neutral";
|
|
382
|
+
readonly ACTION_BACKGROUND_NEUTRAL: "action-background-neutral";
|
|
383
|
+
readonly ACTION_PHOTO_HEADER_BACKGROUND_NEUTRAL: "action-photo-header-background-neutral";
|
|
384
|
+
readonly ACTION_PHOTO_HEADER_TEXT_NEUTRAL: "action-photo-header-text-neutral";
|
|
385
|
+
readonly SEARCH_BACKGROUND: "search-background";
|
|
386
|
+
readonly SEGMENTED_BACKGROUND: "segmented-background";
|
|
387
|
+
readonly SEGMENTED_ACTIVE: "segmented-active";
|
|
388
|
+
readonly ACTION_PHOTO_HEADER_TEXT: "action-photo-header-text";
|
|
389
|
+
readonly ACTION_PHOTO_HEADER_BACKGROUND: "action-photo-header-background";
|
|
390
|
+
readonly RED_ACTION_BACKGROUND: "red-action-background";
|
|
391
|
+
readonly ACTION_BACKGROUND: "action-background";
|
|
392
|
+
readonly ACCENT: "accent";
|
|
393
|
+
readonly PROGRESS_NEUTRAL: "progress-neutral";
|
|
394
|
+
readonly UP: "up";
|
|
395
|
+
readonly DOWN: "down";
|
|
396
|
+
readonly STATIC: "static";
|
|
397
|
+
readonly POSITIVE: "positive";
|
|
398
|
+
readonly NEGATIVE: "negative";
|
|
399
|
+
readonly ON_ACCENT: "on-accent";
|
|
400
|
+
readonly WIDGET_BACKGROUND: "widget-background";
|
|
401
|
+
readonly GROUPED_BACKGROUND: "grouped-background";
|
|
402
|
+
readonly POPOVER_BACKGROUND: "popover-background";
|
|
403
|
+
readonly NESTED_BACKGROUND: "nested-background";
|
|
404
|
+
readonly BACKGROUND: "background";
|
|
405
|
+
readonly GREY_TONE_2: "grey-tone-2";
|
|
406
|
+
readonly GREY_TONE_5: "grey-tone-5";
|
|
407
|
+
readonly GREY_TONE_8: "grey-tone-8";
|
|
408
|
+
readonly GREY_TONE_10: "grey-tone-10";
|
|
409
|
+
readonly GREY_TONE_20: "grey-tone-20";
|
|
410
|
+
readonly GREY_TONE_50: "grey-tone-50";
|
|
411
|
+
readonly FOREGROUND: "foreground";
|
|
412
|
+
readonly ACTION_LABEL: "action-label";
|
|
413
|
+
readonly INPUT_ERROR: "input-error";
|
|
414
|
+
readonly INPUT_ERROR_FOCUS: "input-error-focus";
|
|
415
|
+
readonly SUCCESS: "success";
|
|
416
|
+
readonly WARNING: "warning";
|
|
417
|
+
readonly DANGER: "danger";
|
|
418
|
+
readonly NEUTRAL: "neutral";
|
|
419
|
+
readonly INACTIVE: "inactive";
|
|
420
|
+
readonly BLUE: "blue";
|
|
421
|
+
readonly BLUE_90: "blue-90";
|
|
422
|
+
readonly BLUE_80: "blue-80";
|
|
423
|
+
readonly BLUE_70: "blue-70";
|
|
424
|
+
readonly BLUE_60: "blue-60";
|
|
425
|
+
readonly BLUE_50: "blue-50";
|
|
426
|
+
readonly BLUE_40: "blue-40";
|
|
427
|
+
readonly BLUE_30: "blue-30";
|
|
428
|
+
readonly BLUE_20: "blue-20";
|
|
429
|
+
readonly BLUE_10: "blue-10";
|
|
430
|
+
readonly BLUE_5: "blue-5";
|
|
431
|
+
readonly PINK: "pink";
|
|
432
|
+
readonly PINK_90: "pink-90";
|
|
433
|
+
readonly PINK_80: "pink-80";
|
|
434
|
+
readonly PINK_70: "pink-70";
|
|
435
|
+
readonly PINK_60: "pink-60";
|
|
436
|
+
readonly PINK_50: "pink-50";
|
|
437
|
+
readonly PINK_40: "pink-40";
|
|
438
|
+
readonly PINK_30: "pink-30";
|
|
439
|
+
readonly PINK_20: "pink-20";
|
|
440
|
+
readonly PINK_10: "pink-10";
|
|
441
|
+
readonly PINK_5: "pink-5";
|
|
442
|
+
readonly GREEN: "green";
|
|
443
|
+
readonly GREEN_90: "green-90";
|
|
444
|
+
readonly GREEN_80: "green-80";
|
|
445
|
+
readonly GREEN_70: "green-70";
|
|
446
|
+
readonly GREEN_60: "green-60";
|
|
447
|
+
readonly GREEN_50: "green-50";
|
|
448
|
+
readonly GREEN_40: "green-40";
|
|
449
|
+
readonly GREEN_30: "green-30";
|
|
450
|
+
readonly GREEN_20: "green-20";
|
|
451
|
+
readonly GREEN_10: "green-10";
|
|
452
|
+
readonly GREEN_5: "green-5";
|
|
453
|
+
readonly ORANGE: "orange";
|
|
454
|
+
readonly ORANGE_90: "orange-90";
|
|
455
|
+
readonly ORANGE_80: "orange-80";
|
|
456
|
+
readonly ORANGE_70: "orange-70";
|
|
457
|
+
readonly ORANGE_60: "orange-60";
|
|
458
|
+
readonly ORANGE_50: "orange-50";
|
|
459
|
+
readonly ORANGE_40: "orange-40";
|
|
460
|
+
readonly ORANGE_30: "orange-30";
|
|
461
|
+
readonly ORANGE_20: "orange-20";
|
|
462
|
+
readonly ORANGE_10: "orange-10";
|
|
463
|
+
readonly ORANGE_5: "orange-5";
|
|
464
|
+
readonly RED: "red";
|
|
465
|
+
readonly RED_90: "red-90";
|
|
466
|
+
readonly RED_80: "red-80";
|
|
467
|
+
readonly RED_70: "red-70";
|
|
468
|
+
readonly RED_60: "red-60";
|
|
469
|
+
readonly RED_50: "red-50";
|
|
470
|
+
readonly RED_40: "red-40";
|
|
471
|
+
readonly RED_30: "red-30";
|
|
472
|
+
readonly RED_20: "red-20";
|
|
473
|
+
readonly RED_10: "red-10";
|
|
474
|
+
readonly RED_5: "red-5";
|
|
475
|
+
readonly DEEP_PINK: "deep-pink";
|
|
476
|
+
readonly DEEP_PINK_90: "deep-pink-90";
|
|
477
|
+
readonly DEEP_PINK_80: "deep-pink-80";
|
|
478
|
+
readonly DEEP_PINK_70: "deep-pink-70";
|
|
479
|
+
readonly DEEP_PINK_60: "deep-pink-60";
|
|
480
|
+
readonly DEEP_PINK_50: "deep-pink-50";
|
|
481
|
+
readonly DEEP_PINK_40: "deep-pink-40";
|
|
482
|
+
readonly DEEP_PINK_30: "deep-pink-30";
|
|
483
|
+
readonly DEEP_PINK_20: "deep-pink-20";
|
|
484
|
+
readonly DEEP_PINK_10: "deep-pink-10";
|
|
485
|
+
readonly DEEP_PINK_5: "deep-pink-5";
|
|
486
|
+
readonly TERRACOTTA: "terracotta";
|
|
487
|
+
readonly TERRACOTTA_90: "terracotta-90";
|
|
488
|
+
readonly TERRACOTTA_80: "terracotta-80";
|
|
489
|
+
readonly TERRACOTTA_70: "terracotta-70";
|
|
490
|
+
readonly TERRACOTTA_60: "terracotta-60";
|
|
491
|
+
readonly TERRACOTTA_50: "terracotta-50";
|
|
492
|
+
readonly TERRACOTTA_40: "terracotta-40";
|
|
493
|
+
readonly TERRACOTTA_30: "terracotta-30";
|
|
494
|
+
readonly TERRACOTTA_20: "terracotta-20";
|
|
495
|
+
readonly TERRACOTTA_10: "terracotta-10";
|
|
496
|
+
readonly TERRACOTTA_5: "terracotta-5";
|
|
497
|
+
readonly YELLOW: "yellow";
|
|
498
|
+
readonly YELLOW_90: "yellow-90";
|
|
499
|
+
readonly YELLOW_80: "yellow-80";
|
|
500
|
+
readonly YELLOW_70: "yellow-70";
|
|
501
|
+
readonly YELLOW_60: "yellow-60";
|
|
502
|
+
readonly YELLOW_50: "yellow-50";
|
|
503
|
+
readonly YELLOW_40: "yellow-40";
|
|
504
|
+
readonly YELLOW_30: "yellow-30";
|
|
505
|
+
readonly YELLOW_20: "yellow-20";
|
|
506
|
+
readonly YELLOW_10: "yellow-10";
|
|
507
|
+
readonly YELLOW_5: "yellow-5";
|
|
508
|
+
readonly LIME: "lime";
|
|
509
|
+
readonly LIME_90: "lime-90";
|
|
510
|
+
readonly LIME_80: "lime-80";
|
|
511
|
+
readonly LIME_70: "lime-70";
|
|
512
|
+
readonly LIME_60: "lime-60";
|
|
513
|
+
readonly LIME_50: "lime-50";
|
|
514
|
+
readonly LIME_40: "lime-40";
|
|
515
|
+
readonly LIME_30: "lime-30";
|
|
516
|
+
readonly LIME_20: "lime-20";
|
|
517
|
+
readonly LIME_10: "lime-10";
|
|
518
|
+
readonly LIME_5: "lime-5";
|
|
519
|
+
readonly LIGHT_GREEN: "light-green";
|
|
520
|
+
readonly LIGHT_GREEN_90: "light-green-90";
|
|
521
|
+
readonly LIGHT_GREEN_80: "light-green-80";
|
|
522
|
+
readonly LIGHT_GREEN_70: "light-green-70";
|
|
523
|
+
readonly LIGHT_GREEN_60: "light-green-60";
|
|
524
|
+
readonly LIGHT_GREEN_50: "light-green-50";
|
|
525
|
+
readonly LIGHT_GREEN_40: "light-green-40";
|
|
526
|
+
readonly LIGHT_GREEN_30: "light-green-30";
|
|
527
|
+
readonly LIGHT_GREEN_20: "light-green-20";
|
|
528
|
+
readonly LIGHT_GREEN_10: "light-green-10";
|
|
529
|
+
readonly LIGHT_GREEN_5: "light-green-5";
|
|
530
|
+
readonly TEAL: "teal";
|
|
531
|
+
readonly TEAL_90: "teal-90";
|
|
532
|
+
readonly TEAL_80: "teal-80";
|
|
533
|
+
readonly TEAL_70: "teal-70";
|
|
534
|
+
readonly TEAL_60: "teal-60";
|
|
535
|
+
readonly TEAL_50: "teal-50";
|
|
536
|
+
readonly TEAL_40: "teal-40";
|
|
537
|
+
readonly TEAL_30: "teal-30";
|
|
538
|
+
readonly TEAL_20: "teal-20";
|
|
539
|
+
readonly TEAL_10: "teal-10";
|
|
540
|
+
readonly TEAL_5: "teal-5";
|
|
541
|
+
readonly CYAN: "cyan";
|
|
542
|
+
readonly CYAN_90: "cyan-90";
|
|
543
|
+
readonly CYAN_80: "cyan-80";
|
|
544
|
+
readonly CYAN_70: "cyan-70";
|
|
545
|
+
readonly CYAN_60: "cyan-60";
|
|
546
|
+
readonly CYAN_50: "cyan-50";
|
|
547
|
+
readonly CYAN_40: "cyan-40";
|
|
548
|
+
readonly CYAN_30: "cyan-30";
|
|
549
|
+
readonly CYAN_20: "cyan-20";
|
|
550
|
+
readonly CYAN_10: "cyan-10";
|
|
551
|
+
readonly CYAN_5: "cyan-5";
|
|
552
|
+
readonly LIGHT_BLUE: "light-blue";
|
|
553
|
+
readonly LIGHT_BLUE_90: "light-blue-90";
|
|
554
|
+
readonly LIGHT_BLUE_80: "light-blue-80";
|
|
555
|
+
readonly LIGHT_BLUE_70: "light-blue-70";
|
|
556
|
+
readonly LIGHT_BLUE_60: "light-blue-60";
|
|
557
|
+
readonly LIGHT_BLUE_50: "light-blue-50";
|
|
558
|
+
readonly LIGHT_BLUE_40: "light-blue-40";
|
|
559
|
+
readonly LIGHT_BLUE_30: "light-blue-30";
|
|
560
|
+
readonly LIGHT_BLUE_20: "light-blue-20";
|
|
561
|
+
readonly LIGHT_BLUE_10: "light-blue-10";
|
|
562
|
+
readonly LIGHT_BLUE_5: "light-blue-5";
|
|
563
|
+
readonly INDIGO: "indigo";
|
|
564
|
+
readonly INDIGO_90: "indigo-90";
|
|
565
|
+
readonly INDIGO_80: "indigo-80";
|
|
566
|
+
readonly INDIGO_70: "indigo-70";
|
|
567
|
+
readonly INDIGO_60: "indigo-60";
|
|
568
|
+
readonly INDIGO_50: "indigo-50";
|
|
569
|
+
readonly INDIGO_40: "indigo-40";
|
|
570
|
+
readonly INDIGO_30: "indigo-30";
|
|
571
|
+
readonly INDIGO_20: "indigo-20";
|
|
572
|
+
readonly INDIGO_10: "indigo-10";
|
|
573
|
+
readonly INDIGO_5: "indigo-5";
|
|
574
|
+
readonly DEEP_PURPLE: "deep-purple";
|
|
575
|
+
readonly DEEP_PURPLE_90: "deep-purple-90";
|
|
576
|
+
readonly DEEP_PURPLE_80: "deep-purple-80";
|
|
577
|
+
readonly DEEP_PURPLE_70: "deep-purple-70";
|
|
578
|
+
readonly DEEP_PURPLE_60: "deep-purple-60";
|
|
579
|
+
readonly DEEP_PURPLE_50: "deep-purple-50";
|
|
580
|
+
readonly DEEP_PURPLE_40: "deep-purple-40";
|
|
581
|
+
readonly DEEP_PURPLE_30: "deep-purple-30";
|
|
582
|
+
readonly DEEP_PURPLE_20: "deep-purple-20";
|
|
583
|
+
readonly DEEP_PURPLE_10: "deep-purple-10";
|
|
584
|
+
readonly DEEP_PURPLE_5: "deep-purple-5";
|
|
585
|
+
readonly PURPLE: "purple";
|
|
586
|
+
readonly PURPLE_90: "purple-90";
|
|
587
|
+
readonly PURPLE_80: "purple-80";
|
|
588
|
+
readonly PURPLE_70: "purple-70";
|
|
589
|
+
readonly PURPLE_60: "purple-60";
|
|
590
|
+
readonly PURPLE_50: "purple-50";
|
|
591
|
+
readonly PURPLE_40: "purple-40";
|
|
592
|
+
readonly PURPLE_30: "purple-30";
|
|
593
|
+
readonly PURPLE_20: "purple-20";
|
|
594
|
+
readonly PURPLE_10: "purple-10";
|
|
595
|
+
readonly PURPLE_5: "purple-5";
|
|
596
|
+
readonly BROWN: "brown";
|
|
597
|
+
readonly BROWN_90: "brown-90";
|
|
598
|
+
readonly BROWN_80: "brown-80";
|
|
599
|
+
readonly BROWN_70: "brown-70";
|
|
600
|
+
readonly BROWN_60: "brown-60";
|
|
601
|
+
readonly BROWN_50: "brown-50";
|
|
602
|
+
readonly BROWN_40: "brown-40";
|
|
603
|
+
readonly BROWN_30: "brown-30";
|
|
604
|
+
readonly BROWN_20: "brown-20";
|
|
605
|
+
readonly BROWN_10: "brown-10";
|
|
606
|
+
readonly BROWN_5: "brown-5";
|
|
607
|
+
readonly DEEP_GREY: "deep-grey";
|
|
608
|
+
readonly DEEP_GREY_90: "deep-grey-90";
|
|
609
|
+
readonly DEEP_GREY_80: "deep-grey-80";
|
|
610
|
+
readonly DEEP_GREY_70: "deep-grey-70";
|
|
611
|
+
readonly DEEP_GREY_60: "deep-grey-60";
|
|
612
|
+
readonly DEEP_GREY_50: "deep-grey-50";
|
|
613
|
+
readonly DEEP_GREY_40: "deep-grey-40";
|
|
614
|
+
readonly DEEP_GREY_30: "deep-grey-30";
|
|
615
|
+
readonly DEEP_GREY_20: "deep-grey-20";
|
|
616
|
+
readonly DEEP_GREY_10: "deep-grey-10";
|
|
617
|
+
readonly DEEP_GREY_5: "deep-grey-5";
|
|
618
|
+
readonly BLACK: "black";
|
|
619
|
+
readonly BLACK_90: "black-90";
|
|
620
|
+
readonly BLACK_80: "black-80";
|
|
621
|
+
readonly BLACK_70: "black-70";
|
|
622
|
+
readonly BLACK_60: "black-60";
|
|
623
|
+
readonly BLACK_50: "black-50";
|
|
624
|
+
readonly BLACK_40: "black-40";
|
|
625
|
+
readonly BLACK_30: "black-30";
|
|
626
|
+
readonly BLACK_20: "black-20";
|
|
627
|
+
readonly BLACK_10: "black-10";
|
|
628
|
+
readonly BLACK_5: "black-5";
|
|
629
|
+
readonly GREY_50: "grey-50";
|
|
630
|
+
readonly GREY_50_90: "grey-50-90";
|
|
631
|
+
readonly GREY_50_80: "grey-50-80";
|
|
632
|
+
readonly GREY_50_70: "grey-50-70";
|
|
633
|
+
readonly GREY_50_60: "grey-50-60";
|
|
634
|
+
readonly GREY_50_50: "grey-50-50";
|
|
635
|
+
readonly GREY_50_40: "grey-50-40";
|
|
636
|
+
readonly GREY_50_30: "grey-50-30";
|
|
637
|
+
readonly GREY_50_20: "grey-50-20";
|
|
638
|
+
readonly GREY_50_10: "grey-50-10";
|
|
639
|
+
readonly GREY_50_5: "grey-50-5";
|
|
640
|
+
readonly GREY_20: "grey-20";
|
|
641
|
+
readonly GREY_20_90: "grey-20-90";
|
|
642
|
+
readonly GREY_20_80: "grey-20-80";
|
|
643
|
+
readonly GREY_20_70: "grey-20-70";
|
|
644
|
+
readonly GREY_20_60: "grey-20-60";
|
|
645
|
+
readonly GREY_20_50: "grey-20-50";
|
|
646
|
+
readonly GREY_20_40: "grey-20-40";
|
|
647
|
+
readonly GREY_20_30: "grey-20-30";
|
|
648
|
+
readonly GREY_20_20: "grey-20-20";
|
|
649
|
+
readonly GREY_20_10: "grey-20-10";
|
|
650
|
+
readonly GREY_20_5: "grey-20-5";
|
|
651
|
+
readonly GREY_10: "grey-10";
|
|
652
|
+
readonly GREY_10_90: "grey-10-90";
|
|
653
|
+
readonly GREY_10_80: "grey-10-80";
|
|
654
|
+
readonly GREY_10_70: "grey-10-70";
|
|
655
|
+
readonly GREY_10_60: "grey-10-60";
|
|
656
|
+
readonly GREY_10_50: "grey-10-50";
|
|
657
|
+
readonly GREY_10_40: "grey-10-40";
|
|
658
|
+
readonly GREY_10_30: "grey-10-30";
|
|
659
|
+
readonly GREY_10_20: "grey-10-20";
|
|
660
|
+
readonly GREY_10_10: "grey-10-10";
|
|
661
|
+
readonly GREY_10_5: "grey-10-5";
|
|
662
|
+
readonly GREY_5: "grey-5";
|
|
663
|
+
readonly GREY_5_90: "grey-5-90";
|
|
664
|
+
readonly GREY_5_80: "grey-5-80";
|
|
665
|
+
readonly GREY_5_70: "grey-5-70";
|
|
666
|
+
readonly GREY_5_60: "grey-5-60";
|
|
667
|
+
readonly GREY_5_50: "grey-5-50";
|
|
668
|
+
readonly GREY_5_40: "grey-5-40";
|
|
669
|
+
readonly GREY_5_30: "grey-5-30";
|
|
670
|
+
readonly GREY_5_20: "grey-5-20";
|
|
671
|
+
readonly GREY_5_10: "grey-5-10";
|
|
672
|
+
readonly GREY_5_5: "grey-5-5";
|
|
673
|
+
readonly GREY_8: "grey-8";
|
|
674
|
+
readonly GREY_8_90: "grey-8-90";
|
|
675
|
+
readonly GREY_8_80: "grey-8-80";
|
|
676
|
+
readonly GREY_8_70: "grey-8-70";
|
|
677
|
+
readonly GREY_8_60: "grey-8-60";
|
|
678
|
+
readonly GREY_8_50: "grey-8-50";
|
|
679
|
+
readonly GREY_8_40: "grey-8-40";
|
|
680
|
+
readonly GREY_8_30: "grey-8-30";
|
|
681
|
+
readonly GREY_8_20: "grey-8-20";
|
|
682
|
+
readonly GREY_8_10: "grey-8-10";
|
|
683
|
+
readonly GREY_8_5: "grey-8-5";
|
|
684
|
+
readonly GREY_2: "grey-2";
|
|
685
|
+
readonly GREY_2_90: "grey-2-90";
|
|
686
|
+
readonly GREY_2_80: "grey-2-80";
|
|
687
|
+
readonly GREY_2_70: "grey-2-70";
|
|
688
|
+
readonly GREY_2_60: "grey-2-60";
|
|
689
|
+
readonly GREY_2_50: "grey-2-50";
|
|
690
|
+
readonly GREY_2_40: "grey-2-40";
|
|
691
|
+
readonly GREY_2_30: "grey-2-30";
|
|
692
|
+
readonly GREY_2_20: "grey-2-20";
|
|
693
|
+
readonly GREY_2_10: "grey-2-10";
|
|
694
|
+
readonly GREY_2_5: "grey-2-5";
|
|
695
|
+
readonly WHITE: "white";
|
|
696
|
+
readonly WHITE_90: "white-90";
|
|
697
|
+
readonly WHITE_80: "white-80";
|
|
698
|
+
readonly WHITE_70: "white-70";
|
|
699
|
+
readonly WHITE_60: "white-60";
|
|
700
|
+
readonly WHITE_50: "white-50";
|
|
701
|
+
readonly WHITE_40: "white-40";
|
|
702
|
+
readonly WHITE_30: "white-30";
|
|
703
|
+
readonly WHITE_20: "white-20";
|
|
704
|
+
readonly WHITE_10: "white-10";
|
|
705
|
+
readonly WHITE_5: "white-5";
|
|
706
|
+
readonly ACTION_BLUE: "action-blue";
|
|
707
|
+
readonly ACTION_BLUE_90: "action-blue-90";
|
|
708
|
+
readonly ACTION_BLUE_80: "action-blue-80";
|
|
709
|
+
readonly ACTION_BLUE_70: "action-blue-70";
|
|
710
|
+
readonly ACTION_BLUE_60: "action-blue-60";
|
|
711
|
+
readonly ACTION_BLUE_50: "action-blue-50";
|
|
712
|
+
readonly ACTION_BLUE_40: "action-blue-40";
|
|
713
|
+
readonly ACTION_BLUE_30: "action-blue-30";
|
|
714
|
+
readonly ACTION_BLUE_20: "action-blue-20";
|
|
715
|
+
readonly ACTION_BLUE_10: "action-blue-10";
|
|
716
|
+
readonly ACTION_BLUE_5: "action-blue-5";
|
|
717
|
+
};
|
|
718
|
+
type Color = UnifiedColor | (string & {});
|
|
719
|
+
|
|
720
|
+
declare const CurrencySymbol: {
|
|
721
|
+
readonly AUTO: "auto";
|
|
722
|
+
readonly NARROW: "narrow";
|
|
723
|
+
readonly NONE: "none";
|
|
724
|
+
};
|
|
725
|
+
type CurrencySymbol = ValueOf<typeof CurrencySymbol>;
|
|
726
|
+
|
|
727
|
+
declare const ElevationLevel: {
|
|
728
|
+
readonly NONE: "none";
|
|
729
|
+
readonly LEVEL_1: "level1";
|
|
730
|
+
readonly LEVEL_2: "level2";
|
|
731
|
+
readonly LEVEL_3: "level3";
|
|
732
|
+
readonly LEVEL_4: "level4";
|
|
733
|
+
};
|
|
734
|
+
type ElevationLevel = ValueOf<typeof ElevationLevel>;
|
|
735
|
+
|
|
736
|
+
declare const DEFAULT_MESSAGES: {
|
|
737
|
+
readonly 'action.apply': "Apply";
|
|
738
|
+
readonly 'action.back': "Back";
|
|
739
|
+
readonly 'action.cancel': "Cancel";
|
|
740
|
+
readonly 'action.clear': "Clear";
|
|
741
|
+
readonly 'action.close': "Close";
|
|
742
|
+
readonly 'action.collapse': "Collapse";
|
|
743
|
+
readonly 'action.collapse-menu': "Collapse menu";
|
|
744
|
+
readonly 'action.copy': "Copy";
|
|
745
|
+
readonly 'action.expand': "Expand";
|
|
746
|
+
readonly 'action.expand-menu': "Expand menu";
|
|
747
|
+
readonly 'action.fca-disclaimer-learn-more': "Take 2 mins to learn more";
|
|
748
|
+
readonly 'action.hide': "Hide";
|
|
749
|
+
readonly 'action.more': "More";
|
|
750
|
+
readonly 'action.next-slide': "Next slide";
|
|
751
|
+
readonly 'action.next': "Next";
|
|
752
|
+
readonly 'action.prev-slide': "Previous slide";
|
|
753
|
+
readonly 'action.prev': "Previous";
|
|
754
|
+
readonly 'action.rate': "Rate";
|
|
755
|
+
readonly 'action.retry': "Retry";
|
|
756
|
+
readonly 'action.select-all': "Select all";
|
|
757
|
+
readonly 'action.select': "Select";
|
|
758
|
+
readonly 'action.show-less': "Show less";
|
|
759
|
+
readonly 'action.show-more': "Show more";
|
|
760
|
+
readonly 'action.show': "Show";
|
|
761
|
+
readonly 'action.sort-asc': "Sort ascending";
|
|
762
|
+
readonly 'action.sort-cancel': "Discard sorting";
|
|
763
|
+
readonly 'action.sort-dsc': "Sort descending";
|
|
764
|
+
readonly 'action.resize-column': "Resize column";
|
|
765
|
+
readonly 'action.remove': "Remove";
|
|
766
|
+
readonly 'action.play': "Play";
|
|
767
|
+
readonly 'action.pause': "Pause";
|
|
768
|
+
readonly 'action.open-global-search': "Open global search";
|
|
769
|
+
readonly 'action.open-profile': "Open profile";
|
|
770
|
+
readonly 'action.open-notifications': "Open notifications";
|
|
771
|
+
readonly 'action.open-app-switcher': "Open app switcher";
|
|
772
|
+
readonly 'action.open-menu': "Open menu";
|
|
773
|
+
readonly 'action.open-filters': "Open filters";
|
|
774
|
+
readonly 'label.apps': "Apps";
|
|
775
|
+
readonly 'label.notifications': "Notifications";
|
|
776
|
+
readonly 'label.accounts': "Accounts";
|
|
777
|
+
readonly 'label.profile': "Profile";
|
|
778
|
+
readonly 'label.empty-state': "Nothing here";
|
|
779
|
+
readonly 'label.failed-state': "Something went wrong";
|
|
780
|
+
readonly 'label.fca-disclaimer': "Don’t invest unless you’re prepared to lose all the money you invest. This is a high-risk investment and you should not expect to be protected if something goes wrong.";
|
|
781
|
+
readonly 'label.more-dialog': "More";
|
|
782
|
+
readonly 'label.no-results-state': "No results found";
|
|
783
|
+
readonly 'label.pending-state': "Loading";
|
|
784
|
+
readonly 'label.search': "Search";
|
|
785
|
+
readonly 'label.min': "Minimum";
|
|
786
|
+
readonly 'label.max': "Maximum";
|
|
787
|
+
readonly 'label.global-search': "Global search";
|
|
788
|
+
readonly 'label.selected': "Selected";
|
|
789
|
+
readonly 'format.in-a-few-moments': "In a few moments";
|
|
790
|
+
readonly 'format.moments-ago': "Moments ago";
|
|
791
|
+
readonly 'label.range': "Range";
|
|
792
|
+
readonly 'label.price': "Price";
|
|
793
|
+
readonly 'label.sum': "Sum";
|
|
794
|
+
readonly 'label.no-open-orders': "No open orders";
|
|
795
|
+
readonly 'label.settings': "Settings";
|
|
796
|
+
readonly 'label.dark': "Dark";
|
|
797
|
+
readonly 'label.light': "Light";
|
|
798
|
+
readonly 'label.system': "System";
|
|
799
|
+
readonly 'label.controlled-by-mode': "Controlled by mode";
|
|
800
|
+
readonly 'label.mode': "Mode";
|
|
801
|
+
readonly 'label.background': "Background";
|
|
802
|
+
readonly 'label.resize': "Resize";
|
|
803
|
+
readonly 'label.navigation-style': "Navigation style";
|
|
804
|
+
readonly 'label.table-style': "Table style";
|
|
805
|
+
readonly 'label.zebra': "Zebra";
|
|
806
|
+
readonly 'label.plain': "Plain";
|
|
807
|
+
readonly 'label.icons-and-text': "Icons and text";
|
|
808
|
+
readonly 'label.icons-only': "Icons only";
|
|
809
|
+
readonly 'label.shortcuts': "Keyboard shortcuts";
|
|
810
|
+
readonly 'label.shortcut-centre': "Shortcut centre";
|
|
811
|
+
readonly 'label.general': "General";
|
|
812
|
+
readonly 'label.back': "Back";
|
|
813
|
+
readonly 'label.forward': "Forward";
|
|
814
|
+
readonly 'label.toggle-navigation': "Collapse/Expand navigation";
|
|
815
|
+
readonly 'label.menu-navigation': "Menu navigation";
|
|
816
|
+
readonly 'label.navigate-menu-item': "Navigate to menu item";
|
|
817
|
+
};
|
|
818
|
+
type IntlMessages = Record<keyof typeof DEFAULT_MESSAGES, string>;
|
|
819
|
+
|
|
820
|
+
declare const MoneyType: {
|
|
821
|
+
readonly MONEY: "money";
|
|
822
|
+
readonly MONEY_FRACTIONAL: "money-fractional";
|
|
823
|
+
};
|
|
824
|
+
type MoneyType = ValueOf<typeof MoneyType>;
|
|
825
|
+
|
|
826
|
+
/**
|
|
827
|
+
* Docs: {@link https://ui-kit.revolut.codes/design-system/radii Radius}
|
|
828
|
+
*/
|
|
829
|
+
declare const Radius: {
|
|
830
|
+
readonly NONE: "unset";
|
|
831
|
+
readonly R2: "r2";
|
|
832
|
+
readonly R4: "r4";
|
|
833
|
+
readonly R6: "r6";
|
|
834
|
+
readonly R8: "r8";
|
|
835
|
+
readonly R12: "r12";
|
|
836
|
+
readonly R16: "r16";
|
|
837
|
+
readonly R24: "r24";
|
|
838
|
+
readonly R32: "r32";
|
|
839
|
+
readonly ROUND: "round";
|
|
840
|
+
readonly WIDGET: "widget";
|
|
841
|
+
readonly POPUP: "popup";
|
|
842
|
+
readonly RD100: "rd100";
|
|
843
|
+
readonly RD150: "rd150";
|
|
844
|
+
readonly RD200: "rd200";
|
|
845
|
+
readonly RD300: "rd300";
|
|
846
|
+
readonly RD400: "rd400";
|
|
847
|
+
readonly RD600: "rd600";
|
|
848
|
+
};
|
|
849
|
+
type Radius = ValueOf<typeof Radius>;
|
|
850
|
+
|
|
851
|
+
/**
|
|
852
|
+
* Docs: {@link https://ui-kit.revolut.codes/design-system/sizes Size}
|
|
853
|
+
*/
|
|
854
|
+
declare const Size: {
|
|
855
|
+
readonly S_2: "s-2";
|
|
856
|
+
readonly S_4: "s-4";
|
|
857
|
+
readonly S_6: "s-6";
|
|
858
|
+
readonly S_8: "s-8";
|
|
859
|
+
readonly S_12: "s-12";
|
|
860
|
+
readonly S_16: "s-16";
|
|
861
|
+
readonly S_20: "s-20";
|
|
862
|
+
readonly S_24: "s-24";
|
|
863
|
+
readonly S_32: "s-32";
|
|
864
|
+
readonly S_40: "s-40";
|
|
865
|
+
readonly S_48: "s-48";
|
|
866
|
+
readonly S_56: "s-56";
|
|
867
|
+
readonly S_64: "s-64";
|
|
868
|
+
readonly S_72: "s-72";
|
|
869
|
+
readonly NONE: "none";
|
|
870
|
+
};
|
|
871
|
+
type Size = ValueOf<typeof Size>;
|
|
872
|
+
|
|
873
|
+
/**
|
|
874
|
+
* Docs: {@link https://ui-kit.revolut.codes/design-system/space Space}
|
|
875
|
+
*/
|
|
876
|
+
declare const Space$1: {
|
|
877
|
+
readonly SP50: string;
|
|
878
|
+
readonly SP100: string;
|
|
879
|
+
readonly SP150: string;
|
|
880
|
+
readonly SP200: string;
|
|
881
|
+
readonly SP300: string;
|
|
882
|
+
readonly SP400: string;
|
|
883
|
+
readonly SP500: string;
|
|
884
|
+
readonly SP600: string;
|
|
885
|
+
readonly SP800: string;
|
|
886
|
+
readonly SP1000: string;
|
|
887
|
+
readonly N_2: "-s-2";
|
|
888
|
+
readonly N_4: "-s-4";
|
|
889
|
+
readonly N_6: "-s-6";
|
|
890
|
+
readonly N_8: "-s-8";
|
|
891
|
+
readonly N_12: "-s-12";
|
|
892
|
+
readonly N_16: "-s-16";
|
|
893
|
+
readonly N_20: "-s-20";
|
|
894
|
+
readonly N_24: "-s-24";
|
|
895
|
+
readonly N_32: "-s-32";
|
|
896
|
+
readonly N_40: "-s-40";
|
|
897
|
+
readonly N_48: "-s-48";
|
|
898
|
+
readonly N_56: "-s-56";
|
|
899
|
+
readonly N_64: "-s-64";
|
|
900
|
+
readonly N_72: "-s-72";
|
|
901
|
+
readonly S_2: "s-2";
|
|
902
|
+
readonly S_4: "s-4";
|
|
903
|
+
readonly S_6: "s-6";
|
|
904
|
+
readonly S_8: "s-8";
|
|
905
|
+
readonly S_12: "s-12";
|
|
906
|
+
readonly S_16: "s-16";
|
|
907
|
+
readonly S_20: "s-20";
|
|
908
|
+
readonly S_24: "s-24";
|
|
909
|
+
readonly S_32: "s-32";
|
|
910
|
+
readonly S_40: "s-40";
|
|
911
|
+
readonly S_48: "s-48";
|
|
912
|
+
readonly S_56: "s-56";
|
|
913
|
+
readonly S_64: "s-64";
|
|
914
|
+
readonly S_72: "s-72";
|
|
915
|
+
readonly NONE: "none";
|
|
916
|
+
};
|
|
917
|
+
type Space$1 = ValueOf<typeof Space$1>;
|
|
918
|
+
|
|
919
|
+
/**
|
|
920
|
+
* Docs: {@link https://ui-kit.revolut.codes/design-system/typography Typography}
|
|
921
|
+
*/
|
|
922
|
+
declare const TextStyle: {
|
|
923
|
+
/** @deprecated use display1 instead */
|
|
924
|
+
readonly H0: "h0";
|
|
925
|
+
/** @deprecated use heading1 instead */
|
|
926
|
+
readonly H1: "h1";
|
|
927
|
+
/** @deprecated use heading1 instead */
|
|
928
|
+
readonly H2: "h2";
|
|
929
|
+
/** @deprecated use heading1 instead */
|
|
930
|
+
readonly H3: "h3";
|
|
931
|
+
/** @deprecated use heading3 instead */
|
|
932
|
+
readonly H4: "h4";
|
|
933
|
+
/** @deprecated use heading3 instead */
|
|
934
|
+
readonly H5: "h5";
|
|
935
|
+
/** @deprecated use emphasis2 instead */
|
|
936
|
+
readonly H6: "h6";
|
|
937
|
+
/** @deprecated use emphasis1 instead */
|
|
938
|
+
readonly PRIMARY: "primary";
|
|
939
|
+
/** @deprecated use body1 instead */
|
|
940
|
+
readonly SECONDARY: "secondary";
|
|
941
|
+
/** @deprecated use body2 instead */
|
|
942
|
+
readonly CAPTION: "caption";
|
|
943
|
+
/** @deprecated use body3 instead */
|
|
944
|
+
readonly SMALL: "small";
|
|
945
|
+
/** @deprecated use emphasis1 instead */
|
|
946
|
+
readonly TILE: "tile";
|
|
947
|
+
/** @deprecated use emphasis3 instead */
|
|
948
|
+
readonly SMALL_TILE: "small-tile";
|
|
949
|
+
/** @deprecated use emphasis4 instead */
|
|
950
|
+
readonly TINY: "tiny";
|
|
951
|
+
/** @deprecated use marketing-display3 instead */
|
|
952
|
+
readonly DISPLAY3: "display3";
|
|
953
|
+
readonly MARKETING_DISPLAY1: "marketing-display1";
|
|
954
|
+
readonly MARKETING_DISPLAY2: "marketing-display2";
|
|
955
|
+
readonly MARKETING_DISPLAY3: "marketing-display3";
|
|
956
|
+
readonly DISPLAY1: "display1";
|
|
957
|
+
readonly DISPLAY2: "display2";
|
|
958
|
+
readonly HEADING1: "heading1";
|
|
959
|
+
readonly HEADING2: "heading2";
|
|
960
|
+
readonly HEADING3: "heading3";
|
|
961
|
+
readonly EMPHASIS1: "emphasis1";
|
|
962
|
+
readonly EMPHASIS2: "emphasis2";
|
|
963
|
+
readonly EMPHASIS3: "emphasis3";
|
|
964
|
+
readonly EMPHASIS4: "emphasis4";
|
|
965
|
+
readonly BODY1: "body1";
|
|
966
|
+
readonly BODY2: "body2";
|
|
967
|
+
readonly BODY3: "body3";
|
|
968
|
+
};
|
|
969
|
+
type TextStyle = ValueOf<typeof TextStyle>;
|
|
970
|
+
|
|
971
|
+
declare const TooltipBehaviour: {
|
|
972
|
+
readonly ALWAYS: "always";
|
|
973
|
+
readonly AUTO: "auto";
|
|
974
|
+
readonly NEVER: "never";
|
|
975
|
+
};
|
|
976
|
+
type TooltipBehaviour = ValueOf<typeof TooltipBehaviour>;
|
|
977
|
+
|
|
978
|
+
interface LooseCurrencyDefinition {
|
|
979
|
+
code?: string;
|
|
980
|
+
symbol?: string;
|
|
981
|
+
fractionalPart: number;
|
|
982
|
+
crypto?: boolean;
|
|
983
|
+
}
|
|
984
|
+
type CurrencyDefinition = Required<Omit<LooseCurrencyDefinition, 'crypto'>> & Pick<LooseCurrencyDefinition, 'crypto'>;
|
|
985
|
+
interface LooseMoney {
|
|
986
|
+
amount: number;
|
|
987
|
+
currency?: string;
|
|
988
|
+
}
|
|
989
|
+
interface Money extends Required<LooseMoney> {
|
|
990
|
+
}
|
|
991
|
+
type MoneyRoundingModeFallback = 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCeil' | 'halfFloor' | 'halfExpand' | 'halfTrunc' | 'halfEven' | undefined;
|
|
992
|
+
type MoneyRoundingMode = 'roundingMode' extends keyof Intl.NumberFormatOptions ? Intl.NumberFormatOptions['roundingMode'] : MoneyRoundingModeFallback;
|
|
993
|
+
|
|
994
|
+
type ImageURL = string;
|
|
995
|
+
type ImageSet = Record<string, ImageURL | ImageURL[]>;
|
|
996
|
+
type ImageSetWithFallback = {
|
|
997
|
+
default: ImageURL;
|
|
998
|
+
} & ImageSet;
|
|
999
|
+
type ImageProp$1 = ImageURL | ImageSetWithFallback;
|
|
1000
|
+
|
|
1001
|
+
type Elements = 'svg' | Exclude<keyof JSXCompat$1.IntrinsicElements, 'slot' | 'style' | 'script' | 'title' | 'head' | 'body' | 'meta' | 'link' | 'document' | 'object'>;
|
|
1002
|
+
declare namespace JSXCompat$1 {
|
|
1003
|
+
interface IntrinsicElements extends React$1.JSX.IntrinsicElements, JSX.IntrinsicElements {
|
|
1004
|
+
}
|
|
1005
|
+
}
|
|
1006
|
+
type InferElement<E extends Elements> = JSXCompat$1.IntrinsicElements[E] extends React$1.DetailedHTMLProps<React$1.HTMLAttributes<infer T>, any> ? T extends Element ? T : any : any;
|
|
1007
|
+
type ResponsiveValue<T> = null | T | {
|
|
1008
|
+
[key in Breakpoint]?: T;
|
|
1009
|
+
};
|
|
1010
|
+
type LooseLength<T = never> = T | (string & {}) | (number & {});
|
|
1011
|
+
interface TestAttributes {
|
|
1012
|
+
/**
|
|
1013
|
+
* Should be used only for tests and when all other options for accessing element don't work for you
|
|
1014
|
+
* @see https://testing-library.com/docs/dom-testing-library/api-queries#bytestid
|
|
1015
|
+
*/
|
|
1016
|
+
'data-testid'?: string;
|
|
1017
|
+
}
|
|
1018
|
+
type RefAttributesWithoutLegacyRef<T> = {
|
|
1019
|
+
key?: React$1.Key | null | undefined;
|
|
1020
|
+
ref?: React$1.Ref<T> | undefined;
|
|
1021
|
+
};
|
|
1022
|
+
|
|
1023
|
+
interface ElevationProps {
|
|
1024
|
+
elevation?: ElevationLevel;
|
|
1025
|
+
elevationOnHover?: ElevationLevel;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
interface GapSystemProps {
|
|
1029
|
+
gap?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1030
|
+
rowGap?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1031
|
+
columnGap?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1034
|
+
interface HideProps {
|
|
1035
|
+
/** @deprecated Prefer `useMatchMedia` or CSS media queries */
|
|
1036
|
+
hide?: boolean | string | string[];
|
|
1037
|
+
}
|
|
1038
|
+
|
|
1039
|
+
interface OverflowSystemProps {
|
|
1040
|
+
overflow?: ResponsiveValue<csstype.Property.Overflow>;
|
|
1041
|
+
}
|
|
1042
|
+
|
|
1043
|
+
/** @private */
|
|
1044
|
+
interface PlaceSelfProps {
|
|
1045
|
+
placeSelf?: ResponsiveValue<csstype.Property.PlaceSelf>;
|
|
1046
|
+
}
|
|
1047
|
+
|
|
1048
|
+
interface DisplayProps {
|
|
1049
|
+
display?: ResponsiveValue<csstype.Property.Display>;
|
|
1050
|
+
}
|
|
1051
|
+
interface FlexProps$1 {
|
|
1052
|
+
flex?: ResponsiveValue<csstype.Property.Flex>;
|
|
1053
|
+
}
|
|
1054
|
+
interface AlignSelfProps {
|
|
1055
|
+
alignSelf?: ResponsiveValue<csstype.Property.AlignSelf>;
|
|
1056
|
+
}
|
|
1057
|
+
interface GridAreaProps {
|
|
1058
|
+
gridArea?: ResponsiveValue<csstype.Property.GridArea>;
|
|
1059
|
+
}
|
|
1060
|
+
interface OrderProps {
|
|
1061
|
+
order?: ResponsiveValue<csstype.Property.Order>;
|
|
1062
|
+
}
|
|
1063
|
+
interface SizeProps {
|
|
1064
|
+
size?: ResponsiveValue<LooseLength<Size>>;
|
|
1065
|
+
}
|
|
1066
|
+
interface HeightProps {
|
|
1067
|
+
height?: ResponsiveValue<LooseLength<Size>>;
|
|
1068
|
+
}
|
|
1069
|
+
interface MinHeightProps {
|
|
1070
|
+
minHeight?: ResponsiveValue<LooseLength<Size>>;
|
|
1071
|
+
}
|
|
1072
|
+
interface MaxHeightProps {
|
|
1073
|
+
maxHeight?: ResponsiveValue<LooseLength<Size>>;
|
|
1074
|
+
}
|
|
1075
|
+
interface WidthProps {
|
|
1076
|
+
width?: ResponsiveValue<LooseLength<Size>>;
|
|
1077
|
+
}
|
|
1078
|
+
interface MinWidthProps {
|
|
1079
|
+
minWidth?: ResponsiveValue<LooseLength<Size>>;
|
|
1080
|
+
}
|
|
1081
|
+
interface MaxWidthProps {
|
|
1082
|
+
maxWidth?: ResponsiveValue<LooseLength<Size>>;
|
|
1083
|
+
}
|
|
1084
|
+
interface BorderProps {
|
|
1085
|
+
border?: ResponsiveValue<csstype.Property.Border>;
|
|
1086
|
+
borderX?: ResponsiveValue<csstype.Property.Border>;
|
|
1087
|
+
borderY?: ResponsiveValue<csstype.Property.Border>;
|
|
1088
|
+
borderTop?: ResponsiveValue<csstype.Property.BorderTop>;
|
|
1089
|
+
borderRight?: ResponsiveValue<csstype.Property.BorderRight>;
|
|
1090
|
+
borderBottom?: ResponsiveValue<csstype.Property.BorderBottom>;
|
|
1091
|
+
borderLeft?: ResponsiveValue<csstype.Property.BorderLeft>;
|
|
1092
|
+
borderWidth?: ResponsiveValue<LooseLength>;
|
|
1093
|
+
borderTopWidth?: ResponsiveValue<LooseLength>;
|
|
1094
|
+
borderBottomWidth?: ResponsiveValue<LooseLength>;
|
|
1095
|
+
borderLeftWidth?: ResponsiveValue<LooseLength>;
|
|
1096
|
+
borderRightWidth?: ResponsiveValue<LooseLength>;
|
|
1097
|
+
borderStyle?: ResponsiveValue<csstype.Property.BorderStyle>;
|
|
1098
|
+
borderTopStyle?: ResponsiveValue<csstype.Property.BorderTopStyle>;
|
|
1099
|
+
borderBottomStyle?: ResponsiveValue<csstype.Property.BorderBottomStyle>;
|
|
1100
|
+
borderLeftStyle?: ResponsiveValue<csstype.Property.BorderLeftStyle>;
|
|
1101
|
+
borderRightStyle?: ResponsiveValue<csstype.Property.BorderRightStyle>;
|
|
1102
|
+
borderColor?: ResponsiveValue<Color>;
|
|
1103
|
+
borderTopColor?: ResponsiveValue<Color>;
|
|
1104
|
+
borderBottomColor?: ResponsiveValue<Color>;
|
|
1105
|
+
borderLeftColor?: ResponsiveValue<Color>;
|
|
1106
|
+
borderRightColor?: ResponsiveValue<Color>;
|
|
1107
|
+
borderRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1108
|
+
borderTopLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1109
|
+
borderTopRightRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1110
|
+
borderBottomLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1111
|
+
borderBottomRightRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1112
|
+
}
|
|
1113
|
+
interface TextColorProps {
|
|
1114
|
+
color?: ResponsiveValue<Color>;
|
|
1115
|
+
}
|
|
1116
|
+
interface BackgroundColorProps {
|
|
1117
|
+
bg?: ResponsiveValue<Color>;
|
|
1118
|
+
backgroundColor?: ResponsiveValue<Color>;
|
|
1119
|
+
}
|
|
1120
|
+
interface OpacityProps {
|
|
1121
|
+
opacity?: ResponsiveValue<csstype.Property.Opacity>;
|
|
1122
|
+
}
|
|
1123
|
+
interface ColorProps extends TextColorProps, BackgroundColorProps, OpacityProps {
|
|
1124
|
+
}
|
|
1125
|
+
interface AlignItemsProps {
|
|
1126
|
+
alignItems?: ResponsiveValue<csstype.Property.AlignItems>;
|
|
1127
|
+
}
|
|
1128
|
+
interface JustifyContentProps {
|
|
1129
|
+
justifyContent?: ResponsiveValue<csstype.Property.JustifyContent>;
|
|
1130
|
+
}
|
|
1131
|
+
interface FlexWrapProps {
|
|
1132
|
+
flexWrap?: ResponsiveValue<csstype.Property.FlexWrap>;
|
|
1133
|
+
}
|
|
1134
|
+
interface FlexDirectionProps {
|
|
1135
|
+
flexDirection?: ResponsiveValue<csstype.Property.FlexDirection>;
|
|
1136
|
+
}
|
|
1137
|
+
|
|
1138
|
+
interface RadiusProps {
|
|
1139
|
+
radius?: ResponsiveValue<Radius | (string & {}) | number>;
|
|
1140
|
+
}
|
|
1141
|
+
|
|
1142
|
+
interface SpaceProps {
|
|
1143
|
+
m?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1144
|
+
margin?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1145
|
+
mt?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1146
|
+
marginTop?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1147
|
+
mr?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1148
|
+
marginRight?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1149
|
+
mb?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1150
|
+
marginBottom?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1151
|
+
ml?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1152
|
+
marginLeft?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1153
|
+
mx?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1154
|
+
marginX?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1155
|
+
my?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1156
|
+
marginY?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1157
|
+
p?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1158
|
+
padding?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1159
|
+
pt?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1160
|
+
paddingTop?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1161
|
+
pr?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1162
|
+
paddingRight?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1163
|
+
pb?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1164
|
+
paddingBottom?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1165
|
+
pl?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1166
|
+
paddingLeft?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1167
|
+
px?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1168
|
+
paddingX?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1169
|
+
py?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1170
|
+
paddingY?: ResponsiveValue<LooseLength<Space$1>>;
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
interface TextStyleProps {
|
|
1174
|
+
textStyle?: ResponsiveValue<TextStyle>;
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
/**
|
|
1178
|
+
* Copy text to clipboard using native [Clipboard API](http://developer.mozilla.org/en-US/docs/Web/API/Clipboard) with [fallback](https://gist.github.com/lgarron/d1dee380f4ed9d825ca7) for older browsers
|
|
1179
|
+
*
|
|
1180
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/copy-to-clipboard copyToClipboard}
|
|
1181
|
+
*/
|
|
1182
|
+
declare const copyToClipboard: (input: string, doc?: Document) => Promise<void>;
|
|
1183
|
+
|
|
1184
|
+
type Modify<T, R> = Omit<T, keyof R> & R;
|
|
1185
|
+
|
|
1186
|
+
/**
|
|
1187
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/node-chain nodeChain}
|
|
1188
|
+
*/
|
|
1189
|
+
declare const nodeChain: (...parts: React.ReactNode[]) => react_jsx_runtime.JSX.Element;
|
|
1190
|
+
|
|
1191
|
+
declare const BLACKLIST: readonly ["bg", "color", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "size", "verticalAlign", "display", "overflow", "overflowX", "overflowY", "opacity", "fontSize", "fontFamily", "fontWeight", "lineHeight", "textAlign", "fontStyle", "letterSpacing", "alignItems", "alignContent", "justifyItems", "justifyContent", "flexWrap", "flexDirection", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridGap", "gridColumnGap", "gridRowGap", "gridColumn", "gridRow", "gridAutoFlow", "gridAutoColumns", "gridAutoRows", "gridTemplateColumns", "gridTemplateRows", "gridTemplateAreas", "gridArea", "borderWidth", "borderStyle", "borderColor", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderRadius", "backgroundImage", "backgroundSize", "backgroundPosition", "backgroundRepeat", "zIndex", "top", "right", "bottom", "left", "elevated", "elevation", "elevationOnHover", "elevationColor", "hide", "radius", "variant", "textStyle", "textDecoration", "tapArea", "notAvailable", "locked", "iconOnly", "active"];
|
|
1192
|
+
|
|
1193
|
+
type BaseDOMAttributes<E extends Element> = Omit<Modify<{
|
|
1194
|
+
to?: string;
|
|
1195
|
+
} & Pick<React__default.SVGAttributes<any>,
|
|
1196
|
+
/** @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg */
|
|
1197
|
+
'width' | 'height' | 'viewBox' | 'preserveAspectRatio'>, Omit<React__default.AllHTMLAttributes<E>, 'css'>>, 'as' | 'data' | (typeof BLACKLIST)[number]>;
|
|
1198
|
+
interface DOMAttributes<E extends Element> extends BaseDOMAttributes<E>, TestAttributes {
|
|
1199
|
+
}
|
|
1200
|
+
|
|
1201
|
+
interface BaseInnerProps<T> {
|
|
1202
|
+
use?: T;
|
|
1203
|
+
}
|
|
1204
|
+
interface BaseProps<E extends Elements> extends DOMAttributes<InferElement<E>>, RefAttributesWithoutLegacyRef<InferElement<E>>, BaseInnerProps<E | Elements | React__default.ComponentType<any>> {
|
|
1205
|
+
}
|
|
1206
|
+
|
|
1207
|
+
interface BoxProps<E extends Elements = 'div'> extends BoxInnerProps, BaseProps<E> {
|
|
1208
|
+
}
|
|
1209
|
+
/** @private */
|
|
1210
|
+
interface BoxInnerProps extends SpaceProps, ColorProps, WidthProps, FlexProps$1, OrderProps, OverflowSystemProps, AlignSelfProps, HeightProps, MinWidthProps, MaxWidthProps, MinHeightProps, MaxHeightProps, SizeProps, RadiusProps, ElevationProps, BorderProps, TextStyleProps, DisplayProps, HideProps, GridAreaProps, PlaceSelfProps {
|
|
1211
|
+
variant?: ResponsiveValue<string>;
|
|
1212
|
+
}
|
|
1213
|
+
|
|
1214
|
+
type IconName = 'Accessibility' | 'AccountActions' | 'Activities' | 'AddContact' | 'AddProduct' | 'Ai' | 'AirplaneArrival' | 'AirplaneDeparture' | 'Airtel' | 'Alipay' | 'AllTime' | 'AmexPay|image' | 'AndroidFace' | 'Animals' | 'Anonymous' | 'ApplePay|image' | 'AppNotifications' | 'Apps' | 'Archive' | 'ArrowBackspace' | 'ArrowBulk' | 'ArrowBulkRequest' | 'ArrowCollapsed' | 'ArrowDown' | 'ArrowDowngrade' | 'ArrowDropdown' | 'ArrowExchange' | 'ArrowExpanded' | 'ArrowFastForward' | 'ArrowHookLeft' | 'ArrowHookRight' | 'ArrowHookUp' | 'ArrowMove' | 'ArrowNavigation' | 'ArrowPinLeft' | 'ArrowPinRight' | 'ArrowRates' | 'ArrowRatesDown' | 'ArrowRepeat' | 'ArrowRequest' | 'ArrowRightLeft' | 'ArrowSend' | 'ArrowShuffle' | 'ArrowSplit' | 'ArrowsSort' | 'ArrowTabKey' | 'ArrowThinDown' | 'ArrowThinDownLeft' | 'ArrowThinLeft' | 'ArrowThinRight' | 'ArrowThinTopRight' | 'ArrowThinUp' | 'ArrowTopDown' | 'ArrowUp' | 'ArrowUpgrade' | 'Atm' | 'AutoExchange' | 'AutoTopup' | 'AvatarGrid' | 'BackButtonArrow' | 'Backpack' | 'BalanceSheet' | 'Bank' | 'BankAfterHours' | 'BarChart' | 'BarChartDecreasing' | 'BarChartPercent' | 'BarChartSearch' | 'BarChartWaterfall' | 'Basketball' | 'Battery0' | 'Battery15' | 'Battery25' | 'Battery35' | 'Battery50' | 'Battery65' | 'Battery85' | 'Battery100' | 'BatteryCharging' | 'BatteryWarning' | 'Bell' | 'BellAdd' | 'BellAddOutline' | 'BellCrossed' | 'BellOutline' | 'Bicycle' | 'Binoculars' | 'Bitcoin' | 'Bizum' | 'BKash' | 'Blik' | 'BlikCircle' | 'Bluetooth' | 'Bnpl' | 'Boost' | 'BottomNavigation' | 'BottomTab' | 'Bpay' | 'BreB' | 'BreBFull' | 'BriefcaseCoins' | 'BriefcasePercent' | 'BrokenHeart' | 'Browser' | 'Bug' | 'BulkSelection' | 'Bullet1' | 'Bullet2' | 'Bullet3' | 'Bullet4' | 'Bullet5' | 'Bullet6' | 'Bullet7' | 'Bullet8' | 'Bullet9' | 'Bullet10' | 'BulletA' | 'BulletB' | 'BulletC' | 'BulletD' | 'BusinessBasic' | 'BusinessEnterprise' | 'BusinessGrow' | 'BusinessScale' | 'Cake' | 'Calculator' | 'Calendar' | 'CalendarCheck' | 'CalendarCoins' | 'CalendarDate' | 'CalendarNextEvent' | 'CalendarQuarter' | 'CalendarRecurring' | 'CalendarWeek' | 'Call' | 'Camera' | 'CameraAdd' | 'Candle' | 'CandlestickChart' | 'Captions' | 'CaptionsOn' | 'Card' | 'CardBank' | 'CardCheck' | 'CardCode|image' | 'CardExpired' | 'CardExpiry|image' | 'CardNumber|image' | 'CardReader' | 'CardSecurity' | 'CardShield' | 'CardTerminal' | 'Carousel' | 'Cart' | 'Cash' | 'Cashback' | 'CashBlocked' | 'CashFlow' | 'CashIncome' | 'Celebration' | 'Cellular' | 'CenterPoint' | 'Cfd' | 'Chair' | 'ChangePasscode' | 'ChartExclude' | 'Chat' | 'ChatOutline' | 'Check' | 'CheckboxMultiple' | 'CheckboxOff' | 'CheckboxOn' | 'CheckSuccess' | 'CheckVerification' | 'Cheque' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Children' | 'Cinema' | 'CircleProfile' | 'Claim' | 'Cleaning' | 'Click2Pay' | 'ClickUp|image' | 'Clip' | 'Clipboard' | 'Cloud' | 'CloudCrossed' | 'CloudSql' | 'CloudStorage' | 'CodeRepository' | 'Coffee' | 'Coins' | 'CoinsEarning' | 'CoinsSearch' | 'CoinsShield' | 'Commodities' | 'Communication' | 'CompanyFilled' | 'CompanyOutline' | 'Compare' | 'Concierge' | 'Confluence' | 'Contactless' | 'Contrast' | 'Controls' | 'Cookie' | 'Copy' | 'CormorantGaramond' | 'Credit' | 'CreditBag' | 'CreditCard' | 'CreditOverdraft' | 'CreditPart' | 'CreditPartBalance' | 'Cross' | 'CrossCircle' | 'CrossSmall' | 'CrossVoid' | 'Crutch' | 'CryptoBlockchain' | 'CryptoBrick' | 'CryptoLayer' | 'CryptoLayers' | 'CryptoStablecoin' | 'CrystalBall' | 'Dap' | 'Data' | 'Database' | 'DataLimit' | 'DataLimitCompactFull' | 'DataLimitCompactLow' | 'DataLimitCompactMid' | 'DataLimitFull' | 'DataLimitHalf' | 'DataLimitLow' | 'Delete' | 'DeliveryCar' | 'DepositProtection' | 'DesktopShop' | 'DesktopTerminal' | 'DeviceDown' | 'Document' | 'DocumentChecked' | 'DocumentPending' | 'DocumentRevolut' | 'DocumentSearch' | 'DocumentsPair' | 'DollarsAndShares' | 'Dot' | 'DoubleThumbs' | 'Download' | 'DoXGetY' | 'Drag' | 'Draw' | 'DrawFibonacciTime' | 'DrawHorizontalLine' | 'Drawing' | 'DrawParallelChannel' | 'DrawPriceRange' | 'DrawTrendline' | 'DrawVerticalLine' | 'DrivingLicence' | 'Drone' | 'Drop' | 'Duplicate' | 'EditorUnderline' | 'Ellipsis' | 'Emoji' | 'Entertainment' | 'Envelope' | 'EnvelopeSearch' | 'Eraser' | 'ESimInstallation' | 'ESimNoData' | 'ESimPreparation' | 'Excel' | 'ExclamationMark' | 'ExclamationMarkOutline' | 'ExclamationTriangle' | 'ExitFullscreen' | 'Expand' | 'EyeDropper' | 'EyeHide' | 'EyeOutline' | 'EyeShow' | 'FaceId' | 'FamilyPortrait' | 'Fashion' | 'Fastfood' | 'Fees' | 'Figma' | 'Filter' | 'Fingerprint' | 'Fitness' | 'Flag' | 'FlagSwitzerland' | 'Flame' | 'FloatingModal' | 'Folder' | 'Football' | 'Form' | 'Fruit' | 'Fscs' | 'GameCube' | 'Gear' | 'Generate' | 'Ghost' | 'Gia' | 'Gift' | 'Globe' | 'GlobeP2P' | 'GooglePay|image' | 'Groceries' | 'GroupVault' | 'GrowthHub' | 'Hammer' | 'Hand' | 'Handle' | 'Hash' | 'Heart' | 'HeartOutline' | 'HeartRecurring' | 'HelpChat' | 'HelpChatOutline' | 'HiBob' | 'History' | 'Home' | 'Hotel' | 'IdBackSide' | 'Ideal' | 'Image' | 'Inbox' | 'InboxAdd' | 'IndustrialGear' | 'Info' | 'InfoOutline' | 'InfoSign' | 'Insurance' | 'Invest' | 'InviteEmoji' | 'Iris' | 'Isa' | 'Issue' | 'JackOLantern' | 'Jira|image' | 'JiraBug|image' | 'JiraEpic|image' | 'JiraOther|image' | 'JiraStory|image' | 'JiraSubtask|image' | 'JiraTask|image' | 'Joint' | 'Karma|image' | 'Key' | 'Keyboard' | 'KubernetesEngine' | 'Lab' | 'Language' | 'Laptop' | 'Laugh' | 'LayoutLeft' | 'LayoutRight' | 'LayoutVertical' | 'Lever' | 'Library' | 'LibraryOff' | 'Lifestyle' | 'Lightbulb' | 'Lightning' | 'LightningAuto' | 'LightningOff' | 'LightningOutline' | 'LikeDislike' | 'Limit' | 'LineChart' | 'Link' | 'LinkExternal' | 'LinkExternalSimple' | 'ListClose' | 'ListSearch' | 'LiveActivity' | 'Loading' | 'LoanChecked' | 'LocationArrow' | 'LocationArrowOutline' | 'LocationPin' | 'LockClosed' | 'LockOpened' | 'Logo2Fa' | 'Logo5G' | 'LogoAirplus|image' | 'LogoAirplusColour|image' | 'LogoAmazon' | 'LogoAmex|image' | 'LogoAmexColour|image' | 'LogoAndroid' | 'LogoAppleTapToPay' | 'LogoAppleTapToPayFilled' | 'LogoChatGpt' | 'LogoClaude|image' | 'LogoDinersClub|image' | 'LogoDinersClubColour|image' | 'LogoDiscover|image' | 'LogoDiscoverColour|image' | 'LogoFacebook' | 'LogoFacebookMessenger' | 'LogoGithub' | 'LogoGoogle|image' | 'LogoGoogleGemini|image' | 'LogoInstagram' | 'LogoInstagramFilled' | 'LogoIOs' | 'LogoJcb|image' | 'LogoJcbColour|image' | 'LogoLinkedIn' | 'LogoMa|image' | 'LogoMc|image' | 'LogoMcMetal|image' | 'LogoMcPremium|image' | 'LogoMicrosoft|image' | 'LogoMicrosoftCopilot|image' | 'LogoPix|image' | 'LogoPixFilled' | 'LogoPixOutline' | 'LogoRevolut' | 'LogoRevolutColour|image' | 'LogoRupay' | 'LogoSlack' | 'LogoTikTok' | 'LogoTwitter' | 'LogoutDoor' | 'LogoVisa' | 'LogoVisaColour|image' | 'LogoWhatsApp' | 'LogoYahoo|image' | 'LogoYoutube' | 'Lounges' | 'Map' | 'MapMarkerHide' | 'MapMarkerShow' | 'MapPoint' | 'MarketOrder' | 'Materials' | 'MbWay' | 'MedicalBed' | 'MedicalCross' | 'Medkit' | 'Megaphone' | 'Meme' | 'MemoryStore' | 'Menu' | 'Merchant' | 'Merge' | 'MergeBranch' | 'Message' | 'Microphone' | 'Minus' | 'MinusCircle' | 'Moon' | 'MoreAndroid' | 'MoreIOs' | 'Mortgage' | 'Mpesa' | 'Mtn' | 'NationalId' | 'NavigationBack' | 'NavigationDown' | 'NavigationForward' | 'NavigationSwipe' | 'NavigationUp' | 'NearMe' | 'NewAccount' | 'Newspaper' | 'Nft' | 'NoBoost' | 'NoCall' | 'NoCamera' | 'NoClip' | 'NoMail' | 'NoMicrophone' | 'NoSmartphone' | 'NoVideoCall' | 'OrangeMoney' | 'OrderDownwards' | 'OrderUpwards' | 'Outdoor' | 'Overdraft' | 'Palette' | 'Paragraph' | 'Parisienne' | 'Parking' | 'Passkey' | 'Passport' | 'PassportChip' | 'Pause' | 'PayId' | 'PaymentsRecurring' | 'PayNow' | 'PayNowBrandMark' | 'PayrollFolder' | 'PayTo' | 'Peakon|image' | 'Pencil' | 'PencilSpark' | 'People' | 'Percent' | 'Performance' | 'PersonChecked' | 'PhoneBook' | 'PhoneCall' | 'Pickup' | 'PieChart' | 'PieChartCircle' | 'Pin' | 'PlanPlus' | 'PlanPremium' | 'PlanTitan' | 'PlanUltra' | 'Play' | 'PlayOutline' | 'Plug' | 'Plus' | 'PlusCircle' | 'PnL' | 'Pocket' | 'Pointer' | 'Pointsback' | 'Pool' | 'PortfolioAggrasive' | 'PortfolioAggressiveGrowth' | 'PortfolioBalanced' | 'PortfolioBalancedBundle' | 'PortfolioBoldStack' | 'PortfolioConservative' | 'PortfolioDefensive' | 'PortfolioGrowth' | 'PortfolioModerate' | 'PortfolioSlowAndSteady' | 'PosTablet' | 'Premium' | 'Present' | 'PresentPlus' | 'PriceTag' | 'Printer' | 'Profile' | 'Pse' | 'Push' | 'Puzzle' | 'Qr' | 'Question' | 'Questionnaire' | 'QuestionOutline' | 'QuestionSign' | 'RadiobuttonOff' | 'RadiobuttonOn' | 'Rainbow' | 'RatesCircle' | 'RatesConverter' | 'RatesConverterPage' | 'Receipt' | 'Recurring' | 'Refinancing' | 'RefinancingCard' | 'RefinancingHome' | 'RegionAfrica' | 'RegionAsiaPacific' | 'RegionEurope' | 'RegionGlobal' | 'RegionMiddleEast' | 'RegionNorthAmerica' | 'RegionSouthAmerica' | 'RepairTool' | 'Repayment' | 'ResidencePermit' | 'Resort' | 'Restaurants' | 'Retry' | 'Reverted' | 'RevertLeft' | 'RevertRight' | 'RevolutIdProtected' | 'RevolutIdUser' | 'RevolutU18' | 'RevPoints' | 'RoboAdvisor' | 'RobotoCondensed' | 'RobotoRegular' | 'Rocket' | 'RPoint' | 'RulerOutline' | 'RulerSolid' | 'Salary' | 'SavingsVault' | 'ScanCard' | 'ScanQr' | 'Scatter' | 'Scissors' | 'Search' | 'SecureSeal' | 'SelfieStick' | 'SendMessage' | 'SensitiveInfo' | 'Services' | 'ShakeDevice' | 'ShareAndroid' | 'ShareIOs' | 'Shield' | 'Shopping' | 'ShoppingShield' | 'Shower' | 'SidePanel' | 'SidePanelLeft' | 'SimCard' | 'Siren' | 'Size' | 'SmartDelay' | 'Smartphone' | 'SmartphoneBroken' | 'SmartphoneConfirm' | 'SmartphoneShield' | 'SmartphoneUmbrella' | 'SmartphoneWarning' | 'Smoking' | 'Snowflake' | 'SocialDislike' | 'SocialLike' | 'Sound' | 'SoundOff' | 'Spa' | 'Spin' | 'SportEquipment' | 'Stamp' | 'StarEmpty' | 'StarFilled' | 'StarSemi' | 'Statement' | 'Sticker' | 'StickerFilled' | 'Stop' | 'Suitcase' | 'SuitcaseInsurance' | 'Sun' | 'Sunrise' | 'SunriseOutline' | 'Surprise' | 'Switches' | 'SwitchOff' | 'SwitchOn' | 'SwitchToRevolut' | 'SymbolChange' | 'Sympathizing' | 'Table' | 'Tablet' | 'Target' | 'TargetDarts' | 'Tech' | 'Television' | 'Text' | 'ThankYou' | 'Thread' | 'Time' | 'TimeAndMoney' | 'Timeline' | 'TimeOutline' | 'Tooth' | 'TotalValue' | 'Toy' | 'Transcript' | 'Translation' | 'Transport' | 'Travel' | 'TravelCashback' | 'Trophy' | 'TrophyHalf' | 'TurboTransfer' | 'Unarchive' | 'Unknown' | 'Unlimited' | 'Unlink' | 'Unmerge' | 'Unpin' | 'Upi' | 'Upi2' | 'Upload' | 'UsersSearch' | 'Utilities' | 'Variable' | 'Vault' | 'Vegan' | 'VerifiedService' | 'VerticalExpand' | 'ViaVerde' | 'VideoCall' | 'ViewGrid' | 'ViewListLarge' | 'ViewListMedium' | 'ViewListSmall' | 'VirtualMachine' | 'VisaDocument' | 'Voucher' | 'Wallet' | 'Watch' | 'Wealth' | 'WealthDown' | 'WealthProtection' | 'Wero' | 'WeroFull' | 'Wheelchair' | 'Widgets' | 'Wine' | 'WizardHat' | 'Workflow' | 'Yellowtail' | 'ZoomIn' | 'ZoomOut' | '10/BadgeLeft' | '10/BadgeRight' | '10/StocksArrowDown' | '10/StocksArrowUp' | '10/StocksDividend' | '10/StocksTax' | '10/StocksTopup' | '10/StocksWithdraw' | '16/AddProduct' | '16/AlignCenter' | '16/AlignLeft' | '16/AlignRight' | '16/ArrowRates' | '16/ArrowRecurring' | '16/ArrowRepeat' | '16/ArrowThinUp' | '16/BadgeLeft' | '16/BadgeRight' | '16/Bullet' | '16/BulletFilled' | '16/BulletSquare' | '16/BulletSquareFilled' | '16/Canceled' | '16/ChartBarWithArrow' | '16/Check' | '16/CheckCircle' | '16/ChevronDown' | '16/ChevronDownSmall' | '16/ChevronLeft' | '16/ChevronLeftSmall' | '16/ChevronRight' | '16/ChevronRightSmall' | '16/ChevronUp' | '16/ChevronUpSmall' | '16/Clip' | '16/Code' | '16/CommentAdd' | '16/Compare' | '16/Contactless' | '16/Cross' | '16/CrossCircle' | '16/CrossSmall' | '16/Delete' | '16/DepthChart' | '16/Dots' | '16/EditorBold' | '16/EditorH1' | '16/EditorH2' | '16/EditorH3' | '16/EditorH4' | '16/EditorH5' | '16/EditorH6' | '16/EditorItalic' | '16/EditorTable' | '16/EditorTableHeaderColumn' | '16/EditorTableHeaderRow' | '16/EditorTextColour' | '16/EditorUnderline' | '16/ExclamationMark' | '16/ExclamationMarkOutline' | '16/ExclamationMarkSign' | '16/Expand' | '16/FilterViewFilled' | '16/FilterViewOutlined' | '16/GoogleChrome' | '16/IndentDecrease' | '16/IndentIncrease' | '16/InfoOutline' | '16/Link' | '16/LinkExternal' | '16/List' | '16/ListBullet' | '16/ListLetters' | '16/ListNumber' | '16/ListRomanNumerals' | '16/Live' | '16/LockClosed' | '16/LockOpened' | '16/LockOutline' | '16/MarkdownDownload' | '16/Minus' | '16/MinusCircle' | '16/Palette' | '16/Paragraph' | '16/Plus' | '16/PlusCircle' | '16/QuestionOutline' | '16/Receipt' | '16/Redo' | '16/Revolut' | '16/RevPoints' | '16/SandWatch' | '16/SecureSeal' | '16/SimCard' | '16/StatusActive' | '16/StatusCheck' | '16/StatusClockArrows' | '16/StatusRefund' | '16/Sticker' | '16/StickerFilled' | '16/SwitchOff' | '16/SwitchOn' | '16/Time' | '16/Timeline' | '16/TopupAuto' | '16/TriangleDown' | '16/TriangleRight' | '16/Warning' | '16/Write' | '20/AccountJoint' | '20/AccountPocket' | '20/AccountPro' | '20/AutoExchange' | '20/AutoTopUp' | '20/BulkPayment' | '20/Cashback' | '20/Compare' | '20/Credit' | '20/CryptoNetworkAlgorand' | '20/CryptoNetworkArbitrum' | '20/CryptoNetworkAvalanche' | '20/CryptoNetworkBitcoin' | '20/CryptoNetworkBitcoinCash' | '20/CryptoNetworkBsc' | '20/CryptoNetworkCardano' | '20/CryptoNetworkCelo' | '20/CryptoNetworkCosmos' | '20/CryptoNetworkCronos' | '20/CryptoNetworkDash' | '20/CryptoNetworkDogecoin' | '20/CryptoNetworkEos' | '20/CryptoNetworkEtc' | '20/CryptoNetworkEthereum' | '20/CryptoNetworkFallback' | '20/CryptoNetworkFantom' | '20/CryptoNetworkHarmony' | '20/CryptoNetworkHeco' | '20/CryptoNetworkHedera' | '20/CryptoNetworkKava' | '20/CryptoNetworkKusama' | '20/CryptoNetworkLighting' | '20/CryptoNetworkLitecoin' | '20/CryptoNetworkMoonbeam' | '20/CryptoNetworkNear' | '20/CryptoNetworkOptimism' | '20/CryptoNetworkPolkadot' | '20/CryptoNetworkPolygon' | '20/CryptoNetworkRipple' | '20/CryptoNetworkRonin' | '20/CryptoNetworkSolana' | '20/CryptoNetworkStarkNet' | '20/CryptoNetworkStellar' | '20/CryptoNetworkTezos' | '20/CryptoNetworkTon' | '20/CryptoNetworkTron' | '20/CryptoNetworkZkSync' | '20/Description' | '20/Dividend' | '20/Draft' | '20/Ea' | '20/Email' | '20/ExcludedAnalytics' | '20/Expense' | '20/Gif' | '20/Groups' | '20/Heart' | '20/IncomeSorter' | '20/Isa' | '20/KeyboardEmoji' | '20/KeyboardGif' | '20/KeyboardSticker' | '20/Linked' | '20/MoveMoney' | '20/Reccuring' | '20/Resort' | '20/Rewards' | '20/Scheduled' | '20/SpareChange' | '20/SpendLimit' | '20/SplitBill' | '20/Statement' | '20/Travel' | '20/Vault' | '40/SubtractApps' | '40/SubtractBackpack' | '40/SubtractBank' | '40/SubtractBitcoin' | '40/SubtractBoost' | '40/SubtractBudget' | '40/SubtractCalendar' | '40/SubtractCalendarRecurring' | '40/SubtractCard' | '40/SubtractCash' | '40/SubtractCashback' | '40/SubtractChat' | '40/SubtractCloud' | '40/SubtractCoins' | '40/SubtractCommodities' | '40/SubtractCompare' | '40/SubtractConcierge' | '40/SubtractCredit' | '40/SubtractCreditBag' | '40/SubtractCreditCard' | '40/SubtractDocument' | '40/SubtractDrop' | '40/SubtractEntertainment' | '40/SubtractExchange' | '40/SubtractFastfood' | '40/SubtractGift' | '40/SubtractGlobe' | '40/SubtractGlobeP2P' | '40/SubtractGroceries' | '40/SubtractGroupVault' | '40/SubtractHealth' | '40/SubtractIndustrialGear' | '40/SubtractInsurance' | '40/SubtractLightning' | '40/SubtractLink' | '40/SubtractLogoRevolut' | '40/SubtractLounges' | '40/SubtractMaterials' | '40/SubtractMedicalCross' | '40/SubtractMerchant' | '40/SubtractNoBoost' | '40/SubtractPassportChip' | '40/SubtractPeople' | '40/SubtractPocket' | '40/SubtractPremium' | '40/SubtractPresent' | '40/SubtractProfile' | '40/SubtractRestaurants' | '40/SubtractRocket' | '40/SubtractRPoint' | '40/SubtractSavingsVault' | '40/SubtractServices' | '40/SubtractShopping' | '40/SubtractSmartphoneUmbrella' | '40/SubtractStar' | '40/SubtractStatement' | '40/SubtractTech' | '40/SubtractTopUp' | '40/SubtractToy' | '40/SubtractTransfers' | '40/SubtractTransport' | '40/SubtractTravel' | '40/SubtractUtilities' | '40/SubtractVault' | '40/SubtractVegan' | '40/SubtractWealth' | '64/FileBacs|image' | '64/FileCsv|image' | '64/FileDoc|image' | '64/FileImg|image' | '64/FileLink|image' | '64/FilePdf|image' | '64/FileXls|image' | '104/Connection' | '104/Donation' | '104/Error' | '104/Loading' | '104/Pending' | '104/SoftFail' | '104/Success' | '104/Warning' | '108/ArrowExchange|image' | '108/ArrowRequest|image' | '108/ArrowSend|image' | '108/EyeShow|image' | '108/LinkExternal|image' | '108/Plus|image';
|
|
1215
|
+
|
|
1216
|
+
declare const ImageVariant: {
|
|
1217
|
+
readonly ROUND: "round";
|
|
1218
|
+
};
|
|
1219
|
+
type ImageVariant = ValueOf<typeof ImageVariant>;
|
|
1220
|
+
declare const ImageScale: {
|
|
1221
|
+
readonly COVER: "cover";
|
|
1222
|
+
readonly CONTAIN: "contain";
|
|
1223
|
+
};
|
|
1224
|
+
type ImageScale = ValueOf<typeof ImageScale>;
|
|
1225
|
+
|
|
1226
|
+
interface ImageProps$1 extends Omit<BoxProps<'img'>, 'variant' | 'use'> {
|
|
1227
|
+
variant?: ImageVariant;
|
|
1228
|
+
scale?: ImageScale;
|
|
1229
|
+
image?: ImageProp$1;
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
interface FlexProps<E extends Elements = 'div'> extends FlexInnerProps, BoxProps<E> {
|
|
1233
|
+
}
|
|
1234
|
+
/** @private */
|
|
1235
|
+
interface FlexInnerProps extends GapSystemProps, FlexWrapProps, FlexDirectionProps, AlignItemsProps, JustifyContentProps {
|
|
1236
|
+
}
|
|
1237
|
+
|
|
1238
|
+
interface ToggleOptions {
|
|
1239
|
+
disabled?: boolean;
|
|
1240
|
+
defaultState?: boolean;
|
|
1241
|
+
state?: boolean | null;
|
|
1242
|
+
onChange?: (state: boolean) => void;
|
|
1243
|
+
}
|
|
1244
|
+
type ToggleFn = {
|
|
1245
|
+
(nextValue?: boolean): void;
|
|
1246
|
+
on(): void;
|
|
1247
|
+
off(): void;
|
|
1248
|
+
switch(): void;
|
|
1249
|
+
};
|
|
1250
|
+
|
|
1251
|
+
interface AnchorProps<E> {
|
|
1252
|
+
ref: React.Ref<E>;
|
|
1253
|
+
onClick: () => void;
|
|
1254
|
+
}
|
|
1255
|
+
interface TargetProps<E> {
|
|
1256
|
+
anchorRef: React.RefObject<E | null>;
|
|
1257
|
+
open: boolean;
|
|
1258
|
+
onClose: () => void;
|
|
1259
|
+
}
|
|
1260
|
+
interface GetAnchorProps<Element> {
|
|
1261
|
+
<E extends Element>(): AnchorProps<E>;
|
|
1262
|
+
<E extends Element, P>(props: P): P & AnchorProps<E>;
|
|
1263
|
+
}
|
|
1264
|
+
interface GetTargetProps<Element> {
|
|
1265
|
+
<E extends Element>(): TargetProps<E>;
|
|
1266
|
+
<E extends Element, P>(props: P): P & TargetProps<E>;
|
|
1267
|
+
}
|
|
1268
|
+
interface DropdownOptions extends ToggleOptions {
|
|
1269
|
+
}
|
|
1270
|
+
interface DropdownState<Element> {
|
|
1271
|
+
state: boolean;
|
|
1272
|
+
toggle: ToggleFn;
|
|
1273
|
+
getAnchorProps: GetAnchorProps<Element>;
|
|
1274
|
+
getTargetProps: GetTargetProps<Element>;
|
|
1275
|
+
}
|
|
1276
|
+
/**
|
|
1277
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-dropdown useDropdown}
|
|
1278
|
+
*/
|
|
1279
|
+
declare function useDropdown<Element>(options?: DropdownOptions): DropdownState<Element>;
|
|
1280
|
+
|
|
1281
|
+
interface DateFormatOptions {
|
|
1282
|
+
style?: 'auto' | 'precise';
|
|
1283
|
+
now?: Date;
|
|
1284
|
+
timeZone?: string;
|
|
1285
|
+
/** @private */
|
|
1286
|
+
__locale?: string;
|
|
1287
|
+
}
|
|
1288
|
+
/**
|
|
1289
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-date-format useDateFormat}
|
|
1290
|
+
*/
|
|
1291
|
+
declare function useDateFormat(options?: DateFormatOptions): (input: Date | number) => string;
|
|
1292
|
+
|
|
1293
|
+
interface DateRangeFormatOptions extends Intl.DateTimeFormatOptions {
|
|
1294
|
+
style?: 'auto' | 'precise';
|
|
1295
|
+
now?: Date;
|
|
1296
|
+
/** @private */
|
|
1297
|
+
__locale?: string;
|
|
1298
|
+
}
|
|
1299
|
+
/**
|
|
1300
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-date-range-format useDateRangeFormat}
|
|
1301
|
+
*/
|
|
1302
|
+
declare function useDateRangeFormat(options?: DateRangeFormatOptions): (start: Date | number, end: Date | number) => string;
|
|
1303
|
+
|
|
1304
|
+
interface DateTimeFormatOptions {
|
|
1305
|
+
style?: 'auto' | 'auto-date' | 'precise';
|
|
1306
|
+
now?: Date;
|
|
1307
|
+
timeZone?: string;
|
|
1308
|
+
/** @private */
|
|
1309
|
+
__locale?: string;
|
|
1310
|
+
}
|
|
1311
|
+
/**
|
|
1312
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-date-time-format useDateTimeFormat}
|
|
1313
|
+
*/
|
|
1314
|
+
declare function useDateTimeFormat(options?: DateTimeFormatOptions): (input: Date | number) => string;
|
|
1315
|
+
|
|
1316
|
+
/**
|
|
1317
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-is-rtl useIsRTL}
|
|
1318
|
+
*/
|
|
1319
|
+
declare const useIsRTL: () => boolean;
|
|
1320
|
+
|
|
1321
|
+
interface UseMoneyFormatOptions {
|
|
1322
|
+
currency?: string;
|
|
1323
|
+
showSign?: boolean;
|
|
1324
|
+
compactNotation?: boolean;
|
|
1325
|
+
type?: MoneyType;
|
|
1326
|
+
symbol?: CurrencySymbol;
|
|
1327
|
+
minimumFractionDigits?: number;
|
|
1328
|
+
maximumFractionDigits?: number;
|
|
1329
|
+
crypto?: boolean;
|
|
1330
|
+
roundingMode?: MoneyRoundingMode;
|
|
1331
|
+
}
|
|
1332
|
+
/**
|
|
1333
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-money-format useMoneyFormat}
|
|
1334
|
+
*/
|
|
1335
|
+
declare const useMoneyFormat: (options?: UseMoneyFormatOptions) => (argument: number | Money) => string;
|
|
1336
|
+
|
|
1337
|
+
interface TimeFormatOptions {
|
|
1338
|
+
style?: 'auto' | 'precise';
|
|
1339
|
+
now?: Date;
|
|
1340
|
+
timeZone?: string;
|
|
1341
|
+
/** @private */
|
|
1342
|
+
__locale?: string;
|
|
1343
|
+
}
|
|
1344
|
+
/**
|
|
1345
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-time-format useTimeFormat}
|
|
1346
|
+
*/
|
|
1347
|
+
declare function useTimeFormat(options?: TimeFormatOptions): (input: Date | number) => string;
|
|
1348
|
+
|
|
1349
|
+
interface RangeModifier {
|
|
1350
|
+
from: Date;
|
|
1351
|
+
to: Date;
|
|
1352
|
+
}
|
|
1353
|
+
type DateRange$1 = RangeModifier;
|
|
1354
|
+
|
|
1355
|
+
interface EllipsisProps extends React__default.HTMLAttributes<HTMLSpanElement>, TestAttributes, MaxWidthProps {
|
|
1356
|
+
tooltip?: TooltipBehaviour;
|
|
1357
|
+
children?: React__default.ReactNode;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
declare const CellAlign: {
|
|
1361
|
+
readonly START: "start";
|
|
1362
|
+
readonly END: "end";
|
|
1363
|
+
readonly CENTER: "center";
|
|
1364
|
+
};
|
|
1365
|
+
type CellAlign = ValueOf<typeof CellAlign>;
|
|
1366
|
+
|
|
1367
|
+
declare const CellBaseType: {
|
|
1368
|
+
readonly HEADER: "header";
|
|
1369
|
+
readonly BODY: "body";
|
|
1370
|
+
readonly CONTENT: "content";
|
|
1371
|
+
};
|
|
1372
|
+
type CellBaseType = ValueOf<typeof CellBaseType>;
|
|
1373
|
+
interface CellInnerBaseProps {
|
|
1374
|
+
/** @private For test environment */
|
|
1375
|
+
type: CellBaseType;
|
|
1376
|
+
align?: CellAlign;
|
|
1377
|
+
stopEventPropagation?: boolean;
|
|
1378
|
+
}
|
|
1379
|
+
interface CellBaseProps<E extends Elements = 'div'> extends Omit<FlexProps<E>, 'type'>, CellInnerBaseProps {
|
|
1380
|
+
}
|
|
1381
|
+
|
|
1382
|
+
interface CellProps$1<E extends Elements = 'div'> extends Omit<CellBaseProps<E>, 'type'>, Partial<Pick<CellBaseProps<E>, 'type'>>, Pick<EllipsisProps, 'tooltip'> {
|
|
1383
|
+
ellipsis?: boolean;
|
|
1384
|
+
renderStart?: () => React__default.ReactNode;
|
|
1385
|
+
renderEnd?: () => React__default.ReactNode;
|
|
1386
|
+
}
|
|
1387
|
+
|
|
1388
|
+
interface TableData {
|
|
1389
|
+
}
|
|
1390
|
+
interface TableColumnOptions<Data extends TableData> extends ReactTable.UseFiltersColumnOptions<Data>, ReactTable.UseResizeColumnsColumnOptions<Data>, ReactTable.UseSortByColumnOptions<Data>, ReactTable.UseGroupByColumnOptions<Data> {
|
|
1391
|
+
align?: CellAlign;
|
|
1392
|
+
filter?: ReactTable.FilterType<Data> | ReactTable.DefaultFilterTypes | 'includesOriginal' | 'includesValue' | 'includesSome';
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1395
|
+
// `@types/react-table` is using `ReactFragment` which has been removed from latest `@types/react`
|
|
1396
|
+
declare module 'react' {
|
|
1397
|
+
/**
|
|
1398
|
+
* @deprecated - This type is not relevant when using React. Inline the type instead to make the intent clear.
|
|
1399
|
+
*/
|
|
1400
|
+
type ReactFragment = Iterable<React__default.ReactNode>
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
interface UseRowDisabledOptions<D extends object = {}>
|
|
1404
|
+
extends Partial<{
|
|
1405
|
+
manualRowDisabledKey: IdType<D>
|
|
1406
|
+
}> {}
|
|
1407
|
+
|
|
1408
|
+
interface UseRowDisabledState<D extends object = {}> {
|
|
1409
|
+
disabledRowIds: Record<IdType<D>, boolean>
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
interface UseRowDisabledRowProps
|
|
1413
|
+
extends Pick<React__default.AriaAttributes, 'aria-disabled'> {
|
|
1414
|
+
isDisabled: boolean
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
interface UseRowDisabledInstanceProps<D extends object = {}> {
|
|
1418
|
+
isAllRowsDisabled: boolean
|
|
1419
|
+
disabledFlatRows: Array<Row<D>>
|
|
1420
|
+
}
|
|
1421
|
+
|
|
1422
|
+
interface UseRowDisabledRowCommonProps
|
|
1423
|
+
extends Pick<React__default.AriaAttributes, 'aria-disabled'> {}
|
|
1424
|
+
|
|
1425
|
+
declare module 'react-table' {
|
|
1426
|
+
export interface UseGroupByInstanceProps<D extends object> {
|
|
1427
|
+
preGroupedRows: Array<Row<D>>
|
|
1428
|
+
preGroupedFlatRows: Array<Row<D>>
|
|
1429
|
+
preGroupedRowsById: Record<string, Row<D>>
|
|
1430
|
+
groupedRows: Array<Row<D>>
|
|
1431
|
+
groupedFlatRows: Array<Row<D>>
|
|
1432
|
+
groupedRowsById: Record<string, Row<D>>
|
|
1433
|
+
onlyGroupedFlatRows: Array<Row<D>>
|
|
1434
|
+
onlyGroupedRowsById: Record<string, Row<D>>
|
|
1435
|
+
nonGroupedFlatRows: Array<Row<D>>
|
|
1436
|
+
nonGroupedRowsById: Record<string, Row<D>>
|
|
1437
|
+
rows: Array<Row<D>>
|
|
1438
|
+
flatRows: Array<Row<D>>
|
|
1439
|
+
rowsById: Record<string, Row<D>>
|
|
1440
|
+
toggleGroupBy: (columnId: IdType<D>, value?: boolean) => void
|
|
1441
|
+
setGroupBy: (columnIds: Array<String>) => void
|
|
1442
|
+
}
|
|
1443
|
+
export interface TableOptions<D extends object = {}>
|
|
1444
|
+
extends UseTableOptions<D>,
|
|
1445
|
+
UseExpandedOptions<D>,
|
|
1446
|
+
UseFiltersOptions<D>,
|
|
1447
|
+
UseResizeColumnsOptions<D>,
|
|
1448
|
+
UseRowSelectOptions<D>,
|
|
1449
|
+
UseRowStateOptions<D>,
|
|
1450
|
+
UseSortByOptions<D>,
|
|
1451
|
+
UseGroupByOptions<D>,
|
|
1452
|
+
UseRowDisabledOptions<D> {}
|
|
1453
|
+
|
|
1454
|
+
export interface Hooks<D extends object = {}>
|
|
1455
|
+
extends UseExpandedHooks<D>,
|
|
1456
|
+
UseGroupByHooks<D>,
|
|
1457
|
+
UseRowSelectHooks<D>,
|
|
1458
|
+
UseSortByHooks<D> {}
|
|
1459
|
+
|
|
1460
|
+
export interface TableInstance<D extends object = {}>
|
|
1461
|
+
extends UseColumnOrderInstanceProps<D>,
|
|
1462
|
+
UseExpandedInstanceProps<D>,
|
|
1463
|
+
UseFiltersInstanceProps<D>,
|
|
1464
|
+
UseGlobalFiltersInstanceProps<D>,
|
|
1465
|
+
UseGroupByInstanceProps<D>,
|
|
1466
|
+
UsePaginationInstanceProps<D>,
|
|
1467
|
+
UseRowSelectInstanceProps<D>,
|
|
1468
|
+
UseRowStateInstanceProps<D>,
|
|
1469
|
+
UseSortByInstanceProps<D>,
|
|
1470
|
+
UseRowDisabledInstanceProps<D>,
|
|
1471
|
+
UseRowDisabledOptions<D> {}
|
|
1472
|
+
|
|
1473
|
+
export interface TableState<D extends object = {}>
|
|
1474
|
+
extends UseColumnOrderState<D>,
|
|
1475
|
+
UseExpandedState<D>,
|
|
1476
|
+
UseFiltersState<D>,
|
|
1477
|
+
UseGlobalFiltersState<D>,
|
|
1478
|
+
UseGroupByState<D>,
|
|
1479
|
+
UsePaginationState<D>,
|
|
1480
|
+
UseResizeColumnsState<D>,
|
|
1481
|
+
UseRowSelectState<D>,
|
|
1482
|
+
UseRowStateState<D>,
|
|
1483
|
+
UseSortByState<D>,
|
|
1484
|
+
UseRowDisabledState<D> {}
|
|
1485
|
+
|
|
1486
|
+
export interface ColumnInterface<D extends object = {}>
|
|
1487
|
+
extends TableColumnOptions<D> {}
|
|
1488
|
+
|
|
1489
|
+
export interface ColumnInstance<D extends object = {}>
|
|
1490
|
+
extends UseFiltersColumnProps<D>,
|
|
1491
|
+
UseGroupByColumnProps<D>,
|
|
1492
|
+
UseResizeColumnsColumnProps<D>,
|
|
1493
|
+
UseSortByColumnProps<D>,
|
|
1494
|
+
Pick<CellProps$1, 'tooltip' | 'ellipsis'> {
|
|
1495
|
+
align?: CellAlign
|
|
1496
|
+
}
|
|
1497
|
+
|
|
1498
|
+
export interface Cell<D extends object = {}, V = any>
|
|
1499
|
+
extends UseGroupByCellProps<D>,
|
|
1500
|
+
UseRowStateCellProps<D> {}
|
|
1501
|
+
|
|
1502
|
+
export interface Row<D extends object = {}>
|
|
1503
|
+
extends UseExpandedRowProps<D>,
|
|
1504
|
+
UseGroupByRowProps<D>,
|
|
1505
|
+
UseRowSelectRowProps<D>,
|
|
1506
|
+
UseRowStateRowProps<D>,
|
|
1507
|
+
UseRowDisabledRowProps {}
|
|
1508
|
+
|
|
1509
|
+
export interface TableRowProps extends UseRowDisabledRowCommonProps {}
|
|
1510
|
+
}
|
|
1511
|
+
|
|
1512
|
+
declare const ToastTimeout: {
|
|
1513
|
+
readonly SHORT: "short";
|
|
1514
|
+
readonly LONG: "long";
|
|
1515
|
+
};
|
|
1516
|
+
type ToastTimeout = ValueOf<typeof ToastTimeout>;
|
|
1517
|
+
type Toast$1 = React__default.ReactElement | RenderToast;
|
|
1518
|
+
type ToastId = symbol;
|
|
1519
|
+
interface HideToastCallback {
|
|
1520
|
+
(): void;
|
|
1521
|
+
}
|
|
1522
|
+
interface HideToastById {
|
|
1523
|
+
(toastId: ToastId): void;
|
|
1524
|
+
}
|
|
1525
|
+
interface HideToast {
|
|
1526
|
+
(): void;
|
|
1527
|
+
}
|
|
1528
|
+
interface RenderToast {
|
|
1529
|
+
(hide: HideToast): React__default.ReactElement;
|
|
1530
|
+
}
|
|
1531
|
+
interface ToastActions {
|
|
1532
|
+
show(toast: Toast$1, onHide?: HideToastCallback): ToastId;
|
|
1533
|
+
show(toast: Toast$1, timeout?: ToastTimeout, onHide?: HideToastCallback): ToastId;
|
|
1534
|
+
hide: HideToastById;
|
|
1535
|
+
}
|
|
1536
|
+
/**
|
|
1537
|
+
* Show a `Toast` at the bottom of `Page` or `Side`
|
|
1538
|
+
*
|
|
1539
|
+
* Docs: {@link https://ui-kit.revolut.codes/utils/use-toast useToast}
|
|
1540
|
+
*/
|
|
1541
|
+
declare const useToast: () => ToastActions;
|
|
5
1542
|
|
|
6
1543
|
declare namespace JSXCompat {
|
|
7
|
-
interface IntrinsicElements extends React.JSX.IntrinsicElements, JSX.IntrinsicElements {
|
|
1544
|
+
interface IntrinsicElements extends React$1.JSX.IntrinsicElements, JSX.IntrinsicElements {
|
|
8
1545
|
}
|
|
9
1546
|
}
|
|
10
1547
|
/**
|
|
@@ -22,23 +1559,23 @@ type StackAlignment = 'start' | 'center' | 'end';
|
|
|
22
1559
|
/**
|
|
23
1560
|
* Native button props excluding styling escape hatches.
|
|
24
1561
|
*/
|
|
25
|
-
type NativeButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'disabled' | 'children'>;
|
|
1562
|
+
type NativeButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'disabled' | 'children'>;
|
|
26
1563
|
/**
|
|
27
1564
|
* Native div props excluding styling escape hatches.
|
|
28
1565
|
*/
|
|
29
|
-
type NativeDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'title' | 'content'>;
|
|
1566
|
+
type NativeDivProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'title' | 'content'>;
|
|
30
1567
|
/**
|
|
31
1568
|
* Native span props excluding styling escape hatches.
|
|
32
1569
|
*/
|
|
33
|
-
type NativeSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'className' | 'style' | 'children' | 'title'>;
|
|
1570
|
+
type NativeSpanProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, 'className' | 'style' | 'children' | 'title'>;
|
|
34
1571
|
/**
|
|
35
1572
|
* Native heading props excluding styling escape hatches.
|
|
36
1573
|
*/
|
|
37
|
-
type NativeHeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'style' | 'children' | 'placeholder' | 'title'>;
|
|
1574
|
+
type NativeHeadingProps = Omit<React$1.HTMLAttributes<HTMLHeadingElement>, 'className' | 'style' | 'children' | 'placeholder' | 'title'>;
|
|
38
1575
|
/**
|
|
39
1576
|
* Native main props excluding styling escape hatches.
|
|
40
1577
|
*/
|
|
41
|
-
type NativeMainProps = Omit<React.HTMLAttributes<HTMLElement>, 'className' | 'style' | 'children' | 'title'>;
|
|
1578
|
+
type NativeMainProps = Omit<React$1.HTMLAttributes<HTMLElement>, 'className' | 'style' | 'children' | 'title'>;
|
|
42
1579
|
|
|
43
1580
|
/**
|
|
44
1581
|
* Props for the Action component.
|
|
@@ -68,7 +1605,7 @@ interface ActionProps extends NativeButtonProps {
|
|
|
68
1605
|
/**
|
|
69
1606
|
* Action content.
|
|
70
1607
|
*/
|
|
71
|
-
children: React.ReactNode;
|
|
1608
|
+
children: React$1.ReactNode;
|
|
72
1609
|
}
|
|
73
1610
|
/**
|
|
74
1611
|
* Action component for text-style clickable actions.
|
|
@@ -139,7 +1676,7 @@ declare const Action: ({ disabled, icon, iconOnly, children, ...rest }: ActionPr
|
|
|
139
1676
|
* Image prop type supporting simple URLs or responsive image sets.
|
|
140
1677
|
*/
|
|
141
1678
|
type ImageProp = ImageProps$1['image'];
|
|
142
|
-
type NativeImgProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'className' | 'style'>;
|
|
1679
|
+
type NativeImgProps = Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, 'className' | 'style'>;
|
|
143
1680
|
/**
|
|
144
1681
|
* Image fit options for object-fit behaviour.
|
|
145
1682
|
*/
|
|
@@ -437,7 +1974,11 @@ interface ButtonProps extends NativeButtonProps {
|
|
|
437
1974
|
/**
|
|
438
1975
|
* Button content.
|
|
439
1976
|
*/
|
|
440
|
-
children: React.ReactNode;
|
|
1977
|
+
children: React$1.ReactNode;
|
|
1978
|
+
/**
|
|
1979
|
+
* Whether the button is elevated.
|
|
1980
|
+
*/
|
|
1981
|
+
elevated?: boolean;
|
|
441
1982
|
}
|
|
442
1983
|
/**
|
|
443
1984
|
* Button component for primary actions in miniapps.
|
|
@@ -466,7 +2007,7 @@ interface ButtonProps extends NativeButtonProps {
|
|
|
466
2007
|
* </Button>
|
|
467
2008
|
* ```
|
|
468
2009
|
*/
|
|
469
|
-
declare const Button: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
2010
|
+
declare const Button: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, elevated, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
470
2011
|
|
|
471
2012
|
/**
|
|
472
2013
|
* Visual style variant of the action button.
|
|
@@ -514,7 +2055,7 @@ interface ActionButtonProps extends NativeButtonProps {
|
|
|
514
2055
|
/**
|
|
515
2056
|
* Button content.
|
|
516
2057
|
*/
|
|
517
|
-
children: React.ReactNode;
|
|
2058
|
+
children: React$1.ReactNode;
|
|
518
2059
|
}
|
|
519
2060
|
/**
|
|
520
2061
|
* ActionButton component for secondary actions in miniapps.
|
|
@@ -554,6 +2095,30 @@ type CalendarVariant = 'date' | 'date-range';
|
|
|
554
2095
|
* Date range value type.
|
|
555
2096
|
*/
|
|
556
2097
|
type DateRange = DateRange$1;
|
|
2098
|
+
/**
|
|
2099
|
+
* Date range before specified date type.
|
|
2100
|
+
*/
|
|
2101
|
+
type DateBefore = {
|
|
2102
|
+
before: Date;
|
|
2103
|
+
};
|
|
2104
|
+
/**
|
|
2105
|
+
* Date range after specified date type.
|
|
2106
|
+
*/
|
|
2107
|
+
type DateAfter = {
|
|
2108
|
+
after: Date;
|
|
2109
|
+
};
|
|
2110
|
+
/**
|
|
2111
|
+
* Date interval type.
|
|
2112
|
+
*/
|
|
2113
|
+
type DateInterval = DateBefore & DateAfter;
|
|
2114
|
+
/**
|
|
2115
|
+
* Disabled days matcher type.
|
|
2116
|
+
*/
|
|
2117
|
+
type CalendarDisabledDaysMatcher = Date[] | DateRange | DateBefore | DateAfter | DateInterval;
|
|
2118
|
+
/**
|
|
2119
|
+
* Disabled days type.
|
|
2120
|
+
*/
|
|
2121
|
+
type CalendarDisabledDays = CalendarDisabledDaysMatcher | CalendarDisabledDaysMatcher[];
|
|
557
2122
|
/**
|
|
558
2123
|
* Props for the Calendar component when variant is 'date'.
|
|
559
2124
|
*/
|
|
@@ -596,6 +2161,10 @@ interface CalendarDateProps {
|
|
|
596
2161
|
* Whether the calendar navigates with infinite scroll
|
|
597
2162
|
*/
|
|
598
2163
|
infinite?: boolean;
|
|
2164
|
+
/**
|
|
2165
|
+
* Dates that should be disabled in the calendar
|
|
2166
|
+
*/
|
|
2167
|
+
disabledDays?: CalendarDisabledDays;
|
|
599
2168
|
}
|
|
600
2169
|
/**
|
|
601
2170
|
* Props for the Calendar component when variant is 'range'.
|
|
@@ -638,6 +2207,10 @@ interface CalendarRangeProps {
|
|
|
638
2207
|
* Whether the calendar navigates with infinite scroll
|
|
639
2208
|
*/
|
|
640
2209
|
infinite?: boolean;
|
|
2210
|
+
/**
|
|
2211
|
+
* Dates that should be disabled in the calendar
|
|
2212
|
+
*/
|
|
2213
|
+
disabledDays?: CalendarDisabledDays;
|
|
641
2214
|
}
|
|
642
2215
|
type CalendarProps = CalendarDateProps | CalendarRangeProps;
|
|
643
2216
|
/**
|
|
@@ -694,6 +2267,24 @@ type CalendarProps = CalendarDateProps | CalendarRangeProps;
|
|
|
694
2267
|
* )
|
|
695
2268
|
* }
|
|
696
2269
|
* ```
|
|
2270
|
+
*
|
|
2271
|
+
* @example
|
|
2272
|
+
* ```tsx
|
|
2273
|
+
* import { Calendar } from '@revolut/ui-kit-miniapp'
|
|
2274
|
+
*
|
|
2275
|
+
* // With disabled days
|
|
2276
|
+
* function DisabledDaysExample() {
|
|
2277
|
+
* return (
|
|
2278
|
+
* <Calendar
|
|
2279
|
+
* disabledDays={{
|
|
2280
|
+
* before: new Date(),
|
|
2281
|
+
* after: new Date('01/01/2050'),
|
|
2282
|
+
* }}
|
|
2283
|
+
* onChange={(date) => console.log('Selected:', date)}
|
|
2284
|
+
* />
|
|
2285
|
+
* )
|
|
2286
|
+
* }
|
|
2287
|
+
* ```
|
|
697
2288
|
*/
|
|
698
2289
|
declare const Calendar: (props: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
699
2290
|
|
|
@@ -722,15 +2313,15 @@ interface CellProps extends NativeDivProps {
|
|
|
722
2313
|
/**
|
|
723
2314
|
* Main title text.
|
|
724
2315
|
*/
|
|
725
|
-
title: React.ReactNode;
|
|
2316
|
+
title: React$1.ReactNode;
|
|
726
2317
|
/**
|
|
727
2318
|
* Secondary description text below the title.
|
|
728
2319
|
*/
|
|
729
|
-
description?: React.ReactNode;
|
|
2320
|
+
description?: React$1.ReactNode;
|
|
730
2321
|
/**
|
|
731
2322
|
* Content displayed on the right side of the cell.
|
|
732
2323
|
*/
|
|
733
|
-
side?: React.ReactNode;
|
|
2324
|
+
side?: React$1.ReactNode;
|
|
734
2325
|
/**
|
|
735
2326
|
* Icon displayed at the start of the cell.
|
|
736
2327
|
*/
|
|
@@ -738,7 +2329,7 @@ interface CellProps extends NativeDivProps {
|
|
|
738
2329
|
/**
|
|
739
2330
|
* Avatar or image displayed at the start of the cell.
|
|
740
2331
|
*/
|
|
741
|
-
avatar?: React.ReactNode;
|
|
2332
|
+
avatar?: React$1.ReactNode;
|
|
742
2333
|
/**
|
|
743
2334
|
* Alignment for the avatar content, center by default
|
|
744
2335
|
*/
|
|
@@ -764,7 +2355,7 @@ interface CellProps extends NativeDivProps {
|
|
|
764
2355
|
/**
|
|
765
2356
|
* Click handler for the cell.
|
|
766
2357
|
*/
|
|
767
|
-
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
2358
|
+
onClick?: React$1.MouseEventHandler<HTMLElement>;
|
|
768
2359
|
/**
|
|
769
2360
|
* URL for anchor element (when as="a").
|
|
770
2361
|
*/
|
|
@@ -899,7 +2490,7 @@ declare const Cell: ({ as, title, description, side, icon, avatar, avatarAlign,
|
|
|
899
2490
|
*/
|
|
900
2491
|
declare const CellSkeleton: () => react_jsx_runtime.JSX.Element;
|
|
901
2492
|
|
|
902
|
-
type NativeInputProps$4 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
|
|
2493
|
+
type NativeInputProps$4 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
|
|
903
2494
|
/**
|
|
904
2495
|
* Props for the Checkbox component.
|
|
905
2496
|
*
|
|
@@ -929,7 +2520,7 @@ interface CheckboxProps extends NativeInputProps$4 {
|
|
|
929
2520
|
/**
|
|
930
2521
|
* Callback fired when the checkbox state changes.
|
|
931
2522
|
*/
|
|
932
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
2523
|
+
onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
|
|
933
2524
|
}
|
|
934
2525
|
/**
|
|
935
2526
|
* Checkbox component for selecting multiple options.
|
|
@@ -1016,7 +2607,7 @@ interface CheckboxProps extends NativeInputProps$4 {
|
|
|
1016
2607
|
*/
|
|
1017
2608
|
declare const Checkbox: ({ checked, defaultChecked, disabled, onChange, ...rest }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
1018
2609
|
|
|
1019
|
-
type BaseDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onCopy' | 'onError' | 'onClick'>;
|
|
2610
|
+
type BaseDivProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onCopy' | 'onError' | 'onClick'>;
|
|
1020
2611
|
/**
|
|
1021
2612
|
* Props for the Copyable component.
|
|
1022
2613
|
*
|
|
@@ -1044,7 +2635,7 @@ interface CopyableProps extends BaseDivProps {
|
|
|
1044
2635
|
/**
|
|
1045
2636
|
* Callback fired when the copy button is clicked.
|
|
1046
2637
|
*/
|
|
1047
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
2638
|
+
onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
|
|
1048
2639
|
/**
|
|
1049
2640
|
* Custom label for the copy button (for accessibility).
|
|
1050
2641
|
* @default 'Copy'
|
|
@@ -1053,7 +2644,7 @@ interface CopyableProps extends BaseDivProps {
|
|
|
1053
2644
|
/**
|
|
1054
2645
|
* Content to display alongside the copy button.
|
|
1055
2646
|
*/
|
|
1056
|
-
children?: React.ReactNode;
|
|
2647
|
+
children?: React$1.ReactNode;
|
|
1057
2648
|
}
|
|
1058
2649
|
/**
|
|
1059
2650
|
* Copyable component for displaying content with a copy-to-clipboard button.
|
|
@@ -1124,15 +2715,15 @@ interface DetailsCellProps extends NativeDivProps {
|
|
|
1124
2715
|
/**
|
|
1125
2716
|
* Label text displayed on the left.
|
|
1126
2717
|
*/
|
|
1127
|
-
title: React.ReactNode;
|
|
2718
|
+
title: React$1.ReactNode;
|
|
1128
2719
|
/**
|
|
1129
2720
|
* Value text displayed on the right.
|
|
1130
2721
|
*/
|
|
1131
|
-
content: React.ReactNode;
|
|
2722
|
+
content: React$1.ReactNode;
|
|
1132
2723
|
/**
|
|
1133
2724
|
* Additional note displayed below, spanning full width.
|
|
1134
2725
|
*/
|
|
1135
|
-
note?: React.ReactNode;
|
|
2726
|
+
note?: React$1.ReactNode;
|
|
1136
2727
|
}
|
|
1137
2728
|
/**
|
|
1138
2729
|
* DetailsCell component for displaying key-value pairs.
|
|
@@ -1210,7 +2801,7 @@ interface DropdownProps extends NativeDivProps {
|
|
|
1210
2801
|
/**
|
|
1211
2802
|
* Element ref where the tooltip is anchored.
|
|
1212
2803
|
*/
|
|
1213
|
-
anchorRef: React.RefObject<HTMLElement | null>;
|
|
2804
|
+
anchorRef: React$1.RefObject<HTMLElement | null>;
|
|
1214
2805
|
/**
|
|
1215
2806
|
* Callback triggered when the dropdown is closed.
|
|
1216
2807
|
*/
|
|
@@ -1222,7 +2813,7 @@ interface DropdownProps extends NativeDivProps {
|
|
|
1222
2813
|
/**
|
|
1223
2814
|
* Dropdown content.
|
|
1224
2815
|
*/
|
|
1225
|
-
children: React.ReactNode;
|
|
2816
|
+
children: React$1.ReactNode;
|
|
1226
2817
|
}
|
|
1227
2818
|
/**
|
|
1228
2819
|
* Dropdown component for displaying content anchored to an element.
|
|
@@ -1269,7 +2860,7 @@ interface FootnoteProps extends NativeDivProps {
|
|
|
1269
2860
|
/**
|
|
1270
2861
|
* Footnote content.
|
|
1271
2862
|
*/
|
|
1272
|
-
children?: React.ReactNode;
|
|
2863
|
+
children?: React$1.ReactNode;
|
|
1273
2864
|
}
|
|
1274
2865
|
/**
|
|
1275
2866
|
* Footnote component for secondary, supporting text.
|
|
@@ -1351,7 +2942,7 @@ interface GroupProps extends NativeDivProps {
|
|
|
1351
2942
|
/**
|
|
1352
2943
|
* Group content.
|
|
1353
2944
|
*/
|
|
1354
|
-
children?: React.ReactNode;
|
|
2945
|
+
children?: React$1.ReactNode;
|
|
1355
2946
|
}
|
|
1356
2947
|
/**
|
|
1357
2948
|
* Group component for visually grouping related content.
|
|
@@ -1458,7 +3049,7 @@ interface IconProps {
|
|
|
1458
3049
|
*/
|
|
1459
3050
|
declare const Icon: ({ name, size, color }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
1460
3051
|
|
|
1461
|
-
type NativeInputProps$3 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly' | 'type' | 'size'>;
|
|
3052
|
+
type NativeInputProps$3 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly' | 'type' | 'size'>;
|
|
1462
3053
|
/**
|
|
1463
3054
|
* Input type options.
|
|
1464
3055
|
*/
|
|
@@ -1487,7 +3078,7 @@ interface InputProps extends NativeInputProps$3 {
|
|
|
1487
3078
|
/**
|
|
1488
3079
|
* Callback fired when the input value changes.
|
|
1489
3080
|
*/
|
|
1490
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
3081
|
+
onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
|
|
1491
3082
|
/**
|
|
1492
3083
|
* Label displayed above the input.
|
|
1493
3084
|
*/
|
|
@@ -1519,11 +3110,11 @@ interface InputProps extends NativeInputProps$3 {
|
|
|
1519
3110
|
/**
|
|
1520
3111
|
* Description or helper text shown below the input.
|
|
1521
3112
|
*/
|
|
1522
|
-
description?: React.ReactNode;
|
|
3113
|
+
description?: React$1.ReactNode;
|
|
1523
3114
|
/**
|
|
1524
3115
|
* Error message shown when invalid.
|
|
1525
3116
|
*/
|
|
1526
|
-
errorMessage?: React.ReactNode;
|
|
3117
|
+
errorMessage?: React$1.ReactNode;
|
|
1527
3118
|
/**
|
|
1528
3119
|
* Custom label for the clear button (for accessibility).
|
|
1529
3120
|
* @default 'Clear'
|
|
@@ -1642,7 +3233,7 @@ interface InputProps extends NativeInputProps$3 {
|
|
|
1642
3233
|
*/
|
|
1643
3234
|
declare const Input: ({ value, defaultValue, onChange, label, placeholder, type, disabled, readOnly, invalid, description, errorMessage, labelButtonClear, onClear, icon, endIcon, avatar, ...rest }: InputProps) => react_jsx_runtime.JSX.Element;
|
|
1644
3235
|
|
|
1645
|
-
type NativeAnchorProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'style'>;
|
|
3236
|
+
type NativeAnchorProps = Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'style'>;
|
|
1646
3237
|
/**
|
|
1647
3238
|
* Props for the Link component.
|
|
1648
3239
|
*
|
|
@@ -1666,7 +3257,7 @@ interface LinkProps extends NativeAnchorProps {
|
|
|
1666
3257
|
/**
|
|
1667
3258
|
* Link content.
|
|
1668
3259
|
*/
|
|
1669
|
-
children?: React.ReactNode;
|
|
3260
|
+
children?: React$1.ReactNode;
|
|
1670
3261
|
}
|
|
1671
3262
|
/**
|
|
1672
3263
|
* Link component for navigation to external or internal URLs.
|
|
@@ -1734,7 +3325,7 @@ interface ListItem {
|
|
|
1734
3325
|
/**
|
|
1735
3326
|
* Content to show
|
|
1736
3327
|
*/
|
|
1737
|
-
content: React.ReactNode;
|
|
3328
|
+
content: React$1.ReactNode;
|
|
1738
3329
|
/**
|
|
1739
3330
|
* Icon to show at the start
|
|
1740
3331
|
*/
|
|
@@ -1823,7 +3414,7 @@ interface FilterButtonProps extends NativeButtonProps {
|
|
|
1823
3414
|
/**
|
|
1824
3415
|
* Button content.
|
|
1825
3416
|
*/
|
|
1826
|
-
children?: React.ReactNode;
|
|
3417
|
+
children?: React$1.ReactNode;
|
|
1827
3418
|
}
|
|
1828
3419
|
/**
|
|
1829
3420
|
* FilterButton component for filter controls.
|
|
@@ -1863,7 +3454,7 @@ interface FilterButtonProps extends NativeButtonProps {
|
|
|
1863
3454
|
*/
|
|
1864
3455
|
declare const FilterButton: ({ active, disabled, onClear, labelClear, icon, children, ...rest }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1865
3456
|
|
|
1866
|
-
type NativeInputProps$2 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
|
|
3457
|
+
type NativeInputProps$2 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
|
|
1867
3458
|
/**
|
|
1868
3459
|
* Props for the Search component.
|
|
1869
3460
|
*
|
|
@@ -1993,7 +3584,7 @@ interface HStackProps extends NativeSpanProps {
|
|
|
1993
3584
|
/**
|
|
1994
3585
|
* Stack content.
|
|
1995
3586
|
*/
|
|
1996
|
-
children?: React.ReactNode;
|
|
3587
|
+
children?: React$1.ReactNode;
|
|
1997
3588
|
}
|
|
1998
3589
|
/**
|
|
1999
3590
|
* HStack component for horizontal layout.
|
|
@@ -2054,7 +3645,7 @@ interface PlaceholderProps {
|
|
|
2054
3645
|
/**
|
|
2055
3646
|
* Placeholder action.
|
|
2056
3647
|
*/
|
|
2057
|
-
action?: React.ReactNode;
|
|
3648
|
+
action?: React$1.ReactNode;
|
|
2058
3649
|
}
|
|
2059
3650
|
/**
|
|
2060
3651
|
* Placeholder component for showing status information.
|
|
@@ -2079,6 +3670,23 @@ interface PlaceholderProps {
|
|
|
2079
3670
|
*/
|
|
2080
3671
|
declare const Placeholder: ({ action, description, icon, title, }: PlaceholderProps) => react_jsx_runtime.JSX.Element;
|
|
2081
3672
|
|
|
3673
|
+
/**
|
|
3674
|
+
* Popup action item definition.
|
|
3675
|
+
*/
|
|
3676
|
+
interface PopupActionItem {
|
|
3677
|
+
/**
|
|
3678
|
+
* Label for the action
|
|
3679
|
+
*/
|
|
3680
|
+
label: string;
|
|
3681
|
+
/**
|
|
3682
|
+
* Callback when the button is clicked
|
|
3683
|
+
*/
|
|
3684
|
+
onClick: () => void;
|
|
3685
|
+
/**
|
|
3686
|
+
* Visual style variant of the button.
|
|
3687
|
+
*/
|
|
3688
|
+
variant?: ButtonVariant;
|
|
3689
|
+
}
|
|
2082
3690
|
/**
|
|
2083
3691
|
* Props for the Popup component.
|
|
2084
3692
|
*/
|
|
@@ -2094,15 +3702,19 @@ interface PopupProps {
|
|
|
2094
3702
|
/**
|
|
2095
3703
|
* Modal content.
|
|
2096
3704
|
*/
|
|
2097
|
-
children?: React.ReactNode;
|
|
3705
|
+
children?: React$1.ReactNode;
|
|
2098
3706
|
/**
|
|
2099
3707
|
* Modal title
|
|
2100
3708
|
*/
|
|
2101
3709
|
title?: string;
|
|
2102
3710
|
/**
|
|
2103
|
-
* Modal
|
|
3711
|
+
* Modal description
|
|
3712
|
+
*/
|
|
3713
|
+
description?: string;
|
|
3714
|
+
/**
|
|
3715
|
+
* Modal actions
|
|
2104
3716
|
*/
|
|
2105
|
-
|
|
3717
|
+
actions?: PopupActionItem[];
|
|
2106
3718
|
}
|
|
2107
3719
|
/**
|
|
2108
3720
|
* Popup component for displaying modal content with full screen size.
|
|
@@ -2125,7 +3737,7 @@ interface PopupProps {
|
|
|
2125
3737
|
* }
|
|
2126
3738
|
* ```
|
|
2127
3739
|
*/
|
|
2128
|
-
declare const Popup: ({ open, onClose, children, title,
|
|
3740
|
+
declare const Popup: ({ open, onClose, children, title, description, actions, }: PopupProps) => react_jsx_runtime.JSX.Element;
|
|
2129
3741
|
|
|
2130
3742
|
/**
|
|
2131
3743
|
* Progress steps item definition.
|
|
@@ -2267,7 +3879,7 @@ interface SpacerProps extends NativeDivProps {
|
|
|
2267
3879
|
*/
|
|
2268
3880
|
declare const Spacer: ({ width, height, ...rest }: SpacerProps) => react_jsx_runtime.JSX.Element;
|
|
2269
3881
|
|
|
2270
|
-
type NativeInputProps$1 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
|
|
3882
|
+
type NativeInputProps$1 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
|
|
2271
3883
|
/**
|
|
2272
3884
|
* Props for the Radio component.
|
|
2273
3885
|
*
|
|
@@ -2299,7 +3911,7 @@ interface RadioProps extends NativeInputProps$1 {
|
|
|
2299
3911
|
/**
|
|
2300
3912
|
* Callback fired when the radio state changes.
|
|
2301
3913
|
*/
|
|
2302
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
3914
|
+
onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
|
|
2303
3915
|
/**
|
|
2304
3916
|
* Name attribute for grouping radio buttons.
|
|
2305
3917
|
*/
|
|
@@ -2413,11 +4025,11 @@ interface SubheaderProps extends NativeDivProps {
|
|
|
2413
4025
|
/**
|
|
2414
4026
|
* Content displayed on the right side of the subheader.
|
|
2415
4027
|
*/
|
|
2416
|
-
side?: React.ReactNode;
|
|
4028
|
+
side?: React$1.ReactNode;
|
|
2417
4029
|
/**
|
|
2418
4030
|
* Main title content.
|
|
2419
4031
|
*/
|
|
2420
|
-
children: React.ReactNode;
|
|
4032
|
+
children: React$1.ReactNode;
|
|
2421
4033
|
}
|
|
2422
4034
|
/**
|
|
2423
4035
|
* Subheader component for section titles.
|
|
@@ -2481,7 +4093,7 @@ interface SubheaderProps extends NativeDivProps {
|
|
|
2481
4093
|
*/
|
|
2482
4094
|
declare const Subheader: ({ variant, side, children, ...rest }: SubheaderProps) => react_jsx_runtime.JSX.Element;
|
|
2483
4095
|
|
|
2484
|
-
type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
|
|
4096
|
+
type NativeInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
|
|
2485
4097
|
/**
|
|
2486
4098
|
* Props for the Switch component.
|
|
2487
4099
|
*
|
|
@@ -2511,7 +4123,7 @@ interface SwitchProps extends NativeInputProps {
|
|
|
2511
4123
|
/**
|
|
2512
4124
|
* Callback fired when the switch state changes.
|
|
2513
4125
|
*/
|
|
2514
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
4126
|
+
onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
|
|
2515
4127
|
}
|
|
2516
4128
|
/**
|
|
2517
4129
|
* Switch component for toggling between on and off states.
|
|
@@ -2604,7 +4216,7 @@ interface BadgeProps extends NativeSpanProps {
|
|
|
2604
4216
|
* }
|
|
2605
4217
|
* ```
|
|
2606
4218
|
*/
|
|
2607
|
-
declare const Badge: ({ icon, children }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
4219
|
+
declare const Badge: ({ icon, children, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
2608
4220
|
|
|
2609
4221
|
/**
|
|
2610
4222
|
* TabBar variant options.
|
|
@@ -2786,7 +4398,7 @@ interface TextProps extends NativeSpanProps {
|
|
|
2786
4398
|
/**
|
|
2787
4399
|
* Text content.
|
|
2788
4400
|
*/
|
|
2789
|
-
children?: React.ReactNode;
|
|
4401
|
+
children?: React$1.ReactNode;
|
|
2790
4402
|
}
|
|
2791
4403
|
/**
|
|
2792
4404
|
* Text component for rendering styled typography.
|
|
@@ -2842,7 +4454,7 @@ interface TextProps extends NativeSpanProps {
|
|
|
2842
4454
|
*/
|
|
2843
4455
|
declare const Text: ({ textStyle, as, children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
2844
4456
|
|
|
2845
|
-
type NativeTextAreaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
|
|
4457
|
+
type NativeTextAreaProps = Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
|
|
2846
4458
|
/**
|
|
2847
4459
|
* Props for the TextArea component.
|
|
2848
4460
|
*
|
|
@@ -2867,7 +4479,7 @@ interface TextAreaProps extends NativeTextAreaProps {
|
|
|
2867
4479
|
/**
|
|
2868
4480
|
* Callback fired when the textarea value changes.
|
|
2869
4481
|
*/
|
|
2870
|
-
onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
|
|
4482
|
+
onChange?: React$1.ChangeEventHandler<HTMLTextAreaElement>;
|
|
2871
4483
|
/**
|
|
2872
4484
|
* Label displayed above the textarea.
|
|
2873
4485
|
*/
|
|
@@ -2894,11 +4506,11 @@ interface TextAreaProps extends NativeTextAreaProps {
|
|
|
2894
4506
|
/**
|
|
2895
4507
|
* Description or helper text shown below the textarea.
|
|
2896
4508
|
*/
|
|
2897
|
-
description?: React.ReactNode;
|
|
4509
|
+
description?: React$1.ReactNode;
|
|
2898
4510
|
/**
|
|
2899
4511
|
* Error message shown when invalid.
|
|
2900
4512
|
*/
|
|
2901
|
-
errorMessage?: React.ReactNode;
|
|
4513
|
+
errorMessage?: React$1.ReactNode;
|
|
2902
4514
|
/**
|
|
2903
4515
|
* Number of visible text lines.
|
|
2904
4516
|
* @default 1
|
|
@@ -2973,6 +4585,41 @@ interface TextAreaProps extends NativeTextAreaProps {
|
|
|
2973
4585
|
*/
|
|
2974
4586
|
declare const TextArea: ({ value, defaultValue, onChange, label, placeholder, disabled, readOnly, invalid, description, errorMessage, rows, labelButtonClear, onClear, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
|
|
2975
4587
|
|
|
4588
|
+
/**
|
|
4589
|
+
* Props for the Toast component.
|
|
4590
|
+
*
|
|
4591
|
+
* @example
|
|
4592
|
+
* ```tsx
|
|
4593
|
+
* <Toast icon="Check">Success!</Toast>
|
|
4594
|
+
* ```
|
|
4595
|
+
*/
|
|
4596
|
+
interface ToastProps extends NativeSpanProps {
|
|
4597
|
+
/**
|
|
4598
|
+
* Toast content.
|
|
4599
|
+
*/
|
|
4600
|
+
children: string | number;
|
|
4601
|
+
/**
|
|
4602
|
+
* Toast icon.
|
|
4603
|
+
*/
|
|
4604
|
+
icon?: IconName;
|
|
4605
|
+
}
|
|
4606
|
+
/**
|
|
4607
|
+
* Component for the small & simple, non-distructing UI feedback to confirm user’s actions for the simple events.
|
|
4608
|
+
*
|
|
4609
|
+
* @example
|
|
4610
|
+
* ```tsx
|
|
4611
|
+
* import { Toast } from '@revolut/ui-kit-miniapp'
|
|
4612
|
+
*
|
|
4613
|
+
* // Basic usage
|
|
4614
|
+
* function BasicExample() {
|
|
4615
|
+
* return (
|
|
4616
|
+
* <Toast icon="Check">Success!</Toast>
|
|
4617
|
+
* )
|
|
4618
|
+
* }
|
|
4619
|
+
* ```
|
|
4620
|
+
*/
|
|
4621
|
+
declare const Toast: ({ icon, children, ...rest }: ToastProps) => react_jsx_runtime.JSX.Element;
|
|
4622
|
+
|
|
2976
4623
|
/**
|
|
2977
4624
|
* Props for the ToggleButton component.
|
|
2978
4625
|
*
|
|
@@ -3005,7 +4652,7 @@ interface ToggleButtonProps extends Omit<NativeButtonProps, 'onChange' | 'onTogg
|
|
|
3005
4652
|
/**
|
|
3006
4653
|
* Button content.
|
|
3007
4654
|
*/
|
|
3008
|
-
children: React.ReactNode;
|
|
4655
|
+
children: React$1.ReactNode;
|
|
3009
4656
|
}
|
|
3010
4657
|
/**
|
|
3011
4658
|
* ToggleButton component for toggle-able button states.
|
|
@@ -3095,7 +4742,7 @@ interface VisuallyHiddenProps {
|
|
|
3095
4742
|
/**
|
|
3096
4743
|
* Content to hide visually but keep accessible to screen readers.
|
|
3097
4744
|
*/
|
|
3098
|
-
children?: React.ReactNode;
|
|
4745
|
+
children?: React$1.ReactNode;
|
|
3099
4746
|
}
|
|
3100
4747
|
/**
|
|
3101
4748
|
* VisuallyHidden component for accessible hidden content.
|
|
@@ -3190,7 +4837,7 @@ interface VStackProps extends NativeSpanProps {
|
|
|
3190
4837
|
/**
|
|
3191
4838
|
* Stack content.
|
|
3192
4839
|
*/
|
|
3193
|
-
children?: React.ReactNode;
|
|
4840
|
+
children?: React$1.ReactNode;
|
|
3194
4841
|
}
|
|
3195
4842
|
/**
|
|
3196
4843
|
* VStack component for vertical layout.
|
|
@@ -3274,7 +4921,7 @@ interface RootProviderProps {
|
|
|
3274
4921
|
/**
|
|
3275
4922
|
* Application content.
|
|
3276
4923
|
*/
|
|
3277
|
-
children: React.ReactNode;
|
|
4924
|
+
children: React$1.ReactNode;
|
|
3278
4925
|
}
|
|
3279
4926
|
/**
|
|
3280
4927
|
* RootProvider component that sets up the theme and internationalisation context.
|
|
@@ -3312,11 +4959,11 @@ interface BottomSheetHeaderProps {
|
|
|
3312
4959
|
/**
|
|
3313
4960
|
* Avatar or icon displayed at the top of the header.
|
|
3314
4961
|
*/
|
|
3315
|
-
avatar?: React.ReactNode;
|
|
4962
|
+
avatar?: React$1.ReactNode;
|
|
3316
4963
|
/**
|
|
3317
4964
|
* Description text displayed below the title.
|
|
3318
4965
|
*/
|
|
3319
|
-
description?: React.ReactNode;
|
|
4966
|
+
description?: React$1.ReactNode;
|
|
3320
4967
|
/**
|
|
3321
4968
|
* Custom label for the close button.
|
|
3322
4969
|
*/
|
|
@@ -3324,7 +4971,7 @@ interface BottomSheetHeaderProps {
|
|
|
3324
4971
|
/**
|
|
3325
4972
|
* Title content.
|
|
3326
4973
|
*/
|
|
3327
|
-
children?: React.ReactNode;
|
|
4974
|
+
children?: React$1.ReactNode;
|
|
3328
4975
|
}
|
|
3329
4976
|
declare const BottomSheetHeader: ({ avatar, description, labelButtonClose, children, }: BottomSheetHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
3330
4977
|
/**
|
|
@@ -3334,7 +4981,7 @@ interface BottomSheetContentProps {
|
|
|
3334
4981
|
/**
|
|
3335
4982
|
* Content to display in the body of the bottom sheet.
|
|
3336
4983
|
*/
|
|
3337
|
-
children?: React.ReactNode;
|
|
4984
|
+
children?: React$1.ReactNode;
|
|
3338
4985
|
}
|
|
3339
4986
|
declare const BottomSheetContent: ({ children }: BottomSheetContentProps) => react_jsx_runtime.JSX.Element;
|
|
3340
4987
|
/**
|
|
@@ -3344,7 +4991,7 @@ interface BottomSheetActionsProps {
|
|
|
3344
4991
|
/**
|
|
3345
4992
|
* Action buttons to display at the bottom.
|
|
3346
4993
|
*/
|
|
3347
|
-
children?: React.ReactNode;
|
|
4994
|
+
children?: React$1.ReactNode;
|
|
3348
4995
|
}
|
|
3349
4996
|
declare const BottomSheetActions: ({ children }: BottomSheetActionsProps) => react_jsx_runtime.JSX.Element;
|
|
3350
4997
|
/**
|
|
@@ -3362,9 +5009,9 @@ interface BottomSheetProps {
|
|
|
3362
5009
|
/**
|
|
3363
5010
|
* Bottom sheet content (typically Header, Content, and Actions).
|
|
3364
5011
|
*/
|
|
3365
|
-
children?: React.ReactNode;
|
|
5012
|
+
children?: React$1.ReactNode;
|
|
3366
5013
|
}
|
|
3367
|
-
interface BottomSheetComponent extends React.FC<BottomSheetProps> {
|
|
5014
|
+
interface BottomSheetComponent extends React$1.FC<BottomSheetProps> {
|
|
3368
5015
|
Header: typeof BottomSheetHeader;
|
|
3369
5016
|
Content: typeof BottomSheetContent;
|
|
3370
5017
|
Actions: typeof BottomSheetActions;
|
|
@@ -3425,6 +5072,10 @@ interface PageHeaderActionItem {
|
|
|
3425
5072
|
* Label for the action (only visible if icon is not defined)
|
|
3426
5073
|
*/
|
|
3427
5074
|
label: string;
|
|
5075
|
+
/**
|
|
5076
|
+
* Show red dot on top right of the icon
|
|
5077
|
+
*/
|
|
5078
|
+
hasDot?: boolean;
|
|
3428
5079
|
/**
|
|
3429
5080
|
* Icon to show
|
|
3430
5081
|
*/
|
|
@@ -3449,19 +5100,19 @@ interface PageHeaderProps extends NativeHeadingProps {
|
|
|
3449
5100
|
/**
|
|
3450
5101
|
* Custom label for the close button.
|
|
3451
5102
|
*/
|
|
3452
|
-
labelButtonClose?: React.ReactNode;
|
|
5103
|
+
labelButtonClose?: React$1.ReactNode;
|
|
3453
5104
|
/**
|
|
3454
5105
|
* Custom label for the back button.
|
|
3455
5106
|
*/
|
|
3456
|
-
labelButtonBack?: React.ReactNode;
|
|
5107
|
+
labelButtonBack?: React$1.ReactNode;
|
|
3457
5108
|
/**
|
|
3458
5109
|
* Subtitle text displayed below the title.
|
|
3459
5110
|
*/
|
|
3460
|
-
subtitle?: React.ReactNode;
|
|
5111
|
+
subtitle?: React$1.ReactNode;
|
|
3461
5112
|
/**
|
|
3462
5113
|
* Description text displayed below the subtitle.
|
|
3463
5114
|
*/
|
|
3464
|
-
description?: React.ReactNode;
|
|
5115
|
+
description?: React$1.ReactNode;
|
|
3465
5116
|
/**
|
|
3466
5117
|
* Whether the header is in a loading state.
|
|
3467
5118
|
* @default false
|
|
@@ -3470,7 +5121,7 @@ interface PageHeaderProps extends NativeHeadingProps {
|
|
|
3470
5121
|
/**
|
|
3471
5122
|
* Header title content.
|
|
3472
5123
|
*/
|
|
3473
|
-
children?: React.ReactNode;
|
|
5124
|
+
children?: React$1.ReactNode;
|
|
3474
5125
|
/**
|
|
3475
5126
|
* Header actions.
|
|
3476
5127
|
*/
|
|
@@ -3484,11 +5135,11 @@ interface PageMainProps extends NativeMainProps {
|
|
|
3484
5135
|
/**
|
|
3485
5136
|
* Main content.
|
|
3486
5137
|
*/
|
|
3487
|
-
children?: React.ReactNode;
|
|
5138
|
+
children?: React$1.ReactNode;
|
|
3488
5139
|
/**
|
|
3489
5140
|
* Action buttons displayed at the bottom of the page.
|
|
3490
5141
|
*/
|
|
3491
|
-
actions?: React.ReactNode;
|
|
5142
|
+
actions?: React$1.ReactNode;
|
|
3492
5143
|
}
|
|
3493
5144
|
declare const PageMain: ({ children, actions, ...rest }: PageMainProps) => react_jsx_runtime.JSX.Element;
|
|
3494
5145
|
/**
|
|
@@ -3498,7 +5149,7 @@ interface PageTabsProps extends NativeDivProps {
|
|
|
3498
5149
|
/**
|
|
3499
5150
|
* Tabs content (typically TabBar or similar).
|
|
3500
5151
|
*/
|
|
3501
|
-
children?: React.ReactNode;
|
|
5152
|
+
children?: React$1.ReactNode;
|
|
3502
5153
|
}
|
|
3503
5154
|
declare const PageTabs: ({ children, ...rest }: PageTabsProps) => react_jsx_runtime.JSX.Element;
|
|
3504
5155
|
/**
|
|
@@ -3508,9 +5159,9 @@ interface PageProps extends NativeDivProps {
|
|
|
3508
5159
|
/**
|
|
3509
5160
|
* Page content (typically Page.Header and Page.Main).
|
|
3510
5161
|
*/
|
|
3511
|
-
children?: React.ReactNode;
|
|
5162
|
+
children?: React$1.ReactNode;
|
|
3512
5163
|
}
|
|
3513
|
-
interface PageComponent extends React.FC<PageProps> {
|
|
5164
|
+
interface PageComponent extends React$1.FC<PageProps> {
|
|
3514
5165
|
Header: typeof PageHeader;
|
|
3515
5166
|
Main: typeof PageMain;
|
|
3516
5167
|
Tabs: typeof PageTabs;
|
|
@@ -3569,7 +5220,7 @@ interface StatusSheetAction {
|
|
|
3569
5220
|
/**
|
|
3570
5221
|
* Text to display on the action button.
|
|
3571
5222
|
*/
|
|
3572
|
-
title: React.ReactNode;
|
|
5223
|
+
title: React$1.ReactNode;
|
|
3573
5224
|
/**
|
|
3574
5225
|
* Callback when the action button is clicked.
|
|
3575
5226
|
*/
|
|
@@ -3591,11 +5242,11 @@ interface StatusSheetOptions {
|
|
|
3591
5242
|
/**
|
|
3592
5243
|
* Title content displayed in the status sheet.
|
|
3593
5244
|
*/
|
|
3594
|
-
title: React.ReactNode;
|
|
5245
|
+
title: React$1.ReactNode;
|
|
3595
5246
|
/**
|
|
3596
5247
|
* Optional description content displayed below the title.
|
|
3597
5248
|
*/
|
|
3598
|
-
description?: React.ReactNode;
|
|
5249
|
+
description?: React$1.ReactNode;
|
|
3599
5250
|
/**
|
|
3600
5251
|
* Optional action buttons displayed at the bottom.
|
|
3601
5252
|
*/
|
|
@@ -3685,7 +5336,7 @@ declare const Token: {
|
|
|
3685
5336
|
* Token.color.danger // Error state
|
|
3686
5337
|
* ```
|
|
3687
5338
|
*/
|
|
3688
|
-
readonly color: Record<"
|
|
5339
|
+
readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | ("negative" | "accent" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "static" | "layoutBackground" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90" | "positive_5" | "positive_10" | "positive_20" | "positive_30" | "positive_40" | "positive_50" | "positive_60" | "positive_70" | "positive_80" | "positive_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
|
|
3689
5340
|
/**
|
|
3690
5341
|
* Border radius tokens.
|
|
3691
5342
|
*
|
|
@@ -3794,5 +5445,5 @@ declare const Token: {
|
|
|
3794
5445
|
};
|
|
3795
5446
|
};
|
|
3796
5447
|
|
|
3797
|
-
export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Spacer, Subheader, Switch, TabBar, Text, TextArea, ToggleButton, Token, VStack, VisuallyHidden, useStatusSheet };
|
|
3798
|
-
export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CopyableProps,
|
|
5448
|
+
export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Spacer, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
|
|
5449
|
+
export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsProps, RadioProps, RootProviderProps, SearchProps, Space, SpacerProps, StackAlignment, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };
|