@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/ServicesImageCard/ServicesImageCard.styles.d.ts CHANGED
@@ -1,2902 +1,17 @@
1
1
  import { Image, View } from 'react-native';
2
- export declare const CardWithServicesImage: 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 CardWithServicesImage: 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
  }, never>;
582
- export declare const TextContent: import("styled-components").StyledComponent<typeof View, {
583
- color: {
584
- neutral: {
585
- "20": string;
586
- "30": string;
587
- "40": string;
588
- "50": string;
589
- "60": string;
590
- "70": string;
591
- "80": string;
592
- white: string;
593
- black: string;
594
- };
595
- red: {
596
- "20": string;
597
- "30": string;
598
- "40": string;
599
- "50": string;
600
- "60": string;
601
- "70": string;
602
- "80": string;
603
- };
604
- orange: {
605
- "20": string;
606
- "30": string;
607
- "40": string;
608
- "50": string;
609
- "60": string;
610
- "70": string;
611
- };
612
- yellow: {
613
- "70": string;
614
- "80": string;
615
- };
616
- green: {
617
- "20": string;
618
- "30": string;
619
- "40": string;
620
- "50": string;
621
- "55": string;
622
- "56": string;
623
- "60": string;
624
- "70": string;
625
- "80": string;
626
- "90": string;
627
- };
628
- blue: {
629
- "20": string;
630
- "30": string;
631
- "40": string;
632
- "50": string;
633
- "60": string;
634
- "70": string;
635
- };
636
- alert: {
637
- success: string;
638
- successTint: string;
639
- warning: string;
640
- warningTint: string;
641
- error: string;
642
- errorTint: string;
643
- info: string;
644
- infoTint: string;
645
- neutral: string;
646
- neutralTint: string;
647
- border: string;
648
- };
649
- input: {
650
- borderDim: string;
651
- };
652
- brand: {
653
- brand: string;
654
- dark: string;
655
- dim: string;
656
- bold: string;
657
- bright: string;
658
- gradientFrom: string;
659
- gradientTo: string;
660
- onBrand: string;
661
- onBrandVariant: string;
662
- aiGradientFrom: string;
663
- aiGradientTo: string;
664
- accessible: string;
665
- fixed: {
666
- brand: string;
667
- dark: string;
668
- dim: string;
669
- bold: string;
670
- bright: string;
671
- onBrand: string;
672
- onBrandVariant: string;
673
- accessible: string;
674
- };
675
- };
676
- outline: {
677
- outer: string;
678
- inner: string;
679
- };
680
- surface: {
681
- surface: string;
682
- bright: string;
683
- dim: string;
684
- onSurface: string;
685
- onSurfaceVariant: string;
686
- border: string;
687
- borderDim: string;
688
- link: string;
689
- electricity: string;
690
- gas: string;
691
- fadeFrom: string;
692
- fadeTo: string;
693
- fixed: {
694
- onSurface: string;
695
- bright: string;
696
- };
697
- };
698
- };
699
- transition: {
700
- duration: {
701
- fast: number;
702
- medium: number;
703
- slow: number;
704
- };
705
- };
706
- unit: {
707
- "0": number;
708
- "25": number;
709
- "50": number;
710
- "100": number;
711
- "200": number;
712
- "300": number;
713
- "350": number;
714
- "400": number;
715
- "450": number;
716
- "500": number;
717
- "550": number;
718
- "600": number;
719
- "700": number;
720
- "800": number;
721
- "900": number;
722
- "1000": number;
723
- "1100": number;
724
- "1200": number;
725
- "1300": number;
726
- "1400": number;
727
- "1500": number;
728
- "1600": number;
729
- "1800": number;
730
- "2000": number;
731
- "2400": number;
732
- "3000": number;
733
- "3500": number;
734
- };
735
- border: {
736
- radius: {
737
- xs: number;
738
- sm: number;
739
- md: number;
740
- lg: number;
741
- xl: number;
742
- "2xl": number;
743
- "3xl": number;
744
- };
745
- width: {
746
- sm: number;
747
- md: number;
748
- lg: number;
749
- };
750
- };
751
- breakpoint: {
752
- xsmall: number;
753
- small: number;
754
- medium: number;
755
- large: number;
756
- };
757
- native: {
758
- font: {
759
- family: {
760
- black: string;
761
- book: string;
762
- bold: string;
763
- };
764
- };
765
- };
766
- web: {
767
- font: {
768
- family: string;
769
- };
770
- };
771
- font: {
772
- letterSpacing: {
773
- d1: {
774
- mediaQuery: {
775
- sm: number;
776
- lg: number;
777
- };
778
- };
779
- d2: {
780
- mediaQuery: {
781
- sm: number;
782
- lg: number;
783
- };
784
- };
785
- d3: {
786
- mediaQuery: {
787
- sm: number;
788
- lg: number;
789
- };
790
- };
791
- d4: {
792
- mediaQuery: {
793
- sm: number;
794
- lg: number;
795
- };
796
- };
797
- "4xl": {
798
- mediaQuery: {
799
- sm: number;
800
- lg: number;
801
- };
802
- };
803
- "3xl": {
804
- mediaQuery: {
805
- sm: number;
806
- lg: number;
807
- };
808
- };
809
- "2xl": {
810
- mediaQuery: {
811
- sm: number;
812
- lg: number;
813
- };
814
- };
815
- xl: {
816
- mediaQuery: {
817
- sm: number;
818
- lg: number;
819
- };
820
- };
821
- lg: {
822
- mediaQuery: {
823
- sm: number;
824
- lg: number;
825
- };
826
- };
827
- md: {
828
- mediaQuery: {
829
- sm: number;
830
- lg: number;
831
- };
832
- };
833
- sm: {
834
- mediaQuery: {
835
- sm: number;
836
- lg: number;
837
- };
838
- };
839
- xs: {
840
- mediaQuery: {
841
- sm: number;
842
- lg: number;
843
- };
844
- };
845
- };
846
- lineHeight: {
847
- d1: {
848
- mediaQuery: {
849
- sm: number;
850
- lg: number;
851
- };
852
- };
853
- d2: {
854
- mediaQuery: {
855
- sm: number;
856
- lg: number;
857
- };
858
- };
859
- d3: {
860
- mediaQuery: {
861
- sm: number;
862
- lg: number;
863
- };
864
- };
865
- d4: {
866
- mediaQuery: {
867
- sm: number;
868
- lg: number;
869
- };
870
- };
871
- "4xl": {
872
- mediaQuery: {
873
- sm: number;
874
- lg: number;
875
- };
876
- };
877
- "3xl": {
878
- mediaQuery: {
879
- sm: number;
880
- lg: number;
881
- };
882
- };
883
- "2xl": {
884
- mediaQuery: {
885
- sm: number;
886
- lg: number;
887
- };
888
- };
889
- xl: {
890
- mediaQuery: {
891
- sm: number;
892
- lg: number;
893
- };
894
- };
895
- lg: {
896
- mediaQuery: {
897
- sm: number;
898
- lg: number;
899
- };
900
- };
901
- md: {
902
- mediaQuery: {
903
- sm: number;
904
- lg: number;
905
- };
906
- };
907
- sm: {
908
- mediaQuery: {
909
- sm: number;
910
- lg: number;
911
- };
912
- };
913
- xs: {
914
- mediaQuery: {
915
- sm: number;
916
- lg: number;
917
- };
918
- };
919
- };
920
- paragraphSpace: {
921
- d1: {
922
- mediaQuery: {
923
- sm: number;
924
- lg: number;
925
- };
926
- };
927
- d2: {
928
- mediaQuery: {
929
- sm: number;
930
- lg: number;
931
- };
932
- };
933
- d3: {
934
- mediaQuery: {
935
- sm: number;
936
- lg: number;
937
- };
938
- };
939
- d4: {
940
- mediaQuery: {
941
- sm: number;
942
- lg: number;
943
- };
944
- };
945
- "4xl": {
946
- mediaQuery: {
947
- sm: number;
948
- lg: number;
949
- };
950
- };
951
- "3xl": {
952
- mediaQuery: {
953
- sm: number;
954
- lg: number;
955
- };
956
- };
957
- "2xl": {
958
- mediaQuery: {
959
- sm: number;
960
- lg: number;
961
- };
962
- };
963
- xl: {
964
- mediaQuery: {
965
- sm: number;
966
- lg: number;
967
- };
968
- };
969
- lg: {
970
- mediaQuery: {
971
- sm: number;
972
- lg: number;
973
- };
974
- };
975
- md: {
976
- mediaQuery: {
977
- sm: number;
978
- lg: number;
979
- };
980
- };
981
- sm: {
982
- mediaQuery: {
983
- sm: number;
984
- lg: number;
985
- };
986
- };
987
- xs: {
988
- mediaQuery: {
989
- sm: number;
990
- lg: number;
991
- };
992
- };
993
- };
994
- size: {
995
- d1: {
996
- mediaQuery: {
997
- sm: number;
998
- lg: number;
999
- };
1000
- };
1001
- d2: {
1002
- mediaQuery: {
1003
- sm: number;
1004
- lg: number;
1005
- };
1006
- };
1007
- d3: {
1008
- mediaQuery: {
1009
- sm: number;
1010
- lg: number;
1011
- };
1012
- };
1013
- d4: {
1014
- mediaQuery: {
1015
- sm: number;
1016
- lg: number;
1017
- };
1018
- };
1019
- "4xl": {
1020
- mediaQuery: {
1021
- sm: number;
1022
- lg: number;
1023
- };
1024
- };
1025
- "3xl": {
1026
- mediaQuery: {
1027
- sm: number;
1028
- lg: number;
1029
- };
1030
- };
1031
- "2xl": {
1032
- mediaQuery: {
1033
- sm: number;
1034
- lg: number;
1035
- };
1036
- };
1037
- xl: {
1038
- mediaQuery: {
1039
- sm: number;
1040
- lg: number;
1041
- };
1042
- };
1043
- lg: {
1044
- mediaQuery: {
1045
- sm: number;
1046
- lg: number;
1047
- };
1048
- };
1049
- md: {
1050
- mediaQuery: {
1051
- sm: number;
1052
- lg: number;
1053
- };
1054
- };
1055
- sm: {
1056
- mediaQuery: {
1057
- sm: number;
1058
- lg: number;
1059
- };
1060
- };
1061
- xs: {
1062
- mediaQuery: {
1063
- sm: number;
1064
- lg: number;
1065
- };
1066
- };
1067
- };
1068
- weight: {
1069
- book: number;
1070
- bold: number;
1071
- black: number;
1072
- };
1073
- };
1074
- mediaQuery: {
1075
- xsmall: number;
1076
- small: number;
1077
- medium: number;
1078
- large: number;
1079
- };
1080
- customMediaQuery: {
1081
- "xsmall-and-up": number;
1082
- "small-and-up": number;
1083
- "medium-and-up": number;
1084
- "large-and-up": number;
1085
- };
1086
- opacity: {
1087
- solid: number;
1088
- translucent: number;
1089
- transparent: number;
1090
- };
1091
- space: {
1092
- "0": number;
1093
- "25": number;
1094
- "50": number;
1095
- "100": number;
1096
- "150": number;
1097
- "200": number;
1098
- "250": number;
1099
- "300": number;
1100
- "350": number;
1101
- "400": number;
1102
- "450": number;
1103
- "500": number;
1104
- "550": number;
1105
- "600": number;
1106
- "700": number;
1107
- "800": number;
1108
- "900": number;
1109
- "1000": number;
1110
- "1100": number;
1111
- "1200": number;
1112
- "1300": number;
1113
- "1400": number;
1114
- "1500": number;
1115
- "1600": number;
1116
- "1800": number;
1117
- "2000": number;
1118
- "2400": number;
1119
- "3000": number;
1120
- "3500": number;
1121
- base: number;
1122
- };
1123
- button: {
1124
- color: {
1125
- focus: {
1126
- blue: string;
1127
- white: string;
1128
- };
1129
- };
1130
- surface: {
1131
- color: {
1132
- fg: string;
1133
- bg: string;
1134
- bgVariant: string;
1135
- bgHover: string;
1136
- fgInverted: string;
1137
- bgInverted: string;
1138
- bgInvertedHover: string;
1139
- };
1140
- };
1141
- destructive: {
1142
- color: {
1143
- fg: string;
1144
- bg: string;
1145
- bgHover: string;
1146
- };
1147
- };
1148
- };
1149
- input: {
1150
- color: {
1151
- label: string;
1152
- border: string;
1153
- borderError: string;
1154
- hint: string;
1155
- selected: string;
1156
- selectedTint: string;
1157
- };
1158
- };
1159
- }, {
5
+ export declare const TextContent: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {
1160
6
  hasBadge?: boolean;
1161
7
  pushImage?: boolean;
1162
8
  }, never>;
1163
- export declare const HeadingContainer: import("styled-components").StyledComponent<typeof View, {
1164
- color: {
1165
- neutral: {
1166
- "20": string;
1167
- "30": string;
1168
- "40": string;
1169
- "50": string;
1170
- "60": string;
1171
- "70": string;
1172
- "80": string;
1173
- white: string;
1174
- black: string;
1175
- };
1176
- red: {
1177
- "20": string;
1178
- "30": string;
1179
- "40": string;
1180
- "50": string;
1181
- "60": string;
1182
- "70": string;
1183
- "80": string;
1184
- };
1185
- orange: {
1186
- "20": string;
1187
- "30": string;
1188
- "40": string;
1189
- "50": string;
1190
- "60": string;
1191
- "70": string;
1192
- };
1193
- yellow: {
1194
- "70": string;
1195
- "80": string;
1196
- };
1197
- green: {
1198
- "20": string;
1199
- "30": string;
1200
- "40": string;
1201
- "50": string;
1202
- "55": string;
1203
- "56": string;
1204
- "60": string;
1205
- "70": string;
1206
- "80": string;
1207
- "90": string;
1208
- };
1209
- blue: {
1210
- "20": string;
1211
- "30": string;
1212
- "40": string;
1213
- "50": string;
1214
- "60": string;
1215
- "70": string;
1216
- };
1217
- alert: {
1218
- success: string;
1219
- successTint: string;
1220
- warning: string;
1221
- warningTint: string;
1222
- error: string;
1223
- errorTint: string;
1224
- info: string;
1225
- infoTint: string;
1226
- neutral: string;
1227
- neutralTint: string;
1228
- border: string;
1229
- };
1230
- input: {
1231
- borderDim: string;
1232
- };
1233
- brand: {
1234
- brand: string;
1235
- dark: string;
1236
- dim: string;
1237
- bold: string;
1238
- bright: string;
1239
- gradientFrom: string;
1240
- gradientTo: string;
1241
- onBrand: string;
1242
- onBrandVariant: string;
1243
- aiGradientFrom: string;
1244
- aiGradientTo: string;
1245
- accessible: string;
1246
- fixed: {
1247
- brand: string;
1248
- dark: string;
1249
- dim: string;
1250
- bold: string;
1251
- bright: string;
1252
- onBrand: string;
1253
- onBrandVariant: string;
1254
- accessible: string;
1255
- };
1256
- };
1257
- outline: {
1258
- outer: string;
1259
- inner: string;
1260
- };
1261
- surface: {
1262
- surface: string;
1263
- bright: string;
1264
- dim: string;
1265
- onSurface: string;
1266
- onSurfaceVariant: string;
1267
- border: string;
1268
- borderDim: string;
1269
- link: string;
1270
- electricity: string;
1271
- gas: string;
1272
- fadeFrom: string;
1273
- fadeTo: string;
1274
- fixed: {
1275
- onSurface: string;
1276
- bright: string;
1277
- };
1278
- };
1279
- };
1280
- transition: {
1281
- duration: {
1282
- fast: number;
1283
- medium: number;
1284
- slow: number;
1285
- };
1286
- };
1287
- unit: {
1288
- "0": number;
1289
- "25": number;
1290
- "50": number;
1291
- "100": number;
1292
- "200": number;
1293
- "300": number;
1294
- "350": number;
1295
- "400": number;
1296
- "450": number;
1297
- "500": number;
1298
- "550": number;
1299
- "600": number;
1300
- "700": number;
1301
- "800": number;
1302
- "900": number;
1303
- "1000": number;
1304
- "1100": number;
1305
- "1200": number;
1306
- "1300": number;
1307
- "1400": number;
1308
- "1500": number;
1309
- "1600": number;
1310
- "1800": number;
1311
- "2000": number;
1312
- "2400": number;
1313
- "3000": number;
1314
- "3500": number;
1315
- };
1316
- border: {
1317
- radius: {
1318
- xs: number;
1319
- sm: number;
1320
- md: number;
1321
- lg: number;
1322
- xl: number;
1323
- "2xl": number;
1324
- "3xl": number;
1325
- };
1326
- width: {
1327
- sm: number;
1328
- md: number;
1329
- lg: number;
1330
- };
1331
- };
1332
- breakpoint: {
1333
- xsmall: number;
1334
- small: number;
1335
- medium: number;
1336
- large: number;
1337
- };
1338
- native: {
1339
- font: {
1340
- family: {
1341
- black: string;
1342
- book: string;
1343
- bold: string;
1344
- };
1345
- };
1346
- };
1347
- web: {
1348
- font: {
1349
- family: string;
1350
- };
1351
- };
1352
- font: {
1353
- letterSpacing: {
1354
- d1: {
1355
- mediaQuery: {
1356
- sm: number;
1357
- lg: number;
1358
- };
1359
- };
1360
- d2: {
1361
- mediaQuery: {
1362
- sm: number;
1363
- lg: number;
1364
- };
1365
- };
1366
- d3: {
1367
- mediaQuery: {
1368
- sm: number;
1369
- lg: number;
1370
- };
1371
- };
1372
- d4: {
1373
- mediaQuery: {
1374
- sm: number;
1375
- lg: number;
1376
- };
1377
- };
1378
- "4xl": {
1379
- mediaQuery: {
1380
- sm: number;
1381
- lg: number;
1382
- };
1383
- };
1384
- "3xl": {
1385
- mediaQuery: {
1386
- sm: number;
1387
- lg: number;
1388
- };
1389
- };
1390
- "2xl": {
1391
- mediaQuery: {
1392
- sm: number;
1393
- lg: number;
1394
- };
1395
- };
1396
- xl: {
1397
- mediaQuery: {
1398
- sm: number;
1399
- lg: number;
1400
- };
1401
- };
1402
- lg: {
1403
- mediaQuery: {
1404
- sm: number;
1405
- lg: number;
1406
- };
1407
- };
1408
- md: {
1409
- mediaQuery: {
1410
- sm: number;
1411
- lg: number;
1412
- };
1413
- };
1414
- sm: {
1415
- mediaQuery: {
1416
- sm: number;
1417
- lg: number;
1418
- };
1419
- };
1420
- xs: {
1421
- mediaQuery: {
1422
- sm: number;
1423
- lg: number;
1424
- };
1425
- };
1426
- };
1427
- lineHeight: {
1428
- d1: {
1429
- mediaQuery: {
1430
- sm: number;
1431
- lg: number;
1432
- };
1433
- };
1434
- d2: {
1435
- mediaQuery: {
1436
- sm: number;
1437
- lg: number;
1438
- };
1439
- };
1440
- d3: {
1441
- mediaQuery: {
1442
- sm: number;
1443
- lg: number;
1444
- };
1445
- };
1446
- d4: {
1447
- mediaQuery: {
1448
- sm: number;
1449
- lg: number;
1450
- };
1451
- };
1452
- "4xl": {
1453
- mediaQuery: {
1454
- sm: number;
1455
- lg: number;
1456
- };
1457
- };
1458
- "3xl": {
1459
- mediaQuery: {
1460
- sm: number;
1461
- lg: number;
1462
- };
1463
- };
1464
- "2xl": {
1465
- mediaQuery: {
1466
- sm: number;
1467
- lg: number;
1468
- };
1469
- };
1470
- xl: {
1471
- mediaQuery: {
1472
- sm: number;
1473
- lg: number;
1474
- };
1475
- };
1476
- lg: {
1477
- mediaQuery: {
1478
- sm: number;
1479
- lg: number;
1480
- };
1481
- };
1482
- md: {
1483
- mediaQuery: {
1484
- sm: number;
1485
- lg: number;
1486
- };
1487
- };
1488
- sm: {
1489
- mediaQuery: {
1490
- sm: number;
1491
- lg: number;
1492
- };
1493
- };
1494
- xs: {
1495
- mediaQuery: {
1496
- sm: number;
1497
- lg: number;
1498
- };
1499
- };
1500
- };
1501
- paragraphSpace: {
1502
- d1: {
1503
- mediaQuery: {
1504
- sm: number;
1505
- lg: number;
1506
- };
1507
- };
1508
- d2: {
1509
- mediaQuery: {
1510
- sm: number;
1511
- lg: number;
1512
- };
1513
- };
1514
- d3: {
1515
- mediaQuery: {
1516
- sm: number;
1517
- lg: number;
1518
- };
1519
- };
1520
- d4: {
1521
- mediaQuery: {
1522
- sm: number;
1523
- lg: number;
1524
- };
1525
- };
1526
- "4xl": {
1527
- mediaQuery: {
1528
- sm: number;
1529
- lg: number;
1530
- };
1531
- };
1532
- "3xl": {
1533
- mediaQuery: {
1534
- sm: number;
1535
- lg: number;
1536
- };
1537
- };
1538
- "2xl": {
1539
- mediaQuery: {
1540
- sm: number;
1541
- lg: number;
1542
- };
1543
- };
1544
- xl: {
1545
- mediaQuery: {
1546
- sm: number;
1547
- lg: number;
1548
- };
1549
- };
1550
- lg: {
1551
- mediaQuery: {
1552
- sm: number;
1553
- lg: number;
1554
- };
1555
- };
1556
- md: {
1557
- mediaQuery: {
1558
- sm: number;
1559
- lg: number;
1560
- };
1561
- };
1562
- sm: {
1563
- mediaQuery: {
1564
- sm: number;
1565
- lg: number;
1566
- };
1567
- };
1568
- xs: {
1569
- mediaQuery: {
1570
- sm: number;
1571
- lg: number;
1572
- };
1573
- };
1574
- };
1575
- size: {
1576
- d1: {
1577
- mediaQuery: {
1578
- sm: number;
1579
- lg: number;
1580
- };
1581
- };
1582
- d2: {
1583
- mediaQuery: {
1584
- sm: number;
1585
- lg: number;
1586
- };
1587
- };
1588
- d3: {
1589
- mediaQuery: {
1590
- sm: number;
1591
- lg: number;
1592
- };
1593
- };
1594
- d4: {
1595
- mediaQuery: {
1596
- sm: number;
1597
- lg: number;
1598
- };
1599
- };
1600
- "4xl": {
1601
- mediaQuery: {
1602
- sm: number;
1603
- lg: number;
1604
- };
1605
- };
1606
- "3xl": {
1607
- mediaQuery: {
1608
- sm: number;
1609
- lg: number;
1610
- };
1611
- };
1612
- "2xl": {
1613
- mediaQuery: {
1614
- sm: number;
1615
- lg: number;
1616
- };
1617
- };
1618
- xl: {
1619
- mediaQuery: {
1620
- sm: number;
1621
- lg: number;
1622
- };
1623
- };
1624
- lg: {
1625
- mediaQuery: {
1626
- sm: number;
1627
- lg: number;
1628
- };
1629
- };
1630
- md: {
1631
- mediaQuery: {
1632
- sm: number;
1633
- lg: number;
1634
- };
1635
- };
1636
- sm: {
1637
- mediaQuery: {
1638
- sm: number;
1639
- lg: number;
1640
- };
1641
- };
1642
- xs: {
1643
- mediaQuery: {
1644
- sm: number;
1645
- lg: number;
1646
- };
1647
- };
1648
- };
1649
- weight: {
1650
- book: number;
1651
- bold: number;
1652
- black: number;
1653
- };
1654
- };
1655
- mediaQuery: {
1656
- xsmall: number;
1657
- small: number;
1658
- medium: number;
1659
- large: number;
1660
- };
1661
- customMediaQuery: {
1662
- "xsmall-and-up": number;
1663
- "small-and-up": number;
1664
- "medium-and-up": number;
1665
- "large-and-up": number;
1666
- };
1667
- opacity: {
1668
- solid: number;
1669
- translucent: number;
1670
- transparent: number;
1671
- };
1672
- space: {
1673
- "0": number;
1674
- "25": number;
1675
- "50": number;
1676
- "100": number;
1677
- "150": number;
1678
- "200": number;
1679
- "250": number;
1680
- "300": number;
1681
- "350": number;
1682
- "400": number;
1683
- "450": number;
1684
- "500": number;
1685
- "550": number;
1686
- "600": number;
1687
- "700": number;
1688
- "800": number;
1689
- "900": number;
1690
- "1000": number;
1691
- "1100": number;
1692
- "1200": number;
1693
- "1300": number;
1694
- "1400": number;
1695
- "1500": number;
1696
- "1600": number;
1697
- "1800": number;
1698
- "2000": number;
1699
- "2400": number;
1700
- "3000": number;
1701
- "3500": number;
1702
- base: number;
1703
- };
1704
- button: {
1705
- color: {
1706
- focus: {
1707
- blue: string;
1708
- white: string;
1709
- };
1710
- };
1711
- surface: {
1712
- color: {
1713
- fg: string;
1714
- bg: string;
1715
- bgVariant: string;
1716
- bgHover: string;
1717
- fgInverted: string;
1718
- bgInverted: string;
1719
- bgInvertedHover: string;
1720
- };
1721
- };
1722
- destructive: {
1723
- color: {
1724
- fg: string;
1725
- bg: string;
1726
- bgHover: string;
1727
- };
1728
- };
1729
- };
1730
- input: {
1731
- color: {
1732
- label: string;
1733
- border: string;
1734
- borderError: string;
1735
- hint: string;
1736
- selected: string;
1737
- selectedTint: string;
1738
- };
1739
- };
1740
- }, {
9
+ export declare const HeadingContainer: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {
1741
10
  subHeading?: boolean;
1742
11
  }, never>;
1743
- export declare const ImageContent: import("styled-components").StyledComponent<typeof View, {
1744
- color: {
1745
- neutral: {
1746
- "20": string;
1747
- "30": string;
1748
- "40": string;
1749
- "50": string;
1750
- "60": string;
1751
- "70": string;
1752
- "80": string;
1753
- white: string;
1754
- black: string;
1755
- };
1756
- red: {
1757
- "20": string;
1758
- "30": string;
1759
- "40": string;
1760
- "50": string;
1761
- "60": string;
1762
- "70": string;
1763
- "80": string;
1764
- };
1765
- orange: {
1766
- "20": string;
1767
- "30": string;
1768
- "40": string;
1769
- "50": string;
1770
- "60": string;
1771
- "70": string;
1772
- };
1773
- yellow: {
1774
- "70": string;
1775
- "80": string;
1776
- };
1777
- green: {
1778
- "20": string;
1779
- "30": string;
1780
- "40": string;
1781
- "50": string;
1782
- "55": string;
1783
- "56": string;
1784
- "60": string;
1785
- "70": string;
1786
- "80": string;
1787
- "90": string;
1788
- };
1789
- blue: {
1790
- "20": string;
1791
- "30": string;
1792
- "40": string;
1793
- "50": string;
1794
- "60": string;
1795
- "70": string;
1796
- };
1797
- alert: {
1798
- success: string;
1799
- successTint: string;
1800
- warning: string;
1801
- warningTint: string;
1802
- error: string;
1803
- errorTint: string;
1804
- info: string;
1805
- infoTint: string;
1806
- neutral: string;
1807
- neutralTint: string;
1808
- border: string;
1809
- };
1810
- input: {
1811
- borderDim: string;
1812
- };
1813
- brand: {
1814
- brand: string;
1815
- dark: string;
1816
- dim: string;
1817
- bold: string;
1818
- bright: string;
1819
- gradientFrom: string;
1820
- gradientTo: string;
1821
- onBrand: string;
1822
- onBrandVariant: string;
1823
- aiGradientFrom: string;
1824
- aiGradientTo: string;
1825
- accessible: string;
1826
- fixed: {
1827
- brand: string;
1828
- dark: string;
1829
- dim: string;
1830
- bold: string;
1831
- bright: string;
1832
- onBrand: string;
1833
- onBrandVariant: string;
1834
- accessible: string;
1835
- };
1836
- };
1837
- outline: {
1838
- outer: string;
1839
- inner: string;
1840
- };
1841
- surface: {
1842
- surface: string;
1843
- bright: string;
1844
- dim: string;
1845
- onSurface: string;
1846
- onSurfaceVariant: string;
1847
- border: string;
1848
- borderDim: string;
1849
- link: string;
1850
- electricity: string;
1851
- gas: string;
1852
- fadeFrom: string;
1853
- fadeTo: string;
1854
- fixed: {
1855
- onSurface: string;
1856
- bright: string;
1857
- };
1858
- };
1859
- };
1860
- transition: {
1861
- duration: {
1862
- fast: number;
1863
- medium: number;
1864
- slow: number;
1865
- };
1866
- };
1867
- unit: {
1868
- "0": number;
1869
- "25": number;
1870
- "50": number;
1871
- "100": number;
1872
- "200": number;
1873
- "300": number;
1874
- "350": number;
1875
- "400": number;
1876
- "450": number;
1877
- "500": number;
1878
- "550": number;
1879
- "600": number;
1880
- "700": number;
1881
- "800": number;
1882
- "900": number;
1883
- "1000": number;
1884
- "1100": number;
1885
- "1200": number;
1886
- "1300": number;
1887
- "1400": number;
1888
- "1500": number;
1889
- "1600": number;
1890
- "1800": number;
1891
- "2000": number;
1892
- "2400": number;
1893
- "3000": number;
1894
- "3500": number;
1895
- };
1896
- border: {
1897
- radius: {
1898
- xs: number;
1899
- sm: number;
1900
- md: number;
1901
- lg: number;
1902
- xl: number;
1903
- "2xl": number;
1904
- "3xl": number;
1905
- };
1906
- width: {
1907
- sm: number;
1908
- md: number;
1909
- lg: number;
1910
- };
1911
- };
1912
- breakpoint: {
1913
- xsmall: number;
1914
- small: number;
1915
- medium: number;
1916
- large: number;
1917
- };
1918
- native: {
1919
- font: {
1920
- family: {
1921
- black: string;
1922
- book: string;
1923
- bold: string;
1924
- };
1925
- };
1926
- };
1927
- web: {
1928
- font: {
1929
- family: string;
1930
- };
1931
- };
1932
- font: {
1933
- letterSpacing: {
1934
- d1: {
1935
- mediaQuery: {
1936
- sm: number;
1937
- lg: number;
1938
- };
1939
- };
1940
- d2: {
1941
- mediaQuery: {
1942
- sm: number;
1943
- lg: number;
1944
- };
1945
- };
1946
- d3: {
1947
- mediaQuery: {
1948
- sm: number;
1949
- lg: number;
1950
- };
1951
- };
1952
- d4: {
1953
- mediaQuery: {
1954
- sm: number;
1955
- lg: number;
1956
- };
1957
- };
1958
- "4xl": {
1959
- mediaQuery: {
1960
- sm: number;
1961
- lg: number;
1962
- };
1963
- };
1964
- "3xl": {
1965
- mediaQuery: {
1966
- sm: number;
1967
- lg: number;
1968
- };
1969
- };
1970
- "2xl": {
1971
- mediaQuery: {
1972
- sm: number;
1973
- lg: number;
1974
- };
1975
- };
1976
- xl: {
1977
- mediaQuery: {
1978
- sm: number;
1979
- lg: number;
1980
- };
1981
- };
1982
- lg: {
1983
- mediaQuery: {
1984
- sm: number;
1985
- lg: number;
1986
- };
1987
- };
1988
- md: {
1989
- mediaQuery: {
1990
- sm: number;
1991
- lg: number;
1992
- };
1993
- };
1994
- sm: {
1995
- mediaQuery: {
1996
- sm: number;
1997
- lg: number;
1998
- };
1999
- };
2000
- xs: {
2001
- mediaQuery: {
2002
- sm: number;
2003
- lg: number;
2004
- };
2005
- };
2006
- };
2007
- lineHeight: {
2008
- d1: {
2009
- mediaQuery: {
2010
- sm: number;
2011
- lg: number;
2012
- };
2013
- };
2014
- d2: {
2015
- mediaQuery: {
2016
- sm: number;
2017
- lg: number;
2018
- };
2019
- };
2020
- d3: {
2021
- mediaQuery: {
2022
- sm: number;
2023
- lg: number;
2024
- };
2025
- };
2026
- d4: {
2027
- mediaQuery: {
2028
- sm: number;
2029
- lg: number;
2030
- };
2031
- };
2032
- "4xl": {
2033
- mediaQuery: {
2034
- sm: number;
2035
- lg: number;
2036
- };
2037
- };
2038
- "3xl": {
2039
- mediaQuery: {
2040
- sm: number;
2041
- lg: number;
2042
- };
2043
- };
2044
- "2xl": {
2045
- mediaQuery: {
2046
- sm: number;
2047
- lg: number;
2048
- };
2049
- };
2050
- xl: {
2051
- mediaQuery: {
2052
- sm: number;
2053
- lg: number;
2054
- };
2055
- };
2056
- lg: {
2057
- mediaQuery: {
2058
- sm: number;
2059
- lg: number;
2060
- };
2061
- };
2062
- md: {
2063
- mediaQuery: {
2064
- sm: number;
2065
- lg: number;
2066
- };
2067
- };
2068
- sm: {
2069
- mediaQuery: {
2070
- sm: number;
2071
- lg: number;
2072
- };
2073
- };
2074
- xs: {
2075
- mediaQuery: {
2076
- sm: number;
2077
- lg: number;
2078
- };
2079
- };
2080
- };
2081
- paragraphSpace: {
2082
- d1: {
2083
- mediaQuery: {
2084
- sm: number;
2085
- lg: number;
2086
- };
2087
- };
2088
- d2: {
2089
- mediaQuery: {
2090
- sm: number;
2091
- lg: number;
2092
- };
2093
- };
2094
- d3: {
2095
- mediaQuery: {
2096
- sm: number;
2097
- lg: number;
2098
- };
2099
- };
2100
- d4: {
2101
- mediaQuery: {
2102
- sm: number;
2103
- lg: number;
2104
- };
2105
- };
2106
- "4xl": {
2107
- mediaQuery: {
2108
- sm: number;
2109
- lg: number;
2110
- };
2111
- };
2112
- "3xl": {
2113
- mediaQuery: {
2114
- sm: number;
2115
- lg: number;
2116
- };
2117
- };
2118
- "2xl": {
2119
- mediaQuery: {
2120
- sm: number;
2121
- lg: number;
2122
- };
2123
- };
2124
- xl: {
2125
- mediaQuery: {
2126
- sm: number;
2127
- lg: number;
2128
- };
2129
- };
2130
- lg: {
2131
- mediaQuery: {
2132
- sm: number;
2133
- lg: number;
2134
- };
2135
- };
2136
- md: {
2137
- mediaQuery: {
2138
- sm: number;
2139
- lg: number;
2140
- };
2141
- };
2142
- sm: {
2143
- mediaQuery: {
2144
- sm: number;
2145
- lg: number;
2146
- };
2147
- };
2148
- xs: {
2149
- mediaQuery: {
2150
- sm: number;
2151
- lg: number;
2152
- };
2153
- };
2154
- };
2155
- size: {
2156
- d1: {
2157
- mediaQuery: {
2158
- sm: number;
2159
- lg: number;
2160
- };
2161
- };
2162
- d2: {
2163
- mediaQuery: {
2164
- sm: number;
2165
- lg: number;
2166
- };
2167
- };
2168
- d3: {
2169
- mediaQuery: {
2170
- sm: number;
2171
- lg: number;
2172
- };
2173
- };
2174
- d4: {
2175
- mediaQuery: {
2176
- sm: number;
2177
- lg: number;
2178
- };
2179
- };
2180
- "4xl": {
2181
- mediaQuery: {
2182
- sm: number;
2183
- lg: number;
2184
- };
2185
- };
2186
- "3xl": {
2187
- mediaQuery: {
2188
- sm: number;
2189
- lg: number;
2190
- };
2191
- };
2192
- "2xl": {
2193
- mediaQuery: {
2194
- sm: number;
2195
- lg: number;
2196
- };
2197
- };
2198
- xl: {
2199
- mediaQuery: {
2200
- sm: number;
2201
- lg: number;
2202
- };
2203
- };
2204
- lg: {
2205
- mediaQuery: {
2206
- sm: number;
2207
- lg: number;
2208
- };
2209
- };
2210
- md: {
2211
- mediaQuery: {
2212
- sm: number;
2213
- lg: number;
2214
- };
2215
- };
2216
- sm: {
2217
- mediaQuery: {
2218
- sm: number;
2219
- lg: number;
2220
- };
2221
- };
2222
- xs: {
2223
- mediaQuery: {
2224
- sm: number;
2225
- lg: number;
2226
- };
2227
- };
2228
- };
2229
- weight: {
2230
- book: number;
2231
- bold: number;
2232
- black: number;
2233
- };
2234
- };
2235
- mediaQuery: {
2236
- xsmall: number;
2237
- small: number;
2238
- medium: number;
2239
- large: number;
2240
- };
2241
- customMediaQuery: {
2242
- "xsmall-and-up": number;
2243
- "small-and-up": number;
2244
- "medium-and-up": number;
2245
- "large-and-up": number;
2246
- };
2247
- opacity: {
2248
- solid: number;
2249
- translucent: number;
2250
- transparent: number;
2251
- };
2252
- space: {
2253
- "0": number;
2254
- "25": number;
2255
- "50": number;
2256
- "100": number;
2257
- "150": number;
2258
- "200": number;
2259
- "250": number;
2260
- "300": number;
2261
- "350": number;
2262
- "400": number;
2263
- "450": number;
2264
- "500": number;
2265
- "550": number;
2266
- "600": number;
2267
- "700": number;
2268
- "800": number;
2269
- "900": number;
2270
- "1000": number;
2271
- "1100": number;
2272
- "1200": number;
2273
- "1300": number;
2274
- "1400": number;
2275
- "1500": number;
2276
- "1600": number;
2277
- "1800": number;
2278
- "2000": number;
2279
- "2400": number;
2280
- "3000": number;
2281
- "3500": number;
2282
- base: number;
2283
- };
2284
- button: {
2285
- color: {
2286
- focus: {
2287
- blue: string;
2288
- white: string;
2289
- };
2290
- };
2291
- surface: {
2292
- color: {
2293
- fg: string;
2294
- bg: string;
2295
- bgVariant: string;
2296
- bgHover: string;
2297
- fgInverted: string;
2298
- bgInverted: string;
2299
- bgInvertedHover: string;
2300
- };
2301
- };
2302
- destructive: {
2303
- color: {
2304
- fg: string;
2305
- bg: string;
2306
- bgHover: string;
2307
- };
2308
- };
2309
- };
2310
- input: {
2311
- color: {
2312
- label: string;
2313
- border: string;
2314
- borderError: string;
2315
- hint: string;
2316
- selected: string;
2317
- selectedTint: string;
2318
- };
2319
- };
2320
- }, {
12
+ export declare const ImageContent: import("styled-components").StyledComponent<typeof View, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {
2321
13
  pushImage?: boolean;
2322
14
  }, never>;
2323
- export declare const CardImage: import("styled-components").StyledComponent<typeof Image, {
2324
- color: {
2325
- neutral: {
2326
- "20": string;
2327
- "30": string;
2328
- "40": string;
2329
- "50": string;
2330
- "60": string;
2331
- "70": string;
2332
- "80": string;
2333
- white: string;
2334
- black: string;
2335
- };
2336
- red: {
2337
- "20": string;
2338
- "30": string;
2339
- "40": string;
2340
- "50": string;
2341
- "60": string;
2342
- "70": string;
2343
- "80": string;
2344
- };
2345
- orange: {
2346
- "20": string;
2347
- "30": string;
2348
- "40": string;
2349
- "50": string;
2350
- "60": string;
2351
- "70": string;
2352
- };
2353
- yellow: {
2354
- "70": string;
2355
- "80": string;
2356
- };
2357
- green: {
2358
- "20": string;
2359
- "30": string;
2360
- "40": string;
2361
- "50": string;
2362
- "55": string;
2363
- "56": string;
2364
- "60": string;
2365
- "70": string;
2366
- "80": string;
2367
- "90": string;
2368
- };
2369
- blue: {
2370
- "20": string;
2371
- "30": string;
2372
- "40": string;
2373
- "50": string;
2374
- "60": string;
2375
- "70": string;
2376
- };
2377
- alert: {
2378
- success: string;
2379
- successTint: string;
2380
- warning: string;
2381
- warningTint: string;
2382
- error: string;
2383
- errorTint: string;
2384
- info: string;
2385
- infoTint: string;
2386
- neutral: string;
2387
- neutralTint: string;
2388
- border: string;
2389
- };
2390
- input: {
2391
- borderDim: string;
2392
- };
2393
- brand: {
2394
- brand: string;
2395
- dark: string;
2396
- dim: string;
2397
- bold: string;
2398
- bright: string;
2399
- gradientFrom: string;
2400
- gradientTo: string;
2401
- onBrand: string;
2402
- onBrandVariant: string;
2403
- aiGradientFrom: string;
2404
- aiGradientTo: string;
2405
- accessible: string;
2406
- fixed: {
2407
- brand: string;
2408
- dark: string;
2409
- dim: string;
2410
- bold: string;
2411
- bright: string;
2412
- onBrand: string;
2413
- onBrandVariant: string;
2414
- accessible: string;
2415
- };
2416
- };
2417
- outline: {
2418
- outer: string;
2419
- inner: string;
2420
- };
2421
- surface: {
2422
- surface: string;
2423
- bright: string;
2424
- dim: string;
2425
- onSurface: string;
2426
- onSurfaceVariant: string;
2427
- border: string;
2428
- borderDim: string;
2429
- link: string;
2430
- electricity: string;
2431
- gas: string;
2432
- fadeFrom: string;
2433
- fadeTo: string;
2434
- fixed: {
2435
- onSurface: string;
2436
- bright: string;
2437
- };
2438
- };
2439
- };
2440
- transition: {
2441
- duration: {
2442
- fast: number;
2443
- medium: number;
2444
- slow: number;
2445
- };
2446
- };
2447
- unit: {
2448
- "0": number;
2449
- "25": number;
2450
- "50": number;
2451
- "100": number;
2452
- "200": number;
2453
- "300": number;
2454
- "350": number;
2455
- "400": number;
2456
- "450": number;
2457
- "500": number;
2458
- "550": number;
2459
- "600": number;
2460
- "700": number;
2461
- "800": number;
2462
- "900": number;
2463
- "1000": number;
2464
- "1100": number;
2465
- "1200": number;
2466
- "1300": number;
2467
- "1400": number;
2468
- "1500": number;
2469
- "1600": number;
2470
- "1800": number;
2471
- "2000": number;
2472
- "2400": number;
2473
- "3000": number;
2474
- "3500": number;
2475
- };
2476
- border: {
2477
- radius: {
2478
- xs: number;
2479
- sm: number;
2480
- md: number;
2481
- lg: number;
2482
- xl: number;
2483
- "2xl": number;
2484
- "3xl": number;
2485
- };
2486
- width: {
2487
- sm: number;
2488
- md: number;
2489
- lg: number;
2490
- };
2491
- };
2492
- breakpoint: {
2493
- xsmall: number;
2494
- small: number;
2495
- medium: number;
2496
- large: number;
2497
- };
2498
- native: {
2499
- font: {
2500
- family: {
2501
- black: string;
2502
- book: string;
2503
- bold: string;
2504
- };
2505
- };
2506
- };
2507
- web: {
2508
- font: {
2509
- family: string;
2510
- };
2511
- };
2512
- font: {
2513
- letterSpacing: {
2514
- d1: {
2515
- mediaQuery: {
2516
- sm: number;
2517
- lg: number;
2518
- };
2519
- };
2520
- d2: {
2521
- mediaQuery: {
2522
- sm: number;
2523
- lg: number;
2524
- };
2525
- };
2526
- d3: {
2527
- mediaQuery: {
2528
- sm: number;
2529
- lg: number;
2530
- };
2531
- };
2532
- d4: {
2533
- mediaQuery: {
2534
- sm: number;
2535
- lg: number;
2536
- };
2537
- };
2538
- "4xl": {
2539
- mediaQuery: {
2540
- sm: number;
2541
- lg: number;
2542
- };
2543
- };
2544
- "3xl": {
2545
- mediaQuery: {
2546
- sm: number;
2547
- lg: number;
2548
- };
2549
- };
2550
- "2xl": {
2551
- mediaQuery: {
2552
- sm: number;
2553
- lg: number;
2554
- };
2555
- };
2556
- xl: {
2557
- mediaQuery: {
2558
- sm: number;
2559
- lg: number;
2560
- };
2561
- };
2562
- lg: {
2563
- mediaQuery: {
2564
- sm: number;
2565
- lg: number;
2566
- };
2567
- };
2568
- md: {
2569
- mediaQuery: {
2570
- sm: number;
2571
- lg: number;
2572
- };
2573
- };
2574
- sm: {
2575
- mediaQuery: {
2576
- sm: number;
2577
- lg: number;
2578
- };
2579
- };
2580
- xs: {
2581
- mediaQuery: {
2582
- sm: number;
2583
- lg: number;
2584
- };
2585
- };
2586
- };
2587
- lineHeight: {
2588
- d1: {
2589
- mediaQuery: {
2590
- sm: number;
2591
- lg: number;
2592
- };
2593
- };
2594
- d2: {
2595
- mediaQuery: {
2596
- sm: number;
2597
- lg: number;
2598
- };
2599
- };
2600
- d3: {
2601
- mediaQuery: {
2602
- sm: number;
2603
- lg: number;
2604
- };
2605
- };
2606
- d4: {
2607
- mediaQuery: {
2608
- sm: number;
2609
- lg: number;
2610
- };
2611
- };
2612
- "4xl": {
2613
- mediaQuery: {
2614
- sm: number;
2615
- lg: number;
2616
- };
2617
- };
2618
- "3xl": {
2619
- mediaQuery: {
2620
- sm: number;
2621
- lg: number;
2622
- };
2623
- };
2624
- "2xl": {
2625
- mediaQuery: {
2626
- sm: number;
2627
- lg: number;
2628
- };
2629
- };
2630
- xl: {
2631
- mediaQuery: {
2632
- sm: number;
2633
- lg: number;
2634
- };
2635
- };
2636
- lg: {
2637
- mediaQuery: {
2638
- sm: number;
2639
- lg: number;
2640
- };
2641
- };
2642
- md: {
2643
- mediaQuery: {
2644
- sm: number;
2645
- lg: number;
2646
- };
2647
- };
2648
- sm: {
2649
- mediaQuery: {
2650
- sm: number;
2651
- lg: number;
2652
- };
2653
- };
2654
- xs: {
2655
- mediaQuery: {
2656
- sm: number;
2657
- lg: number;
2658
- };
2659
- };
2660
- };
2661
- paragraphSpace: {
2662
- d1: {
2663
- mediaQuery: {
2664
- sm: number;
2665
- lg: number;
2666
- };
2667
- };
2668
- d2: {
2669
- mediaQuery: {
2670
- sm: number;
2671
- lg: number;
2672
- };
2673
- };
2674
- d3: {
2675
- mediaQuery: {
2676
- sm: number;
2677
- lg: number;
2678
- };
2679
- };
2680
- d4: {
2681
- mediaQuery: {
2682
- sm: number;
2683
- lg: number;
2684
- };
2685
- };
2686
- "4xl": {
2687
- mediaQuery: {
2688
- sm: number;
2689
- lg: number;
2690
- };
2691
- };
2692
- "3xl": {
2693
- mediaQuery: {
2694
- sm: number;
2695
- lg: number;
2696
- };
2697
- };
2698
- "2xl": {
2699
- mediaQuery: {
2700
- sm: number;
2701
- lg: number;
2702
- };
2703
- };
2704
- xl: {
2705
- mediaQuery: {
2706
- sm: number;
2707
- lg: number;
2708
- };
2709
- };
2710
- lg: {
2711
- mediaQuery: {
2712
- sm: number;
2713
- lg: number;
2714
- };
2715
- };
2716
- md: {
2717
- mediaQuery: {
2718
- sm: number;
2719
- lg: number;
2720
- };
2721
- };
2722
- sm: {
2723
- mediaQuery: {
2724
- sm: number;
2725
- lg: number;
2726
- };
2727
- };
2728
- xs: {
2729
- mediaQuery: {
2730
- sm: number;
2731
- lg: number;
2732
- };
2733
- };
2734
- };
2735
- size: {
2736
- d1: {
2737
- mediaQuery: {
2738
- sm: number;
2739
- lg: number;
2740
- };
2741
- };
2742
- d2: {
2743
- mediaQuery: {
2744
- sm: number;
2745
- lg: number;
2746
- };
2747
- };
2748
- d3: {
2749
- mediaQuery: {
2750
- sm: number;
2751
- lg: number;
2752
- };
2753
- };
2754
- d4: {
2755
- mediaQuery: {
2756
- sm: number;
2757
- lg: number;
2758
- };
2759
- };
2760
- "4xl": {
2761
- mediaQuery: {
2762
- sm: number;
2763
- lg: number;
2764
- };
2765
- };
2766
- "3xl": {
2767
- mediaQuery: {
2768
- sm: number;
2769
- lg: number;
2770
- };
2771
- };
2772
- "2xl": {
2773
- mediaQuery: {
2774
- sm: number;
2775
- lg: number;
2776
- };
2777
- };
2778
- xl: {
2779
- mediaQuery: {
2780
- sm: number;
2781
- lg: number;
2782
- };
2783
- };
2784
- lg: {
2785
- mediaQuery: {
2786
- sm: number;
2787
- lg: number;
2788
- };
2789
- };
2790
- md: {
2791
- mediaQuery: {
2792
- sm: number;
2793
- lg: number;
2794
- };
2795
- };
2796
- sm: {
2797
- mediaQuery: {
2798
- sm: number;
2799
- lg: number;
2800
- };
2801
- };
2802
- xs: {
2803
- mediaQuery: {
2804
- sm: number;
2805
- lg: number;
2806
- };
2807
- };
2808
- };
2809
- weight: {
2810
- book: number;
2811
- bold: number;
2812
- black: number;
2813
- };
2814
- };
2815
- mediaQuery: {
2816
- xsmall: number;
2817
- small: number;
2818
- medium: number;
2819
- large: number;
2820
- };
2821
- customMediaQuery: {
2822
- "xsmall-and-up": number;
2823
- "small-and-up": number;
2824
- "medium-and-up": number;
2825
- "large-and-up": number;
2826
- };
2827
- opacity: {
2828
- solid: number;
2829
- translucent: number;
2830
- transparent: number;
2831
- };
2832
- space: {
2833
- "0": number;
2834
- "25": number;
2835
- "50": number;
2836
- "100": number;
2837
- "150": number;
2838
- "200": number;
2839
- "250": number;
2840
- "300": number;
2841
- "350": number;
2842
- "400": number;
2843
- "450": number;
2844
- "500": number;
2845
- "550": number;
2846
- "600": number;
2847
- "700": number;
2848
- "800": number;
2849
- "900": number;
2850
- "1000": number;
2851
- "1100": number;
2852
- "1200": number;
2853
- "1300": number;
2854
- "1400": number;
2855
- "1500": number;
2856
- "1600": number;
2857
- "1800": number;
2858
- "2000": number;
2859
- "2400": number;
2860
- "3000": number;
2861
- "3500": number;
2862
- base: number;
2863
- };
2864
- button: {
2865
- color: {
2866
- focus: {
2867
- blue: string;
2868
- white: string;
2869
- };
2870
- };
2871
- surface: {
2872
- color: {
2873
- fg: string;
2874
- bg: string;
2875
- bgVariant: string;
2876
- bgHover: string;
2877
- fgInverted: string;
2878
- bgInverted: string;
2879
- bgInvertedHover: string;
2880
- };
2881
- };
2882
- destructive: {
2883
- color: {
2884
- fg: string;
2885
- bg: string;
2886
- bgHover: string;
2887
- };
2888
- };
2889
- };
2890
- input: {
2891
- color: {
2892
- label: string;
2893
- border: string;
2894
- borderError: string;
2895
- hint: string;
2896
- selected: string;
2897
- selectedTint: string;
2898
- };
2899
- };
2900
- }, {
15
+ export declare const CardImage: import("styled-components").StyledComponent<typeof Image, import("@ovotech/element-core/dist/tokens-build/theme-native.types").ThemeNative, {
2901
16
  pushImage?: boolean;
2902
17
  }, never>;