@ovotech/element-native 4.4.2 → 4.4.3-canary-a2e1e61-317

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 (131) hide show
  1. package/dist/components/ActionList/ActionList.js +1 -1
  2. package/dist/components/Stretch/Stretch.js +1 -1
  3. package/dist/esm/components/ActionList/ActionList.js +1 -1
  4. package/dist/esm/components/Stretch/Stretch.js +1 -1
  5. package/package.json +3 -3
  6. package/dist/components/Accordion/hooks.d.ts +0 -9
  7. package/dist/components/Accordion/hooks.js +0 -20
  8. package/dist/components/Heading/Heading.d.ts +0 -18
  9. package/dist/components/Heading/Heading.js +0 -104
  10. package/dist/components/Heading/index.d.ts +0 -1
  11. package/dist/components/Heading/index.js +0 -8
  12. package/dist/components/HorizontalCarousel/HorizontalCarousel.d.ts +0 -23
  13. package/dist/components/HorizontalCarousel/HorizontalCarousel.js +0 -92
  14. package/dist/components/HorizontalCarousel/NavigationDots.d.ts +0 -8
  15. package/dist/components/HorizontalCarousel/NavigationDots.js +0 -88
  16. package/dist/components/HorizontalCarousel/index.d.ts +0 -1
  17. package/dist/components/HorizontalCarousel/index.js +0 -17
  18. package/dist/components/Input/CurrencyInput.d.ts +0 -18
  19. package/dist/components/Input/CurrencyInput.js +0 -37
  20. package/dist/components/Input/EmailInput.d.ts +0 -12
  21. package/dist/components/Input/EmailInput.js +0 -19
  22. package/dist/components/Input/NumberInput.d.ts +0 -12
  23. package/dist/components/Input/NumberInput.js +0 -19
  24. package/dist/components/Input/PasswordInput.d.ts +0 -14
  25. package/dist/components/Input/PasswordInput.js +0 -35
  26. package/dist/components/Input/PasswordInput.styled.d.ts +0 -274
  27. package/dist/components/Input/PasswordInput.styled.js +0 -37
  28. package/dist/components/Input/PasswordVisibilityToggle.d.ts +0 -16
  29. package/dist/components/Input/PasswordVisibilityToggle.js +0 -39
  30. package/dist/components/Input/PhoneInput.d.ts +0 -12
  31. package/dist/components/Input/PhoneInput.js +0 -19
  32. package/dist/components/Input/TelInput.d.ts +0 -12
  33. package/dist/components/Input/TelInput.js +0 -41
  34. package/dist/components/Input/TextInput.d.ts +0 -12
  35. package/dist/components/Input/TextInput.js +0 -19
  36. package/dist/components/Input/TextareaInput.d.ts +0 -18
  37. package/dist/components/Input/TextareaInput.js +0 -67
  38. package/dist/components/Input/index.d.ts +0 -7
  39. package/dist/components/Input/index.js +0 -17
  40. package/dist/components/SegmentedControls/constants.d.ts +0 -28
  41. package/dist/components/SegmentedControls/constants.js +0 -2
  42. package/dist/components/SkeletonLoading/Skeleton.d.ts +0 -268
  43. package/dist/components/SkeletonLoading/Skeleton.js +0 -13
  44. package/dist/components/SkeletonLoading/SkeletonAnimation.d.ts +0 -10
  45. package/dist/components/SkeletonLoading/SkeletonAnimation.js +0 -46
  46. package/dist/components/SkeletonLoading/SkeletonCTA.d.ts +0 -6
  47. package/dist/components/SkeletonLoading/SkeletonCTA.js +0 -42
  48. package/dist/components/SkeletonLoading/SkeletonCircle.d.ts +0 -6
  49. package/dist/components/SkeletonLoading/SkeletonCircle.js +0 -46
  50. package/dist/components/SkeletonLoading/SkeletonHeading.d.ts +0 -12
  51. package/dist/components/SkeletonLoading/SkeletonHeading.js +0 -42
  52. package/dist/components/SkeletonLoading/SkeletonText.d.ts +0 -6
  53. package/dist/components/SkeletonLoading/SkeletonText.js +0 -48
  54. package/dist/components/SkeletonLoading/index.d.ts +0 -5
  55. package/dist/components/SkeletonLoading/index.js +0 -21
  56. package/dist/components/SummaryList/SummaryList.d.ts +0 -22
  57. package/dist/components/SummaryList/SummaryList.js +0 -47
  58. package/dist/components/SummaryList/index.d.ts +0 -1
  59. package/dist/components/SummaryList/index.js +0 -6
  60. package/dist/components/Text/Text.d.ts +0 -1436
  61. package/dist/components/Text/Text.js +0 -93
  62. package/dist/components/Text/index.d.ts +0 -1
  63. package/dist/components/Text/index.js +0 -10
  64. package/dist/components/TextField/CurrencyField.d.ts +0 -15
  65. package/dist/components/TextField/CurrencyField.js +0 -33
  66. package/dist/components/TextField/EmailField.d.ts +0 -13
  67. package/dist/components/TextField/EmailField.js +0 -33
  68. package/dist/components/TextField/NumberField.d.ts +0 -13
  69. package/dist/components/TextField/NumberField.js +0 -33
  70. package/dist/components/TextField/PasswordField.d.ts +0 -15
  71. package/dist/components/TextField/PasswordField.js +0 -33
  72. package/dist/components/TextField/PhoneField.d.ts +0 -13
  73. package/dist/components/TextField/PhoneField.js +0 -33
  74. package/dist/components/TextField/TelField.d.ts +0 -17
  75. package/dist/components/TextField/TelField.js +0 -38
  76. package/dist/components/TextField/TextareaField.d.ts +0 -15
  77. package/dist/components/TextField/TextareaField.js +0 -33
  78. package/dist/esm/components/Accordion/hooks.js +0 -16
  79. package/dist/esm/components/Heading/Heading.js +0 -74
  80. package/dist/esm/components/Heading/index.js +0 -1
  81. package/dist/esm/components/HorizontalCarousel/HorizontalCarousel.js +0 -62
  82. package/dist/esm/components/HorizontalCarousel/NavigationDots.js +0 -61
  83. package/dist/esm/components/HorizontalCarousel/index.js +0 -1
  84. package/dist/esm/components/Input/CurrencyInput.js +0 -34
  85. package/dist/esm/components/Input/EmailInput.js +0 -16
  86. package/dist/esm/components/Input/NumberInput.js +0 -16
  87. package/dist/esm/components/Input/PasswordInput.js +0 -32
  88. package/dist/esm/components/Input/PasswordInput.styled.js +0 -11
  89. package/dist/esm/components/Input/PasswordVisibilityToggle.js +0 -34
  90. package/dist/esm/components/Input/PhoneInput.js +0 -16
  91. package/dist/esm/components/Input/TelInput.js +0 -15
  92. package/dist/esm/components/Input/TextInput.js +0 -16
  93. package/dist/esm/components/Input/TextareaInput.js +0 -41
  94. package/dist/esm/components/Input/index.js +0 -7
  95. package/dist/esm/components/SegmentedControls/constants.js +0 -1
  96. package/dist/esm/components/SkeletonLoading/Skeleton.js +0 -7
  97. package/dist/esm/components/SkeletonLoading/SkeletonAnimation.js +0 -42
  98. package/dist/esm/components/SkeletonLoading/SkeletonCTA.js +0 -35
  99. package/dist/esm/components/SkeletonLoading/SkeletonCircle.js +0 -39
  100. package/dist/esm/components/SkeletonLoading/SkeletonHeading.js +0 -35
  101. package/dist/esm/components/SkeletonLoading/SkeletonText.js +0 -41
  102. package/dist/esm/components/SkeletonLoading/index.js +0 -5
  103. package/dist/esm/components/SummaryList/SummaryList.js +0 -43
  104. package/dist/esm/components/SummaryList/index.js +0 -1
  105. package/dist/esm/components/Text/Text.js +0 -66
  106. package/dist/esm/components/Text/index.js +0 -1
  107. package/dist/esm/components/TextField/CurrencyField.js +0 -30
  108. package/dist/esm/components/TextField/EmailField.js +0 -30
  109. package/dist/esm/components/TextField/NumberField.js +0 -30
  110. package/dist/esm/components/TextField/PasswordField.js +0 -30
  111. package/dist/esm/components/TextField/PhoneField.js +0 -30
  112. package/dist/esm/components/TextField/TelField.js +0 -35
  113. package/dist/esm/components/TextField/TextareaField.js +0 -30
  114. package/dist/esm/providers/icons/HidePassword.js +0 -15
  115. package/dist/esm/providers/icons/Payment.js +0 -15
  116. package/dist/esm/providers/icons/ShowPassword.js +0 -15
  117. package/dist/esm/providers/icons/Usage.js +0 -15
  118. package/dist/esm/theme/create-theme.js +0 -330
  119. package/dist/esm/theme/theme.js +0 -1
  120. package/dist/providers/icons/HidePassword.d.ts +0 -2
  121. package/dist/providers/icons/HidePassword.js +0 -22
  122. package/dist/providers/icons/Payment.d.ts +0 -2
  123. package/dist/providers/icons/Payment.js +0 -22
  124. package/dist/providers/icons/ShowPassword.d.ts +0 -2
  125. package/dist/providers/icons/ShowPassword.js +0 -22
  126. package/dist/providers/icons/Usage.d.ts +0 -2
  127. package/dist/providers/icons/Usage.js +0 -22
  128. package/dist/theme/create-theme.d.ts +0 -34
  129. package/dist/theme/create-theme.js +0 -337
  130. package/dist/theme/theme.d.ts +0 -235
  131. package/dist/theme/theme.js +0 -2
@@ -1,1436 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- import { Text, ViewProps } from 'react-native';
3
- export declare const P: import('react').ForwardRefExoticComponent<
4
- Pick<
5
- Omit<
6
- {
7
- [x: string]: any;
8
- [x: number]: any;
9
- [x: symbol]: any;
10
- } & {
11
- theme?:
12
- | {
13
- core: {
14
- radius: Record<'small' | 'medium' | 'large' | 'max', string>;
15
- borderWidth: Record<'small' | 'medium' | 'large', string>;
16
- breakpoint: Record<
17
- 'small' | 'medium' | 'large',
18
- string | number
19
- >;
20
- mediaQuery: Record<'small' | 'medium' | 'large', string>;
21
- space: Record<
22
- | 0
23
- | 2
24
- | 1
25
- | 3
26
- | 4
27
- | 10
28
- | 5
29
- | 6
30
- | 7
31
- | 8
32
- | 9
33
- | 11
34
- | 12
35
- | 13
36
- | 14
37
- | 15,
38
- string
39
- >;
40
- transition: Record<'medium' | 'slow' | 'fast', string>;
41
- opacity: Record<
42
- 'solid' | 'transparent' | 'translucent',
43
- string | number
44
- >;
45
- color: Record<
46
- 'neutral' | 'red' | 'orange' | 'yellow' | 'green' | 'blue',
47
- {
48
- lightest: string;
49
- lighter: string;
50
- light: string;
51
- base: string;
52
- dark: string;
53
- darker: string;
54
- darkest: string;
55
- }
56
- > & {
57
- brand: Record<string, string>;
58
- };
59
- fontFamily: Record<
60
- 'body' | 'mono' | 'heading' | 'bodyBold',
61
- {
62
- native: string;
63
- web: string;
64
- }
65
- >;
66
- fontWeight: Record<'bold' | 'book' | 'black', string | number>;
67
- fontSize: Record<
68
- | 'small'
69
- | 'body'
70
- | 'label'
71
- | 'heading1'
72
- | 'heading2'
73
- | 'heading3'
74
- | 'heading4'
75
- | 'lead',
76
- {
77
- small: string | number;
78
- large: string | number;
79
- }
80
- >;
81
- lineHeight: Record<
82
- | 'small'
83
- | 'body'
84
- | 'label'
85
- | 'heading1'
86
- | 'heading2'
87
- | 'heading3'
88
- | 'heading4'
89
- | 'lead',
90
- {
91
- small: string | number;
92
- large: string | number;
93
- }
94
- >;
95
- letterSpacing: Record<
96
- 'base' | 'compressed' | 'extraCompressed',
97
- number
98
- >;
99
- };
100
- semantic: {
101
- surface: Record<'base' | 'cutout' | 'elevated', string>;
102
- message: Record<
103
- 'base' | 'link' | 'secondary' | 'error' | 'branded',
104
- string
105
- >;
106
- border: Record<
107
- 'graphic' | 'differentiated' | 'functional',
108
- string
109
- >;
110
- focus: Record<'surface' | 'outline' | 'hover', string>;
111
- inverted: Record<'surface' | 'border', string> & {
112
- message: Record<
113
- 'base' | 'link' | 'secondary' | 'branded',
114
- string
115
- >;
116
- };
117
- success: {
118
- border: string;
119
- surface: string;
120
- surfaceEmphasis: string;
121
- message: string;
122
- messageOnEmphasis: string;
123
- };
124
- warning: {
125
- border: string;
126
- surface: string;
127
- surfaceEmphasis: string;
128
- message: string;
129
- messageOnEmphasis: string;
130
- };
131
- error: {
132
- border: string;
133
- surface: string;
134
- surfaceEmphasis: string;
135
- message: string;
136
- messageOnEmphasis: string;
137
- };
138
- info: {
139
- border: string;
140
- surface: string;
141
- surfaceEmphasis: string;
142
- message: string;
143
- messageOnEmphasis: string;
144
- };
145
- data: Record<
146
- 'branded' | 'gas' | 'electric',
147
- Record<2 | 1 | 3 | 4, string>
148
- >;
149
- };
150
- component: {
151
- heading1: {
152
- fontFamily: string;
153
- fontWeight: string | number;
154
- fontSize: {
155
- small: string | number;
156
- large: string | number;
157
- };
158
- lineHeight: {
159
- small: string | number;
160
- large: string | number;
161
- };
162
- };
163
- heading2: {
164
- fontFamily: string;
165
- fontWeight: string | number;
166
- fontSize: {
167
- small: string | number;
168
- large: string | number;
169
- };
170
- lineHeight: {
171
- small: string | number;
172
- large: string | number;
173
- };
174
- };
175
- heading3: {
176
- fontFamily: string;
177
- fontWeight: string | number;
178
- fontSize: {
179
- small: string | number;
180
- large: string | number;
181
- };
182
- lineHeight: {
183
- small: string | number;
184
- large: string | number;
185
- };
186
- };
187
- heading4: {
188
- fontFamily: string;
189
- fontWeight: string | number;
190
- fontSize: {
191
- small: string | number;
192
- large: string | number;
193
- };
194
- lineHeight: {
195
- small: string | number;
196
- large: string | number;
197
- };
198
- };
199
- lead: {
200
- fontFamily: string;
201
- fontWeight: string | number;
202
- fontSize: {
203
- small: string | number;
204
- large: string | number;
205
- };
206
- lineHeight: {
207
- small: string | number;
208
- large: string | number;
209
- };
210
- };
211
- body: {
212
- fontFamily: string;
213
- fontWeight: string | number;
214
- fontSize: {
215
- small: string | number;
216
- large: string | number;
217
- };
218
- lineHeight: {
219
- small: string | number;
220
- large: string | number;
221
- };
222
- };
223
- small: {
224
- fontFamily: string;
225
- fontWeight: string | number;
226
- fontSize: {
227
- small: string | number;
228
- large: string | number;
229
- };
230
- lineHeight: {
231
- small: string | number;
232
- large: string | number;
233
- };
234
- };
235
- label: {
236
- fontFamily: string;
237
- fontWeight: string | number;
238
- fontSize: {
239
- small: string | number;
240
- large: string | number;
241
- };
242
- lineHeight: {
243
- small: string | number;
244
- large: string | number;
245
- };
246
- };
247
- cta: {
248
- primary: {
249
- message: string;
250
- surface: string;
251
- messageHover: string;
252
- surfaceHover: string;
253
- messageFocused: string;
254
- surfaceFocused: string;
255
- outlineFocused: string;
256
- backgroundFocused: string;
257
- };
258
- secondary: {
259
- message: string;
260
- surface: string;
261
- messageHover: string;
262
- surfaceHover: string;
263
- messageFocused: string;
264
- surfaceFocused: string;
265
- outlineFocused: string;
266
- backgroundFocused: string;
267
- };
268
- destructive: {
269
- message: string;
270
- surface: string;
271
- messageHover: string;
272
- surfaceHover: string;
273
- messageFocused: string;
274
- surfaceFocused: string;
275
- outlineFocused: string;
276
- backgroundFocused: string;
277
- };
278
- };
279
- badge: {
280
- variants: {
281
- red: {
282
- foreground: string;
283
- background: string;
284
- };
285
- orange: {
286
- foreground: string;
287
- background: string;
288
- };
289
- yellow: {
290
- foreground: string;
291
- background: string;
292
- };
293
- green: {
294
- foreground: string;
295
- background: string;
296
- };
297
- blue: {
298
- foreground: string;
299
- background: string;
300
- };
301
- };
302
- };
303
- };
304
- }
305
- | undefined;
306
- } & {
307
- as?: string | import('react').ComponentType<any> | undefined;
308
- forwardedAs?: string | import('react').ComponentType<any> | undefined;
309
- },
310
- import('../../hooks').BreakpointNames
311
- >,
312
- string | number | symbol
313
- > &
314
- import('react').RefAttributes<Text>
315
- >;
316
- export declare const Small: import('react').ForwardRefExoticComponent<
317
- Pick<
318
- Omit<
319
- {
320
- [x: string]: any;
321
- [x: number]: any;
322
- [x: symbol]: any;
323
- } & {
324
- theme?:
325
- | {
326
- core: {
327
- radius: Record<'small' | 'medium' | 'large' | 'max', string>;
328
- borderWidth: Record<'small' | 'medium' | 'large', string>;
329
- breakpoint: Record<
330
- 'small' | 'medium' | 'large',
331
- string | number
332
- >;
333
- mediaQuery: Record<'small' | 'medium' | 'large', string>;
334
- space: Record<
335
- | 0
336
- | 2
337
- | 1
338
- | 3
339
- | 4
340
- | 10
341
- | 5
342
- | 6
343
- | 7
344
- | 8
345
- | 9
346
- | 11
347
- | 12
348
- | 13
349
- | 14
350
- | 15,
351
- string
352
- >;
353
- transition: Record<'medium' | 'slow' | 'fast', string>;
354
- opacity: Record<
355
- 'solid' | 'transparent' | 'translucent',
356
- string | number
357
- >;
358
- color: Record<
359
- 'neutral' | 'red' | 'orange' | 'yellow' | 'green' | 'blue',
360
- {
361
- lightest: string;
362
- lighter: string;
363
- light: string;
364
- base: string;
365
- dark: string;
366
- darker: string;
367
- darkest: string;
368
- }
369
- > & {
370
- brand: Record<string, string>;
371
- };
372
- fontFamily: Record<
373
- 'body' | 'mono' | 'heading' | 'bodyBold',
374
- {
375
- native: string;
376
- web: string;
377
- }
378
- >;
379
- fontWeight: Record<'bold' | 'book' | 'black', string | number>;
380
- fontSize: Record<
381
- | 'small'
382
- | 'body'
383
- | 'label'
384
- | 'heading1'
385
- | 'heading2'
386
- | 'heading3'
387
- | 'heading4'
388
- | 'lead',
389
- {
390
- small: string | number;
391
- large: string | number;
392
- }
393
- >;
394
- lineHeight: Record<
395
- | 'small'
396
- | 'body'
397
- | 'label'
398
- | 'heading1'
399
- | 'heading2'
400
- | 'heading3'
401
- | 'heading4'
402
- | 'lead',
403
- {
404
- small: string | number;
405
- large: string | number;
406
- }
407
- >;
408
- letterSpacing: Record<
409
- 'base' | 'compressed' | 'extraCompressed',
410
- number
411
- >;
412
- };
413
- semantic: {
414
- surface: Record<'base' | 'cutout' | 'elevated', string>;
415
- message: Record<
416
- 'base' | 'link' | 'secondary' | 'error' | 'branded',
417
- string
418
- >;
419
- border: Record<
420
- 'graphic' | 'differentiated' | 'functional',
421
- string
422
- >;
423
- focus: Record<'surface' | 'outline' | 'hover', string>;
424
- inverted: Record<'surface' | 'border', string> & {
425
- message: Record<
426
- 'base' | 'link' | 'secondary' | 'branded',
427
- string
428
- >;
429
- };
430
- success: {
431
- border: string;
432
- surface: string;
433
- surfaceEmphasis: string;
434
- message: string;
435
- messageOnEmphasis: string;
436
- };
437
- warning: {
438
- border: string;
439
- surface: string;
440
- surfaceEmphasis: string;
441
- message: string;
442
- messageOnEmphasis: string;
443
- };
444
- error: {
445
- border: string;
446
- surface: string;
447
- surfaceEmphasis: string;
448
- message: string;
449
- messageOnEmphasis: string;
450
- };
451
- info: {
452
- border: string;
453
- surface: string;
454
- surfaceEmphasis: string;
455
- message: string;
456
- messageOnEmphasis: string;
457
- };
458
- data: Record<
459
- 'branded' | 'gas' | 'electric',
460
- Record<2 | 1 | 3 | 4, string>
461
- >;
462
- };
463
- component: {
464
- heading1: {
465
- fontFamily: string;
466
- fontWeight: string | number;
467
- fontSize: {
468
- small: string | number;
469
- large: string | number;
470
- };
471
- lineHeight: {
472
- small: string | number;
473
- large: string | number;
474
- };
475
- };
476
- heading2: {
477
- fontFamily: string;
478
- fontWeight: string | number;
479
- fontSize: {
480
- small: string | number;
481
- large: string | number;
482
- };
483
- lineHeight: {
484
- small: string | number;
485
- large: string | number;
486
- };
487
- };
488
- heading3: {
489
- fontFamily: string;
490
- fontWeight: string | number;
491
- fontSize: {
492
- small: string | number;
493
- large: string | number;
494
- };
495
- lineHeight: {
496
- small: string | number;
497
- large: string | number;
498
- };
499
- };
500
- heading4: {
501
- fontFamily: string;
502
- fontWeight: string | number;
503
- fontSize: {
504
- small: string | number;
505
- large: string | number;
506
- };
507
- lineHeight: {
508
- small: string | number;
509
- large: string | number;
510
- };
511
- };
512
- lead: {
513
- fontFamily: string;
514
- fontWeight: string | number;
515
- fontSize: {
516
- small: string | number;
517
- large: string | number;
518
- };
519
- lineHeight: {
520
- small: string | number;
521
- large: string | number;
522
- };
523
- };
524
- body: {
525
- fontFamily: string;
526
- fontWeight: string | number;
527
- fontSize: {
528
- small: string | number;
529
- large: string | number;
530
- };
531
- lineHeight: {
532
- small: string | number;
533
- large: string | number;
534
- };
535
- };
536
- small: {
537
- fontFamily: string;
538
- fontWeight: string | number;
539
- fontSize: {
540
- small: string | number;
541
- large: string | number;
542
- };
543
- lineHeight: {
544
- small: string | number;
545
- large: string | number;
546
- };
547
- };
548
- label: {
549
- fontFamily: string;
550
- fontWeight: string | number;
551
- fontSize: {
552
- small: string | number;
553
- large: string | number;
554
- };
555
- lineHeight: {
556
- small: string | number;
557
- large: string | number;
558
- };
559
- };
560
- cta: {
561
- primary: {
562
- message: string;
563
- surface: string;
564
- messageHover: string;
565
- surfaceHover: string;
566
- messageFocused: string;
567
- surfaceFocused: string;
568
- outlineFocused: string;
569
- backgroundFocused: string;
570
- };
571
- secondary: {
572
- message: string;
573
- surface: string;
574
- messageHover: string;
575
- surfaceHover: string;
576
- messageFocused: string;
577
- surfaceFocused: string;
578
- outlineFocused: string;
579
- backgroundFocused: string;
580
- };
581
- destructive: {
582
- message: string;
583
- surface: string;
584
- messageHover: string;
585
- surfaceHover: string;
586
- messageFocused: string;
587
- surfaceFocused: string;
588
- outlineFocused: string;
589
- backgroundFocused: string;
590
- };
591
- };
592
- badge: {
593
- variants: {
594
- red: {
595
- foreground: string;
596
- background: string;
597
- };
598
- orange: {
599
- foreground: string;
600
- background: string;
601
- };
602
- yellow: {
603
- foreground: string;
604
- background: string;
605
- };
606
- green: {
607
- foreground: string;
608
- background: string;
609
- };
610
- blue: {
611
- foreground: string;
612
- background: string;
613
- };
614
- };
615
- };
616
- };
617
- }
618
- | undefined;
619
- } & {
620
- as?: string | import('react').ComponentType<any> | undefined;
621
- forwardedAs?: string | import('react').ComponentType<any> | undefined;
622
- },
623
- import('../../hooks').BreakpointNames
624
- >,
625
- string | number | symbol
626
- > &
627
- import('react').RefAttributes<Text>
628
- >;
629
- export declare const Strong: import('styled-components').StyledComponent<
630
- typeof import('react-native').Text,
631
- {
632
- core: {
633
- radius: Record<'small' | 'medium' | 'large' | 'max', string>;
634
- borderWidth: Record<'small' | 'medium' | 'large', string>;
635
- breakpoint: Record<'small' | 'medium' | 'large', string | number>;
636
- mediaQuery: Record<'small' | 'medium' | 'large', string>;
637
- space: Record<
638
- 0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15,
639
- string
640
- >;
641
- transition: Record<'medium' | 'slow' | 'fast', string>;
642
- opacity: Record<'solid' | 'transparent' | 'translucent', string | number>;
643
- color: Record<
644
- 'neutral' | 'red' | 'orange' | 'yellow' | 'green' | 'blue',
645
- {
646
- lightest: string;
647
- lighter: string;
648
- light: string;
649
- base: string;
650
- dark: string;
651
- darker: string;
652
- darkest: string;
653
- }
654
- > & {
655
- brand: Record<string, string>;
656
- };
657
- fontFamily: Record<
658
- 'body' | 'mono' | 'heading' | 'bodyBold',
659
- {
660
- native: string;
661
- web: string;
662
- }
663
- >;
664
- fontWeight: Record<'bold' | 'book' | 'black', string | number>;
665
- fontSize: Record<
666
- | 'small'
667
- | 'body'
668
- | 'label'
669
- | 'heading1'
670
- | 'heading2'
671
- | 'heading3'
672
- | 'heading4'
673
- | 'lead',
674
- {
675
- small: string | number;
676
- large: string | number;
677
- }
678
- >;
679
- lineHeight: Record<
680
- | 'small'
681
- | 'body'
682
- | 'label'
683
- | 'heading1'
684
- | 'heading2'
685
- | 'heading3'
686
- | 'heading4'
687
- | 'lead',
688
- {
689
- small: string | number;
690
- large: string | number;
691
- }
692
- >;
693
- letterSpacing: Record<'base' | 'compressed' | 'extraCompressed', number>;
694
- };
695
- semantic: {
696
- surface: Record<'base' | 'cutout' | 'elevated', string>;
697
- message: Record<
698
- 'base' | 'link' | 'secondary' | 'error' | 'branded',
699
- string
700
- >;
701
- border: Record<'graphic' | 'differentiated' | 'functional', string>;
702
- focus: Record<'surface' | 'outline' | 'hover', string>;
703
- inverted: Record<'surface' | 'border', string> & {
704
- message: Record<'base' | 'link' | 'secondary' | 'branded', string>;
705
- };
706
- success: {
707
- border: string;
708
- surface: string;
709
- surfaceEmphasis: string;
710
- message: string;
711
- messageOnEmphasis: string;
712
- };
713
- warning: {
714
- border: string;
715
- surface: string;
716
- surfaceEmphasis: string;
717
- message: string;
718
- messageOnEmphasis: string;
719
- };
720
- error: {
721
- border: string;
722
- surface: string;
723
- surfaceEmphasis: string;
724
- message: string;
725
- messageOnEmphasis: string;
726
- };
727
- info: {
728
- border: string;
729
- surface: string;
730
- surfaceEmphasis: string;
731
- message: string;
732
- messageOnEmphasis: string;
733
- };
734
- data: Record<
735
- 'branded' | 'gas' | 'electric',
736
- Record<2 | 1 | 3 | 4, string>
737
- >;
738
- };
739
- component: {
740
- heading1: {
741
- fontFamily: string;
742
- fontWeight: string | number;
743
- fontSize: {
744
- small: string | number;
745
- large: string | number;
746
- };
747
- lineHeight: {
748
- small: string | number;
749
- large: string | number;
750
- };
751
- };
752
- heading2: {
753
- fontFamily: string;
754
- fontWeight: string | number;
755
- fontSize: {
756
- small: string | number;
757
- large: string | number;
758
- };
759
- lineHeight: {
760
- small: string | number;
761
- large: string | number;
762
- };
763
- };
764
- heading3: {
765
- fontFamily: string;
766
- fontWeight: string | number;
767
- fontSize: {
768
- small: string | number;
769
- large: string | number;
770
- };
771
- lineHeight: {
772
- small: string | number;
773
- large: string | number;
774
- };
775
- };
776
- heading4: {
777
- fontFamily: string;
778
- fontWeight: string | number;
779
- fontSize: {
780
- small: string | number;
781
- large: string | number;
782
- };
783
- lineHeight: {
784
- small: string | number;
785
- large: string | number;
786
- };
787
- };
788
- lead: {
789
- fontFamily: string;
790
- fontWeight: string | number;
791
- fontSize: {
792
- small: string | number;
793
- large: string | number;
794
- };
795
- lineHeight: {
796
- small: string | number;
797
- large: string | number;
798
- };
799
- };
800
- body: {
801
- fontFamily: string;
802
- fontWeight: string | number;
803
- fontSize: {
804
- small: string | number;
805
- large: string | number;
806
- };
807
- lineHeight: {
808
- small: string | number;
809
- large: string | number;
810
- };
811
- };
812
- small: {
813
- fontFamily: string;
814
- fontWeight: string | number;
815
- fontSize: {
816
- small: string | number;
817
- large: string | number;
818
- };
819
- lineHeight: {
820
- small: string | number;
821
- large: string | number;
822
- };
823
- };
824
- label: {
825
- fontFamily: string;
826
- fontWeight: string | number;
827
- fontSize: {
828
- small: string | number;
829
- large: string | number;
830
- };
831
- lineHeight: {
832
- small: string | number;
833
- large: string | number;
834
- };
835
- };
836
- cta: {
837
- primary: {
838
- message: string;
839
- surface: string;
840
- messageHover: string;
841
- surfaceHover: string;
842
- messageFocused: string;
843
- surfaceFocused: string;
844
- outlineFocused: string;
845
- backgroundFocused: string;
846
- };
847
- secondary: {
848
- message: string;
849
- surface: string;
850
- messageHover: string;
851
- surfaceHover: string;
852
- messageFocused: string;
853
- surfaceFocused: string;
854
- outlineFocused: string;
855
- backgroundFocused: string;
856
- };
857
- destructive: {
858
- message: string;
859
- surface: string;
860
- messageHover: string;
861
- surfaceHover: string;
862
- messageFocused: string;
863
- surfaceFocused: string;
864
- outlineFocused: string;
865
- backgroundFocused: string;
866
- };
867
- };
868
- badge: {
869
- variants: {
870
- red: {
871
- foreground: string;
872
- background: string;
873
- };
874
- orange: {
875
- foreground: string;
876
- background: string;
877
- };
878
- yellow: {
879
- foreground: string;
880
- background: string;
881
- };
882
- green: {
883
- foreground: string;
884
- background: string;
885
- };
886
- blue: {
887
- foreground: string;
888
- background: string;
889
- };
890
- };
891
- };
892
- };
893
- },
894
- {},
895
- never
896
- >;
897
- export declare const Em: import('styled-components').StyledComponent<
898
- typeof import('react-native').Text,
899
- {
900
- core: {
901
- radius: Record<'small' | 'medium' | 'large' | 'max', string>;
902
- borderWidth: Record<'small' | 'medium' | 'large', string>;
903
- breakpoint: Record<'small' | 'medium' | 'large', string | number>;
904
- mediaQuery: Record<'small' | 'medium' | 'large', string>;
905
- space: Record<
906
- 0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15,
907
- string
908
- >;
909
- transition: Record<'medium' | 'slow' | 'fast', string>;
910
- opacity: Record<'solid' | 'transparent' | 'translucent', string | number>;
911
- color: Record<
912
- 'neutral' | 'red' | 'orange' | 'yellow' | 'green' | 'blue',
913
- {
914
- lightest: string;
915
- lighter: string;
916
- light: string;
917
- base: string;
918
- dark: string;
919
- darker: string;
920
- darkest: string;
921
- }
922
- > & {
923
- brand: Record<string, string>;
924
- };
925
- fontFamily: Record<
926
- 'body' | 'mono' | 'heading' | 'bodyBold',
927
- {
928
- native: string;
929
- web: string;
930
- }
931
- >;
932
- fontWeight: Record<'bold' | 'book' | 'black', string | number>;
933
- fontSize: Record<
934
- | 'small'
935
- | 'body'
936
- | 'label'
937
- | 'heading1'
938
- | 'heading2'
939
- | 'heading3'
940
- | 'heading4'
941
- | 'lead',
942
- {
943
- small: string | number;
944
- large: string | number;
945
- }
946
- >;
947
- lineHeight: Record<
948
- | 'small'
949
- | 'body'
950
- | 'label'
951
- | 'heading1'
952
- | 'heading2'
953
- | 'heading3'
954
- | 'heading4'
955
- | 'lead',
956
- {
957
- small: string | number;
958
- large: string | number;
959
- }
960
- >;
961
- letterSpacing: Record<'base' | 'compressed' | 'extraCompressed', number>;
962
- };
963
- semantic: {
964
- surface: Record<'base' | 'cutout' | 'elevated', string>;
965
- message: Record<
966
- 'base' | 'link' | 'secondary' | 'error' | 'branded',
967
- string
968
- >;
969
- border: Record<'graphic' | 'differentiated' | 'functional', string>;
970
- focus: Record<'surface' | 'outline' | 'hover', string>;
971
- inverted: Record<'surface' | 'border', string> & {
972
- message: Record<'base' | 'link' | 'secondary' | 'branded', string>;
973
- };
974
- success: {
975
- border: string;
976
- surface: string;
977
- surfaceEmphasis: string;
978
- message: string;
979
- messageOnEmphasis: string;
980
- };
981
- warning: {
982
- border: string;
983
- surface: string;
984
- surfaceEmphasis: string;
985
- message: string;
986
- messageOnEmphasis: string;
987
- };
988
- error: {
989
- border: string;
990
- surface: string;
991
- surfaceEmphasis: string;
992
- message: string;
993
- messageOnEmphasis: string;
994
- };
995
- info: {
996
- border: string;
997
- surface: string;
998
- surfaceEmphasis: string;
999
- message: string;
1000
- messageOnEmphasis: string;
1001
- };
1002
- data: Record<
1003
- 'branded' | 'gas' | 'electric',
1004
- Record<2 | 1 | 3 | 4, string>
1005
- >;
1006
- };
1007
- component: {
1008
- heading1: {
1009
- fontFamily: string;
1010
- fontWeight: string | number;
1011
- fontSize: {
1012
- small: string | number;
1013
- large: string | number;
1014
- };
1015
- lineHeight: {
1016
- small: string | number;
1017
- large: string | number;
1018
- };
1019
- };
1020
- heading2: {
1021
- fontFamily: string;
1022
- fontWeight: string | number;
1023
- fontSize: {
1024
- small: string | number;
1025
- large: string | number;
1026
- };
1027
- lineHeight: {
1028
- small: string | number;
1029
- large: string | number;
1030
- };
1031
- };
1032
- heading3: {
1033
- fontFamily: string;
1034
- fontWeight: string | number;
1035
- fontSize: {
1036
- small: string | number;
1037
- large: string | number;
1038
- };
1039
- lineHeight: {
1040
- small: string | number;
1041
- large: string | number;
1042
- };
1043
- };
1044
- heading4: {
1045
- fontFamily: string;
1046
- fontWeight: string | number;
1047
- fontSize: {
1048
- small: string | number;
1049
- large: string | number;
1050
- };
1051
- lineHeight: {
1052
- small: string | number;
1053
- large: string | number;
1054
- };
1055
- };
1056
- lead: {
1057
- fontFamily: string;
1058
- fontWeight: string | number;
1059
- fontSize: {
1060
- small: string | number;
1061
- large: string | number;
1062
- };
1063
- lineHeight: {
1064
- small: string | number;
1065
- large: string | number;
1066
- };
1067
- };
1068
- body: {
1069
- fontFamily: string;
1070
- fontWeight: string | number;
1071
- fontSize: {
1072
- small: string | number;
1073
- large: string | number;
1074
- };
1075
- lineHeight: {
1076
- small: string | number;
1077
- large: string | number;
1078
- };
1079
- };
1080
- small: {
1081
- fontFamily: string;
1082
- fontWeight: string | number;
1083
- fontSize: {
1084
- small: string | number;
1085
- large: string | number;
1086
- };
1087
- lineHeight: {
1088
- small: string | number;
1089
- large: string | number;
1090
- };
1091
- };
1092
- label: {
1093
- fontFamily: string;
1094
- fontWeight: string | number;
1095
- fontSize: {
1096
- small: string | number;
1097
- large: string | number;
1098
- };
1099
- lineHeight: {
1100
- small: string | number;
1101
- large: string | number;
1102
- };
1103
- };
1104
- cta: {
1105
- primary: {
1106
- message: string;
1107
- surface: string;
1108
- messageHover: string;
1109
- surfaceHover: string;
1110
- messageFocused: string;
1111
- surfaceFocused: string;
1112
- outlineFocused: string;
1113
- backgroundFocused: string;
1114
- };
1115
- secondary: {
1116
- message: string;
1117
- surface: string;
1118
- messageHover: string;
1119
- surfaceHover: string;
1120
- messageFocused: string;
1121
- surfaceFocused: string;
1122
- outlineFocused: string;
1123
- backgroundFocused: string;
1124
- };
1125
- destructive: {
1126
- message: string;
1127
- surface: string;
1128
- messageHover: string;
1129
- surfaceHover: string;
1130
- messageFocused: string;
1131
- surfaceFocused: string;
1132
- outlineFocused: string;
1133
- backgroundFocused: string;
1134
- };
1135
- };
1136
- badge: {
1137
- variants: {
1138
- red: {
1139
- foreground: string;
1140
- background: string;
1141
- };
1142
- orange: {
1143
- foreground: string;
1144
- background: string;
1145
- };
1146
- yellow: {
1147
- foreground: string;
1148
- background: string;
1149
- };
1150
- green: {
1151
- foreground: string;
1152
- background: string;
1153
- };
1154
- blue: {
1155
- foreground: string;
1156
- background: string;
1157
- };
1158
- };
1159
- };
1160
- };
1161
- },
1162
- {},
1163
- never
1164
- >;
1165
- export declare const LineThrough: import('styled-components').StyledComponent<
1166
- typeof import('react-native').Text,
1167
- {
1168
- core: {
1169
- radius: Record<'small' | 'medium' | 'large' | 'max', string>;
1170
- borderWidth: Record<'small' | 'medium' | 'large', string>;
1171
- breakpoint: Record<'small' | 'medium' | 'large', string | number>;
1172
- mediaQuery: Record<'small' | 'medium' | 'large', string>;
1173
- space: Record<
1174
- 0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15,
1175
- string
1176
- >;
1177
- transition: Record<'medium' | 'slow' | 'fast', string>;
1178
- opacity: Record<'solid' | 'transparent' | 'translucent', string | number>;
1179
- color: Record<
1180
- 'neutral' | 'red' | 'orange' | 'yellow' | 'green' | 'blue',
1181
- {
1182
- lightest: string;
1183
- lighter: string;
1184
- light: string;
1185
- base: string;
1186
- dark: string;
1187
- darker: string;
1188
- darkest: string;
1189
- }
1190
- > & {
1191
- brand: Record<string, string>;
1192
- };
1193
- fontFamily: Record<
1194
- 'body' | 'mono' | 'heading' | 'bodyBold',
1195
- {
1196
- native: string;
1197
- web: string;
1198
- }
1199
- >;
1200
- fontWeight: Record<'bold' | 'book' | 'black', string | number>;
1201
- fontSize: Record<
1202
- | 'small'
1203
- | 'body'
1204
- | 'label'
1205
- | 'heading1'
1206
- | 'heading2'
1207
- | 'heading3'
1208
- | 'heading4'
1209
- | 'lead',
1210
- {
1211
- small: string | number;
1212
- large: string | number;
1213
- }
1214
- >;
1215
- lineHeight: Record<
1216
- | 'small'
1217
- | 'body'
1218
- | 'label'
1219
- | 'heading1'
1220
- | 'heading2'
1221
- | 'heading3'
1222
- | 'heading4'
1223
- | 'lead',
1224
- {
1225
- small: string | number;
1226
- large: string | number;
1227
- }
1228
- >;
1229
- letterSpacing: Record<'base' | 'compressed' | 'extraCompressed', number>;
1230
- };
1231
- semantic: {
1232
- surface: Record<'base' | 'cutout' | 'elevated', string>;
1233
- message: Record<
1234
- 'base' | 'link' | 'secondary' | 'error' | 'branded',
1235
- string
1236
- >;
1237
- border: Record<'graphic' | 'differentiated' | 'functional', string>;
1238
- focus: Record<'surface' | 'outline' | 'hover', string>;
1239
- inverted: Record<'surface' | 'border', string> & {
1240
- message: Record<'base' | 'link' | 'secondary' | 'branded', string>;
1241
- };
1242
- success: {
1243
- border: string;
1244
- surface: string;
1245
- surfaceEmphasis: string;
1246
- message: string;
1247
- messageOnEmphasis: string;
1248
- };
1249
- warning: {
1250
- border: string;
1251
- surface: string;
1252
- surfaceEmphasis: string;
1253
- message: string;
1254
- messageOnEmphasis: string;
1255
- };
1256
- error: {
1257
- border: string;
1258
- surface: string;
1259
- surfaceEmphasis: string;
1260
- message: string;
1261
- messageOnEmphasis: string;
1262
- };
1263
- info: {
1264
- border: string;
1265
- surface: string;
1266
- surfaceEmphasis: string;
1267
- message: string;
1268
- messageOnEmphasis: string;
1269
- };
1270
- data: Record<
1271
- 'branded' | 'gas' | 'electric',
1272
- Record<2 | 1 | 3 | 4, string>
1273
- >;
1274
- };
1275
- component: {
1276
- heading1: {
1277
- fontFamily: string;
1278
- fontWeight: string | number;
1279
- fontSize: {
1280
- small: string | number;
1281
- large: string | number;
1282
- };
1283
- lineHeight: {
1284
- small: string | number;
1285
- large: string | number;
1286
- };
1287
- };
1288
- heading2: {
1289
- fontFamily: string;
1290
- fontWeight: string | number;
1291
- fontSize: {
1292
- small: string | number;
1293
- large: string | number;
1294
- };
1295
- lineHeight: {
1296
- small: string | number;
1297
- large: string | number;
1298
- };
1299
- };
1300
- heading3: {
1301
- fontFamily: string;
1302
- fontWeight: string | number;
1303
- fontSize: {
1304
- small: string | number;
1305
- large: string | number;
1306
- };
1307
- lineHeight: {
1308
- small: string | number;
1309
- large: string | number;
1310
- };
1311
- };
1312
- heading4: {
1313
- fontFamily: string;
1314
- fontWeight: string | number;
1315
- fontSize: {
1316
- small: string | number;
1317
- large: string | number;
1318
- };
1319
- lineHeight: {
1320
- small: string | number;
1321
- large: string | number;
1322
- };
1323
- };
1324
- lead: {
1325
- fontFamily: string;
1326
- fontWeight: string | number;
1327
- fontSize: {
1328
- small: string | number;
1329
- large: string | number;
1330
- };
1331
- lineHeight: {
1332
- small: string | number;
1333
- large: string | number;
1334
- };
1335
- };
1336
- body: {
1337
- fontFamily: string;
1338
- fontWeight: string | number;
1339
- fontSize: {
1340
- small: string | number;
1341
- large: string | number;
1342
- };
1343
- lineHeight: {
1344
- small: string | number;
1345
- large: string | number;
1346
- };
1347
- };
1348
- small: {
1349
- fontFamily: string;
1350
- fontWeight: string | number;
1351
- fontSize: {
1352
- small: string | number;
1353
- large: string | number;
1354
- };
1355
- lineHeight: {
1356
- small: string | number;
1357
- large: string | number;
1358
- };
1359
- };
1360
- label: {
1361
- fontFamily: string;
1362
- fontWeight: string | number;
1363
- fontSize: {
1364
- small: string | number;
1365
- large: string | number;
1366
- };
1367
- lineHeight: {
1368
- small: string | number;
1369
- large: string | number;
1370
- };
1371
- };
1372
- cta: {
1373
- primary: {
1374
- message: string;
1375
- surface: string;
1376
- messageHover: string;
1377
- surfaceHover: string;
1378
- messageFocused: string;
1379
- surfaceFocused: string;
1380
- outlineFocused: string;
1381
- backgroundFocused: string;
1382
- };
1383
- secondary: {
1384
- message: string;
1385
- surface: string;
1386
- messageHover: string;
1387
- surfaceHover: string;
1388
- messageFocused: string;
1389
- surfaceFocused: string;
1390
- outlineFocused: string;
1391
- backgroundFocused: string;
1392
- };
1393
- destructive: {
1394
- message: string;
1395
- surface: string;
1396
- messageHover: string;
1397
- surfaceHover: string;
1398
- messageFocused: string;
1399
- surfaceFocused: string;
1400
- outlineFocused: string;
1401
- backgroundFocused: string;
1402
- };
1403
- };
1404
- badge: {
1405
- variants: {
1406
- red: {
1407
- foreground: string;
1408
- background: string;
1409
- };
1410
- orange: {
1411
- foreground: string;
1412
- background: string;
1413
- };
1414
- yellow: {
1415
- foreground: string;
1416
- background: string;
1417
- };
1418
- green: {
1419
- foreground: string;
1420
- background: string;
1421
- };
1422
- blue: {
1423
- foreground: string;
1424
- background: string;
1425
- };
1426
- };
1427
- };
1428
- };
1429
- },
1430
- {},
1431
- never
1432
- >;
1433
- export declare const TextGroup: ({
1434
- children,
1435
- ...rest
1436
- }: PropsWithChildren<ViewProps>) => JSX.Element;