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