@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/Cards/HeroImageCard/HeroImageCard.styles.d.ts CHANGED
@@ -1,1741 +1,10 @@
1
1
  import { View } from 'react-native';
2
- export declare const CardWithHeroImage: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
3
- color: {
4
- neutral: {
5
- "20": string;
6
- "30": string;
7
- "40": string;
8
- "50": string;
9
- "60": string;
10
- "70": string;
11
- "80": string;
12
- white: string;
13
- black: string;
14
- };
15
- red: {
16
- "20": string;
17
- "30": string;
18
- "40": string;
19
- "50": string;
20
- "60": string;
21
- "70": string;
22
- "80": string;
23
- };
24
- orange: {
25
- "20": string;
26
- "30": string;
27
- "40": string;
28
- "50": string;
29
- "60": string;
30
- "70": string;
31
- };
32
- yellow: {
33
- "70": string;
34
- "80": string;
35
- };
36
- green: {
37
- "20": string;
38
- "30": string;
39
- "40": string;
40
- "50": string;
41
- "55": string;
42
- "56": string;
43
- "60": string;
44
- "70": string;
45
- "80": string;
46
- "90": string;
47
- };
48
- blue: {
49
- "20": string;
50
- "30": string;
51
- "40": string;
52
- "50": string;
53
- "60": string;
54
- "70": string;
55
- };
56
- alert: {
57
- success: string;
58
- successTint: string;
59
- warning: string;
60
- warningTint: string;
61
- error: string;
62
- errorTint: string;
63
- info: string;
64
- infoTint: string;
65
- neutral: string;
66
- neutralTint: string;
67
- border: string;
68
- };
69
- input: {
70
- borderDim: string;
71
- };
72
- brand: {
73
- brand: string;
74
- dark: string;
75
- dim: string;
76
- bold: string;
77
- bright: string;
78
- gradientFrom: string;
79
- gradientTo: string;
80
- onBrand: string;
81
- onBrandVariant: string;
82
- aiGradientFrom: string;
83
- aiGradientTo: string;
84
- accessible: string;
85
- fixed: {
86
- brand: string;
87
- dark: string;
88
- dim: string;
89
- bold: string;
90
- bright: string;
91
- onBrand: string;
92
- onBrandVariant: string;
93
- accessible: string;
94
- };
95
- };
96
- outline: {
97
- outer: string;
98
- inner: string;
99
- };
100
- surface: {
101
- surface: string;
102
- bright: string;
103
- dim: string;
104
- onSurface: string;
105
- onSurfaceVariant: string;
106
- border: string;
107
- borderDim: string;
108
- link: string;
109
- electricity: string;
110
- gas: string;
111
- fadeFrom: string;
112
- fadeTo: string;
113
- fixed: {
114
- onSurface: string;
115
- bright: string;
116
- };
117
- };
118
- };
119
- transition: {
120
- duration: {
121
- fast: number;
122
- medium: number;
123
- slow: number;
124
- };
125
- };
126
- unit: {
127
- "0": number;
128
- "25": number;
129
- "50": number;
130
- "100": number;
131
- "200": number;
132
- "300": number;
133
- "350": number;
134
- "400": number;
135
- "450": number;
136
- "500": number;
137
- "550": number;
138
- "600": number;
139
- "700": number;
140
- "800": number;
141
- "900": number;
142
- "1000": number;
143
- "1100": number;
144
- "1200": number;
145
- "1300": number;
146
- "1400": number;
147
- "1500": number;
148
- "1600": number;
149
- "1800": number;
150
- "2000": number;
151
- "2400": number;
152
- "3000": number;
153
- "3500": number;
154
- };
155
- border: {
156
- radius: {
157
- xs: number;
158
- sm: number;
159
- md: number;
160
- lg: number;
161
- xl: number;
162
- "2xl": number;
163
- "3xl": number;
164
- };
165
- width: {
166
- sm: number;
167
- md: number;
168
- lg: number;
169
- };
170
- };
171
- breakpoint: {
172
- xsmall: number;
173
- small: number;
174
- medium: number;
175
- large: number;
176
- };
177
- native: {
178
- font: {
179
- family: {
180
- black: string;
181
- book: string;
182
- bold: string;
183
- };
184
- };
185
- };
186
- web: {
187
- font: {
188
- family: string;
189
- };
190
- };
191
- font: {
192
- letterSpacing: {
193
- d1: {
194
- mediaQuery: {
195
- sm: number;
196
- lg: number;
197
- };
198
- };
199
- d2: {
200
- mediaQuery: {
201
- sm: number;
202
- lg: number;
203
- };
204
- };
205
- d3: {
206
- mediaQuery: {
207
- sm: number;
208
- lg: number;
209
- };
210
- };
211
- d4: {
212
- mediaQuery: {
213
- sm: number;
214
- lg: number;
215
- };
216
- };
217
- "4xl": {
218
- mediaQuery: {
219
- sm: number;
220
- lg: number;
221
- };
222
- };
223
- "3xl": {
224
- mediaQuery: {
225
- sm: number;
226
- lg: number;
227
- };
228
- };
229
- "2xl": {
230
- mediaQuery: {
231
- sm: number;
232
- lg: number;
233
- };
234
- };
235
- xl: {
236
- mediaQuery: {
237
- sm: number;
238
- lg: number;
239
- };
240
- };
241
- lg: {
242
- mediaQuery: {
243
- sm: number;
244
- lg: number;
245
- };
246
- };
247
- md: {
248
- mediaQuery: {
249
- sm: number;
250
- lg: number;
251
- };
252
- };
253
- sm: {
254
- mediaQuery: {
255
- sm: number;
256
- lg: number;
257
- };
258
- };
259
- xs: {
260
- mediaQuery: {
261
- sm: number;
262
- lg: number;
263
- };
264
- };
265
- };
266
- lineHeight: {
267
- d1: {
268
- mediaQuery: {
269
- sm: number;
270
- lg: number;
271
- };
272
- };
273
- d2: {
274
- mediaQuery: {
275
- sm: number;
276
- lg: number;
277
- };
278
- };
279
- d3: {
280
- mediaQuery: {
281
- sm: number;
282
- lg: number;
283
- };
284
- };
285
- d4: {
286
- mediaQuery: {
287
- sm: number;
288
- lg: number;
289
- };
290
- };
291
- "4xl": {
292
- mediaQuery: {
293
- sm: number;
294
- lg: number;
295
- };
296
- };
297
- "3xl": {
298
- mediaQuery: {
299
- sm: number;
300
- lg: number;
301
- };
302
- };
303
- "2xl": {
304
- mediaQuery: {
305
- sm: number;
306
- lg: number;
307
- };
308
- };
309
- xl: {
310
- mediaQuery: {
311
- sm: number;
312
- lg: number;
313
- };
314
- };
315
- lg: {
316
- mediaQuery: {
317
- sm: number;
318
- lg: number;
319
- };
320
- };
321
- md: {
322
- mediaQuery: {
323
- sm: number;
324
- lg: number;
325
- };
326
- };
327
- sm: {
328
- mediaQuery: {
329
- sm: number;
330
- lg: number;
331
- };
332
- };
333
- xs: {
334
- mediaQuery: {
335
- sm: number;
336
- lg: number;
337
- };
338
- };
339
- };
340
- paragraphSpace: {
341
- d1: {
342
- mediaQuery: {
343
- sm: number;
344
- lg: number;
345
- };
346
- };
347
- d2: {
348
- mediaQuery: {
349
- sm: number;
350
- lg: number;
351
- };
352
- };
353
- d3: {
354
- mediaQuery: {
355
- sm: number;
356
- lg: number;
357
- };
358
- };
359
- d4: {
360
- mediaQuery: {
361
- sm: number;
362
- lg: number;
363
- };
364
- };
365
- "4xl": {
366
- mediaQuery: {
367
- sm: number;
368
- lg: number;
369
- };
370
- };
371
- "3xl": {
372
- mediaQuery: {
373
- sm: number;
374
- lg: number;
375
- };
376
- };
377
- "2xl": {
378
- mediaQuery: {
379
- sm: number;
380
- lg: number;
381
- };
382
- };
383
- xl: {
384
- mediaQuery: {
385
- sm: number;
386
- lg: number;
387
- };
388
- };
389
- lg: {
390
- mediaQuery: {
391
- sm: number;
392
- lg: number;
393
- };
394
- };
395
- md: {
396
- mediaQuery: {
397
- sm: number;
398
- lg: number;
399
- };
400
- };
401
- sm: {
402
- mediaQuery: {
403
- sm: number;
404
- lg: number;
405
- };
406
- };
407
- xs: {
408
- mediaQuery: {
409
- sm: number;
410
- lg: number;
411
- };
412
- };
413
- };
414
- size: {
415
- d1: {
416
- mediaQuery: {
417
- sm: number;
418
- lg: number;
419
- };
420
- };
421
- d2: {
422
- mediaQuery: {
423
- sm: number;
424
- lg: number;
425
- };
426
- };
427
- d3: {
428
- mediaQuery: {
429
- sm: number;
430
- lg: number;
431
- };
432
- };
433
- d4: {
434
- mediaQuery: {
435
- sm: number;
436
- lg: number;
437
- };
438
- };
439
- "4xl": {
440
- mediaQuery: {
441
- sm: number;
442
- lg: number;
443
- };
444
- };
445
- "3xl": {
446
- mediaQuery: {
447
- sm: number;
448
- lg: number;
449
- };
450
- };
451
- "2xl": {
452
- mediaQuery: {
453
- sm: number;
454
- lg: number;
455
- };
456
- };
457
- xl: {
458
- mediaQuery: {
459
- sm: number;
460
- lg: number;
461
- };
462
- };
463
- lg: {
464
- mediaQuery: {
465
- sm: number;
466
- lg: number;
467
- };
468
- };
469
- md: {
470
- mediaQuery: {
471
- sm: number;
472
- lg: number;
473
- };
474
- };
475
- sm: {
476
- mediaQuery: {
477
- sm: number;
478
- lg: number;
479
- };
480
- };
481
- xs: {
482
- mediaQuery: {
483
- sm: number;
484
- lg: number;
485
- };
486
- };
487
- };
488
- weight: {
489
- book: number;
490
- bold: number;
491
- black: number;
492
- };
493
- };
494
- mediaQuery: {
495
- xsmall: number;
496
- small: number;
497
- medium: number;
498
- large: number;
499
- };
500
- customMediaQuery: {
501
- "xsmall-and-up": number;
502
- "small-and-up": number;
503
- "medium-and-up": number;
504
- "large-and-up": number;
505
- };
506
- opacity: {
507
- solid: number;
508
- translucent: number;
509
- transparent: number;
510
- };
511
- space: {
512
- "0": number;
513
- "25": number;
514
- "50": number;
515
- "100": number;
516
- "150": number;
517
- "200": number;
518
- "250": number;
519
- "300": number;
520
- "350": number;
521
- "400": number;
522
- "450": number;
523
- "500": number;
524
- "550": number;
525
- "600": number;
526
- "700": number;
527
- "800": number;
528
- "900": number;
529
- "1000": number;
530
- "1100": number;
531
- "1200": number;
532
- "1300": number;
533
- "1400": number;
534
- "1500": number;
535
- "1600": number;
536
- "1800": number;
537
- "2000": number;
538
- "2400": number;
539
- "3000": number;
540
- "3500": number;
541
- base: number;
542
- };
543
- button: {
544
- color: {
545
- focus: {
546
- blue: string;
547
- white: string;
548
- };
549
- };
550
- surface: {
551
- color: {
552
- fg: string;
553
- bg: string;
554
- bgVariant: string;
555
- bgHover: string;
556
- fgInverted: string;
557
- bgInverted: string;
558
- bgInvertedHover: string;
559
- };
560
- };
561
- destructive: {
562
- color: {
563
- fg: string;
564
- bg: string;
565
- bgHover: string;
566
- };
567
- };
568
- };
569
- input: {
570
- color: {
571
- label: string;
572
- border: string;
573
- borderError: string;
574
- hint: string;
575
- selected: string;
576
- selectedTint: string;
577
- };
578
- };
579
- }, {
2
+ export declare const CardWithHeroImage: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {
580
3
  isSmall?: boolean;
581
4
  } & {
582
5
  isSquare?: boolean;
583
6
  }, never>;
584
- export declare const OverlayWrapper: import("styled-components").StyledComponent<typeof View, {
585
- color: {
586
- neutral: {
587
- "20": string;
588
- "30": string;
589
- "40": string;
590
- "50": string;
591
- "60": string;
592
- "70": string;
593
- "80": string;
594
- white: string;
595
- black: string;
596
- };
597
- red: {
598
- "20": string;
599
- "30": string;
600
- "40": string;
601
- "50": string;
602
- "60": string;
603
- "70": string;
604
- "80": string;
605
- };
606
- orange: {
607
- "20": string;
608
- "30": string;
609
- "40": string;
610
- "50": string;
611
- "60": string;
612
- "70": string;
613
- };
614
- yellow: {
615
- "70": string;
616
- "80": string;
617
- };
618
- green: {
619
- "20": string;
620
- "30": string;
621
- "40": string;
622
- "50": string;
623
- "55": string;
624
- "56": string;
625
- "60": string;
626
- "70": string;
627
- "80": string;
628
- "90": string;
629
- };
630
- blue: {
631
- "20": string;
632
- "30": string;
633
- "40": string;
634
- "50": string;
635
- "60": string;
636
- "70": string;
637
- };
638
- alert: {
639
- success: string;
640
- successTint: string;
641
- warning: string;
642
- warningTint: string;
643
- error: string;
644
- errorTint: string;
645
- info: string;
646
- infoTint: string;
647
- neutral: string;
648
- neutralTint: string;
649
- border: string;
650
- };
651
- input: {
652
- borderDim: string;
653
- };
654
- brand: {
655
- brand: string;
656
- dark: string;
657
- dim: string;
658
- bold: string;
659
- bright: string;
660
- gradientFrom: string;
661
- gradientTo: string;
662
- onBrand: string;
663
- onBrandVariant: string;
664
- aiGradientFrom: string;
665
- aiGradientTo: string;
666
- accessible: string;
667
- fixed: {
668
- brand: string;
669
- dark: string;
670
- dim: string;
671
- bold: string;
672
- bright: string;
673
- onBrand: string;
674
- onBrandVariant: string;
675
- accessible: string;
676
- };
677
- };
678
- outline: {
679
- outer: string;
680
- inner: string;
681
- };
682
- surface: {
683
- surface: string;
684
- bright: string;
685
- dim: string;
686
- onSurface: string;
687
- onSurfaceVariant: string;
688
- border: string;
689
- borderDim: string;
690
- link: string;
691
- electricity: string;
692
- gas: string;
693
- fadeFrom: string;
694
- fadeTo: string;
695
- fixed: {
696
- onSurface: string;
697
- bright: string;
698
- };
699
- };
700
- };
701
- transition: {
702
- duration: {
703
- fast: number;
704
- medium: number;
705
- slow: number;
706
- };
707
- };
708
- unit: {
709
- "0": number;
710
- "25": number;
711
- "50": number;
712
- "100": number;
713
- "200": number;
714
- "300": number;
715
- "350": number;
716
- "400": number;
717
- "450": number;
718
- "500": number;
719
- "550": number;
720
- "600": number;
721
- "700": number;
722
- "800": number;
723
- "900": number;
724
- "1000": number;
725
- "1100": number;
726
- "1200": number;
727
- "1300": number;
728
- "1400": number;
729
- "1500": number;
730
- "1600": number;
731
- "1800": number;
732
- "2000": number;
733
- "2400": number;
734
- "3000": number;
735
- "3500": number;
736
- };
737
- border: {
738
- radius: {
739
- xs: number;
740
- sm: number;
741
- md: number;
742
- lg: number;
743
- xl: number;
744
- "2xl": number;
745
- "3xl": number;
746
- };
747
- width: {
748
- sm: number;
749
- md: number;
750
- lg: number;
751
- };
752
- };
753
- breakpoint: {
754
- xsmall: number;
755
- small: number;
756
- medium: number;
757
- large: number;
758
- };
759
- native: {
760
- font: {
761
- family: {
762
- black: string;
763
- book: string;
764
- bold: string;
765
- };
766
- };
767
- };
768
- web: {
769
- font: {
770
- family: string;
771
- };
772
- };
773
- font: {
774
- letterSpacing: {
775
- d1: {
776
- mediaQuery: {
777
- sm: number;
778
- lg: number;
779
- };
780
- };
781
- d2: {
782
- mediaQuery: {
783
- sm: number;
784
- lg: number;
785
- };
786
- };
787
- d3: {
788
- mediaQuery: {
789
- sm: number;
790
- lg: number;
791
- };
792
- };
793
- d4: {
794
- mediaQuery: {
795
- sm: number;
796
- lg: number;
797
- };
798
- };
799
- "4xl": {
800
- mediaQuery: {
801
- sm: number;
802
- lg: number;
803
- };
804
- };
805
- "3xl": {
806
- mediaQuery: {
807
- sm: number;
808
- lg: number;
809
- };
810
- };
811
- "2xl": {
812
- mediaQuery: {
813
- sm: number;
814
- lg: number;
815
- };
816
- };
817
- xl: {
818
- mediaQuery: {
819
- sm: number;
820
- lg: number;
821
- };
822
- };
823
- lg: {
824
- mediaQuery: {
825
- sm: number;
826
- lg: number;
827
- };
828
- };
829
- md: {
830
- mediaQuery: {
831
- sm: number;
832
- lg: number;
833
- };
834
- };
835
- sm: {
836
- mediaQuery: {
837
- sm: number;
838
- lg: number;
839
- };
840
- };
841
- xs: {
842
- mediaQuery: {
843
- sm: number;
844
- lg: number;
845
- };
846
- };
847
- };
848
- lineHeight: {
849
- d1: {
850
- mediaQuery: {
851
- sm: number;
852
- lg: number;
853
- };
854
- };
855
- d2: {
856
- mediaQuery: {
857
- sm: number;
858
- lg: number;
859
- };
860
- };
861
- d3: {
862
- mediaQuery: {
863
- sm: number;
864
- lg: number;
865
- };
866
- };
867
- d4: {
868
- mediaQuery: {
869
- sm: number;
870
- lg: number;
871
- };
872
- };
873
- "4xl": {
874
- mediaQuery: {
875
- sm: number;
876
- lg: number;
877
- };
878
- };
879
- "3xl": {
880
- mediaQuery: {
881
- sm: number;
882
- lg: number;
883
- };
884
- };
885
- "2xl": {
886
- mediaQuery: {
887
- sm: number;
888
- lg: number;
889
- };
890
- };
891
- xl: {
892
- mediaQuery: {
893
- sm: number;
894
- lg: number;
895
- };
896
- };
897
- lg: {
898
- mediaQuery: {
899
- sm: number;
900
- lg: number;
901
- };
902
- };
903
- md: {
904
- mediaQuery: {
905
- sm: number;
906
- lg: number;
907
- };
908
- };
909
- sm: {
910
- mediaQuery: {
911
- sm: number;
912
- lg: number;
913
- };
914
- };
915
- xs: {
916
- mediaQuery: {
917
- sm: number;
918
- lg: number;
919
- };
920
- };
921
- };
922
- paragraphSpace: {
923
- d1: {
924
- mediaQuery: {
925
- sm: number;
926
- lg: number;
927
- };
928
- };
929
- d2: {
930
- mediaQuery: {
931
- sm: number;
932
- lg: number;
933
- };
934
- };
935
- d3: {
936
- mediaQuery: {
937
- sm: number;
938
- lg: number;
939
- };
940
- };
941
- d4: {
942
- mediaQuery: {
943
- sm: number;
944
- lg: number;
945
- };
946
- };
947
- "4xl": {
948
- mediaQuery: {
949
- sm: number;
950
- lg: number;
951
- };
952
- };
953
- "3xl": {
954
- mediaQuery: {
955
- sm: number;
956
- lg: number;
957
- };
958
- };
959
- "2xl": {
960
- mediaQuery: {
961
- sm: number;
962
- lg: number;
963
- };
964
- };
965
- xl: {
966
- mediaQuery: {
967
- sm: number;
968
- lg: number;
969
- };
970
- };
971
- lg: {
972
- mediaQuery: {
973
- sm: number;
974
- lg: number;
975
- };
976
- };
977
- md: {
978
- mediaQuery: {
979
- sm: number;
980
- lg: number;
981
- };
982
- };
983
- sm: {
984
- mediaQuery: {
985
- sm: number;
986
- lg: number;
987
- };
988
- };
989
- xs: {
990
- mediaQuery: {
991
- sm: number;
992
- lg: number;
993
- };
994
- };
995
- };
996
- size: {
997
- d1: {
998
- mediaQuery: {
999
- sm: number;
1000
- lg: number;
1001
- };
1002
- };
1003
- d2: {
1004
- mediaQuery: {
1005
- sm: number;
1006
- lg: number;
1007
- };
1008
- };
1009
- d3: {
1010
- mediaQuery: {
1011
- sm: number;
1012
- lg: number;
1013
- };
1014
- };
1015
- d4: {
1016
- mediaQuery: {
1017
- sm: number;
1018
- lg: number;
1019
- };
1020
- };
1021
- "4xl": {
1022
- mediaQuery: {
1023
- sm: number;
1024
- lg: number;
1025
- };
1026
- };
1027
- "3xl": {
1028
- mediaQuery: {
1029
- sm: number;
1030
- lg: number;
1031
- };
1032
- };
1033
- "2xl": {
1034
- mediaQuery: {
1035
- sm: number;
1036
- lg: number;
1037
- };
1038
- };
1039
- xl: {
1040
- mediaQuery: {
1041
- sm: number;
1042
- lg: number;
1043
- };
1044
- };
1045
- lg: {
1046
- mediaQuery: {
1047
- sm: number;
1048
- lg: number;
1049
- };
1050
- };
1051
- md: {
1052
- mediaQuery: {
1053
- sm: number;
1054
- lg: number;
1055
- };
1056
- };
1057
- sm: {
1058
- mediaQuery: {
1059
- sm: number;
1060
- lg: number;
1061
- };
1062
- };
1063
- xs: {
1064
- mediaQuery: {
1065
- sm: number;
1066
- lg: number;
1067
- };
1068
- };
1069
- };
1070
- weight: {
1071
- book: number;
1072
- bold: number;
1073
- black: number;
1074
- };
1075
- };
1076
- mediaQuery: {
1077
- xsmall: number;
1078
- small: number;
1079
- medium: number;
1080
- large: number;
1081
- };
1082
- customMediaQuery: {
1083
- "xsmall-and-up": number;
1084
- "small-and-up": number;
1085
- "medium-and-up": number;
1086
- "large-and-up": number;
1087
- };
1088
- opacity: {
1089
- solid: number;
1090
- translucent: number;
1091
- transparent: number;
1092
- };
1093
- space: {
1094
- "0": number;
1095
- "25": number;
1096
- "50": number;
1097
- "100": number;
1098
- "150": number;
1099
- "200": number;
1100
- "250": number;
1101
- "300": number;
1102
- "350": number;
1103
- "400": number;
1104
- "450": number;
1105
- "500": number;
1106
- "550": number;
1107
- "600": number;
1108
- "700": number;
1109
- "800": number;
1110
- "900": number;
1111
- "1000": number;
1112
- "1100": number;
1113
- "1200": number;
1114
- "1300": number;
1115
- "1400": number;
1116
- "1500": number;
1117
- "1600": number;
1118
- "1800": number;
1119
- "2000": number;
1120
- "2400": number;
1121
- "3000": number;
1122
- "3500": number;
1123
- base: number;
1124
- };
1125
- button: {
1126
- color: {
1127
- focus: {
1128
- blue: string;
1129
- white: string;
1130
- };
1131
- };
1132
- surface: {
1133
- color: {
1134
- fg: string;
1135
- bg: string;
1136
- bgVariant: string;
1137
- bgHover: string;
1138
- fgInverted: string;
1139
- bgInverted: string;
1140
- bgInvertedHover: string;
1141
- };
1142
- };
1143
- destructive: {
1144
- color: {
1145
- fg: string;
1146
- bg: string;
1147
- bgHover: string;
1148
- };
1149
- };
1150
- };
1151
- input: {
1152
- color: {
1153
- label: string;
1154
- border: string;
1155
- borderError: string;
1156
- hint: string;
1157
- selected: string;
1158
- selectedTint: string;
1159
- };
1160
- };
1161
- }, {
7
+ export declare const OverlayWrapper: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {
1162
8
  largeAndUp?: boolean;
1163
9
  }, never>;
1164
- export declare const OverlayContentContainer: import("styled-components").StyledComponent<typeof View, {
1165
- color: {
1166
- neutral: {
1167
- "20": string;
1168
- "30": string;
1169
- "40": string;
1170
- "50": string;
1171
- "60": string;
1172
- "70": string;
1173
- "80": string;
1174
- white: string;
1175
- black: string;
1176
- };
1177
- red: {
1178
- "20": string;
1179
- "30": string;
1180
- "40": string;
1181
- "50": string;
1182
- "60": string;
1183
- "70": string;
1184
- "80": string;
1185
- };
1186
- orange: {
1187
- "20": string;
1188
- "30": string;
1189
- "40": string;
1190
- "50": string;
1191
- "60": string;
1192
- "70": string;
1193
- };
1194
- yellow: {
1195
- "70": string;
1196
- "80": string;
1197
- };
1198
- green: {
1199
- "20": string;
1200
- "30": string;
1201
- "40": string;
1202
- "50": string;
1203
- "55": string;
1204
- "56": string;
1205
- "60": string;
1206
- "70": string;
1207
- "80": string;
1208
- "90": string;
1209
- };
1210
- blue: {
1211
- "20": string;
1212
- "30": string;
1213
- "40": string;
1214
- "50": string;
1215
- "60": string;
1216
- "70": string;
1217
- };
1218
- alert: {
1219
- success: string;
1220
- successTint: string;
1221
- warning: string;
1222
- warningTint: string;
1223
- error: string;
1224
- errorTint: string;
1225
- info: string;
1226
- infoTint: string;
1227
- neutral: string;
1228
- neutralTint: string;
1229
- border: string;
1230
- };
1231
- input: {
1232
- borderDim: string;
1233
- };
1234
- brand: {
1235
- brand: string;
1236
- dark: string;
1237
- dim: string;
1238
- bold: string;
1239
- bright: string;
1240
- gradientFrom: string;
1241
- gradientTo: string;
1242
- onBrand: string;
1243
- onBrandVariant: string;
1244
- aiGradientFrom: string;
1245
- aiGradientTo: string;
1246
- accessible: string;
1247
- fixed: {
1248
- brand: string;
1249
- dark: string;
1250
- dim: string;
1251
- bold: string;
1252
- bright: string;
1253
- onBrand: string;
1254
- onBrandVariant: string;
1255
- accessible: string;
1256
- };
1257
- };
1258
- outline: {
1259
- outer: string;
1260
- inner: string;
1261
- };
1262
- surface: {
1263
- surface: string;
1264
- bright: string;
1265
- dim: string;
1266
- onSurface: string;
1267
- onSurfaceVariant: string;
1268
- border: string;
1269
- borderDim: string;
1270
- link: string;
1271
- electricity: string;
1272
- gas: string;
1273
- fadeFrom: string;
1274
- fadeTo: string;
1275
- fixed: {
1276
- onSurface: string;
1277
- bright: string;
1278
- };
1279
- };
1280
- };
1281
- transition: {
1282
- duration: {
1283
- fast: number;
1284
- medium: number;
1285
- slow: number;
1286
- };
1287
- };
1288
- unit: {
1289
- "0": number;
1290
- "25": number;
1291
- "50": number;
1292
- "100": number;
1293
- "200": number;
1294
- "300": number;
1295
- "350": number;
1296
- "400": number;
1297
- "450": number;
1298
- "500": number;
1299
- "550": number;
1300
- "600": number;
1301
- "700": number;
1302
- "800": number;
1303
- "900": number;
1304
- "1000": number;
1305
- "1100": number;
1306
- "1200": number;
1307
- "1300": number;
1308
- "1400": number;
1309
- "1500": number;
1310
- "1600": number;
1311
- "1800": number;
1312
- "2000": number;
1313
- "2400": number;
1314
- "3000": number;
1315
- "3500": number;
1316
- };
1317
- border: {
1318
- radius: {
1319
- xs: number;
1320
- sm: number;
1321
- md: number;
1322
- lg: number;
1323
- xl: number;
1324
- "2xl": number;
1325
- "3xl": number;
1326
- };
1327
- width: {
1328
- sm: number;
1329
- md: number;
1330
- lg: number;
1331
- };
1332
- };
1333
- breakpoint: {
1334
- xsmall: number;
1335
- small: number;
1336
- medium: number;
1337
- large: number;
1338
- };
1339
- native: {
1340
- font: {
1341
- family: {
1342
- black: string;
1343
- book: string;
1344
- bold: string;
1345
- };
1346
- };
1347
- };
1348
- web: {
1349
- font: {
1350
- family: string;
1351
- };
1352
- };
1353
- font: {
1354
- letterSpacing: {
1355
- d1: {
1356
- mediaQuery: {
1357
- sm: number;
1358
- lg: number;
1359
- };
1360
- };
1361
- d2: {
1362
- mediaQuery: {
1363
- sm: number;
1364
- lg: number;
1365
- };
1366
- };
1367
- d3: {
1368
- mediaQuery: {
1369
- sm: number;
1370
- lg: number;
1371
- };
1372
- };
1373
- d4: {
1374
- mediaQuery: {
1375
- sm: number;
1376
- lg: number;
1377
- };
1378
- };
1379
- "4xl": {
1380
- mediaQuery: {
1381
- sm: number;
1382
- lg: number;
1383
- };
1384
- };
1385
- "3xl": {
1386
- mediaQuery: {
1387
- sm: number;
1388
- lg: number;
1389
- };
1390
- };
1391
- "2xl": {
1392
- mediaQuery: {
1393
- sm: number;
1394
- lg: number;
1395
- };
1396
- };
1397
- xl: {
1398
- mediaQuery: {
1399
- sm: number;
1400
- lg: number;
1401
- };
1402
- };
1403
- lg: {
1404
- mediaQuery: {
1405
- sm: number;
1406
- lg: number;
1407
- };
1408
- };
1409
- md: {
1410
- mediaQuery: {
1411
- sm: number;
1412
- lg: number;
1413
- };
1414
- };
1415
- sm: {
1416
- mediaQuery: {
1417
- sm: number;
1418
- lg: number;
1419
- };
1420
- };
1421
- xs: {
1422
- mediaQuery: {
1423
- sm: number;
1424
- lg: number;
1425
- };
1426
- };
1427
- };
1428
- lineHeight: {
1429
- d1: {
1430
- mediaQuery: {
1431
- sm: number;
1432
- lg: number;
1433
- };
1434
- };
1435
- d2: {
1436
- mediaQuery: {
1437
- sm: number;
1438
- lg: number;
1439
- };
1440
- };
1441
- d3: {
1442
- mediaQuery: {
1443
- sm: number;
1444
- lg: number;
1445
- };
1446
- };
1447
- d4: {
1448
- mediaQuery: {
1449
- sm: number;
1450
- lg: number;
1451
- };
1452
- };
1453
- "4xl": {
1454
- mediaQuery: {
1455
- sm: number;
1456
- lg: number;
1457
- };
1458
- };
1459
- "3xl": {
1460
- mediaQuery: {
1461
- sm: number;
1462
- lg: number;
1463
- };
1464
- };
1465
- "2xl": {
1466
- mediaQuery: {
1467
- sm: number;
1468
- lg: number;
1469
- };
1470
- };
1471
- xl: {
1472
- mediaQuery: {
1473
- sm: number;
1474
- lg: number;
1475
- };
1476
- };
1477
- lg: {
1478
- mediaQuery: {
1479
- sm: number;
1480
- lg: number;
1481
- };
1482
- };
1483
- md: {
1484
- mediaQuery: {
1485
- sm: number;
1486
- lg: number;
1487
- };
1488
- };
1489
- sm: {
1490
- mediaQuery: {
1491
- sm: number;
1492
- lg: number;
1493
- };
1494
- };
1495
- xs: {
1496
- mediaQuery: {
1497
- sm: number;
1498
- lg: number;
1499
- };
1500
- };
1501
- };
1502
- paragraphSpace: {
1503
- d1: {
1504
- mediaQuery: {
1505
- sm: number;
1506
- lg: number;
1507
- };
1508
- };
1509
- d2: {
1510
- mediaQuery: {
1511
- sm: number;
1512
- lg: number;
1513
- };
1514
- };
1515
- d3: {
1516
- mediaQuery: {
1517
- sm: number;
1518
- lg: number;
1519
- };
1520
- };
1521
- d4: {
1522
- mediaQuery: {
1523
- sm: number;
1524
- lg: number;
1525
- };
1526
- };
1527
- "4xl": {
1528
- mediaQuery: {
1529
- sm: number;
1530
- lg: number;
1531
- };
1532
- };
1533
- "3xl": {
1534
- mediaQuery: {
1535
- sm: number;
1536
- lg: number;
1537
- };
1538
- };
1539
- "2xl": {
1540
- mediaQuery: {
1541
- sm: number;
1542
- lg: number;
1543
- };
1544
- };
1545
- xl: {
1546
- mediaQuery: {
1547
- sm: number;
1548
- lg: number;
1549
- };
1550
- };
1551
- lg: {
1552
- mediaQuery: {
1553
- sm: number;
1554
- lg: number;
1555
- };
1556
- };
1557
- md: {
1558
- mediaQuery: {
1559
- sm: number;
1560
- lg: number;
1561
- };
1562
- };
1563
- sm: {
1564
- mediaQuery: {
1565
- sm: number;
1566
- lg: number;
1567
- };
1568
- };
1569
- xs: {
1570
- mediaQuery: {
1571
- sm: number;
1572
- lg: number;
1573
- };
1574
- };
1575
- };
1576
- size: {
1577
- d1: {
1578
- mediaQuery: {
1579
- sm: number;
1580
- lg: number;
1581
- };
1582
- };
1583
- d2: {
1584
- mediaQuery: {
1585
- sm: number;
1586
- lg: number;
1587
- };
1588
- };
1589
- d3: {
1590
- mediaQuery: {
1591
- sm: number;
1592
- lg: number;
1593
- };
1594
- };
1595
- d4: {
1596
- mediaQuery: {
1597
- sm: number;
1598
- lg: number;
1599
- };
1600
- };
1601
- "4xl": {
1602
- mediaQuery: {
1603
- sm: number;
1604
- lg: number;
1605
- };
1606
- };
1607
- "3xl": {
1608
- mediaQuery: {
1609
- sm: number;
1610
- lg: number;
1611
- };
1612
- };
1613
- "2xl": {
1614
- mediaQuery: {
1615
- sm: number;
1616
- lg: number;
1617
- };
1618
- };
1619
- xl: {
1620
- mediaQuery: {
1621
- sm: number;
1622
- lg: number;
1623
- };
1624
- };
1625
- lg: {
1626
- mediaQuery: {
1627
- sm: number;
1628
- lg: number;
1629
- };
1630
- };
1631
- md: {
1632
- mediaQuery: {
1633
- sm: number;
1634
- lg: number;
1635
- };
1636
- };
1637
- sm: {
1638
- mediaQuery: {
1639
- sm: number;
1640
- lg: number;
1641
- };
1642
- };
1643
- xs: {
1644
- mediaQuery: {
1645
- sm: number;
1646
- lg: number;
1647
- };
1648
- };
1649
- };
1650
- weight: {
1651
- book: number;
1652
- bold: number;
1653
- black: number;
1654
- };
1655
- };
1656
- mediaQuery: {
1657
- xsmall: number;
1658
- small: number;
1659
- medium: number;
1660
- large: number;
1661
- };
1662
- customMediaQuery: {
1663
- "xsmall-and-up": number;
1664
- "small-and-up": number;
1665
- "medium-and-up": number;
1666
- "large-and-up": number;
1667
- };
1668
- opacity: {
1669
- solid: number;
1670
- translucent: number;
1671
- transparent: number;
1672
- };
1673
- space: {
1674
- "0": number;
1675
- "25": number;
1676
- "50": number;
1677
- "100": number;
1678
- "150": number;
1679
- "200": number;
1680
- "250": number;
1681
- "300": number;
1682
- "350": number;
1683
- "400": number;
1684
- "450": number;
1685
- "500": number;
1686
- "550": number;
1687
- "600": number;
1688
- "700": number;
1689
- "800": number;
1690
- "900": number;
1691
- "1000": number;
1692
- "1100": number;
1693
- "1200": number;
1694
- "1300": number;
1695
- "1400": number;
1696
- "1500": number;
1697
- "1600": number;
1698
- "1800": number;
1699
- "2000": number;
1700
- "2400": number;
1701
- "3000": number;
1702
- "3500": number;
1703
- base: number;
1704
- };
1705
- button: {
1706
- color: {
1707
- focus: {
1708
- blue: string;
1709
- white: string;
1710
- };
1711
- };
1712
- surface: {
1713
- color: {
1714
- fg: string;
1715
- bg: string;
1716
- bgVariant: string;
1717
- bgHover: string;
1718
- fgInverted: string;
1719
- bgInverted: string;
1720
- bgInvertedHover: string;
1721
- };
1722
- };
1723
- destructive: {
1724
- color: {
1725
- fg: string;
1726
- bg: string;
1727
- bgHover: string;
1728
- };
1729
- };
1730
- };
1731
- input: {
1732
- color: {
1733
- label: string;
1734
- border: string;
1735
- borderError: string;
1736
- hint: string;
1737
- selected: string;
1738
- selectedTint: string;
1739
- };
1740
- };
1741
- }, {}, never>;
10
+ export declare const OverlayContentContainer: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {}, never>;