@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
package/dist/components/EmptyState/styles.d.ts CHANGED
@@ -1,1156 +1,2 @@
1
- export declare const StyledCard: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
2
- color: {
3
- neutral: {
4
- "20": string;
5
- "30": string;
6
- "40": string;
7
- "50": string;
8
- "60": string;
9
- "70": string;
10
- "80": string;
11
- white: string;
12
- black: string;
13
- };
14
- red: {
15
- "20": string;
16
- "30": string;
17
- "40": string;
18
- "50": string;
19
- "60": string;
20
- "70": string;
21
- "80": string;
22
- };
23
- orange: {
24
- "20": string;
25
- "30": string;
26
- "40": string;
27
- "50": string;
28
- "60": string;
29
- "70": string;
30
- };
31
- yellow: {
32
- "70": string;
33
- "80": string;
34
- };
35
- green: {
36
- "20": string;
37
- "30": string;
38
- "40": string;
39
- "50": string;
40
- "55": string;
41
- "56": string;
42
- "60": string;
43
- "70": string;
44
- "80": string;
45
- "90": string;
46
- };
47
- blue: {
48
- "20": string;
49
- "30": string;
50
- "40": string;
51
- "50": string;
52
- "60": string;
53
- "70": string;
54
- };
55
- alert: {
56
- success: string;
57
- successTint: string;
58
- warning: string;
59
- warningTint: string;
60
- error: string;
61
- errorTint: string;
62
- info: string;
63
- infoTint: string;
64
- neutral: string;
65
- neutralTint: string;
66
- border: string;
67
- };
68
- input: {
69
- borderDim: string;
70
- };
71
- brand: {
72
- brand: string;
73
- dark: string;
74
- dim: string;
75
- bold: string;
76
- bright: string;
77
- gradientFrom: string;
78
- gradientTo: string;
79
- onBrand: string;
80
- onBrandVariant: string;
81
- aiGradientFrom: string;
82
- aiGradientTo: string;
83
- accessible: string;
84
- fixed: {
85
- brand: string;
86
- dark: string;
87
- dim: string;
88
- bold: string;
89
- bright: string;
90
- onBrand: string;
91
- onBrandVariant: string;
92
- accessible: string;
93
- };
94
- };
95
- outline: {
96
- outer: string;
97
- inner: string;
98
- };
99
- surface: {
100
- surface: string;
101
- bright: string;
102
- dim: string;
103
- onSurface: string;
104
- onSurfaceVariant: string;
105
- border: string;
106
- borderDim: string;
107
- link: string;
108
- electricity: string;
109
- gas: string;
110
- fadeFrom: string;
111
- fadeTo: string;
112
- fixed: {
113
- onSurface: string;
114
- bright: string;
115
- };
116
- };
117
- };
118
- transition: {
119
- duration: {
120
- fast: number;
121
- medium: number;
122
- slow: number;
123
- };
124
- };
125
- unit: {
126
- "0": number;
127
- "25": number;
128
- "50": number;
129
- "100": number;
130
- "200": number;
131
- "300": number;
132
- "350": number;
133
- "400": number;
134
- "450": number;
135
- "500": number;
136
- "550": number;
137
- "600": number;
138
- "700": number;
139
- "800": number;
140
- "900": number;
141
- "1000": number;
142
- "1100": number;
143
- "1200": number;
144
- "1300": number;
145
- "1400": number;
146
- "1500": number;
147
- "1600": number;
148
- "1800": number;
149
- "2000": number;
150
- "2400": number;
151
- "3000": number;
152
- "3500": number;
153
- };
154
- border: {
155
- radius: {
156
- xs: number;
157
- sm: number;
158
- md: number;
159
- lg: number;
160
- xl: number;
161
- "2xl": number;
162
- "3xl": number;
163
- };
164
- width: {
165
- sm: number;
166
- md: number;
167
- lg: number;
168
- };
169
- };
170
- breakpoint: {
171
- xsmall: number;
172
- small: number;
173
- medium: number;
174
- large: number;
175
- };
176
- native: {
177
- font: {
178
- family: {
179
- black: string;
180
- book: string;
181
- bold: string;
182
- };
183
- };
184
- };
185
- web: {
186
- font: {
187
- family: string;
188
- };
189
- };
190
- font: {
191
- letterSpacing: {
192
- d1: {
193
- mediaQuery: {
194
- sm: number;
195
- lg: number;
196
- };
197
- };
198
- d2: {
199
- mediaQuery: {
200
- sm: number;
201
- lg: number;
202
- };
203
- };
204
- d3: {
205
- mediaQuery: {
206
- sm: number;
207
- lg: number;
208
- };
209
- };
210
- d4: {
211
- mediaQuery: {
212
- sm: number;
213
- lg: number;
214
- };
215
- };
216
- "4xl": {
217
- mediaQuery: {
218
- sm: number;
219
- lg: number;
220
- };
221
- };
222
- "3xl": {
223
- mediaQuery: {
224
- sm: number;
225
- lg: number;
226
- };
227
- };
228
- "2xl": {
229
- mediaQuery: {
230
- sm: number;
231
- lg: number;
232
- };
233
- };
234
- xl: {
235
- mediaQuery: {
236
- sm: number;
237
- lg: number;
238
- };
239
- };
240
- lg: {
241
- mediaQuery: {
242
- sm: number;
243
- lg: number;
244
- };
245
- };
246
- md: {
247
- mediaQuery: {
248
- sm: number;
249
- lg: number;
250
- };
251
- };
252
- sm: {
253
- mediaQuery: {
254
- sm: number;
255
- lg: number;
256
- };
257
- };
258
- xs: {
259
- mediaQuery: {
260
- sm: number;
261
- lg: number;
262
- };
263
- };
264
- };
265
- lineHeight: {
266
- d1: {
267
- mediaQuery: {
268
- sm: number;
269
- lg: number;
270
- };
271
- };
272
- d2: {
273
- mediaQuery: {
274
- sm: number;
275
- lg: number;
276
- };
277
- };
278
- d3: {
279
- mediaQuery: {
280
- sm: number;
281
- lg: number;
282
- };
283
- };
284
- d4: {
285
- mediaQuery: {
286
- sm: number;
287
- lg: number;
288
- };
289
- };
290
- "4xl": {
291
- mediaQuery: {
292
- sm: number;
293
- lg: number;
294
- };
295
- };
296
- "3xl": {
297
- mediaQuery: {
298
- sm: number;
299
- lg: number;
300
- };
301
- };
302
- "2xl": {
303
- mediaQuery: {
304
- sm: number;
305
- lg: number;
306
- };
307
- };
308
- xl: {
309
- mediaQuery: {
310
- sm: number;
311
- lg: number;
312
- };
313
- };
314
- lg: {
315
- mediaQuery: {
316
- sm: number;
317
- lg: number;
318
- };
319
- };
320
- md: {
321
- mediaQuery: {
322
- sm: number;
323
- lg: number;
324
- };
325
- };
326
- sm: {
327
- mediaQuery: {
328
- sm: number;
329
- lg: number;
330
- };
331
- };
332
- xs: {
333
- mediaQuery: {
334
- sm: number;
335
- lg: number;
336
- };
337
- };
338
- };
339
- paragraphSpace: {
340
- d1: {
341
- mediaQuery: {
342
- sm: number;
343
- lg: number;
344
- };
345
- };
346
- d2: {
347
- mediaQuery: {
348
- sm: number;
349
- lg: number;
350
- };
351
- };
352
- d3: {
353
- mediaQuery: {
354
- sm: number;
355
- lg: number;
356
- };
357
- };
358
- d4: {
359
- mediaQuery: {
360
- sm: number;
361
- lg: number;
362
- };
363
- };
364
- "4xl": {
365
- mediaQuery: {
366
- sm: number;
367
- lg: number;
368
- };
369
- };
370
- "3xl": {
371
- mediaQuery: {
372
- sm: number;
373
- lg: number;
374
- };
375
- };
376
- "2xl": {
377
- mediaQuery: {
378
- sm: number;
379
- lg: number;
380
- };
381
- };
382
- xl: {
383
- mediaQuery: {
384
- sm: number;
385
- lg: number;
386
- };
387
- };
388
- lg: {
389
- mediaQuery: {
390
- sm: number;
391
- lg: number;
392
- };
393
- };
394
- md: {
395
- mediaQuery: {
396
- sm: number;
397
- lg: number;
398
- };
399
- };
400
- sm: {
401
- mediaQuery: {
402
- sm: number;
403
- lg: number;
404
- };
405
- };
406
- xs: {
407
- mediaQuery: {
408
- sm: number;
409
- lg: number;
410
- };
411
- };
412
- };
413
- size: {
414
- d1: {
415
- mediaQuery: {
416
- sm: number;
417
- lg: number;
418
- };
419
- };
420
- d2: {
421
- mediaQuery: {
422
- sm: number;
423
- lg: number;
424
- };
425
- };
426
- d3: {
427
- mediaQuery: {
428
- sm: number;
429
- lg: number;
430
- };
431
- };
432
- d4: {
433
- mediaQuery: {
434
- sm: number;
435
- lg: number;
436
- };
437
- };
438
- "4xl": {
439
- mediaQuery: {
440
- sm: number;
441
- lg: number;
442
- };
443
- };
444
- "3xl": {
445
- mediaQuery: {
446
- sm: number;
447
- lg: number;
448
- };
449
- };
450
- "2xl": {
451
- mediaQuery: {
452
- sm: number;
453
- lg: number;
454
- };
455
- };
456
- xl: {
457
- mediaQuery: {
458
- sm: number;
459
- lg: number;
460
- };
461
- };
462
- lg: {
463
- mediaQuery: {
464
- sm: number;
465
- lg: number;
466
- };
467
- };
468
- md: {
469
- mediaQuery: {
470
- sm: number;
471
- lg: number;
472
- };
473
- };
474
- sm: {
475
- mediaQuery: {
476
- sm: number;
477
- lg: number;
478
- };
479
- };
480
- xs: {
481
- mediaQuery: {
482
- sm: number;
483
- lg: number;
484
- };
485
- };
486
- };
487
- weight: {
488
- book: number;
489
- bold: number;
490
- black: number;
491
- };
492
- };
493
- mediaQuery: {
494
- xsmall: number;
495
- small: number;
496
- medium: number;
497
- large: number;
498
- };
499
- customMediaQuery: {
500
- "xsmall-and-up": number;
501
- "small-and-up": number;
502
- "medium-and-up": number;
503
- "large-and-up": number;
504
- };
505
- opacity: {
506
- solid: number;
507
- translucent: number;
508
- transparent: number;
509
- };
510
- space: {
511
- "0": number;
512
- "25": number;
513
- "50": number;
514
- "100": number;
515
- "150": number;
516
- "200": number;
517
- "250": number;
518
- "300": number;
519
- "350": number;
520
- "400": number;
521
- "450": number;
522
- "500": number;
523
- "550": number;
524
- "600": number;
525
- "700": number;
526
- "800": number;
527
- "900": number;
528
- "1000": number;
529
- "1100": number;
530
- "1200": number;
531
- "1300": number;
532
- "1400": number;
533
- "1500": number;
534
- "1600": number;
535
- "1800": number;
536
- "2000": number;
537
- "2400": number;
538
- "3000": number;
539
- "3500": number;
540
- base: number;
541
- };
542
- button: {
543
- color: {
544
- focus: {
545
- blue: string;
546
- white: string;
547
- };
548
- };
549
- surface: {
550
- color: {
551
- fg: string;
552
- bg: string;
553
- bgVariant: string;
554
- bgHover: string;
555
- fgInverted: string;
556
- bgInverted: string;
557
- bgInvertedHover: string;
558
- };
559
- };
560
- destructive: {
561
- color: {
562
- fg: string;
563
- bg: string;
564
- bgHover: string;
565
- };
566
- };
567
- };
568
- input: {
569
- color: {
570
- label: string;
571
- border: string;
572
- borderError: string;
573
- hint: string;
574
- selected: string;
575
- selectedTint: string;
576
- };
577
- };
578
- }, {}, never>;
579
- export declare const TextContainer: import("styled-components").StyledComponent<typeof import("react-native").View, {
580
- color: {
581
- neutral: {
582
- "20": string;
583
- "30": string;
584
- "40": string;
585
- "50": string;
586
- "60": string;
587
- "70": string;
588
- "80": string;
589
- white: string;
590
- black: string;
591
- };
592
- red: {
593
- "20": string;
594
- "30": string;
595
- "40": string;
596
- "50": string;
597
- "60": string;
598
- "70": string;
599
- "80": string;
600
- };
601
- orange: {
602
- "20": string;
603
- "30": string;
604
- "40": string;
605
- "50": string;
606
- "60": string;
607
- "70": string;
608
- };
609
- yellow: {
610
- "70": string;
611
- "80": string;
612
- };
613
- green: {
614
- "20": string;
615
- "30": string;
616
- "40": string;
617
- "50": string;
618
- "55": string;
619
- "56": string;
620
- "60": string;
621
- "70": string;
622
- "80": string;
623
- "90": string;
624
- };
625
- blue: {
626
- "20": string;
627
- "30": string;
628
- "40": string;
629
- "50": string;
630
- "60": string;
631
- "70": string;
632
- };
633
- alert: {
634
- success: string;
635
- successTint: string;
636
- warning: string;
637
- warningTint: string;
638
- error: string;
639
- errorTint: string;
640
- info: string;
641
- infoTint: string;
642
- neutral: string;
643
- neutralTint: string;
644
- border: string;
645
- };
646
- input: {
647
- borderDim: string;
648
- };
649
- brand: {
650
- brand: string;
651
- dark: string;
652
- dim: string;
653
- bold: string;
654
- bright: string;
655
- gradientFrom: string;
656
- gradientTo: string;
657
- onBrand: string;
658
- onBrandVariant: string;
659
- aiGradientFrom: string;
660
- aiGradientTo: string;
661
- accessible: string;
662
- fixed: {
663
- brand: string;
664
- dark: string;
665
- dim: string;
666
- bold: string;
667
- bright: string;
668
- onBrand: string;
669
- onBrandVariant: string;
670
- accessible: string;
671
- };
672
- };
673
- outline: {
674
- outer: string;
675
- inner: string;
676
- };
677
- surface: {
678
- surface: string;
679
- bright: string;
680
- dim: string;
681
- onSurface: string;
682
- onSurfaceVariant: string;
683
- border: string;
684
- borderDim: string;
685
- link: string;
686
- electricity: string;
687
- gas: string;
688
- fadeFrom: string;
689
- fadeTo: string;
690
- fixed: {
691
- onSurface: string;
692
- bright: string;
693
- };
694
- };
695
- };
696
- transition: {
697
- duration: {
698
- fast: number;
699
- medium: number;
700
- slow: number;
701
- };
702
- };
703
- unit: {
704
- "0": number;
705
- "25": number;
706
- "50": number;
707
- "100": number;
708
- "200": number;
709
- "300": number;
710
- "350": number;
711
- "400": number;
712
- "450": number;
713
- "500": number;
714
- "550": number;
715
- "600": number;
716
- "700": number;
717
- "800": number;
718
- "900": number;
719
- "1000": number;
720
- "1100": number;
721
- "1200": number;
722
- "1300": number;
723
- "1400": number;
724
- "1500": number;
725
- "1600": number;
726
- "1800": number;
727
- "2000": number;
728
- "2400": number;
729
- "3000": number;
730
- "3500": number;
731
- };
732
- border: {
733
- radius: {
734
- xs: number;
735
- sm: number;
736
- md: number;
737
- lg: number;
738
- xl: number;
739
- "2xl": number;
740
- "3xl": number;
741
- };
742
- width: {
743
- sm: number;
744
- md: number;
745
- lg: number;
746
- };
747
- };
748
- breakpoint: {
749
- xsmall: number;
750
- small: number;
751
- medium: number;
752
- large: number;
753
- };
754
- native: {
755
- font: {
756
- family: {
757
- black: string;
758
- book: string;
759
- bold: string;
760
- };
761
- };
762
- };
763
- web: {
764
- font: {
765
- family: string;
766
- };
767
- };
768
- font: {
769
- letterSpacing: {
770
- d1: {
771
- mediaQuery: {
772
- sm: number;
773
- lg: number;
774
- };
775
- };
776
- d2: {
777
- mediaQuery: {
778
- sm: number;
779
- lg: number;
780
- };
781
- };
782
- d3: {
783
- mediaQuery: {
784
- sm: number;
785
- lg: number;
786
- };
787
- };
788
- d4: {
789
- mediaQuery: {
790
- sm: number;
791
- lg: number;
792
- };
793
- };
794
- "4xl": {
795
- mediaQuery: {
796
- sm: number;
797
- lg: number;
798
- };
799
- };
800
- "3xl": {
801
- mediaQuery: {
802
- sm: number;
803
- lg: number;
804
- };
805
- };
806
- "2xl": {
807
- mediaQuery: {
808
- sm: number;
809
- lg: number;
810
- };
811
- };
812
- xl: {
813
- mediaQuery: {
814
- sm: number;
815
- lg: number;
816
- };
817
- };
818
- lg: {
819
- mediaQuery: {
820
- sm: number;
821
- lg: number;
822
- };
823
- };
824
- md: {
825
- mediaQuery: {
826
- sm: number;
827
- lg: number;
828
- };
829
- };
830
- sm: {
831
- mediaQuery: {
832
- sm: number;
833
- lg: number;
834
- };
835
- };
836
- xs: {
837
- mediaQuery: {
838
- sm: number;
839
- lg: number;
840
- };
841
- };
842
- };
843
- lineHeight: {
844
- d1: {
845
- mediaQuery: {
846
- sm: number;
847
- lg: number;
848
- };
849
- };
850
- d2: {
851
- mediaQuery: {
852
- sm: number;
853
- lg: number;
854
- };
855
- };
856
- d3: {
857
- mediaQuery: {
858
- sm: number;
859
- lg: number;
860
- };
861
- };
862
- d4: {
863
- mediaQuery: {
864
- sm: number;
865
- lg: number;
866
- };
867
- };
868
- "4xl": {
869
- mediaQuery: {
870
- sm: number;
871
- lg: number;
872
- };
873
- };
874
- "3xl": {
875
- mediaQuery: {
876
- sm: number;
877
- lg: number;
878
- };
879
- };
880
- "2xl": {
881
- mediaQuery: {
882
- sm: number;
883
- lg: number;
884
- };
885
- };
886
- xl: {
887
- mediaQuery: {
888
- sm: number;
889
- lg: number;
890
- };
891
- };
892
- lg: {
893
- mediaQuery: {
894
- sm: number;
895
- lg: number;
896
- };
897
- };
898
- md: {
899
- mediaQuery: {
900
- sm: number;
901
- lg: number;
902
- };
903
- };
904
- sm: {
905
- mediaQuery: {
906
- sm: number;
907
- lg: number;
908
- };
909
- };
910
- xs: {
911
- mediaQuery: {
912
- sm: number;
913
- lg: number;
914
- };
915
- };
916
- };
917
- paragraphSpace: {
918
- d1: {
919
- mediaQuery: {
920
- sm: number;
921
- lg: number;
922
- };
923
- };
924
- d2: {
925
- mediaQuery: {
926
- sm: number;
927
- lg: number;
928
- };
929
- };
930
- d3: {
931
- mediaQuery: {
932
- sm: number;
933
- lg: number;
934
- };
935
- };
936
- d4: {
937
- mediaQuery: {
938
- sm: number;
939
- lg: number;
940
- };
941
- };
942
- "4xl": {
943
- mediaQuery: {
944
- sm: number;
945
- lg: number;
946
- };
947
- };
948
- "3xl": {
949
- mediaQuery: {
950
- sm: number;
951
- lg: number;
952
- };
953
- };
954
- "2xl": {
955
- mediaQuery: {
956
- sm: number;
957
- lg: number;
958
- };
959
- };
960
- xl: {
961
- mediaQuery: {
962
- sm: number;
963
- lg: number;
964
- };
965
- };
966
- lg: {
967
- mediaQuery: {
968
- sm: number;
969
- lg: number;
970
- };
971
- };
972
- md: {
973
- mediaQuery: {
974
- sm: number;
975
- lg: number;
976
- };
977
- };
978
- sm: {
979
- mediaQuery: {
980
- sm: number;
981
- lg: number;
982
- };
983
- };
984
- xs: {
985
- mediaQuery: {
986
- sm: number;
987
- lg: number;
988
- };
989
- };
990
- };
991
- size: {
992
- d1: {
993
- mediaQuery: {
994
- sm: number;
995
- lg: number;
996
- };
997
- };
998
- d2: {
999
- mediaQuery: {
1000
- sm: number;
1001
- lg: number;
1002
- };
1003
- };
1004
- d3: {
1005
- mediaQuery: {
1006
- sm: number;
1007
- lg: number;
1008
- };
1009
- };
1010
- d4: {
1011
- mediaQuery: {
1012
- sm: number;
1013
- lg: number;
1014
- };
1015
- };
1016
- "4xl": {
1017
- mediaQuery: {
1018
- sm: number;
1019
- lg: number;
1020
- };
1021
- };
1022
- "3xl": {
1023
- mediaQuery: {
1024
- sm: number;
1025
- lg: number;
1026
- };
1027
- };
1028
- "2xl": {
1029
- mediaQuery: {
1030
- sm: number;
1031
- lg: number;
1032
- };
1033
- };
1034
- xl: {
1035
- mediaQuery: {
1036
- sm: number;
1037
- lg: number;
1038
- };
1039
- };
1040
- lg: {
1041
- mediaQuery: {
1042
- sm: number;
1043
- lg: number;
1044
- };
1045
- };
1046
- md: {
1047
- mediaQuery: {
1048
- sm: number;
1049
- lg: number;
1050
- };
1051
- };
1052
- sm: {
1053
- mediaQuery: {
1054
- sm: number;
1055
- lg: number;
1056
- };
1057
- };
1058
- xs: {
1059
- mediaQuery: {
1060
- sm: number;
1061
- lg: number;
1062
- };
1063
- };
1064
- };
1065
- weight: {
1066
- book: number;
1067
- bold: number;
1068
- black: number;
1069
- };
1070
- };
1071
- mediaQuery: {
1072
- xsmall: number;
1073
- small: number;
1074
- medium: number;
1075
- large: number;
1076
- };
1077
- customMediaQuery: {
1078
- "xsmall-and-up": number;
1079
- "small-and-up": number;
1080
- "medium-and-up": number;
1081
- "large-and-up": number;
1082
- };
1083
- opacity: {
1084
- solid: number;
1085
- translucent: number;
1086
- transparent: number;
1087
- };
1088
- space: {
1089
- "0": number;
1090
- "25": number;
1091
- "50": number;
1092
- "100": number;
1093
- "150": number;
1094
- "200": number;
1095
- "250": number;
1096
- "300": number;
1097
- "350": number;
1098
- "400": number;
1099
- "450": number;
1100
- "500": number;
1101
- "550": number;
1102
- "600": number;
1103
- "700": number;
1104
- "800": number;
1105
- "900": number;
1106
- "1000": number;
1107
- "1100": number;
1108
- "1200": number;
1109
- "1300": number;
1110
- "1400": number;
1111
- "1500": number;
1112
- "1600": number;
1113
- "1800": number;
1114
- "2000": number;
1115
- "2400": number;
1116
- "3000": number;
1117
- "3500": number;
1118
- base: number;
1119
- };
1120
- button: {
1121
- color: {
1122
- focus: {
1123
- blue: string;
1124
- white: string;
1125
- };
1126
- };
1127
- surface: {
1128
- color: {
1129
- fg: string;
1130
- bg: string;
1131
- bgVariant: string;
1132
- bgHover: string;
1133
- fgInverted: string;
1134
- bgInverted: string;
1135
- bgInvertedHover: string;
1136
- };
1137
- };
1138
- destructive: {
1139
- color: {
1140
- fg: string;
1141
- bg: string;
1142
- bgHover: string;
1143
- };
1144
- };
1145
- };
1146
- input: {
1147
- color: {
1148
- label: string;
1149
- border: string;
1150
- borderError: string;
1151
- hint: string;
1152
- selected: string;
1153
- selectedTint: string;
1154
- };
1155
- };
1156
- }, {}, never>;
1
+ export declare const StyledCard: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {}, never>;
2
+ export declare const TextContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {}, never>;