@jamadd/react-native-template-ui 0.4.2 → 0.4.5

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.
@@ -1,4 +1,4 @@
1
- declare const AnimatedBox: import("react").FunctionComponent<import("react-native-reanimated").AnimatedProps<import("@shopify/restyle").BackgroundColorProps<{
1
+ declare const AnimatedBox: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<import("@shopify/restyle").BackgroundColorProps<{
2
2
  colors: {
3
3
  transparent: import("../..").Palette;
4
4
  themePri: import("../..").Palette;
@@ -1018,6 +1018,2048 @@ declare const AnimatedBox: import("react").FunctionComponent<import("react-nativ
1018
1018
  };
1019
1019
  }> & Omit<import("react-native").ViewProps & {
1020
1020
  children?: React.ReactNode;
1021
- }, "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>>>;
1021
+ }, "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<{
1022
+ colors: {
1023
+ transparent: import("../..").Palette;
1024
+ themePri: import("../..").Palette;
1025
+ themeSec: import("../..").Palette;
1026
+ themePriT: import("../..").Palette;
1027
+ background: import("../..").Palette;
1028
+ backgroundOverlay: import("../..").Palette;
1029
+ text: import("../..").Palette;
1030
+ textOverlay: import("../..").Palette;
1031
+ textButton: import("../..").Palette;
1032
+ border: import("../..").Palette;
1033
+ separator: import("../..").Palette;
1034
+ err: import("../..").Palette;
1035
+ };
1036
+ spacing: {
1037
+ none: import("../..").Spacing;
1038
+ xxxs: import("../..").Spacing;
1039
+ xxs: import("../..").Spacing;
1040
+ xs: import("../..").Spacing;
1041
+ s: import("../..").Spacing;
1042
+ m: import("../..").Spacing;
1043
+ l: import("../..").Spacing;
1044
+ xl: import("../..").Spacing;
1045
+ xxl: import("../..").Spacing;
1046
+ xxxl: import("../..").Spacing;
1047
+ };
1048
+ breakpoints: {
1049
+ smallPhone: number;
1050
+ phone: number;
1051
+ smallTablet: number;
1052
+ tablet: number;
1053
+ desktop: number;
1054
+ };
1055
+ zIndices: {
1056
+ bottom: import("../..").ZIndex;
1057
+ middle: import("../..").ZIndex;
1058
+ top: import("../..").ZIndex;
1059
+ };
1060
+ borderRadii: {
1061
+ s: import("../..").BorderRadius;
1062
+ m: import("../..").BorderRadius;
1063
+ l: import("../..").BorderRadius;
1064
+ round: import("../..").BorderRadius;
1065
+ };
1066
+ textVariants: {
1067
+ textXSBold: {
1068
+ fontWeight: string;
1069
+ fontSize: import("../..").FontSize;
1070
+ lineHeight: import("../..").FontLineHeight;
1071
+ color: string;
1072
+ };
1073
+ textSBold: {
1074
+ fontWeight: string;
1075
+ fontSize: import("../..").FontSize;
1076
+ lineHeight: import("../..").FontLineHeight;
1077
+ color: string;
1078
+ };
1079
+ textMBold: {
1080
+ fontWeight: string;
1081
+ fontSize: import("../..").FontSize;
1082
+ lineHeight: import("../..").FontLineHeight;
1083
+ color: string;
1084
+ };
1085
+ textLBold: {
1086
+ fontWeight: string;
1087
+ fontSize: import("../..").FontSize;
1088
+ lineHeight: import("../..").FontLineHeight;
1089
+ color: string;
1090
+ };
1091
+ textXLBold: {
1092
+ fontWeight: string;
1093
+ fontSize: import("../..").FontSize;
1094
+ lineHeight: import("../..").FontLineHeight;
1095
+ color: string;
1096
+ };
1097
+ defaults: {
1098
+ fontSize: import("../..").FontSize;
1099
+ lineHeight: import("../..").FontLineHeight;
1100
+ color: string;
1101
+ };
1102
+ textXS: {
1103
+ fontSize: import("../..").FontSize;
1104
+ lineHeight: import("../..").FontLineHeight;
1105
+ color: string;
1106
+ };
1107
+ textS: {
1108
+ fontSize: import("../..").FontSize;
1109
+ lineHeight: import("../..").FontLineHeight;
1110
+ color: string;
1111
+ };
1112
+ textM: {
1113
+ fontSize: import("../..").FontSize;
1114
+ lineHeight: import("../..").FontLineHeight;
1115
+ color: string;
1116
+ };
1117
+ textL: {
1118
+ fontSize: import("../..").FontSize;
1119
+ lineHeight: import("../..").FontLineHeight;
1120
+ color: string;
1121
+ };
1122
+ textXL: {
1123
+ fontSize: import("../..").FontSize;
1124
+ lineHeight: import("../..").FontLineHeight;
1125
+ color: string;
1126
+ };
1127
+ };
1128
+ }> & import("@shopify/restyle").OpacityProps<{
1129
+ colors: {
1130
+ transparent: import("../..").Palette;
1131
+ themePri: import("../..").Palette;
1132
+ themeSec: import("../..").Palette;
1133
+ themePriT: import("../..").Palette;
1134
+ background: import("../..").Palette;
1135
+ backgroundOverlay: import("../..").Palette;
1136
+ text: import("../..").Palette;
1137
+ textOverlay: import("../..").Palette;
1138
+ textButton: import("../..").Palette;
1139
+ border: import("../..").Palette;
1140
+ separator: import("../..").Palette;
1141
+ err: import("../..").Palette;
1142
+ };
1143
+ spacing: {
1144
+ none: import("../..").Spacing;
1145
+ xxxs: import("../..").Spacing;
1146
+ xxs: import("../..").Spacing;
1147
+ xs: import("../..").Spacing;
1148
+ s: import("../..").Spacing;
1149
+ m: import("../..").Spacing;
1150
+ l: import("../..").Spacing;
1151
+ xl: import("../..").Spacing;
1152
+ xxl: import("../..").Spacing;
1153
+ xxxl: import("../..").Spacing;
1154
+ };
1155
+ breakpoints: {
1156
+ smallPhone: number;
1157
+ phone: number;
1158
+ smallTablet: number;
1159
+ tablet: number;
1160
+ desktop: number;
1161
+ };
1162
+ zIndices: {
1163
+ bottom: import("../..").ZIndex;
1164
+ middle: import("../..").ZIndex;
1165
+ top: import("../..").ZIndex;
1166
+ };
1167
+ borderRadii: {
1168
+ s: import("../..").BorderRadius;
1169
+ m: import("../..").BorderRadius;
1170
+ l: import("../..").BorderRadius;
1171
+ round: import("../..").BorderRadius;
1172
+ };
1173
+ textVariants: {
1174
+ textXSBold: {
1175
+ fontWeight: string;
1176
+ fontSize: import("../..").FontSize;
1177
+ lineHeight: import("../..").FontLineHeight;
1178
+ color: string;
1179
+ };
1180
+ textSBold: {
1181
+ fontWeight: string;
1182
+ fontSize: import("../..").FontSize;
1183
+ lineHeight: import("../..").FontLineHeight;
1184
+ color: string;
1185
+ };
1186
+ textMBold: {
1187
+ fontWeight: string;
1188
+ fontSize: import("../..").FontSize;
1189
+ lineHeight: import("../..").FontLineHeight;
1190
+ color: string;
1191
+ };
1192
+ textLBold: {
1193
+ fontWeight: string;
1194
+ fontSize: import("../..").FontSize;
1195
+ lineHeight: import("../..").FontLineHeight;
1196
+ color: string;
1197
+ };
1198
+ textXLBold: {
1199
+ fontWeight: string;
1200
+ fontSize: import("../..").FontSize;
1201
+ lineHeight: import("../..").FontLineHeight;
1202
+ color: string;
1203
+ };
1204
+ defaults: {
1205
+ fontSize: import("../..").FontSize;
1206
+ lineHeight: import("../..").FontLineHeight;
1207
+ color: string;
1208
+ };
1209
+ textXS: {
1210
+ fontSize: import("../..").FontSize;
1211
+ lineHeight: import("../..").FontLineHeight;
1212
+ color: string;
1213
+ };
1214
+ textS: {
1215
+ fontSize: import("../..").FontSize;
1216
+ lineHeight: import("../..").FontLineHeight;
1217
+ color: string;
1218
+ };
1219
+ textM: {
1220
+ fontSize: import("../..").FontSize;
1221
+ lineHeight: import("../..").FontLineHeight;
1222
+ color: string;
1223
+ };
1224
+ textL: {
1225
+ fontSize: import("../..").FontSize;
1226
+ lineHeight: import("../..").FontLineHeight;
1227
+ color: string;
1228
+ };
1229
+ textXL: {
1230
+ fontSize: import("../..").FontSize;
1231
+ lineHeight: import("../..").FontLineHeight;
1232
+ color: string;
1233
+ };
1234
+ };
1235
+ }> & import("@shopify/restyle").VisibleProps<{
1236
+ colors: {
1237
+ transparent: import("../..").Palette;
1238
+ themePri: import("../..").Palette;
1239
+ themeSec: import("../..").Palette;
1240
+ themePriT: import("../..").Palette;
1241
+ background: import("../..").Palette;
1242
+ backgroundOverlay: import("../..").Palette;
1243
+ text: import("../..").Palette;
1244
+ textOverlay: import("../..").Palette;
1245
+ textButton: import("../..").Palette;
1246
+ border: import("../..").Palette;
1247
+ separator: import("../..").Palette;
1248
+ err: import("../..").Palette;
1249
+ };
1250
+ spacing: {
1251
+ none: import("../..").Spacing;
1252
+ xxxs: import("../..").Spacing;
1253
+ xxs: import("../..").Spacing;
1254
+ xs: import("../..").Spacing;
1255
+ s: import("../..").Spacing;
1256
+ m: import("../..").Spacing;
1257
+ l: import("../..").Spacing;
1258
+ xl: import("../..").Spacing;
1259
+ xxl: import("../..").Spacing;
1260
+ xxxl: import("../..").Spacing;
1261
+ };
1262
+ breakpoints: {
1263
+ smallPhone: number;
1264
+ phone: number;
1265
+ smallTablet: number;
1266
+ tablet: number;
1267
+ desktop: number;
1268
+ };
1269
+ zIndices: {
1270
+ bottom: import("../..").ZIndex;
1271
+ middle: import("../..").ZIndex;
1272
+ top: import("../..").ZIndex;
1273
+ };
1274
+ borderRadii: {
1275
+ s: import("../..").BorderRadius;
1276
+ m: import("../..").BorderRadius;
1277
+ l: import("../..").BorderRadius;
1278
+ round: import("../..").BorderRadius;
1279
+ };
1280
+ textVariants: {
1281
+ textXSBold: {
1282
+ fontWeight: string;
1283
+ fontSize: import("../..").FontSize;
1284
+ lineHeight: import("../..").FontLineHeight;
1285
+ color: string;
1286
+ };
1287
+ textSBold: {
1288
+ fontWeight: string;
1289
+ fontSize: import("../..").FontSize;
1290
+ lineHeight: import("../..").FontLineHeight;
1291
+ color: string;
1292
+ };
1293
+ textMBold: {
1294
+ fontWeight: string;
1295
+ fontSize: import("../..").FontSize;
1296
+ lineHeight: import("../..").FontLineHeight;
1297
+ color: string;
1298
+ };
1299
+ textLBold: {
1300
+ fontWeight: string;
1301
+ fontSize: import("../..").FontSize;
1302
+ lineHeight: import("../..").FontLineHeight;
1303
+ color: string;
1304
+ };
1305
+ textXLBold: {
1306
+ fontWeight: string;
1307
+ fontSize: import("../..").FontSize;
1308
+ lineHeight: import("../..").FontLineHeight;
1309
+ color: string;
1310
+ };
1311
+ defaults: {
1312
+ fontSize: import("../..").FontSize;
1313
+ lineHeight: import("../..").FontLineHeight;
1314
+ color: string;
1315
+ };
1316
+ textXS: {
1317
+ fontSize: import("../..").FontSize;
1318
+ lineHeight: import("../..").FontLineHeight;
1319
+ color: string;
1320
+ };
1321
+ textS: {
1322
+ fontSize: import("../..").FontSize;
1323
+ lineHeight: import("../..").FontLineHeight;
1324
+ color: string;
1325
+ };
1326
+ textM: {
1327
+ fontSize: import("../..").FontSize;
1328
+ lineHeight: import("../..").FontLineHeight;
1329
+ color: string;
1330
+ };
1331
+ textL: {
1332
+ fontSize: import("../..").FontSize;
1333
+ lineHeight: import("../..").FontLineHeight;
1334
+ color: string;
1335
+ };
1336
+ textXL: {
1337
+ fontSize: import("../..").FontSize;
1338
+ lineHeight: import("../..").FontLineHeight;
1339
+ color: string;
1340
+ };
1341
+ };
1342
+ }> & import("@shopify/restyle").LayoutProps<{
1343
+ colors: {
1344
+ transparent: import("../..").Palette;
1345
+ themePri: import("../..").Palette;
1346
+ themeSec: import("../..").Palette;
1347
+ themePriT: import("../..").Palette;
1348
+ background: import("../..").Palette;
1349
+ backgroundOverlay: import("../..").Palette;
1350
+ text: import("../..").Palette;
1351
+ textOverlay: import("../..").Palette;
1352
+ textButton: import("../..").Palette;
1353
+ border: import("../..").Palette;
1354
+ separator: import("../..").Palette;
1355
+ err: import("../..").Palette;
1356
+ };
1357
+ spacing: {
1358
+ none: import("../..").Spacing;
1359
+ xxxs: import("../..").Spacing;
1360
+ xxs: import("../..").Spacing;
1361
+ xs: import("../..").Spacing;
1362
+ s: import("../..").Spacing;
1363
+ m: import("../..").Spacing;
1364
+ l: import("../..").Spacing;
1365
+ xl: import("../..").Spacing;
1366
+ xxl: import("../..").Spacing;
1367
+ xxxl: import("../..").Spacing;
1368
+ };
1369
+ breakpoints: {
1370
+ smallPhone: number;
1371
+ phone: number;
1372
+ smallTablet: number;
1373
+ tablet: number;
1374
+ desktop: number;
1375
+ };
1376
+ zIndices: {
1377
+ bottom: import("../..").ZIndex;
1378
+ middle: import("../..").ZIndex;
1379
+ top: import("../..").ZIndex;
1380
+ };
1381
+ borderRadii: {
1382
+ s: import("../..").BorderRadius;
1383
+ m: import("../..").BorderRadius;
1384
+ l: import("../..").BorderRadius;
1385
+ round: import("../..").BorderRadius;
1386
+ };
1387
+ textVariants: {
1388
+ textXSBold: {
1389
+ fontWeight: string;
1390
+ fontSize: import("../..").FontSize;
1391
+ lineHeight: import("../..").FontLineHeight;
1392
+ color: string;
1393
+ };
1394
+ textSBold: {
1395
+ fontWeight: string;
1396
+ fontSize: import("../..").FontSize;
1397
+ lineHeight: import("../..").FontLineHeight;
1398
+ color: string;
1399
+ };
1400
+ textMBold: {
1401
+ fontWeight: string;
1402
+ fontSize: import("../..").FontSize;
1403
+ lineHeight: import("../..").FontLineHeight;
1404
+ color: string;
1405
+ };
1406
+ textLBold: {
1407
+ fontWeight: string;
1408
+ fontSize: import("../..").FontSize;
1409
+ lineHeight: import("../..").FontLineHeight;
1410
+ color: string;
1411
+ };
1412
+ textXLBold: {
1413
+ fontWeight: string;
1414
+ fontSize: import("../..").FontSize;
1415
+ lineHeight: import("../..").FontLineHeight;
1416
+ color: string;
1417
+ };
1418
+ defaults: {
1419
+ fontSize: import("../..").FontSize;
1420
+ lineHeight: import("../..").FontLineHeight;
1421
+ color: string;
1422
+ };
1423
+ textXS: {
1424
+ fontSize: import("../..").FontSize;
1425
+ lineHeight: import("../..").FontLineHeight;
1426
+ color: string;
1427
+ };
1428
+ textS: {
1429
+ fontSize: import("../..").FontSize;
1430
+ lineHeight: import("../..").FontLineHeight;
1431
+ color: string;
1432
+ };
1433
+ textM: {
1434
+ fontSize: import("../..").FontSize;
1435
+ lineHeight: import("../..").FontLineHeight;
1436
+ color: string;
1437
+ };
1438
+ textL: {
1439
+ fontSize: import("../..").FontSize;
1440
+ lineHeight: import("../..").FontLineHeight;
1441
+ color: string;
1442
+ };
1443
+ textXL: {
1444
+ fontSize: import("../..").FontSize;
1445
+ lineHeight: import("../..").FontLineHeight;
1446
+ color: string;
1447
+ };
1448
+ };
1449
+ }> & import("@shopify/restyle").SpacingProps<{
1450
+ colors: {
1451
+ transparent: import("../..").Palette;
1452
+ themePri: import("../..").Palette;
1453
+ themeSec: import("../..").Palette;
1454
+ themePriT: import("../..").Palette;
1455
+ background: import("../..").Palette;
1456
+ backgroundOverlay: import("../..").Palette;
1457
+ text: import("../..").Palette;
1458
+ textOverlay: import("../..").Palette;
1459
+ textButton: import("../..").Palette;
1460
+ border: import("../..").Palette;
1461
+ separator: import("../..").Palette;
1462
+ err: import("../..").Palette;
1463
+ };
1464
+ spacing: {
1465
+ none: import("../..").Spacing;
1466
+ xxxs: import("../..").Spacing;
1467
+ xxs: import("../..").Spacing;
1468
+ xs: import("../..").Spacing;
1469
+ s: import("../..").Spacing;
1470
+ m: import("../..").Spacing;
1471
+ l: import("../..").Spacing;
1472
+ xl: import("../..").Spacing;
1473
+ xxl: import("../..").Spacing;
1474
+ xxxl: import("../..").Spacing;
1475
+ };
1476
+ breakpoints: {
1477
+ smallPhone: number;
1478
+ phone: number;
1479
+ smallTablet: number;
1480
+ tablet: number;
1481
+ desktop: number;
1482
+ };
1483
+ zIndices: {
1484
+ bottom: import("../..").ZIndex;
1485
+ middle: import("../..").ZIndex;
1486
+ top: import("../..").ZIndex;
1487
+ };
1488
+ borderRadii: {
1489
+ s: import("../..").BorderRadius;
1490
+ m: import("../..").BorderRadius;
1491
+ l: import("../..").BorderRadius;
1492
+ round: import("../..").BorderRadius;
1493
+ };
1494
+ textVariants: {
1495
+ textXSBold: {
1496
+ fontWeight: string;
1497
+ fontSize: import("../..").FontSize;
1498
+ lineHeight: import("../..").FontLineHeight;
1499
+ color: string;
1500
+ };
1501
+ textSBold: {
1502
+ fontWeight: string;
1503
+ fontSize: import("../..").FontSize;
1504
+ lineHeight: import("../..").FontLineHeight;
1505
+ color: string;
1506
+ };
1507
+ textMBold: {
1508
+ fontWeight: string;
1509
+ fontSize: import("../..").FontSize;
1510
+ lineHeight: import("../..").FontLineHeight;
1511
+ color: string;
1512
+ };
1513
+ textLBold: {
1514
+ fontWeight: string;
1515
+ fontSize: import("../..").FontSize;
1516
+ lineHeight: import("../..").FontLineHeight;
1517
+ color: string;
1518
+ };
1519
+ textXLBold: {
1520
+ fontWeight: string;
1521
+ fontSize: import("../..").FontSize;
1522
+ lineHeight: import("../..").FontLineHeight;
1523
+ color: string;
1524
+ };
1525
+ defaults: {
1526
+ fontSize: import("../..").FontSize;
1527
+ lineHeight: import("../..").FontLineHeight;
1528
+ color: string;
1529
+ };
1530
+ textXS: {
1531
+ fontSize: import("../..").FontSize;
1532
+ lineHeight: import("../..").FontLineHeight;
1533
+ color: string;
1534
+ };
1535
+ textS: {
1536
+ fontSize: import("../..").FontSize;
1537
+ lineHeight: import("../..").FontLineHeight;
1538
+ color: string;
1539
+ };
1540
+ textM: {
1541
+ fontSize: import("../..").FontSize;
1542
+ lineHeight: import("../..").FontLineHeight;
1543
+ color: string;
1544
+ };
1545
+ textL: {
1546
+ fontSize: import("../..").FontSize;
1547
+ lineHeight: import("../..").FontLineHeight;
1548
+ color: string;
1549
+ };
1550
+ textXL: {
1551
+ fontSize: import("../..").FontSize;
1552
+ lineHeight: import("../..").FontLineHeight;
1553
+ color: string;
1554
+ };
1555
+ };
1556
+ }> & {
1557
+ borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1558
+ smallPhone: number;
1559
+ phone: number;
1560
+ smallTablet: number;
1561
+ tablet: number;
1562
+ desktop: number;
1563
+ }>;
1564
+ borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1565
+ smallPhone: number;
1566
+ phone: number;
1567
+ smallTablet: number;
1568
+ tablet: number;
1569
+ desktop: number;
1570
+ }>;
1571
+ borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1572
+ smallPhone: number;
1573
+ phone: number;
1574
+ smallTablet: number;
1575
+ tablet: number;
1576
+ desktop: number;
1577
+ }>;
1578
+ borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
1579
+ smallPhone: number;
1580
+ phone: number;
1581
+ smallTablet: number;
1582
+ tablet: number;
1583
+ desktop: number;
1584
+ }>;
1585
+ borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1586
+ smallPhone: number;
1587
+ phone: number;
1588
+ smallTablet: number;
1589
+ tablet: number;
1590
+ desktop: number;
1591
+ }>;
1592
+ borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1593
+ smallPhone: number;
1594
+ phone: number;
1595
+ smallTablet: number;
1596
+ tablet: number;
1597
+ desktop: number;
1598
+ }>;
1599
+ borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1600
+ smallPhone: number;
1601
+ phone: number;
1602
+ smallTablet: number;
1603
+ tablet: number;
1604
+ desktop: number;
1605
+ }>;
1606
+ borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1607
+ smallPhone: number;
1608
+ phone: number;
1609
+ smallTablet: number;
1610
+ tablet: number;
1611
+ desktop: number;
1612
+ }>;
1613
+ } & {
1614
+ borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1615
+ smallPhone: number;
1616
+ phone: number;
1617
+ smallTablet: number;
1618
+ tablet: number;
1619
+ desktop: number;
1620
+ }> | undefined;
1621
+ borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1622
+ smallPhone: number;
1623
+ phone: number;
1624
+ smallTablet: number;
1625
+ tablet: number;
1626
+ desktop: number;
1627
+ }> | undefined;
1628
+ borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1629
+ smallPhone: number;
1630
+ phone: number;
1631
+ smallTablet: number;
1632
+ tablet: number;
1633
+ desktop: number;
1634
+ }> | undefined;
1635
+ borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1636
+ smallPhone: number;
1637
+ phone: number;
1638
+ smallTablet: number;
1639
+ tablet: number;
1640
+ desktop: number;
1641
+ }> | undefined;
1642
+ borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1643
+ smallPhone: number;
1644
+ phone: number;
1645
+ smallTablet: number;
1646
+ tablet: number;
1647
+ desktop: number;
1648
+ }> | undefined;
1649
+ borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1650
+ smallPhone: number;
1651
+ phone: number;
1652
+ smallTablet: number;
1653
+ tablet: number;
1654
+ desktop: number;
1655
+ }> | undefined;
1656
+ borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1657
+ smallPhone: number;
1658
+ phone: number;
1659
+ smallTablet: number;
1660
+ tablet: number;
1661
+ desktop: number;
1662
+ }> | undefined;
1663
+ } & {
1664
+ borderRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1665
+ smallPhone: number;
1666
+ phone: number;
1667
+ smallTablet: number;
1668
+ tablet: number;
1669
+ desktop: number;
1670
+ }> | undefined;
1671
+ borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1672
+ smallPhone: number;
1673
+ phone: number;
1674
+ smallTablet: number;
1675
+ tablet: number;
1676
+ desktop: number;
1677
+ }> | undefined;
1678
+ borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1679
+ smallPhone: number;
1680
+ phone: number;
1681
+ smallTablet: number;
1682
+ tablet: number;
1683
+ desktop: number;
1684
+ }> | undefined;
1685
+ borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1686
+ smallPhone: number;
1687
+ phone: number;
1688
+ smallTablet: number;
1689
+ tablet: number;
1690
+ desktop: number;
1691
+ }> | undefined;
1692
+ borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1693
+ smallPhone: number;
1694
+ phone: number;
1695
+ smallTablet: number;
1696
+ tablet: number;
1697
+ desktop: number;
1698
+ }> | undefined;
1699
+ borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1700
+ smallPhone: number;
1701
+ phone: number;
1702
+ smallTablet: number;
1703
+ tablet: number;
1704
+ desktop: number;
1705
+ }> | undefined;
1706
+ borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1707
+ smallPhone: number;
1708
+ phone: number;
1709
+ smallTablet: number;
1710
+ tablet: number;
1711
+ desktop: number;
1712
+ }> | undefined;
1713
+ borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1714
+ smallPhone: number;
1715
+ phone: number;
1716
+ smallTablet: number;
1717
+ tablet: number;
1718
+ desktop: number;
1719
+ }> | undefined;
1720
+ borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
1721
+ smallPhone: number;
1722
+ phone: number;
1723
+ smallTablet: number;
1724
+ tablet: number;
1725
+ desktop: number;
1726
+ }> | undefined;
1727
+ } & {
1728
+ shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
1729
+ smallPhone: number;
1730
+ phone: number;
1731
+ smallTablet: number;
1732
+ tablet: number;
1733
+ desktop: number;
1734
+ }>;
1735
+ shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
1736
+ width: number;
1737
+ height: number;
1738
+ }> | undefined, {
1739
+ smallPhone: number;
1740
+ phone: number;
1741
+ smallTablet: number;
1742
+ tablet: number;
1743
+ desktop: number;
1744
+ }>;
1745
+ shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1746
+ smallPhone: number;
1747
+ phone: number;
1748
+ smallTablet: number;
1749
+ tablet: number;
1750
+ desktop: number;
1751
+ }>;
1752
+ elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
1753
+ smallPhone: number;
1754
+ phone: number;
1755
+ smallTablet: number;
1756
+ tablet: number;
1757
+ desktop: number;
1758
+ }>;
1759
+ } & {
1760
+ shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
1761
+ smallPhone: number;
1762
+ phone: number;
1763
+ smallTablet: number;
1764
+ tablet: number;
1765
+ desktop: number;
1766
+ }> | undefined;
1767
+ } & {
1768
+ position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
1769
+ smallPhone: number;
1770
+ phone: number;
1771
+ smallTablet: number;
1772
+ tablet: number;
1773
+ desktop: number;
1774
+ }>;
1775
+ top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1776
+ smallPhone: number;
1777
+ phone: number;
1778
+ smallTablet: number;
1779
+ tablet: number;
1780
+ desktop: number;
1781
+ }>;
1782
+ right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1783
+ smallPhone: number;
1784
+ phone: number;
1785
+ smallTablet: number;
1786
+ tablet: number;
1787
+ desktop: number;
1788
+ }>;
1789
+ bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1790
+ smallPhone: number;
1791
+ phone: number;
1792
+ smallTablet: number;
1793
+ tablet: number;
1794
+ desktop: number;
1795
+ }>;
1796
+ left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1797
+ smallPhone: number;
1798
+ phone: number;
1799
+ smallTablet: number;
1800
+ tablet: number;
1801
+ desktop: number;
1802
+ }>;
1803
+ start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1804
+ smallPhone: number;
1805
+ phone: number;
1806
+ smallTablet: number;
1807
+ tablet: number;
1808
+ desktop: number;
1809
+ }>;
1810
+ end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
1811
+ smallPhone: number;
1812
+ phone: number;
1813
+ smallTablet: number;
1814
+ tablet: number;
1815
+ desktop: number;
1816
+ }>;
1817
+ } & {
1818
+ zIndex?: import("@shopify/restyle").ResponsiveValue<"bottom" | "middle" | "top", {
1819
+ smallPhone: number;
1820
+ phone: number;
1821
+ smallTablet: number;
1822
+ tablet: number;
1823
+ desktop: number;
1824
+ }> | undefined;
1825
+ } & import("@shopify/restyle").SpacingShorthandProps<{
1826
+ colors: {
1827
+ transparent: import("../..").Palette;
1828
+ themePri: import("../..").Palette;
1829
+ themeSec: import("../..").Palette;
1830
+ themePriT: import("../..").Palette;
1831
+ background: import("../..").Palette;
1832
+ backgroundOverlay: import("../..").Palette;
1833
+ text: import("../..").Palette;
1834
+ textOverlay: import("../..").Palette;
1835
+ textButton: import("../..").Palette;
1836
+ border: import("../..").Palette;
1837
+ separator: import("../..").Palette;
1838
+ err: import("../..").Palette;
1839
+ };
1840
+ spacing: {
1841
+ none: import("../..").Spacing;
1842
+ xxxs: import("../..").Spacing;
1843
+ xxs: import("../..").Spacing;
1844
+ xs: import("../..").Spacing;
1845
+ s: import("../..").Spacing;
1846
+ m: import("../..").Spacing;
1847
+ l: import("../..").Spacing;
1848
+ xl: import("../..").Spacing;
1849
+ xxl: import("../..").Spacing;
1850
+ xxxl: import("../..").Spacing;
1851
+ };
1852
+ breakpoints: {
1853
+ smallPhone: number;
1854
+ phone: number;
1855
+ smallTablet: number;
1856
+ tablet: number;
1857
+ desktop: number;
1858
+ };
1859
+ zIndices: {
1860
+ bottom: import("../..").ZIndex;
1861
+ middle: import("../..").ZIndex;
1862
+ top: import("../..").ZIndex;
1863
+ };
1864
+ borderRadii: {
1865
+ s: import("../..").BorderRadius;
1866
+ m: import("../..").BorderRadius;
1867
+ l: import("../..").BorderRadius;
1868
+ round: import("../..").BorderRadius;
1869
+ };
1870
+ textVariants: {
1871
+ textXSBold: {
1872
+ fontWeight: string;
1873
+ fontSize: import("../..").FontSize;
1874
+ lineHeight: import("../..").FontLineHeight;
1875
+ color: string;
1876
+ };
1877
+ textSBold: {
1878
+ fontWeight: string;
1879
+ fontSize: import("../..").FontSize;
1880
+ lineHeight: import("../..").FontLineHeight;
1881
+ color: string;
1882
+ };
1883
+ textMBold: {
1884
+ fontWeight: string;
1885
+ fontSize: import("../..").FontSize;
1886
+ lineHeight: import("../..").FontLineHeight;
1887
+ color: string;
1888
+ };
1889
+ textLBold: {
1890
+ fontWeight: string;
1891
+ fontSize: import("../..").FontSize;
1892
+ lineHeight: import("../..").FontLineHeight;
1893
+ color: string;
1894
+ };
1895
+ textXLBold: {
1896
+ fontWeight: string;
1897
+ fontSize: import("../..").FontSize;
1898
+ lineHeight: import("../..").FontLineHeight;
1899
+ color: string;
1900
+ };
1901
+ defaults: {
1902
+ fontSize: import("../..").FontSize;
1903
+ lineHeight: import("../..").FontLineHeight;
1904
+ color: string;
1905
+ };
1906
+ textXS: {
1907
+ fontSize: import("../..").FontSize;
1908
+ lineHeight: import("../..").FontLineHeight;
1909
+ color: string;
1910
+ };
1911
+ textS: {
1912
+ fontSize: import("../..").FontSize;
1913
+ lineHeight: import("../..").FontLineHeight;
1914
+ color: string;
1915
+ };
1916
+ textM: {
1917
+ fontSize: import("../..").FontSize;
1918
+ lineHeight: import("../..").FontLineHeight;
1919
+ color: string;
1920
+ };
1921
+ textL: {
1922
+ fontSize: import("../..").FontSize;
1923
+ lineHeight: import("../..").FontLineHeight;
1924
+ color: string;
1925
+ };
1926
+ textXL: {
1927
+ fontSize: import("../..").FontSize;
1928
+ lineHeight: import("../..").FontLineHeight;
1929
+ color: string;
1930
+ };
1931
+ };
1932
+ }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
1933
+ colors: {
1934
+ transparent: import("../..").Palette;
1935
+ themePri: import("../..").Palette;
1936
+ themeSec: import("../..").Palette;
1937
+ themePriT: import("../..").Palette;
1938
+ background: import("../..").Palette;
1939
+ backgroundOverlay: import("../..").Palette;
1940
+ text: import("../..").Palette;
1941
+ textOverlay: import("../..").Palette;
1942
+ textButton: import("../..").Palette;
1943
+ border: import("../..").Palette;
1944
+ separator: import("../..").Palette;
1945
+ err: import("../..").Palette;
1946
+ };
1947
+ spacing: {
1948
+ none: import("../..").Spacing;
1949
+ xxxs: import("../..").Spacing;
1950
+ xxs: import("../..").Spacing;
1951
+ xs: import("../..").Spacing;
1952
+ s: import("../..").Spacing;
1953
+ m: import("../..").Spacing;
1954
+ l: import("../..").Spacing;
1955
+ xl: import("../..").Spacing;
1956
+ xxl: import("../..").Spacing;
1957
+ xxxl: import("../..").Spacing;
1958
+ };
1959
+ breakpoints: {
1960
+ smallPhone: number;
1961
+ phone: number;
1962
+ smallTablet: number;
1963
+ tablet: number;
1964
+ desktop: number;
1965
+ };
1966
+ zIndices: {
1967
+ bottom: import("../..").ZIndex;
1968
+ middle: import("../..").ZIndex;
1969
+ top: import("../..").ZIndex;
1970
+ };
1971
+ borderRadii: {
1972
+ s: import("../..").BorderRadius;
1973
+ m: import("../..").BorderRadius;
1974
+ l: import("../..").BorderRadius;
1975
+ round: import("../..").BorderRadius;
1976
+ };
1977
+ textVariants: {
1978
+ textXSBold: {
1979
+ fontWeight: string;
1980
+ fontSize: import("../..").FontSize;
1981
+ lineHeight: import("../..").FontLineHeight;
1982
+ color: string;
1983
+ };
1984
+ textSBold: {
1985
+ fontWeight: string;
1986
+ fontSize: import("../..").FontSize;
1987
+ lineHeight: import("../..").FontLineHeight;
1988
+ color: string;
1989
+ };
1990
+ textMBold: {
1991
+ fontWeight: string;
1992
+ fontSize: import("../..").FontSize;
1993
+ lineHeight: import("../..").FontLineHeight;
1994
+ color: string;
1995
+ };
1996
+ textLBold: {
1997
+ fontWeight: string;
1998
+ fontSize: import("../..").FontSize;
1999
+ lineHeight: import("../..").FontLineHeight;
2000
+ color: string;
2001
+ };
2002
+ textXLBold: {
2003
+ fontWeight: string;
2004
+ fontSize: import("../..").FontSize;
2005
+ lineHeight: import("../..").FontLineHeight;
2006
+ color: string;
2007
+ };
2008
+ defaults: {
2009
+ fontSize: import("../..").FontSize;
2010
+ lineHeight: import("../..").FontLineHeight;
2011
+ color: string;
2012
+ };
2013
+ textXS: {
2014
+ fontSize: import("../..").FontSize;
2015
+ lineHeight: import("../..").FontLineHeight;
2016
+ color: string;
2017
+ };
2018
+ textS: {
2019
+ fontSize: import("../..").FontSize;
2020
+ lineHeight: import("../..").FontLineHeight;
2021
+ color: string;
2022
+ };
2023
+ textM: {
2024
+ fontSize: import("../..").FontSize;
2025
+ lineHeight: import("../..").FontLineHeight;
2026
+ color: string;
2027
+ };
2028
+ textL: {
2029
+ fontSize: import("../..").FontSize;
2030
+ lineHeight: import("../..").FontLineHeight;
2031
+ color: string;
2032
+ };
2033
+ textXL: {
2034
+ fontSize: import("../..").FontSize;
2035
+ lineHeight: import("../..").FontLineHeight;
2036
+ color: string;
2037
+ };
2038
+ };
2039
+ }> & Omit<import("react-native").ViewProps & {
2040
+ children?: React.ReactNode;
2041
+ }, "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>> & {
2042
+ defaultProps?: Partial<import("@shopify/restyle").BackgroundColorProps<{
2043
+ colors: {
2044
+ transparent: import("../..").Palette;
2045
+ themePri: import("../..").Palette;
2046
+ themeSec: import("../..").Palette;
2047
+ themePriT: import("../..").Palette;
2048
+ background: import("../..").Palette;
2049
+ backgroundOverlay: import("../..").Palette;
2050
+ text: import("../..").Palette;
2051
+ textOverlay: import("../..").Palette;
2052
+ textButton: import("../..").Palette;
2053
+ border: import("../..").Palette;
2054
+ separator: import("../..").Palette;
2055
+ err: import("../..").Palette;
2056
+ };
2057
+ spacing: {
2058
+ none: import("../..").Spacing;
2059
+ xxxs: import("../..").Spacing;
2060
+ xxs: import("../..").Spacing;
2061
+ xs: import("../..").Spacing;
2062
+ s: import("../..").Spacing;
2063
+ m: import("../..").Spacing;
2064
+ l: import("../..").Spacing;
2065
+ xl: import("../..").Spacing;
2066
+ xxl: import("../..").Spacing;
2067
+ xxxl: import("../..").Spacing;
2068
+ };
2069
+ breakpoints: {
2070
+ smallPhone: number;
2071
+ phone: number;
2072
+ smallTablet: number;
2073
+ tablet: number;
2074
+ desktop: number;
2075
+ };
2076
+ zIndices: {
2077
+ bottom: import("../..").ZIndex;
2078
+ middle: import("../..").ZIndex;
2079
+ top: import("../..").ZIndex;
2080
+ };
2081
+ borderRadii: {
2082
+ s: import("../..").BorderRadius;
2083
+ m: import("../..").BorderRadius;
2084
+ l: import("../..").BorderRadius;
2085
+ round: import("../..").BorderRadius;
2086
+ };
2087
+ textVariants: {
2088
+ textXSBold: {
2089
+ fontWeight: string;
2090
+ fontSize: import("../..").FontSize;
2091
+ lineHeight: import("../..").FontLineHeight;
2092
+ color: string;
2093
+ };
2094
+ textSBold: {
2095
+ fontWeight: string;
2096
+ fontSize: import("../..").FontSize;
2097
+ lineHeight: import("../..").FontLineHeight;
2098
+ color: string;
2099
+ };
2100
+ textMBold: {
2101
+ fontWeight: string;
2102
+ fontSize: import("../..").FontSize;
2103
+ lineHeight: import("../..").FontLineHeight;
2104
+ color: string;
2105
+ };
2106
+ textLBold: {
2107
+ fontWeight: string;
2108
+ fontSize: import("../..").FontSize;
2109
+ lineHeight: import("../..").FontLineHeight;
2110
+ color: string;
2111
+ };
2112
+ textXLBold: {
2113
+ fontWeight: string;
2114
+ fontSize: import("../..").FontSize;
2115
+ lineHeight: import("../..").FontLineHeight;
2116
+ color: string;
2117
+ };
2118
+ defaults: {
2119
+ fontSize: import("../..").FontSize;
2120
+ lineHeight: import("../..").FontLineHeight;
2121
+ color: string;
2122
+ };
2123
+ textXS: {
2124
+ fontSize: import("../..").FontSize;
2125
+ lineHeight: import("../..").FontLineHeight;
2126
+ color: string;
2127
+ };
2128
+ textS: {
2129
+ fontSize: import("../..").FontSize;
2130
+ lineHeight: import("../..").FontLineHeight;
2131
+ color: string;
2132
+ };
2133
+ textM: {
2134
+ fontSize: import("../..").FontSize;
2135
+ lineHeight: import("../..").FontLineHeight;
2136
+ color: string;
2137
+ };
2138
+ textL: {
2139
+ fontSize: import("../..").FontSize;
2140
+ lineHeight: import("../..").FontLineHeight;
2141
+ color: string;
2142
+ };
2143
+ textXL: {
2144
+ fontSize: import("../..").FontSize;
2145
+ lineHeight: import("../..").FontLineHeight;
2146
+ color: string;
2147
+ };
2148
+ };
2149
+ }> & import("@shopify/restyle").OpacityProps<{
2150
+ colors: {
2151
+ transparent: import("../..").Palette;
2152
+ themePri: import("../..").Palette;
2153
+ themeSec: import("../..").Palette;
2154
+ themePriT: import("../..").Palette;
2155
+ background: import("../..").Palette;
2156
+ backgroundOverlay: import("../..").Palette;
2157
+ text: import("../..").Palette;
2158
+ textOverlay: import("../..").Palette;
2159
+ textButton: import("../..").Palette;
2160
+ border: import("../..").Palette;
2161
+ separator: import("../..").Palette;
2162
+ err: import("../..").Palette;
2163
+ };
2164
+ spacing: {
2165
+ none: import("../..").Spacing;
2166
+ xxxs: import("../..").Spacing;
2167
+ xxs: import("../..").Spacing;
2168
+ xs: import("../..").Spacing;
2169
+ s: import("../..").Spacing;
2170
+ m: import("../..").Spacing;
2171
+ l: import("../..").Spacing;
2172
+ xl: import("../..").Spacing;
2173
+ xxl: import("../..").Spacing;
2174
+ xxxl: import("../..").Spacing;
2175
+ };
2176
+ breakpoints: {
2177
+ smallPhone: number;
2178
+ phone: number;
2179
+ smallTablet: number;
2180
+ tablet: number;
2181
+ desktop: number;
2182
+ };
2183
+ zIndices: {
2184
+ bottom: import("../..").ZIndex;
2185
+ middle: import("../..").ZIndex;
2186
+ top: import("../..").ZIndex;
2187
+ };
2188
+ borderRadii: {
2189
+ s: import("../..").BorderRadius;
2190
+ m: import("../..").BorderRadius;
2191
+ l: import("../..").BorderRadius;
2192
+ round: import("../..").BorderRadius;
2193
+ };
2194
+ textVariants: {
2195
+ textXSBold: {
2196
+ fontWeight: string;
2197
+ fontSize: import("../..").FontSize;
2198
+ lineHeight: import("../..").FontLineHeight;
2199
+ color: string;
2200
+ };
2201
+ textSBold: {
2202
+ fontWeight: string;
2203
+ fontSize: import("../..").FontSize;
2204
+ lineHeight: import("../..").FontLineHeight;
2205
+ color: string;
2206
+ };
2207
+ textMBold: {
2208
+ fontWeight: string;
2209
+ fontSize: import("../..").FontSize;
2210
+ lineHeight: import("../..").FontLineHeight;
2211
+ color: string;
2212
+ };
2213
+ textLBold: {
2214
+ fontWeight: string;
2215
+ fontSize: import("../..").FontSize;
2216
+ lineHeight: import("../..").FontLineHeight;
2217
+ color: string;
2218
+ };
2219
+ textXLBold: {
2220
+ fontWeight: string;
2221
+ fontSize: import("../..").FontSize;
2222
+ lineHeight: import("../..").FontLineHeight;
2223
+ color: string;
2224
+ };
2225
+ defaults: {
2226
+ fontSize: import("../..").FontSize;
2227
+ lineHeight: import("../..").FontLineHeight;
2228
+ color: string;
2229
+ };
2230
+ textXS: {
2231
+ fontSize: import("../..").FontSize;
2232
+ lineHeight: import("../..").FontLineHeight;
2233
+ color: string;
2234
+ };
2235
+ textS: {
2236
+ fontSize: import("../..").FontSize;
2237
+ lineHeight: import("../..").FontLineHeight;
2238
+ color: string;
2239
+ };
2240
+ textM: {
2241
+ fontSize: import("../..").FontSize;
2242
+ lineHeight: import("../..").FontLineHeight;
2243
+ color: string;
2244
+ };
2245
+ textL: {
2246
+ fontSize: import("../..").FontSize;
2247
+ lineHeight: import("../..").FontLineHeight;
2248
+ color: string;
2249
+ };
2250
+ textXL: {
2251
+ fontSize: import("../..").FontSize;
2252
+ lineHeight: import("../..").FontLineHeight;
2253
+ color: string;
2254
+ };
2255
+ };
2256
+ }> & import("@shopify/restyle").VisibleProps<{
2257
+ colors: {
2258
+ transparent: import("../..").Palette;
2259
+ themePri: import("../..").Palette;
2260
+ themeSec: import("../..").Palette;
2261
+ themePriT: import("../..").Palette;
2262
+ background: import("../..").Palette;
2263
+ backgroundOverlay: import("../..").Palette;
2264
+ text: import("../..").Palette;
2265
+ textOverlay: import("../..").Palette;
2266
+ textButton: import("../..").Palette;
2267
+ border: import("../..").Palette;
2268
+ separator: import("../..").Palette;
2269
+ err: import("../..").Palette;
2270
+ };
2271
+ spacing: {
2272
+ none: import("../..").Spacing;
2273
+ xxxs: import("../..").Spacing;
2274
+ xxs: import("../..").Spacing;
2275
+ xs: import("../..").Spacing;
2276
+ s: import("../..").Spacing;
2277
+ m: import("../..").Spacing;
2278
+ l: import("../..").Spacing;
2279
+ xl: import("../..").Spacing;
2280
+ xxl: import("../..").Spacing;
2281
+ xxxl: import("../..").Spacing;
2282
+ };
2283
+ breakpoints: {
2284
+ smallPhone: number;
2285
+ phone: number;
2286
+ smallTablet: number;
2287
+ tablet: number;
2288
+ desktop: number;
2289
+ };
2290
+ zIndices: {
2291
+ bottom: import("../..").ZIndex;
2292
+ middle: import("../..").ZIndex;
2293
+ top: import("../..").ZIndex;
2294
+ };
2295
+ borderRadii: {
2296
+ s: import("../..").BorderRadius;
2297
+ m: import("../..").BorderRadius;
2298
+ l: import("../..").BorderRadius;
2299
+ round: import("../..").BorderRadius;
2300
+ };
2301
+ textVariants: {
2302
+ textXSBold: {
2303
+ fontWeight: string;
2304
+ fontSize: import("../..").FontSize;
2305
+ lineHeight: import("../..").FontLineHeight;
2306
+ color: string;
2307
+ };
2308
+ textSBold: {
2309
+ fontWeight: string;
2310
+ fontSize: import("../..").FontSize;
2311
+ lineHeight: import("../..").FontLineHeight;
2312
+ color: string;
2313
+ };
2314
+ textMBold: {
2315
+ fontWeight: string;
2316
+ fontSize: import("../..").FontSize;
2317
+ lineHeight: import("../..").FontLineHeight;
2318
+ color: string;
2319
+ };
2320
+ textLBold: {
2321
+ fontWeight: string;
2322
+ fontSize: import("../..").FontSize;
2323
+ lineHeight: import("../..").FontLineHeight;
2324
+ color: string;
2325
+ };
2326
+ textXLBold: {
2327
+ fontWeight: string;
2328
+ fontSize: import("../..").FontSize;
2329
+ lineHeight: import("../..").FontLineHeight;
2330
+ color: string;
2331
+ };
2332
+ defaults: {
2333
+ fontSize: import("../..").FontSize;
2334
+ lineHeight: import("../..").FontLineHeight;
2335
+ color: string;
2336
+ };
2337
+ textXS: {
2338
+ fontSize: import("../..").FontSize;
2339
+ lineHeight: import("../..").FontLineHeight;
2340
+ color: string;
2341
+ };
2342
+ textS: {
2343
+ fontSize: import("../..").FontSize;
2344
+ lineHeight: import("../..").FontLineHeight;
2345
+ color: string;
2346
+ };
2347
+ textM: {
2348
+ fontSize: import("../..").FontSize;
2349
+ lineHeight: import("../..").FontLineHeight;
2350
+ color: string;
2351
+ };
2352
+ textL: {
2353
+ fontSize: import("../..").FontSize;
2354
+ lineHeight: import("../..").FontLineHeight;
2355
+ color: string;
2356
+ };
2357
+ textXL: {
2358
+ fontSize: import("../..").FontSize;
2359
+ lineHeight: import("../..").FontLineHeight;
2360
+ color: string;
2361
+ };
2362
+ };
2363
+ }> & import("@shopify/restyle").LayoutProps<{
2364
+ colors: {
2365
+ transparent: import("../..").Palette;
2366
+ themePri: import("../..").Palette;
2367
+ themeSec: import("../..").Palette;
2368
+ themePriT: import("../..").Palette;
2369
+ background: import("../..").Palette;
2370
+ backgroundOverlay: import("../..").Palette;
2371
+ text: import("../..").Palette;
2372
+ textOverlay: import("../..").Palette;
2373
+ textButton: import("../..").Palette;
2374
+ border: import("../..").Palette;
2375
+ separator: import("../..").Palette;
2376
+ err: import("../..").Palette;
2377
+ };
2378
+ spacing: {
2379
+ none: import("../..").Spacing;
2380
+ xxxs: import("../..").Spacing;
2381
+ xxs: import("../..").Spacing;
2382
+ xs: import("../..").Spacing;
2383
+ s: import("../..").Spacing;
2384
+ m: import("../..").Spacing;
2385
+ l: import("../..").Spacing;
2386
+ xl: import("../..").Spacing;
2387
+ xxl: import("../..").Spacing;
2388
+ xxxl: import("../..").Spacing;
2389
+ };
2390
+ breakpoints: {
2391
+ smallPhone: number;
2392
+ phone: number;
2393
+ smallTablet: number;
2394
+ tablet: number;
2395
+ desktop: number;
2396
+ };
2397
+ zIndices: {
2398
+ bottom: import("../..").ZIndex;
2399
+ middle: import("../..").ZIndex;
2400
+ top: import("../..").ZIndex;
2401
+ };
2402
+ borderRadii: {
2403
+ s: import("../..").BorderRadius;
2404
+ m: import("../..").BorderRadius;
2405
+ l: import("../..").BorderRadius;
2406
+ round: import("../..").BorderRadius;
2407
+ };
2408
+ textVariants: {
2409
+ textXSBold: {
2410
+ fontWeight: string;
2411
+ fontSize: import("../..").FontSize;
2412
+ lineHeight: import("../..").FontLineHeight;
2413
+ color: string;
2414
+ };
2415
+ textSBold: {
2416
+ fontWeight: string;
2417
+ fontSize: import("../..").FontSize;
2418
+ lineHeight: import("../..").FontLineHeight;
2419
+ color: string;
2420
+ };
2421
+ textMBold: {
2422
+ fontWeight: string;
2423
+ fontSize: import("../..").FontSize;
2424
+ lineHeight: import("../..").FontLineHeight;
2425
+ color: string;
2426
+ };
2427
+ textLBold: {
2428
+ fontWeight: string;
2429
+ fontSize: import("../..").FontSize;
2430
+ lineHeight: import("../..").FontLineHeight;
2431
+ color: string;
2432
+ };
2433
+ textXLBold: {
2434
+ fontWeight: string;
2435
+ fontSize: import("../..").FontSize;
2436
+ lineHeight: import("../..").FontLineHeight;
2437
+ color: string;
2438
+ };
2439
+ defaults: {
2440
+ fontSize: import("../..").FontSize;
2441
+ lineHeight: import("../..").FontLineHeight;
2442
+ color: string;
2443
+ };
2444
+ textXS: {
2445
+ fontSize: import("../..").FontSize;
2446
+ lineHeight: import("../..").FontLineHeight;
2447
+ color: string;
2448
+ };
2449
+ textS: {
2450
+ fontSize: import("../..").FontSize;
2451
+ lineHeight: import("../..").FontLineHeight;
2452
+ color: string;
2453
+ };
2454
+ textM: {
2455
+ fontSize: import("../..").FontSize;
2456
+ lineHeight: import("../..").FontLineHeight;
2457
+ color: string;
2458
+ };
2459
+ textL: {
2460
+ fontSize: import("../..").FontSize;
2461
+ lineHeight: import("../..").FontLineHeight;
2462
+ color: string;
2463
+ };
2464
+ textXL: {
2465
+ fontSize: import("../..").FontSize;
2466
+ lineHeight: import("../..").FontLineHeight;
2467
+ color: string;
2468
+ };
2469
+ };
2470
+ }> & import("@shopify/restyle").SpacingProps<{
2471
+ colors: {
2472
+ transparent: import("../..").Palette;
2473
+ themePri: import("../..").Palette;
2474
+ themeSec: import("../..").Palette;
2475
+ themePriT: import("../..").Palette;
2476
+ background: import("../..").Palette;
2477
+ backgroundOverlay: import("../..").Palette;
2478
+ text: import("../..").Palette;
2479
+ textOverlay: import("../..").Palette;
2480
+ textButton: import("../..").Palette;
2481
+ border: import("../..").Palette;
2482
+ separator: import("../..").Palette;
2483
+ err: import("../..").Palette;
2484
+ };
2485
+ spacing: {
2486
+ none: import("../..").Spacing;
2487
+ xxxs: import("../..").Spacing;
2488
+ xxs: import("../..").Spacing;
2489
+ xs: import("../..").Spacing;
2490
+ s: import("../..").Spacing;
2491
+ m: import("../..").Spacing;
2492
+ l: import("../..").Spacing;
2493
+ xl: import("../..").Spacing;
2494
+ xxl: import("../..").Spacing;
2495
+ xxxl: import("../..").Spacing;
2496
+ };
2497
+ breakpoints: {
2498
+ smallPhone: number;
2499
+ phone: number;
2500
+ smallTablet: number;
2501
+ tablet: number;
2502
+ desktop: number;
2503
+ };
2504
+ zIndices: {
2505
+ bottom: import("../..").ZIndex;
2506
+ middle: import("../..").ZIndex;
2507
+ top: import("../..").ZIndex;
2508
+ };
2509
+ borderRadii: {
2510
+ s: import("../..").BorderRadius;
2511
+ m: import("../..").BorderRadius;
2512
+ l: import("../..").BorderRadius;
2513
+ round: import("../..").BorderRadius;
2514
+ };
2515
+ textVariants: {
2516
+ textXSBold: {
2517
+ fontWeight: string;
2518
+ fontSize: import("../..").FontSize;
2519
+ lineHeight: import("../..").FontLineHeight;
2520
+ color: string;
2521
+ };
2522
+ textSBold: {
2523
+ fontWeight: string;
2524
+ fontSize: import("../..").FontSize;
2525
+ lineHeight: import("../..").FontLineHeight;
2526
+ color: string;
2527
+ };
2528
+ textMBold: {
2529
+ fontWeight: string;
2530
+ fontSize: import("../..").FontSize;
2531
+ lineHeight: import("../..").FontLineHeight;
2532
+ color: string;
2533
+ };
2534
+ textLBold: {
2535
+ fontWeight: string;
2536
+ fontSize: import("../..").FontSize;
2537
+ lineHeight: import("../..").FontLineHeight;
2538
+ color: string;
2539
+ };
2540
+ textXLBold: {
2541
+ fontWeight: string;
2542
+ fontSize: import("../..").FontSize;
2543
+ lineHeight: import("../..").FontLineHeight;
2544
+ color: string;
2545
+ };
2546
+ defaults: {
2547
+ fontSize: import("../..").FontSize;
2548
+ lineHeight: import("../..").FontLineHeight;
2549
+ color: string;
2550
+ };
2551
+ textXS: {
2552
+ fontSize: import("../..").FontSize;
2553
+ lineHeight: import("../..").FontLineHeight;
2554
+ color: string;
2555
+ };
2556
+ textS: {
2557
+ fontSize: import("../..").FontSize;
2558
+ lineHeight: import("../..").FontLineHeight;
2559
+ color: string;
2560
+ };
2561
+ textM: {
2562
+ fontSize: import("../..").FontSize;
2563
+ lineHeight: import("../..").FontLineHeight;
2564
+ color: string;
2565
+ };
2566
+ textL: {
2567
+ fontSize: import("../..").FontSize;
2568
+ lineHeight: import("../..").FontLineHeight;
2569
+ color: string;
2570
+ };
2571
+ textXL: {
2572
+ fontSize: import("../..").FontSize;
2573
+ lineHeight: import("../..").FontLineHeight;
2574
+ color: string;
2575
+ };
2576
+ };
2577
+ }> & {
2578
+ borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2579
+ smallPhone: number;
2580
+ phone: number;
2581
+ smallTablet: number;
2582
+ tablet: number;
2583
+ desktop: number;
2584
+ }>;
2585
+ borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2586
+ smallPhone: number;
2587
+ phone: number;
2588
+ smallTablet: number;
2589
+ tablet: number;
2590
+ desktop: number;
2591
+ }>;
2592
+ borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2593
+ smallPhone: number;
2594
+ phone: number;
2595
+ smallTablet: number;
2596
+ tablet: number;
2597
+ desktop: number;
2598
+ }>;
2599
+ borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
2600
+ smallPhone: number;
2601
+ phone: number;
2602
+ smallTablet: number;
2603
+ tablet: number;
2604
+ desktop: number;
2605
+ }>;
2606
+ borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2607
+ smallPhone: number;
2608
+ phone: number;
2609
+ smallTablet: number;
2610
+ tablet: number;
2611
+ desktop: number;
2612
+ }>;
2613
+ borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2614
+ smallPhone: number;
2615
+ phone: number;
2616
+ smallTablet: number;
2617
+ tablet: number;
2618
+ desktop: number;
2619
+ }>;
2620
+ borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2621
+ smallPhone: number;
2622
+ phone: number;
2623
+ smallTablet: number;
2624
+ tablet: number;
2625
+ desktop: number;
2626
+ }>;
2627
+ borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2628
+ smallPhone: number;
2629
+ phone: number;
2630
+ smallTablet: number;
2631
+ tablet: number;
2632
+ desktop: number;
2633
+ }>;
2634
+ } & {
2635
+ borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2636
+ smallPhone: number;
2637
+ phone: number;
2638
+ smallTablet: number;
2639
+ tablet: number;
2640
+ desktop: number;
2641
+ }> | undefined;
2642
+ borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2643
+ smallPhone: number;
2644
+ phone: number;
2645
+ smallTablet: number;
2646
+ tablet: number;
2647
+ desktop: number;
2648
+ }> | undefined;
2649
+ borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2650
+ smallPhone: number;
2651
+ phone: number;
2652
+ smallTablet: number;
2653
+ tablet: number;
2654
+ desktop: number;
2655
+ }> | undefined;
2656
+ borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2657
+ smallPhone: number;
2658
+ phone: number;
2659
+ smallTablet: number;
2660
+ tablet: number;
2661
+ desktop: number;
2662
+ }> | undefined;
2663
+ borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2664
+ smallPhone: number;
2665
+ phone: number;
2666
+ smallTablet: number;
2667
+ tablet: number;
2668
+ desktop: number;
2669
+ }> | undefined;
2670
+ borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2671
+ smallPhone: number;
2672
+ phone: number;
2673
+ smallTablet: number;
2674
+ tablet: number;
2675
+ desktop: number;
2676
+ }> | undefined;
2677
+ borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2678
+ smallPhone: number;
2679
+ phone: number;
2680
+ smallTablet: number;
2681
+ tablet: number;
2682
+ desktop: number;
2683
+ }> | undefined;
2684
+ } & {
2685
+ borderRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2686
+ smallPhone: number;
2687
+ phone: number;
2688
+ smallTablet: number;
2689
+ tablet: number;
2690
+ desktop: number;
2691
+ }> | undefined;
2692
+ borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2693
+ smallPhone: number;
2694
+ phone: number;
2695
+ smallTablet: number;
2696
+ tablet: number;
2697
+ desktop: number;
2698
+ }> | undefined;
2699
+ borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2700
+ smallPhone: number;
2701
+ phone: number;
2702
+ smallTablet: number;
2703
+ tablet: number;
2704
+ desktop: number;
2705
+ }> | undefined;
2706
+ borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2707
+ smallPhone: number;
2708
+ phone: number;
2709
+ smallTablet: number;
2710
+ tablet: number;
2711
+ desktop: number;
2712
+ }> | undefined;
2713
+ borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2714
+ smallPhone: number;
2715
+ phone: number;
2716
+ smallTablet: number;
2717
+ tablet: number;
2718
+ desktop: number;
2719
+ }> | undefined;
2720
+ borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2721
+ smallPhone: number;
2722
+ phone: number;
2723
+ smallTablet: number;
2724
+ tablet: number;
2725
+ desktop: number;
2726
+ }> | undefined;
2727
+ borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2728
+ smallPhone: number;
2729
+ phone: number;
2730
+ smallTablet: number;
2731
+ tablet: number;
2732
+ desktop: number;
2733
+ }> | undefined;
2734
+ borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2735
+ smallPhone: number;
2736
+ phone: number;
2737
+ smallTablet: number;
2738
+ tablet: number;
2739
+ desktop: number;
2740
+ }> | undefined;
2741
+ borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
2742
+ smallPhone: number;
2743
+ phone: number;
2744
+ smallTablet: number;
2745
+ tablet: number;
2746
+ desktop: number;
2747
+ }> | undefined;
2748
+ } & {
2749
+ shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
2750
+ smallPhone: number;
2751
+ phone: number;
2752
+ smallTablet: number;
2753
+ tablet: number;
2754
+ desktop: number;
2755
+ }>;
2756
+ shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
2757
+ width: number;
2758
+ height: number;
2759
+ }> | undefined, {
2760
+ smallPhone: number;
2761
+ phone: number;
2762
+ smallTablet: number;
2763
+ tablet: number;
2764
+ desktop: number;
2765
+ }>;
2766
+ shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2767
+ smallPhone: number;
2768
+ phone: number;
2769
+ smallTablet: number;
2770
+ tablet: number;
2771
+ desktop: number;
2772
+ }>;
2773
+ elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
2774
+ smallPhone: number;
2775
+ phone: number;
2776
+ smallTablet: number;
2777
+ tablet: number;
2778
+ desktop: number;
2779
+ }>;
2780
+ } & {
2781
+ shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
2782
+ smallPhone: number;
2783
+ phone: number;
2784
+ smallTablet: number;
2785
+ tablet: number;
2786
+ desktop: number;
2787
+ }> | undefined;
2788
+ } & {
2789
+ position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
2790
+ smallPhone: number;
2791
+ phone: number;
2792
+ smallTablet: number;
2793
+ tablet: number;
2794
+ desktop: number;
2795
+ }>;
2796
+ top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2797
+ smallPhone: number;
2798
+ phone: number;
2799
+ smallTablet: number;
2800
+ tablet: number;
2801
+ desktop: number;
2802
+ }>;
2803
+ right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2804
+ smallPhone: number;
2805
+ phone: number;
2806
+ smallTablet: number;
2807
+ tablet: number;
2808
+ desktop: number;
2809
+ }>;
2810
+ bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2811
+ smallPhone: number;
2812
+ phone: number;
2813
+ smallTablet: number;
2814
+ tablet: number;
2815
+ desktop: number;
2816
+ }>;
2817
+ left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2818
+ smallPhone: number;
2819
+ phone: number;
2820
+ smallTablet: number;
2821
+ tablet: number;
2822
+ desktop: number;
2823
+ }>;
2824
+ start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2825
+ smallPhone: number;
2826
+ phone: number;
2827
+ smallTablet: number;
2828
+ tablet: number;
2829
+ desktop: number;
2830
+ }>;
2831
+ end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
2832
+ smallPhone: number;
2833
+ phone: number;
2834
+ smallTablet: number;
2835
+ tablet: number;
2836
+ desktop: number;
2837
+ }>;
2838
+ } & {
2839
+ zIndex?: import("@shopify/restyle").ResponsiveValue<"bottom" | "middle" | "top", {
2840
+ smallPhone: number;
2841
+ phone: number;
2842
+ smallTablet: number;
2843
+ tablet: number;
2844
+ desktop: number;
2845
+ }> | undefined;
2846
+ } & import("@shopify/restyle").SpacingShorthandProps<{
2847
+ colors: {
2848
+ transparent: import("../..").Palette;
2849
+ themePri: import("../..").Palette;
2850
+ themeSec: import("../..").Palette;
2851
+ themePriT: import("../..").Palette;
2852
+ background: import("../..").Palette;
2853
+ backgroundOverlay: import("../..").Palette;
2854
+ text: import("../..").Palette;
2855
+ textOverlay: import("../..").Palette;
2856
+ textButton: import("../..").Palette;
2857
+ border: import("../..").Palette;
2858
+ separator: import("../..").Palette;
2859
+ err: import("../..").Palette;
2860
+ };
2861
+ spacing: {
2862
+ none: import("../..").Spacing;
2863
+ xxxs: import("../..").Spacing;
2864
+ xxs: import("../..").Spacing;
2865
+ xs: import("../..").Spacing;
2866
+ s: import("../..").Spacing;
2867
+ m: import("../..").Spacing;
2868
+ l: import("../..").Spacing;
2869
+ xl: import("../..").Spacing;
2870
+ xxl: import("../..").Spacing;
2871
+ xxxl: import("../..").Spacing;
2872
+ };
2873
+ breakpoints: {
2874
+ smallPhone: number;
2875
+ phone: number;
2876
+ smallTablet: number;
2877
+ tablet: number;
2878
+ desktop: number;
2879
+ };
2880
+ zIndices: {
2881
+ bottom: import("../..").ZIndex;
2882
+ middle: import("../..").ZIndex;
2883
+ top: import("../..").ZIndex;
2884
+ };
2885
+ borderRadii: {
2886
+ s: import("../..").BorderRadius;
2887
+ m: import("../..").BorderRadius;
2888
+ l: import("../..").BorderRadius;
2889
+ round: import("../..").BorderRadius;
2890
+ };
2891
+ textVariants: {
2892
+ textXSBold: {
2893
+ fontWeight: string;
2894
+ fontSize: import("../..").FontSize;
2895
+ lineHeight: import("../..").FontLineHeight;
2896
+ color: string;
2897
+ };
2898
+ textSBold: {
2899
+ fontWeight: string;
2900
+ fontSize: import("../..").FontSize;
2901
+ lineHeight: import("../..").FontLineHeight;
2902
+ color: string;
2903
+ };
2904
+ textMBold: {
2905
+ fontWeight: string;
2906
+ fontSize: import("../..").FontSize;
2907
+ lineHeight: import("../..").FontLineHeight;
2908
+ color: string;
2909
+ };
2910
+ textLBold: {
2911
+ fontWeight: string;
2912
+ fontSize: import("../..").FontSize;
2913
+ lineHeight: import("../..").FontLineHeight;
2914
+ color: string;
2915
+ };
2916
+ textXLBold: {
2917
+ fontWeight: string;
2918
+ fontSize: import("../..").FontSize;
2919
+ lineHeight: import("../..").FontLineHeight;
2920
+ color: string;
2921
+ };
2922
+ defaults: {
2923
+ fontSize: import("../..").FontSize;
2924
+ lineHeight: import("../..").FontLineHeight;
2925
+ color: string;
2926
+ };
2927
+ textXS: {
2928
+ fontSize: import("../..").FontSize;
2929
+ lineHeight: import("../..").FontLineHeight;
2930
+ color: string;
2931
+ };
2932
+ textS: {
2933
+ fontSize: import("../..").FontSize;
2934
+ lineHeight: import("../..").FontLineHeight;
2935
+ color: string;
2936
+ };
2937
+ textM: {
2938
+ fontSize: import("../..").FontSize;
2939
+ lineHeight: import("../..").FontLineHeight;
2940
+ color: string;
2941
+ };
2942
+ textL: {
2943
+ fontSize: import("../..").FontSize;
2944
+ lineHeight: import("../..").FontLineHeight;
2945
+ color: string;
2946
+ };
2947
+ textXL: {
2948
+ fontSize: import("../..").FontSize;
2949
+ lineHeight: import("../..").FontLineHeight;
2950
+ color: string;
2951
+ };
2952
+ };
2953
+ }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
2954
+ colors: {
2955
+ transparent: import("../..").Palette;
2956
+ themePri: import("../..").Palette;
2957
+ themeSec: import("../..").Palette;
2958
+ themePriT: import("../..").Palette;
2959
+ background: import("../..").Palette;
2960
+ backgroundOverlay: import("../..").Palette;
2961
+ text: import("../..").Palette;
2962
+ textOverlay: import("../..").Palette;
2963
+ textButton: import("../..").Palette;
2964
+ border: import("../..").Palette;
2965
+ separator: import("../..").Palette;
2966
+ err: import("../..").Palette;
2967
+ };
2968
+ spacing: {
2969
+ none: import("../..").Spacing;
2970
+ xxxs: import("../..").Spacing;
2971
+ xxs: import("../..").Spacing;
2972
+ xs: import("../..").Spacing;
2973
+ s: import("../..").Spacing;
2974
+ m: import("../..").Spacing;
2975
+ l: import("../..").Spacing;
2976
+ xl: import("../..").Spacing;
2977
+ xxl: import("../..").Spacing;
2978
+ xxxl: import("../..").Spacing;
2979
+ };
2980
+ breakpoints: {
2981
+ smallPhone: number;
2982
+ phone: number;
2983
+ smallTablet: number;
2984
+ tablet: number;
2985
+ desktop: number;
2986
+ };
2987
+ zIndices: {
2988
+ bottom: import("../..").ZIndex;
2989
+ middle: import("../..").ZIndex;
2990
+ top: import("../..").ZIndex;
2991
+ };
2992
+ borderRadii: {
2993
+ s: import("../..").BorderRadius;
2994
+ m: import("../..").BorderRadius;
2995
+ l: import("../..").BorderRadius;
2996
+ round: import("../..").BorderRadius;
2997
+ };
2998
+ textVariants: {
2999
+ textXSBold: {
3000
+ fontWeight: string;
3001
+ fontSize: import("../..").FontSize;
3002
+ lineHeight: import("../..").FontLineHeight;
3003
+ color: string;
3004
+ };
3005
+ textSBold: {
3006
+ fontWeight: string;
3007
+ fontSize: import("../..").FontSize;
3008
+ lineHeight: import("../..").FontLineHeight;
3009
+ color: string;
3010
+ };
3011
+ textMBold: {
3012
+ fontWeight: string;
3013
+ fontSize: import("../..").FontSize;
3014
+ lineHeight: import("../..").FontLineHeight;
3015
+ color: string;
3016
+ };
3017
+ textLBold: {
3018
+ fontWeight: string;
3019
+ fontSize: import("../..").FontSize;
3020
+ lineHeight: import("../..").FontLineHeight;
3021
+ color: string;
3022
+ };
3023
+ textXLBold: {
3024
+ fontWeight: string;
3025
+ fontSize: import("../..").FontSize;
3026
+ lineHeight: import("../..").FontLineHeight;
3027
+ color: string;
3028
+ };
3029
+ defaults: {
3030
+ fontSize: import("../..").FontSize;
3031
+ lineHeight: import("../..").FontLineHeight;
3032
+ color: string;
3033
+ };
3034
+ textXS: {
3035
+ fontSize: import("../..").FontSize;
3036
+ lineHeight: import("../..").FontLineHeight;
3037
+ color: string;
3038
+ };
3039
+ textS: {
3040
+ fontSize: import("../..").FontSize;
3041
+ lineHeight: import("../..").FontLineHeight;
3042
+ color: string;
3043
+ };
3044
+ textM: {
3045
+ fontSize: import("../..").FontSize;
3046
+ lineHeight: import("../..").FontLineHeight;
3047
+ color: string;
3048
+ };
3049
+ textL: {
3050
+ fontSize: import("../..").FontSize;
3051
+ lineHeight: import("../..").FontLineHeight;
3052
+ color: string;
3053
+ };
3054
+ textXL: {
3055
+ fontSize: import("../..").FontSize;
3056
+ lineHeight: import("../..").FontLineHeight;
3057
+ color: string;
3058
+ };
3059
+ };
3060
+ }> & Omit<import("react-native").ViewProps & {
3061
+ children?: React.ReactNode;
3062
+ }, "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;
3063
+ }>;
1022
3064
  export default AnimatedBox;
1023
3065
  //# sourceMappingURL=AnimatedBox.d.ts.map