@arco-themes/vue-rb-node-saas-web 0.0.8 → 0.0.9

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 +10 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +1 -1
  5. package/theme.less +1 -1
  6. package/tokens.less +34 -34
  7. package/variables.less +32 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-rb-node-saas-web",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "description": "",
5
5
  "author": "k5v1n",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -26,7 +26,7 @@ body {
26
26
  --color-text-2: #4e5969;
27
27
  --color-text-3: #86909c;
28
28
  --color-text-4: var(--color-neutral-4);
29
- --color-fill-1: var(--color-neutral-1);
29
+ --color-fill-1: #f8f9fb;
30
30
  --color-fill-2: #f1f2f8;
31
31
  --color-fill-3: var(--color-neutral-3);
32
32
  --color-fill-4: var(--color-neutral-4);
package/theme.less CHANGED
@@ -610,7 +610,7 @@
610
610
  @color-bg-1: #ffffff;
611
611
  @color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
612
612
  @dark-color-border-2: @dark-gray-3;
613
- @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
613
+ @color-fill-1: rgb(248, 249, 251);
614
614
  @dark-color-border-4: @dark-gray-6;
615
615
  @dark-color-fill-1: rgba(255, 255, 255, 0.04);
616
616
  @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
package/tokens.less CHANGED
@@ -761,7 +761,7 @@
761
761
  @color-text-2: #4e5969;
762
762
  @color-text-3: #86909c;
763
763
  @color-text-4: var(--color-neutral-4);
764
- @color-fill-1: var(--color-neutral-1);
764
+ @color-fill-1: #f8f9fb;
765
765
  @color-fill-2: #f1f2f8;
766
766
  @color-fill-3: var(--color-neutral-3);
767
767
  @color-fill-4: var(--color-neutral-4);
@@ -1289,8 +1289,8 @@
1289
1289
  @picker-panel-color-text-cell_selected: var(--color-white);
1290
1290
  @picker-panel-color-bg-cell_selected: rgb(var(--primary-6));
1291
1291
  @picker-panel-color-current-time-dot: rgb(var(--primary-6));
1292
- @picker-panel-border-radius-cell_selected: var(--border-radius-circle);
1293
- @picker-panel-cell-boundary-border-radius: 24px;
1292
+ @picker-panel-border-radius-cell_selected: 6px;
1293
+ @picker-panel-cell-boundary-border-radius: 6px;
1294
1294
  @picker-panel-cell-border-radius: 24px;
1295
1295
  @picker-panel-color-bg-label_hover: var(--color-fill-3);
1296
1296
  @picker-prefix-cls: ~'@{prefix}-picker';
@@ -1450,34 +1450,36 @@
1450
1450
  @select-prefix-cls: ~'@{prefix}-select';
1451
1451
  @select-popup-max-height: 200px;
1452
1452
  @select-popup-border-radius: var(--border-radius-medium);
1453
- @select-popup-padding-vertical: 4px;
1453
+ @select-popup-padding-vertical: 6px;
1454
1454
  @select-popup-font-size: 14px;
1455
1455
  @select-popup-color-bg: var(--color-bg-popup);
1456
1456
  @select-popup-color-border: var(--color-fill-3);
1457
1457
  @select-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
1458
- @select-popup-option-height: 36px;
1458
+ @select-popup-option-height: 28px;
1459
1459
  @select-popup-option-font-weight_selected: 500;
1460
- @select-signal-popup-option-padding-horizontal: 12px;
1461
- @select-multi-popup-option-padding-horizontal: 4px;
1460
+ @select-signal-popup-option-padding-horizontal: 6px;
1461
+ @select-multi-popup-option-padding-horizontal: 6px;
1462
1462
  @select-popup-option-color-bg_default: var(--color-bg-popup);
1463
- @select-popup-option-color-bg_hover: var(--color-fill-2);
1463
+ @select-popup-option-color-bg_hover: rgb(var(--primary-1));
1464
1464
  @select-popup-option-color-bg_selected: var(--color-bg-popup);
1465
1465
  @select-popup-option-color-bg_disabled: var(--color-bg-popup);
1466
1466
  @select-popup-option-color-text_default: var(--color-text-1);
1467
- @select-popup-option-color-text_hover: var(--color-text-1);
1468
- @select-popup-option-color-text_selected: var(--color-text-1);
1467
+ @select-popup-option-color-text_hover: rgb(var(--primary-6));
1468
+ @select-popup-option-color-text_selected: rgb(var(--primary-6));
1469
1469
  @select-popup-option-color-text_disabled: var(--color-text-4);
1470
1470
  @select-popup-option-color-highlight-text: var(--color-text-1);
1471
1471
  @select-popup-option-font-highlight-weight: 500;
1472
1472
  @select-popup-group-title-height: 20px;
1473
- @select-popup-group-title-padding-horizontal: 12px;
1474
- @select-popup-group-title-padding-top: 8px;
1473
+ @select-popup-group-title-padding-horizontal: 6px;
1474
+ @select-popup-group-title-padding-top: 6px;
1475
1475
  @select-popup-group-title-font-size: 12px;
1476
1476
  @select-popup-group-title-color-text: var(--color-text-3);
1477
1477
  @select-color-icon-bg_hover: #ffffff;
1478
1478
  @select-color-bg_error: #ffffff;
1479
1479
  @select-shadow-distance_error_focus: 3px;
1480
1480
  @select-color-bg_error_hover: #ffffff;
1481
+ @select-popup-option-border-radius: 6px;
1482
+ @select-popup-padding-horizontal: 6px;
1481
1483
  @select-size-mini-height: @size-mini;
1482
1484
  @select-size-small-height: @size-small;
1483
1485
  @select-size-default-height: @size-default;
@@ -1518,8 +1520,6 @@
1518
1520
  @select-color-icon_disabled: var(--color-text-4);
1519
1521
  @select-popup-option-font-hightlight-weight: @font-weight-500;
1520
1522
  @select-popup-option-color-hightlight-text: var(--color-text-1);
1521
- @select-popup-padding-horizontal: @spacing-none;
1522
- @select-popup-option-border-radius: @border-radius-none;
1523
1523
  @select-color-addon-text: var(--color-text-2);
1524
1524
  @select-color-addon-bg: var(--color-fill-2);
1525
1525
 
@@ -1713,11 +1713,11 @@
1713
1713
 
1714
1714
  @btn-font-weight: 400;
1715
1715
  @btn-border-width: 1px;
1716
- @btn-border-radius: var(--border-radius-small);
1717
- @btn-size-mini-radius: var(--border-radius-small);
1718
- @btn-size-small-radius: var(--border-radius-small);
1719
- @btn-size-default-radius: var(--border-radius-small);
1720
- @btn-size-large-radius: var(--border-radius-small);
1716
+ @btn-border-radius: 4px;
1717
+ @btn-size-mini-radius: 4px;
1718
+ @btn-size-small-radius: 4px;
1719
+ @btn-size-default-radius: 4px;
1720
+ @btn-size-large-radius: 4px;
1721
1721
  @btn-size-mini-height: 24px;
1722
1722
  @btn-size-small-height: 28px;
1723
1723
  @btn-size-default-height: 32px;
@@ -1987,7 +1987,7 @@
1987
1987
  @btn-text-color-border_success_hover: transparent;
1988
1988
  @btn-text-color-border_success_active: transparent;
1989
1989
  @btn-text-border-style: solid;
1990
- @btn-size-medium-radius: var(--border-radius-small);
1990
+ @btn-size-medium-radius: 4px;
1991
1991
  @btn-size-medium-border-width: 1px;
1992
1992
  @btn-size-medium-icon-spacing: 4px;
1993
1993
  @btn-size-medium-icon-vertical-align: -2px;
@@ -2109,27 +2109,27 @@
2109
2109
 
2110
2110
  /*********** dropdown ***********/
2111
2111
 
2112
- @dropdown-margin-left-suffix-icon: 12px;
2112
+ @dropdown-margin-left-suffix-icon: 6px;
2113
2113
  @dropdown-max-height: 200px;
2114
2114
  @dropdown-border-radius: var(--border-radius-medium);
2115
- @dropdown-padding-vertical: 4px;
2115
+ @dropdown-padding-vertical: 6px;
2116
2116
  @dropdown-font-size: 14px;
2117
2117
  @dropdown-color-bg: var(--color-bg-popup);
2118
2118
  @dropdown-color-border: var(--color-fill-3);
2119
2119
  @dropdown-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2120
- @dropdown-option-height: 36px;
2121
- @dropdown-option-padding-horizontal: 12px;
2120
+ @dropdown-option-height: 28px;
2121
+ @dropdown-option-padding-horizontal: 6px;
2122
2122
  @dropdown-option-font-weight_selected: 500;
2123
2123
  @dropdown-option-color-bg_default: transparent;
2124
2124
  @dropdown-option-color-bg_hover: rgb(var(--primary-1));
2125
- @dropdown-option-color-bg_selected: rgb(var(--primary-1));
2125
+ @dropdown-option-color-bg_selected: transparent;
2126
2126
  @dropdown-option-color-bg_disabled: transparent;
2127
2127
  @dropdown-option-color-text_default: var(--color-text-1);
2128
- @dropdown-option-color-text_hover: var(--color-text-1);
2129
- @dropdown-option-color-text_selected: var(--color-text-1);
2128
+ @dropdown-option-color-text_hover: rgb(var(--primary-6));
2129
+ @dropdown-option-color-text_selected: rgb(var(--primary-6));
2130
2130
  @dropdown-option-color-text_disabled: var(--color-text-4);
2131
2131
  @dropdown-group-title-height: 20px;
2132
- @dropdown-group-title-padding-horizontal: 12px;
2132
+ @dropdown-group-title-padding-horizontal: 6px;
2133
2133
  @dropdown-group-title-padding-top: 8px;
2134
2134
  @dropdown-group-title-margin-top: 8px;
2135
2135
  @dropdown-group-title-font-size: 12px;
@@ -2673,15 +2673,15 @@
2673
2673
 
2674
2674
  @menu-font-size: 14px;
2675
2675
  @menu-line-height: 1.5715;
2676
- @menu-border-radius: var(--border-radius-small);
2676
+ @menu-border-radius: 0;
2677
2677
  @menu-font-weight-item-selected: 700;
2678
2678
  @menu-color-label-item-selected: rgb(var(--primary-6));
2679
2679
  @menu-height-label-item-selected: 3px;
2680
2680
  @menu-margin-left-item-suffix-icon: 6px;
2681
2681
  @menu-margin-right-item-prefix-icon: 16px;
2682
2682
  @menu-horizontal-margin-right-item-prefix-icon: 16px;
2683
- @menu-item-gap: 4px;
2684
- @menu-item-indent-spacing: 20px;
2683
+ @menu-item-gap: 6px;
2684
+ @menu-item-indent-spacing: 36px;
2685
2685
  @menu-width-collapse-button: 24px;
2686
2686
  @menu-height-collapse-button: 24px;
2687
2687
  @menu-border-radius-collapse-button: var(--border-radius-small);
@@ -2729,8 +2729,8 @@
2729
2729
  @menu-horizontal-item-gap: 12px;
2730
2730
  @menu-horizontal-item-height: 30px;
2731
2731
  @menu-horizontal-item-padding-horizontal: 12px;
2732
- @menu-vertical-padding-vertical: 4px;
2733
- @menu-vertical-padding-horizontal: 8px;
2732
+ @menu-vertical-padding-vertical: 6px;
2733
+ @menu-vertical-padding-horizontal: 0;
2734
2734
  @menu-vertical-item-height: 40px;
2735
2735
  @menu-vertical-item-padding-horizontal: 12px;
2736
2736
  @menu-collapse-width: 48px;
@@ -3639,7 +3639,7 @@
3639
3639
  @tabs-capsule-border-header-radius: var(--border-radius-small);
3640
3640
  @tabs-capsule-color-title-bg: transparent;
3641
3641
  @tabs-capsule-color-title-bg_active: var(--color-bg-2);
3642
- @tabs-capsule-color-title-bg_hover: var(--color-neutral-1);
3642
+ @tabs-capsule-color-title-bg_hover: #f8f9fb;
3643
3643
  @tabs-capsule-size-separator-width: 1px;
3644
3644
  @tabs-capsule-size-separator-height: 14px;
3645
3645
  @tabs-capsule-color-separator-bg: var(--color-fill-3);
package/variables.less CHANGED
@@ -604,7 +604,7 @@
604
604
  @color-bg-1: #ffffff;
605
605
  @color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
606
606
  @dark-color-border-2: @dark-gray-3;
607
- @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
607
+ @color-fill-1: rgb(248, 249, 251);
608
608
  @dark-color-border-4: @dark-gray-6;
609
609
  @dark-color-fill-1: rgba(255, 255, 255, 0.04);
610
610
  @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
@@ -912,4 +912,34 @@
912
912
  @menu-light-color-bg-item_selected: @color-primary-1;
913
913
  @menu-font-weight-item-selected: @font-weight-700;
914
914
  @dropdown-option-color-bg_hover: @color-primary-1;
915
- @dropdown-option-color-bg_selected: @color-primary-1;
915
+ @dropdown-option-color-bg_selected: @color-transparent;
916
+ @picker-panel-cell-boundary-border-radius: @border-radius-medium;
917
+ @picker-panel-border-radius-cell_selected: @border-radius-medium;
918
+ @select-popup-option-color-bg_hover: @color-primary-1;
919
+ @select-popup-padding-vertical: @spacing-3;
920
+ @select-popup-option-color-text_hover: @color-primary-6;
921
+ @dropdown-option-color-text_hover: @color-primary-6;
922
+ @dropdown-option-color-text_selected: @color-primary-6;
923
+ @dropdown-option-height: @size-7;
924
+ @dropdown-option-padding-horizontal: @spacing-3;
925
+ @dropdown-padding-vertical: @spacing-3;
926
+ @select-signal-popup-option-padding-horizontal: @spacing-3;
927
+ @select-multi-popup-option-padding-horizontal: @spacing-3;
928
+ @select-popup-option-height: @size-7;
929
+ @select-popup-option-border-radius: @border-radius-medium;
930
+ @select-popup-option-color-text_selected: @color-primary-6;
931
+ @select-popup-padding-horizontal: @spacing-3;
932
+ @btn-border-radius: @border-radius-small;
933
+ @select-popup-group-title-padding-horizontal: @spacing-3;
934
+ @select-popup-group-title-padding-top: @spacing-3;
935
+ @select-popup-group-title-height: @size-5;
936
+ @dropdown-group-title-padding-horizontal: @spacing-3;
937
+ @dropdown-margin-left-suffix-icon: @spacing-3;
938
+ @menu-vertical-padding-vertical: @spacing-3;
939
+ @menu-vertical-padding-horizontal: @spacing-none;
940
+ @menu-item-gap: @spacing-3;
941
+ @menu-item-indent-spacing: @spacing-11;
942
+ @menu-vertical-item-padding-horizontal: @spacing-6;
943
+ @menu-border-radius: @border-radius-none;
944
+ @menu-light-color-item_selected: @color-primary-6;
945
+ @menu-light-color-submenu_selected: @color-primary-6;