@ornikar/bumper 3.8.0 → 3.9.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 (49) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/definitions/system/actions/IconButton/IconButton.d.ts.map +1 -1
  3. package/dist/definitions/system/core/tokens/space.d.ts +12 -0
  4. package/dist/definitions/system/core/tokens/space.d.ts.map +1 -1
  5. package/dist/definitions/tamagui.config.d.ts +24 -0
  6. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  7. package/dist/index-metro.es.android.js +19 -3
  8. package/dist/index-metro.es.android.js.map +1 -1
  9. package/dist/index-metro.es.ios.js +19 -3
  10. package/dist/index-metro.es.ios.js.map +1 -1
  11. package/dist/index-node-22.22.cjs.js +19 -3
  12. package/dist/index-node-22.22.cjs.js.map +1 -1
  13. package/dist/index-node-22.22.cjs.web.js +19 -3
  14. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  15. package/dist/index-node-22.22.es.mjs +19 -3
  16. package/dist/index-node-22.22.es.mjs.map +1 -1
  17. package/dist/index-node-22.22.es.web.mjs +19 -3
  18. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  19. package/dist/index.es.js +19 -3
  20. package/dist/index.es.js.map +1 -1
  21. package/dist/index.es.web.js +19 -3
  22. package/dist/index.es.web.js.map +1 -1
  23. package/dist/storybook-metro.es.android.js +13 -1
  24. package/dist/storybook-metro.es.android.js.map +1 -1
  25. package/dist/storybook-metro.es.ios.js +13 -1
  26. package/dist/storybook-metro.es.ios.js.map +1 -1
  27. package/dist/storybook-node-22.22.cjs.js +13 -1
  28. package/dist/storybook-node-22.22.cjs.js.map +1 -1
  29. package/dist/storybook-node-22.22.cjs.web.js +13 -1
  30. package/dist/storybook-node-22.22.cjs.web.js.map +1 -1
  31. package/dist/storybook-node-22.22.es.mjs +13 -1
  32. package/dist/storybook-node-22.22.es.mjs.map +1 -1
  33. package/dist/storybook-node-22.22.es.web.mjs +13 -1
  34. package/dist/storybook-node-22.22.es.web.mjs.map +1 -1
  35. package/dist/storybook.es.js +13 -1
  36. package/dist/storybook.es.js.map +1 -1
  37. package/dist/storybook.es.web.js +13 -1
  38. package/dist/storybook.es.web.js.map +1 -1
  39. package/dist/tsbuildinfo +1 -1
  40. package/package.json +2 -2
  41. package/src/system/actions/IconButton/IconButton.tsx +4 -0
  42. package/src/system/actions/IconButton/__snapshots__/IconButton.features.stories.tsx.snap +34 -0
  43. package/src/system/actions/IconButton/__snapshots__/IconButton.stories.tsx.snap +1 -0
  44. package/src/system/actions/IconButton/__snapshots_web__/IconButton.features.stories.tsx.snap +34 -34
  45. package/src/system/actions/IconButton/__snapshots_web__/IconButton.stories.tsx.snap +1 -1
  46. package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap +828 -0
  47. package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +300 -0
  48. package/src/system/core/tokens/space.stories.tsx +6 -1
  49. package/src/system/core/tokens/space.ts +12 -0
package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap CHANGED
@@ -953,6 +953,834 @@ exports[`Bumper/Core/Tokens Space 1`] = `
953
953
  }
954
954
  />
955
955
  </View>
956
+ <View
957
+ style={
958
+ {
959
+ "alignItems": "center",
960
+ "flexDirection": "row",
961
+ "gap": 16,
962
+ }
963
+ }
964
+ >
965
+ <View
966
+ style={
967
+ {
968
+ "width": 150,
969
+ }
970
+ }
971
+ >
972
+ <Text
973
+ style={
974
+ {
975
+ "color": "#101010",
976
+ "fontFamily": "GTStandardBold",
977
+ "fontSize": 14,
978
+ "letterSpacing": 0.3,
979
+ "lineHeight": 20,
980
+ }
981
+ }
982
+ suppressHighlighting={true}
983
+ >
984
+ $
985
+ space.-2
986
+ </Text>
987
+ </View>
988
+ <View
989
+ style={
990
+ {
991
+ "width": 60,
992
+ }
993
+ }
994
+ >
995
+ <Text
996
+ style={
997
+ {
998
+ "color": "#505050",
999
+ "fontFamily": "GTStandardRegular",
1000
+ "fontSize": 14,
1001
+ "letterSpacing": 0.3,
1002
+ "lineHeight": 20,
1003
+ }
1004
+ }
1005
+ suppressHighlighting={true}
1006
+ >
1007
+ -2
1008
+ px
1009
+ </Text>
1010
+ </View>
1011
+ <View
1012
+ style={
1013
+ {
1014
+ "backgroundColor": "#563B56",
1015
+ "borderBottomLeftRadius": 2,
1016
+ "borderBottomRightRadius": 2,
1017
+ "borderTopLeftRadius": 2,
1018
+ "borderTopRightRadius": 2,
1019
+ "height": 24,
1020
+ "width": 2,
1021
+ }
1022
+ }
1023
+ />
1024
+ </View>
1025
+ <View
1026
+ style={
1027
+ {
1028
+ "alignItems": "center",
1029
+ "flexDirection": "row",
1030
+ "gap": 16,
1031
+ }
1032
+ }
1033
+ >
1034
+ <View
1035
+ style={
1036
+ {
1037
+ "width": 150,
1038
+ }
1039
+ }
1040
+ >
1041
+ <Text
1042
+ style={
1043
+ {
1044
+ "color": "#101010",
1045
+ "fontFamily": "GTStandardBold",
1046
+ "fontSize": 14,
1047
+ "letterSpacing": 0.3,
1048
+ "lineHeight": 20,
1049
+ }
1050
+ }
1051
+ suppressHighlighting={true}
1052
+ >
1053
+ $
1054
+ space.-4
1055
+ </Text>
1056
+ </View>
1057
+ <View
1058
+ style={
1059
+ {
1060
+ "width": 60,
1061
+ }
1062
+ }
1063
+ >
1064
+ <Text
1065
+ style={
1066
+ {
1067
+ "color": "#505050",
1068
+ "fontFamily": "GTStandardRegular",
1069
+ "fontSize": 14,
1070
+ "letterSpacing": 0.3,
1071
+ "lineHeight": 20,
1072
+ }
1073
+ }
1074
+ suppressHighlighting={true}
1075
+ >
1076
+ -4
1077
+ px
1078
+ </Text>
1079
+ </View>
1080
+ <View
1081
+ style={
1082
+ {
1083
+ "backgroundColor": "#563B56",
1084
+ "borderBottomLeftRadius": 2,
1085
+ "borderBottomRightRadius": 2,
1086
+ "borderTopLeftRadius": 2,
1087
+ "borderTopRightRadius": 2,
1088
+ "height": 24,
1089
+ "width": 4,
1090
+ }
1091
+ }
1092
+ />
1093
+ </View>
1094
+ <View
1095
+ style={
1096
+ {
1097
+ "alignItems": "center",
1098
+ "flexDirection": "row",
1099
+ "gap": 16,
1100
+ }
1101
+ }
1102
+ >
1103
+ <View
1104
+ style={
1105
+ {
1106
+ "width": 150,
1107
+ }
1108
+ }
1109
+ >
1110
+ <Text
1111
+ style={
1112
+ {
1113
+ "color": "#101010",
1114
+ "fontFamily": "GTStandardBold",
1115
+ "fontSize": 14,
1116
+ "letterSpacing": 0.3,
1117
+ "lineHeight": 20,
1118
+ }
1119
+ }
1120
+ suppressHighlighting={true}
1121
+ >
1122
+ $
1123
+ space.-8
1124
+ </Text>
1125
+ </View>
1126
+ <View
1127
+ style={
1128
+ {
1129
+ "width": 60,
1130
+ }
1131
+ }
1132
+ >
1133
+ <Text
1134
+ style={
1135
+ {
1136
+ "color": "#505050",
1137
+ "fontFamily": "GTStandardRegular",
1138
+ "fontSize": 14,
1139
+ "letterSpacing": 0.3,
1140
+ "lineHeight": 20,
1141
+ }
1142
+ }
1143
+ suppressHighlighting={true}
1144
+ >
1145
+ -8
1146
+ px
1147
+ </Text>
1148
+ </View>
1149
+ <View
1150
+ style={
1151
+ {
1152
+ "backgroundColor": "#563B56",
1153
+ "borderBottomLeftRadius": 2,
1154
+ "borderBottomRightRadius": 2,
1155
+ "borderTopLeftRadius": 2,
1156
+ "borderTopRightRadius": 2,
1157
+ "height": 24,
1158
+ "width": 8,
1159
+ }
1160
+ }
1161
+ />
1162
+ </View>
1163
+ <View
1164
+ style={
1165
+ {
1166
+ "alignItems": "center",
1167
+ "flexDirection": "row",
1168
+ "gap": 16,
1169
+ }
1170
+ }
1171
+ >
1172
+ <View
1173
+ style={
1174
+ {
1175
+ "width": 150,
1176
+ }
1177
+ }
1178
+ >
1179
+ <Text
1180
+ style={
1181
+ {
1182
+ "color": "#101010",
1183
+ "fontFamily": "GTStandardBold",
1184
+ "fontSize": 14,
1185
+ "letterSpacing": 0.3,
1186
+ "lineHeight": 20,
1187
+ }
1188
+ }
1189
+ suppressHighlighting={true}
1190
+ >
1191
+ $
1192
+ space.-12
1193
+ </Text>
1194
+ </View>
1195
+ <View
1196
+ style={
1197
+ {
1198
+ "width": 60,
1199
+ }
1200
+ }
1201
+ >
1202
+ <Text
1203
+ style={
1204
+ {
1205
+ "color": "#505050",
1206
+ "fontFamily": "GTStandardRegular",
1207
+ "fontSize": 14,
1208
+ "letterSpacing": 0.3,
1209
+ "lineHeight": 20,
1210
+ }
1211
+ }
1212
+ suppressHighlighting={true}
1213
+ >
1214
+ -12
1215
+ px
1216
+ </Text>
1217
+ </View>
1218
+ <View
1219
+ style={
1220
+ {
1221
+ "backgroundColor": "#563B56",
1222
+ "borderBottomLeftRadius": 2,
1223
+ "borderBottomRightRadius": 2,
1224
+ "borderTopLeftRadius": 2,
1225
+ "borderTopRightRadius": 2,
1226
+ "height": 24,
1227
+ "width": 12,
1228
+ }
1229
+ }
1230
+ />
1231
+ </View>
1232
+ <View
1233
+ style={
1234
+ {
1235
+ "alignItems": "center",
1236
+ "flexDirection": "row",
1237
+ "gap": 16,
1238
+ }
1239
+ }
1240
+ >
1241
+ <View
1242
+ style={
1243
+ {
1244
+ "width": 150,
1245
+ }
1246
+ }
1247
+ >
1248
+ <Text
1249
+ style={
1250
+ {
1251
+ "color": "#101010",
1252
+ "fontFamily": "GTStandardBold",
1253
+ "fontSize": 14,
1254
+ "letterSpacing": 0.3,
1255
+ "lineHeight": 20,
1256
+ }
1257
+ }
1258
+ suppressHighlighting={true}
1259
+ >
1260
+ $
1261
+ space.-16
1262
+ </Text>
1263
+ </View>
1264
+ <View
1265
+ style={
1266
+ {
1267
+ "width": 60,
1268
+ }
1269
+ }
1270
+ >
1271
+ <Text
1272
+ style={
1273
+ {
1274
+ "color": "#505050",
1275
+ "fontFamily": "GTStandardRegular",
1276
+ "fontSize": 14,
1277
+ "letterSpacing": 0.3,
1278
+ "lineHeight": 20,
1279
+ }
1280
+ }
1281
+ suppressHighlighting={true}
1282
+ >
1283
+ -16
1284
+ px
1285
+ </Text>
1286
+ </View>
1287
+ <View
1288
+ style={
1289
+ {
1290
+ "backgroundColor": "#563B56",
1291
+ "borderBottomLeftRadius": 2,
1292
+ "borderBottomRightRadius": 2,
1293
+ "borderTopLeftRadius": 2,
1294
+ "borderTopRightRadius": 2,
1295
+ "height": 24,
1296
+ "width": 16,
1297
+ }
1298
+ }
1299
+ />
1300
+ </View>
1301
+ <View
1302
+ style={
1303
+ {
1304
+ "alignItems": "center",
1305
+ "flexDirection": "row",
1306
+ "gap": 16,
1307
+ }
1308
+ }
1309
+ >
1310
+ <View
1311
+ style={
1312
+ {
1313
+ "width": 150,
1314
+ }
1315
+ }
1316
+ >
1317
+ <Text
1318
+ style={
1319
+ {
1320
+ "color": "#101010",
1321
+ "fontFamily": "GTStandardBold",
1322
+ "fontSize": 14,
1323
+ "letterSpacing": 0.3,
1324
+ "lineHeight": 20,
1325
+ }
1326
+ }
1327
+ suppressHighlighting={true}
1328
+ >
1329
+ $
1330
+ space.-24
1331
+ </Text>
1332
+ </View>
1333
+ <View
1334
+ style={
1335
+ {
1336
+ "width": 60,
1337
+ }
1338
+ }
1339
+ >
1340
+ <Text
1341
+ style={
1342
+ {
1343
+ "color": "#505050",
1344
+ "fontFamily": "GTStandardRegular",
1345
+ "fontSize": 14,
1346
+ "letterSpacing": 0.3,
1347
+ "lineHeight": 20,
1348
+ }
1349
+ }
1350
+ suppressHighlighting={true}
1351
+ >
1352
+ -24
1353
+ px
1354
+ </Text>
1355
+ </View>
1356
+ <View
1357
+ style={
1358
+ {
1359
+ "backgroundColor": "#563B56",
1360
+ "borderBottomLeftRadius": 2,
1361
+ "borderBottomRightRadius": 2,
1362
+ "borderTopLeftRadius": 2,
1363
+ "borderTopRightRadius": 2,
1364
+ "height": 24,
1365
+ "width": 24,
1366
+ }
1367
+ }
1368
+ />
1369
+ </View>
1370
+ <View
1371
+ style={
1372
+ {
1373
+ "alignItems": "center",
1374
+ "flexDirection": "row",
1375
+ "gap": 16,
1376
+ }
1377
+ }
1378
+ >
1379
+ <View
1380
+ style={
1381
+ {
1382
+ "width": 150,
1383
+ }
1384
+ }
1385
+ >
1386
+ <Text
1387
+ style={
1388
+ {
1389
+ "color": "#101010",
1390
+ "fontFamily": "GTStandardBold",
1391
+ "fontSize": 14,
1392
+ "letterSpacing": 0.3,
1393
+ "lineHeight": 20,
1394
+ }
1395
+ }
1396
+ suppressHighlighting={true}
1397
+ >
1398
+ $
1399
+ space.-32
1400
+ </Text>
1401
+ </View>
1402
+ <View
1403
+ style={
1404
+ {
1405
+ "width": 60,
1406
+ }
1407
+ }
1408
+ >
1409
+ <Text
1410
+ style={
1411
+ {
1412
+ "color": "#505050",
1413
+ "fontFamily": "GTStandardRegular",
1414
+ "fontSize": 14,
1415
+ "letterSpacing": 0.3,
1416
+ "lineHeight": 20,
1417
+ }
1418
+ }
1419
+ suppressHighlighting={true}
1420
+ >
1421
+ -32
1422
+ px
1423
+ </Text>
1424
+ </View>
1425
+ <View
1426
+ style={
1427
+ {
1428
+ "backgroundColor": "#563B56",
1429
+ "borderBottomLeftRadius": 2,
1430
+ "borderBottomRightRadius": 2,
1431
+ "borderTopLeftRadius": 2,
1432
+ "borderTopRightRadius": 2,
1433
+ "height": 24,
1434
+ "width": 32,
1435
+ }
1436
+ }
1437
+ />
1438
+ </View>
1439
+ <View
1440
+ style={
1441
+ {
1442
+ "alignItems": "center",
1443
+ "flexDirection": "row",
1444
+ "gap": 16,
1445
+ }
1446
+ }
1447
+ >
1448
+ <View
1449
+ style={
1450
+ {
1451
+ "width": 150,
1452
+ }
1453
+ }
1454
+ >
1455
+ <Text
1456
+ style={
1457
+ {
1458
+ "color": "#101010",
1459
+ "fontFamily": "GTStandardBold",
1460
+ "fontSize": 14,
1461
+ "letterSpacing": 0.3,
1462
+ "lineHeight": 20,
1463
+ }
1464
+ }
1465
+ suppressHighlighting={true}
1466
+ >
1467
+ $
1468
+ space.-40
1469
+ </Text>
1470
+ </View>
1471
+ <View
1472
+ style={
1473
+ {
1474
+ "width": 60,
1475
+ }
1476
+ }
1477
+ >
1478
+ <Text
1479
+ style={
1480
+ {
1481
+ "color": "#505050",
1482
+ "fontFamily": "GTStandardRegular",
1483
+ "fontSize": 14,
1484
+ "letterSpacing": 0.3,
1485
+ "lineHeight": 20,
1486
+ }
1487
+ }
1488
+ suppressHighlighting={true}
1489
+ >
1490
+ -40
1491
+ px
1492
+ </Text>
1493
+ </View>
1494
+ <View
1495
+ style={
1496
+ {
1497
+ "backgroundColor": "#563B56",
1498
+ "borderBottomLeftRadius": 2,
1499
+ "borderBottomRightRadius": 2,
1500
+ "borderTopLeftRadius": 2,
1501
+ "borderTopRightRadius": 2,
1502
+ "height": 24,
1503
+ "width": 40,
1504
+ }
1505
+ }
1506
+ />
1507
+ </View>
1508
+ <View
1509
+ style={
1510
+ {
1511
+ "alignItems": "center",
1512
+ "flexDirection": "row",
1513
+ "gap": 16,
1514
+ }
1515
+ }
1516
+ >
1517
+ <View
1518
+ style={
1519
+ {
1520
+ "width": 150,
1521
+ }
1522
+ }
1523
+ >
1524
+ <Text
1525
+ style={
1526
+ {
1527
+ "color": "#101010",
1528
+ "fontFamily": "GTStandardBold",
1529
+ "fontSize": 14,
1530
+ "letterSpacing": 0.3,
1531
+ "lineHeight": 20,
1532
+ }
1533
+ }
1534
+ suppressHighlighting={true}
1535
+ >
1536
+ $
1537
+ space.-48
1538
+ </Text>
1539
+ </View>
1540
+ <View
1541
+ style={
1542
+ {
1543
+ "width": 60,
1544
+ }
1545
+ }
1546
+ >
1547
+ <Text
1548
+ style={
1549
+ {
1550
+ "color": "#505050",
1551
+ "fontFamily": "GTStandardRegular",
1552
+ "fontSize": 14,
1553
+ "letterSpacing": 0.3,
1554
+ "lineHeight": 20,
1555
+ }
1556
+ }
1557
+ suppressHighlighting={true}
1558
+ >
1559
+ -48
1560
+ px
1561
+ </Text>
1562
+ </View>
1563
+ <View
1564
+ style={
1565
+ {
1566
+ "backgroundColor": "#563B56",
1567
+ "borderBottomLeftRadius": 2,
1568
+ "borderBottomRightRadius": 2,
1569
+ "borderTopLeftRadius": 2,
1570
+ "borderTopRightRadius": 2,
1571
+ "height": 24,
1572
+ "width": 48,
1573
+ }
1574
+ }
1575
+ />
1576
+ </View>
1577
+ <View
1578
+ style={
1579
+ {
1580
+ "alignItems": "center",
1581
+ "flexDirection": "row",
1582
+ "gap": 16,
1583
+ }
1584
+ }
1585
+ >
1586
+ <View
1587
+ style={
1588
+ {
1589
+ "width": 150,
1590
+ }
1591
+ }
1592
+ >
1593
+ <Text
1594
+ style={
1595
+ {
1596
+ "color": "#101010",
1597
+ "fontFamily": "GTStandardBold",
1598
+ "fontSize": 14,
1599
+ "letterSpacing": 0.3,
1600
+ "lineHeight": 20,
1601
+ }
1602
+ }
1603
+ suppressHighlighting={true}
1604
+ >
1605
+ $
1606
+ space.-56
1607
+ </Text>
1608
+ </View>
1609
+ <View
1610
+ style={
1611
+ {
1612
+ "width": 60,
1613
+ }
1614
+ }
1615
+ >
1616
+ <Text
1617
+ style={
1618
+ {
1619
+ "color": "#505050",
1620
+ "fontFamily": "GTStandardRegular",
1621
+ "fontSize": 14,
1622
+ "letterSpacing": 0.3,
1623
+ "lineHeight": 20,
1624
+ }
1625
+ }
1626
+ suppressHighlighting={true}
1627
+ >
1628
+ -56
1629
+ px
1630
+ </Text>
1631
+ </View>
1632
+ <View
1633
+ style={
1634
+ {
1635
+ "backgroundColor": "#563B56",
1636
+ "borderBottomLeftRadius": 2,
1637
+ "borderBottomRightRadius": 2,
1638
+ "borderTopLeftRadius": 2,
1639
+ "borderTopRightRadius": 2,
1640
+ "height": 24,
1641
+ "width": 56,
1642
+ }
1643
+ }
1644
+ />
1645
+ </View>
1646
+ <View
1647
+ style={
1648
+ {
1649
+ "alignItems": "center",
1650
+ "flexDirection": "row",
1651
+ "gap": 16,
1652
+ }
1653
+ }
1654
+ >
1655
+ <View
1656
+ style={
1657
+ {
1658
+ "width": 150,
1659
+ }
1660
+ }
1661
+ >
1662
+ <Text
1663
+ style={
1664
+ {
1665
+ "color": "#101010",
1666
+ "fontFamily": "GTStandardBold",
1667
+ "fontSize": 14,
1668
+ "letterSpacing": 0.3,
1669
+ "lineHeight": 20,
1670
+ }
1671
+ }
1672
+ suppressHighlighting={true}
1673
+ >
1674
+ $
1675
+ space.-64
1676
+ </Text>
1677
+ </View>
1678
+ <View
1679
+ style={
1680
+ {
1681
+ "width": 60,
1682
+ }
1683
+ }
1684
+ >
1685
+ <Text
1686
+ style={
1687
+ {
1688
+ "color": "#505050",
1689
+ "fontFamily": "GTStandardRegular",
1690
+ "fontSize": 14,
1691
+ "letterSpacing": 0.3,
1692
+ "lineHeight": 20,
1693
+ }
1694
+ }
1695
+ suppressHighlighting={true}
1696
+ >
1697
+ -64
1698
+ px
1699
+ </Text>
1700
+ </View>
1701
+ <View
1702
+ style={
1703
+ {
1704
+ "backgroundColor": "#563B56",
1705
+ "borderBottomLeftRadius": 2,
1706
+ "borderBottomRightRadius": 2,
1707
+ "borderTopLeftRadius": 2,
1708
+ "borderTopRightRadius": 2,
1709
+ "height": 24,
1710
+ "width": 64,
1711
+ }
1712
+ }
1713
+ />
1714
+ </View>
1715
+ <View
1716
+ style={
1717
+ {
1718
+ "alignItems": "center",
1719
+ "flexDirection": "row",
1720
+ "gap": 16,
1721
+ }
1722
+ }
1723
+ >
1724
+ <View
1725
+ style={
1726
+ {
1727
+ "width": 150,
1728
+ }
1729
+ }
1730
+ >
1731
+ <Text
1732
+ style={
1733
+ {
1734
+ "color": "#101010",
1735
+ "fontFamily": "GTStandardBold",
1736
+ "fontSize": 14,
1737
+ "letterSpacing": 0.3,
1738
+ "lineHeight": 20,
1739
+ }
1740
+ }
1741
+ suppressHighlighting={true}
1742
+ >
1743
+ $
1744
+ space.-80
1745
+ </Text>
1746
+ </View>
1747
+ <View
1748
+ style={
1749
+ {
1750
+ "width": 60,
1751
+ }
1752
+ }
1753
+ >
1754
+ <Text
1755
+ style={
1756
+ {
1757
+ "color": "#505050",
1758
+ "fontFamily": "GTStandardRegular",
1759
+ "fontSize": 14,
1760
+ "letterSpacing": 0.3,
1761
+ "lineHeight": 20,
1762
+ }
1763
+ }
1764
+ suppressHighlighting={true}
1765
+ >
1766
+ -80
1767
+ px
1768
+ </Text>
1769
+ </View>
1770
+ <View
1771
+ style={
1772
+ {
1773
+ "backgroundColor": "#563B56",
1774
+ "borderBottomLeftRadius": 2,
1775
+ "borderBottomRightRadius": 2,
1776
+ "borderTopLeftRadius": 2,
1777
+ "borderTopRightRadius": 2,
1778
+ "height": 24,
1779
+ "width": 80,
1780
+ }
1781
+ }
1782
+ />
1783
+ </View>
956
1784
  </View>
957
1785
  </View>
958
1786
  </RNCSafeAreaProvider>