@ovotech/element-native 5.6.0 → 5.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/components/Accordion/styles.d.ts +3 -1734
  2. package/dist/components/ActionList/ActionListItems/DataListItem.js +3 -1
  3. package/dist/components/ActionList/ActionListItems/ToggleListItem.js +3 -4
  4. package/dist/components/ActionList/ActionListItems/styles.d.ts +22 -10404
  5. package/dist/components/ActionList/ActionListItems/styles.js +18 -16
  6. package/dist/components/ActionList/styled.d.ts +12 -6936
  7. package/dist/components/Badge/Badge.d.ts +1 -578
  8. package/dist/components/BottomActionBar/BottomActionBar.d.ts +12 -0
  9. package/dist/components/BottomActionBar/BottomActionBar.js +80 -0
  10. package/dist/components/BottomActionBar/OverlayProvider.d.ts +8 -0
  11. package/dist/components/BottomActionBar/OverlayProvider.js +38 -0
  12. package/dist/components/BottomActionBar/index.d.ts +2 -0
  13. package/dist/components/BottomActionBar/index.js +7 -0
  14. package/dist/components/Button/Button.styles.d.ts +5 -2312
  15. package/dist/components/Card/Card.styles.d.ts +3 -1734
  16. package/dist/components/Cards/AccountCard/AccountCard.styles.d.ts +8 -4624
  17. package/dist/components/Cards/BalanceCard/BalanceCard.styles.d.ts +15 -8670
  18. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.styles.d.ts +1 -578
  19. package/dist/components/Cards/HeroImageCard/HeroImageCard.styles.d.ts +3 -1734
  20. package/dist/components/Cards/IconDataCard/IconDataCard.styles.d.ts +4 -2312
  21. package/dist/components/Cards/IconTextCard/IconTextCard.styles.d.ts +3 -1734
  22. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.d.ts +5 -2890
  23. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.js +1 -2
  24. package/dist/components/Cards/LinkTextCard/LinkTextCard.styles.d.ts +5 -2890
  25. package/dist/components/Cards/OfferCard/OfferCard.d.ts +22 -0
  26. package/dist/components/Cards/OfferCard/OfferCard.js +36 -0
  27. package/dist/components/Cards/OfferCard/OfferCard.styles.d.ts +34 -0
  28. package/dist/components/Cards/OfferCard/OfferCard.styles.js +61 -0
  29. package/dist/components/Cards/OfferCard/index.d.ts +1 -0
  30. package/dist/components/Cards/OfferCard/index.js +17 -0
  31. package/dist/components/Cards/ProgressBarCard/ProgressBarCard.styles.d.ts +9 -5202
  32. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.styles.d.ts +5 -2890
  33. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.styles.d.ts +5 -2890
  34. package/dist/components/Cards/shared.styles.d.ts +10 -5780
  35. package/dist/components/Checkbox/styled.d.ts +6 -3468
  36. package/dist/components/CurrencyInput/styled.d.ts +4 -2312
  37. package/dist/components/DataTable/styles.d.ts +13 -7514
  38. package/dist/components/Disclosure/Disclosure.d.ts +1 -578
  39. package/dist/components/Em/Em.d.ts +1 -578
  40. package/dist/components/EmptyState/styles.d.ts +2 -1156
  41. package/dist/components/ErrorText/ErrorText.d.ts +1 -578
  42. package/dist/components/Grid/Col.d.ts +1 -578
  43. package/dist/components/HintText/HintText.d.ts +1 -578
  44. package/dist/components/Input/styled.d.ts +3 -1734
  45. package/dist/components/LabelText/LabelText.d.ts +1 -578
  46. package/dist/components/LargeValueReference/styles.d.ts +3 -1734
  47. package/dist/components/LineThrough/LineThrough.d.ts +1 -578
  48. package/dist/components/List/styled.d.ts +4 -2312
  49. package/dist/components/Margin/Margin.d.ts +1 -578
  50. package/dist/components/NavHeader/NavHeader.styles.d.ts +11 -6358
  51. package/dist/components/Notification/Notification.d.ts +2 -2
  52. package/dist/components/Notification/Notification.js +20 -12
  53. package/dist/components/Notification/Notification.styles.d.ts +13 -5202
  54. package/dist/components/Notification/Notification.styles.js +21 -2
  55. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +1 -578
  56. package/dist/components/Radio/Radio.d.ts +2 -2
  57. package/dist/components/Radio/Radio.js +5 -43
  58. package/dist/components/Radio/Radio.styles.d.ts +9 -0
  59. package/dist/components/Radio/Radio.styles.js +74 -0
  60. package/dist/components/RadioCard/RadioCard.styles.d.ts +5 -2890
  61. package/dist/components/Rail/Rail.d.ts +12 -0
  62. package/dist/components/Rail/Rail.js +58 -0
  63. package/dist/components/Rail/RailIndicator.d.ts +7 -0
  64. package/dist/components/Rail/RailIndicator.js +81 -0
  65. package/dist/components/Rail/index.d.ts +1 -0
  66. package/dist/components/Rail/index.js +5 -0
  67. package/dist/components/Rail/styles.d.ts +13 -0
  68. package/dist/components/Rail/styles.js +55 -0
  69. package/dist/components/Rail/useRailPaging.d.ts +13 -0
  70. package/dist/components/Rail/useRailPaging.js +95 -0
  71. package/dist/components/SelectField/styled.d.ts +8 -4624
  72. package/dist/components/Strong/Strong.d.ts +1 -578
  73. package/dist/components/SubLabelText/SubLabelText.d.ts +1 -578
  74. package/dist/components/Tabs/Tab.d.ts +1 -578
  75. package/dist/components/Toast/Toast.d.ts +10 -4
  76. package/dist/components/Toast/Toast.js +40 -27
  77. package/dist/components/Toggle/styles.d.ts +4 -2312
  78. package/dist/components/index.d.ts +2 -0
  79. package/dist/components/index.js +2 -0
  80. package/dist/esm/components/ActionList/ActionListItems/DataListItem.js +3 -1
  81. package/dist/esm/components/ActionList/ActionListItems/ToggleListItem.js +5 -6
  82. package/dist/esm/components/ActionList/ActionListItems/styles.js +17 -15
  83. package/dist/esm/components/BottomActionBar/BottomActionBar.js +40 -0
  84. package/dist/esm/components/BottomActionBar/OverlayProvider.js +30 -0
  85. package/dist/esm/components/BottomActionBar/index.js +2 -0
  86. package/dist/esm/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.js +1 -2
  87. package/dist/esm/components/Cards/OfferCard/OfferCard.js +32 -0
  88. package/dist/esm/components/Cards/OfferCard/OfferCard.styles.js +55 -0
  89. package/dist/esm/components/Cards/OfferCard/index.js +1 -0
  90. package/dist/esm/components/Notification/Notification.js +21 -13
  91. package/dist/esm/components/Notification/Notification.styles.js +20 -1
  92. package/dist/esm/components/Radio/Radio.js +4 -39
  93. package/dist/esm/components/Radio/Radio.styles.js +38 -0
  94. package/dist/esm/components/Rail/Rail.js +21 -0
  95. package/dist/esm/components/Rail/RailIndicator.js +44 -0
  96. package/dist/esm/components/Rail/index.js +1 -0
  97. package/dist/esm/components/Rail/styles.js +49 -0
  98. package/dist/esm/components/Rail/useRailPaging.js +92 -0
  99. package/dist/esm/components/Toast/Toast.js +40 -27
  100. package/dist/esm/components/index.js +2 -0
  101. package/dist/styled.native.d.ts +1 -3463
  102. package/package.json +2 -2
@@ -3,584 +3,7 @@ declare const HintText: (props: Omit<{
3
3
  [x: number]: any;
4
4
  [x: symbol]: any;
5
5
  } & {
6
- theme?: {
7
- color: {
8
- neutral: {
9
- "20": string;
10
- "30": string;
11
- "40": string;
12
- "50": string;
13
- "60": string;
14
- "70": string;
15
- "80": string;
16
- white: string;
17
- black: string;
18
- };
19
- red: {
20
- "20": string;
21
- "30": string;
22
- "40": string;
23
- "50": string;
24
- "60": string;
25
- "70": string;
26
- "80": string;
27
- };
28
- orange: {
29
- "20": string;
30
- "30": string;
31
- "40": string;
32
- "50": string;
33
- "60": string;
34
- "70": string;
35
- };
36
- yellow: {
37
- "70": string;
38
- "80": string;
39
- };
40
- green: {
41
- "20": string;
42
- "30": string;
43
- "40": string;
44
- "50": string;
45
- "55": string;
46
- "56": string;
47
- "60": string;
48
- "70": string;
49
- "80": string;
50
- "90": string;
51
- };
52
- blue: {
53
- "20": string;
54
- "30": string;
55
- "40": string;
56
- "50": string;
57
- "60": string;
58
- "70": string;
59
- };
60
- alert: {
61
- success: string;
62
- successTint: string;
63
- warning: string;
64
- warningTint: string;
65
- error: string;
66
- errorTint: string;
67
- info: string;
68
- infoTint: string;
69
- neutral: string;
70
- neutralTint: string;
71
- border: string;
72
- };
73
- input: {
74
- borderDim: string;
75
- };
76
- brand: {
77
- brand: string;
78
- dark: string;
79
- dim: string;
80
- bold: string;
81
- bright: string;
82
- gradientFrom: string;
83
- gradientTo: string;
84
- onBrand: string;
85
- onBrandVariant: string;
86
- aiGradientFrom: string;
87
- aiGradientTo: string;
88
- accessible: string;
89
- fixed: {
90
- brand: string;
91
- dark: string;
92
- dim: string;
93
- bold: string;
94
- bright: string;
95
- onBrand: string;
96
- onBrandVariant: string;
97
- accessible: string;
98
- };
99
- };
100
- outline: {
101
- outer: string;
102
- inner: string;
103
- };
104
- surface: {
105
- surface: string;
106
- bright: string;
107
- dim: string;
108
- onSurface: string;
109
- onSurfaceVariant: string;
110
- border: string;
111
- borderDim: string;
112
- link: string;
113
- electricity: string;
114
- gas: string;
115
- fadeFrom: string;
116
- fadeTo: string;
117
- fixed: {
118
- onSurface: string;
119
- bright: string;
120
- };
121
- };
122
- };
123
- transition: {
124
- duration: {
125
- fast: number;
126
- medium: number;
127
- slow: number;
128
- };
129
- };
130
- unit: {
131
- "0": number;
132
- "25": number;
133
- "50": number;
134
- "100": number;
135
- "200": number;
136
- "300": number;
137
- "350": number;
138
- "400": number;
139
- "450": number;
140
- "500": number;
141
- "550": number;
142
- "600": number;
143
- "700": number;
144
- "800": number;
145
- "900": number;
146
- "1000": number;
147
- "1100": number;
148
- "1200": number;
149
- "1300": number;
150
- "1400": number;
151
- "1500": number;
152
- "1600": number;
153
- "1800": number;
154
- "2000": number;
155
- "2400": number;
156
- "3000": number;
157
- "3500": number;
158
- };
159
- border: {
160
- radius: {
161
- xs: number;
162
- sm: number;
163
- md: number;
164
- lg: number;
165
- xl: number;
166
- "2xl": number;
167
- "3xl": number;
168
- };
169
- width: {
170
- sm: number;
171
- md: number;
172
- lg: number;
173
- };
174
- };
175
- breakpoint: {
176
- xsmall: number;
177
- small: number;
178
- medium: number;
179
- large: number;
180
- };
181
- native: {
182
- font: {
183
- family: {
184
- black: string;
185
- book: string;
186
- bold: string;
187
- };
188
- };
189
- };
190
- web: {
191
- font: {
192
- family: string;
193
- };
194
- };
195
- font: {
196
- letterSpacing: {
197
- d1: {
198
- mediaQuery: {
199
- sm: number;
200
- lg: number;
201
- };
202
- };
203
- d2: {
204
- mediaQuery: {
205
- sm: number;
206
- lg: number;
207
- };
208
- };
209
- d3: {
210
- mediaQuery: {
211
- sm: number;
212
- lg: number;
213
- };
214
- };
215
- d4: {
216
- mediaQuery: {
217
- sm: number;
218
- lg: number;
219
- };
220
- };
221
- "4xl": {
222
- mediaQuery: {
223
- sm: number;
224
- lg: number;
225
- };
226
- };
227
- "3xl": {
228
- mediaQuery: {
229
- sm: number;
230
- lg: number;
231
- };
232
- };
233
- "2xl": {
234
- mediaQuery: {
235
- sm: number;
236
- lg: number;
237
- };
238
- };
239
- xl: {
240
- mediaQuery: {
241
- sm: number;
242
- lg: number;
243
- };
244
- };
245
- lg: {
246
- mediaQuery: {
247
- sm: number;
248
- lg: number;
249
- };
250
- };
251
- md: {
252
- mediaQuery: {
253
- sm: number;
254
- lg: number;
255
- };
256
- };
257
- sm: {
258
- mediaQuery: {
259
- sm: number;
260
- lg: number;
261
- };
262
- };
263
- xs: {
264
- mediaQuery: {
265
- sm: number;
266
- lg: number;
267
- };
268
- };
269
- };
270
- lineHeight: {
271
- d1: {
272
- mediaQuery: {
273
- sm: number;
274
- lg: number;
275
- };
276
- };
277
- d2: {
278
- mediaQuery: {
279
- sm: number;
280
- lg: number;
281
- };
282
- };
283
- d3: {
284
- mediaQuery: {
285
- sm: number;
286
- lg: number;
287
- };
288
- };
289
- d4: {
290
- mediaQuery: {
291
- sm: number;
292
- lg: number;
293
- };
294
- };
295
- "4xl": {
296
- mediaQuery: {
297
- sm: number;
298
- lg: number;
299
- };
300
- };
301
- "3xl": {
302
- mediaQuery: {
303
- sm: number;
304
- lg: number;
305
- };
306
- };
307
- "2xl": {
308
- mediaQuery: {
309
- sm: number;
310
- lg: number;
311
- };
312
- };
313
- xl: {
314
- mediaQuery: {
315
- sm: number;
316
- lg: number;
317
- };
318
- };
319
- lg: {
320
- mediaQuery: {
321
- sm: number;
322
- lg: number;
323
- };
324
- };
325
- md: {
326
- mediaQuery: {
327
- sm: number;
328
- lg: number;
329
- };
330
- };
331
- sm: {
332
- mediaQuery: {
333
- sm: number;
334
- lg: number;
335
- };
336
- };
337
- xs: {
338
- mediaQuery: {
339
- sm: number;
340
- lg: number;
341
- };
342
- };
343
- };
344
- paragraphSpace: {
345
- d1: {
346
- mediaQuery: {
347
- sm: number;
348
- lg: number;
349
- };
350
- };
351
- d2: {
352
- mediaQuery: {
353
- sm: number;
354
- lg: number;
355
- };
356
- };
357
- d3: {
358
- mediaQuery: {
359
- sm: number;
360
- lg: number;
361
- };
362
- };
363
- d4: {
364
- mediaQuery: {
365
- sm: number;
366
- lg: number;
367
- };
368
- };
369
- "4xl": {
370
- mediaQuery: {
371
- sm: number;
372
- lg: number;
373
- };
374
- };
375
- "3xl": {
376
- mediaQuery: {
377
- sm: number;
378
- lg: number;
379
- };
380
- };
381
- "2xl": {
382
- mediaQuery: {
383
- sm: number;
384
- lg: number;
385
- };
386
- };
387
- xl: {
388
- mediaQuery: {
389
- sm: number;
390
- lg: number;
391
- };
392
- };
393
- lg: {
394
- mediaQuery: {
395
- sm: number;
396
- lg: number;
397
- };
398
- };
399
- md: {
400
- mediaQuery: {
401
- sm: number;
402
- lg: number;
403
- };
404
- };
405
- sm: {
406
- mediaQuery: {
407
- sm: number;
408
- lg: number;
409
- };
410
- };
411
- xs: {
412
- mediaQuery: {
413
- sm: number;
414
- lg: number;
415
- };
416
- };
417
- };
418
- size: {
419
- d1: {
420
- mediaQuery: {
421
- sm: number;
422
- lg: number;
423
- };
424
- };
425
- d2: {
426
- mediaQuery: {
427
- sm: number;
428
- lg: number;
429
- };
430
- };
431
- d3: {
432
- mediaQuery: {
433
- sm: number;
434
- lg: number;
435
- };
436
- };
437
- d4: {
438
- mediaQuery: {
439
- sm: number;
440
- lg: number;
441
- };
442
- };
443
- "4xl": {
444
- mediaQuery: {
445
- sm: number;
446
- lg: number;
447
- };
448
- };
449
- "3xl": {
450
- mediaQuery: {
451
- sm: number;
452
- lg: number;
453
- };
454
- };
455
- "2xl": {
456
- mediaQuery: {
457
- sm: number;
458
- lg: number;
459
- };
460
- };
461
- xl: {
462
- mediaQuery: {
463
- sm: number;
464
- lg: number;
465
- };
466
- };
467
- lg: {
468
- mediaQuery: {
469
- sm: number;
470
- lg: number;
471
- };
472
- };
473
- md: {
474
- mediaQuery: {
475
- sm: number;
476
- lg: number;
477
- };
478
- };
479
- sm: {
480
- mediaQuery: {
481
- sm: number;
482
- lg: number;
483
- };
484
- };
485
- xs: {
486
- mediaQuery: {
487
- sm: number;
488
- lg: number;
489
- };
490
- };
491
- };
492
- weight: {
493
- book: number;
494
- bold: number;
495
- black: number;
496
- };
497
- };
498
- mediaQuery: {
499
- xsmall: number;
500
- small: number;
501
- medium: number;
502
- large: number;
503
- };
504
- customMediaQuery: {
505
- "xsmall-and-up": number;
506
- "small-and-up": number;
507
- "medium-and-up": number;
508
- "large-and-up": number;
509
- };
510
- opacity: {
511
- solid: number;
512
- translucent: number;
513
- transparent: number;
514
- };
515
- space: {
516
- "0": number;
517
- "25": number;
518
- "50": number;
519
- "100": number;
520
- "150": number;
521
- "200": number;
522
- "250": number;
523
- "300": number;
524
- "350": number;
525
- "400": number;
526
- "450": number;
527
- "500": number;
528
- "550": number;
529
- "600": number;
530
- "700": number;
531
- "800": number;
532
- "900": number;
533
- "1000": number;
534
- "1100": number;
535
- "1200": number;
536
- "1300": number;
537
- "1400": number;
538
- "1500": number;
539
- "1600": number;
540
- "1800": number;
541
- "2000": number;
542
- "2400": number;
543
- "3000": number;
544
- "3500": number;
545
- base: number;
546
- };
547
- button: {
548
- color: {
549
- focus: {
550
- blue: string;
551
- white: string;
552
- };
553
- };
554
- surface: {
555
- color: {
556
- fg: string;
557
- bg: string;
558
- bgVariant: string;
559
- bgHover: string;
560
- fgInverted: string;
561
- bgInverted: string;
562
- bgInvertedHover: string;
563
- };
564
- };
565
- destructive: {
566
- color: {
567
- fg: string;
568
- bg: string;
569
- bgHover: string;
570
- };
571
- };
572
- };
573
- input: {
574
- color: {
575
- label: string;
576
- border: string;
577
- borderError: string;
578
- hint: string;
579
- selected: string;
580
- selectedTint: string;
581
- };
582
- };
583
- } | undefined;
6
+ theme?: import("@ovotech/element-core").ThemeNative | undefined;
584
7
  } & {
585
8
  as?: string | import("react").ComponentType<any> | undefined;
586
9
  forwardedAs?: string | import("react").ComponentType<any> | undefined;