@jamadd/react-native-template-ui 0.7.17 → 0.8.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 (53) hide show
  1. package/lib/module/components/button/AnimatedThemedPressable.js +3 -9
  2. package/lib/module/components/button/AnimatedThemedPressable.js.map +1 -1
  3. package/lib/module/components/button/ThemedPressable.js +2 -8
  4. package/lib/module/components/button/ThemedPressable.js.map +1 -1
  5. package/lib/module/components/overlay/actionSheet/ActionSheetWrap.js +2 -2
  6. package/lib/module/components/overlay/actionSheet/ActionSheetWrap.js.map +1 -1
  7. package/lib/module/components/overlay/alert/AlertWrap.js +1 -1
  8. package/lib/module/components/overlay/alert/AlertWrap.js.map +1 -1
  9. package/lib/module/components/overlay/toast/ThemedToast.js +1 -1
  10. package/lib/module/components/overlay/toast/ThemedToast.js.map +1 -1
  11. package/lib/module/components/slider/Slider.js +2 -2
  12. package/lib/module/components/slider/Slider.js.map +1 -1
  13. package/lib/module/components/switch/ThemedSwitch.js +3 -4
  14. package/lib/module/components/switch/ThemedSwitch.js.map +1 -1
  15. package/lib/module/components/view/AnimatedThemedView.js +7 -5
  16. package/lib/module/components/view/AnimatedThemedView.js.map +1 -1
  17. package/lib/module/components/view/AnimatedView.js +8 -0
  18. package/lib/module/components/view/AnimatedView.js.map +1 -0
  19. package/lib/module/hooks/button.js +56 -32
  20. package/lib/module/hooks/button.js.map +1 -1
  21. package/lib/module/hooks/switch.js +0 -1
  22. package/lib/module/hooks/switch.js.map +1 -1
  23. package/lib/module/hooks/view.js +18 -0
  24. package/lib/module/hooks/view.js.map +1 -1
  25. package/lib/module/utils/button/const.js +1 -0
  26. package/lib/module/utils/button/const.js.map +1 -1
  27. package/lib/module/utils/theme/restyle.js +4 -1
  28. package/lib/module/utils/theme/restyle.js.map +1 -1
  29. package/lib/typescript/src/components/switch/ThemedSwitch.d.ts.map +1 -1
  30. package/lib/typescript/src/components/text/Text.d.ts +4 -4
  31. package/lib/typescript/src/components/view/AnimatedThemedView.d.ts.map +1 -1
  32. package/lib/typescript/src/components/view/AnimatedView.d.ts +3 -0
  33. package/lib/typescript/src/components/view/AnimatedView.d.ts.map +1 -0
  34. package/lib/typescript/src/components/view/Box.d.ts +2 -2
  35. package/lib/typescript/src/hooks/button.d.ts +5 -1645
  36. package/lib/typescript/src/hooks/button.d.ts.map +1 -1
  37. package/lib/typescript/src/hooks/view.d.ts +4 -0
  38. package/lib/typescript/src/hooks/view.d.ts.map +1 -1
  39. package/lib/typescript/src/types/button.d.ts +12 -12
  40. package/lib/typescript/src/types/button.d.ts.map +1 -1
  41. package/lib/typescript/src/types/switch.d.ts +0 -3
  42. package/lib/typescript/src/types/switch.d.ts.map +1 -1
  43. package/lib/typescript/src/types/view.d.ts +5 -3
  44. package/lib/typescript/src/types/view.d.ts.map +1 -1
  45. package/lib/typescript/src/utils/button/const.d.ts +2 -1
  46. package/lib/typescript/src/utils/button/const.d.ts.map +1 -1
  47. package/lib/typescript/src/utils/theme/restyle.d.ts +851 -84
  48. package/lib/typescript/src/utils/theme/restyle.d.ts.map +1 -1
  49. package/package.json +19 -19
  50. package/lib/module/components/view/AnimatedBox.js +0 -8
  51. package/lib/module/components/view/AnimatedBox.js.map +0 -1
  52. package/lib/typescript/src/components/view/AnimatedBox.d.ts +0 -3107
  53. package/lib/typescript/src/components/view/AnimatedBox.d.ts.map +0 -1
package/lib/typescript/src/components/view/AnimatedBox.d.ts DELETED
@@ -1,3107 +0,0 @@
1
- declare const AnimatedBox: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<import("@shopify/restyle").BackgroundColorProps<{
2
- colors: {
3
- transparent: import("../..").Palette;
4
- themePri: import("../..").Palette;
5
- themeSec: import("../..").Palette;
6
- themePriT: import("../..").Palette;
7
- background: import("../..").Palette;
8
- backgroundOverlay: import("../..").Palette;
9
- text: import("../..").Palette;
10
- textOverlay: import("../..").Palette;
11
- textButton: import("../..").Palette;
12
- border: import("../..").Palette;
13
- separator: import("../..").Palette;
14
- err: import("../..").Palette;
15
- };
16
- spacing: {
17
- none: import("../..").Spacing;
18
- xxxs: import("../..").Spacing;
19
- xxs: import("../..").Spacing;
20
- xs: import("../..").Spacing;
21
- s: import("../..").Spacing;
22
- m: import("../..").Spacing;
23
- l: import("../..").Spacing;
24
- xl: import("../..").Spacing;
25
- xxl: import("../..").Spacing;
26
- xxxl: import("../..").Spacing;
27
- };
28
- breakpoints: {
29
- smallPhone: number;
30
- phone: number;
31
- smallTablet: number;
32
- tablet: number;
33
- desktop: number;
34
- };
35
- zIndices: {
36
- base: import("../..").ZIndex;
37
- bottom: import("../..").ZIndex;
38
- middle: import("../..").ZIndex;
39
- top: import("../..").ZIndex;
40
- };
41
- borderRadii: {
42
- none: import("../..").BorderRadius;
43
- s: import("../..").BorderRadius;
44
- m: import("../..").BorderRadius;
45
- l: import("../..").BorderRadius;
46
- round: import("../..").BorderRadius;
47
- };
48
- textVariants: {
49
- textXSBold: {
50
- fontWeight: string;
51
- fontSize: import("../..").FontSize;
52
- lineHeight: import("../..").FontLineHeight;
53
- color: string;
54
- };
55
- textSBold: {
56
- fontWeight: string;
57
- fontSize: import("../..").FontSize;
58
- lineHeight: import("../..").FontLineHeight;
59
- color: string;
60
- };
61
- textMBold: {
62
- fontWeight: string;
63
- fontSize: import("../..").FontSize;
64
- lineHeight: import("../..").FontLineHeight;
65
- color: string;
66
- };
67
- textLBold: {
68
- fontWeight: string;
69
- fontSize: import("../..").FontSize;
70
- lineHeight: import("../..").FontLineHeight;
71
- color: string;
72
- };
73
- textXLBold: {
74
- fontWeight: string;
75
- fontSize: import("../..").FontSize;
76
- lineHeight: import("../..").FontLineHeight;
77
- color: string;
78
- };
79
- defaults: {
80
- fontSize: import("../..").FontSize;
81
- lineHeight: import("../..").FontLineHeight;
82
- color: string;
83
- };
84
- textXS: {
85
- fontSize: import("../..").FontSize;
86
- lineHeight: import("../..").FontLineHeight;
87
- color: string;
88
- };
89
- textS: {
90
- fontSize: import("../..").FontSize;
91
- lineHeight: import("../..").FontLineHeight;
92
- color: string;
93
- };
94
- textM: {
95
- fontSize: import("../..").FontSize;
96
- lineHeight: import("../..").FontLineHeight;
97
- color: string;
98
- };
99
- textL: {
100
- fontSize: import("../..").FontSize;
101
- lineHeight: import("../..").FontLineHeight;
102
- color: string;
103
- };
104
- textXL: {
105
- fontSize: import("../..").FontSize;
106
- lineHeight: import("../..").FontLineHeight;
107
- color: string;
108
- };
109
- };
110
- }> & import("@shopify/restyle").OpacityProps<{
111
- colors: {
112
- transparent: import("../..").Palette;
113
- themePri: import("../..").Palette;
114
- themeSec: import("../..").Palette;
115
- themePriT: import("../..").Palette;
116
- background: import("../..").Palette;
117
- backgroundOverlay: import("../..").Palette;
118
- text: import("../..").Palette;
119
- textOverlay: import("../..").Palette;
120
- textButton: import("../..").Palette;
121
- border: import("../..").Palette;
122
- separator: import("../..").Palette;
123
- err: import("../..").Palette;
124
- };
125
- spacing: {
126
- none: import("../..").Spacing;
127
- xxxs: import("../..").Spacing;
128
- xxs: import("../..").Spacing;
129
- xs: import("../..").Spacing;
130
- s: import("../..").Spacing;
131
- m: import("../..").Spacing;
132
- l: import("../..").Spacing;
133
- xl: import("../..").Spacing;
134
- xxl: import("../..").Spacing;
135
- xxxl: import("../..").Spacing;
136
- };
137
- breakpoints: {
138
- smallPhone: number;
139
- phone: number;
140
- smallTablet: number;
141
- tablet: number;
142
- desktop: number;
143
- };
144
- zIndices: {
145
- base: import("../..").ZIndex;
146
- bottom: import("../..").ZIndex;
147
- middle: import("../..").ZIndex;
148
- top: import("../..").ZIndex;
149
- };
150
- borderRadii: {
151
- none: import("../..").BorderRadius;
152
- s: import("../..").BorderRadius;
153
- m: import("../..").BorderRadius;
154
- l: import("../..").BorderRadius;
155
- round: import("../..").BorderRadius;
156
- };
157
- textVariants: {
158
- textXSBold: {
159
- fontWeight: string;
160
- fontSize: import("../..").FontSize;
161
- lineHeight: import("../..").FontLineHeight;
162
- color: string;
163
- };
164
- textSBold: {
165
- fontWeight: string;
166
- fontSize: import("../..").FontSize;
167
- lineHeight: import("../..").FontLineHeight;
168
- color: string;
169
- };
170
- textMBold: {
171
- fontWeight: string;
172
- fontSize: import("../..").FontSize;
173
- lineHeight: import("../..").FontLineHeight;
174
- color: string;
175
- };
176
- textLBold: {
177
- fontWeight: string;
178
- fontSize: import("../..").FontSize;
179
- lineHeight: import("../..").FontLineHeight;
180
- color: string;
181
- };
182
- textXLBold: {
183
- fontWeight: string;
184
- fontSize: import("../..").FontSize;
185
- lineHeight: import("../..").FontLineHeight;
186
- color: string;
187
- };
188
- defaults: {
189
- fontSize: import("../..").FontSize;
190
- lineHeight: import("../..").FontLineHeight;
191
- color: string;
192
- };
193
- textXS: {
194
- fontSize: import("../..").FontSize;
195
- lineHeight: import("../..").FontLineHeight;
196
- color: string;
197
- };
198
- textS: {
199
- fontSize: import("../..").FontSize;
200
- lineHeight: import("../..").FontLineHeight;
201
- color: string;
202
- };
203
- textM: {
204
- fontSize: import("../..").FontSize;
205
- lineHeight: import("../..").FontLineHeight;
206
- color: string;
207
- };
208
- textL: {
209
- fontSize: import("../..").FontSize;
210
- lineHeight: import("../..").FontLineHeight;
211
- color: string;
212
- };
213
- textXL: {
214
- fontSize: import("../..").FontSize;
215
- lineHeight: import("../..").FontLineHeight;
216
- color: string;
217
- };
218
- };
219
- }> & import("@shopify/restyle").VisibleProps<{
220
- colors: {
221
- transparent: import("../..").Palette;
222
- themePri: import("../..").Palette;
223
- themeSec: import("../..").Palette;
224
- themePriT: import("../..").Palette;
225
- background: import("../..").Palette;
226
- backgroundOverlay: import("../..").Palette;
227
- text: import("../..").Palette;
228
- textOverlay: import("../..").Palette;
229
- textButton: import("../..").Palette;
230
- border: import("../..").Palette;
231
- separator: import("../..").Palette;
232
- err: import("../..").Palette;
233
- };
234
- spacing: {
235
- none: import("../..").Spacing;
236
- xxxs: import("../..").Spacing;
237
- xxs: import("../..").Spacing;
238
- xs: import("../..").Spacing;
239
- s: import("../..").Spacing;
240
- m: import("../..").Spacing;
241
- l: import("../..").Spacing;
242
- xl: import("../..").Spacing;
243
- xxl: import("../..").Spacing;
244
- xxxl: import("../..").Spacing;
245
- };
246
- breakpoints: {
247
- smallPhone: number;
248
- phone: number;
249
- smallTablet: number;
250
- tablet: number;
251
- desktop: number;
252
- };
253
- zIndices: {
254
- base: import("../..").ZIndex;
255
- bottom: import("../..").ZIndex;
256
- middle: import("../..").ZIndex;
257
- top: import("../..").ZIndex;
258
- };
259
- borderRadii: {
260
- none: import("../..").BorderRadius;
261
- s: import("../..").BorderRadius;
262
- m: import("../..").BorderRadius;
263
- l: import("../..").BorderRadius;
264
- round: import("../..").BorderRadius;
265
- };
266
- textVariants: {
267
- textXSBold: {
268
- fontWeight: string;
269
- fontSize: import("../..").FontSize;
270
- lineHeight: import("../..").FontLineHeight;
271
- color: string;
272
- };
273
- textSBold: {
274
- fontWeight: string;
275
- fontSize: import("../..").FontSize;
276
- lineHeight: import("../..").FontLineHeight;
277
- color: string;
278
- };
279
- textMBold: {
280
- fontWeight: string;
281
- fontSize: import("../..").FontSize;
282
- lineHeight: import("../..").FontLineHeight;
283
- color: string;
284
- };
285
- textLBold: {
286
- fontWeight: string;
287
- fontSize: import("../..").FontSize;
288
- lineHeight: import("../..").FontLineHeight;
289
- color: string;
290
- };
291
- textXLBold: {
292
- fontWeight: string;
293
- fontSize: import("../..").FontSize;
294
- lineHeight: import("../..").FontLineHeight;
295
- color: string;
296
- };
297
- defaults: {
298
- fontSize: import("../..").FontSize;
299
- lineHeight: import("../..").FontLineHeight;
300
- color: string;
301
- };
302
- textXS: {
303
- fontSize: import("../..").FontSize;
304
- lineHeight: import("../..").FontLineHeight;
305
- color: string;
306
- };
307
- textS: {
308
- fontSize: import("../..").FontSize;
309
- lineHeight: import("../..").FontLineHeight;
310
- color: string;
311
- };
312
- textM: {
313
- fontSize: import("../..").FontSize;
314
- lineHeight: import("../..").FontLineHeight;
315
- color: string;
316
- };
317
- textL: {
318
- fontSize: import("../..").FontSize;
319
- lineHeight: import("../..").FontLineHeight;
320
- color: string;
321
- };
322
- textXL: {
323
- fontSize: import("../..").FontSize;
324
- lineHeight: import("../..").FontLineHeight;
325
- color: string;
326
- };
327
- };
328
- }> & import("@shopify/restyle").LayoutProps<{
329
- colors: {
330
- transparent: import("../..").Palette;
331
- themePri: import("../..").Palette;
332
- themeSec: import("../..").Palette;
333
- themePriT: import("../..").Palette;
334
- background: import("../..").Palette;
335
- backgroundOverlay: import("../..").Palette;
336
- text: import("../..").Palette;
337
- textOverlay: import("../..").Palette;
338
- textButton: import("../..").Palette;
339
- border: import("../..").Palette;
340
- separator: import("../..").Palette;
341
- err: import("../..").Palette;
342
- };
343
- spacing: {
344
- none: import("../..").Spacing;
345
- xxxs: import("../..").Spacing;
346
- xxs: import("../..").Spacing;
347
- xs: import("../..").Spacing;
348
- s: import("../..").Spacing;
349
- m: import("../..").Spacing;
350
- l: import("../..").Spacing;
351
- xl: import("../..").Spacing;
352
- xxl: import("../..").Spacing;
353
- xxxl: import("../..").Spacing;
354
- };
355
- breakpoints: {
356
- smallPhone: number;
357
- phone: number;
358
- smallTablet: number;
359
- tablet: number;
360
- desktop: number;
361
- };
362
- zIndices: {
363
- base: import("../..").ZIndex;
364
- bottom: import("../..").ZIndex;
365
- middle: import("../..").ZIndex;
366
- top: import("../..").ZIndex;
367
- };
368
- borderRadii: {
369
- none: import("../..").BorderRadius;
370
- s: import("../..").BorderRadius;
371
- m: import("../..").BorderRadius;
372
- l: import("../..").BorderRadius;
373
- round: import("../..").BorderRadius;
374
- };
375
- textVariants: {
376
- textXSBold: {
377
- fontWeight: string;
378
- fontSize: import("../..").FontSize;
379
- lineHeight: import("../..").FontLineHeight;
380
- color: string;
381
- };
382
- textSBold: {
383
- fontWeight: string;
384
- fontSize: import("../..").FontSize;
385
- lineHeight: import("../..").FontLineHeight;
386
- color: string;
387
- };
388
- textMBold: {
389
- fontWeight: string;
390
- fontSize: import("../..").FontSize;
391
- lineHeight: import("../..").FontLineHeight;
392
- color: string;
393
- };
394
- textLBold: {
395
- fontWeight: string;
396
- fontSize: import("../..").FontSize;
397
- lineHeight: import("../..").FontLineHeight;
398
- color: string;
399
- };
400
- textXLBold: {
401
- fontWeight: string;
402
- fontSize: import("../..").FontSize;
403
- lineHeight: import("../..").FontLineHeight;
404
- color: string;
405
- };
406
- defaults: {
407
- fontSize: import("../..").FontSize;
408
- lineHeight: import("../..").FontLineHeight;
409
- color: string;
410
- };
411
- textXS: {
412
- fontSize: import("../..").FontSize;
413
- lineHeight: import("../..").FontLineHeight;
414
- color: string;
415
- };
416
- textS: {
417
- fontSize: import("../..").FontSize;
418
- lineHeight: import("../..").FontLineHeight;
419
- color: string;
420
- };
421
- textM: {
422
- fontSize: import("../..").FontSize;
423
- lineHeight: import("../..").FontLineHeight;
424
- color: string;
425
- };
426
- textL: {
427
- fontSize: import("../..").FontSize;
428
- lineHeight: import("../..").FontLineHeight;
429
- color: string;
430
- };
431
- textXL: {
432
- fontSize: import("../..").FontSize;
433
- lineHeight: import("../..").FontLineHeight;
434
- color: string;
435
- };
436
- };
437
- }> & import("@shopify/restyle").SpacingProps<{
438
- colors: {
439
- transparent: import("../..").Palette;
440
- themePri: import("../..").Palette;
441
- themeSec: import("../..").Palette;
442
- themePriT: import("../..").Palette;
443
- background: import("../..").Palette;
444
- backgroundOverlay: import("../..").Palette;
445
- text: import("../..").Palette;
446
- textOverlay: import("../..").Palette;
447
- textButton: import("../..").Palette;
448
- border: import("../..").Palette;
449
- separator: import("../..").Palette;
450
- err: import("../..").Palette;
451
- };
452
- spacing: {
453
- none: import("../..").Spacing;
454
- xxxs: import("../..").Spacing;
455
- xxs: import("../..").Spacing;
456
- xs: import("../..").Spacing;
457
- s: import("../..").Spacing;
458
- m: import("../..").Spacing;
459
- l: import("../..").Spacing;
460
- xl: import("../..").Spacing;
461
- xxl: import("../..").Spacing;
462
- xxxl: import("../..").Spacing;
463
- };
464
- breakpoints: {
465
- smallPhone: number;
466
- phone: number;
467
- smallTablet: number;
468
- tablet: number;
469
- desktop: number;
470
- };
471
- zIndices: {
472
- base: import("../..").ZIndex;
473
- bottom: import("../..").ZIndex;
474
- middle: import("../..").ZIndex;
475
- top: import("../..").ZIndex;
476
- };
477
- borderRadii: {
478
- none: import("../..").BorderRadius;
479
- s: import("../..").BorderRadius;
480
- m: import("../..").BorderRadius;
481
- l: import("../..").BorderRadius;
482
- round: import("../..").BorderRadius;
483
- };
484
- textVariants: {
485
- textXSBold: {
486
- fontWeight: string;
487
- fontSize: import("../..").FontSize;
488
- lineHeight: import("../..").FontLineHeight;
489
- color: string;
490
- };
491
- textSBold: {
492
- fontWeight: string;
493
- fontSize: import("../..").FontSize;
494
- lineHeight: import("../..").FontLineHeight;
495
- color: string;
496
- };
497
- textMBold: {
498
- fontWeight: string;
499
- fontSize: import("../..").FontSize;
500
- lineHeight: import("../..").FontLineHeight;
501
- color: string;
502
- };
503
- textLBold: {
504
- fontWeight: string;
505
- fontSize: import("../..").FontSize;
506
- lineHeight: import("../..").FontLineHeight;
507
- color: string;
508
- };
509
- textXLBold: {
510
- fontWeight: string;
511
- fontSize: import("../..").FontSize;
512
- lineHeight: import("../..").FontLineHeight;
513
- color: string;
514
- };
515
- defaults: {
516
- fontSize: import("../..").FontSize;
517
- lineHeight: import("../..").FontLineHeight;
518
- color: string;
519
- };
520
- textXS: {
521
- fontSize: import("../..").FontSize;
522
- lineHeight: import("../..").FontLineHeight;
523
- color: string;
524
- };
525
- textS: {
526
- fontSize: import("../..").FontSize;
527
- lineHeight: import("../..").FontLineHeight;
528
- color: string;
529
- };
530
- textM: {
531
- fontSize: import("../..").FontSize;
532
- lineHeight: import("../..").FontLineHeight;
533
- color: string;
534
- };
535
- textL: {
536
- fontSize: import("../..").FontSize;
537
- lineHeight: import("../..").FontLineHeight;
538
- color: string;
539
- };
540
- textXL: {
541
- fontSize: import("../..").FontSize;
542
- lineHeight: import("../..").FontLineHeight;
543
- color: string;
544
- };
545
- };
546
- }> & {
547
- borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
548
- smallPhone: number;
549
- phone: number;
550
- smallTablet: number;
551
- tablet: number;
552
- desktop: number;
553
- }>;
554
- borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
555
- smallPhone: number;
556
- phone: number;
557
- smallTablet: number;
558
- tablet: number;
559
- desktop: number;
560
- }>;
561
- borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
562
- smallPhone: number;
563
- phone: number;
564
- smallTablet: number;
565
- tablet: number;
566
- desktop: number;
567
- }>;
568
- borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
569
- smallPhone: number;
570
- phone: number;
571
- smallTablet: number;
572
- tablet: number;
573
- desktop: number;
574
- }>;
575
- borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
576
- smallPhone: number;
577
- phone: number;
578
- smallTablet: number;
579
- tablet: number;
580
- desktop: number;
581
- }>;
582
- borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
583
- smallPhone: number;
584
- phone: number;
585
- smallTablet: number;
586
- tablet: number;
587
- desktop: number;
588
- }>;
589
- borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
590
- smallPhone: number;
591
- phone: number;
592
- smallTablet: number;
593
- tablet: number;
594
- desktop: number;
595
- }>;
596
- borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
597
- smallPhone: number;
598
- phone: number;
599
- smallTablet: number;
600
- tablet: number;
601
- desktop: number;
602
- }>;
603
- } & {
604
- borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
605
- smallPhone: number;
606
- phone: number;
607
- smallTablet: number;
608
- tablet: number;
609
- desktop: number;
610
- }> | undefined;
611
- borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
612
- smallPhone: number;
613
- phone: number;
614
- smallTablet: number;
615
- tablet: number;
616
- desktop: number;
617
- }> | undefined;
618
- borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
619
- smallPhone: number;
620
- phone: number;
621
- smallTablet: number;
622
- tablet: number;
623
- desktop: number;
624
- }> | undefined;
625
- borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
626
- smallPhone: number;
627
- phone: number;
628
- smallTablet: number;
629
- tablet: number;
630
- desktop: number;
631
- }> | undefined;
632
- borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
633
- smallPhone: number;
634
- phone: number;
635
- smallTablet: number;
636
- tablet: number;
637
- desktop: number;
638
- }> | undefined;
639
- borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
640
- smallPhone: number;
641
- phone: number;
642
- smallTablet: number;
643
- tablet: number;
644
- desktop: number;
645
- }> | undefined;
646
- borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
647
- smallPhone: number;
648
- phone: number;
649
- smallTablet: number;
650
- tablet: number;
651
- desktop: number;
652
- }> | undefined;
653
- } & {
654
- borderRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
655
- smallPhone: number;
656
- phone: number;
657
- smallTablet: number;
658
- tablet: number;
659
- desktop: number;
660
- }> | undefined;
661
- borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
662
- smallPhone: number;
663
- phone: number;
664
- smallTablet: number;
665
- tablet: number;
666
- desktop: number;
667
- }> | undefined;
668
- borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
669
- smallPhone: number;
670
- phone: number;
671
- smallTablet: number;
672
- tablet: number;
673
- desktop: number;
674
- }> | undefined;
675
- borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
676
- smallPhone: number;
677
- phone: number;
678
- smallTablet: number;
679
- tablet: number;
680
- desktop: number;
681
- }> | undefined;
682
- borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
683
- smallPhone: number;
684
- phone: number;
685
- smallTablet: number;
686
- tablet: number;
687
- desktop: number;
688
- }> | undefined;
689
- borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
690
- smallPhone: number;
691
- phone: number;
692
- smallTablet: number;
693
- tablet: number;
694
- desktop: number;
695
- }> | undefined;
696
- borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
697
- smallPhone: number;
698
- phone: number;
699
- smallTablet: number;
700
- tablet: number;
701
- desktop: number;
702
- }> | undefined;
703
- borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
704
- smallPhone: number;
705
- phone: number;
706
- smallTablet: number;
707
- tablet: number;
708
- desktop: number;
709
- }> | undefined;
710
- borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
711
- smallPhone: number;
712
- phone: number;
713
- smallTablet: number;
714
- tablet: number;
715
- desktop: number;
716
- }> | undefined;
717
- } & {
718
- shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
719
- smallPhone: number;
720
- phone: number;
721
- smallTablet: number;
722
- tablet: number;
723
- desktop: number;
724
- }>;
725
- shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
726
- width: number;
727
- height: number;
728
- }> | undefined, {
729
- smallPhone: number;
730
- phone: number;
731
- smallTablet: number;
732
- tablet: number;
733
- desktop: number;
734
- }>;
735
- shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
736
- smallPhone: number;
737
- phone: number;
738
- smallTablet: number;
739
- tablet: number;
740
- desktop: number;
741
- }>;
742
- elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
743
- smallPhone: number;
744
- phone: number;
745
- smallTablet: number;
746
- tablet: number;
747
- desktop: number;
748
- }>;
749
- } & {
750
- shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
751
- smallPhone: number;
752
- phone: number;
753
- smallTablet: number;
754
- tablet: number;
755
- desktop: number;
756
- }> | undefined;
757
- } & {
758
- position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
759
- smallPhone: number;
760
- phone: number;
761
- smallTablet: number;
762
- tablet: number;
763
- desktop: number;
764
- }>;
765
- top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
766
- smallPhone: number;
767
- phone: number;
768
- smallTablet: number;
769
- tablet: number;
770
- desktop: number;
771
- }>;
772
- right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
773
- smallPhone: number;
774
- phone: number;
775
- smallTablet: number;
776
- tablet: number;
777
- desktop: number;
778
- }>;
779
- bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
780
- smallPhone: number;
781
- phone: number;
782
- smallTablet: number;
783
- tablet: number;
784
- desktop: number;
785
- }>;
786
- left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
787
- smallPhone: number;
788
- phone: number;
789
- smallTablet: number;
790
- tablet: number;
791
- desktop: number;
792
- }>;
793
- start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
794
- smallPhone: number;
795
- phone: number;
796
- smallTablet: number;
797
- tablet: number;
798
- desktop: number;
799
- }>;
800
- end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
801
- smallPhone: number;
802
- phone: number;
803
- smallTablet: number;
804
- tablet: number;
805
- desktop: number;
806
- }>;
807
- } & {
808
- zIndex?: import("@shopify/restyle").ResponsiveValue<"base" | "bottom" | "middle" | "top", {
809
- smallPhone: number;
810
- phone: number;
811
- smallTablet: number;
812
- tablet: number;
813
- desktop: number;
814
- }> | undefined;
815
- } & import("@shopify/restyle").SpacingShorthandProps<{
816
- colors: {
817
- transparent: import("../..").Palette;
818
- themePri: import("../..").Palette;
819
- themeSec: import("../..").Palette;
820
- themePriT: import("../..").Palette;
821
- background: import("../..").Palette;
822
- backgroundOverlay: import("../..").Palette;
823
- text: import("../..").Palette;
824
- textOverlay: import("../..").Palette;
825
- textButton: import("../..").Palette;
826
- border: import("../..").Palette;
827
- separator: import("../..").Palette;
828
- err: import("../..").Palette;
829
- };
830
- spacing: {
831
- none: import("../..").Spacing;
832
- xxxs: import("../..").Spacing;
833
- xxs: import("../..").Spacing;
834
- xs: import("../..").Spacing;
835
- s: import("../..").Spacing;
836
- m: import("../..").Spacing;
837
- l: import("../..").Spacing;
838
- xl: import("../..").Spacing;
839
- xxl: import("../..").Spacing;
840
- xxxl: import("../..").Spacing;
841
- };
842
- breakpoints: {
843
- smallPhone: number;
844
- phone: number;
845
- smallTablet: number;
846
- tablet: number;
847
- desktop: number;
848
- };
849
- zIndices: {
850
- base: import("../..").ZIndex;
851
- bottom: import("../..").ZIndex;
852
- middle: import("../..").ZIndex;
853
- top: import("../..").ZIndex;
854
- };
855
- borderRadii: {
856
- none: import("../..").BorderRadius;
857
- s: import("../..").BorderRadius;
858
- m: import("../..").BorderRadius;
859
- l: import("../..").BorderRadius;
860
- round: import("../..").BorderRadius;
861
- };
862
- textVariants: {
863
- textXSBold: {
864
- fontWeight: string;
865
- fontSize: import("../..").FontSize;
866
- lineHeight: import("../..").FontLineHeight;
867
- color: string;
868
- };
869
- textSBold: {
870
- fontWeight: string;
871
- fontSize: import("../..").FontSize;
872
- lineHeight: import("../..").FontLineHeight;
873
- color: string;
874
- };
875
- textMBold: {
876
- fontWeight: string;
877
- fontSize: import("../..").FontSize;
878
- lineHeight: import("../..").FontLineHeight;
879
- color: string;
880
- };
881
- textLBold: {
882
- fontWeight: string;
883
- fontSize: import("../..").FontSize;
884
- lineHeight: import("../..").FontLineHeight;
885
- color: string;
886
- };
887
- textXLBold: {
888
- fontWeight: string;
889
- fontSize: import("../..").FontSize;
890
- lineHeight: import("../..").FontLineHeight;
891
- color: string;
892
- };
893
- defaults: {
894
- fontSize: import("../..").FontSize;
895
- lineHeight: import("../..").FontLineHeight;
896
- color: string;
897
- };
898
- textXS: {
899
- fontSize: import("../..").FontSize;
900
- lineHeight: import("../..").FontLineHeight;
901
- color: string;
902
- };
903
- textS: {
904
- fontSize: import("../..").FontSize;
905
- lineHeight: import("../..").FontLineHeight;
906
- color: string;
907
- };
908
- textM: {
909
- fontSize: import("../..").FontSize;
910
- lineHeight: import("../..").FontLineHeight;
911
- color: string;
912
- };
913
- textL: {
914
- fontSize: import("../..").FontSize;
915
- lineHeight: import("../..").FontLineHeight;
916
- color: string;
917
- };
918
- textXL: {
919
- fontSize: import("../..").FontSize;
920
- lineHeight: import("../..").FontLineHeight;
921
- color: string;
922
- };
923
- };
924
- }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
925
- colors: {
926
- transparent: import("../..").Palette;
927
- themePri: import("../..").Palette;
928
- themeSec: import("../..").Palette;
929
- themePriT: import("../..").Palette;
930
- background: import("../..").Palette;
931
- backgroundOverlay: import("../..").Palette;
932
- text: import("../..").Palette;
933
- textOverlay: import("../..").Palette;
934
- textButton: import("../..").Palette;
935
- border: import("../..").Palette;
936
- separator: import("../..").Palette;
937
- err: import("../..").Palette;
938
- };
939
- spacing: {
940
- none: import("../..").Spacing;
941
- xxxs: import("../..").Spacing;
942
- xxs: import("../..").Spacing;
943
- xs: import("../..").Spacing;
944
- s: import("../..").Spacing;
945
- m: import("../..").Spacing;
946
- l: import("../..").Spacing;
947
- xl: import("../..").Spacing;
948
- xxl: import("../..").Spacing;
949
- xxxl: import("../..").Spacing;
950
- };
951
- breakpoints: {
952
- smallPhone: number;
953
- phone: number;
954
- smallTablet: number;
955
- tablet: number;
956
- desktop: number;
957
- };
958
- zIndices: {
959
- base: import("../..").ZIndex;
960
- bottom: import("../..").ZIndex;
961
- middle: import("../..").ZIndex;
962
- top: import("../..").ZIndex;
963
- };
964
- borderRadii: {
965
- none: import("../..").BorderRadius;
966
- s: import("../..").BorderRadius;
967
- m: import("../..").BorderRadius;
968
- l: import("../..").BorderRadius;
969
- round: import("../..").BorderRadius;
970
- };
971
- textVariants: {
972
- textXSBold: {
973
- fontWeight: string;
974
- fontSize: import("../..").FontSize;
975
- lineHeight: import("../..").FontLineHeight;
976
- color: string;
977
- };
978
- textSBold: {
979
- fontWeight: string;
980
- fontSize: import("../..").FontSize;
981
- lineHeight: import("../..").FontLineHeight;
982
- color: string;
983
- };
984
- textMBold: {
985
- fontWeight: string;
986
- fontSize: import("../..").FontSize;
987
- lineHeight: import("../..").FontLineHeight;
988
- color: string;
989
- };
990
- textLBold: {
991
- fontWeight: string;
992
- fontSize: import("../..").FontSize;
993
- lineHeight: import("../..").FontLineHeight;
994
- color: string;
995
- };
996
- textXLBold: {
997
- fontWeight: string;
998
- fontSize: import("../..").FontSize;
999
- lineHeight: import("../..").FontLineHeight;
1000
- color: string;
1001
- };
1002
- defaults: {
1003
- fontSize: import("../..").FontSize;
1004
- lineHeight: import("../..").FontLineHeight;
1005
- color: string;
1006
- };
1007
- textXS: {
1008
- fontSize: import("../..").FontSize;
1009
- lineHeight: import("../..").FontLineHeight;
1010
- color: string;
1011
- };
1012
- textS: {
1013
- fontSize: import("../..").FontSize;
1014
- lineHeight: import("../..").FontLineHeight;
1015
- color: string;
1016
- };
1017
- textM: {
1018
- fontSize: import("../..").FontSize;
1019
- lineHeight: import("../..").FontLineHeight;
1020
- color: string;
1021
- };
1022
- textL: {
1023
- fontSize: import("../..").FontSize;
1024
- lineHeight: import("../..").FontLineHeight;
1025
- color: string;
1026
- };
1027
- textXL: {
1028
- fontSize: import("../..").FontSize;
1029
- lineHeight: import("../..").FontLineHeight;
1030
- color: string;
1031
- };
1032
- };
1033
- }> & Omit<import("react-native").ViewProps & {
1034
- children?: React.ReactNode;
1035
- }, "m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor"> & import("react").RefAttributes<unknown>>, import("react").ForwardRefExoticComponent<import("@shopify/restyle").BackgroundColorProps<{
1036
- colors: {
1037
- transparent: import("../..").Palette;
1038
- themePri: import("../..").Palette;
1039
- themeSec: import("../..").Palette;
1040
- themePriT: import("../..").Palette;
1041
- background: import("../..").Palette;
1042
- backgroundOverlay: import("../..").Palette;
1043
- text: import("../..").Palette;
1044
- textOverlay: import("../..").Palette;
1045
- textButton: import("../..").Palette;
1046
- border: import("../..").Palette;
1047
- separator: import("../..").Palette;
1048
- err: import("../..").Palette;
1049
- };
1050
- spacing: {
1051
- none: import("../..").Spacing;
1052
- xxxs: import("../..").Spacing;
1053
- xxs: import("../..").Spacing;
1054
- xs: import("../..").Spacing;
1055
- s: import("../..").Spacing;
1056
- m: import("../..").Spacing;
1057
- l: import("../..").Spacing;
1058
- xl: import("../..").Spacing;
1059
- xxl: import("../..").Spacing;
1060
- xxxl: import("../..").Spacing;
1061
- };
1062
- breakpoints: {
1063
- smallPhone: number;
1064
- phone: number;
1065
- smallTablet: number;
1066
- tablet: number;
1067
- desktop: number;
1068
- };
1069
- zIndices: {
1070
- base: import("../..").ZIndex;
1071
- bottom: import("../..").ZIndex;
1072
- middle: import("../..").ZIndex;
1073
- top: import("../..").ZIndex;
1074
- };
1075
- borderRadii: {
1076
- none: import("../..").BorderRadius;
1077
- s: import("../..").BorderRadius;
1078
- m: import("../..").BorderRadius;
1079
- l: import("../..").BorderRadius;
1080
- round: import("../..").BorderRadius;
1081
- };
1082
- textVariants: {
1083
- textXSBold: {
1084
- fontWeight: string;
1085
- fontSize: import("../..").FontSize;
1086
- lineHeight: import("../..").FontLineHeight;
1087
- color: string;
1088
- };
1089
- textSBold: {
1090
- fontWeight: string;
1091
- fontSize: import("../..").FontSize;
1092
- lineHeight: import("../..").FontLineHeight;
1093
- color: string;
1094
- };
1095
- textMBold: {
1096
- fontWeight: string;
1097
- fontSize: import("../..").FontSize;
1098
- lineHeight: import("../..").FontLineHeight;
1099
- color: string;
1100
- };
1101
- textLBold: {
1102
- fontWeight: string;
1103
- fontSize: import("../..").FontSize;
1104
- lineHeight: import("../..").FontLineHeight;
1105
- color: string;
1106
- };
1107
- textXLBold: {
1108
- fontWeight: string;
1109
- fontSize: import("../..").FontSize;
1110
- lineHeight: import("../..").FontLineHeight;
1111
- color: string;
1112
- };
1113
- defaults: {
1114
- fontSize: import("../..").FontSize;
1115
- lineHeight: import("../..").FontLineHeight;
1116
- color: string;
1117
- };
1118
- textXS: {
1119
- fontSize: import("../..").FontSize;
1120
- lineHeight: import("../..").FontLineHeight;
1121
- color: string;
1122
- };
1123
- textS: {
1124
- fontSize: import("../..").FontSize;
1125
- lineHeight: import("../..").FontLineHeight;
1126
- color: string;
1127
- };
1128
- textM: {
1129
- fontSize: import("../..").FontSize;
1130
- lineHeight: import("../..").FontLineHeight;
1131
- color: string;
1132
- };
1133
- textL: {
1134
- fontSize: import("../..").FontSize;
1135
- lineHeight: import("../..").FontLineHeight;
1136
- color: string;
1137
- };
1138
- textXL: {
1139
- fontSize: import("../..").FontSize;
1140
- lineHeight: import("../..").FontLineHeight;
1141
- color: string;
1142
- };
1143
- };
1144
- }> & import("@shopify/restyle").OpacityProps<{
1145
- colors: {
1146
- transparent: import("../..").Palette;
1147
- themePri: import("../..").Palette;
1148
- themeSec: import("../..").Palette;
1149
- themePriT: import("../..").Palette;
1150
- background: import("../..").Palette;
1151
- backgroundOverlay: import("../..").Palette;
1152
- text: import("../..").Palette;
1153
- textOverlay: import("../..").Palette;
1154
- textButton: import("../..").Palette;
1155
- border: import("../..").Palette;
1156
- separator: import("../..").Palette;
1157
- err: import("../..").Palette;
1158
- };
1159
- spacing: {
1160
- none: import("../..").Spacing;
1161
- xxxs: import("../..").Spacing;
1162
- xxs: import("../..").Spacing;
1163
- xs: import("../..").Spacing;
1164
- s: import("../..").Spacing;
1165
- m: import("../..").Spacing;
1166
- l: import("../..").Spacing;
1167
- xl: import("../..").Spacing;
1168
- xxl: import("../..").Spacing;
1169
- xxxl: import("../..").Spacing;
1170
- };
1171
- breakpoints: {
1172
- smallPhone: number;
1173
- phone: number;
1174
- smallTablet: number;
1175
- tablet: number;
1176
- desktop: number;
1177
- };
1178
- zIndices: {
1179
- base: import("../..").ZIndex;
1180
- bottom: import("../..").ZIndex;
1181
- middle: import("../..").ZIndex;
1182
- top: import("../..").ZIndex;
1183
- };
1184
- borderRadii: {
1185
- none: import("../..").BorderRadius;
1186
- s: import("../..").BorderRadius;
1187
- m: import("../..").BorderRadius;
1188
- l: import("../..").BorderRadius;
1189
- round: import("../..").BorderRadius;
1190
- };
1191
- textVariants: {
1192
- textXSBold: {
1193
- fontWeight: string;
1194
- fontSize: import("../..").FontSize;
1195
- lineHeight: import("../..").FontLineHeight;
1196
- color: string;
1197
- };
1198
- textSBold: {
1199
- fontWeight: string;
1200
- fontSize: import("../..").FontSize;
1201
- lineHeight: import("../..").FontLineHeight;
1202
- color: string;
1203
- };
1204
- textMBold: {
1205
- fontWeight: string;
1206
- fontSize: import("../..").FontSize;
1207
- lineHeight: import("../..").FontLineHeight;
1208
- color: string;
1209
- };
1210
- textLBold: {
1211
- fontWeight: string;
1212
- fontSize: import("../..").FontSize;
1213
- lineHeight: import("../..").FontLineHeight;
1214
- color: string;
1215
- };
1216
- textXLBold: {
1217
- fontWeight: string;
1218
- fontSize: import("../..").FontSize;
1219
- lineHeight: import("../..").FontLineHeight;
1220
- color: string;
1221
- };
1222
- defaults: {
1223
- fontSize: import("../..").FontSize;
1224
- lineHeight: import("../..").FontLineHeight;
1225
- color: string;
1226
- };
1227
- textXS: {
1228
- fontSize: import("../..").FontSize;
1229
- lineHeight: import("../..").FontLineHeight;
1230
- color: string;
1231
- };
1232
- textS: {
1233
- fontSize: import("../..").FontSize;
1234
- lineHeight: import("../..").FontLineHeight;
1235
- color: string;
1236
- };
1237
- textM: {
1238
- fontSize: import("../..").FontSize;
1239
- lineHeight: import("../..").FontLineHeight;
1240
- color: string;
1241
- };
1242
- textL: {
1243
- fontSize: import("../..").FontSize;
1244
- lineHeight: import("../..").FontLineHeight;
1245
- color: string;
1246
- };
1247
- textXL: {
1248
- fontSize: import("../..").FontSize;
1249
- lineHeight: import("../..").FontLineHeight;
1250
- color: string;
1251
- };
1252
- };
1253
- }> & import("@shopify/restyle").VisibleProps<{
1254
- colors: {
1255
- transparent: import("../..").Palette;
1256
- themePri: import("../..").Palette;
1257
- themeSec: import("../..").Palette;
1258
- themePriT: import("../..").Palette;
1259
- background: import("../..").Palette;
1260
- backgroundOverlay: import("../..").Palette;
1261
- text: import("../..").Palette;
1262
- textOverlay: import("../..").Palette;
1263
- textButton: import("../..").Palette;
1264
- border: import("../..").Palette;
1265
- separator: import("../..").Palette;
1266
- err: import("../..").Palette;
1267
- };
1268
- spacing: {
1269
- none: import("../..").Spacing;
1270
- xxxs: import("../..").Spacing;
1271
- xxs: import("../..").Spacing;
1272
- xs: import("../..").Spacing;
1273
- s: import("../..").Spacing;
1274
- m: import("../..").Spacing;
1275
- l: import("../..").Spacing;
1276
- xl: import("../..").Spacing;
1277
- xxl: import("../..").Spacing;
1278
- xxxl: import("../..").Spacing;
1279
- };
1280
- breakpoints: {
1281
- smallPhone: number;
1282
- phone: number;
1283
- smallTablet: number;
1284
- tablet: number;
1285
- desktop: number;
1286
- };
1287
- zIndices: {
1288
- base: import("../..").ZIndex;
1289
- bottom: import("../..").ZIndex;
1290
- middle: import("../..").ZIndex;
1291
- top: import("../..").ZIndex;
1292
- };
1293
- borderRadii: {
1294
- none: import("../..").BorderRadius;
1295
- s: import("../..").BorderRadius;
1296
- m: import("../..").BorderRadius;
1297
- l: import("../..").BorderRadius;
1298
- round: import("../..").BorderRadius;
1299
- };
1300
- textVariants: {
1301
- textXSBold: {
1302
- fontWeight: string;
1303
- fontSize: import("../..").FontSize;
1304
- lineHeight: import("../..").FontLineHeight;
1305
- color: string;
1306
- };
1307
- textSBold: {
1308
- fontWeight: string;
1309
- fontSize: import("../..").FontSize;
1310
- lineHeight: import("../..").FontLineHeight;
1311
- color: string;
1312
- };
1313
- textMBold: {
1314
- fontWeight: string;
1315
- fontSize: import("../..").FontSize;
1316
- lineHeight: import("../..").FontLineHeight;
1317
- color: string;
1318
- };
1319
- textLBold: {
1320
- fontWeight: string;
1321
- fontSize: import("../..").FontSize;
1322
- lineHeight: import("../..").FontLineHeight;
1323
- color: string;
1324
- };
1325
- textXLBold: {
1326
- fontWeight: string;
1327
- fontSize: import("../..").FontSize;
1328
- lineHeight: import("../..").FontLineHeight;
1329
- color: string;
1330
- };
1331
- defaults: {
1332
- fontSize: import("../..").FontSize;
1333
- lineHeight: import("../..").FontLineHeight;
1334
- color: string;
1335
- };
1336
- textXS: {
1337
- fontSize: import("../..").FontSize;
1338
- lineHeight: import("../..").FontLineHeight;
1339
- color: string;
1340
- };
1341
- textS: {
1342
- fontSize: import("../..").FontSize;
1343
- lineHeight: import("../..").FontLineHeight;
1344
- color: string;
1345
- };
1346
- textM: {
1347
- fontSize: import("../..").FontSize;
1348
- lineHeight: import("../..").FontLineHeight;
1349
- color: string;
1350
- };
1351
- textL: {
1352
- fontSize: import("../..").FontSize;
1353
- lineHeight: import("../..").FontLineHeight;
1354
- color: string;
1355
- };
1356
- textXL: {
1357
- fontSize: import("../..").FontSize;
1358
- lineHeight: import("../..").FontLineHeight;
1359
- color: string;
1360
- };
1361
- };
1362
- }> & import("@shopify/restyle").LayoutProps<{
1363
- colors: {
1364
- transparent: import("../..").Palette;
1365
- themePri: import("../..").Palette;
1366
- themeSec: import("../..").Palette;
1367
- themePriT: import("../..").Palette;
1368
- background: import("../..").Palette;
1369
- backgroundOverlay: import("../..").Palette;
1370
- text: import("../..").Palette;
1371
- textOverlay: import("../..").Palette;
1372
- textButton: import("../..").Palette;
1373
- border: import("../..").Palette;
1374
- separator: import("../..").Palette;
1375
- err: import("../..").Palette;
1376
- };
1377
- spacing: {
1378
- none: import("../..").Spacing;
1379
- xxxs: import("../..").Spacing;
1380
- xxs: import("../..").Spacing;
1381
- xs: import("../..").Spacing;
1382
- s: import("../..").Spacing;
1383
- m: import("../..").Spacing;
1384
- l: import("../..").Spacing;
1385
- xl: import("../..").Spacing;
1386
- xxl: import("../..").Spacing;
1387
- xxxl: import("../..").Spacing;
1388
- };
1389
- breakpoints: {
1390
- smallPhone: number;
1391
- phone: number;
1392
- smallTablet: number;
1393
- tablet: number;
1394
- desktop: number;
1395
- };
1396
- zIndices: {
1397
- base: import("../..").ZIndex;
1398
- bottom: import("../..").ZIndex;
1399
- middle: import("../..").ZIndex;
1400
- top: import("../..").ZIndex;
1401
- };
1402
- borderRadii: {
1403
- none: import("../..").BorderRadius;
1404
- s: import("../..").BorderRadius;
1405
- m: import("../..").BorderRadius;
1406
- l: import("../..").BorderRadius;
1407
- round: import("../..").BorderRadius;
1408
- };
1409
- textVariants: {
1410
- textXSBold: {
1411
- fontWeight: string;
1412
- fontSize: import("../..").FontSize;
1413
- lineHeight: import("../..").FontLineHeight;
1414
- color: string;
1415
- };
1416
- textSBold: {
1417
- fontWeight: string;
1418
- fontSize: import("../..").FontSize;
1419
- lineHeight: import("../..").FontLineHeight;
1420
- color: string;
1421
- };
1422
- textMBold: {
1423
- fontWeight: string;
1424
- fontSize: import("../..").FontSize;
1425
- lineHeight: import("../..").FontLineHeight;
1426
- color: string;
1427
- };
1428
- textLBold: {
1429
- fontWeight: string;
1430
- fontSize: import("../..").FontSize;
1431
- lineHeight: import("../..").FontLineHeight;
1432
- color: string;
1433
- };
1434
- textXLBold: {
1435
- fontWeight: string;
1436
- fontSize: import("../..").FontSize;
1437
- lineHeight: import("../..").FontLineHeight;
1438
- color: string;
1439
- };
1440
- defaults: {
1441
- fontSize: import("../..").FontSize;
1442
- lineHeight: import("../..").FontLineHeight;
1443
- color: string;
1444
- };
1445
- textXS: {
1446
- fontSize: import("../..").FontSize;
1447
- lineHeight: import("../..").FontLineHeight;
1448
- color: string;
1449
- };
1450
- textS: {
1451
- fontSize: import("../..").FontSize;
1452
- lineHeight: import("../..").FontLineHeight;
1453
- color: string;
1454
- };
1455
- textM: {
1456
- fontSize: import("../..").FontSize;
1457
- lineHeight: import("../..").FontLineHeight;
1458
- color: string;
1459
- };
1460
- textL: {
1461
- fontSize: import("../..").FontSize;
1462
- lineHeight: import("../..").FontLineHeight;
1463
- color: string;
1464
- };
1465
- textXL: {
1466
- fontSize: import("../..").FontSize;
1467
- lineHeight: import("../..").FontLineHeight;
1468
- color: string;
1469
- };
1470
- };
1471
- }> & import("@shopify/restyle").SpacingProps<{
1472
- colors: {
1473
- transparent: import("../..").Palette;
1474
- themePri: import("../..").Palette;
1475
- themeSec: import("../..").Palette;
1476
- themePriT: import("../..").Palette;
1477
- background: import("../..").Palette;
1478
- backgroundOverlay: import("../..").Palette;
1479
- text: import("../..").Palette;
1480
- textOverlay: import("../..").Palette;
1481
- textButton: import("../..").Palette;
1482
- border: import("../..").Palette;
1483
- separator: import("../..").Palette;
1484
- err: import("../..").Palette;
1485
- };
1486
- spacing: {
1487
- none: import("../..").Spacing;
1488
- xxxs: import("../..").Spacing;
1489
- xxs: import("../..").Spacing;
1490
- xs: import("../..").Spacing;
1491
- s: import("../..").Spacing;
1492
- m: import("../..").Spacing;
1493
- l: import("../..").Spacing;
1494
- xl: import("../..").Spacing;
1495
- xxl: import("../..").Spacing;
1496
- xxxl: import("../..").Spacing;
1497
- };
1498
- breakpoints: {
1499
- smallPhone: number;
1500
- phone: number;
1501
- smallTablet: number;
1502
- tablet: number;
1503
- desktop: number;
1504
- };
1505
- zIndices: {
1506
- base: import("../..").ZIndex;
1507
- bottom: import("../..").ZIndex;
1508
- middle: import("../..").ZIndex;
1509
- top: import("../..").ZIndex;
1510
- };
1511
- borderRadii: {
1512
- none: import("../..").BorderRadius;
1513
- s: import("../..").BorderRadius;
1514
- m: import("../..").BorderRadius;
1515
- l: import("../..").BorderRadius;
1516
- round: import("../..").BorderRadius;
1517
- };
1518
- textVariants: {
1519
- textXSBold: {
1520
- fontWeight: string;
1521
- fontSize: import("../..").FontSize;
1522
- lineHeight: import("../..").FontLineHeight;
1523
- color: string;
1524
- };
1525
- textSBold: {
1526
- fontWeight: string;
1527
- fontSize: import("../..").FontSize;
1528
- lineHeight: import("../..").FontLineHeight;
1529
- color: string;
1530
- };
1531
- textMBold: {
1532
- fontWeight: string;
1533
- fontSize: import("../..").FontSize;
1534
- lineHeight: import("../..").FontLineHeight;
1535
- color: string;
1536
- };
1537
- textLBold: {
1538
- fontWeight: string;
1539
- fontSize: import("../..").FontSize;
1540
- lineHeight: import("../..").FontLineHeight;
1541
- color: string;
1542
- };
1543
- textXLBold: {
1544
- fontWeight: string;
1545
- fontSize: import("../..").FontSize;
1546
- lineHeight: import("../..").FontLineHeight;
1547
- color: string;
1548
- };
1549
- defaults: {
1550
- fontSize: import("../..").FontSize;
1551
- lineHeight: import("../..").FontLineHeight;
1552
- color: string;
1553
- };
1554
- textXS: {
1555
- fontSize: import("../..").FontSize;
1556
- lineHeight: import("../..").FontLineHeight;
1557
- color: string;
1558
- };
1559
- textS: {
1560
- fontSize: import("../..").FontSize;
1561
- lineHeight: import("../..").FontLineHeight;
1562
- color: string;
1563
- };
1564
- textM: {
1565
- fontSize: import("../..").FontSize;
1566
- lineHeight: import("../..").FontLineHeight;
1567
- color: string;
1568
- };
1569
- textL: {
1570
- fontSize: import("../..").FontSize;
1571
- lineHeight: import("../..").FontLineHeight;
1572
- color: string;
1573
- };
1574
- textXL: {
1575
- fontSize: import("../..").FontSize;
1576
- lineHeight: import("../..").FontLineHeight;
1577
- color: string;
1578
- };
1579
- };
1580
- }> & {
1581
- borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1582
- smallPhone: number;
1583
- phone: number;
1584
- smallTablet: number;
1585
- tablet: number;
1586
- desktop: number;
1587
- }>;
1588
- borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1589
- smallPhone: number;
1590
- phone: number;
1591
- smallTablet: number;
1592
- tablet: number;
1593
- desktop: number;
1594
- }>;
1595
- borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1596
- smallPhone: number;
1597
- phone: number;
1598
- smallTablet: number;
1599
- tablet: number;
1600
- desktop: number;
1601
- }>;
1602
- borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
1603
- smallPhone: number;
1604
- phone: number;
1605
- smallTablet: number;
1606
- tablet: number;
1607
- desktop: number;
1608
- }>;
1609
- borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1610
- smallPhone: number;
1611
- phone: number;
1612
- smallTablet: number;
1613
- tablet: number;
1614
- desktop: number;
1615
- }>;
1616
- borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1617
- smallPhone: number;
1618
- phone: number;
1619
- smallTablet: number;
1620
- tablet: number;
1621
- desktop: number;
1622
- }>;
1623
- borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1624
- smallPhone: number;
1625
- phone: number;
1626
- smallTablet: number;
1627
- tablet: number;
1628
- desktop: number;
1629
- }>;
1630
- borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1631
- smallPhone: number;
1632
- phone: number;
1633
- smallTablet: number;
1634
- tablet: number;
1635
- desktop: number;
1636
- }>;
1637
- } & {
1638
- borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1639
- smallPhone: number;
1640
- phone: number;
1641
- smallTablet: number;
1642
- tablet: number;
1643
- desktop: number;
1644
- }> | undefined;
1645
- borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1646
- smallPhone: number;
1647
- phone: number;
1648
- smallTablet: number;
1649
- tablet: number;
1650
- desktop: number;
1651
- }> | undefined;
1652
- borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1653
- smallPhone: number;
1654
- phone: number;
1655
- smallTablet: number;
1656
- tablet: number;
1657
- desktop: number;
1658
- }> | undefined;
1659
- borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1660
- smallPhone: number;
1661
- phone: number;
1662
- smallTablet: number;
1663
- tablet: number;
1664
- desktop: number;
1665
- }> | undefined;
1666
- borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1667
- smallPhone: number;
1668
- phone: number;
1669
- smallTablet: number;
1670
- tablet: number;
1671
- desktop: number;
1672
- }> | undefined;
1673
- borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1674
- smallPhone: number;
1675
- phone: number;
1676
- smallTablet: number;
1677
- tablet: number;
1678
- desktop: number;
1679
- }> | undefined;
1680
- borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1681
- smallPhone: number;
1682
- phone: number;
1683
- smallTablet: number;
1684
- tablet: number;
1685
- desktop: number;
1686
- }> | undefined;
1687
- } & {
1688
- borderRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1689
- smallPhone: number;
1690
- phone: number;
1691
- smallTablet: number;
1692
- tablet: number;
1693
- desktop: number;
1694
- }> | undefined;
1695
- borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1696
- smallPhone: number;
1697
- phone: number;
1698
- smallTablet: number;
1699
- tablet: number;
1700
- desktop: number;
1701
- }> | undefined;
1702
- borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1703
- smallPhone: number;
1704
- phone: number;
1705
- smallTablet: number;
1706
- tablet: number;
1707
- desktop: number;
1708
- }> | undefined;
1709
- borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1710
- smallPhone: number;
1711
- phone: number;
1712
- smallTablet: number;
1713
- tablet: number;
1714
- desktop: number;
1715
- }> | undefined;
1716
- borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1717
- smallPhone: number;
1718
- phone: number;
1719
- smallTablet: number;
1720
- tablet: number;
1721
- desktop: number;
1722
- }> | undefined;
1723
- borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1724
- smallPhone: number;
1725
- phone: number;
1726
- smallTablet: number;
1727
- tablet: number;
1728
- desktop: number;
1729
- }> | undefined;
1730
- borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1731
- smallPhone: number;
1732
- phone: number;
1733
- smallTablet: number;
1734
- tablet: number;
1735
- desktop: number;
1736
- }> | undefined;
1737
- borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1738
- smallPhone: number;
1739
- phone: number;
1740
- smallTablet: number;
1741
- tablet: number;
1742
- desktop: number;
1743
- }> | undefined;
1744
- borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
1745
- smallPhone: number;
1746
- phone: number;
1747
- smallTablet: number;
1748
- tablet: number;
1749
- desktop: number;
1750
- }> | undefined;
1751
- } & {
1752
- shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
1753
- smallPhone: number;
1754
- phone: number;
1755
- smallTablet: number;
1756
- tablet: number;
1757
- desktop: number;
1758
- }>;
1759
- shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
1760
- width: number;
1761
- height: number;
1762
- }> | undefined, {
1763
- smallPhone: number;
1764
- phone: number;
1765
- smallTablet: number;
1766
- tablet: number;
1767
- desktop: number;
1768
- }>;
1769
- shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1770
- smallPhone: number;
1771
- phone: number;
1772
- smallTablet: number;
1773
- tablet: number;
1774
- desktop: number;
1775
- }>;
1776
- elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1777
- smallPhone: number;
1778
- phone: number;
1779
- smallTablet: number;
1780
- tablet: number;
1781
- desktop: number;
1782
- }>;
1783
- } & {
1784
- shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1785
- smallPhone: number;
1786
- phone: number;
1787
- smallTablet: number;
1788
- tablet: number;
1789
- desktop: number;
1790
- }> | undefined;
1791
- } & {
1792
- position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
1793
- smallPhone: number;
1794
- phone: number;
1795
- smallTablet: number;
1796
- tablet: number;
1797
- desktop: number;
1798
- }>;
1799
- top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1800
- smallPhone: number;
1801
- phone: number;
1802
- smallTablet: number;
1803
- tablet: number;
1804
- desktop: number;
1805
- }>;
1806
- right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1807
- smallPhone: number;
1808
- phone: number;
1809
- smallTablet: number;
1810
- tablet: number;
1811
- desktop: number;
1812
- }>;
1813
- bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1814
- smallPhone: number;
1815
- phone: number;
1816
- smallTablet: number;
1817
- tablet: number;
1818
- desktop: number;
1819
- }>;
1820
- left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1821
- smallPhone: number;
1822
- phone: number;
1823
- smallTablet: number;
1824
- tablet: number;
1825
- desktop: number;
1826
- }>;
1827
- start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1828
- smallPhone: number;
1829
- phone: number;
1830
- smallTablet: number;
1831
- tablet: number;
1832
- desktop: number;
1833
- }>;
1834
- end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1835
- smallPhone: number;
1836
- phone: number;
1837
- smallTablet: number;
1838
- tablet: number;
1839
- desktop: number;
1840
- }>;
1841
- } & {
1842
- zIndex?: import("@shopify/restyle").ResponsiveValue<"base" | "bottom" | "middle" | "top", {
1843
- smallPhone: number;
1844
- phone: number;
1845
- smallTablet: number;
1846
- tablet: number;
1847
- desktop: number;
1848
- }> | undefined;
1849
- } & import("@shopify/restyle").SpacingShorthandProps<{
1850
- colors: {
1851
- transparent: import("../..").Palette;
1852
- themePri: import("../..").Palette;
1853
- themeSec: import("../..").Palette;
1854
- themePriT: import("../..").Palette;
1855
- background: import("../..").Palette;
1856
- backgroundOverlay: import("../..").Palette;
1857
- text: import("../..").Palette;
1858
- textOverlay: import("../..").Palette;
1859
- textButton: import("../..").Palette;
1860
- border: import("../..").Palette;
1861
- separator: import("../..").Palette;
1862
- err: import("../..").Palette;
1863
- };
1864
- spacing: {
1865
- none: import("../..").Spacing;
1866
- xxxs: import("../..").Spacing;
1867
- xxs: import("../..").Spacing;
1868
- xs: import("../..").Spacing;
1869
- s: import("../..").Spacing;
1870
- m: import("../..").Spacing;
1871
- l: import("../..").Spacing;
1872
- xl: import("../..").Spacing;
1873
- xxl: import("../..").Spacing;
1874
- xxxl: import("../..").Spacing;
1875
- };
1876
- breakpoints: {
1877
- smallPhone: number;
1878
- phone: number;
1879
- smallTablet: number;
1880
- tablet: number;
1881
- desktop: number;
1882
- };
1883
- zIndices: {
1884
- base: import("../..").ZIndex;
1885
- bottom: import("../..").ZIndex;
1886
- middle: import("../..").ZIndex;
1887
- top: import("../..").ZIndex;
1888
- };
1889
- borderRadii: {
1890
- none: import("../..").BorderRadius;
1891
- s: import("../..").BorderRadius;
1892
- m: import("../..").BorderRadius;
1893
- l: import("../..").BorderRadius;
1894
- round: import("../..").BorderRadius;
1895
- };
1896
- textVariants: {
1897
- textXSBold: {
1898
- fontWeight: string;
1899
- fontSize: import("../..").FontSize;
1900
- lineHeight: import("../..").FontLineHeight;
1901
- color: string;
1902
- };
1903
- textSBold: {
1904
- fontWeight: string;
1905
- fontSize: import("../..").FontSize;
1906
- lineHeight: import("../..").FontLineHeight;
1907
- color: string;
1908
- };
1909
- textMBold: {
1910
- fontWeight: string;
1911
- fontSize: import("../..").FontSize;
1912
- lineHeight: import("../..").FontLineHeight;
1913
- color: string;
1914
- };
1915
- textLBold: {
1916
- fontWeight: string;
1917
- fontSize: import("../..").FontSize;
1918
- lineHeight: import("../..").FontLineHeight;
1919
- color: string;
1920
- };
1921
- textXLBold: {
1922
- fontWeight: string;
1923
- fontSize: import("../..").FontSize;
1924
- lineHeight: import("../..").FontLineHeight;
1925
- color: string;
1926
- };
1927
- defaults: {
1928
- fontSize: import("../..").FontSize;
1929
- lineHeight: import("../..").FontLineHeight;
1930
- color: string;
1931
- };
1932
- textXS: {
1933
- fontSize: import("../..").FontSize;
1934
- lineHeight: import("../..").FontLineHeight;
1935
- color: string;
1936
- };
1937
- textS: {
1938
- fontSize: import("../..").FontSize;
1939
- lineHeight: import("../..").FontLineHeight;
1940
- color: string;
1941
- };
1942
- textM: {
1943
- fontSize: import("../..").FontSize;
1944
- lineHeight: import("../..").FontLineHeight;
1945
- color: string;
1946
- };
1947
- textL: {
1948
- fontSize: import("../..").FontSize;
1949
- lineHeight: import("../..").FontLineHeight;
1950
- color: string;
1951
- };
1952
- textXL: {
1953
- fontSize: import("../..").FontSize;
1954
- lineHeight: import("../..").FontLineHeight;
1955
- color: string;
1956
- };
1957
- };
1958
- }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
1959
- colors: {
1960
- transparent: import("../..").Palette;
1961
- themePri: import("../..").Palette;
1962
- themeSec: import("../..").Palette;
1963
- themePriT: import("../..").Palette;
1964
- background: import("../..").Palette;
1965
- backgroundOverlay: import("../..").Palette;
1966
- text: import("../..").Palette;
1967
- textOverlay: import("../..").Palette;
1968
- textButton: import("../..").Palette;
1969
- border: import("../..").Palette;
1970
- separator: import("../..").Palette;
1971
- err: import("../..").Palette;
1972
- };
1973
- spacing: {
1974
- none: import("../..").Spacing;
1975
- xxxs: import("../..").Spacing;
1976
- xxs: import("../..").Spacing;
1977
- xs: import("../..").Spacing;
1978
- s: import("../..").Spacing;
1979
- m: import("../..").Spacing;
1980
- l: import("../..").Spacing;
1981
- xl: import("../..").Spacing;
1982
- xxl: import("../..").Spacing;
1983
- xxxl: import("../..").Spacing;
1984
- };
1985
- breakpoints: {
1986
- smallPhone: number;
1987
- phone: number;
1988
- smallTablet: number;
1989
- tablet: number;
1990
- desktop: number;
1991
- };
1992
- zIndices: {
1993
- base: import("../..").ZIndex;
1994
- bottom: import("../..").ZIndex;
1995
- middle: import("../..").ZIndex;
1996
- top: import("../..").ZIndex;
1997
- };
1998
- borderRadii: {
1999
- none: import("../..").BorderRadius;
2000
- s: import("../..").BorderRadius;
2001
- m: import("../..").BorderRadius;
2002
- l: import("../..").BorderRadius;
2003
- round: import("../..").BorderRadius;
2004
- };
2005
- textVariants: {
2006
- textXSBold: {
2007
- fontWeight: string;
2008
- fontSize: import("../..").FontSize;
2009
- lineHeight: import("../..").FontLineHeight;
2010
- color: string;
2011
- };
2012
- textSBold: {
2013
- fontWeight: string;
2014
- fontSize: import("../..").FontSize;
2015
- lineHeight: import("../..").FontLineHeight;
2016
- color: string;
2017
- };
2018
- textMBold: {
2019
- fontWeight: string;
2020
- fontSize: import("../..").FontSize;
2021
- lineHeight: import("../..").FontLineHeight;
2022
- color: string;
2023
- };
2024
- textLBold: {
2025
- fontWeight: string;
2026
- fontSize: import("../..").FontSize;
2027
- lineHeight: import("../..").FontLineHeight;
2028
- color: string;
2029
- };
2030
- textXLBold: {
2031
- fontWeight: string;
2032
- fontSize: import("../..").FontSize;
2033
- lineHeight: import("../..").FontLineHeight;
2034
- color: string;
2035
- };
2036
- defaults: {
2037
- fontSize: import("../..").FontSize;
2038
- lineHeight: import("../..").FontLineHeight;
2039
- color: string;
2040
- };
2041
- textXS: {
2042
- fontSize: import("../..").FontSize;
2043
- lineHeight: import("../..").FontLineHeight;
2044
- color: string;
2045
- };
2046
- textS: {
2047
- fontSize: import("../..").FontSize;
2048
- lineHeight: import("../..").FontLineHeight;
2049
- color: string;
2050
- };
2051
- textM: {
2052
- fontSize: import("../..").FontSize;
2053
- lineHeight: import("../..").FontLineHeight;
2054
- color: string;
2055
- };
2056
- textL: {
2057
- fontSize: import("../..").FontSize;
2058
- lineHeight: import("../..").FontLineHeight;
2059
- color: string;
2060
- };
2061
- textXL: {
2062
- fontSize: import("../..").FontSize;
2063
- lineHeight: import("../..").FontLineHeight;
2064
- color: string;
2065
- };
2066
- };
2067
- }> & Omit<import("react-native").ViewProps & {
2068
- children?: React.ReactNode;
2069
- }, "m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor"> & import("react").RefAttributes<unknown>> & {
2070
- defaultProps?: Partial<import("@shopify/restyle").BackgroundColorProps<{
2071
- colors: {
2072
- transparent: import("../..").Palette;
2073
- themePri: import("../..").Palette;
2074
- themeSec: import("../..").Palette;
2075
- themePriT: import("../..").Palette;
2076
- background: import("../..").Palette;
2077
- backgroundOverlay: import("../..").Palette;
2078
- text: import("../..").Palette;
2079
- textOverlay: import("../..").Palette;
2080
- textButton: import("../..").Palette;
2081
- border: import("../..").Palette;
2082
- separator: import("../..").Palette;
2083
- err: import("../..").Palette;
2084
- };
2085
- spacing: {
2086
- none: import("../..").Spacing;
2087
- xxxs: import("../..").Spacing;
2088
- xxs: import("../..").Spacing;
2089
- xs: import("../..").Spacing;
2090
- s: import("../..").Spacing;
2091
- m: import("../..").Spacing;
2092
- l: import("../..").Spacing;
2093
- xl: import("../..").Spacing;
2094
- xxl: import("../..").Spacing;
2095
- xxxl: import("../..").Spacing;
2096
- };
2097
- breakpoints: {
2098
- smallPhone: number;
2099
- phone: number;
2100
- smallTablet: number;
2101
- tablet: number;
2102
- desktop: number;
2103
- };
2104
- zIndices: {
2105
- base: import("../..").ZIndex;
2106
- bottom: import("../..").ZIndex;
2107
- middle: import("../..").ZIndex;
2108
- top: import("../..").ZIndex;
2109
- };
2110
- borderRadii: {
2111
- none: import("../..").BorderRadius;
2112
- s: import("../..").BorderRadius;
2113
- m: import("../..").BorderRadius;
2114
- l: import("../..").BorderRadius;
2115
- round: import("../..").BorderRadius;
2116
- };
2117
- textVariants: {
2118
- textXSBold: {
2119
- fontWeight: string;
2120
- fontSize: import("../..").FontSize;
2121
- lineHeight: import("../..").FontLineHeight;
2122
- color: string;
2123
- };
2124
- textSBold: {
2125
- fontWeight: string;
2126
- fontSize: import("../..").FontSize;
2127
- lineHeight: import("../..").FontLineHeight;
2128
- color: string;
2129
- };
2130
- textMBold: {
2131
- fontWeight: string;
2132
- fontSize: import("../..").FontSize;
2133
- lineHeight: import("../..").FontLineHeight;
2134
- color: string;
2135
- };
2136
- textLBold: {
2137
- fontWeight: string;
2138
- fontSize: import("../..").FontSize;
2139
- lineHeight: import("../..").FontLineHeight;
2140
- color: string;
2141
- };
2142
- textXLBold: {
2143
- fontWeight: string;
2144
- fontSize: import("../..").FontSize;
2145
- lineHeight: import("../..").FontLineHeight;
2146
- color: string;
2147
- };
2148
- defaults: {
2149
- fontSize: import("../..").FontSize;
2150
- lineHeight: import("../..").FontLineHeight;
2151
- color: string;
2152
- };
2153
- textXS: {
2154
- fontSize: import("../..").FontSize;
2155
- lineHeight: import("../..").FontLineHeight;
2156
- color: string;
2157
- };
2158
- textS: {
2159
- fontSize: import("../..").FontSize;
2160
- lineHeight: import("../..").FontLineHeight;
2161
- color: string;
2162
- };
2163
- textM: {
2164
- fontSize: import("../..").FontSize;
2165
- lineHeight: import("../..").FontLineHeight;
2166
- color: string;
2167
- };
2168
- textL: {
2169
- fontSize: import("../..").FontSize;
2170
- lineHeight: import("../..").FontLineHeight;
2171
- color: string;
2172
- };
2173
- textXL: {
2174
- fontSize: import("../..").FontSize;
2175
- lineHeight: import("../..").FontLineHeight;
2176
- color: string;
2177
- };
2178
- };
2179
- }> & import("@shopify/restyle").OpacityProps<{
2180
- colors: {
2181
- transparent: import("../..").Palette;
2182
- themePri: import("../..").Palette;
2183
- themeSec: import("../..").Palette;
2184
- themePriT: import("../..").Palette;
2185
- background: import("../..").Palette;
2186
- backgroundOverlay: import("../..").Palette;
2187
- text: import("../..").Palette;
2188
- textOverlay: import("../..").Palette;
2189
- textButton: import("../..").Palette;
2190
- border: import("../..").Palette;
2191
- separator: import("../..").Palette;
2192
- err: import("../..").Palette;
2193
- };
2194
- spacing: {
2195
- none: import("../..").Spacing;
2196
- xxxs: import("../..").Spacing;
2197
- xxs: import("../..").Spacing;
2198
- xs: import("../..").Spacing;
2199
- s: import("../..").Spacing;
2200
- m: import("../..").Spacing;
2201
- l: import("../..").Spacing;
2202
- xl: import("../..").Spacing;
2203
- xxl: import("../..").Spacing;
2204
- xxxl: import("../..").Spacing;
2205
- };
2206
- breakpoints: {
2207
- smallPhone: number;
2208
- phone: number;
2209
- smallTablet: number;
2210
- tablet: number;
2211
- desktop: number;
2212
- };
2213
- zIndices: {
2214
- base: import("../..").ZIndex;
2215
- bottom: import("../..").ZIndex;
2216
- middle: import("../..").ZIndex;
2217
- top: import("../..").ZIndex;
2218
- };
2219
- borderRadii: {
2220
- none: import("../..").BorderRadius;
2221
- s: import("../..").BorderRadius;
2222
- m: import("../..").BorderRadius;
2223
- l: import("../..").BorderRadius;
2224
- round: import("../..").BorderRadius;
2225
- };
2226
- textVariants: {
2227
- textXSBold: {
2228
- fontWeight: string;
2229
- fontSize: import("../..").FontSize;
2230
- lineHeight: import("../..").FontLineHeight;
2231
- color: string;
2232
- };
2233
- textSBold: {
2234
- fontWeight: string;
2235
- fontSize: import("../..").FontSize;
2236
- lineHeight: import("../..").FontLineHeight;
2237
- color: string;
2238
- };
2239
- textMBold: {
2240
- fontWeight: string;
2241
- fontSize: import("../..").FontSize;
2242
- lineHeight: import("../..").FontLineHeight;
2243
- color: string;
2244
- };
2245
- textLBold: {
2246
- fontWeight: string;
2247
- fontSize: import("../..").FontSize;
2248
- lineHeight: import("../..").FontLineHeight;
2249
- color: string;
2250
- };
2251
- textXLBold: {
2252
- fontWeight: string;
2253
- fontSize: import("../..").FontSize;
2254
- lineHeight: import("../..").FontLineHeight;
2255
- color: string;
2256
- };
2257
- defaults: {
2258
- fontSize: import("../..").FontSize;
2259
- lineHeight: import("../..").FontLineHeight;
2260
- color: string;
2261
- };
2262
- textXS: {
2263
- fontSize: import("../..").FontSize;
2264
- lineHeight: import("../..").FontLineHeight;
2265
- color: string;
2266
- };
2267
- textS: {
2268
- fontSize: import("../..").FontSize;
2269
- lineHeight: import("../..").FontLineHeight;
2270
- color: string;
2271
- };
2272
- textM: {
2273
- fontSize: import("../..").FontSize;
2274
- lineHeight: import("../..").FontLineHeight;
2275
- color: string;
2276
- };
2277
- textL: {
2278
- fontSize: import("../..").FontSize;
2279
- lineHeight: import("../..").FontLineHeight;
2280
- color: string;
2281
- };
2282
- textXL: {
2283
- fontSize: import("../..").FontSize;
2284
- lineHeight: import("../..").FontLineHeight;
2285
- color: string;
2286
- };
2287
- };
2288
- }> & import("@shopify/restyle").VisibleProps<{
2289
- colors: {
2290
- transparent: import("../..").Palette;
2291
- themePri: import("../..").Palette;
2292
- themeSec: import("../..").Palette;
2293
- themePriT: import("../..").Palette;
2294
- background: import("../..").Palette;
2295
- backgroundOverlay: import("../..").Palette;
2296
- text: import("../..").Palette;
2297
- textOverlay: import("../..").Palette;
2298
- textButton: import("../..").Palette;
2299
- border: import("../..").Palette;
2300
- separator: import("../..").Palette;
2301
- err: import("../..").Palette;
2302
- };
2303
- spacing: {
2304
- none: import("../..").Spacing;
2305
- xxxs: import("../..").Spacing;
2306
- xxs: import("../..").Spacing;
2307
- xs: import("../..").Spacing;
2308
- s: import("../..").Spacing;
2309
- m: import("../..").Spacing;
2310
- l: import("../..").Spacing;
2311
- xl: import("../..").Spacing;
2312
- xxl: import("../..").Spacing;
2313
- xxxl: import("../..").Spacing;
2314
- };
2315
- breakpoints: {
2316
- smallPhone: number;
2317
- phone: number;
2318
- smallTablet: number;
2319
- tablet: number;
2320
- desktop: number;
2321
- };
2322
- zIndices: {
2323
- base: import("../..").ZIndex;
2324
- bottom: import("../..").ZIndex;
2325
- middle: import("../..").ZIndex;
2326
- top: import("../..").ZIndex;
2327
- };
2328
- borderRadii: {
2329
- none: import("../..").BorderRadius;
2330
- s: import("../..").BorderRadius;
2331
- m: import("../..").BorderRadius;
2332
- l: import("../..").BorderRadius;
2333
- round: import("../..").BorderRadius;
2334
- };
2335
- textVariants: {
2336
- textXSBold: {
2337
- fontWeight: string;
2338
- fontSize: import("../..").FontSize;
2339
- lineHeight: import("../..").FontLineHeight;
2340
- color: string;
2341
- };
2342
- textSBold: {
2343
- fontWeight: string;
2344
- fontSize: import("../..").FontSize;
2345
- lineHeight: import("../..").FontLineHeight;
2346
- color: string;
2347
- };
2348
- textMBold: {
2349
- fontWeight: string;
2350
- fontSize: import("../..").FontSize;
2351
- lineHeight: import("../..").FontLineHeight;
2352
- color: string;
2353
- };
2354
- textLBold: {
2355
- fontWeight: string;
2356
- fontSize: import("../..").FontSize;
2357
- lineHeight: import("../..").FontLineHeight;
2358
- color: string;
2359
- };
2360
- textXLBold: {
2361
- fontWeight: string;
2362
- fontSize: import("../..").FontSize;
2363
- lineHeight: import("../..").FontLineHeight;
2364
- color: string;
2365
- };
2366
- defaults: {
2367
- fontSize: import("../..").FontSize;
2368
- lineHeight: import("../..").FontLineHeight;
2369
- color: string;
2370
- };
2371
- textXS: {
2372
- fontSize: import("../..").FontSize;
2373
- lineHeight: import("../..").FontLineHeight;
2374
- color: string;
2375
- };
2376
- textS: {
2377
- fontSize: import("../..").FontSize;
2378
- lineHeight: import("../..").FontLineHeight;
2379
- color: string;
2380
- };
2381
- textM: {
2382
- fontSize: import("../..").FontSize;
2383
- lineHeight: import("../..").FontLineHeight;
2384
- color: string;
2385
- };
2386
- textL: {
2387
- fontSize: import("../..").FontSize;
2388
- lineHeight: import("../..").FontLineHeight;
2389
- color: string;
2390
- };
2391
- textXL: {
2392
- fontSize: import("../..").FontSize;
2393
- lineHeight: import("../..").FontLineHeight;
2394
- color: string;
2395
- };
2396
- };
2397
- }> & import("@shopify/restyle").LayoutProps<{
2398
- colors: {
2399
- transparent: import("../..").Palette;
2400
- themePri: import("../..").Palette;
2401
- themeSec: import("../..").Palette;
2402
- themePriT: import("../..").Palette;
2403
- background: import("../..").Palette;
2404
- backgroundOverlay: import("../..").Palette;
2405
- text: import("../..").Palette;
2406
- textOverlay: import("../..").Palette;
2407
- textButton: import("../..").Palette;
2408
- border: import("../..").Palette;
2409
- separator: import("../..").Palette;
2410
- err: import("../..").Palette;
2411
- };
2412
- spacing: {
2413
- none: import("../..").Spacing;
2414
- xxxs: import("../..").Spacing;
2415
- xxs: import("../..").Spacing;
2416
- xs: import("../..").Spacing;
2417
- s: import("../..").Spacing;
2418
- m: import("../..").Spacing;
2419
- l: import("../..").Spacing;
2420
- xl: import("../..").Spacing;
2421
- xxl: import("../..").Spacing;
2422
- xxxl: import("../..").Spacing;
2423
- };
2424
- breakpoints: {
2425
- smallPhone: number;
2426
- phone: number;
2427
- smallTablet: number;
2428
- tablet: number;
2429
- desktop: number;
2430
- };
2431
- zIndices: {
2432
- base: import("../..").ZIndex;
2433
- bottom: import("../..").ZIndex;
2434
- middle: import("../..").ZIndex;
2435
- top: import("../..").ZIndex;
2436
- };
2437
- borderRadii: {
2438
- none: import("../..").BorderRadius;
2439
- s: import("../..").BorderRadius;
2440
- m: import("../..").BorderRadius;
2441
- l: import("../..").BorderRadius;
2442
- round: import("../..").BorderRadius;
2443
- };
2444
- textVariants: {
2445
- textXSBold: {
2446
- fontWeight: string;
2447
- fontSize: import("../..").FontSize;
2448
- lineHeight: import("../..").FontLineHeight;
2449
- color: string;
2450
- };
2451
- textSBold: {
2452
- fontWeight: string;
2453
- fontSize: import("../..").FontSize;
2454
- lineHeight: import("../..").FontLineHeight;
2455
- color: string;
2456
- };
2457
- textMBold: {
2458
- fontWeight: string;
2459
- fontSize: import("../..").FontSize;
2460
- lineHeight: import("../..").FontLineHeight;
2461
- color: string;
2462
- };
2463
- textLBold: {
2464
- fontWeight: string;
2465
- fontSize: import("../..").FontSize;
2466
- lineHeight: import("../..").FontLineHeight;
2467
- color: string;
2468
- };
2469
- textXLBold: {
2470
- fontWeight: string;
2471
- fontSize: import("../..").FontSize;
2472
- lineHeight: import("../..").FontLineHeight;
2473
- color: string;
2474
- };
2475
- defaults: {
2476
- fontSize: import("../..").FontSize;
2477
- lineHeight: import("../..").FontLineHeight;
2478
- color: string;
2479
- };
2480
- textXS: {
2481
- fontSize: import("../..").FontSize;
2482
- lineHeight: import("../..").FontLineHeight;
2483
- color: string;
2484
- };
2485
- textS: {
2486
- fontSize: import("../..").FontSize;
2487
- lineHeight: import("../..").FontLineHeight;
2488
- color: string;
2489
- };
2490
- textM: {
2491
- fontSize: import("../..").FontSize;
2492
- lineHeight: import("../..").FontLineHeight;
2493
- color: string;
2494
- };
2495
- textL: {
2496
- fontSize: import("../..").FontSize;
2497
- lineHeight: import("../..").FontLineHeight;
2498
- color: string;
2499
- };
2500
- textXL: {
2501
- fontSize: import("../..").FontSize;
2502
- lineHeight: import("../..").FontLineHeight;
2503
- color: string;
2504
- };
2505
- };
2506
- }> & import("@shopify/restyle").SpacingProps<{
2507
- colors: {
2508
- transparent: import("../..").Palette;
2509
- themePri: import("../..").Palette;
2510
- themeSec: import("../..").Palette;
2511
- themePriT: import("../..").Palette;
2512
- background: import("../..").Palette;
2513
- backgroundOverlay: import("../..").Palette;
2514
- text: import("../..").Palette;
2515
- textOverlay: import("../..").Palette;
2516
- textButton: import("../..").Palette;
2517
- border: import("../..").Palette;
2518
- separator: import("../..").Palette;
2519
- err: import("../..").Palette;
2520
- };
2521
- spacing: {
2522
- none: import("../..").Spacing;
2523
- xxxs: import("../..").Spacing;
2524
- xxs: import("../..").Spacing;
2525
- xs: import("../..").Spacing;
2526
- s: import("../..").Spacing;
2527
- m: import("../..").Spacing;
2528
- l: import("../..").Spacing;
2529
- xl: import("../..").Spacing;
2530
- xxl: import("../..").Spacing;
2531
- xxxl: import("../..").Spacing;
2532
- };
2533
- breakpoints: {
2534
- smallPhone: number;
2535
- phone: number;
2536
- smallTablet: number;
2537
- tablet: number;
2538
- desktop: number;
2539
- };
2540
- zIndices: {
2541
- base: import("../..").ZIndex;
2542
- bottom: import("../..").ZIndex;
2543
- middle: import("../..").ZIndex;
2544
- top: import("../..").ZIndex;
2545
- };
2546
- borderRadii: {
2547
- none: import("../..").BorderRadius;
2548
- s: import("../..").BorderRadius;
2549
- m: import("../..").BorderRadius;
2550
- l: import("../..").BorderRadius;
2551
- round: import("../..").BorderRadius;
2552
- };
2553
- textVariants: {
2554
- textXSBold: {
2555
- fontWeight: string;
2556
- fontSize: import("../..").FontSize;
2557
- lineHeight: import("../..").FontLineHeight;
2558
- color: string;
2559
- };
2560
- textSBold: {
2561
- fontWeight: string;
2562
- fontSize: import("../..").FontSize;
2563
- lineHeight: import("../..").FontLineHeight;
2564
- color: string;
2565
- };
2566
- textMBold: {
2567
- fontWeight: string;
2568
- fontSize: import("../..").FontSize;
2569
- lineHeight: import("../..").FontLineHeight;
2570
- color: string;
2571
- };
2572
- textLBold: {
2573
- fontWeight: string;
2574
- fontSize: import("../..").FontSize;
2575
- lineHeight: import("../..").FontLineHeight;
2576
- color: string;
2577
- };
2578
- textXLBold: {
2579
- fontWeight: string;
2580
- fontSize: import("../..").FontSize;
2581
- lineHeight: import("../..").FontLineHeight;
2582
- color: string;
2583
- };
2584
- defaults: {
2585
- fontSize: import("../..").FontSize;
2586
- lineHeight: import("../..").FontLineHeight;
2587
- color: string;
2588
- };
2589
- textXS: {
2590
- fontSize: import("../..").FontSize;
2591
- lineHeight: import("../..").FontLineHeight;
2592
- color: string;
2593
- };
2594
- textS: {
2595
- fontSize: import("../..").FontSize;
2596
- lineHeight: import("../..").FontLineHeight;
2597
- color: string;
2598
- };
2599
- textM: {
2600
- fontSize: import("../..").FontSize;
2601
- lineHeight: import("../..").FontLineHeight;
2602
- color: string;
2603
- };
2604
- textL: {
2605
- fontSize: import("../..").FontSize;
2606
- lineHeight: import("../..").FontLineHeight;
2607
- color: string;
2608
- };
2609
- textXL: {
2610
- fontSize: import("../..").FontSize;
2611
- lineHeight: import("../..").FontLineHeight;
2612
- color: string;
2613
- };
2614
- };
2615
- }> & {
2616
- borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2617
- smallPhone: number;
2618
- phone: number;
2619
- smallTablet: number;
2620
- tablet: number;
2621
- desktop: number;
2622
- }>;
2623
- borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2624
- smallPhone: number;
2625
- phone: number;
2626
- smallTablet: number;
2627
- tablet: number;
2628
- desktop: number;
2629
- }>;
2630
- borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2631
- smallPhone: number;
2632
- phone: number;
2633
- smallTablet: number;
2634
- tablet: number;
2635
- desktop: number;
2636
- }>;
2637
- borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
2638
- smallPhone: number;
2639
- phone: number;
2640
- smallTablet: number;
2641
- tablet: number;
2642
- desktop: number;
2643
- }>;
2644
- borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2645
- smallPhone: number;
2646
- phone: number;
2647
- smallTablet: number;
2648
- tablet: number;
2649
- desktop: number;
2650
- }>;
2651
- borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2652
- smallPhone: number;
2653
- phone: number;
2654
- smallTablet: number;
2655
- tablet: number;
2656
- desktop: number;
2657
- }>;
2658
- borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2659
- smallPhone: number;
2660
- phone: number;
2661
- smallTablet: number;
2662
- tablet: number;
2663
- desktop: number;
2664
- }>;
2665
- borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2666
- smallPhone: number;
2667
- phone: number;
2668
- smallTablet: number;
2669
- tablet: number;
2670
- desktop: number;
2671
- }>;
2672
- } & {
2673
- borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2674
- smallPhone: number;
2675
- phone: number;
2676
- smallTablet: number;
2677
- tablet: number;
2678
- desktop: number;
2679
- }> | undefined;
2680
- borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2681
- smallPhone: number;
2682
- phone: number;
2683
- smallTablet: number;
2684
- tablet: number;
2685
- desktop: number;
2686
- }> | undefined;
2687
- borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2688
- smallPhone: number;
2689
- phone: number;
2690
- smallTablet: number;
2691
- tablet: number;
2692
- desktop: number;
2693
- }> | undefined;
2694
- borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2695
- smallPhone: number;
2696
- phone: number;
2697
- smallTablet: number;
2698
- tablet: number;
2699
- desktop: number;
2700
- }> | undefined;
2701
- borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2702
- smallPhone: number;
2703
- phone: number;
2704
- smallTablet: number;
2705
- tablet: number;
2706
- desktop: number;
2707
- }> | undefined;
2708
- borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2709
- smallPhone: number;
2710
- phone: number;
2711
- smallTablet: number;
2712
- tablet: number;
2713
- desktop: number;
2714
- }> | undefined;
2715
- borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2716
- smallPhone: number;
2717
- phone: number;
2718
- smallTablet: number;
2719
- tablet: number;
2720
- desktop: number;
2721
- }> | undefined;
2722
- } & {
2723
- borderRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2724
- smallPhone: number;
2725
- phone: number;
2726
- smallTablet: number;
2727
- tablet: number;
2728
- desktop: number;
2729
- }> | undefined;
2730
- borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2731
- smallPhone: number;
2732
- phone: number;
2733
- smallTablet: number;
2734
- tablet: number;
2735
- desktop: number;
2736
- }> | undefined;
2737
- borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2738
- smallPhone: number;
2739
- phone: number;
2740
- smallTablet: number;
2741
- tablet: number;
2742
- desktop: number;
2743
- }> | undefined;
2744
- borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2745
- smallPhone: number;
2746
- phone: number;
2747
- smallTablet: number;
2748
- tablet: number;
2749
- desktop: number;
2750
- }> | undefined;
2751
- borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2752
- smallPhone: number;
2753
- phone: number;
2754
- smallTablet: number;
2755
- tablet: number;
2756
- desktop: number;
2757
- }> | undefined;
2758
- borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2759
- smallPhone: number;
2760
- phone: number;
2761
- smallTablet: number;
2762
- tablet: number;
2763
- desktop: number;
2764
- }> | undefined;
2765
- borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2766
- smallPhone: number;
2767
- phone: number;
2768
- smallTablet: number;
2769
- tablet: number;
2770
- desktop: number;
2771
- }> | undefined;
2772
- borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2773
- smallPhone: number;
2774
- phone: number;
2775
- smallTablet: number;
2776
- tablet: number;
2777
- desktop: number;
2778
- }> | undefined;
2779
- borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"none" | "s" | "m" | "l" | "round", {
2780
- smallPhone: number;
2781
- phone: number;
2782
- smallTablet: number;
2783
- tablet: number;
2784
- desktop: number;
2785
- }> | undefined;
2786
- } & {
2787
- shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
2788
- smallPhone: number;
2789
- phone: number;
2790
- smallTablet: number;
2791
- tablet: number;
2792
- desktop: number;
2793
- }>;
2794
- shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
2795
- width: number;
2796
- height: number;
2797
- }> | undefined, {
2798
- smallPhone: number;
2799
- phone: number;
2800
- smallTablet: number;
2801
- tablet: number;
2802
- desktop: number;
2803
- }>;
2804
- shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2805
- smallPhone: number;
2806
- phone: number;
2807
- smallTablet: number;
2808
- tablet: number;
2809
- desktop: number;
2810
- }>;
2811
- elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2812
- smallPhone: number;
2813
- phone: number;
2814
- smallTablet: number;
2815
- tablet: number;
2816
- desktop: number;
2817
- }>;
2818
- } & {
2819
- shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2820
- smallPhone: number;
2821
- phone: number;
2822
- smallTablet: number;
2823
- tablet: number;
2824
- desktop: number;
2825
- }> | undefined;
2826
- } & {
2827
- position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
2828
- smallPhone: number;
2829
- phone: number;
2830
- smallTablet: number;
2831
- tablet: number;
2832
- desktop: number;
2833
- }>;
2834
- top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2835
- smallPhone: number;
2836
- phone: number;
2837
- smallTablet: number;
2838
- tablet: number;
2839
- desktop: number;
2840
- }>;
2841
- right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2842
- smallPhone: number;
2843
- phone: number;
2844
- smallTablet: number;
2845
- tablet: number;
2846
- desktop: number;
2847
- }>;
2848
- bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2849
- smallPhone: number;
2850
- phone: number;
2851
- smallTablet: number;
2852
- tablet: number;
2853
- desktop: number;
2854
- }>;
2855
- left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2856
- smallPhone: number;
2857
- phone: number;
2858
- smallTablet: number;
2859
- tablet: number;
2860
- desktop: number;
2861
- }>;
2862
- start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2863
- smallPhone: number;
2864
- phone: number;
2865
- smallTablet: number;
2866
- tablet: number;
2867
- desktop: number;
2868
- }>;
2869
- end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2870
- smallPhone: number;
2871
- phone: number;
2872
- smallTablet: number;
2873
- tablet: number;
2874
- desktop: number;
2875
- }>;
2876
- } & {
2877
- zIndex?: import("@shopify/restyle").ResponsiveValue<"base" | "bottom" | "middle" | "top", {
2878
- smallPhone: number;
2879
- phone: number;
2880
- smallTablet: number;
2881
- tablet: number;
2882
- desktop: number;
2883
- }> | undefined;
2884
- } & import("@shopify/restyle").SpacingShorthandProps<{
2885
- colors: {
2886
- transparent: import("../..").Palette;
2887
- themePri: import("../..").Palette;
2888
- themeSec: import("../..").Palette;
2889
- themePriT: import("../..").Palette;
2890
- background: import("../..").Palette;
2891
- backgroundOverlay: import("../..").Palette;
2892
- text: import("../..").Palette;
2893
- textOverlay: import("../..").Palette;
2894
- textButton: import("../..").Palette;
2895
- border: import("../..").Palette;
2896
- separator: import("../..").Palette;
2897
- err: import("../..").Palette;
2898
- };
2899
- spacing: {
2900
- none: import("../..").Spacing;
2901
- xxxs: import("../..").Spacing;
2902
- xxs: import("../..").Spacing;
2903
- xs: import("../..").Spacing;
2904
- s: import("../..").Spacing;
2905
- m: import("../..").Spacing;
2906
- l: import("../..").Spacing;
2907
- xl: import("../..").Spacing;
2908
- xxl: import("../..").Spacing;
2909
- xxxl: import("../..").Spacing;
2910
- };
2911
- breakpoints: {
2912
- smallPhone: number;
2913
- phone: number;
2914
- smallTablet: number;
2915
- tablet: number;
2916
- desktop: number;
2917
- };
2918
- zIndices: {
2919
- base: import("../..").ZIndex;
2920
- bottom: import("../..").ZIndex;
2921
- middle: import("../..").ZIndex;
2922
- top: import("../..").ZIndex;
2923
- };
2924
- borderRadii: {
2925
- none: import("../..").BorderRadius;
2926
- s: import("../..").BorderRadius;
2927
- m: import("../..").BorderRadius;
2928
- l: import("../..").BorderRadius;
2929
- round: import("../..").BorderRadius;
2930
- };
2931
- textVariants: {
2932
- textXSBold: {
2933
- fontWeight: string;
2934
- fontSize: import("../..").FontSize;
2935
- lineHeight: import("../..").FontLineHeight;
2936
- color: string;
2937
- };
2938
- textSBold: {
2939
- fontWeight: string;
2940
- fontSize: import("../..").FontSize;
2941
- lineHeight: import("../..").FontLineHeight;
2942
- color: string;
2943
- };
2944
- textMBold: {
2945
- fontWeight: string;
2946
- fontSize: import("../..").FontSize;
2947
- lineHeight: import("../..").FontLineHeight;
2948
- color: string;
2949
- };
2950
- textLBold: {
2951
- fontWeight: string;
2952
- fontSize: import("../..").FontSize;
2953
- lineHeight: import("../..").FontLineHeight;
2954
- color: string;
2955
- };
2956
- textXLBold: {
2957
- fontWeight: string;
2958
- fontSize: import("../..").FontSize;
2959
- lineHeight: import("../..").FontLineHeight;
2960
- color: string;
2961
- };
2962
- defaults: {
2963
- fontSize: import("../..").FontSize;
2964
- lineHeight: import("../..").FontLineHeight;
2965
- color: string;
2966
- };
2967
- textXS: {
2968
- fontSize: import("../..").FontSize;
2969
- lineHeight: import("../..").FontLineHeight;
2970
- color: string;
2971
- };
2972
- textS: {
2973
- fontSize: import("../..").FontSize;
2974
- lineHeight: import("../..").FontLineHeight;
2975
- color: string;
2976
- };
2977
- textM: {
2978
- fontSize: import("../..").FontSize;
2979
- lineHeight: import("../..").FontLineHeight;
2980
- color: string;
2981
- };
2982
- textL: {
2983
- fontSize: import("../..").FontSize;
2984
- lineHeight: import("../..").FontLineHeight;
2985
- color: string;
2986
- };
2987
- textXL: {
2988
- fontSize: import("../..").FontSize;
2989
- lineHeight: import("../..").FontLineHeight;
2990
- color: string;
2991
- };
2992
- };
2993
- }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
2994
- colors: {
2995
- transparent: import("../..").Palette;
2996
- themePri: import("../..").Palette;
2997
- themeSec: import("../..").Palette;
2998
- themePriT: import("../..").Palette;
2999
- background: import("../..").Palette;
3000
- backgroundOverlay: import("../..").Palette;
3001
- text: import("../..").Palette;
3002
- textOverlay: import("../..").Palette;
3003
- textButton: import("../..").Palette;
3004
- border: import("../..").Palette;
3005
- separator: import("../..").Palette;
3006
- err: import("../..").Palette;
3007
- };
3008
- spacing: {
3009
- none: import("../..").Spacing;
3010
- xxxs: import("../..").Spacing;
3011
- xxs: import("../..").Spacing;
3012
- xs: import("../..").Spacing;
3013
- s: import("../..").Spacing;
3014
- m: import("../..").Spacing;
3015
- l: import("../..").Spacing;
3016
- xl: import("../..").Spacing;
3017
- xxl: import("../..").Spacing;
3018
- xxxl: import("../..").Spacing;
3019
- };
3020
- breakpoints: {
3021
- smallPhone: number;
3022
- phone: number;
3023
- smallTablet: number;
3024
- tablet: number;
3025
- desktop: number;
3026
- };
3027
- zIndices: {
3028
- base: import("../..").ZIndex;
3029
- bottom: import("../..").ZIndex;
3030
- middle: import("../..").ZIndex;
3031
- top: import("../..").ZIndex;
3032
- };
3033
- borderRadii: {
3034
- none: import("../..").BorderRadius;
3035
- s: import("../..").BorderRadius;
3036
- m: import("../..").BorderRadius;
3037
- l: import("../..").BorderRadius;
3038
- round: import("../..").BorderRadius;
3039
- };
3040
- textVariants: {
3041
- textXSBold: {
3042
- fontWeight: string;
3043
- fontSize: import("../..").FontSize;
3044
- lineHeight: import("../..").FontLineHeight;
3045
- color: string;
3046
- };
3047
- textSBold: {
3048
- fontWeight: string;
3049
- fontSize: import("../..").FontSize;
3050
- lineHeight: import("../..").FontLineHeight;
3051
- color: string;
3052
- };
3053
- textMBold: {
3054
- fontWeight: string;
3055
- fontSize: import("../..").FontSize;
3056
- lineHeight: import("../..").FontLineHeight;
3057
- color: string;
3058
- };
3059
- textLBold: {
3060
- fontWeight: string;
3061
- fontSize: import("../..").FontSize;
3062
- lineHeight: import("../..").FontLineHeight;
3063
- color: string;
3064
- };
3065
- textXLBold: {
3066
- fontWeight: string;
3067
- fontSize: import("../..").FontSize;
3068
- lineHeight: import("../..").FontLineHeight;
3069
- color: string;
3070
- };
3071
- defaults: {
3072
- fontSize: import("../..").FontSize;
3073
- lineHeight: import("../..").FontLineHeight;
3074
- color: string;
3075
- };
3076
- textXS: {
3077
- fontSize: import("../..").FontSize;
3078
- lineHeight: import("../..").FontLineHeight;
3079
- color: string;
3080
- };
3081
- textS: {
3082
- fontSize: import("../..").FontSize;
3083
- lineHeight: import("../..").FontLineHeight;
3084
- color: string;
3085
- };
3086
- textM: {
3087
- fontSize: import("../..").FontSize;
3088
- lineHeight: import("../..").FontLineHeight;
3089
- color: string;
3090
- };
3091
- textL: {
3092
- fontSize: import("../..").FontSize;
3093
- lineHeight: import("../..").FontLineHeight;
3094
- color: string;
3095
- };
3096
- textXL: {
3097
- fontSize: import("../..").FontSize;
3098
- lineHeight: import("../..").FontLineHeight;
3099
- color: string;
3100
- };
3101
- };
3102
- }> & Omit<import("react-native").ViewProps & {
3103
- children?: React.ReactNode;
3104
- }, "m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor"> & import("react").RefAttributes<unknown>> | undefined;
3105
- }>;
3106
- export default AnimatedBox;
3107
- //# sourceMappingURL=AnimatedBox.d.ts.map