@aplus-frontend/ui 0.6.0-beta.10 → 0.6.0-beta.12

package/theme/batch-input-group/index.css

@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -73,11 +73,11 @@
 .aplus-batch-input-group-popover-input-trigger-icon {
   cursor: pointer;
   font-size: 16px;
-  color: var(--batch-input-group-trigger-color, #526a90);
+  color: var(--ap-text-color-1);
   line-height: 0;
 }
 .aplus-batch-input-group-popover-input-trigger-icon:hover {
-  color: var(--basic-color-primary, #0070ff);
+  color: var(--ap-color-primary);
 }
 .aplus-batch-input-group-popover-input-trigger-icon--disabled {
   cursor: not-allowed;

package/theme/batch-input-group/popover-input.css

@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -51,11 +51,11 @@
 .aplus-batch-input-group-popover-input-trigger-icon {
   cursor: pointer;
   font-size: 16px;
-  color: var(--batch-input-group-trigger-color, #526a90);
+  color: var(--ap-text-color-1);
   line-height: 0;
 }
 .aplus-batch-input-group-popover-input-trigger-icon:hover {
-  color: var(--basic-color-primary, #0070ff);
+  color: var(--ap-color-primary);
 }
 .aplus-batch-input-group-popover-input-trigger-icon--disabled {
   cursor: not-allowed;

package/theme/batch-input-group/popover-input.less

@@ -10,10 +10,10 @@
   &-trigger-icon {
     cursor: pointer;
     font-size: 16px;
-    color: var(--batch-input-group-trigger-color, #526a90);
+    color: var(--ap-text-color-1);
     line-height: 0;
     &:hover {
-      color: var(--basic-color-primary, #0070ff);
+      color: var(--ap-color-primary);
     }
     &--disabled {
       cursor: not-allowed;

package/theme/check-card/index.css

@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -61,11 +61,11 @@
   cursor: not-allowed !important;
 }
 .aplus-check-card--bordered {
-  outline: 1px solid var(--check-card-outline-color, #E9EDF3);
+  outline: 1px solid var(--ap-border-color-base);
 }
 .aplus-check-card:hover:not(.aplus-check-card--disabled) {
   cursor: pointer;
-  outline: 1px solid var(--check-card-hover-outline-color, #0070ff);
+  outline: 1px solid var(--ap-color-primary);
 }
 .aplus-check-card::after {
   content: '';
@@ -80,14 +80,14 @@
   border-radius: 4px;
 }
 .aplus-check-card--checked {
-  outline: 2px solid var(--check-card-checked-outline-color, #0070ff);
+  outline: 2px solid var(--ap-color-primary);
 }
 .aplus-check-card--checked:hover:not(.aplus-check-card--disabled) {
-  outline: 2px solid var(--check-card-checked-outline-color, #0070ff);
+  outline: 2px solid var(--ap-color-primary);
 }
 .aplus-check-card--checked::after {
   opacity: 1;
-  border: var(--check-card-indicator-size, 14px) solid var(--check-card-checked-bg, #0070ff);
+  border: var(--check-card-indicator-size, 14px) solid var(--ap-color-primary);
   border-inline-start: var(--check-card-indicator-size, 14px) solid transparent;
   border-block-end: var(--check-card-indicator-size, 14px) solid transparent;
   inset-block-start: -2px;

package/theme/check-card/index.less

@@ -14,11 +14,11 @@
     cursor: not-allowed !important;
   }
   &--bordered {
-    outline: 1px solid var(--check-card-outline-color, #E9EDF3);
+    outline: 1px solid var(--ap-border-color-base);
   }
   &:hover:not(&--disabled) {
     cursor: pointer;
-    outline: 1px solid var(--check-card-hover-outline-color, #0070ff);
+    outline: 1px solid var(--ap-color-primary);
   }
   &::after {
     content: '';
@@ -34,12 +34,12 @@
   }
   &--checked {
     &:hover:not(.@{disabledCls}) {
-      outline: 2px solid var(--check-card-checked-outline-color, #0070ff);
+      outline: 2px solid var(--ap-color-primary);
     }
-    outline: 2px solid var(--check-card-checked-outline-color, #0070ff);
+    outline: 2px solid var(--ap-color-primary);
     &::after {
       opacity: 1;
-      border: var(--check-card-indicator-size, @defaultIndicatorSize) solid var(--check-card-checked-bg, #0070ff);
+      border: var(--check-card-indicator-size, @defaultIndicatorSize) solid var(--ap-color-primary);
       border-inline-start: var(--check-card-indicator-size, @defaultIndicatorSize) solid transparent;
       border-block-end: var(--check-card-indicator-size, @defaultIndicatorSize) solid transparent;
       inset-block-start: -2px;

package/theme/editable-table/index.css

@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -55,14 +55,14 @@
 }
 .aplus-ap-form-item--bordered {
   box-sizing: border-box;
-  border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
+  border: 1px solid var(--ap-border-color-base);
   border-radius: 4px;
   padding-inline: 8px;
 }
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
 }
-.aplus-ap-form-item--bordered:has(.aplus-batch-input-group) .ant-input-affix-wrapper {
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group):has(.ant-select) .ant-input-affix-wrapper {
   padding-right: 8px;
 }
 .aplus-ap-form-item--bordered .ant-input {
@@ -104,17 +104,17 @@
   min-height: 30px;
 }
 .aplus-ap-form-item--bordered:hover {
-  border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
+  border-color: var(--ap-hover-color-base);
 }
 .aplus-ap-form-item--bordered:focus {
-  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  border-color: var(--ap-active-color-base);
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
   width: calc(100% + 12px);
 }
 .aplus-ap-form-item--focused {
-  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  border-color: var(--ap-active-color-base);
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
@@ -199,7 +199,7 @@
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
-  color: #8896b0;
+  color: var(--ap-text-color-3);
 }
 .aplus-search-form-sorter-header-action-wrapper {
   padding: 8px;
@@ -215,7 +215,7 @@
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
-  color: #0070ff;
+  color: var(--ap-color-link);
 }
 .aplus-search-form-sorter-sorter-wrapper {
   display: flex;
@@ -239,11 +239,11 @@
   background-color: #fff;
 }
 .aplus-search-form-sorter-sorter-item > div:hover {
-  border-color: var(--basic-color-primary, #0070ff);
+  border-color: var(--ap-color-primary);
   cursor: pointer;
 }
 .aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
-  color: var(--basic-color-primary, #0070ff) !important;
+  color: var(--ap-color-primary) !important;
 }
 .aplus-search-form-sorter-sorter-item--hidden {
   display: none;
@@ -300,8 +300,8 @@
   font-size: 0px;
 }
 .aplus-ap-form-search-form-trigger-btn-active {
-  color: var(--ap-form-bordered-border-color-hover);
-  border-color: var(--ap-form-bordered-border-color-hover);
+  color: var(--ap-hover-color-base);
+  border-color: var(--ap-hover-color-base);
   z-index: 1;
 }
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
@@ -330,7 +330,7 @@
   padding-inline: 12px;
 }
 .aplus-ap-form-search-form-action-btn-reset {
-  background-color: var(--basic-bg-color);
+  background-color: var(--ap-color-bg);
 }
 .aplus-ap-form-item-text-group-compact .ant-select-focused {
   z-index: 1;
@@ -419,19 +419,19 @@
   cursor: pointer;
 }
 .aplus-action-item--primary {
-  color: var(--ap-action-color-primary-base, #0070FF);
+  color: var(--ap-color-link);
 }
 .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
-  color: var(--ap-action-color-primary-hover, #66A9FF);
+  color: var(--ap-color-link-hover);
 }
 .aplus-action-item--success {
-  color: var(--ap-action-color-success, #2ED1A3);
+  color: var(--ap-color-success);
 }
 .aplus-action-item--error {
-  color: var(--ap-action-color-error, #FF4D4F);
+  color: var(--ap-color-error);
 }
 .aplus-action-item--warn {
-  color: var(--ap-action-color-warn, #FFA940);
+  color: var(--ap-color-warn);
 }
 .aplus-action-item--loading {
   opacity: 0.35;

package/theme/full-screen/index.css

@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;