@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
@@ -1,2318 +1,10 @@
1
1
  import { View } from 'react-native';
2
2
  import { Breakpoints } from '../../hooks';
3
- export declare const CurrencyInputWrapper: import("styled-components").StyledComponent<typeof View, {
4
- color: {
5
- neutral: {
6
- "20": string;
7
- "30": string;
8
- "40": string;
9
- "50": string;
10
- "60": string;
11
- "70": string;
12
- "80": string;
13
- white: string;
14
- black: string;
15
- };
16
- red: {
17
- "20": string;
18
- "30": string;
19
- "40": string;
20
- "50": string;
21
- "60": string;
22
- "70": string;
23
- "80": string;
24
- };
25
- orange: {
26
- "20": string;
27
- "30": string;
28
- "40": string;
29
- "50": string;
30
- "60": string;
31
- "70": string;
32
- };
33
- yellow: {
34
- "70": string;
35
- "80": string;
36
- };
37
- green: {
38
- "20": string;
39
- "30": string;
40
- "40": string;
41
- "50": string;
42
- "55": string;
43
- "56": string;
44
- "60": string;
45
- "70": string;
46
- "80": string;
47
- "90": string;
48
- };
49
- blue: {
50
- "20": string;
51
- "30": string;
52
- "40": string;
53
- "50": string;
54
- "60": string;
55
- "70": string;
56
- };
57
- alert: {
58
- success: string;
59
- successTint: string;
60
- warning: string;
61
- warningTint: string;
62
- error: string;
63
- errorTint: string;
64
- info: string;
65
- infoTint: string;
66
- neutral: string;
67
- neutralTint: string;
68
- border: string;
69
- };
70
- input: {
71
- borderDim: string;
72
- };
73
- brand: {
74
- brand: string;
75
- dark: string;
76
- dim: string;
77
- bold: string;
78
- bright: string;
79
- gradientFrom: string;
80
- gradientTo: string;
81
- onBrand: string;
82
- onBrandVariant: string;
83
- aiGradientFrom: string;
84
- aiGradientTo: string;
85
- accessible: string;
86
- fixed: {
87
- brand: string;
88
- dark: string;
89
- dim: string;
90
- bold: string;
91
- bright: string;
92
- onBrand: string;
93
- onBrandVariant: string;
94
- accessible: string;
95
- };
96
- };
97
- outline: {
98
- outer: string;
99
- inner: string;
100
- };
101
- surface: {
102
- surface: string;
103
- bright: string;
104
- dim: string;
105
- onSurface: string;
106
- onSurfaceVariant: string;
107
- border: string;
108
- borderDim: string;
109
- link: string;
110
- electricity: string;
111
- gas: string;
112
- fadeFrom: string;
113
- fadeTo: string;
114
- fixed: {
115
- onSurface: string;
116
- bright: string;
117
- };
118
- };
119
- };
120
- transition: {
121
- duration: {
122
- fast: number;
123
- medium: number;
124
- slow: number;
125
- };
126
- };
127
- unit: {
128
- "0": number;
129
- "25": number;
130
- "50": number;
131
- "100": number;
132
- "200": number;
133
- "300": number;
134
- "350": number;
135
- "400": number;
136
- "450": number;
137
- "500": number;
138
- "550": number;
139
- "600": number;
140
- "700": number;
141
- "800": number;
142
- "900": number;
143
- "1000": number;
144
- "1100": number;
145
- "1200": number;
146
- "1300": number;
147
- "1400": number;
148
- "1500": number;
149
- "1600": number;
150
- "1800": number;
151
- "2000": number;
152
- "2400": number;
153
- "3000": number;
154
- "3500": number;
155
- };
156
- border: {
157
- radius: {
158
- xs: number;
159
- sm: number;
160
- md: number;
161
- lg: number;
162
- xl: number;
163
- "2xl": number;
164
- "3xl": number;
165
- };
166
- width: {
167
- sm: number;
168
- md: number;
169
- lg: number;
170
- };
171
- };
172
- breakpoint: {
173
- xsmall: number;
174
- small: number;
175
- medium: number;
176
- large: number;
177
- };
178
- native: {
179
- font: {
180
- family: {
181
- black: string;
182
- book: string;
183
- bold: string;
184
- };
185
- };
186
- };
187
- web: {
188
- font: {
189
- family: string;
190
- };
191
- };
192
- font: {
193
- letterSpacing: {
194
- d1: {
195
- mediaQuery: {
196
- sm: number;
197
- lg: number;
198
- };
199
- };
200
- d2: {
201
- mediaQuery: {
202
- sm: number;
203
- lg: number;
204
- };
205
- };
206
- d3: {
207
- mediaQuery: {
208
- sm: number;
209
- lg: number;
210
- };
211
- };
212
- d4: {
213
- mediaQuery: {
214
- sm: number;
215
- lg: number;
216
- };
217
- };
218
- "4xl": {
219
- mediaQuery: {
220
- sm: number;
221
- lg: number;
222
- };
223
- };
224
- "3xl": {
225
- mediaQuery: {
226
- sm: number;
227
- lg: number;
228
- };
229
- };
230
- "2xl": {
231
- mediaQuery: {
232
- sm: number;
233
- lg: number;
234
- };
235
- };
236
- xl: {
237
- mediaQuery: {
238
- sm: number;
239
- lg: number;
240
- };
241
- };
242
- lg: {
243
- mediaQuery: {
244
- sm: number;
245
- lg: number;
246
- };
247
- };
248
- md: {
249
- mediaQuery: {
250
- sm: number;
251
- lg: number;
252
- };
253
- };
254
- sm: {
255
- mediaQuery: {
256
- sm: number;
257
- lg: number;
258
- };
259
- };
260
- xs: {
261
- mediaQuery: {
262
- sm: number;
263
- lg: number;
264
- };
265
- };
266
- };
267
- lineHeight: {
268
- d1: {
269
- mediaQuery: {
270
- sm: number;
271
- lg: number;
272
- };
273
- };
274
- d2: {
275
- mediaQuery: {
276
- sm: number;
277
- lg: number;
278
- };
279
- };
280
- d3: {
281
- mediaQuery: {
282
- sm: number;
283
- lg: number;
284
- };
285
- };
286
- d4: {
287
- mediaQuery: {
288
- sm: number;
289
- lg: number;
290
- };
291
- };
292
- "4xl": {
293
- mediaQuery: {
294
- sm: number;
295
- lg: number;
296
- };
297
- };
298
- "3xl": {
299
- mediaQuery: {
300
- sm: number;
301
- lg: number;
302
- };
303
- };
304
- "2xl": {
305
- mediaQuery: {
306
- sm: number;
307
- lg: number;
308
- };
309
- };
310
- xl: {
311
- mediaQuery: {
312
- sm: number;
313
- lg: number;
314
- };
315
- };
316
- lg: {
317
- mediaQuery: {
318
- sm: number;
319
- lg: number;
320
- };
321
- };
322
- md: {
323
- mediaQuery: {
324
- sm: number;
325
- lg: number;
326
- };
327
- };
328
- sm: {
329
- mediaQuery: {
330
- sm: number;
331
- lg: number;
332
- };
333
- };
334
- xs: {
335
- mediaQuery: {
336
- sm: number;
337
- lg: number;
338
- };
339
- };
340
- };
341
- paragraphSpace: {
342
- d1: {
343
- mediaQuery: {
344
- sm: number;
345
- lg: number;
346
- };
347
- };
348
- d2: {
349
- mediaQuery: {
350
- sm: number;
351
- lg: number;
352
- };
353
- };
354
- d3: {
355
- mediaQuery: {
356
- sm: number;
357
- lg: number;
358
- };
359
- };
360
- d4: {
361
- mediaQuery: {
362
- sm: number;
363
- lg: number;
364
- };
365
- };
366
- "4xl": {
367
- mediaQuery: {
368
- sm: number;
369
- lg: number;
370
- };
371
- };
372
- "3xl": {
373
- mediaQuery: {
374
- sm: number;
375
- lg: number;
376
- };
377
- };
378
- "2xl": {
379
- mediaQuery: {
380
- sm: number;
381
- lg: number;
382
- };
383
- };
384
- xl: {
385
- mediaQuery: {
386
- sm: number;
387
- lg: number;
388
- };
389
- };
390
- lg: {
391
- mediaQuery: {
392
- sm: number;
393
- lg: number;
394
- };
395
- };
396
- md: {
397
- mediaQuery: {
398
- sm: number;
399
- lg: number;
400
- };
401
- };
402
- sm: {
403
- mediaQuery: {
404
- sm: number;
405
- lg: number;
406
- };
407
- };
408
- xs: {
409
- mediaQuery: {
410
- sm: number;
411
- lg: number;
412
- };
413
- };
414
- };
415
- size: {
416
- d1: {
417
- mediaQuery: {
418
- sm: number;
419
- lg: number;
420
- };
421
- };
422
- d2: {
423
- mediaQuery: {
424
- sm: number;
425
- lg: number;
426
- };
427
- };
428
- d3: {
429
- mediaQuery: {
430
- sm: number;
431
- lg: number;
432
- };
433
- };
434
- d4: {
435
- mediaQuery: {
436
- sm: number;
437
- lg: number;
438
- };
439
- };
440
- "4xl": {
441
- mediaQuery: {
442
- sm: number;
443
- lg: number;
444
- };
445
- };
446
- "3xl": {
447
- mediaQuery: {
448
- sm: number;
449
- lg: number;
450
- };
451
- };
452
- "2xl": {
453
- mediaQuery: {
454
- sm: number;
455
- lg: number;
456
- };
457
- };
458
- xl: {
459
- mediaQuery: {
460
- sm: number;
461
- lg: number;
462
- };
463
- };
464
- lg: {
465
- mediaQuery: {
466
- sm: number;
467
- lg: number;
468
- };
469
- };
470
- md: {
471
- mediaQuery: {
472
- sm: number;
473
- lg: number;
474
- };
475
- };
476
- sm: {
477
- mediaQuery: {
478
- sm: number;
479
- lg: number;
480
- };
481
- };
482
- xs: {
483
- mediaQuery: {
484
- sm: number;
485
- lg: number;
486
- };
487
- };
488
- };
489
- weight: {
490
- book: number;
491
- bold: number;
492
- black: number;
493
- };
494
- };
495
- mediaQuery: {
496
- xsmall: number;
497
- small: number;
498
- medium: number;
499
- large: number;
500
- };
501
- customMediaQuery: {
502
- "xsmall-and-up": number;
503
- "small-and-up": number;
504
- "medium-and-up": number;
505
- "large-and-up": number;
506
- };
507
- opacity: {
508
- solid: number;
509
- translucent: number;
510
- transparent: number;
511
- };
512
- space: {
513
- "0": number;
514
- "25": number;
515
- "50": number;
516
- "100": number;
517
- "150": number;
518
- "200": number;
519
- "250": number;
520
- "300": number;
521
- "350": number;
522
- "400": number;
523
- "450": number;
524
- "500": number;
525
- "550": number;
526
- "600": number;
527
- "700": number;
528
- "800": number;
529
- "900": number;
530
- "1000": number;
531
- "1100": number;
532
- "1200": number;
533
- "1300": number;
534
- "1400": number;
535
- "1500": number;
536
- "1600": number;
537
- "1800": number;
538
- "2000": number;
539
- "2400": number;
540
- "3000": number;
541
- "3500": number;
542
- base: number;
543
- };
544
- button: {
545
- color: {
546
- focus: {
547
- blue: string;
548
- white: string;
549
- };
550
- };
551
- surface: {
552
- color: {
553
- fg: string;
554
- bg: string;
555
- bgVariant: string;
556
- bgHover: string;
557
- fgInverted: string;
558
- bgInverted: string;
559
- bgInvertedHover: string;
560
- };
561
- };
562
- destructive: {
563
- color: {
564
- fg: string;
565
- bg: string;
566
- bgHover: string;
567
- };
568
- };
569
- };
570
- input: {
571
- color: {
572
- label: string;
573
- border: string;
574
- borderError: string;
575
- hint: string;
576
- selected: string;
577
- selectedTint: string;
578
- };
579
- };
580
- }, {}, never>;
581
- export declare const StyledCurrencyInput: import("styled-components").StyledComponent<(props: import("../Input/Input").InputProps) => import("react/jsx-runtime").JSX.Element, {
582
- color: {
583
- neutral: {
584
- "20": string;
585
- "30": string;
586
- "40": string;
587
- "50": string;
588
- "60": string;
589
- "70": string;
590
- "80": string;
591
- white: string;
592
- black: string;
593
- };
594
- red: {
595
- "20": string;
596
- "30": string;
597
- "40": string;
598
- "50": string;
599
- "60": string;
600
- "70": string;
601
- "80": string;
602
- };
603
- orange: {
604
- "20": string;
605
- "30": string;
606
- "40": string;
607
- "50": string;
608
- "60": string;
609
- "70": string;
610
- };
611
- yellow: {
612
- "70": string;
613
- "80": string;
614
- };
615
- green: {
616
- "20": string;
617
- "30": string;
618
- "40": string;
619
- "50": string;
620
- "55": string;
621
- "56": string;
622
- "60": string;
623
- "70": string;
624
- "80": string;
625
- "90": string;
626
- };
627
- blue: {
628
- "20": string;
629
- "30": string;
630
- "40": string;
631
- "50": string;
632
- "60": string;
633
- "70": string;
634
- };
635
- alert: {
636
- success: string;
637
- successTint: string;
638
- warning: string;
639
- warningTint: string;
640
- error: string;
641
- errorTint: string;
642
- info: string;
643
- infoTint: string;
644
- neutral: string;
645
- neutralTint: string;
646
- border: string;
647
- };
648
- input: {
649
- borderDim: string;
650
- };
651
- brand: {
652
- brand: string;
653
- dark: string;
654
- dim: string;
655
- bold: string;
656
- bright: string;
657
- gradientFrom: string;
658
- gradientTo: string;
659
- onBrand: string;
660
- onBrandVariant: string;
661
- aiGradientFrom: string;
662
- aiGradientTo: string;
663
- accessible: string;
664
- fixed: {
665
- brand: string;
666
- dark: string;
667
- dim: string;
668
- bold: string;
669
- bright: string;
670
- onBrand: string;
671
- onBrandVariant: string;
672
- accessible: string;
673
- };
674
- };
675
- outline: {
676
- outer: string;
677
- inner: string;
678
- };
679
- surface: {
680
- surface: string;
681
- bright: string;
682
- dim: string;
683
- onSurface: string;
684
- onSurfaceVariant: string;
685
- border: string;
686
- borderDim: string;
687
- link: string;
688
- electricity: string;
689
- gas: string;
690
- fadeFrom: string;
691
- fadeTo: string;
692
- fixed: {
693
- onSurface: string;
694
- bright: string;
695
- };
696
- };
697
- };
698
- transition: {
699
- duration: {
700
- fast: number;
701
- medium: number;
702
- slow: number;
703
- };
704
- };
705
- unit: {
706
- "0": number;
707
- "25": number;
708
- "50": number;
709
- "100": number;
710
- "200": number;
711
- "300": number;
712
- "350": number;
713
- "400": number;
714
- "450": number;
715
- "500": number;
716
- "550": number;
717
- "600": number;
718
- "700": number;
719
- "800": number;
720
- "900": number;
721
- "1000": number;
722
- "1100": number;
723
- "1200": number;
724
- "1300": number;
725
- "1400": number;
726
- "1500": number;
727
- "1600": number;
728
- "1800": number;
729
- "2000": number;
730
- "2400": number;
731
- "3000": number;
732
- "3500": number;
733
- };
734
- border: {
735
- radius: {
736
- xs: number;
737
- sm: number;
738
- md: number;
739
- lg: number;
740
- xl: number;
741
- "2xl": number;
742
- "3xl": number;
743
- };
744
- width: {
745
- sm: number;
746
- md: number;
747
- lg: number;
748
- };
749
- };
750
- breakpoint: {
751
- xsmall: number;
752
- small: number;
753
- medium: number;
754
- large: number;
755
- };
756
- native: {
757
- font: {
758
- family: {
759
- black: string;
760
- book: string;
761
- bold: string;
762
- };
763
- };
764
- };
765
- web: {
766
- font: {
767
- family: string;
768
- };
769
- };
770
- font: {
771
- letterSpacing: {
772
- d1: {
773
- mediaQuery: {
774
- sm: number;
775
- lg: number;
776
- };
777
- };
778
- d2: {
779
- mediaQuery: {
780
- sm: number;
781
- lg: number;
782
- };
783
- };
784
- d3: {
785
- mediaQuery: {
786
- sm: number;
787
- lg: number;
788
- };
789
- };
790
- d4: {
791
- mediaQuery: {
792
- sm: number;
793
- lg: number;
794
- };
795
- };
796
- "4xl": {
797
- mediaQuery: {
798
- sm: number;
799
- lg: number;
800
- };
801
- };
802
- "3xl": {
803
- mediaQuery: {
804
- sm: number;
805
- lg: number;
806
- };
807
- };
808
- "2xl": {
809
- mediaQuery: {
810
- sm: number;
811
- lg: number;
812
- };
813
- };
814
- xl: {
815
- mediaQuery: {
816
- sm: number;
817
- lg: number;
818
- };
819
- };
820
- lg: {
821
- mediaQuery: {
822
- sm: number;
823
- lg: number;
824
- };
825
- };
826
- md: {
827
- mediaQuery: {
828
- sm: number;
829
- lg: number;
830
- };
831
- };
832
- sm: {
833
- mediaQuery: {
834
- sm: number;
835
- lg: number;
836
- };
837
- };
838
- xs: {
839
- mediaQuery: {
840
- sm: number;
841
- lg: number;
842
- };
843
- };
844
- };
845
- lineHeight: {
846
- d1: {
847
- mediaQuery: {
848
- sm: number;
849
- lg: number;
850
- };
851
- };
852
- d2: {
853
- mediaQuery: {
854
- sm: number;
855
- lg: number;
856
- };
857
- };
858
- d3: {
859
- mediaQuery: {
860
- sm: number;
861
- lg: number;
862
- };
863
- };
864
- d4: {
865
- mediaQuery: {
866
- sm: number;
867
- lg: number;
868
- };
869
- };
870
- "4xl": {
871
- mediaQuery: {
872
- sm: number;
873
- lg: number;
874
- };
875
- };
876
- "3xl": {
877
- mediaQuery: {
878
- sm: number;
879
- lg: number;
880
- };
881
- };
882
- "2xl": {
883
- mediaQuery: {
884
- sm: number;
885
- lg: number;
886
- };
887
- };
888
- xl: {
889
- mediaQuery: {
890
- sm: number;
891
- lg: number;
892
- };
893
- };
894
- lg: {
895
- mediaQuery: {
896
- sm: number;
897
- lg: number;
898
- };
899
- };
900
- md: {
901
- mediaQuery: {
902
- sm: number;
903
- lg: number;
904
- };
905
- };
906
- sm: {
907
- mediaQuery: {
908
- sm: number;
909
- lg: number;
910
- };
911
- };
912
- xs: {
913
- mediaQuery: {
914
- sm: number;
915
- lg: number;
916
- };
917
- };
918
- };
919
- paragraphSpace: {
920
- d1: {
921
- mediaQuery: {
922
- sm: number;
923
- lg: number;
924
- };
925
- };
926
- d2: {
927
- mediaQuery: {
928
- sm: number;
929
- lg: number;
930
- };
931
- };
932
- d3: {
933
- mediaQuery: {
934
- sm: number;
935
- lg: number;
936
- };
937
- };
938
- d4: {
939
- mediaQuery: {
940
- sm: number;
941
- lg: number;
942
- };
943
- };
944
- "4xl": {
945
- mediaQuery: {
946
- sm: number;
947
- lg: number;
948
- };
949
- };
950
- "3xl": {
951
- mediaQuery: {
952
- sm: number;
953
- lg: number;
954
- };
955
- };
956
- "2xl": {
957
- mediaQuery: {
958
- sm: number;
959
- lg: number;
960
- };
961
- };
962
- xl: {
963
- mediaQuery: {
964
- sm: number;
965
- lg: number;
966
- };
967
- };
968
- lg: {
969
- mediaQuery: {
970
- sm: number;
971
- lg: number;
972
- };
973
- };
974
- md: {
975
- mediaQuery: {
976
- sm: number;
977
- lg: number;
978
- };
979
- };
980
- sm: {
981
- mediaQuery: {
982
- sm: number;
983
- lg: number;
984
- };
985
- };
986
- xs: {
987
- mediaQuery: {
988
- sm: number;
989
- lg: number;
990
- };
991
- };
992
- };
993
- size: {
994
- d1: {
995
- mediaQuery: {
996
- sm: number;
997
- lg: number;
998
- };
999
- };
1000
- d2: {
1001
- mediaQuery: {
1002
- sm: number;
1003
- lg: number;
1004
- };
1005
- };
1006
- d3: {
1007
- mediaQuery: {
1008
- sm: number;
1009
- lg: number;
1010
- };
1011
- };
1012
- d4: {
1013
- mediaQuery: {
1014
- sm: number;
1015
- lg: number;
1016
- };
1017
- };
1018
- "4xl": {
1019
- mediaQuery: {
1020
- sm: number;
1021
- lg: number;
1022
- };
1023
- };
1024
- "3xl": {
1025
- mediaQuery: {
1026
- sm: number;
1027
- lg: number;
1028
- };
1029
- };
1030
- "2xl": {
1031
- mediaQuery: {
1032
- sm: number;
1033
- lg: number;
1034
- };
1035
- };
1036
- xl: {
1037
- mediaQuery: {
1038
- sm: number;
1039
- lg: number;
1040
- };
1041
- };
1042
- lg: {
1043
- mediaQuery: {
1044
- sm: number;
1045
- lg: number;
1046
- };
1047
- };
1048
- md: {
1049
- mediaQuery: {
1050
- sm: number;
1051
- lg: number;
1052
- };
1053
- };
1054
- sm: {
1055
- mediaQuery: {
1056
- sm: number;
1057
- lg: number;
1058
- };
1059
- };
1060
- xs: {
1061
- mediaQuery: {
1062
- sm: number;
1063
- lg: number;
1064
- };
1065
- };
1066
- };
1067
- weight: {
1068
- book: number;
1069
- bold: number;
1070
- black: number;
1071
- };
1072
- };
1073
- mediaQuery: {
1074
- xsmall: number;
1075
- small: number;
1076
- medium: number;
1077
- large: number;
1078
- };
1079
- customMediaQuery: {
1080
- "xsmall-and-up": number;
1081
- "small-and-up": number;
1082
- "medium-and-up": number;
1083
- "large-and-up": number;
1084
- };
1085
- opacity: {
1086
- solid: number;
1087
- translucent: number;
1088
- transparent: number;
1089
- };
1090
- space: {
1091
- "0": number;
1092
- "25": number;
1093
- "50": number;
1094
- "100": number;
1095
- "150": number;
1096
- "200": number;
1097
- "250": number;
1098
- "300": number;
1099
- "350": number;
1100
- "400": number;
1101
- "450": number;
1102
- "500": number;
1103
- "550": number;
1104
- "600": number;
1105
- "700": number;
1106
- "800": number;
1107
- "900": number;
1108
- "1000": number;
1109
- "1100": number;
1110
- "1200": number;
1111
- "1300": number;
1112
- "1400": number;
1113
- "1500": number;
1114
- "1600": number;
1115
- "1800": number;
1116
- "2000": number;
1117
- "2400": number;
1118
- "3000": number;
1119
- "3500": number;
1120
- base: number;
1121
- };
1122
- button: {
1123
- color: {
1124
- focus: {
1125
- blue: string;
1126
- white: string;
1127
- };
1128
- };
1129
- surface: {
1130
- color: {
1131
- fg: string;
1132
- bg: string;
1133
- bgVariant: string;
1134
- bgHover: string;
1135
- fgInverted: string;
1136
- bgInverted: string;
1137
- bgInvertedHover: string;
1138
- };
1139
- };
1140
- destructive: {
1141
- color: {
1142
- fg: string;
1143
- bg: string;
1144
- bgHover: string;
1145
- };
1146
- };
1147
- };
1148
- input: {
1149
- color: {
1150
- label: string;
1151
- border: string;
1152
- borderError: string;
1153
- hint: string;
1154
- selected: string;
1155
- selectedTint: string;
1156
- };
1157
- };
1158
- }, Breakpoints, never>;
1159
- export declare const StyledCurrencySymbolWrapper: import("styled-components").StyledComponent<typeof View, {
1160
- color: {
1161
- neutral: {
1162
- "20": string;
1163
- "30": string;
1164
- "40": string;
1165
- "50": string;
1166
- "60": string;
1167
- "70": string;
1168
- "80": string;
1169
- white: string;
1170
- black: string;
1171
- };
1172
- red: {
1173
- "20": string;
1174
- "30": string;
1175
- "40": string;
1176
- "50": string;
1177
- "60": string;
1178
- "70": string;
1179
- "80": string;
1180
- };
1181
- orange: {
1182
- "20": string;
1183
- "30": string;
1184
- "40": string;
1185
- "50": string;
1186
- "60": string;
1187
- "70": string;
1188
- };
1189
- yellow: {
1190
- "70": string;
1191
- "80": string;
1192
- };
1193
- green: {
1194
- "20": string;
1195
- "30": string;
1196
- "40": string;
1197
- "50": string;
1198
- "55": string;
1199
- "56": string;
1200
- "60": string;
1201
- "70": string;
1202
- "80": string;
1203
- "90": string;
1204
- };
1205
- blue: {
1206
- "20": string;
1207
- "30": string;
1208
- "40": string;
1209
- "50": string;
1210
- "60": string;
1211
- "70": string;
1212
- };
1213
- alert: {
1214
- success: string;
1215
- successTint: string;
1216
- warning: string;
1217
- warningTint: string;
1218
- error: string;
1219
- errorTint: string;
1220
- info: string;
1221
- infoTint: string;
1222
- neutral: string;
1223
- neutralTint: string;
1224
- border: string;
1225
- };
1226
- input: {
1227
- borderDim: string;
1228
- };
1229
- brand: {
1230
- brand: string;
1231
- dark: string;
1232
- dim: string;
1233
- bold: string;
1234
- bright: string;
1235
- gradientFrom: string;
1236
- gradientTo: string;
1237
- onBrand: string;
1238
- onBrandVariant: string;
1239
- aiGradientFrom: string;
1240
- aiGradientTo: string;
1241
- accessible: string;
1242
- fixed: {
1243
- brand: string;
1244
- dark: string;
1245
- dim: string;
1246
- bold: string;
1247
- bright: string;
1248
- onBrand: string;
1249
- onBrandVariant: string;
1250
- accessible: string;
1251
- };
1252
- };
1253
- outline: {
1254
- outer: string;
1255
- inner: string;
1256
- };
1257
- surface: {
1258
- surface: string;
1259
- bright: string;
1260
- dim: string;
1261
- onSurface: string;
1262
- onSurfaceVariant: string;
1263
- border: string;
1264
- borderDim: string;
1265
- link: string;
1266
- electricity: string;
1267
- gas: string;
1268
- fadeFrom: string;
1269
- fadeTo: string;
1270
- fixed: {
1271
- onSurface: string;
1272
- bright: string;
1273
- };
1274
- };
1275
- };
1276
- transition: {
1277
- duration: {
1278
- fast: number;
1279
- medium: number;
1280
- slow: number;
1281
- };
1282
- };
1283
- unit: {
1284
- "0": number;
1285
- "25": number;
1286
- "50": number;
1287
- "100": number;
1288
- "200": number;
1289
- "300": number;
1290
- "350": number;
1291
- "400": number;
1292
- "450": number;
1293
- "500": number;
1294
- "550": number;
1295
- "600": number;
1296
- "700": number;
1297
- "800": number;
1298
- "900": number;
1299
- "1000": number;
1300
- "1100": number;
1301
- "1200": number;
1302
- "1300": number;
1303
- "1400": number;
1304
- "1500": number;
1305
- "1600": number;
1306
- "1800": number;
1307
- "2000": number;
1308
- "2400": number;
1309
- "3000": number;
1310
- "3500": number;
1311
- };
1312
- border: {
1313
- radius: {
1314
- xs: number;
1315
- sm: number;
1316
- md: number;
1317
- lg: number;
1318
- xl: number;
1319
- "2xl": number;
1320
- "3xl": number;
1321
- };
1322
- width: {
1323
- sm: number;
1324
- md: number;
1325
- lg: number;
1326
- };
1327
- };
1328
- breakpoint: {
1329
- xsmall: number;
1330
- small: number;
1331
- medium: number;
1332
- large: number;
1333
- };
1334
- native: {
1335
- font: {
1336
- family: {
1337
- black: string;
1338
- book: string;
1339
- bold: string;
1340
- };
1341
- };
1342
- };
1343
- web: {
1344
- font: {
1345
- family: string;
1346
- };
1347
- };
1348
- font: {
1349
- letterSpacing: {
1350
- d1: {
1351
- mediaQuery: {
1352
- sm: number;
1353
- lg: number;
1354
- };
1355
- };
1356
- d2: {
1357
- mediaQuery: {
1358
- sm: number;
1359
- lg: number;
1360
- };
1361
- };
1362
- d3: {
1363
- mediaQuery: {
1364
- sm: number;
1365
- lg: number;
1366
- };
1367
- };
1368
- d4: {
1369
- mediaQuery: {
1370
- sm: number;
1371
- lg: number;
1372
- };
1373
- };
1374
- "4xl": {
1375
- mediaQuery: {
1376
- sm: number;
1377
- lg: number;
1378
- };
1379
- };
1380
- "3xl": {
1381
- mediaQuery: {
1382
- sm: number;
1383
- lg: number;
1384
- };
1385
- };
1386
- "2xl": {
1387
- mediaQuery: {
1388
- sm: number;
1389
- lg: number;
1390
- };
1391
- };
1392
- xl: {
1393
- mediaQuery: {
1394
- sm: number;
1395
- lg: number;
1396
- };
1397
- };
1398
- lg: {
1399
- mediaQuery: {
1400
- sm: number;
1401
- lg: number;
1402
- };
1403
- };
1404
- md: {
1405
- mediaQuery: {
1406
- sm: number;
1407
- lg: number;
1408
- };
1409
- };
1410
- sm: {
1411
- mediaQuery: {
1412
- sm: number;
1413
- lg: number;
1414
- };
1415
- };
1416
- xs: {
1417
- mediaQuery: {
1418
- sm: number;
1419
- lg: number;
1420
- };
1421
- };
1422
- };
1423
- lineHeight: {
1424
- d1: {
1425
- mediaQuery: {
1426
- sm: number;
1427
- lg: number;
1428
- };
1429
- };
1430
- d2: {
1431
- mediaQuery: {
1432
- sm: number;
1433
- lg: number;
1434
- };
1435
- };
1436
- d3: {
1437
- mediaQuery: {
1438
- sm: number;
1439
- lg: number;
1440
- };
1441
- };
1442
- d4: {
1443
- mediaQuery: {
1444
- sm: number;
1445
- lg: number;
1446
- };
1447
- };
1448
- "4xl": {
1449
- mediaQuery: {
1450
- sm: number;
1451
- lg: number;
1452
- };
1453
- };
1454
- "3xl": {
1455
- mediaQuery: {
1456
- sm: number;
1457
- lg: number;
1458
- };
1459
- };
1460
- "2xl": {
1461
- mediaQuery: {
1462
- sm: number;
1463
- lg: number;
1464
- };
1465
- };
1466
- xl: {
1467
- mediaQuery: {
1468
- sm: number;
1469
- lg: number;
1470
- };
1471
- };
1472
- lg: {
1473
- mediaQuery: {
1474
- sm: number;
1475
- lg: number;
1476
- };
1477
- };
1478
- md: {
1479
- mediaQuery: {
1480
- sm: number;
1481
- lg: number;
1482
- };
1483
- };
1484
- sm: {
1485
- mediaQuery: {
1486
- sm: number;
1487
- lg: number;
1488
- };
1489
- };
1490
- xs: {
1491
- mediaQuery: {
1492
- sm: number;
1493
- lg: number;
1494
- };
1495
- };
1496
- };
1497
- paragraphSpace: {
1498
- d1: {
1499
- mediaQuery: {
1500
- sm: number;
1501
- lg: number;
1502
- };
1503
- };
1504
- d2: {
1505
- mediaQuery: {
1506
- sm: number;
1507
- lg: number;
1508
- };
1509
- };
1510
- d3: {
1511
- mediaQuery: {
1512
- sm: number;
1513
- lg: number;
1514
- };
1515
- };
1516
- d4: {
1517
- mediaQuery: {
1518
- sm: number;
1519
- lg: number;
1520
- };
1521
- };
1522
- "4xl": {
1523
- mediaQuery: {
1524
- sm: number;
1525
- lg: number;
1526
- };
1527
- };
1528
- "3xl": {
1529
- mediaQuery: {
1530
- sm: number;
1531
- lg: number;
1532
- };
1533
- };
1534
- "2xl": {
1535
- mediaQuery: {
1536
- sm: number;
1537
- lg: number;
1538
- };
1539
- };
1540
- xl: {
1541
- mediaQuery: {
1542
- sm: number;
1543
- lg: number;
1544
- };
1545
- };
1546
- lg: {
1547
- mediaQuery: {
1548
- sm: number;
1549
- lg: number;
1550
- };
1551
- };
1552
- md: {
1553
- mediaQuery: {
1554
- sm: number;
1555
- lg: number;
1556
- };
1557
- };
1558
- sm: {
1559
- mediaQuery: {
1560
- sm: number;
1561
- lg: number;
1562
- };
1563
- };
1564
- xs: {
1565
- mediaQuery: {
1566
- sm: number;
1567
- lg: number;
1568
- };
1569
- };
1570
- };
1571
- size: {
1572
- d1: {
1573
- mediaQuery: {
1574
- sm: number;
1575
- lg: number;
1576
- };
1577
- };
1578
- d2: {
1579
- mediaQuery: {
1580
- sm: number;
1581
- lg: number;
1582
- };
1583
- };
1584
- d3: {
1585
- mediaQuery: {
1586
- sm: number;
1587
- lg: number;
1588
- };
1589
- };
1590
- d4: {
1591
- mediaQuery: {
1592
- sm: number;
1593
- lg: number;
1594
- };
1595
- };
1596
- "4xl": {
1597
- mediaQuery: {
1598
- sm: number;
1599
- lg: number;
1600
- };
1601
- };
1602
- "3xl": {
1603
- mediaQuery: {
1604
- sm: number;
1605
- lg: number;
1606
- };
1607
- };
1608
- "2xl": {
1609
- mediaQuery: {
1610
- sm: number;
1611
- lg: number;
1612
- };
1613
- };
1614
- xl: {
1615
- mediaQuery: {
1616
- sm: number;
1617
- lg: number;
1618
- };
1619
- };
1620
- lg: {
1621
- mediaQuery: {
1622
- sm: number;
1623
- lg: number;
1624
- };
1625
- };
1626
- md: {
1627
- mediaQuery: {
1628
- sm: number;
1629
- lg: number;
1630
- };
1631
- };
1632
- sm: {
1633
- mediaQuery: {
1634
- sm: number;
1635
- lg: number;
1636
- };
1637
- };
1638
- xs: {
1639
- mediaQuery: {
1640
- sm: number;
1641
- lg: number;
1642
- };
1643
- };
1644
- };
1645
- weight: {
1646
- book: number;
1647
- bold: number;
1648
- black: number;
1649
- };
1650
- };
1651
- mediaQuery: {
1652
- xsmall: number;
1653
- small: number;
1654
- medium: number;
1655
- large: number;
1656
- };
1657
- customMediaQuery: {
1658
- "xsmall-and-up": number;
1659
- "small-and-up": number;
1660
- "medium-and-up": number;
1661
- "large-and-up": number;
1662
- };
1663
- opacity: {
1664
- solid: number;
1665
- translucent: number;
1666
- transparent: number;
1667
- };
1668
- space: {
1669
- "0": number;
1670
- "25": number;
1671
- "50": number;
1672
- "100": number;
1673
- "150": number;
1674
- "200": number;
1675
- "250": number;
1676
- "300": number;
1677
- "350": number;
1678
- "400": number;
1679
- "450": number;
1680
- "500": number;
1681
- "550": number;
1682
- "600": number;
1683
- "700": number;
1684
- "800": number;
1685
- "900": number;
1686
- "1000": number;
1687
- "1100": number;
1688
- "1200": number;
1689
- "1300": number;
1690
- "1400": number;
1691
- "1500": number;
1692
- "1600": number;
1693
- "1800": number;
1694
- "2000": number;
1695
- "2400": number;
1696
- "3000": number;
1697
- "3500": number;
1698
- base: number;
1699
- };
1700
- button: {
1701
- color: {
1702
- focus: {
1703
- blue: string;
1704
- white: string;
1705
- };
1706
- };
1707
- surface: {
1708
- color: {
1709
- fg: string;
1710
- bg: string;
1711
- bgVariant: string;
1712
- bgHover: string;
1713
- fgInverted: string;
1714
- bgInverted: string;
1715
- bgInvertedHover: string;
1716
- };
1717
- };
1718
- destructive: {
1719
- color: {
1720
- fg: string;
1721
- bg: string;
1722
- bgHover: string;
1723
- };
1724
- };
1725
- };
1726
- input: {
1727
- color: {
1728
- label: string;
1729
- border: string;
1730
- borderError: string;
1731
- hint: string;
1732
- selected: string;
1733
- selectedTint: string;
1734
- };
1735
- };
1736
- }, {}, never>;
3
+ export declare const CurrencyInputWrapper: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {}, never>;
4
+ export declare const StyledCurrencyInput: import("styled-components").StyledComponent<(props: import("../Input/Input").InputProps) => import("react/jsx-runtime").JSX.Element, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, Breakpoints, never>;
5
+ export declare const StyledCurrencySymbolWrapper: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {}, never>;
1737
6
  export declare const StyledCurrencySymbol: import("styled-components").StyledComponent<(props: import("react-native").TextProps & {
1738
7
  inverted?: boolean;
1739
8
  ref?: React.Ref<import("react-native").Text>;
1740
9
  size?: "xl" | "lg" | "sm" | "md";
1741
- }) => import("react/jsx-runtime").JSX.Element, {
1742
- color: {
1743
- neutral: {
1744
- "20": string;
1745
- "30": string;
1746
- "40": string;
1747
- "50": string;
1748
- "60": string;
1749
- "70": string;
1750
- "80": string;
1751
- white: string;
1752
- black: string;
1753
- };
1754
- red: {
1755
- "20": string;
1756
- "30": string;
1757
- "40": string;
1758
- "50": string;
1759
- "60": string;
1760
- "70": string;
1761
- "80": string;
1762
- };
1763
- orange: {
1764
- "20": string;
1765
- "30": string;
1766
- "40": string;
1767
- "50": string;
1768
- "60": string;
1769
- "70": string;
1770
- };
1771
- yellow: {
1772
- "70": string;
1773
- "80": string;
1774
- };
1775
- green: {
1776
- "20": string;
1777
- "30": string;
1778
- "40": string;
1779
- "50": string;
1780
- "55": string;
1781
- "56": string;
1782
- "60": string;
1783
- "70": string;
1784
- "80": string;
1785
- "90": string;
1786
- };
1787
- blue: {
1788
- "20": string;
1789
- "30": string;
1790
- "40": string;
1791
- "50": string;
1792
- "60": string;
1793
- "70": string;
1794
- };
1795
- alert: {
1796
- success: string;
1797
- successTint: string;
1798
- warning: string;
1799
- warningTint: string;
1800
- error: string;
1801
- errorTint: string;
1802
- info: string;
1803
- infoTint: string;
1804
- neutral: string;
1805
- neutralTint: string;
1806
- border: string;
1807
- };
1808
- input: {
1809
- borderDim: string;
1810
- };
1811
- brand: {
1812
- brand: string;
1813
- dark: string;
1814
- dim: string;
1815
- bold: string;
1816
- bright: string;
1817
- gradientFrom: string;
1818
- gradientTo: string;
1819
- onBrand: string;
1820
- onBrandVariant: string;
1821
- aiGradientFrom: string;
1822
- aiGradientTo: string;
1823
- accessible: string;
1824
- fixed: {
1825
- brand: string;
1826
- dark: string;
1827
- dim: string;
1828
- bold: string;
1829
- bright: string;
1830
- onBrand: string;
1831
- onBrandVariant: string;
1832
- accessible: string;
1833
- };
1834
- };
1835
- outline: {
1836
- outer: string;
1837
- inner: string;
1838
- };
1839
- surface: {
1840
- surface: string;
1841
- bright: string;
1842
- dim: string;
1843
- onSurface: string;
1844
- onSurfaceVariant: string;
1845
- border: string;
1846
- borderDim: string;
1847
- link: string;
1848
- electricity: string;
1849
- gas: string;
1850
- fadeFrom: string;
1851
- fadeTo: string;
1852
- fixed: {
1853
- onSurface: string;
1854
- bright: string;
1855
- };
1856
- };
1857
- };
1858
- transition: {
1859
- duration: {
1860
- fast: number;
1861
- medium: number;
1862
- slow: number;
1863
- };
1864
- };
1865
- unit: {
1866
- "0": number;
1867
- "25": number;
1868
- "50": number;
1869
- "100": number;
1870
- "200": number;
1871
- "300": number;
1872
- "350": number;
1873
- "400": number;
1874
- "450": number;
1875
- "500": number;
1876
- "550": number;
1877
- "600": number;
1878
- "700": number;
1879
- "800": number;
1880
- "900": number;
1881
- "1000": number;
1882
- "1100": number;
1883
- "1200": number;
1884
- "1300": number;
1885
- "1400": number;
1886
- "1500": number;
1887
- "1600": number;
1888
- "1800": number;
1889
- "2000": number;
1890
- "2400": number;
1891
- "3000": number;
1892
- "3500": number;
1893
- };
1894
- border: {
1895
- radius: {
1896
- xs: number;
1897
- sm: number;
1898
- md: number;
1899
- lg: number;
1900
- xl: number;
1901
- "2xl": number;
1902
- "3xl": number;
1903
- };
1904
- width: {
1905
- sm: number;
1906
- md: number;
1907
- lg: number;
1908
- };
1909
- };
1910
- breakpoint: {
1911
- xsmall: number;
1912
- small: number;
1913
- medium: number;
1914
- large: number;
1915
- };
1916
- native: {
1917
- font: {
1918
- family: {
1919
- black: string;
1920
- book: string;
1921
- bold: string;
1922
- };
1923
- };
1924
- };
1925
- web: {
1926
- font: {
1927
- family: string;
1928
- };
1929
- };
1930
- font: {
1931
- letterSpacing: {
1932
- d1: {
1933
- mediaQuery: {
1934
- sm: number;
1935
- lg: number;
1936
- };
1937
- };
1938
- d2: {
1939
- mediaQuery: {
1940
- sm: number;
1941
- lg: number;
1942
- };
1943
- };
1944
- d3: {
1945
- mediaQuery: {
1946
- sm: number;
1947
- lg: number;
1948
- };
1949
- };
1950
- d4: {
1951
- mediaQuery: {
1952
- sm: number;
1953
- lg: number;
1954
- };
1955
- };
1956
- "4xl": {
1957
- mediaQuery: {
1958
- sm: number;
1959
- lg: number;
1960
- };
1961
- };
1962
- "3xl": {
1963
- mediaQuery: {
1964
- sm: number;
1965
- lg: number;
1966
- };
1967
- };
1968
- "2xl": {
1969
- mediaQuery: {
1970
- sm: number;
1971
- lg: number;
1972
- };
1973
- };
1974
- xl: {
1975
- mediaQuery: {
1976
- sm: number;
1977
- lg: number;
1978
- };
1979
- };
1980
- lg: {
1981
- mediaQuery: {
1982
- sm: number;
1983
- lg: number;
1984
- };
1985
- };
1986
- md: {
1987
- mediaQuery: {
1988
- sm: number;
1989
- lg: number;
1990
- };
1991
- };
1992
- sm: {
1993
- mediaQuery: {
1994
- sm: number;
1995
- lg: number;
1996
- };
1997
- };
1998
- xs: {
1999
- mediaQuery: {
2000
- sm: number;
2001
- lg: number;
2002
- };
2003
- };
2004
- };
2005
- lineHeight: {
2006
- d1: {
2007
- mediaQuery: {
2008
- sm: number;
2009
- lg: number;
2010
- };
2011
- };
2012
- d2: {
2013
- mediaQuery: {
2014
- sm: number;
2015
- lg: number;
2016
- };
2017
- };
2018
- d3: {
2019
- mediaQuery: {
2020
- sm: number;
2021
- lg: number;
2022
- };
2023
- };
2024
- d4: {
2025
- mediaQuery: {
2026
- sm: number;
2027
- lg: number;
2028
- };
2029
- };
2030
- "4xl": {
2031
- mediaQuery: {
2032
- sm: number;
2033
- lg: number;
2034
- };
2035
- };
2036
- "3xl": {
2037
- mediaQuery: {
2038
- sm: number;
2039
- lg: number;
2040
- };
2041
- };
2042
- "2xl": {
2043
- mediaQuery: {
2044
- sm: number;
2045
- lg: number;
2046
- };
2047
- };
2048
- xl: {
2049
- mediaQuery: {
2050
- sm: number;
2051
- lg: number;
2052
- };
2053
- };
2054
- lg: {
2055
- mediaQuery: {
2056
- sm: number;
2057
- lg: number;
2058
- };
2059
- };
2060
- md: {
2061
- mediaQuery: {
2062
- sm: number;
2063
- lg: number;
2064
- };
2065
- };
2066
- sm: {
2067
- mediaQuery: {
2068
- sm: number;
2069
- lg: number;
2070
- };
2071
- };
2072
- xs: {
2073
- mediaQuery: {
2074
- sm: number;
2075
- lg: number;
2076
- };
2077
- };
2078
- };
2079
- paragraphSpace: {
2080
- d1: {
2081
- mediaQuery: {
2082
- sm: number;
2083
- lg: number;
2084
- };
2085
- };
2086
- d2: {
2087
- mediaQuery: {
2088
- sm: number;
2089
- lg: number;
2090
- };
2091
- };
2092
- d3: {
2093
- mediaQuery: {
2094
- sm: number;
2095
- lg: number;
2096
- };
2097
- };
2098
- d4: {
2099
- mediaQuery: {
2100
- sm: number;
2101
- lg: number;
2102
- };
2103
- };
2104
- "4xl": {
2105
- mediaQuery: {
2106
- sm: number;
2107
- lg: number;
2108
- };
2109
- };
2110
- "3xl": {
2111
- mediaQuery: {
2112
- sm: number;
2113
- lg: number;
2114
- };
2115
- };
2116
- "2xl": {
2117
- mediaQuery: {
2118
- sm: number;
2119
- lg: number;
2120
- };
2121
- };
2122
- xl: {
2123
- mediaQuery: {
2124
- sm: number;
2125
- lg: number;
2126
- };
2127
- };
2128
- lg: {
2129
- mediaQuery: {
2130
- sm: number;
2131
- lg: number;
2132
- };
2133
- };
2134
- md: {
2135
- mediaQuery: {
2136
- sm: number;
2137
- lg: number;
2138
- };
2139
- };
2140
- sm: {
2141
- mediaQuery: {
2142
- sm: number;
2143
- lg: number;
2144
- };
2145
- };
2146
- xs: {
2147
- mediaQuery: {
2148
- sm: number;
2149
- lg: number;
2150
- };
2151
- };
2152
- };
2153
- size: {
2154
- d1: {
2155
- mediaQuery: {
2156
- sm: number;
2157
- lg: number;
2158
- };
2159
- };
2160
- d2: {
2161
- mediaQuery: {
2162
- sm: number;
2163
- lg: number;
2164
- };
2165
- };
2166
- d3: {
2167
- mediaQuery: {
2168
- sm: number;
2169
- lg: number;
2170
- };
2171
- };
2172
- d4: {
2173
- mediaQuery: {
2174
- sm: number;
2175
- lg: number;
2176
- };
2177
- };
2178
- "4xl": {
2179
- mediaQuery: {
2180
- sm: number;
2181
- lg: number;
2182
- };
2183
- };
2184
- "3xl": {
2185
- mediaQuery: {
2186
- sm: number;
2187
- lg: number;
2188
- };
2189
- };
2190
- "2xl": {
2191
- mediaQuery: {
2192
- sm: number;
2193
- lg: number;
2194
- };
2195
- };
2196
- xl: {
2197
- mediaQuery: {
2198
- sm: number;
2199
- lg: number;
2200
- };
2201
- };
2202
- lg: {
2203
- mediaQuery: {
2204
- sm: number;
2205
- lg: number;
2206
- };
2207
- };
2208
- md: {
2209
- mediaQuery: {
2210
- sm: number;
2211
- lg: number;
2212
- };
2213
- };
2214
- sm: {
2215
- mediaQuery: {
2216
- sm: number;
2217
- lg: number;
2218
- };
2219
- };
2220
- xs: {
2221
- mediaQuery: {
2222
- sm: number;
2223
- lg: number;
2224
- };
2225
- };
2226
- };
2227
- weight: {
2228
- book: number;
2229
- bold: number;
2230
- black: number;
2231
- };
2232
- };
2233
- mediaQuery: {
2234
- xsmall: number;
2235
- small: number;
2236
- medium: number;
2237
- large: number;
2238
- };
2239
- customMediaQuery: {
2240
- "xsmall-and-up": number;
2241
- "small-and-up": number;
2242
- "medium-and-up": number;
2243
- "large-and-up": number;
2244
- };
2245
- opacity: {
2246
- solid: number;
2247
- translucent: number;
2248
- transparent: number;
2249
- };
2250
- space: {
2251
- "0": number;
2252
- "25": number;
2253
- "50": number;
2254
- "100": number;
2255
- "150": number;
2256
- "200": number;
2257
- "250": number;
2258
- "300": number;
2259
- "350": number;
2260
- "400": number;
2261
- "450": number;
2262
- "500": number;
2263
- "550": number;
2264
- "600": number;
2265
- "700": number;
2266
- "800": number;
2267
- "900": number;
2268
- "1000": number;
2269
- "1100": number;
2270
- "1200": number;
2271
- "1300": number;
2272
- "1400": number;
2273
- "1500": number;
2274
- "1600": number;
2275
- "1800": number;
2276
- "2000": number;
2277
- "2400": number;
2278
- "3000": number;
2279
- "3500": number;
2280
- base: number;
2281
- };
2282
- button: {
2283
- color: {
2284
- focus: {
2285
- blue: string;
2286
- white: string;
2287
- };
2288
- };
2289
- surface: {
2290
- color: {
2291
- fg: string;
2292
- bg: string;
2293
- bgVariant: string;
2294
- bgHover: string;
2295
- fgInverted: string;
2296
- bgInverted: string;
2297
- bgInvertedHover: string;
2298
- };
2299
- };
2300
- destructive: {
2301
- color: {
2302
- fg: string;
2303
- bg: string;
2304
- bgHover: string;
2305
- };
2306
- };
2307
- };
2308
- input: {
2309
- color: {
2310
- label: string;
2311
- border: string;
2312
- borderError: string;
2313
- hint: string;
2314
- selected: string;
2315
- selectedTint: string;
2316
- };
2317
- };
2318
- }, Breakpoints, never>;
10
+ }) => import("react/jsx-runtime").JSX.Element, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, Breakpoints, never>;