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