@douyinfe/semi-ui 2.46.1 → 2.47.0-beta.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 (31) hide show
  1. package/dist/css/semi.css +75 -2
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +201 -121
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/_base/base.css +40 -0
  8. package/lib/cjs/button/Button.js +2 -1
  9. package/lib/cjs/collapse/item.d.ts +1 -0
  10. package/lib/cjs/collapse/item.js +1 -0
  11. package/lib/cjs/popconfirm/index.d.ts +3 -0
  12. package/lib/cjs/popconfirm/index.js +6 -3
  13. package/lib/cjs/tree/index.d.ts +2 -1
  14. package/lib/cjs/tree/index.js +29 -19
  15. package/lib/cjs/tree/interface.d.ts +2 -1
  16. package/lib/cjs/tree/nodeList.js +1 -7
  17. package/lib/cjs/treeSelect/index.d.ts +3 -2
  18. package/lib/cjs/treeSelect/index.js +39 -27
  19. package/lib/es/_base/base.css +40 -0
  20. package/lib/es/button/Button.js +2 -1
  21. package/lib/es/collapse/item.d.ts +1 -0
  22. package/lib/es/collapse/item.js +1 -0
  23. package/lib/es/popconfirm/index.d.ts +3 -0
  24. package/lib/es/popconfirm/index.js +6 -3
  25. package/lib/es/tree/index.d.ts +2 -1
  26. package/lib/es/tree/index.js +29 -19
  27. package/lib/es/tree/interface.d.ts +2 -1
  28. package/lib/es/tree/nodeList.js +1 -7
  29. package/lib/es/treeSelect/index.d.ts +3 -2
  30. package/lib/es/treeSelect/index.js +39 -27
  31. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -421,6 +421,26 @@ body, body[theme-mode=dark] .semi-always-light {
421
421
  --semi-border-radius-full: 9999px;
422
422
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
423
423
  --semi-color-highlight: rgba(var(--semi-black), 1);
424
+ --semi-color-data-0:rgba(22, 100, 255, 1);
425
+ --semi-color-data-1:rgba(178, 207, 255, 1);
426
+ --semi-color-data-2:rgba(26, 198, 255, 1);
427
+ --semi-color-data-3:rgba(148, 239, 255, 1);
428
+ --semi-color-data-4:rgba(255, 138, 0, 1);
429
+ --semi-color-data-5:rgba(255, 206, 122, 1);
430
+ --semi-color-data-6:rgba(60, 199, 128, 1);
431
+ --semi-color-data-7:rgba(185, 237, 205, 1);
432
+ --semi-color-data-8:rgba(116, 66, 212, 1);
433
+ --semi-color-data-9:rgba(221, 197, 250, 1);
434
+ --semi-color-data-10:rgba(255, 196, 0, 1);
435
+ --semi-color-data-11:rgba(250, 232, 120, 1);
436
+ --semi-color-data-12:rgba(48, 77, 119, 1);
437
+ --semi-color-data-13:rgba(139, 149, 158, 1);
438
+ --semi-color-data-14:rgba(180, 141, 235, 1);
439
+ --semi-color-data-15:rgba(239, 227, 255, 1);
440
+ --semi-color-data-16:rgba(0, 148, 136, 1);
441
+ --semi-color-data-17:rgba(89, 186, 168, 1);
442
+ --semi-color-data-18:rgba(255, 125, 218, 1);
443
+ --semi-color-data-19:rgba(255, 207, 238, 1);
424
444
  }
425
445
 
426
446
  body[theme-mode=dark], body .semi-always-dark {
@@ -511,6 +531,26 @@ body[theme-mode=dark], body .semi-always-dark {
511
531
  --semi-border-radius-full: 9999px;
512
532
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
513
533
  --semi-color-highlight: rgba(var(--semi-white), 1);
534
+ --semi-color-data-0:rgba(22, 100, 255, 1);
535
+ --semi-color-data-1:rgba(178, 207, 255, 1);
536
+ --semi-color-data-2:rgba(26, 198, 255, 1);
537
+ --semi-color-data-3:rgba(148, 239, 255, 1);
538
+ --semi-color-data-4:rgba(255, 138, 0, 1);
539
+ --semi-color-data-5:rgba(255, 206, 122, 1);
540
+ --semi-color-data-6:rgba(60, 199, 128, 1);
541
+ --semi-color-data-7:rgba(185, 237, 205, 1);
542
+ --semi-color-data-8:rgba(116, 66, 212, 1);
543
+ --semi-color-data-9:rgba(221, 197, 250, 1);
544
+ --semi-color-data-10:rgba(255, 196, 0, 1);
545
+ --semi-color-data-11:rgba(250, 232, 120, 1);
546
+ --semi-color-data-12:rgba(48, 77, 119, 1);
547
+ --semi-color-data-13:rgba(139, 149, 158, 1);
548
+ --semi-color-data-14:rgba(180, 141, 235, 1);
549
+ --semi-color-data-15:rgba(239, 227, 255, 1);
550
+ --semi-color-data-16:rgba(0, 148, 136, 1);
551
+ --semi-color-data-17:rgba(89, 186, 168, 1);
552
+ --semi-color-data-18:rgba(255, 125, 218, 1);
553
+ --semi-color-data-19:rgba(255, 207, 238, 1);
514
554
  }
515
555
 
516
556
  body {
@@ -1663,6 +1703,12 @@ body {
1663
1703
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1664
1704
  transform: scale(var(--semi-transform_scale-none));
1665
1705
  }
1706
+ .semi-button-danger-disabled {
1707
+ background-color: var(--semi-color-disabled-bg);
1708
+ }
1709
+ .semi-button-danger-disabled.semi-button-light {
1710
+ background-color: var(--semi-color-fill-0);
1711
+ }
1666
1712
  .semi-button-danger:hover {
1667
1713
  background-color: var(--semi-color-danger-hover);
1668
1714
  }
@@ -1681,6 +1727,12 @@ body {
1681
1727
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1682
1728
  transform: scale(var(--semi-transform_scale-none));
1683
1729
  }
1730
+ .semi-button-warning-disabled {
1731
+ background-color: var(--semi-color-disabled-bg);
1732
+ }
1733
+ .semi-button-warning-disabled.semi-button-light {
1734
+ background-color: var(--semi-color-fill-0);
1735
+ }
1684
1736
  .semi-button-warning:hover {
1685
1737
  background-color: var(--semi-color-warning-hover);
1686
1738
  }
@@ -1699,6 +1751,12 @@ body {
1699
1751
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1700
1752
  transform: scale(var(--semi-transform_scale-none));
1701
1753
  }
1754
+ .semi-button-tertiary-disabled {
1755
+ background-color: var(--semi-color-disabled-bg);
1756
+ }
1757
+ .semi-button-tertiary-disabled.semi-button-light {
1758
+ background-color: var(--semi-color-fill-0);
1759
+ }
1702
1760
  .semi-button-tertiary:hover {
1703
1761
  background-color: var(--semi-color-tertiary-hover);
1704
1762
  }
@@ -1714,6 +1772,12 @@ body {
1714
1772
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1715
1773
  transform: scale(var(--semi-transform_scale-none));
1716
1774
  }
1775
+ .semi-button-primary-disabled {
1776
+ background-color: var(--semi-color-disabled-bg);
1777
+ }
1778
+ .semi-button-primary-disabled.semi-button-light {
1779
+ background: var(--semi-color-fill-0);
1780
+ }
1717
1781
  .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):hover {
1718
1782
  background-color: var(--semi-color-primary-hover);
1719
1783
  }
@@ -1730,6 +1794,12 @@ body {
1730
1794
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1731
1795
  transform: scale(var(--semi-transform_scale-none));
1732
1796
  }
1797
+ .semi-button-secondary-disabled {
1798
+ background-color: var(--semi-color-disabled-bg);
1799
+ }
1800
+ .semi-button-secondary-disabled.semi-button-light {
1801
+ background-color: var(--semi-color-fill-0);
1802
+ }
1733
1803
  .semi-button-secondary:hover {
1734
1804
  background-color: var(--semi-color-secondary-hover);
1735
1805
  }
@@ -1741,12 +1811,10 @@ body {
1741
1811
  }
1742
1812
  .semi-button-disabled {
1743
1813
  color: var(--semi-color-disabled-text);
1744
- background-color: var(--semi-color-disabled-bg);
1745
1814
  cursor: not-allowed;
1746
1815
  }
1747
1816
  .semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):hover {
1748
1817
  color: var(--semi-color-disabled-text);
1749
- background-color: var(--semi-color-disabled-bg);
1750
1818
  }
1751
1819
  .semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless {
1752
1820
  color: var(--semi-color-disabled-text);
@@ -20761,6 +20829,10 @@ img[src=""], img:not([src]) {
20761
20829
  font-size: 12px;
20762
20830
  line-height: 16px;
20763
20831
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
20832
+ font-weight: 400;
20833
+ }
20834
+ .semi-typography-small.semi-typography-paragraph {
20835
+ font-weight: 400;
20764
20836
  }
20765
20837
  .semi-typography code {
20766
20838
  border: 1px solid var(--semi-color-border);
@@ -21030,6 +21102,7 @@ h6.semi-typography.semi-typography-h6-weight-bold,
21030
21102
  p.semi-typography-extended,
21031
21103
  .semi-typography-paragraph.semi-typography-extended {
21032
21104
  line-height: 24px;
21105
+ font-weight: 400;
21033
21106
  }
21034
21107
 
21035
21108
  .semi-rtl .semi-typography,