@arco-themes/react-aiux2026 1.0.6 → 1.0.8

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 (7) hide show
  1. package/README.md +12 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +1 -1
  5. package/theme.less +48 -27
  6. package/tokens.less +7 -7
  7. package/variables.less +14 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/react-aiux2026",
3
- "version": "1.0.6",
3
+ "version": "1.0.8",
4
4
  "description": "",
5
5
  "author": "dobe25381-gif",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -9,7 +9,7 @@ body {
9
9
  --color-bg-1: #fff;
10
10
  --color-bg-2: #fff;
11
11
  --color-bg-3: #fff;
12
- --color-bg-4: #fff;
12
+ --color-bg-4: #f5f7fc;
13
13
  --color-bg-5: #fff;
14
14
  --color-bg-white: #fff;
15
15
  --color-neutral-1: rgb(var(--gray-1));
package/theme.less CHANGED
@@ -622,7 +622,7 @@
622
622
  @dark-color-bg-4: rgb(25, 26, 34);
623
623
  @dark-color-bg-5: rgb(33, 35, 46);
624
624
  @color-bg-5: #ffffff;
625
- @color-bg-4: #ffffff;
625
+ @color-bg-4: rgb(245, 247, 252);
626
626
  @dark-color-bg-3: rgb(29, 30, 43);
627
627
  @color-bg-2: #ffffff;
628
628
  @color-border-3: rgb(195, 199, 212);
@@ -808,54 +808,54 @@
808
808
  @color-prefix-cls: ~'@{prefix}-color';
809
809
  @badge-1: rgb(133, 24, 242);
810
810
  @color-badge-5: rgb(var(~'@{arco-cssvars-prefix}-badge-5'));
811
+ @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
811
812
  @color-badge-4: rgb(var(~'@{arco-cssvars-prefix}-badge-4'));
812
813
  @dark-badge-1: rgb(62, 19, 143);
813
- @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
814
814
  @dark-badge-7: rgb(247, 192, 52);
815
815
  @badge-4: rgb(22, 217, 22);
816
+ @dark-badge-5: rgb(247, 126, 69);
816
817
  @color-badge-6: rgb(var(~'@{arco-cssvars-prefix}-badge-6'));
817
818
  @badge-9: #031A79;
818
- @dark-badge-5: rgb(247, 126, 69);
819
819
  @dark-badge-2: rgb(217, 46, 217);
820
820
  @badge-6: rgb(79, 24, 242);
821
821
  @badge-2: rgb(242, 24, 133);
822
822
  @badge-3: rgb(26, 188, 242);
823
823
  @color-badge-8: rgb(var(~'@{arco-cssvars-prefix}-badge-8'));
824
- @color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
825
824
  @color-badge-3: rgb(var(~'@{arco-cssvars-prefix}-badge-3'));
825
+ @color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
826
826
  @badge-7: rgb(242, 188, 23);
827
827
  @badge-8: #072CA6;
828
+ @color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
828
829
  @color-badge-9: rgb(var(~'@{arco-cssvars-prefix}-badge-9'));
829
830
  @dark-badge-4: rgb(12, 191, 146);
830
831
  @color-badge-7: rgb(var(~'@{arco-cssvars-prefix}-badge-7'));
831
- @color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
832
- @dark-badge-8: #93BEFF;
833
832
  @dark-badge-6: rgb(142, 81, 218);
834
- @dark-badge-3: rgb(26, 188, 242);
833
+ @dark-badge-8: #93BEFF;
835
834
  @dark-badge-9: #BEDAFF;
835
+ @dark-badge-3: rgb(26, 188, 242);
836
836
  @dark-badge-10: #EAF4FF;
837
837
  @badge-5: rgb(242, 79, 25);
838
838
  @badge-10: #000D4D;
839
- @tag-8: #072CA6;
840
839
  @tag-3: rgb(236, 253, 254);
840
+ @tag-8: #072CA6;
841
841
  @color-tag-9: rgb(var(~'@{arco-cssvars-prefix}-tag-9'));
842
842
  @color-tag-5: rgb(var(~'@{arco-cssvars-prefix}-tag-5'));
843
843
  @dark-tag-1: rgb(249, 237, 255);
844
844
  @dark-tag-2: rgb(255, 237, 243);
845
845
  @dark-tag-8: #93BEFF;
846
846
  @tag-7: rgb(255, 253, 237);
847
- @dark-tag-4: rgb(241, 255, 237);
848
847
  @color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
848
+ @dark-tag-4: rgb(241, 255, 237);
849
849
  @dark-tag-3: rgb(236, 253, 254);
850
850
  @dark-tag-9: #BEDAFF;
851
+ @color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
851
852
  @tag-6: rgb(245, 237, 255);
852
853
  @tag-4: rgb(241, 255, 237);
853
- @color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
854
854
  @tag-1: rgb(249, 237, 255);
855
855
  @color-tag-2: rgb(var(~'@{arco-cssvars-prefix}-tag-2'));
856
856
  @tag-2: rgb(255, 237, 243);
857
- @color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
858
857
  @tag-10: #000D4D;
858
+ @color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
859
859
  @color-tag-4: rgb(var(~'@{arco-cssvars-prefix}-tag-4'));
860
860
  @tag-9: #031A79;
861
861
  @color-tag-1: rgb(var(~'@{arco-cssvars-prefix}-tag-1'));
@@ -1567,13 +1567,20 @@
1567
1567
  border-bottom: 1px solid var(--color-border-2);
1568
1568
  }
1569
1569
 
1570
- .arco-table-td:first-child {
1571
- border-left: none;
1570
+ .arco-table-td {
1571
+ line-height: 23px;
1572
+ &:first-child {
1573
+ border-left: none;
1574
+ }
1572
1575
  }
1573
1576
 
1574
1577
  .arco-table-container {
1575
1578
  border-right: none;
1576
1579
  }
1580
+
1581
+ .arco-table-expand-fixed-row {
1582
+ border-left: none;
1583
+ }
1577
1584
  }
1578
1585
  .arco-table {
1579
1586
  .arco-table-sorter-icon {
@@ -1587,16 +1594,19 @@
1587
1594
  color: rgb(var(--primary-7));
1588
1595
  }
1589
1596
  }
1590
- .arco-table-th-item.arco-table-col-has-filter {
1591
- .arco-table-filters {
1592
- &:hover svg {
1593
- color: rgb(var(--primary-5));
1594
- }
1595
- &:active svg {
1596
- color: rgb(var(--primary-7));
1597
- }
1598
- &.arco-table-filters-active svg{
1599
- color: rgb(var(--primary-7));
1597
+ .arco-table-th-item {
1598
+ padding: 9px 16px;
1599
+ &.arco-table-col-has-filter {
1600
+ .arco-table-filters {
1601
+ &:hover svg {
1602
+ color: rgb(var(--primary-5));
1603
+ }
1604
+ &:active svg {
1605
+ color: rgb(var(--primary-7));
1606
+ }
1607
+ &.arco-table-filters-active svg{
1608
+ color: rgb(var(--primary-7));
1609
+ }
1600
1610
  }
1601
1611
  }
1602
1612
  }
@@ -1704,6 +1714,9 @@
1704
1714
  .arco-form-item {
1705
1715
  margin-bottom: 24px;
1706
1716
  }
1717
+ .arco-form-message + .arco-form-extra {
1718
+ margin-bottom: 24px;
1719
+ }
1707
1720
  .arco-form-message {
1708
1721
  min-height: 24px;
1709
1722
  line-height: 24px;
@@ -1897,15 +1910,23 @@
1897
1910
  // TreeSelect
1898
1911
  .arco-tree-select {
1899
1912
  .arco-tree-select-suffix {
1900
- .arco-tree-select-arrow-icon>svg.arco-icon {
1901
- font-size: 16px;
1913
+ .arco-tree-select-arrow-icon,
1914
+ .arco-tree-select-search-icon,
1915
+ .arco-tree-select-clear-icon {
1916
+ svg.arco-icon {
1917
+ font-size: 16px;
1918
+ }
1902
1919
  }
1903
1920
  }
1904
1921
 
1905
1922
  &.arco-tree-select-size-mini {
1906
1923
  .arco-tree-select-suffix {
1907
- .arco-tree-select-arrow-icon>svg.arco-icon {
1908
- font-size: 14px;
1924
+ .arco-tree-select-arrow-icon,
1925
+ .arco-tree-select-search-icon,
1926
+ .arco-tree-select-clear-icon {
1927
+ svg.arco-icon {
1928
+ font-size: 14px;
1929
+ }
1909
1930
  }
1910
1931
  }
1911
1932
  }
package/tokens.less CHANGED
@@ -467,10 +467,10 @@
467
467
  @dark-badge-5: #f77e45;
468
468
  @dark-badge-2: #d92ed9;
469
469
  @dark-badge-4: #0cbf92;
470
- @dark-badge-8: rgb(var(--arcoblue-8));
471
470
  @dark-badge-6: #8e51da;
472
- @dark-badge-3: #1abcf2;
471
+ @dark-badge-8: rgb(var(--arcoblue-8));
473
472
  @dark-badge-9: rgb(var(--arcoblue-9));
473
+ @dark-badge-3: #1abcf2;
474
474
  @dark-badge-10: rgb(var(--arcoblue-10));
475
475
  @dark-tag-1: #f9edff;
476
476
  @dark-tag-2: #ffedf3;
@@ -825,7 +825,7 @@
825
825
  @color-bg-1: #ffffff;
826
826
  @color-bg-2: #ffffff;
827
827
  @color-bg-3: #ffffff;
828
- @color-bg-4: #ffffff;
828
+ @color-bg-4: #f5f7fc;
829
829
  @color-bg-5: #ffffff;
830
830
  @color-bg-white: #ffffff;
831
831
  @color-text-1: #0f131f;
@@ -917,15 +917,15 @@
917
917
  @color-picker-prefix-cls: ~'@{prefix}-color-picker';
918
918
  @color-prefix-cls: ~'@{prefix}-color';
919
919
  @color-badge-5: rgb(var(--badge-5));
920
- @color-badge-4: rgb(var(--badge-4));
921
920
  @color-badge-2: rgb(var(--badge-2));
921
+ @color-badge-4: rgb(var(--badge-4));
922
922
  @color-badge-6: rgb(var(--badge-6));
923
923
  @color-badge-8: rgb(var(--badge-8));
924
- @color-badge-1: rgb(var(--badge-1));
925
924
  @color-badge-3: rgb(var(--badge-3));
925
+ @color-badge-1: rgb(var(--badge-1));
926
+ @color-badge-10: rgb(var(--badge-10));
926
927
  @color-badge-9: rgb(var(--badge-9));
927
928
  @color-badge-7: rgb(var(--badge-7));
928
- @color-badge-10: rgb(var(--badge-10));
929
929
  @color-tag-9: rgb(var(--tag-9));
930
930
  @color-tag-5: rgb(var(--tag-5));
931
931
  @color-tag-6: rgb(var(--tag-6));
@@ -3718,8 +3718,8 @@
3718
3718
  @tag-gray-color-icon-bg_hover: transparent;
3719
3719
  @tag-gray-color-text: #292f42;
3720
3720
  @tag-prefix-cls: ~'@{prefix}-tag';
3721
- @tag-8: rgb(var(--arcoblue-8));
3722
3721
  @tag-3: #ecfdfe;
3722
+ @tag-8: rgb(var(--arcoblue-8));
3723
3723
  @tag-7: #fffded;
3724
3724
  @tag-6: #f5edff;
3725
3725
  @tag-4: #f1ffed;
package/variables.less CHANGED
@@ -616,7 +616,7 @@
616
616
  @dark-color-bg-4: rgb(25, 26, 34);
617
617
  @dark-color-bg-5: rgb(33, 35, 46);
618
618
  @color-bg-5: #ffffff;
619
- @color-bg-4: #ffffff;
619
+ @color-bg-4: rgb(245, 247, 252);
620
620
  @dark-color-bg-3: rgb(29, 30, 43);
621
621
  @color-bg-2: #ffffff;
622
622
  @color-border-3: rgb(195, 199, 212);
@@ -820,8 +820,8 @@
820
820
  @btn-secondary-color-bg_warning_active: var(~'@{arco-cssvars-prefix}-color-bg-2');
821
821
  @btn-secondary-color-border_warning: @color-warning-6;
822
822
  @btn-secondary-color-border_warning_disabled: var(~'@{arco-cssvars-prefix}-color-border-3');
823
- @btn-secondary-color-border_warning_active: @color-warning-7;
824
823
  @btn-secondary-color-border_warning_hover: @color-warning-5;
824
+ @btn-secondary-color-border_warning_active: @color-warning-7;
825
825
  @btn-secondary-color-text_danger_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
826
826
  @btn-secondary-color-text_danger_hover: @color-danger-5;
827
827
  @btn-secondary-color-text_danger_active: @color-danger-7;
@@ -877,8 +877,8 @@
877
877
  @btn-dashed-color-text_danger_hover: @color-danger-5;
878
878
  @btn-dashed-color-text_danger_active: @color-danger-7;
879
879
  @btn-dashed-color-bg_danger: var(~'@{arco-cssvars-prefix}-color-bg-2');
880
- @btn-dashed-color-bg_danger_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
881
880
  @btn-dashed-color-bg_danger_hover: var(~'@{arco-cssvars-prefix}-color-bg-2');
881
+ @btn-dashed-color-bg_danger_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
882
882
  @btn-dashed-color-bg_danger_active: var(~'@{arco-cssvars-prefix}-color-bg-2');
883
883
  @btn-dashed-color-border_danger: @color-danger-6;
884
884
  @btn-dashed-color-border_danger_disabled: var(~'@{arco-cssvars-prefix}-color-border-3');
@@ -1452,8 +1452,8 @@
1452
1452
  @notification-success-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
1453
1453
  @notification-warning-color-text-content: var(~'@{arco-cssvars-prefix}-color-text-2');
1454
1454
  @notification-warning-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
1455
- @notification-error-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
1456
1455
  @notification-error-color-text-content: var(~'@{arco-cssvars-prefix}-color-text-2');
1456
+ @notification-error-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
1457
1457
  @popconfirm-font-title-size: @font-size-title-1;
1458
1458
  @progress-line-margin-text-left: @spacing-4;
1459
1459
  @progress-line-size-small-margin-text-left: @spacing-4;
@@ -1482,31 +1482,31 @@
1482
1482
  @password-size-eye-icon: @size-3;
1483
1483
  @badge-1: rgb(133, 24, 242);
1484
1484
  @color-badge-5: rgb(var(~'@{arco-cssvars-prefix}-badge-5'));
1485
+ @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
1485
1486
  @color-badge-4: rgb(var(~'@{arco-cssvars-prefix}-badge-4'));
1486
1487
  @dark-badge-1: rgb(62, 19, 143);
1487
- @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
1488
1488
  @dark-badge-7: rgb(247, 192, 52);
1489
1489
  @badge-4: rgb(22, 217, 22);
1490
+ @dark-badge-5: rgb(247, 126, 69);
1490
1491
  @color-badge-6: rgb(var(~'@{arco-cssvars-prefix}-badge-6'));
1491
1492
  @badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
1492
- @dark-badge-5: rgb(247, 126, 69);
1493
1493
  @dark-badge-2: rgb(217, 46, 217);
1494
1494
  @badge-6: rgb(79, 24, 242);
1495
1495
  @badge-2: rgb(242, 24, 133);
1496
1496
  @badge-3: rgb(26, 188, 242);
1497
1497
  @color-badge-8: rgb(var(~'@{arco-cssvars-prefix}-badge-8'));
1498
- @color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
1499
1498
  @color-badge-3: rgb(var(~'@{arco-cssvars-prefix}-badge-3'));
1499
+ @color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
1500
1500
  @badge-7: rgb(242, 188, 23);
1501
1501
  @badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
1502
+ @color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
1502
1503
  @color-badge-9: rgb(var(~'@{arco-cssvars-prefix}-badge-9'));
1503
1504
  @dark-badge-4: rgb(12, 191, 146);
1504
1505
  @color-badge-7: rgb(var(~'@{arco-cssvars-prefix}-badge-7'));
1505
- @color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
1506
- @dark-badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
1507
1506
  @dark-badge-6: rgb(142, 81, 218);
1508
- @dark-badge-3: rgb(26, 188, 242);
1507
+ @dark-badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
1509
1508
  @dark-badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
1509
+ @dark-badge-3: rgb(26, 188, 242);
1510
1510
  @dark-badge-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
1511
1511
  @badge-5: rgb(242, 79, 25);
1512
1512
  @badge-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
@@ -1521,26 +1521,26 @@
1521
1521
  @tag-red-color-icon: @color-danger-6;
1522
1522
  @tag-red-color-text: @color-danger-6;
1523
1523
  @tag-orangered-color-bg: @color-tag-5;
1524
- @tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
1525
1524
  @tag-3: rgb(236, 253, 254);
1525
+ @tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
1526
1526
  @color-tag-9: rgb(var(~'@{arco-cssvars-prefix}-tag-9'));
1527
1527
  @color-tag-5: rgb(var(~'@{arco-cssvars-prefix}-tag-5'));
1528
1528
  @dark-tag-1: rgb(249, 237, 255);
1529
1529
  @dark-tag-2: rgb(255, 237, 243);
1530
1530
  @dark-tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
1531
1531
  @tag-7: rgb(255, 253, 237);
1532
- @dark-tag-4: rgb(241, 255, 237);
1533
1532
  @color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
1533
+ @dark-tag-4: rgb(241, 255, 237);
1534
1534
  @dark-tag-3: rgb(236, 253, 254);
1535
1535
  @dark-tag-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
1536
+ @color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
1536
1537
  @tag-6: rgb(245, 237, 255);
1537
1538
  @tag-4: rgb(241, 255, 237);
1538
- @color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
1539
1539
  @tag-1: rgb(249, 237, 255);
1540
1540
  @color-tag-2: rgb(var(~'@{arco-cssvars-prefix}-tag-2'));
1541
1541
  @tag-2: rgb(255, 237, 243);
1542
- @color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
1543
1542
  @tag-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
1543
+ @color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
1544
1544
  @color-tag-4: rgb(var(~'@{arco-cssvars-prefix}-tag-4'));
1545
1545
  @tag-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
1546
1546
  @color-tag-1: rgb(var(~'@{arco-cssvars-prefix}-tag-1'));