morya-ui 0.3.2 → 0.3.3

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 (64) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/{Button-dMqRmoYa.js → Button-gBiRj7wz.js} +11 -6
  3. package/dist/{FlyoutSubmenu-BrUPmJa1.js → FlyoutSubmenu-H_741alW.js} +2 -2
  4. package/dist/{Loading-BSsRs6v9.js → Loading-qS2Yv_gm.js} +1 -1
  5. package/dist/{Pagination-CqpC5EAs.js → Pagination-Bvv2qvEK.js} +1 -1
  6. package/dist/{Popover-BQ07q4VV.js → Popover-rnZG_ap0.js} +3 -3
  7. package/dist/{Select-CKGrSoaC.js → Select-CiXd074W.js} +3 -3
  8. package/dist/{Tooltip-D5DO0B3z.js → Tooltip-B02o9BOW.js} +3 -3
  9. package/dist/auto-complete/index.js +3 -3
  10. package/dist/block-ui/index.js +1 -1
  11. package/dist/button/index.js +1 -1
  12. package/dist/button/style.css +277 -40
  13. package/dist/cascade-select/index.js +3 -3
  14. package/dist/command-menu/index.js +1 -1
  15. package/dist/components/Button/Button.vue.d.ts +1 -0
  16. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  17. package/dist/components/Button/styles.css +277 -40
  18. package/dist/components/Button/types.d.ts +9 -4
  19. package/dist/components/Button/types.d.ts.map +1 -1
  20. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  21. package/dist/components/ContextMenu/styles.css +19 -14
  22. package/dist/components/Menu/styles.css +4 -4
  23. package/dist/components/Popover/styles.css +11 -72
  24. package/dist/config-provider/style.css +277 -40
  25. package/dist/confirm-dialog/index.js +2 -2
  26. package/dist/confirm-dialog/style.css +277 -40
  27. package/dist/confirm-popup/index.js +5 -5
  28. package/dist/confirm-popup/style.css +277 -40
  29. package/dist/context-menu/index.js +105 -96
  30. package/dist/context-menu/style.css +19 -14
  31. package/dist/data-view/index.js +2 -2
  32. package/dist/date-picker/index.js +3 -3
  33. package/dist/dialog/index.js +2 -2
  34. package/dist/dialog/style.css +277 -40
  35. package/dist/drawer/index.js +1 -1
  36. package/dist/dropdown/index.js +4 -4
  37. package/dist/index.js +37 -21
  38. package/dist/loading/index.js +1 -1
  39. package/dist/mega-menu/index.js +3 -3
  40. package/dist/menu/index.js +5 -5
  41. package/dist/menu/style.css +15 -76
  42. package/dist/menubar/index.js +3 -3
  43. package/dist/message/index.js +1 -1
  44. package/dist/{overlayPlacement-Cd20JTD_.js → overlayPlacement-qwEJPVS4.js} +8 -8
  45. package/dist/page/index.js +1 -1
  46. package/dist/page/style.css +277 -40
  47. package/dist/pagination/index.js +1 -1
  48. package/dist/popover/index.js +1 -1
  49. package/dist/popover/style.css +11 -72
  50. package/dist/select/index.js +1 -1
  51. package/dist/shared/overlayPlacement.d.ts.map +1 -1
  52. package/dist/speed-dial/index.js +3 -3
  53. package/dist/split-button/index.js +3 -3
  54. package/dist/split-button/style.css +277 -40
  55. package/dist/styles.css +1 -1
  56. package/dist/table/index.js +3 -3
  57. package/dist/theme/motionPresets.d.ts.map +1 -1
  58. package/dist/tiered-menu/index.js +4 -4
  59. package/dist/toast/index.js +1 -1
  60. package/dist/tooltip/index.js +1 -1
  61. package/dist/tree-select/index.js +3 -3
  62. package/dist/{useFloatingViewportSync-DZdJ7W8n.js → useFloatingViewportSync-wLLKIGUA.js} +4 -1
  63. package/dist/{useMotionTransition-Bxnnb_9u.js → useMotionTransition-95Y79FoL.js} +1 -1
  64. package/package.json +2 -1
package/dist/confirm-popup/style.css CHANGED
@@ -1375,7 +1375,30 @@
1375
1375
  );
1376
1376
  }
1377
1377
 
1378
- .m-button--secondary.m-button--outlined {
1378
+ /* Idle matches outlined hover; hover/active deepen the tint. */
1379
+ .m-button--plain {
1380
+ --m-button-bg: color-mix(
1381
+ in srgb,
1382
+ var(--m-button-border) 10%,
1383
+ transparent
1384
+ );
1385
+ --m-button-fg: var(--m-button-border);
1386
+ --m-button-hover-bg: color-mix(
1387
+ in srgb,
1388
+ var(--m-button-border) 16%,
1389
+ transparent
1390
+ );
1391
+ --m-button-hover-fg: var(--m-button-border);
1392
+ --m-button-hover-border: var(--m-button-border);
1393
+ --m-button-active-bg: color-mix(
1394
+ in srgb,
1395
+ var(--m-button-border) 22%,
1396
+ transparent
1397
+ );
1398
+ }
1399
+
1400
+ .m-button--secondary.m-button--outlined,
1401
+ .m-button--secondary.m-button--plain {
1379
1402
  --m-button-border: var(--m-color-border);
1380
1403
  --m-button-fg: var(--m-color-text);
1381
1404
  --m-button-hover-fg: var(--m-color-text);
@@ -1386,13 +1409,16 @@
1386
1409
  --m-button-bg: transparent;
1387
1410
  --m-button-border: transparent;
1388
1411
  --m-button-fg: var(--m-color-primary);
1412
+ --m-button-hover-fg: var(--m-color-primary);
1413
+ --m-button-hover-border: transparent;
1414
+ }
1415
+
1416
+ .m-button--text {
1389
1417
  --m-button-hover-bg: color-mix(
1390
1418
  in srgb,
1391
1419
  var(--m-color-primary) 10%,
1392
1420
  transparent
1393
1421
  );
1394
- --m-button-hover-fg: var(--m-color-primary);
1395
- --m-button-hover-border: transparent;
1396
1422
  --m-button-active-bg: color-mix(
1397
1423
  in srgb,
1398
1424
  var(--m-color-primary) 16%,
@@ -1400,8 +1426,24 @@
1400
1426
  );
1401
1427
  }
1402
1428
 
1403
- .m-button--secondary.m-button--text,
1404
- .m-button--secondary.m-button--link {
1429
+ .m-button--link {
1430
+ --m-button-bg: transparent;
1431
+ --m-button-hover-bg: transparent;
1432
+ --m-button-active-bg: transparent;
1433
+ height: auto;
1434
+ min-height: 0;
1435
+ padding: 0;
1436
+ }
1437
+
1438
+ .m-button--link.m-button--link-underline:hover:not(:disabled) {
1439
+ text-decoration: underline;
1440
+ }
1441
+
1442
+ .m-button--link:not(.m-button--link-underline):hover:not(:disabled) {
1443
+ opacity: 0.8;
1444
+ }
1445
+
1446
+ .m-button--secondary.m-button--text {
1405
1447
  --m-button-fg: var(--m-color-text-muted);
1406
1448
  --m-button-hover-bg: color-mix(
1407
1449
  in srgb,
@@ -1411,8 +1453,12 @@
1411
1453
  --m-button-hover-fg: var(--m-color-text);
1412
1454
  }
1413
1455
 
1456
+ .m-button--secondary.m-button--link {
1457
+ --m-button-fg: var(--m-color-text-muted);
1458
+ --m-button-hover-fg: var(--m-color-text);
1459
+ }
1460
+
1414
1461
  .m-button--success.m-button--text,
1415
- .m-button--success.m-button--link,
1416
1462
  .m-button--success.m-button--outlined {
1417
1463
  --m-button-fg: var(--m-color-success);
1418
1464
  --m-button-border: var(--m-color-success);
@@ -1425,8 +1471,12 @@
1425
1471
  --m-button-hover-border: var(--m-color-success);
1426
1472
  }
1427
1473
 
1474
+ .m-button--success.m-button--link {
1475
+ --m-button-fg: var(--m-color-success);
1476
+ --m-button-hover-fg: var(--m-color-success);
1477
+ }
1478
+
1428
1479
  .m-button--info.m-button--text,
1429
- .m-button--info.m-button--link,
1430
1480
  .m-button--info.m-button--outlined {
1431
1481
  --m-button-fg: var(--m-color-info);
1432
1482
  --m-button-border: var(--m-color-info);
@@ -1439,8 +1489,12 @@
1439
1489
  --m-button-hover-border: var(--m-color-info);
1440
1490
  }
1441
1491
 
1492
+ .m-button--info.m-button--link {
1493
+ --m-button-fg: var(--m-color-info);
1494
+ --m-button-hover-fg: var(--m-color-info);
1495
+ }
1496
+
1442
1497
  .m-button--warn.m-button--text,
1443
- .m-button--warn.m-button--link,
1444
1498
  .m-button--warn.m-button--outlined {
1445
1499
  --m-button-fg: var(--m-color-warn);
1446
1500
  --m-button-border: var(--m-color-warn);
@@ -1453,8 +1507,12 @@
1453
1507
  --m-button-hover-border: var(--m-color-warn);
1454
1508
  }
1455
1509
 
1510
+ .m-button--warn.m-button--link {
1511
+ --m-button-fg: var(--m-color-warn);
1512
+ --m-button-hover-fg: var(--m-color-warn);
1513
+ }
1514
+
1456
1515
  .m-button--help.m-button--text,
1457
- .m-button--help.m-button--link,
1458
1516
  .m-button--help.m-button--outlined {
1459
1517
  --m-button-fg: var(--m-color-help);
1460
1518
  --m-button-border: var(--m-color-help);
@@ -1467,8 +1525,12 @@
1467
1525
  --m-button-hover-border: var(--m-color-help);
1468
1526
  }
1469
1527
 
1528
+ .m-button--help.m-button--link {
1529
+ --m-button-fg: var(--m-color-help);
1530
+ --m-button-hover-fg: var(--m-color-help);
1531
+ }
1532
+
1470
1533
  .m-button--danger.m-button--text,
1471
- .m-button--danger.m-button--link,
1472
1534
  .m-button--danger.m-button--outlined {
1473
1535
  --m-button-fg: var(--m-color-danger);
1474
1536
  --m-button-border: var(--m-color-danger);
@@ -1481,8 +1543,12 @@
1481
1543
  --m-button-hover-border: var(--m-color-danger);
1482
1544
  }
1483
1545
 
1546
+ .m-button--danger.m-button--link {
1547
+ --m-button-fg: var(--m-color-danger);
1548
+ --m-button-hover-fg: var(--m-color-danger);
1549
+ }
1550
+
1484
1551
  .m-button--contrast.m-button--text,
1485
- .m-button--contrast.m-button--link,
1486
1552
  .m-button--contrast.m-button--outlined {
1487
1553
  --m-button-fg: var(--m-color-contrast);
1488
1554
  --m-button-border: var(--m-color-contrast);
@@ -1495,9 +1561,14 @@
1495
1561
  --m-button-hover-border: var(--m-color-contrast);
1496
1562
  }
1497
1563
 
1564
+ .m-button--contrast.m-button--link {
1565
+ --m-button-fg: var(--m-color-contrast);
1566
+ --m-button-hover-fg: var(--m-color-contrast);
1567
+ }
1568
+
1498
1569
  .m-button--plain.m-button--text,
1499
- .m-button--plain.m-button--outlined,
1500
- .m-button--plain.m-button--link {
1570
+ .m-button--plain.m-button--outlined {
1571
+ --m-button-bg: transparent;
1501
1572
  --m-button-fg: var(--m-color-text-muted);
1502
1573
  --m-button-border: var(--m-color-border);
1503
1574
  --m-button-hover-bg: color-mix(
@@ -1507,69 +1578,178 @@
1507
1578
  );
1508
1579
  --m-button-hover-fg: var(--m-color-text);
1509
1580
  --m-button-hover-border: var(--m-color-border);
1581
+ --m-button-active-bg: color-mix(
1582
+ in srgb,
1583
+ var(--m-color-text-muted) 18%,
1584
+ transparent
1585
+ );
1510
1586
  }
1511
1587
 
1512
- .m-button--link {
1513
- height: auto;
1514
- min-height: 0;
1515
- padding: 0;
1516
- }
1517
-
1518
- .m-button--link:hover:not(:disabled) {
1519
- text-decoration: underline;
1588
+ .m-button--plain.m-button--link {
1589
+ --m-button-fg: var(--m-color-text-muted);
1590
+ --m-button-hover-fg: var(--m-color-text);
1520
1591
  }
1521
1592
 
1522
1593
  .m-button--ghost {
1523
- --m-button-bg: transparent;
1524
- --m-button-fg: var(--m-button-border);
1594
+ --m-button-bg: color-mix(
1595
+ in srgb,
1596
+ var(--m-color-primary) 10%,
1597
+ transparent
1598
+ );
1599
+ --m-button-border: transparent;
1600
+ --m-button-fg: var(--m-color-primary);
1525
1601
  --m-button-hover-bg: color-mix(
1526
1602
  in srgb,
1527
- var(--m-button-border) 12%,
1603
+ var(--m-color-primary) 16%,
1528
1604
  transparent
1529
1605
  );
1530
- --m-button-hover-fg: var(--m-button-border);
1531
- --m-button-hover-border: var(--m-button-border);
1606
+ --m-button-hover-fg: var(--m-color-primary);
1607
+ --m-button-hover-border: transparent;
1532
1608
  --m-button-active-bg: color-mix(
1533
1609
  in srgb,
1534
- var(--m-button-border) 18%,
1610
+ var(--m-color-primary) 22%,
1535
1611
  transparent
1536
1612
  );
1537
1613
  }
1538
1614
 
1539
1615
  .m-button--secondary.m-button--ghost {
1540
- --m-button-border: var(--m-color-border);
1616
+ --m-button-bg: color-mix(
1617
+ in srgb,
1618
+ var(--m-color-text-muted) 12%,
1619
+ transparent
1620
+ );
1541
1621
  --m-button-fg: var(--m-color-text);
1622
+ --m-button-hover-bg: color-mix(
1623
+ in srgb,
1624
+ var(--m-color-text-muted) 18%,
1625
+ transparent
1626
+ );
1542
1627
  --m-button-hover-fg: var(--m-color-text);
1628
+ --m-button-active-bg: color-mix(
1629
+ in srgb,
1630
+ var(--m-color-text-muted) 24%,
1631
+ transparent
1632
+ );
1543
1633
  }
1544
1634
 
1545
1635
  .m-button--success.m-button--ghost {
1636
+ --m-button-bg: color-mix(
1637
+ in srgb,
1638
+ var(--m-color-success) 10%,
1639
+ transparent
1640
+ );
1546
1641
  --m-button-fg: var(--m-color-success);
1547
- --m-button-border: var(--m-color-success);
1642
+ --m-button-hover-bg: color-mix(
1643
+ in srgb,
1644
+ var(--m-color-success) 16%,
1645
+ transparent
1646
+ );
1647
+ --m-button-hover-fg: var(--m-color-success);
1648
+ --m-button-active-bg: color-mix(
1649
+ in srgb,
1650
+ var(--m-color-success) 22%,
1651
+ transparent
1652
+ );
1548
1653
  }
1549
1654
 
1550
1655
  .m-button--info.m-button--ghost {
1656
+ --m-button-bg: color-mix(
1657
+ in srgb,
1658
+ var(--m-color-info) 10%,
1659
+ transparent
1660
+ );
1551
1661
  --m-button-fg: var(--m-color-info);
1552
- --m-button-border: var(--m-color-info);
1662
+ --m-button-hover-bg: color-mix(
1663
+ in srgb,
1664
+ var(--m-color-info) 16%,
1665
+ transparent
1666
+ );
1667
+ --m-button-hover-fg: var(--m-color-info);
1668
+ --m-button-active-bg: color-mix(
1669
+ in srgb,
1670
+ var(--m-color-info) 22%,
1671
+ transparent
1672
+ );
1553
1673
  }
1554
1674
 
1555
1675
  .m-button--warn.m-button--ghost {
1676
+ --m-button-bg: color-mix(
1677
+ in srgb,
1678
+ var(--m-color-warn) 10%,
1679
+ transparent
1680
+ );
1556
1681
  --m-button-fg: var(--m-color-warn);
1557
- --m-button-border: var(--m-color-warn);
1682
+ --m-button-hover-bg: color-mix(
1683
+ in srgb,
1684
+ var(--m-color-warn) 16%,
1685
+ transparent
1686
+ );
1687
+ --m-button-hover-fg: var(--m-color-warn);
1688
+ --m-button-active-bg: color-mix(
1689
+ in srgb,
1690
+ var(--m-color-warn) 22%,
1691
+ transparent
1692
+ );
1558
1693
  }
1559
1694
 
1560
1695
  .m-button--help.m-button--ghost {
1696
+ --m-button-bg: color-mix(
1697
+ in srgb,
1698
+ var(--m-color-help) 10%,
1699
+ transparent
1700
+ );
1561
1701
  --m-button-fg: var(--m-color-help);
1562
- --m-button-border: var(--m-color-help);
1702
+ --m-button-hover-bg: color-mix(
1703
+ in srgb,
1704
+ var(--m-color-help) 16%,
1705
+ transparent
1706
+ );
1707
+ --m-button-hover-fg: var(--m-color-help);
1708
+ --m-button-active-bg: color-mix(
1709
+ in srgb,
1710
+ var(--m-color-help) 22%,
1711
+ transparent
1712
+ );
1563
1713
  }
1564
1714
 
1565
1715
  .m-button--danger.m-button--ghost {
1716
+ --m-button-bg: color-mix(
1717
+ in srgb,
1718
+ var(--m-color-danger) 10%,
1719
+ transparent
1720
+ );
1566
1721
  --m-button-fg: var(--m-color-danger);
1567
- --m-button-border: var(--m-color-danger);
1722
+ --m-button-hover-bg: color-mix(
1723
+ in srgb,
1724
+ var(--m-color-danger) 16%,
1725
+ transparent
1726
+ );
1727
+ --m-button-hover-fg: var(--m-color-danger);
1728
+ --m-button-active-bg: color-mix(
1729
+ in srgb,
1730
+ var(--m-color-danger) 22%,
1731
+ transparent
1732
+ );
1568
1733
  }
1569
1734
 
1570
1735
  .m-button--contrast.m-button--ghost {
1736
+ --m-button-bg: color-mix(
1737
+ in srgb,
1738
+ var(--m-color-contrast) 10%,
1739
+ transparent
1740
+ );
1571
1741
  --m-button-fg: var(--m-color-contrast);
1572
- --m-button-border: var(--m-color-contrast);
1742
+ --m-button-hover-bg: color-mix(
1743
+ in srgb,
1744
+ var(--m-color-contrast) 16%,
1745
+ transparent
1746
+ );
1747
+ --m-button-hover-fg: var(--m-color-contrast);
1748
+ --m-button-active-bg: color-mix(
1749
+ in srgb,
1750
+ var(--m-color-contrast) 22%,
1751
+ transparent
1752
+ );
1573
1753
  }
1574
1754
 
1575
1755
  .m-button--quaternary {
@@ -1608,11 +1788,7 @@
1608
1788
  );
1609
1789
  }
1610
1790
 
1611
- .m-button--custom.m-button--outlined,
1612
- .m-button--custom.m-button--ghost,
1613
- .m-button--custom.m-button--text,
1614
- .m-button--custom.m-button--quaternary,
1615
- .m-button--custom.m-button--link {
1791
+ .m-button--custom.m-button--outlined {
1616
1792
  --m-button-bg: transparent;
1617
1793
  --m-button-fg: var(--m-button-color);
1618
1794
  --m-button-border: var(--m-button-color);
@@ -1625,11 +1801,72 @@
1625
1801
  --m-button-hover-border: var(--m-button-color);
1626
1802
  }
1627
1803
 
1804
+ .m-button--custom.m-button--ghost {
1805
+ --m-button-bg: color-mix(
1806
+ in srgb,
1807
+ var(--m-button-color) 10%,
1808
+ transparent
1809
+ );
1810
+ --m-button-fg: var(--m-button-color);
1811
+ --m-button-border: transparent;
1812
+ --m-button-hover-bg: color-mix(
1813
+ in srgb,
1814
+ var(--m-button-color) 16%,
1815
+ transparent
1816
+ );
1817
+ --m-button-hover-fg: var(--m-button-color);
1818
+ --m-button-hover-border: transparent;
1819
+ --m-button-active-bg: color-mix(
1820
+ in srgb,
1821
+ var(--m-button-color) 22%,
1822
+ transparent
1823
+ );
1824
+ }
1825
+
1628
1826
  .m-button--custom.m-button--text,
1629
- .m-button--custom.m-button--quaternary,
1827
+ .m-button--custom.m-button--quaternary {
1828
+ --m-button-bg: transparent;
1829
+ --m-button-fg: var(--m-button-color);
1830
+ --m-button-border: transparent;
1831
+ --m-button-hover-bg: color-mix(
1832
+ in srgb,
1833
+ var(--m-button-color) 12%,
1834
+ transparent
1835
+ );
1836
+ --m-button-hover-fg: var(--m-button-color);
1837
+ --m-button-hover-border: transparent;
1838
+ }
1839
+
1840
+ .m-button--custom.m-button--plain {
1841
+ --m-button-bg: color-mix(
1842
+ in srgb,
1843
+ var(--m-button-color) 10%,
1844
+ transparent
1845
+ );
1846
+ --m-button-fg: var(--m-button-color);
1847
+ --m-button-border: var(--m-button-color);
1848
+ --m-button-hover-bg: color-mix(
1849
+ in srgb,
1850
+ var(--m-button-color) 16%,
1851
+ transparent
1852
+ );
1853
+ --m-button-hover-fg: var(--m-button-color);
1854
+ --m-button-hover-border: var(--m-button-color);
1855
+ --m-button-active-bg: color-mix(
1856
+ in srgb,
1857
+ var(--m-button-color) 22%,
1858
+ transparent
1859
+ );
1860
+ }
1861
+
1630
1862
  .m-button--custom.m-button--link {
1863
+ --m-button-bg: transparent;
1864
+ --m-button-fg: var(--m-button-color);
1631
1865
  --m-button-border: transparent;
1866
+ --m-button-hover-bg: transparent;
1867
+ --m-button-hover-fg: var(--m-button-color);
1632
1868
  --m-button-hover-border: transparent;
1869
+ --m-button-active-bg: transparent;
1633
1870
  }
1634
1871
 
1635
1872
  .m-button-group {