@kdcloudjs/kdesign 1.0.4 → 1.1.2

package/es/message/style/index.less

@@ -17,13 +17,13 @@
   position: relative;
   display: inline-block;
   box-sizing: border-box;
-  min-width: 280px;
-  max-width: 1000px;
-  margin: 0 auto 16px;
-  padding: 10px 20px;
+  min-width: @message-sizing-min-width;
+  max-width: @message-sizing-max-width;
+  margin: 0 auto @message-spacing-margin-bottom;
+  padding: @message-spacing-padding-horizontal @message-spacing-padding-vertical;
   color: @message-info-text-color;
   border: 1px solid @message-info-color-border;
-  border-radius: 4px;
+  border-radius: @message-border-radius;
   background-color: @message-info-color-background;
   pointer-events: all;
   animation: kdNoticeEffect calc(@transition-duration - 0.2s) @ease-out forwards;
@@ -31,19 +31,32 @@
   &-content {
     display: flex;
     justify-content: space-between;
-    font-size: 12px;
+    font-size: @message-font-size;
+    line-height: @messgae-line-height;
 
     &-main{
       display: flex;
+    }
+
+    &-icon-wrapper{
+      font-size: @message-icon-font-size;
+      margin-right: @message-icon-spacing-margin-right;
+      align-self: flex-start;
+      display: inline-flex;
       align-items: center;
+    }
 
-      &>div:nth-child(1){
-        margin-right: 10px;
-      }
+    &-text {
+      max-height: @message-text-sizing-max-height;
+      overflow: auto;
     }
 
     &-close{
       cursor: pointer;
+      color: @message-close-color-text;
+      font-size: @message-close-font-size;
+      margin-left: @message-close-spacing-margin-left;
+      display: inline-flex;
 
       &:hover {
         color: @message-icon-text-color-hover;

package/es/message/style/token.less

@@ -5,17 +5,41 @@
 // color
 @message-info-color-background: var(~'@{message-custom-prefix}-info-color-background', #e0efff);
 @message-info-color-border: var(~'@{message-custom-prefix}-info-color-border', #b3d5ff);
+@message-info-text-color: var(~'@{message-custom-prefix}-info-color-text', #0e5fd8);
 @message-success-color-background: var(~'@{message-custom-prefix}-success-color-background', #dcfae4);
 @message-success-color-border: var(~'@{message-custom-prefix}-success-color-border', #a1e6b5);
-@message-success-text-color: var(~'@{message-custom-prefix}-success-color-text', @color-success);
+@message-success-text-color: var(~'@{message-custom-prefix}-success-color-text', #1BA854);
 @message-warning-color-background: var(~'@{message-custom-prefix}-warning-color-background', #fff1d4);
 @message-warning-color-border: var(~'@{message-custom-prefix}-warning-color-border', #ffe0a6);
-@message-warning-text-color: var(~'@{message-custom-prefix}-warning-color-text', @color-warning);
+@message-warning-text-color: var(~'@{message-custom-prefix}-warning-color-text', #FF991C);
 @message-error-color-background: var(~'@{message-custom-prefix}-error-color-background', #ffdbe0);
 @message-error-color-border: var(~'@{message-custom-prefix}-error-color-border', #ffadb6);
-@message-error-text-color: var(~'@{message-custom-prefix}-error-color-text', @color-error);
-@message-icon-text-color-hover: var(~'@{message-custom-prefix}-icon-color-text-hover', @color-border-ongoing);
-@message-info-text-color: var(~'@{message-custom-prefix}-info-color-text', @color-text-link);
+@message-error-text-color: var(~'@{message-custom-prefix}-error-color-text', #FB2323);
+@message-close-color-text: var(~'@{message-custom-prefix}-close-color-text', #666);
+@message-icon-text-color-hover: var(~'@{message-custom-prefix}-close-color-text-hover', @color-theme-hover);
+
+// font
+@message-font-size: var(~'@{message-custom-prefix}-font-size', 14px);
+@message-icon-font-size: var(~'@{message-custom-prefix}-icon-font-size', 16px);
+@message-close-font-size: var(~'@{message-custom-prefix}-font-size', 16px);
+
+// line-height
+@messgae-line-height: var(~'@{message-custom-prefix}-line-height', 20px);
+
+// radius
+@message-border-radius: var(~'@{message-custom-prefix}-border-radius', 4px);
+
+// sizing
+@message-sizing-max-width: var(~'@{message-custom-prefix}-sizing-max-width', 1000px);
+@message-sizing-min-width: var(~'@{message-custom-prefix}-sizing-min-width', 280px);
+@message-text-sizing-max-height: var(~'@{message-custom-prefix}-text-sizing-max-height', 160px);
+
+// spacing
+@message-spacing-margin-bottom: var(~'@{message-custom-prefix}-spacing-margin-bottom', 16px);
+@message-spacing-padding-horizontal: var(~'@{message-custom-prefix}-spacing-padding-horizontal', 10px);
+@message-spacing-padding-vertical: var(~'@{message-custom-prefix}-spacing-padding-vertical', 20px);
+@message-icon-spacing-margin-right: var(~'@{message-custom-prefix}-icon-spacing-margin-right', 8px);
+@message-close-spacing-margin-left: var(~'@{message-custom-prefix}-close-spacing-margin-left', 12px);
 
 // z-index
 @message-z-index: var(~'@{message-custom-prefix}-z-index', @z-index-apex);

package/es/notification/content.js

@@ -115,7 +115,7 @@ var Content = function Content(args) {
   var getMainElement = function getMainElement() {
     if (typeof content === 'string') {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(classPrefix, "-main"))
+        className: classNames("".concat(classPrefix, "-description"))
       }, content);
     }
 

package/es/notification/style/index.css

@@ -167,7 +167,7 @@
 .kd-notice-content-title-close {
   cursor: pointer;
 }
-.kd-notice-content-main {
+.kd-notice-content-description {
   height: 46px;
   padding: 10px 20px;
   font-size: 12px;

package/es/notification/style/index.less

@@ -58,7 +58,7 @@
       }
     }
 
-    &-main {
+    &-description {
       height: 46px;
       padding: 10px 20px;
       font-size: 12px;

package/es/pagination/pagination.js

@@ -244,7 +244,7 @@ var Pagination = function Pagination(props) {
     className: "".concat(prefixCls, "-selector")
   }, /*#__PURE__*/React.createElement(Dropdown, _extends({
     selectable: true,
-    defaultKey: size,
+    selectedKey: size,
     menu: sizeOptions,
     trigger: "click",
     disabled: disabled,
@@ -395,7 +395,7 @@ var Pagination = function Pagination(props) {
     size: /*#__PURE__*/React.createElement(Dropdown, _extends({
       selectable: true,
       trigger: "click",
-      defaultKey: size,
+      selectedKey: size,
       menu: sizeOptions,
       disabled: disabled,
       popperStyle: {

package/es/pagination/style/token.less

@@ -13,6 +13,10 @@
 @pagination-border-disabled-color: var(~'@{pagination-custom-prefix}-color-border-disabled', @color-border-strong);
 @pagination-button-disabled-background-color: var(~'@{pagination-custom-prefix}-button-color-background-disabled', @color-background-contain-disabled);
 
+// font
+@pagination-font-size: var(~'@{pagination-custom-prefix}-font-size', @font-size-small);
+@pagination-icon-size: var(~'@{pagination-custom-prefix}-icon-font-size', @font-size-large);
+
 // sizing
 @pagination-size: var(~'@{pagination-custom-prefix}-sizing-square', 24px);
 @pagination-nicety-size: var(~'@{pagination-custom-prefix}-nicety-sizing-square', 30px);
@@ -21,8 +25,6 @@
 // spacing
 @pagination-button-spacing: var(~'@{pagination-custom-prefix}-button-spacing', 4px);
 
-// font
-@pagination-font-size: var(~'@{pagination-custom-prefix}-font-size', @font-size-small);
-@pagination-icon-size: var(~'@{pagination-custom-prefix}-icon-font-size', @font-size-large);
+
 
 

package/es/progress/style/token.less

@@ -1,14 +1,7 @@
 @import '../../style/themes/token.less';
 @progress-prefix: '--@{kd-prefix}-c-progress';
-
-
-
 @progress-transition-fn:  cubic-bezier(0.66, 0, 0.34, 1);
 
-
-
-
-
 // color
 @progress-remaining-color: var(~'@{progress-prefix}-color-remaining', #e5e5e5);//背景色
 @progress-default-color: var(~'@{progress-prefix}-color-default', #5582f3);//进度条 默认色
@@ -28,7 +21,6 @@
 @progress-border-radius: var(~'@{progress-prefix}-radius-border', 100px);//线性进度条圆角
 
 
-
 // sizing
 @progress-line-stroke-width: var(~'@{progress-prefix}-line-stroke-sizing-width', 8px);
 @progress-circle-stroke-width: var(~'@{progress-prefix}-circle-stroke-sizing-width', 4px);

package/es/radio/style/token.less

@@ -1,19 +1,9 @@
 @import '../../style/themes/token.less';
 @import '../../style/mixins/index';
 
-
 @radio-prefix: '--@{kd-prefix}-c-radio';
-
-
-
-
-
-
 @radio-transition-fn:  cubic-bezier(0.075, 0.82, 0.165, 1);
 
-
-
-
 // color
 @radio-font-color: var(~'@{radio-prefix}-color-font', @color-text-primary);//单选项字体颜色
 @radio-color-theme: var(~'@{radio-prefix}-color-theme', @color-theme);//悬停/选中跟随主题色
@@ -26,19 +16,13 @@
 // font
 @radio-font-size: var(~'@{radio-prefix}-font-size', @font-size-small);//单选项字体大小
 
-
-
-
 //radius
 @radio-border-width:   var(~'@{radio-prefix}-radius-border-width',1px);
 
-
-
 // sizing
 @radio-circle-size:var(~'@{radio-prefix}-square-sizing-width-height',13px);//单选图标大小
 @radio-square-height:  var(~'@{radio-prefix}-square-sizing-height',32px);//单选框 高度
 
-
 // spacing
 @radio-margin-right:   var(~'@{radio-prefix}-spacing-margin-right',8px);
 @radio-square-padding-vertical: var(~'@{radio-prefix}-square-spacing-padding-vertical',0px); //内间距 纵向

package/es/select/style/index.css

@@ -413,8 +413,8 @@
   background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
 }
 .kd-select-item-option-selected:not(.kd-select-item-option-disabled) {
-  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-ongoing, #276ff5));
-  background-color: var(--kd-c-select-color-background-selected, #f2f9ff);
+  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
+  background-color: var(--kd-c-select-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
 }
 .kd-select-item-option-disabled {
   color: var(--kd-c-select-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));

package/es/select/style/token.less

@@ -7,13 +7,13 @@
 @select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
 @select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', @color-background-contain-disabled);
 @select-item-active-bg: var(~'@{select-custom-prefix}-color-background', @color-hover);
-@select-item-selected-bg: var(~'@{select-custom-prefix}-color-background-selected', #f2f9ff);
+@select-item-selected-bg: var(~'@{select-custom-prefix}-color-background-selected', @color-theme-3);
 @select-g-color-border: var(~'@{select-custom-prefix}-color-border', @color-input);
 @select-g-color-border-foucs: var(~'@{select-custom-prefix}-color-border-foucs', @color-theme);
 @select-g-color-border-hover: var(~'@{select-custom-prefix}-color-border-hover', @color-theme);
 @select-border-g-color-border: var(~'@{select-custom-prefix}-border-color-border', @color-border-strong);
 @select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', @color-text-third);
-@select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-ongoing);
+@select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-theme);
 @select-font-color: var(~'@{select-custom-prefix}-footer-color-text', @color-text-primary);
 @select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', @color-text-link);
 @select-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);

package/es/split-panel/style/index.css

@@ -108,7 +108,7 @@
   position: relative;
   width: 100%;
   height: 100%;
-  border: 1px solid var(--kd-c-split-panel-trigger-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
+  border: var(--kd-c-split-panel-wrapper-sizing-border, 1px) solid var(--kd-c-split-panel-color-border, #d9d9d9);
   overflow: hidden;
 }
 .kd-split-panel {
@@ -124,11 +124,11 @@
 }
 .kd-split-panel.left-panel {
   left: 0;
-  margin-right: calc(var(--kd-c-split-panel-line-sizing-width, 1px) / 2);
+  margin-right: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
 }
 .kd-split-panel.right-panel {
   right: 0;
-  margin-left: calc(var(--kd-c-split-panel-line-sizing-width, 1px) / 2);
+  margin-left: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
 }
 .kd-split-panel.top-panel,
 .kd-split-panel.bottom-panel {
@@ -137,11 +137,11 @@
 }
 .kd-split-panel.top-panel {
   top: 0;
-  margin-bottom: calc(var(--kd-c-split-panel-line-sizing-width, 1px) / 2);
+  margin-bottom: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
 }
 .kd-split-panel.bottom-panel {
   bottom: 0;
-  margin-top: calc(var(--kd-c-split-panel-line-sizing-width, 1px) / 2);
+  margin-top: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
 }
 .kd-split-panel-moving {
   -webkit-user-select: none;
@@ -158,8 +158,8 @@
   transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
 }
 .kd-split-trigger-con.is-active .kd-split-trigger-arrow {
-  border-color: var(--kd-c-split-panel-trigger-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
-  background: var(--kd-c-split-panel-trigger-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
+  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
+  background: var(--kd-c-split-panel-arrow-color-background, #999);
   color: white;
 }
 .kd-split-trigger-con.can-drag .kd-split-trigger-vertical {
@@ -172,7 +172,7 @@
   cursor: not-allowed;
 }
 .kd-split-trigger-con:not(.is-disabled):hover .kd-split-trigger-arrow {
-  border-color: var(--kd-c-split-panel-trigger-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
+  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
 }
 .kd-split-trigger-con:not(.is-disabled) .kd-split-trigger-arrow:hover {
   cursor: pointer;
@@ -182,7 +182,7 @@
 }
 .kd-split-trigger-arrow {
   position: absolute;
-  color: var(--kd-c-split-panel-arrow-color-background, var(--kd-g-color-input, #999));
+  color: var(--kd-c-split-panel-arrow-color-background, #999);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -194,76 +194,58 @@
           justify-content: center;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
   transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border: var(--kd-c-split-panel-arrow-sizing-border, 1px) solid transparent;
 }
 .kd-split-trigger-arrow .kdicon {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 12px;
-  height: 12px;
   font-size: 12px;
 }
 .kd-split-trigger-arrow.is-vertical {
-  width: 12px;
-  height: 16px;
+  width: var(--kd-c-split-panel-arrow-sizing-width-vertical, 16px);
+  height: var(--kd-c-split-panel-arrow-sizing-height-vertical, 16px);
   top: 50%;
   -webkit-transform: translate(0, -50%);
           transform: translate(0, -50%);
 }
-.kd-split-trigger-arrow.is-vertical .kdicon {
-  height: 12px;
-}
 .kd-split-trigger-arrow.is-horizontal {
-  width: 16px;
-  height: 12px;
+  width: var(--kd-c-split-panel-arrow-sizing-width-horizontal, 16px);
+  height: var(--kd-c-split-panel-arrow-sizing-height-horizontal, 16px);
   left: 50%;
   -webkit-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
 }
-.kd-split-trigger-arrow.is-horizontal .kdicon {
-  width: 12px;
-}
 .kd-split-trigger-arrow.top {
   bottom: 100%;
-  border: 1px solid transparent;
   border-bottom: none;
-  border-radius: 10px 10px 0 0;
+  border-radius: var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) 0 0;
 }
 .kd-split-trigger-arrow.bottom {
   top: 100%;
-  border: 1px solid transparent;
   border-top: none;
-  border-radius: 0 0 10px 10px;
+  border-radius: 0 0 var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px);
 }
 .kd-split-trigger-arrow.left {
   right: 100%;
-  border: 1px solid transparent;
   border-right: none;
-  border-radius: 10px 0 0 10px;
+  border-radius: var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px);
 }
 .kd-split-trigger-arrow.right {
   left: 100%;
-  border: 1px solid transparent;
   border-left: none;
-  border-radius: 0 10px 10px 0;
+  border-radius: 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0;
 }
 .kd-split-trigger-vertical {
-  width: var(--kd-c-split-panel-line-sizing-width, 1px);
+  width: var(--kd-c-split-panel-line-sizing-border, 1px);
   height: 100%;
-  background: var(--kd-c-split-panel-line-color-background, var(--kd-g-color-border-strong-2, #d9d9d9));
+  background: var(--kd-c-split-panel-line-color-background, #d9d9d9);
   border-top: none;
   border-bottom: none;
 }
 .kd-split-trigger-horizontal {
-  height: var(--kd-c-split-panel-line-sizing-width, 1px);
+  height: var(--kd-c-split-panel-line-sizing-border, 1px);
   width: 100%;
-  background: var(--kd-c-split-panel-line-color-background, var(--kd-g-color-border-strong-2, #d9d9d9));
+  background: var(--kd-c-split-panel-line-color-background, #d9d9d9);
   border-left: none;
   border-right: none;
 }

package/es/split-panel/style/index.less

@@ -11,7 +11,7 @@
         position: relative;
         width: 100%;
         height: 100%;
-        border: 1px solid @split-panel-trigger-border-color;
+        border: @split-panel-wrapper-border-width solid @split-panel-trigger-border-color;
         overflow: hidden;
     }
     &-panel {
@@ -57,8 +57,8 @@
           transition: all calc(@transition-duration - 0.1s) @ease-out;
           &.is-active {
             .@{split-prefix-cls}-trigger-arrow {
-              border-color: @split-panel-trigger-border-color;
-              background: @split-panel-trigger-border-color;
+              border-color: @split-panel-trigger-arrow-color;
+              background: @split-panel-trigger-arrow-color;
               color: white;
             }
           }
@@ -78,7 +78,7 @@
           &:not(.is-disabled) {
             &:hover{
               .@{split-prefix-cls}-trigger-arrow {
-                border-color: @split-panel-trigger-border-color;
+                border-color: @split-panel-trigger-arrow-color;
               }
             }
             .@{split-prefix-cls}-trigger-arrow:hover {
@@ -96,61 +96,42 @@
           align-items: center;
           justify-content: center;
           transition: all calc(@transition-duration - 0.1s) @ease-out;
+          box-sizing: border-box;
+          border: @split-panel-arrow-border-width solid transparent;
           .@{kd-prefix}icon {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            width: 12px;
-            height: 12px;
             font-size: 12px;
           }
           &.is-vertical {
-              width: 12px;
-              height: 16px;
+              width: @split-panel-arrow-vertical-width;
+              height: @split-panel-arrow-vertical-height;
               top: 50%;
               transform: translate(0, -50%);
-              .@{kd-prefix}icon {
-                height: 12px;
-                // position: absolute;
-                // top: 50%;
-                // transform: translate(0, -50%);
-              }
           }
           &.is-horizontal {
-              width: 16px;
-              height: 12px;
+              width: @split-panel-arrow-horizontal-width;
+              height: @split-panel-arrow-horizontal-height;
               left: 50%;
               transform: translate(-50%, 0);
-              .@{kd-prefix}icon {
-                width: 12px;
-                // position: absolute;
-                // left: 50%;
-                // transform: translate(-50%, 0);
-              }
           }
           &.top {
             bottom: 100%;
-            border: 1px solid transparent;
             border-bottom: none;
-            border-radius: 10px 10px 0 0;
+            border-radius: @split-panel-arrow-vertical-radius @split-panel-arrow-vertical-radius 0 0;
           }
           &.bottom {
             top: 100%;
-            border: 1px solid transparent;
             border-top: none;
-            border-radius: 0 0 10px 10px;
+            border-radius: 0 0 @split-panel-arrow-vertical-radius @split-panel-arrow-vertical-radius;
           }
           &.left {
             right: 100%;
-            border: 1px solid transparent;
             border-right: none;
-            border-radius: 10px 0 0 10px;
+            border-radius: @split-panel-arrow-horizontal-radius 0 0 @split-panel-arrow-horizontal-radius;
           }
           &.right {
             left: 100%;
-            border: 1px solid transparent;
             border-left: none;
-            border-radius: 0 10px 10px 0;
+            border-radius: 0 @split-panel-arrow-horizontal-radius @split-panel-arrow-horizontal-radius 0;
           }
         }
         &-vertical {

package/es/split-panel/style/token.less

@@ -3,10 +3,21 @@
 @split-panel-custom-prefix: ~'--@{kd-prefix}-c-split-panel';
 
 // color
-@split-panel-trigger-border-color: var(~'@{split-panel-custom-prefix}-trigger-color-border', @color-border-strong-2);
-@split-panel-trigger-arrow-color: var(~'@{split-panel-custom-prefix}-arrow-color-background', @color-input);
+@split-panel-trigger-border-color: var(~'@{split-panel-custom-prefix}-color-border', #d9d9d9);
+@split-panel-trigger-arrow-color: var(~'@{split-panel-custom-prefix}-arrow-color-background', #999);
 @split-panel-trigger-arrow-hover-color: var(~'@{split-panel-custom-prefix}-arrow-color-background-hover', @color-theme);
-@split-panel-trigger-line-color: var(~'@{split-panel-custom-prefix}-line-color-background', @color-border-strong-2);
+@split-panel-trigger-line-color: var(~'@{split-panel-custom-prefix}-line-color-background', #d9d9d9);
+
+// radius
+@split-panel-arrow-vertical-radius: var(~'@{split-panel-custom-prefix}-arrow-radius-border-vertical', 8px);
+@split-panel-arrow-horizontal-radius: var(~'@{split-panel-custom-prefix}-arrow-radius-border-horizontal', 8px);
 
 // sizing
-@split-panel-trigger-line-width: var(~'@{split-panel-custom-prefix}-line-sizing-width', 1px);
+@split-panel-wrapper-border-width: var(~'@{split-panel-custom-prefix}-wrapper-sizing-border', 1px);
+@split-panel-trigger-line-width: var(~'@{split-panel-custom-prefix}-line-sizing-border', 1px);
+@split-panel-arrow-border-width: var(~'@{split-panel-custom-prefix}-arrow-sizing-border', 1px);
+@split-panel-arrow-vertical-width: var(~'@{split-panel-custom-prefix}-arrow-sizing-width-vertical', 16px);
+@split-panel-arrow-vertical-height: var(~'@{split-panel-custom-prefix}-arrow-sizing-height-vertical', 16px);
+@split-panel-arrow-horizontal-width: var(~'@{split-panel-custom-prefix}-arrow-sizing-width-horizontal', 16px);
+@split-panel-arrow-horizontal-height: var(~'@{split-panel-custom-prefix}-arrow-sizing-height-horizontal', 16px);
+

package/es/stepper/style/index.css

@@ -109,6 +109,7 @@
   text-align: center;
   color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121));
   margin: 0 4px;
+  font-size: var(--kd-c-stepper-input-font-size, 12px);
 }
 .kd-inputNumber-icon {
   font-size: 14px;

package/es/stepper/style/index.less

@@ -10,6 +10,7 @@
     text-align: center;
     color: @stepper-input-color;
     margin: 0 4px;
+    font-size: @stepper-input-font-size;
   }
 
   &-icon {

package/es/stepper/style/token.less

@@ -1,8 +1,6 @@
 @import "../../style/themes/token.less";
-
 @stepper-prefix: '--@{kd-prefix}-c-stepper';
 
-// shadow
 // color
 @stepper-input-color: var(~'@{stepper-prefix}-input-color', @color-text-primary);
 @stepper-icon-color: var(~'@{stepper-prefix}-icon-color', @color-text-secondary);
@@ -10,6 +8,14 @@
 @stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
 @stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', #f6f7f9);
 
+// font
+@stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);
+
+
+// motion
+@stepper-motion-duration: var(~'@{stepper-prefix}-motion-duration', @duration-promptly);
+
+
 // sizing
 @stepper-input-small-sizing-height: var(~'@{stepper-prefix}-input-small-sizing-height', 20px);
 @stepper-input-middle-sizing-height: var(~'@{stepper-prefix}-input-middle-sizing-height', 28px);
@@ -18,11 +24,3 @@
 // spacing
 @stepper-input-spacing-padding-horizontal: var(~'@{stepper-prefix}-input-spacing-padding-horizontal', 9px);
 
-// motion
-@stepper-motion-duration: var(~'@{stepper-prefix}-motion-duration', @duration-promptly);
-
-// font
-// radius
-// line-height
-// z-index
-

package/es/switch/style/token.less

@@ -3,12 +3,6 @@
 @switch-prefix: '--@{kd-prefix}-c-switch';
 
 
-
-
-
-
-
-
 // color
 @switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme);
 @switch-off-color: var(~'@{switch-prefix}-color-off', #999);

package/es/timeline/style/token.less

@@ -1,10 +1,6 @@
 @import '../../style/themes/token.less';
 
-
-
 @timeline-prefix: '--@{kd-prefix}-c-timeline';
-
-
 @timeline-gap:  8px;
 
 // @timeline-dot-size: var(~'@{timeline-prefix}-dot-sizing',9px);
@@ -12,10 +8,6 @@
 
 
 
-
-
-
-
 // color
 @timeline-finished-color:  var(~'@{timeline-prefix}-finished-color',@color-theme);
 @timeline-error-color:  var(~'@{timeline-prefix}-error-color',@color-error);

package/es/transfer/operation.js

@@ -20,7 +20,7 @@ var Operation = function Operation(_ref) {
     className: className,
     style: style
   }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
+    type: disabled || !rightActive ? 'ghost' : 'primary',
     size: "small",
     disabled: disabled || !rightActive,
     onClick: moveToRight,
@@ -30,7 +30,7 @@ var Operation = function Operation(_ref) {
       type: "arrow-left"
     })
   }, rightArrowText), !oneWay && /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
+    type: disabled || !leftActive ? 'ghost' : 'primary',
     size: "small",
     disabled: disabled || !leftActive,
     onClick: moveToLeft,