sapo-components-ui-rn 1.1.44 → 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 CHANGED
@@ -241,16 +241,18 @@ var ref = {
241
241
  backgroundPrimary: ink.INK5,
242
242
  backgroundSecondary: white.WHITE100,
243
243
  borderBrandDefault: blue.BLUE100,
244
+ borderBrandDisabled: ink.INK20,
245
+ borderCriticalDisabled: ink.INK20,
244
246
  borderCriticalDefault: red.RED100,
245
247
  borderCriticalHover: red.RED80,
246
248
  borderCriticalPressed: red.RED120,
247
249
  borderErrorDefault: red.RED100,
248
250
  borderInfoDefault: blue.BLUE100,
249
- borderPrimaryDefault: ink.INK10,
250
- borderPrimaryDisabled: ink.INK10,
251
- borderPrimaryHovered: ink.INK20,
251
+ borderPrimaryDefault: ink.INK20,
252
+ borderPrimaryDisabled: ink.INK20,
253
+ borderPrimaryHovered: ink.INK40,
252
254
  borderPrimaryInverseDefault: blue.BLUE100,
253
- borderPrimaryPressed: ink.INK20,
255
+ borderPrimaryPressed: ink.INK60,
254
256
  borderSuccessDefault: green.GREEN100,
255
257
  borderWarningDefault: yellow.YELLOW100,
256
258
  iconBrandDefault: blue.BLUE100,
@@ -272,29 +274,36 @@ var ref = {
272
274
  iconPrimaryPressed: ink.INK60,
273
275
  iconSuccessDefault: green.GREEN100,
274
276
  iconWarningDefault: yellow.YELLOW100,
277
+ iconActionPressed: ink.INK80,
278
+ iconActionDefault: ink.INK60,
279
+ iconActionHovered: ink.INK40,
280
+ iconActionInversePressed: ink.INK60,
281
+ iconActionInverseDefault: white.WHITE100,
282
+ iconActionInverseHovered: white.WHITE80,
283
+ iconActionDisabled: ink.INK20,
275
284
  surfaceBrandDefault: blue.BLUE100,
276
- surfaceBrandDisabled: ink.INK10,
285
+ surfaceBrandDisabled: ink.INK5,
277
286
  surfaceBrandHover: blue.BLUE80,
278
287
  surfaceBrandInverseDefault: blue.BLUE5,
279
288
  surfaceBrandInverseHover: blue.BLUE10,
280
289
  surfaceBrandInversePressed: blue.BLUE20,
281
290
  surfaceBrandPressed: blue.BLUE120,
282
291
  surfaceCriticalDefault: red.RED100,
283
- surfaceCriticalDisabled: ink.INK10,
292
+ surfaceCriticalDisabled: ink.INK5,
284
293
  surfaceCriticalHover: red.RED80,
285
294
  surfaceCriticalInverseDefault: red.RED10,
286
295
  surfaceCriticalInverseHover: red.RED20,
287
296
  surfaceCriticalInversePressed: red.RED40,
288
297
  surfaceCriticalPressed: red.RED120,
289
298
  surfaceErrorDefault: red.RED100,
290
- surfaceErrorDisabled: ink.INK10,
299
+ surfaceErrorDisabled: ink.INK5,
291
300
  surfaceErrorHover: red.RED80,
292
301
  surfaceErrorInverseDefault: red.RED10,
293
302
  surfaceErrorInverseHover: red.RED20,
294
303
  surfaceErrorInversePressed: red.RED40,
295
304
  surfaceErrorPressed: red.RED_STATUS,
296
305
  surfaceInfoDefault: blue.BLUE100,
297
- surfaceInfoDisabled: ink.INK10,
306
+ surfaceInfoDisabled: ink.INK5,
298
307
  surfaceInfoHover: blue.BLUE80,
299
308
  surfaceInfoInverseDefault: blue.BLUE10,
300
309
  surfaceInfoInverseHover: blue.BLUE20,
@@ -312,14 +321,14 @@ var ref = {
312
321
  surfaceSecondaryHover: ink.INK10,
313
322
  surfaceSecondaryPressed: ink.INK20,
314
323
  surfaceSuccessDefault: green.GREEN100,
315
- surfaceSuccessDisabled: ink.INK10,
324
+ surfaceSuccessDisabled: ink.INK5,
316
325
  surfaceSuccessHover: green.GREEN80,
317
326
  surfaceSuccessInverseDefault: green.GREEN5,
318
327
  surfaceSuccessInverseHover: green.GREEN10,
319
328
  surfaceSuccessInversePressed: green.GREEN20,
320
329
  surfaceSuccessPressed: green.GREEN_STATUS,
321
330
  surfaceWarningDefault: yellow.YELLOW100,
322
- surfaceWarningDisabled: ink.INK10,
331
+ surfaceWarningDisabled: ink.INK5,
323
332
  surfaceWarningHover: yellow.YELLOW80,
324
333
  surfaceWarningInverseDefault: yellow.YELLOW10,
325
334
  surfaceWarningInverseHover: yellow.YELLOW20,
@@ -392,16 +401,18 @@ var ref = {
392
401
  backgroundPrimary: ink.INK5,
393
402
  backgroundSecondary: white.WHITE100,
394
403
  borderBrandDefault: blue.BLUE100,
404
+ borderBrandDisabled: ink.INK20,
405
+ borderCriticalDisabled: ink.INK20,
395
406
  borderCriticalDefault: red.RED100,
396
407
  borderCriticalHover: red.RED80,
397
408
  borderCriticalPressed: red.RED120,
398
409
  borderErrorDefault: red.RED100,
399
410
  borderInfoDefault: blue.BLUE100,
400
- borderPrimaryDefault: ink.INK10,
401
- borderPrimaryDisabled: ink.INK10,
402
- borderPrimaryHovered: ink.INK20,
411
+ borderPrimaryDefault: ink.INK20,
412
+ borderPrimaryDisabled: ink.INK20,
413
+ borderPrimaryHovered: ink.INK40,
403
414
  borderPrimaryInverseDefault: blue.BLUE100,
404
- borderPrimaryPressed: ink.INK20,
415
+ borderPrimaryPressed: ink.INK60,
405
416
  borderSuccessDefault: green.GREEN100,
406
417
  borderWarningDefault: yellow.YELLOW100,
407
418
  iconBrandDefault: blue.BLUE100,
@@ -423,29 +434,36 @@ var ref = {
423
434
  iconPrimaryPressed: ink.INK60,
424
435
  iconSuccessDefault: green.GREEN100,
425
436
  iconWarningDefault: yellow.YELLOW100,
437
+ iconActionPressed: ink.INK80,
438
+ iconActionDefault: ink.INK60,
439
+ iconActionHovered: ink.INK40,
440
+ iconActionInversePressed: ink.INK60,
441
+ iconActionInverseDefault: white.WHITE100,
442
+ iconActionInverseHovered: white.WHITE80,
443
+ iconActionDisabled: ink.INK20,
426
444
  surfaceBrandDefault: blue.BLUE100,
427
- surfaceBrandDisabled: ink.INK10,
445
+ surfaceBrandDisabled: ink.INK5,
428
446
  surfaceBrandHover: blue.BLUE80,
429
447
  surfaceBrandInverseDefault: blue.BLUE5,
430
448
  surfaceBrandInverseHover: blue.BLUE10,
431
449
  surfaceBrandInversePressed: blue.BLUE20,
432
450
  surfaceBrandPressed: blue.BLUE120,
433
451
  surfaceCriticalDefault: red.RED100,
434
- surfaceCriticalDisabled: ink.INK10,
452
+ surfaceCriticalDisabled: ink.INK5,
435
453
  surfaceCriticalHover: red.RED80,
436
454
  surfaceCriticalInverseDefault: red.RED10,
437
455
  surfaceCriticalInverseHover: red.RED20,
438
456
  surfaceCriticalInversePressed: red.RED40,
439
457
  surfaceCriticalPressed: red.RED120,
440
458
  surfaceErrorDefault: red.RED100,
441
- surfaceErrorDisabled: ink.INK10,
459
+ surfaceErrorDisabled: ink.INK5,
442
460
  surfaceErrorHover: red.RED80,
443
461
  surfaceErrorInverseDefault: red.RED10,
444
462
  surfaceErrorInverseHover: red.RED20,
445
463
  surfaceErrorInversePressed: red.RED40,
446
464
  surfaceErrorPressed: red.RED_STATUS,
447
465
  surfaceInfoDefault: blue.BLUE100,
448
- surfaceInfoDisabled: ink.INK10,
466
+ surfaceInfoDisabled: ink.INK5,
449
467
  surfaceInfoHover: blue.BLUE80,
450
468
  surfaceInfoInverseDefault: blue.BLUE10,
451
469
  surfaceInfoInverseHover: blue.BLUE20,
@@ -463,14 +481,14 @@ var ref = {
463
481
  surfaceSecondaryHover: ink.INK10,
464
482
  surfaceSecondaryPressed: ink.INK20,
465
483
  surfaceSuccessDefault: green.GREEN100,
466
- surfaceSuccessDisabled: ink.INK10,
484
+ surfaceSuccessDisabled: ink.INK5,
467
485
  surfaceSuccessHover: green.GREEN80,
468
486
  surfaceSuccessInverseDefault: green.GREEN5,
469
487
  surfaceSuccessInverseHover: green.GREEN10,
470
488
  surfaceSuccessInversePressed: green.GREEN20,
471
489
  surfaceSuccessPressed: green.GREEN_STATUS,
472
490
  surfaceWarningDefault: yellow.YELLOW100,
473
- surfaceWarningDisabled: ink.INK10,
491
+ surfaceWarningDisabled: ink.INK5,
474
492
  surfaceWarningHover: yellow.YELLOW80,
475
493
  surfaceWarningInverseDefault: yellow.YELLOW10,
476
494
  surfaceWarningInverseHover: yellow.YELLOW20,
@@ -1303,16 +1321,18 @@ var LightTheme = {
1303
1321
  backgroundPrimary: ink.INK5,
1304
1322
  backgroundSecondary: white.WHITE100,
1305
1323
  borderBrandDefault: blue.BLUE100,
1324
+ borderBrandDisabled: ink.INK20,
1325
+ borderCriticalDisabled: ink.INK20,
1306
1326
  borderCriticalDefault: red.RED100,
1307
1327
  borderCriticalHover: red.RED80,
1308
1328
  borderCriticalPressed: red.RED120,
1309
1329
  borderErrorDefault: red.RED100,
1310
1330
  borderInfoDefault: blue.BLUE100,
1311
- borderPrimaryDefault: ink.INK10,
1312
- borderPrimaryDisabled: ink.INK10,
1313
- borderPrimaryHovered: ink.INK20,
1331
+ borderPrimaryDefault: ink.INK20,
1332
+ borderPrimaryDisabled: ink.INK20,
1333
+ borderPrimaryHovered: ink.INK40,
1314
1334
  borderPrimaryInverseDefault: blue.BLUE100,
1315
- borderPrimaryPressed: ink.INK20,
1335
+ borderPrimaryPressed: ink.INK60,
1316
1336
  borderSuccessDefault: green.GREEN100,
1317
1337
  borderWarningDefault: yellow.YELLOW100,
1318
1338
  iconBrandDefault: blue.BLUE100,
@@ -1334,29 +1354,36 @@ var LightTheme = {
1334
1354
  iconPrimaryPressed: ink.INK60,
1335
1355
  iconSuccessDefault: green.GREEN100,
1336
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,
1337
1364
  surfaceBrandDefault: blue.BLUE100,
1338
- surfaceBrandDisabled: ink.INK10,
1365
+ surfaceBrandDisabled: ink.INK5,
1339
1366
  surfaceBrandHover: blue.BLUE80,
1340
1367
  surfaceBrandInverseDefault: blue.BLUE5,
1341
1368
  surfaceBrandInverseHover: blue.BLUE10,
1342
1369
  surfaceBrandInversePressed: blue.BLUE20,
1343
1370
  surfaceBrandPressed: blue.BLUE120,
1344
1371
  surfaceCriticalDefault: red.RED100,
1345
- surfaceCriticalDisabled: ink.INK10,
1372
+ surfaceCriticalDisabled: ink.INK5,
1346
1373
  surfaceCriticalHover: red.RED80,
1347
1374
  surfaceCriticalInverseDefault: red.RED10,
1348
1375
  surfaceCriticalInverseHover: red.RED20,
1349
1376
  surfaceCriticalInversePressed: red.RED40,
1350
1377
  surfaceCriticalPressed: red.RED120,
1351
1378
  surfaceErrorDefault: red.RED100,
1352
- surfaceErrorDisabled: ink.INK10,
1379
+ surfaceErrorDisabled: ink.INK5,
1353
1380
  surfaceErrorHover: red.RED80,
1354
1381
  surfaceErrorInverseDefault: red.RED10,
1355
1382
  surfaceErrorInverseHover: red.RED20,
1356
1383
  surfaceErrorInversePressed: red.RED40,
1357
1384
  surfaceErrorPressed: red.RED_STATUS,
1358
1385
  surfaceInfoDefault: blue.BLUE100,
1359
- surfaceInfoDisabled: ink.INK10,
1386
+ surfaceInfoDisabled: ink.INK5,
1360
1387
  surfaceInfoHover: blue.BLUE80,
1361
1388
  surfaceInfoInverseDefault: blue.BLUE10,
1362
1389
  surfaceInfoInverseHover: blue.BLUE20,
@@ -1374,14 +1401,14 @@ var LightTheme = {
1374
1401
  surfaceSecondaryHover: ink.INK10,
1375
1402
  surfaceSecondaryPressed: ink.INK20,
1376
1403
  surfaceSuccessDefault: green.GREEN100,
1377
- surfaceSuccessDisabled: ink.INK10,
1404
+ surfaceSuccessDisabled: ink.INK5,
1378
1405
  surfaceSuccessHover: green.GREEN80,
1379
1406
  surfaceSuccessInverseDefault: green.GREEN5,
1380
1407
  surfaceSuccessInverseHover: green.GREEN10,
1381
1408
  surfaceSuccessInversePressed: green.GREEN20,
1382
1409
  surfaceSuccessPressed: green.GREEN_STATUS,
1383
1410
  surfaceWarningDefault: yellow.YELLOW100,
1384
- surfaceWarningDisabled: ink.INK10,
1411
+ surfaceWarningDisabled: ink.INK5,
1385
1412
  surfaceWarningHover: yellow.YELLOW80,
1386
1413
  surfaceWarningInverseDefault: yellow.YELLOW10,
1387
1414
  surfaceWarningInverseHover: yellow.YELLOW20,
@@ -1458,16 +1485,18 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
1458
1485
  backgroundPrimary: ink.INK5,
1459
1486
  backgroundSecondary: white.WHITE100,
1460
1487
  borderBrandDefault: blue.BLUE100,
1488
+ borderBrandDisabled: ink.INK20,
1489
+ borderCriticalDisabled: ink.INK20,
1461
1490
  borderCriticalDefault: red.RED100,
1462
1491
  borderCriticalHover: red.RED80,
1463
1492
  borderCriticalPressed: red.RED120,
1464
1493
  borderErrorDefault: red.RED100,
1465
1494
  borderInfoDefault: blue.BLUE100,
1466
- borderPrimaryDefault: ink.INK10,
1467
- borderPrimaryDisabled: ink.INK10,
1468
- borderPrimaryHovered: ink.INK20,
1495
+ borderPrimaryDefault: ink.INK20,
1496
+ borderPrimaryDisabled: ink.INK20,
1497
+ borderPrimaryHovered: ink.INK40,
1469
1498
  borderPrimaryInverseDefault: blue.BLUE100,
1470
- borderPrimaryPressed: ink.INK20,
1499
+ borderPrimaryPressed: ink.INK60,
1471
1500
  borderSuccessDefault: green.GREEN100,
1472
1501
  borderWarningDefault: yellow.YELLOW100,
1473
1502
  iconBrandDefault: blue.BLUE100,
@@ -1489,29 +1518,36 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
1489
1518
  iconPrimaryPressed: ink.INK60,
1490
1519
  iconSuccessDefault: green.GREEN100,
1491
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,
1492
1528
  surfaceBrandDefault: blue.BLUE100,
1493
- surfaceBrandDisabled: ink.INK10,
1529
+ surfaceBrandDisabled: ink.INK5,
1494
1530
  surfaceBrandHover: blue.BLUE80,
1495
1531
  surfaceBrandInverseDefault: blue.BLUE5,
1496
1532
  surfaceBrandInverseHover: blue.BLUE10,
1497
1533
  surfaceBrandInversePressed: blue.BLUE20,
1498
1534
  surfaceBrandPressed: blue.BLUE120,
1499
1535
  surfaceCriticalDefault: red.RED100,
1500
- surfaceCriticalDisabled: ink.INK10,
1536
+ surfaceCriticalDisabled: ink.INK5,
1501
1537
  surfaceCriticalHover: red.RED80,
1502
1538
  surfaceCriticalInverseDefault: red.RED10,
1503
1539
  surfaceCriticalInverseHover: red.RED20,
1504
1540
  surfaceCriticalInversePressed: red.RED40,
1505
1541
  surfaceCriticalPressed: red.RED120,
1506
1542
  surfaceErrorDefault: red.RED100,
1507
- surfaceErrorDisabled: ink.INK10,
1543
+ surfaceErrorDisabled: ink.INK5,
1508
1544
  surfaceErrorHover: red.RED80,
1509
1545
  surfaceErrorInverseDefault: red.RED10,
1510
1546
  surfaceErrorInverseHover: red.RED20,
1511
1547
  surfaceErrorInversePressed: red.RED40,
1512
1548
  surfaceErrorPressed: red.RED_STATUS,
1513
1549
  surfaceInfoDefault: blue.BLUE100,
1514
- surfaceInfoDisabled: ink.INK10,
1550
+ surfaceInfoDisabled: ink.INK5,
1515
1551
  surfaceInfoHover: blue.BLUE80,
1516
1552
  surfaceInfoInverseDefault: blue.BLUE10,
1517
1553
  surfaceInfoInverseHover: blue.BLUE20,
@@ -1529,14 +1565,14 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
1529
1565
  surfaceSecondaryHover: ink.INK10,
1530
1566
  surfaceSecondaryPressed: ink.INK20,
1531
1567
  surfaceSuccessDefault: green.GREEN100,
1532
- surfaceSuccessDisabled: ink.INK10,
1568
+ surfaceSuccessDisabled: ink.INK5,
1533
1569
  surfaceSuccessHover: green.GREEN80,
1534
1570
  surfaceSuccessInverseDefault: green.GREEN5,
1535
1571
  surfaceSuccessInverseHover: green.GREEN10,
1536
1572
  surfaceSuccessInversePressed: green.GREEN20,
1537
1573
  surfaceSuccessPressed: green.GREEN_STATUS,
1538
1574
  surfaceWarningDefault: yellow.YELLOW100,
1539
- surfaceWarningDisabled: ink.INK10,
1575
+ surfaceWarningDisabled: ink.INK5,
1540
1576
  surfaceWarningHover: yellow.YELLOW80,
1541
1577
  surfaceWarningInverseDefault: yellow.YELLOW10,
1542
1578
  surfaceWarningInverseHover: yellow.YELLOW20,