sapo-components-ui-rn 1.1.45 → 1.1.46
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.
- package/dist/index.esm.js +40 -20
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +40 -20
- package/dist/index.js.map +1 -1
- package/dist/styles/themes/tokens.d.ts +4 -0
- package/dist/theme/themes.d.ts +50 -0
- package/package.json +1 -1
- package/src/styles/themes/DarkTheme.tsx +19 -10
- package/src/styles/themes/LightTheme.tsx +19 -10
- package/src/styles/themes/tokens.tsx +2 -0
- package/src/theme/themes.tsx +101 -51
- package/src/types.tsx +9 -0
package/dist/index.esm.js
CHANGED
|
@@ -274,6 +274,7 @@ var ref = {
|
|
|
274
274
|
iconPrimaryPressed: ink.INK60,
|
|
275
275
|
iconSuccessDefault: green.GREEN100,
|
|
276
276
|
iconWarningDefault: yellow.YELLOW100,
|
|
277
|
+
iconActionPressed: ink.INK80,
|
|
277
278
|
iconActionDefault: ink.INK60,
|
|
278
279
|
iconActionHovered: ink.INK40,
|
|
279
280
|
iconActionInversePressed: ink.INK60,
|
|
@@ -433,6 +434,7 @@ var ref = {
|
|
|
433
434
|
iconPrimaryPressed: ink.INK60,
|
|
434
435
|
iconSuccessDefault: green.GREEN100,
|
|
435
436
|
iconWarningDefault: yellow.YELLOW100,
|
|
437
|
+
iconActionPressed: ink.INK80,
|
|
436
438
|
iconActionDefault: ink.INK60,
|
|
437
439
|
iconActionHovered: ink.INK40,
|
|
438
440
|
iconActionInversePressed: ink.INK60,
|
|
@@ -1319,16 +1321,18 @@ var LightTheme = {
|
|
|
1319
1321
|
backgroundPrimary: ink.INK5,
|
|
1320
1322
|
backgroundSecondary: white.WHITE100,
|
|
1321
1323
|
borderBrandDefault: blue.BLUE100,
|
|
1324
|
+
borderBrandDisabled: ink.INK20,
|
|
1325
|
+
borderCriticalDisabled: ink.INK20,
|
|
1322
1326
|
borderCriticalDefault: red.RED100,
|
|
1323
1327
|
borderCriticalHover: red.RED80,
|
|
1324
1328
|
borderCriticalPressed: red.RED120,
|
|
1325
1329
|
borderErrorDefault: red.RED100,
|
|
1326
1330
|
borderInfoDefault: blue.BLUE100,
|
|
1327
|
-
borderPrimaryDefault: ink.
|
|
1328
|
-
borderPrimaryDisabled: ink.
|
|
1329
|
-
borderPrimaryHovered: ink.
|
|
1331
|
+
borderPrimaryDefault: ink.INK20,
|
|
1332
|
+
borderPrimaryDisabled: ink.INK20,
|
|
1333
|
+
borderPrimaryHovered: ink.INK40,
|
|
1330
1334
|
borderPrimaryInverseDefault: blue.BLUE100,
|
|
1331
|
-
borderPrimaryPressed: ink.
|
|
1335
|
+
borderPrimaryPressed: ink.INK60,
|
|
1332
1336
|
borderSuccessDefault: green.GREEN100,
|
|
1333
1337
|
borderWarningDefault: yellow.YELLOW100,
|
|
1334
1338
|
iconBrandDefault: blue.BLUE100,
|
|
@@ -1350,29 +1354,36 @@ var LightTheme = {
|
|
|
1350
1354
|
iconPrimaryPressed: ink.INK60,
|
|
1351
1355
|
iconSuccessDefault: green.GREEN100,
|
|
1352
1356
|
iconWarningDefault: yellow.YELLOW100,
|
|
1357
|
+
iconActionPressed: ink.INK80,
|
|
1358
|
+
iconActionDefault: ink.INK60,
|
|
1359
|
+
iconActionHovered: ink.INK40,
|
|
1360
|
+
iconActionInversePressed: ink.INK60,
|
|
1361
|
+
iconActionInverseDefault: white.WHITE100,
|
|
1362
|
+
iconActionInverseHovered: white.WHITE80,
|
|
1363
|
+
iconActionDisabled: ink.INK20,
|
|
1353
1364
|
surfaceBrandDefault: blue.BLUE100,
|
|
1354
|
-
surfaceBrandDisabled: ink.
|
|
1365
|
+
surfaceBrandDisabled: ink.INK5,
|
|
1355
1366
|
surfaceBrandHover: blue.BLUE80,
|
|
1356
1367
|
surfaceBrandInverseDefault: blue.BLUE5,
|
|
1357
1368
|
surfaceBrandInverseHover: blue.BLUE10,
|
|
1358
1369
|
surfaceBrandInversePressed: blue.BLUE20,
|
|
1359
1370
|
surfaceBrandPressed: blue.BLUE120,
|
|
1360
1371
|
surfaceCriticalDefault: red.RED100,
|
|
1361
|
-
surfaceCriticalDisabled: ink.
|
|
1372
|
+
surfaceCriticalDisabled: ink.INK5,
|
|
1362
1373
|
surfaceCriticalHover: red.RED80,
|
|
1363
1374
|
surfaceCriticalInverseDefault: red.RED10,
|
|
1364
1375
|
surfaceCriticalInverseHover: red.RED20,
|
|
1365
1376
|
surfaceCriticalInversePressed: red.RED40,
|
|
1366
1377
|
surfaceCriticalPressed: red.RED120,
|
|
1367
1378
|
surfaceErrorDefault: red.RED100,
|
|
1368
|
-
surfaceErrorDisabled: ink.
|
|
1379
|
+
surfaceErrorDisabled: ink.INK5,
|
|
1369
1380
|
surfaceErrorHover: red.RED80,
|
|
1370
1381
|
surfaceErrorInverseDefault: red.RED10,
|
|
1371
1382
|
surfaceErrorInverseHover: red.RED20,
|
|
1372
1383
|
surfaceErrorInversePressed: red.RED40,
|
|
1373
1384
|
surfaceErrorPressed: red.RED_STATUS,
|
|
1374
1385
|
surfaceInfoDefault: blue.BLUE100,
|
|
1375
|
-
surfaceInfoDisabled: ink.
|
|
1386
|
+
surfaceInfoDisabled: ink.INK5,
|
|
1376
1387
|
surfaceInfoHover: blue.BLUE80,
|
|
1377
1388
|
surfaceInfoInverseDefault: blue.BLUE10,
|
|
1378
1389
|
surfaceInfoInverseHover: blue.BLUE20,
|
|
@@ -1390,14 +1401,14 @@ var LightTheme = {
|
|
|
1390
1401
|
surfaceSecondaryHover: ink.INK10,
|
|
1391
1402
|
surfaceSecondaryPressed: ink.INK20,
|
|
1392
1403
|
surfaceSuccessDefault: green.GREEN100,
|
|
1393
|
-
surfaceSuccessDisabled: ink.
|
|
1404
|
+
surfaceSuccessDisabled: ink.INK5,
|
|
1394
1405
|
surfaceSuccessHover: green.GREEN80,
|
|
1395
1406
|
surfaceSuccessInverseDefault: green.GREEN5,
|
|
1396
1407
|
surfaceSuccessInverseHover: green.GREEN10,
|
|
1397
1408
|
surfaceSuccessInversePressed: green.GREEN20,
|
|
1398
1409
|
surfaceSuccessPressed: green.GREEN_STATUS,
|
|
1399
1410
|
surfaceWarningDefault: yellow.YELLOW100,
|
|
1400
|
-
surfaceWarningDisabled: ink.
|
|
1411
|
+
surfaceWarningDisabled: ink.INK5,
|
|
1401
1412
|
surfaceWarningHover: yellow.YELLOW80,
|
|
1402
1413
|
surfaceWarningInverseDefault: yellow.YELLOW10,
|
|
1403
1414
|
surfaceWarningInverseHover: yellow.YELLOW20,
|
|
@@ -1474,16 +1485,18 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
|
|
|
1474
1485
|
backgroundPrimary: ink.INK5,
|
|
1475
1486
|
backgroundSecondary: white.WHITE100,
|
|
1476
1487
|
borderBrandDefault: blue.BLUE100,
|
|
1488
|
+
borderBrandDisabled: ink.INK20,
|
|
1489
|
+
borderCriticalDisabled: ink.INK20,
|
|
1477
1490
|
borderCriticalDefault: red.RED100,
|
|
1478
1491
|
borderCriticalHover: red.RED80,
|
|
1479
1492
|
borderCriticalPressed: red.RED120,
|
|
1480
1493
|
borderErrorDefault: red.RED100,
|
|
1481
1494
|
borderInfoDefault: blue.BLUE100,
|
|
1482
|
-
borderPrimaryDefault: ink.
|
|
1483
|
-
borderPrimaryDisabled: ink.
|
|
1484
|
-
borderPrimaryHovered: ink.
|
|
1495
|
+
borderPrimaryDefault: ink.INK20,
|
|
1496
|
+
borderPrimaryDisabled: ink.INK20,
|
|
1497
|
+
borderPrimaryHovered: ink.INK40,
|
|
1485
1498
|
borderPrimaryInverseDefault: blue.BLUE100,
|
|
1486
|
-
borderPrimaryPressed: ink.
|
|
1499
|
+
borderPrimaryPressed: ink.INK60,
|
|
1487
1500
|
borderSuccessDefault: green.GREEN100,
|
|
1488
1501
|
borderWarningDefault: yellow.YELLOW100,
|
|
1489
1502
|
iconBrandDefault: blue.BLUE100,
|
|
@@ -1505,29 +1518,36 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
|
|
|
1505
1518
|
iconPrimaryPressed: ink.INK60,
|
|
1506
1519
|
iconSuccessDefault: green.GREEN100,
|
|
1507
1520
|
iconWarningDefault: yellow.YELLOW100,
|
|
1521
|
+
iconActionPressed: ink.INK80,
|
|
1522
|
+
iconActionDefault: ink.INK60,
|
|
1523
|
+
iconActionHovered: ink.INK40,
|
|
1524
|
+
iconActionInversePressed: ink.INK60,
|
|
1525
|
+
iconActionInverseDefault: white.WHITE100,
|
|
1526
|
+
iconActionInverseHovered: white.WHITE80,
|
|
1527
|
+
iconActionDisabled: ink.INK20,
|
|
1508
1528
|
surfaceBrandDefault: blue.BLUE100,
|
|
1509
|
-
surfaceBrandDisabled: ink.
|
|
1529
|
+
surfaceBrandDisabled: ink.INK5,
|
|
1510
1530
|
surfaceBrandHover: blue.BLUE80,
|
|
1511
1531
|
surfaceBrandInverseDefault: blue.BLUE5,
|
|
1512
1532
|
surfaceBrandInverseHover: blue.BLUE10,
|
|
1513
1533
|
surfaceBrandInversePressed: blue.BLUE20,
|
|
1514
1534
|
surfaceBrandPressed: blue.BLUE120,
|
|
1515
1535
|
surfaceCriticalDefault: red.RED100,
|
|
1516
|
-
surfaceCriticalDisabled: ink.
|
|
1536
|
+
surfaceCriticalDisabled: ink.INK5,
|
|
1517
1537
|
surfaceCriticalHover: red.RED80,
|
|
1518
1538
|
surfaceCriticalInverseDefault: red.RED10,
|
|
1519
1539
|
surfaceCriticalInverseHover: red.RED20,
|
|
1520
1540
|
surfaceCriticalInversePressed: red.RED40,
|
|
1521
1541
|
surfaceCriticalPressed: red.RED120,
|
|
1522
1542
|
surfaceErrorDefault: red.RED100,
|
|
1523
|
-
surfaceErrorDisabled: ink.
|
|
1543
|
+
surfaceErrorDisabled: ink.INK5,
|
|
1524
1544
|
surfaceErrorHover: red.RED80,
|
|
1525
1545
|
surfaceErrorInverseDefault: red.RED10,
|
|
1526
1546
|
surfaceErrorInverseHover: red.RED20,
|
|
1527
1547
|
surfaceErrorInversePressed: red.RED40,
|
|
1528
1548
|
surfaceErrorPressed: red.RED_STATUS,
|
|
1529
1549
|
surfaceInfoDefault: blue.BLUE100,
|
|
1530
|
-
surfaceInfoDisabled: ink.
|
|
1550
|
+
surfaceInfoDisabled: ink.INK5,
|
|
1531
1551
|
surfaceInfoHover: blue.BLUE80,
|
|
1532
1552
|
surfaceInfoInverseDefault: blue.BLUE10,
|
|
1533
1553
|
surfaceInfoInverseHover: blue.BLUE20,
|
|
@@ -1545,14 +1565,14 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
|
|
|
1545
1565
|
surfaceSecondaryHover: ink.INK10,
|
|
1546
1566
|
surfaceSecondaryPressed: ink.INK20,
|
|
1547
1567
|
surfaceSuccessDefault: green.GREEN100,
|
|
1548
|
-
surfaceSuccessDisabled: ink.
|
|
1568
|
+
surfaceSuccessDisabled: ink.INK5,
|
|
1549
1569
|
surfaceSuccessHover: green.GREEN80,
|
|
1550
1570
|
surfaceSuccessInverseDefault: green.GREEN5,
|
|
1551
1571
|
surfaceSuccessInverseHover: green.GREEN10,
|
|
1552
1572
|
surfaceSuccessInversePressed: green.GREEN20,
|
|
1553
1573
|
surfaceSuccessPressed: green.GREEN_STATUS,
|
|
1554
1574
|
surfaceWarningDefault: yellow.YELLOW100,
|
|
1555
|
-
surfaceWarningDisabled: ink.
|
|
1575
|
+
surfaceWarningDisabled: ink.INK5,
|
|
1556
1576
|
surfaceWarningHover: yellow.YELLOW80,
|
|
1557
1577
|
surfaceWarningInverseDefault: yellow.YELLOW10,
|
|
1558
1578
|
surfaceWarningInverseHover: yellow.YELLOW20,
|