@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/RadioCard/RadioCard.styles.d.ts CHANGED
@@ -1,2901 +1,16 @@
1
- export declare const StyledRadioInputWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
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 StyledRadioInput: 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
- }, {
1
+ export declare const StyledRadioInputWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core").ThemeNative, {}, never>;
2
+ export declare const StyledRadioInput: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core").ThemeNative, {
1157
3
  invalid?: boolean;
1158
4
  checked?: boolean;
1159
5
  }, never>;
1160
- export declare const StyledRadioInputDot: import("styled-components").StyledComponent<typeof import("react-native").View, {
1161
- color: {
1162
- neutral: {
1163
- "20": string;
1164
- "30": string;
1165
- "40": string;
1166
- "50": string;
1167
- "60": string;
1168
- "70": string;
1169
- "80": string;
1170
- white: string;
1171
- black: string;
1172
- };
1173
- red: {
1174
- "20": string;
1175
- "30": string;
1176
- "40": string;
1177
- "50": string;
1178
- "60": string;
1179
- "70": string;
1180
- "80": string;
1181
- };
1182
- orange: {
1183
- "20": string;
1184
- "30": string;
1185
- "40": string;
1186
- "50": string;
1187
- "60": string;
1188
- "70": string;
1189
- };
1190
- yellow: {
1191
- "70": string;
1192
- "80": string;
1193
- };
1194
- green: {
1195
- "20": string;
1196
- "30": string;
1197
- "40": string;
1198
- "50": string;
1199
- "55": string;
1200
- "56": string;
1201
- "60": string;
1202
- "70": string;
1203
- "80": string;
1204
- "90": string;
1205
- };
1206
- blue: {
1207
- "20": string;
1208
- "30": string;
1209
- "40": string;
1210
- "50": string;
1211
- "60": string;
1212
- "70": string;
1213
- };
1214
- alert: {
1215
- success: string;
1216
- successTint: string;
1217
- warning: string;
1218
- warningTint: string;
1219
- error: string;
1220
- errorTint: string;
1221
- info: string;
1222
- infoTint: string;
1223
- neutral: string;
1224
- neutralTint: string;
1225
- border: string;
1226
- };
1227
- input: {
1228
- borderDim: string;
1229
- };
1230
- brand: {
1231
- brand: string;
1232
- dark: string;
1233
- dim: string;
1234
- bold: string;
1235
- bright: string;
1236
- gradientFrom: string;
1237
- gradientTo: string;
1238
- onBrand: string;
1239
- onBrandVariant: string;
1240
- aiGradientFrom: string;
1241
- aiGradientTo: string;
1242
- accessible: string;
1243
- fixed: {
1244
- brand: string;
1245
- dark: string;
1246
- dim: string;
1247
- bold: string;
1248
- bright: string;
1249
- onBrand: string;
1250
- onBrandVariant: string;
1251
- accessible: string;
1252
- };
1253
- };
1254
- outline: {
1255
- outer: string;
1256
- inner: string;
1257
- };
1258
- surface: {
1259
- surface: string;
1260
- bright: string;
1261
- dim: string;
1262
- onSurface: string;
1263
- onSurfaceVariant: string;
1264
- border: string;
1265
- borderDim: string;
1266
- link: string;
1267
- electricity: string;
1268
- gas: string;
1269
- fadeFrom: string;
1270
- fadeTo: string;
1271
- fixed: {
1272
- onSurface: string;
1273
- bright: string;
1274
- };
1275
- };
1276
- };
1277
- transition: {
1278
- duration: {
1279
- fast: number;
1280
- medium: number;
1281
- slow: number;
1282
- };
1283
- };
1284
- unit: {
1285
- "0": number;
1286
- "25": number;
1287
- "50": number;
1288
- "100": number;
1289
- "200": number;
1290
- "300": number;
1291
- "350": number;
1292
- "400": number;
1293
- "450": number;
1294
- "500": number;
1295
- "550": number;
1296
- "600": number;
1297
- "700": number;
1298
- "800": number;
1299
- "900": number;
1300
- "1000": number;
1301
- "1100": number;
1302
- "1200": number;
1303
- "1300": number;
1304
- "1400": number;
1305
- "1500": number;
1306
- "1600": number;
1307
- "1800": number;
1308
- "2000": number;
1309
- "2400": number;
1310
- "3000": number;
1311
- "3500": number;
1312
- };
1313
- border: {
1314
- radius: {
1315
- xs: number;
1316
- sm: number;
1317
- md: number;
1318
- lg: number;
1319
- xl: number;
1320
- "2xl": number;
1321
- "3xl": number;
1322
- };
1323
- width: {
1324
- sm: number;
1325
- md: number;
1326
- lg: number;
1327
- };
1328
- };
1329
- breakpoint: {
1330
- xsmall: number;
1331
- small: number;
1332
- medium: number;
1333
- large: number;
1334
- };
1335
- native: {
1336
- font: {
1337
- family: {
1338
- black: string;
1339
- book: string;
1340
- bold: string;
1341
- };
1342
- };
1343
- };
1344
- web: {
1345
- font: {
1346
- family: string;
1347
- };
1348
- };
1349
- font: {
1350
- letterSpacing: {
1351
- d1: {
1352
- mediaQuery: {
1353
- sm: number;
1354
- lg: number;
1355
- };
1356
- };
1357
- d2: {
1358
- mediaQuery: {
1359
- sm: number;
1360
- lg: number;
1361
- };
1362
- };
1363
- d3: {
1364
- mediaQuery: {
1365
- sm: number;
1366
- lg: number;
1367
- };
1368
- };
1369
- d4: {
1370
- mediaQuery: {
1371
- sm: number;
1372
- lg: number;
1373
- };
1374
- };
1375
- "4xl": {
1376
- mediaQuery: {
1377
- sm: number;
1378
- lg: number;
1379
- };
1380
- };
1381
- "3xl": {
1382
- mediaQuery: {
1383
- sm: number;
1384
- lg: number;
1385
- };
1386
- };
1387
- "2xl": {
1388
- mediaQuery: {
1389
- sm: number;
1390
- lg: number;
1391
- };
1392
- };
1393
- xl: {
1394
- mediaQuery: {
1395
- sm: number;
1396
- lg: number;
1397
- };
1398
- };
1399
- lg: {
1400
- mediaQuery: {
1401
- sm: number;
1402
- lg: number;
1403
- };
1404
- };
1405
- md: {
1406
- mediaQuery: {
1407
- sm: number;
1408
- lg: number;
1409
- };
1410
- };
1411
- sm: {
1412
- mediaQuery: {
1413
- sm: number;
1414
- lg: number;
1415
- };
1416
- };
1417
- xs: {
1418
- mediaQuery: {
1419
- sm: number;
1420
- lg: number;
1421
- };
1422
- };
1423
- };
1424
- lineHeight: {
1425
- d1: {
1426
- mediaQuery: {
1427
- sm: number;
1428
- lg: number;
1429
- };
1430
- };
1431
- d2: {
1432
- mediaQuery: {
1433
- sm: number;
1434
- lg: number;
1435
- };
1436
- };
1437
- d3: {
1438
- mediaQuery: {
1439
- sm: number;
1440
- lg: number;
1441
- };
1442
- };
1443
- d4: {
1444
- mediaQuery: {
1445
- sm: number;
1446
- lg: number;
1447
- };
1448
- };
1449
- "4xl": {
1450
- mediaQuery: {
1451
- sm: number;
1452
- lg: number;
1453
- };
1454
- };
1455
- "3xl": {
1456
- mediaQuery: {
1457
- sm: number;
1458
- lg: number;
1459
- };
1460
- };
1461
- "2xl": {
1462
- mediaQuery: {
1463
- sm: number;
1464
- lg: number;
1465
- };
1466
- };
1467
- xl: {
1468
- mediaQuery: {
1469
- sm: number;
1470
- lg: number;
1471
- };
1472
- };
1473
- lg: {
1474
- mediaQuery: {
1475
- sm: number;
1476
- lg: number;
1477
- };
1478
- };
1479
- md: {
1480
- mediaQuery: {
1481
- sm: number;
1482
- lg: number;
1483
- };
1484
- };
1485
- sm: {
1486
- mediaQuery: {
1487
- sm: number;
1488
- lg: number;
1489
- };
1490
- };
1491
- xs: {
1492
- mediaQuery: {
1493
- sm: number;
1494
- lg: number;
1495
- };
1496
- };
1497
- };
1498
- paragraphSpace: {
1499
- d1: {
1500
- mediaQuery: {
1501
- sm: number;
1502
- lg: number;
1503
- };
1504
- };
1505
- d2: {
1506
- mediaQuery: {
1507
- sm: number;
1508
- lg: number;
1509
- };
1510
- };
1511
- d3: {
1512
- mediaQuery: {
1513
- sm: number;
1514
- lg: number;
1515
- };
1516
- };
1517
- d4: {
1518
- mediaQuery: {
1519
- sm: number;
1520
- lg: number;
1521
- };
1522
- };
1523
- "4xl": {
1524
- mediaQuery: {
1525
- sm: number;
1526
- lg: number;
1527
- };
1528
- };
1529
- "3xl": {
1530
- mediaQuery: {
1531
- sm: number;
1532
- lg: number;
1533
- };
1534
- };
1535
- "2xl": {
1536
- mediaQuery: {
1537
- sm: number;
1538
- lg: number;
1539
- };
1540
- };
1541
- xl: {
1542
- mediaQuery: {
1543
- sm: number;
1544
- lg: number;
1545
- };
1546
- };
1547
- lg: {
1548
- mediaQuery: {
1549
- sm: number;
1550
- lg: number;
1551
- };
1552
- };
1553
- md: {
1554
- mediaQuery: {
1555
- sm: number;
1556
- lg: number;
1557
- };
1558
- };
1559
- sm: {
1560
- mediaQuery: {
1561
- sm: number;
1562
- lg: number;
1563
- };
1564
- };
1565
- xs: {
1566
- mediaQuery: {
1567
- sm: number;
1568
- lg: number;
1569
- };
1570
- };
1571
- };
1572
- size: {
1573
- d1: {
1574
- mediaQuery: {
1575
- sm: number;
1576
- lg: number;
1577
- };
1578
- };
1579
- d2: {
1580
- mediaQuery: {
1581
- sm: number;
1582
- lg: number;
1583
- };
1584
- };
1585
- d3: {
1586
- mediaQuery: {
1587
- sm: number;
1588
- lg: number;
1589
- };
1590
- };
1591
- d4: {
1592
- mediaQuery: {
1593
- sm: number;
1594
- lg: number;
1595
- };
1596
- };
1597
- "4xl": {
1598
- mediaQuery: {
1599
- sm: number;
1600
- lg: number;
1601
- };
1602
- };
1603
- "3xl": {
1604
- mediaQuery: {
1605
- sm: number;
1606
- lg: number;
1607
- };
1608
- };
1609
- "2xl": {
1610
- mediaQuery: {
1611
- sm: number;
1612
- lg: number;
1613
- };
1614
- };
1615
- xl: {
1616
- mediaQuery: {
1617
- sm: number;
1618
- lg: number;
1619
- };
1620
- };
1621
- lg: {
1622
- mediaQuery: {
1623
- sm: number;
1624
- lg: number;
1625
- };
1626
- };
1627
- md: {
1628
- mediaQuery: {
1629
- sm: number;
1630
- lg: number;
1631
- };
1632
- };
1633
- sm: {
1634
- mediaQuery: {
1635
- sm: number;
1636
- lg: number;
1637
- };
1638
- };
1639
- xs: {
1640
- mediaQuery: {
1641
- sm: number;
1642
- lg: number;
1643
- };
1644
- };
1645
- };
1646
- weight: {
1647
- book: number;
1648
- bold: number;
1649
- black: number;
1650
- };
1651
- };
1652
- mediaQuery: {
1653
- xsmall: number;
1654
- small: number;
1655
- medium: number;
1656
- large: number;
1657
- };
1658
- customMediaQuery: {
1659
- "xsmall-and-up": number;
1660
- "small-and-up": number;
1661
- "medium-and-up": number;
1662
- "large-and-up": number;
1663
- };
1664
- opacity: {
1665
- solid: number;
1666
- translucent: number;
1667
- transparent: number;
1668
- };
1669
- space: {
1670
- "0": number;
1671
- "25": number;
1672
- "50": number;
1673
- "100": number;
1674
- "150": number;
1675
- "200": number;
1676
- "250": number;
1677
- "300": number;
1678
- "350": number;
1679
- "400": number;
1680
- "450": number;
1681
- "500": number;
1682
- "550": number;
1683
- "600": number;
1684
- "700": number;
1685
- "800": number;
1686
- "900": number;
1687
- "1000": number;
1688
- "1100": number;
1689
- "1200": number;
1690
- "1300": number;
1691
- "1400": number;
1692
- "1500": number;
1693
- "1600": number;
1694
- "1800": number;
1695
- "2000": number;
1696
- "2400": number;
1697
- "3000": number;
1698
- "3500": number;
1699
- base: number;
1700
- };
1701
- button: {
1702
- color: {
1703
- focus: {
1704
- blue: string;
1705
- white: string;
1706
- };
1707
- };
1708
- surface: {
1709
- color: {
1710
- fg: string;
1711
- bg: string;
1712
- bgVariant: string;
1713
- bgHover: string;
1714
- fgInverted: string;
1715
- bgInverted: string;
1716
- bgInvertedHover: string;
1717
- };
1718
- };
1719
- destructive: {
1720
- color: {
1721
- fg: string;
1722
- bg: string;
1723
- bgHover: string;
1724
- };
1725
- };
1726
- };
1727
- input: {
1728
- color: {
1729
- label: string;
1730
- border: string;
1731
- borderError: string;
1732
- hint: string;
1733
- selected: string;
1734
- selectedTint: string;
1735
- };
1736
- };
1737
- }, {
6
+ export declare const StyledRadioInputDot: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core").ThemeNative, {
1738
7
  checked?: boolean;
1739
8
  }, never>;
1740
- export declare const StyledWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
1741
- color: {
1742
- neutral: {
1743
- "20": string;
1744
- "30": string;
1745
- "40": string;
1746
- "50": string;
1747
- "60": string;
1748
- "70": string;
1749
- "80": string;
1750
- white: string;
1751
- black: string;
1752
- };
1753
- red: {
1754
- "20": string;
1755
- "30": string;
1756
- "40": string;
1757
- "50": string;
1758
- "60": string;
1759
- "70": string;
1760
- "80": string;
1761
- };
1762
- orange: {
1763
- "20": string;
1764
- "30": string;
1765
- "40": string;
1766
- "50": string;
1767
- "60": string;
1768
- "70": string;
1769
- };
1770
- yellow: {
1771
- "70": string;
1772
- "80": string;
1773
- };
1774
- green: {
1775
- "20": string;
1776
- "30": string;
1777
- "40": string;
1778
- "50": string;
1779
- "55": string;
1780
- "56": string;
1781
- "60": string;
1782
- "70": string;
1783
- "80": string;
1784
- "90": string;
1785
- };
1786
- blue: {
1787
- "20": string;
1788
- "30": string;
1789
- "40": string;
1790
- "50": string;
1791
- "60": string;
1792
- "70": string;
1793
- };
1794
- alert: {
1795
- success: string;
1796
- successTint: string;
1797
- warning: string;
1798
- warningTint: string;
1799
- error: string;
1800
- errorTint: string;
1801
- info: string;
1802
- infoTint: string;
1803
- neutral: string;
1804
- neutralTint: string;
1805
- border: string;
1806
- };
1807
- input: {
1808
- borderDim: string;
1809
- };
1810
- brand: {
1811
- brand: string;
1812
- dark: string;
1813
- dim: string;
1814
- bold: string;
1815
- bright: string;
1816
- gradientFrom: string;
1817
- gradientTo: string;
1818
- onBrand: string;
1819
- onBrandVariant: string;
1820
- aiGradientFrom: string;
1821
- aiGradientTo: string;
1822
- accessible: string;
1823
- fixed: {
1824
- brand: string;
1825
- dark: string;
1826
- dim: string;
1827
- bold: string;
1828
- bright: string;
1829
- onBrand: string;
1830
- onBrandVariant: string;
1831
- accessible: string;
1832
- };
1833
- };
1834
- outline: {
1835
- outer: string;
1836
- inner: string;
1837
- };
1838
- surface: {
1839
- surface: string;
1840
- bright: string;
1841
- dim: string;
1842
- onSurface: string;
1843
- onSurfaceVariant: string;
1844
- border: string;
1845
- borderDim: string;
1846
- link: string;
1847
- electricity: string;
1848
- gas: string;
1849
- fadeFrom: string;
1850
- fadeTo: string;
1851
- fixed: {
1852
- onSurface: string;
1853
- bright: string;
1854
- };
1855
- };
1856
- };
1857
- transition: {
1858
- duration: {
1859
- fast: number;
1860
- medium: number;
1861
- slow: number;
1862
- };
1863
- };
1864
- unit: {
1865
- "0": number;
1866
- "25": number;
1867
- "50": number;
1868
- "100": number;
1869
- "200": number;
1870
- "300": number;
1871
- "350": number;
1872
- "400": number;
1873
- "450": number;
1874
- "500": number;
1875
- "550": number;
1876
- "600": number;
1877
- "700": number;
1878
- "800": number;
1879
- "900": number;
1880
- "1000": number;
1881
- "1100": number;
1882
- "1200": number;
1883
- "1300": number;
1884
- "1400": number;
1885
- "1500": number;
1886
- "1600": number;
1887
- "1800": number;
1888
- "2000": number;
1889
- "2400": number;
1890
- "3000": number;
1891
- "3500": number;
1892
- };
1893
- border: {
1894
- radius: {
1895
- xs: number;
1896
- sm: number;
1897
- md: number;
1898
- lg: number;
1899
- xl: number;
1900
- "2xl": number;
1901
- "3xl": number;
1902
- };
1903
- width: {
1904
- sm: number;
1905
- md: number;
1906
- lg: number;
1907
- };
1908
- };
1909
- breakpoint: {
1910
- xsmall: number;
1911
- small: number;
1912
- medium: number;
1913
- large: number;
1914
- };
1915
- native: {
1916
- font: {
1917
- family: {
1918
- black: string;
1919
- book: string;
1920
- bold: string;
1921
- };
1922
- };
1923
- };
1924
- web: {
1925
- font: {
1926
- family: string;
1927
- };
1928
- };
1929
- font: {
1930
- letterSpacing: {
1931
- d1: {
1932
- mediaQuery: {
1933
- sm: number;
1934
- lg: number;
1935
- };
1936
- };
1937
- d2: {
1938
- mediaQuery: {
1939
- sm: number;
1940
- lg: number;
1941
- };
1942
- };
1943
- d3: {
1944
- mediaQuery: {
1945
- sm: number;
1946
- lg: number;
1947
- };
1948
- };
1949
- d4: {
1950
- mediaQuery: {
1951
- sm: number;
1952
- lg: number;
1953
- };
1954
- };
1955
- "4xl": {
1956
- mediaQuery: {
1957
- sm: number;
1958
- lg: number;
1959
- };
1960
- };
1961
- "3xl": {
1962
- mediaQuery: {
1963
- sm: number;
1964
- lg: number;
1965
- };
1966
- };
1967
- "2xl": {
1968
- mediaQuery: {
1969
- sm: number;
1970
- lg: number;
1971
- };
1972
- };
1973
- xl: {
1974
- mediaQuery: {
1975
- sm: number;
1976
- lg: number;
1977
- };
1978
- };
1979
- lg: {
1980
- mediaQuery: {
1981
- sm: number;
1982
- lg: number;
1983
- };
1984
- };
1985
- md: {
1986
- mediaQuery: {
1987
- sm: number;
1988
- lg: number;
1989
- };
1990
- };
1991
- sm: {
1992
- mediaQuery: {
1993
- sm: number;
1994
- lg: number;
1995
- };
1996
- };
1997
- xs: {
1998
- mediaQuery: {
1999
- sm: number;
2000
- lg: number;
2001
- };
2002
- };
2003
- };
2004
- lineHeight: {
2005
- d1: {
2006
- mediaQuery: {
2007
- sm: number;
2008
- lg: number;
2009
- };
2010
- };
2011
- d2: {
2012
- mediaQuery: {
2013
- sm: number;
2014
- lg: number;
2015
- };
2016
- };
2017
- d3: {
2018
- mediaQuery: {
2019
- sm: number;
2020
- lg: number;
2021
- };
2022
- };
2023
- d4: {
2024
- mediaQuery: {
2025
- sm: number;
2026
- lg: number;
2027
- };
2028
- };
2029
- "4xl": {
2030
- mediaQuery: {
2031
- sm: number;
2032
- lg: number;
2033
- };
2034
- };
2035
- "3xl": {
2036
- mediaQuery: {
2037
- sm: number;
2038
- lg: number;
2039
- };
2040
- };
2041
- "2xl": {
2042
- mediaQuery: {
2043
- sm: number;
2044
- lg: number;
2045
- };
2046
- };
2047
- xl: {
2048
- mediaQuery: {
2049
- sm: number;
2050
- lg: number;
2051
- };
2052
- };
2053
- lg: {
2054
- mediaQuery: {
2055
- sm: number;
2056
- lg: number;
2057
- };
2058
- };
2059
- md: {
2060
- mediaQuery: {
2061
- sm: number;
2062
- lg: number;
2063
- };
2064
- };
2065
- sm: {
2066
- mediaQuery: {
2067
- sm: number;
2068
- lg: number;
2069
- };
2070
- };
2071
- xs: {
2072
- mediaQuery: {
2073
- sm: number;
2074
- lg: number;
2075
- };
2076
- };
2077
- };
2078
- paragraphSpace: {
2079
- d1: {
2080
- mediaQuery: {
2081
- sm: number;
2082
- lg: number;
2083
- };
2084
- };
2085
- d2: {
2086
- mediaQuery: {
2087
- sm: number;
2088
- lg: number;
2089
- };
2090
- };
2091
- d3: {
2092
- mediaQuery: {
2093
- sm: number;
2094
- lg: number;
2095
- };
2096
- };
2097
- d4: {
2098
- mediaQuery: {
2099
- sm: number;
2100
- lg: number;
2101
- };
2102
- };
2103
- "4xl": {
2104
- mediaQuery: {
2105
- sm: number;
2106
- lg: number;
2107
- };
2108
- };
2109
- "3xl": {
2110
- mediaQuery: {
2111
- sm: number;
2112
- lg: number;
2113
- };
2114
- };
2115
- "2xl": {
2116
- mediaQuery: {
2117
- sm: number;
2118
- lg: number;
2119
- };
2120
- };
2121
- xl: {
2122
- mediaQuery: {
2123
- sm: number;
2124
- lg: number;
2125
- };
2126
- };
2127
- lg: {
2128
- mediaQuery: {
2129
- sm: number;
2130
- lg: number;
2131
- };
2132
- };
2133
- md: {
2134
- mediaQuery: {
2135
- sm: number;
2136
- lg: number;
2137
- };
2138
- };
2139
- sm: {
2140
- mediaQuery: {
2141
- sm: number;
2142
- lg: number;
2143
- };
2144
- };
2145
- xs: {
2146
- mediaQuery: {
2147
- sm: number;
2148
- lg: number;
2149
- };
2150
- };
2151
- };
2152
- size: {
2153
- d1: {
2154
- mediaQuery: {
2155
- sm: number;
2156
- lg: number;
2157
- };
2158
- };
2159
- d2: {
2160
- mediaQuery: {
2161
- sm: number;
2162
- lg: number;
2163
- };
2164
- };
2165
- d3: {
2166
- mediaQuery: {
2167
- sm: number;
2168
- lg: number;
2169
- };
2170
- };
2171
- d4: {
2172
- mediaQuery: {
2173
- sm: number;
2174
- lg: number;
2175
- };
2176
- };
2177
- "4xl": {
2178
- mediaQuery: {
2179
- sm: number;
2180
- lg: number;
2181
- };
2182
- };
2183
- "3xl": {
2184
- mediaQuery: {
2185
- sm: number;
2186
- lg: number;
2187
- };
2188
- };
2189
- "2xl": {
2190
- mediaQuery: {
2191
- sm: number;
2192
- lg: number;
2193
- };
2194
- };
2195
- xl: {
2196
- mediaQuery: {
2197
- sm: number;
2198
- lg: number;
2199
- };
2200
- };
2201
- lg: {
2202
- mediaQuery: {
2203
- sm: number;
2204
- lg: number;
2205
- };
2206
- };
2207
- md: {
2208
- mediaQuery: {
2209
- sm: number;
2210
- lg: number;
2211
- };
2212
- };
2213
- sm: {
2214
- mediaQuery: {
2215
- sm: number;
2216
- lg: number;
2217
- };
2218
- };
2219
- xs: {
2220
- mediaQuery: {
2221
- sm: number;
2222
- lg: number;
2223
- };
2224
- };
2225
- };
2226
- weight: {
2227
- book: number;
2228
- bold: number;
2229
- black: number;
2230
- };
2231
- };
2232
- mediaQuery: {
2233
- xsmall: number;
2234
- small: number;
2235
- medium: number;
2236
- large: number;
2237
- };
2238
- customMediaQuery: {
2239
- "xsmall-and-up": number;
2240
- "small-and-up": number;
2241
- "medium-and-up": number;
2242
- "large-and-up": number;
2243
- };
2244
- opacity: {
2245
- solid: number;
2246
- translucent: number;
2247
- transparent: number;
2248
- };
2249
- space: {
2250
- "0": number;
2251
- "25": number;
2252
- "50": number;
2253
- "100": number;
2254
- "150": number;
2255
- "200": number;
2256
- "250": number;
2257
- "300": number;
2258
- "350": number;
2259
- "400": number;
2260
- "450": number;
2261
- "500": number;
2262
- "550": number;
2263
- "600": number;
2264
- "700": number;
2265
- "800": number;
2266
- "900": number;
2267
- "1000": number;
2268
- "1100": number;
2269
- "1200": number;
2270
- "1300": number;
2271
- "1400": number;
2272
- "1500": number;
2273
- "1600": number;
2274
- "1800": number;
2275
- "2000": number;
2276
- "2400": number;
2277
- "3000": number;
2278
- "3500": number;
2279
- base: number;
2280
- };
2281
- button: {
2282
- color: {
2283
- focus: {
2284
- blue: string;
2285
- white: string;
2286
- };
2287
- };
2288
- surface: {
2289
- color: {
2290
- fg: string;
2291
- bg: string;
2292
- bgVariant: string;
2293
- bgHover: string;
2294
- fgInverted: string;
2295
- bgInverted: string;
2296
- bgInvertedHover: string;
2297
- };
2298
- };
2299
- destructive: {
2300
- color: {
2301
- fg: string;
2302
- bg: string;
2303
- bgHover: string;
2304
- };
2305
- };
2306
- };
2307
- input: {
2308
- color: {
2309
- label: string;
2310
- border: string;
2311
- borderError: string;
2312
- hint: string;
2313
- selected: string;
2314
- selectedTint: string;
2315
- };
2316
- };
2317
- }, {
9
+ export declare const StyledWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core").ThemeNative, {
2318
10
  checked: boolean;
2319
11
  invalid: boolean;
2320
12
  alignment: "center" | "left" | "right";
2321
13
  }, never>;
2322
- export declare const TextContainer: import("styled-components").StyledComponent<typeof import("react-native").View, {
2323
- color: {
2324
- neutral: {
2325
- "20": string;
2326
- "30": string;
2327
- "40": string;
2328
- "50": string;
2329
- "60": string;
2330
- "70": string;
2331
- "80": string;
2332
- white: string;
2333
- black: string;
2334
- };
2335
- red: {
2336
- "20": string;
2337
- "30": string;
2338
- "40": string;
2339
- "50": string;
2340
- "60": string;
2341
- "70": string;
2342
- "80": string;
2343
- };
2344
- orange: {
2345
- "20": string;
2346
- "30": string;
2347
- "40": string;
2348
- "50": string;
2349
- "60": string;
2350
- "70": string;
2351
- };
2352
- yellow: {
2353
- "70": string;
2354
- "80": string;
2355
- };
2356
- green: {
2357
- "20": string;
2358
- "30": string;
2359
- "40": string;
2360
- "50": string;
2361
- "55": string;
2362
- "56": string;
2363
- "60": string;
2364
- "70": string;
2365
- "80": string;
2366
- "90": string;
2367
- };
2368
- blue: {
2369
- "20": string;
2370
- "30": string;
2371
- "40": string;
2372
- "50": string;
2373
- "60": string;
2374
- "70": string;
2375
- };
2376
- alert: {
2377
- success: string;
2378
- successTint: string;
2379
- warning: string;
2380
- warningTint: string;
2381
- error: string;
2382
- errorTint: string;
2383
- info: string;
2384
- infoTint: string;
2385
- neutral: string;
2386
- neutralTint: string;
2387
- border: string;
2388
- };
2389
- input: {
2390
- borderDim: string;
2391
- };
2392
- brand: {
2393
- brand: string;
2394
- dark: string;
2395
- dim: string;
2396
- bold: string;
2397
- bright: string;
2398
- gradientFrom: string;
2399
- gradientTo: string;
2400
- onBrand: string;
2401
- onBrandVariant: string;
2402
- aiGradientFrom: string;
2403
- aiGradientTo: string;
2404
- accessible: string;
2405
- fixed: {
2406
- brand: string;
2407
- dark: string;
2408
- dim: string;
2409
- bold: string;
2410
- bright: string;
2411
- onBrand: string;
2412
- onBrandVariant: string;
2413
- accessible: string;
2414
- };
2415
- };
2416
- outline: {
2417
- outer: string;
2418
- inner: string;
2419
- };
2420
- surface: {
2421
- surface: string;
2422
- bright: string;
2423
- dim: string;
2424
- onSurface: string;
2425
- onSurfaceVariant: string;
2426
- border: string;
2427
- borderDim: string;
2428
- link: string;
2429
- electricity: string;
2430
- gas: string;
2431
- fadeFrom: string;
2432
- fadeTo: string;
2433
- fixed: {
2434
- onSurface: string;
2435
- bright: string;
2436
- };
2437
- };
2438
- };
2439
- transition: {
2440
- duration: {
2441
- fast: number;
2442
- medium: number;
2443
- slow: number;
2444
- };
2445
- };
2446
- unit: {
2447
- "0": number;
2448
- "25": number;
2449
- "50": number;
2450
- "100": number;
2451
- "200": number;
2452
- "300": number;
2453
- "350": number;
2454
- "400": number;
2455
- "450": number;
2456
- "500": number;
2457
- "550": number;
2458
- "600": number;
2459
- "700": number;
2460
- "800": number;
2461
- "900": number;
2462
- "1000": number;
2463
- "1100": number;
2464
- "1200": number;
2465
- "1300": number;
2466
- "1400": number;
2467
- "1500": number;
2468
- "1600": number;
2469
- "1800": number;
2470
- "2000": number;
2471
- "2400": number;
2472
- "3000": number;
2473
- "3500": number;
2474
- };
2475
- border: {
2476
- radius: {
2477
- xs: number;
2478
- sm: number;
2479
- md: number;
2480
- lg: number;
2481
- xl: number;
2482
- "2xl": number;
2483
- "3xl": number;
2484
- };
2485
- width: {
2486
- sm: number;
2487
- md: number;
2488
- lg: number;
2489
- };
2490
- };
2491
- breakpoint: {
2492
- xsmall: number;
2493
- small: number;
2494
- medium: number;
2495
- large: number;
2496
- };
2497
- native: {
2498
- font: {
2499
- family: {
2500
- black: string;
2501
- book: string;
2502
- bold: string;
2503
- };
2504
- };
2505
- };
2506
- web: {
2507
- font: {
2508
- family: string;
2509
- };
2510
- };
2511
- font: {
2512
- letterSpacing: {
2513
- d1: {
2514
- mediaQuery: {
2515
- sm: number;
2516
- lg: number;
2517
- };
2518
- };
2519
- d2: {
2520
- mediaQuery: {
2521
- sm: number;
2522
- lg: number;
2523
- };
2524
- };
2525
- d3: {
2526
- mediaQuery: {
2527
- sm: number;
2528
- lg: number;
2529
- };
2530
- };
2531
- d4: {
2532
- mediaQuery: {
2533
- sm: number;
2534
- lg: number;
2535
- };
2536
- };
2537
- "4xl": {
2538
- mediaQuery: {
2539
- sm: number;
2540
- lg: number;
2541
- };
2542
- };
2543
- "3xl": {
2544
- mediaQuery: {
2545
- sm: number;
2546
- lg: number;
2547
- };
2548
- };
2549
- "2xl": {
2550
- mediaQuery: {
2551
- sm: number;
2552
- lg: number;
2553
- };
2554
- };
2555
- xl: {
2556
- mediaQuery: {
2557
- sm: number;
2558
- lg: number;
2559
- };
2560
- };
2561
- lg: {
2562
- mediaQuery: {
2563
- sm: number;
2564
- lg: number;
2565
- };
2566
- };
2567
- md: {
2568
- mediaQuery: {
2569
- sm: number;
2570
- lg: number;
2571
- };
2572
- };
2573
- sm: {
2574
- mediaQuery: {
2575
- sm: number;
2576
- lg: number;
2577
- };
2578
- };
2579
- xs: {
2580
- mediaQuery: {
2581
- sm: number;
2582
- lg: number;
2583
- };
2584
- };
2585
- };
2586
- lineHeight: {
2587
- d1: {
2588
- mediaQuery: {
2589
- sm: number;
2590
- lg: number;
2591
- };
2592
- };
2593
- d2: {
2594
- mediaQuery: {
2595
- sm: number;
2596
- lg: number;
2597
- };
2598
- };
2599
- d3: {
2600
- mediaQuery: {
2601
- sm: number;
2602
- lg: number;
2603
- };
2604
- };
2605
- d4: {
2606
- mediaQuery: {
2607
- sm: number;
2608
- lg: number;
2609
- };
2610
- };
2611
- "4xl": {
2612
- mediaQuery: {
2613
- sm: number;
2614
- lg: number;
2615
- };
2616
- };
2617
- "3xl": {
2618
- mediaQuery: {
2619
- sm: number;
2620
- lg: number;
2621
- };
2622
- };
2623
- "2xl": {
2624
- mediaQuery: {
2625
- sm: number;
2626
- lg: number;
2627
- };
2628
- };
2629
- xl: {
2630
- mediaQuery: {
2631
- sm: number;
2632
- lg: number;
2633
- };
2634
- };
2635
- lg: {
2636
- mediaQuery: {
2637
- sm: number;
2638
- lg: number;
2639
- };
2640
- };
2641
- md: {
2642
- mediaQuery: {
2643
- sm: number;
2644
- lg: number;
2645
- };
2646
- };
2647
- sm: {
2648
- mediaQuery: {
2649
- sm: number;
2650
- lg: number;
2651
- };
2652
- };
2653
- xs: {
2654
- mediaQuery: {
2655
- sm: number;
2656
- lg: number;
2657
- };
2658
- };
2659
- };
2660
- paragraphSpace: {
2661
- d1: {
2662
- mediaQuery: {
2663
- sm: number;
2664
- lg: number;
2665
- };
2666
- };
2667
- d2: {
2668
- mediaQuery: {
2669
- sm: number;
2670
- lg: number;
2671
- };
2672
- };
2673
- d3: {
2674
- mediaQuery: {
2675
- sm: number;
2676
- lg: number;
2677
- };
2678
- };
2679
- d4: {
2680
- mediaQuery: {
2681
- sm: number;
2682
- lg: number;
2683
- };
2684
- };
2685
- "4xl": {
2686
- mediaQuery: {
2687
- sm: number;
2688
- lg: number;
2689
- };
2690
- };
2691
- "3xl": {
2692
- mediaQuery: {
2693
- sm: number;
2694
- lg: number;
2695
- };
2696
- };
2697
- "2xl": {
2698
- mediaQuery: {
2699
- sm: number;
2700
- lg: number;
2701
- };
2702
- };
2703
- xl: {
2704
- mediaQuery: {
2705
- sm: number;
2706
- lg: number;
2707
- };
2708
- };
2709
- lg: {
2710
- mediaQuery: {
2711
- sm: number;
2712
- lg: number;
2713
- };
2714
- };
2715
- md: {
2716
- mediaQuery: {
2717
- sm: number;
2718
- lg: number;
2719
- };
2720
- };
2721
- sm: {
2722
- mediaQuery: {
2723
- sm: number;
2724
- lg: number;
2725
- };
2726
- };
2727
- xs: {
2728
- mediaQuery: {
2729
- sm: number;
2730
- lg: number;
2731
- };
2732
- };
2733
- };
2734
- size: {
2735
- d1: {
2736
- mediaQuery: {
2737
- sm: number;
2738
- lg: number;
2739
- };
2740
- };
2741
- d2: {
2742
- mediaQuery: {
2743
- sm: number;
2744
- lg: number;
2745
- };
2746
- };
2747
- d3: {
2748
- mediaQuery: {
2749
- sm: number;
2750
- lg: number;
2751
- };
2752
- };
2753
- d4: {
2754
- mediaQuery: {
2755
- sm: number;
2756
- lg: number;
2757
- };
2758
- };
2759
- "4xl": {
2760
- mediaQuery: {
2761
- sm: number;
2762
- lg: number;
2763
- };
2764
- };
2765
- "3xl": {
2766
- mediaQuery: {
2767
- sm: number;
2768
- lg: number;
2769
- };
2770
- };
2771
- "2xl": {
2772
- mediaQuery: {
2773
- sm: number;
2774
- lg: number;
2775
- };
2776
- };
2777
- xl: {
2778
- mediaQuery: {
2779
- sm: number;
2780
- lg: number;
2781
- };
2782
- };
2783
- lg: {
2784
- mediaQuery: {
2785
- sm: number;
2786
- lg: number;
2787
- };
2788
- };
2789
- md: {
2790
- mediaQuery: {
2791
- sm: number;
2792
- lg: number;
2793
- };
2794
- };
2795
- sm: {
2796
- mediaQuery: {
2797
- sm: number;
2798
- lg: number;
2799
- };
2800
- };
2801
- xs: {
2802
- mediaQuery: {
2803
- sm: number;
2804
- lg: number;
2805
- };
2806
- };
2807
- };
2808
- weight: {
2809
- book: number;
2810
- bold: number;
2811
- black: number;
2812
- };
2813
- };
2814
- mediaQuery: {
2815
- xsmall: number;
2816
- small: number;
2817
- medium: number;
2818
- large: number;
2819
- };
2820
- customMediaQuery: {
2821
- "xsmall-and-up": number;
2822
- "small-and-up": number;
2823
- "medium-and-up": number;
2824
- "large-and-up": number;
2825
- };
2826
- opacity: {
2827
- solid: number;
2828
- translucent: number;
2829
- transparent: number;
2830
- };
2831
- space: {
2832
- "0": number;
2833
- "25": number;
2834
- "50": number;
2835
- "100": number;
2836
- "150": number;
2837
- "200": number;
2838
- "250": number;
2839
- "300": number;
2840
- "350": number;
2841
- "400": number;
2842
- "450": number;
2843
- "500": number;
2844
- "550": number;
2845
- "600": number;
2846
- "700": number;
2847
- "800": number;
2848
- "900": number;
2849
- "1000": number;
2850
- "1100": number;
2851
- "1200": number;
2852
- "1300": number;
2853
- "1400": number;
2854
- "1500": number;
2855
- "1600": number;
2856
- "1800": number;
2857
- "2000": number;
2858
- "2400": number;
2859
- "3000": number;
2860
- "3500": number;
2861
- base: number;
2862
- };
2863
- button: {
2864
- color: {
2865
- focus: {
2866
- blue: string;
2867
- white: string;
2868
- };
2869
- };
2870
- surface: {
2871
- color: {
2872
- fg: string;
2873
- bg: string;
2874
- bgVariant: string;
2875
- bgHover: string;
2876
- fgInverted: string;
2877
- bgInverted: string;
2878
- bgInvertedHover: string;
2879
- };
2880
- };
2881
- destructive: {
2882
- color: {
2883
- fg: string;
2884
- bg: string;
2885
- bgHover: string;
2886
- };
2887
- };
2888
- };
2889
- input: {
2890
- color: {
2891
- label: string;
2892
- border: string;
2893
- borderError: string;
2894
- hint: string;
2895
- selected: string;
2896
- selectedTint: string;
2897
- };
2898
- };
2899
- }, {
14
+ export declare const TextContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core").ThemeNative, {
2900
15
  alignment: "center" | "left" | "right";
2901
16
  }, never>;