@kdcloudjs/kdesign 1.2.0 → 1.2.3

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.1.3
+ *   @kdcloudjs/kdesign v1.2.2
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -3491,13 +3491,13 @@ template {
   background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca));
 }
 .kd-btn-primary:disabled {
-  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-3, #e3eeff)) !important;
-  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-3, #e3eeff)) !important;
+  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
+  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
 }
 .kd-btn-ghost {
   border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3));
   background-color: var(--kd-c-button-ghost-color-background, transparent);
-  color: var(--kd-c-button-ghost-color-text, #5582F3);
+  color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3));
 }
 .kd-btn-ghost:hover:not(.kd-btn-loading) {
   background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff));
@@ -4109,9 +4109,7 @@ template {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  width: 100%;
   position: relative;
 }
 .kd-carousel-displaylist-item {
@@ -4128,6 +4126,71 @@ template {
 .kd-carousel-displaylist-item-hidden {
   display: none;
 }
+.kd-carousel-list {
+  list-style: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  position: relative;
+}
+.kd-carousel-list-item {
+  position: relative;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  height: 100%;
+  width: 100%;
+}
+.kd-carousel-list-slide .kd-carousel-list-item {
+  opacity: 1;
+  border-radius: var(--kd-c-carousel-border-radius, 0px);
+}
+.kd-carousel-list-slide .kd-carousel-list-item-animation {
+  -webkit-transition: opacity 0.3s ease;
+  transition: opacity 0.3s ease;
+}
+.kd-carousel-list-slide .kd-carousel-list-item-none-animation {
+  -webkit-transition: none;
+  transition: none;
+}
+.kd-carousel-list-slide .kd-carousel-list-item-not-hidden {
+  opacity: 1;
+}
+.kd-carousel-list-slide .kd-carousel-list-item-hidden {
+  opacity: 0;
+}
+.kd-carousel-list-fade .kd-carousel-list-item {
+  opacity: 1;
+}
+.kd-carousel-list-fade .kd-carousel-list-item-animation {
+  -webkit-transition: opacity 0.3s ease;
+  transition: opacity 0.3s ease;
+}
+.kd-carousel-list-fade .kd-carousel-list-item-none-animation {
+  -webkit-transition: none;
+  transition: none;
+}
+.kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
+  opacity: 1;
+}
+.kd-carousel-list-fade .kd-carousel-list-item-hidden {
+  opacity: 0;
+}
+.kd-carousel-list-display .kd-carousel-list-item {
+  display: block;
+}
+.kd-carousel-list-display .kd-carousel-list-item-not-hidden {
+  display: block;
+}
+.kd-carousel-list-display .kd-carousel-list-item-hidden {
+  display: none;
+}
 .kd-carousel-slidebar {
   position: absolute;
 }
@@ -5479,13 +5542,22 @@ template {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  padding: var(--kd-c-collapse-header-spacing-padding, 12px);
+  padding: var(--kd-c-collapse-header-spacing-padding, 8px 50px 8px 28px);
   background: var(--kd-c-collapse-header-color-background, rgba(0, 0, 0, 0));
 }
 .kd-collapse-panel-top-border {
   border-bottom: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9));
 }
 .kd-collapse-panel-left {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: 1.5;
+}
+.kd-collapse-panel-middle {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5493,16 +5565,23 @@ template {
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+      -ms-flex: 1;
+          flex: 1;
+  margin-left: 22px;
+  color: var(--kd-c-collapse-header-color-text-secondary, var(--kd-g-color-text-secondary, #666));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .kd-collapse-panel-right {
+  margin-left: 40px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  white-space: nowrap;
 }
 .kd-collapse-panel-extra,
 .kd-collapse-panel-header {
@@ -5513,7 +5592,16 @@ template {
       -ms-flex-align: center;
           align-items: center;
   color: var(--kd-c-collapse-header-color-text-primary, var(--kd-g-color-text-primary, #212121));
-  font-size: var(--kd-c-collapse-header-font-size, var(--kd-g-font-size-middle, 14px));
+  font-size: var(--kd-c-collapse-header-font-size, 16px);
+}
+.kd-collapse-panel-header {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.kd-collapse-panel-header:hover {
+  color: var(--kd-c-collapse-header-color-text-hover, #666666);
 }
 .kd-collapse-panel-icon {
   -webkit-box-align: center;
@@ -5523,6 +5611,7 @@ template {
   display: -ms-inline-flexbox;
   display: inline-flex;
   margin-right: var(--kd-c-collapse-spacing-margin-right, 6px);
+  font-size: var(--kd-c-collapse-icon-font-size, 16px);
 }
 .kd-collapse-panel-icon:hover,
 .kd-collapse-panel-left:hover {
@@ -5547,7 +5636,7 @@ template {
 .kd-collapse-panel-children {
   overflow: hidden;
   opacity: 0;
-  padding: var(--kd-c-collapse-content-spacing-padding, 0 16px);
+  padding: var(--kd-c-collapse-content-spacing-padding, 0 50px);
   color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121));
   font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px));
   -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
@@ -5558,7 +5647,7 @@ template {
   overflow: hidden;
   opacity: 0;
   height: 0;
-  padding: var(--kd-c-collapse-content-spacing-padding, 0 16px);
+  padding: var(--kd-c-collapse-content-spacing-padding, 0 50px);
   color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121));
   font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px));
   -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)) / 2);
@@ -6853,7 +6942,7 @@ template {
 .kd-dropdown.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-g-color-background, #fff);
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -6878,7 +6967,7 @@ template {
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-g-color-background, #fff) transparent transparent var(--kd-g-color-background, #fff);
 }
 .kd-dropdown.arrow.topLeft::before,
 .kd-dropdown.arrow.top::before,
@@ -6887,7 +6976,7 @@ template {
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-g-color-background, #fff) var(--kd-g-color-background, #fff) transparent;
 }
 .kd-dropdown.arrow.leftTop::before,
 .kd-dropdown.arrow.left::before,
@@ -6896,7 +6985,7 @@ template {
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-g-color-background, #fff) var(--kd-g-color-background, #fff) transparent transparent;
 }
 .kd-dropdown.arrow.rightTop::before,
 .kd-dropdown.arrow.right::before,
@@ -6905,7 +6994,7 @@ template {
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-g-color-background, #fff) var(--kd-g-color-background, #fff);
 }
 .kd-dropdown-menu {
   max-height: var(--kd-c-dropdown-menu-sizing-max-height, 336px);
@@ -11825,7 +11914,7 @@ textarea {
 .kd-popconfirm.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -11850,7 +11939,7 @@ textarea {
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-popconfirm.arrow.topLeft::before,
 .kd-popconfirm.arrow.top::before,
@@ -11859,7 +11948,7 @@ textarea {
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent;
 }
 .kd-popconfirm.arrow.leftTop::before,
 .kd-popconfirm.arrow.left::before,
@@ -11868,7 +11957,7 @@ textarea {
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
 }
 .kd-popconfirm.arrow.rightTop::before,
 .kd-popconfirm.arrow.right::before,
@@ -11877,7 +11966,7 @@ textarea {
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-popconfirm-content {
   -webkit-box-sizing: border-box;
@@ -12290,9 +12379,10 @@ textarea {
           font-feature-settings: 'tnum';
   position: relative;
   display: inline-block;
-  padding-left: var(--kd-c-radio-square-sizing-width-height, 13px);
+  padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
   margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
   white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   vertical-align: middle;
   color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
@@ -12302,8 +12392,8 @@ textarea {
   position: absolute;
   top: 50%;
   left: 0;
-  height: var(--kd-c-radio-square-sizing-width-height, 13px);
-  width: var(--kd-c-radio-square-sizing-width-height, 13px);
+  height: var(--kd-c-radio-square-sizing-width-height, 14px);
+  width: var(--kd-c-radio-square-sizing-width-height, 14px);
   content: '';
   border-radius: 50%;
   -webkit-box-sizing: border-box;
@@ -12321,8 +12411,8 @@ textarea {
   position: absolute;
   top: 50%;
   left: 2px;
-  width: calc(var(--kd-c-radio-square-sizing-width-height, 13px) - 4px);
-  height: calc(var(--kd-c-radio-square-sizing-width-height, 13px) - 4px);
+  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
+  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
   content: '';
   border-radius: 50%;
   background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
@@ -12340,7 +12430,10 @@ textarea {
   opacity: 0;
 }
 .kd-radio > span {
-  padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 6px);
+  padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px);
+}
+.kd-radio:hover {
+  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio:hover::before {
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
@@ -12349,15 +12442,15 @@ textarea {
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-checked:focus-within::before {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-checked::after {
   position: absolute;
   top: 50%;
   left: 2px;
-  width: calc(var(--kd-c-radio-square-sizing-width-height, 13px) - 4px);
-  height: calc(var(--kd-c-radio-square-sizing-width-height, 13px) - 4px);
+  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
+  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
   content: '';
   border-radius: 50%;
   background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
@@ -12388,6 +12481,13 @@ textarea {
   -webkit-animation: none;
           animation: none;
 }
+.kd-radio-disabled.kd-radio-checked,
+.kd-radio-disabled:hover.kd-radio-checked {
+  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
+}
+.kd-radio-text {
+  line-height: 1.5;
+}
 .kd-radio-square {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -12397,15 +12497,17 @@ textarea {
   list-style: none;
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
+  white-space: nowrap;
+  text-overflow: ellipsis;
   position: relative;
   display: inline-block;
   height: var(--kd-c-radio-square-sizing-height, 32px);
-  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 0px);
-  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 20px);
-  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 0px);
-  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 20px);
+  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
+  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
+  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
+  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
   margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
-  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 0px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
+  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
   vertical-align: middle;
   color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
   font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
@@ -12454,8 +12556,8 @@ textarea {
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-square-checked:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-square-checked::after {
   position: absolute;
@@ -12489,6 +12591,13 @@ textarea {
   -webkit-animation: none;
           animation: none;
 }
+.kd-radio-square-disabled.kd-radio-square-checked,
+.kd-radio-square-disabled:hover.kd-radio-square-checked {
+  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
+}
+.kd-radio-square-text {
+  line-height: 1.5;
+}
 .kd-radio-button {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -12501,11 +12610,11 @@ textarea {
   position: relative;
   display: inline-block;
   height: var(--kd-c-radio-square-sizing-height, 32px);
-  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 0px);
-  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 20px);
-  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 0px);
-  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 20px);
-  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 0px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
+  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
+  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
+  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
+  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
+  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
   vertical-align: middle;
   color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
   font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
@@ -12556,8 +12665,8 @@ textarea {
   background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-button-checked:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-button-checked:hover {
   color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
@@ -12586,6 +12695,13 @@ textarea {
   border-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
   cursor: not-allowed;
 }
+.kd-radio-button-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 1.5;
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -13799,7 +13915,7 @@ textarea {
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
 .kd-select-icon-arrow-focus {
-  color: #3761ca;
+  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-icon-clear {
   opacity: 0;
@@ -13833,7 +13949,7 @@ textarea {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-placeholder {
-  color: var(--kd-c-select-placeholder-color-text, var(--kd-g-color-text-third, #999));
+  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -13855,6 +13971,9 @@ textarea {
 .kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
   border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
+.kd-select-bordered .kd-select-suffix {
+  right: 10px;
+}
 .kd-select-wrapper {
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -13924,6 +14043,12 @@ textarea {
   min-width: 75px;
 }
 .kd-select-item-option-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -webkit-box-flex: 1;
       -ms-flex: auto;
           flex: auto;
@@ -13932,10 +14057,10 @@ textarea {
   text-overflow: ellipsis;
 }
 .kd-select-item-option:hover:not(.kd-select-item-option-selected):not(.kd-select-item-option-disabled) {
-  background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
+  background-color: var(--kd-c-select-color-background, #f5f5f5);
 }
 .kd-select-item-option-active:not(.kd-select-item-option-disabled) {
-  background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
+  background-color: var(--kd-c-select-color-background, #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-theme, #5582f3));
@@ -13965,7 +14090,7 @@ textarea {
   font-size: var(--kd-c-select-font-size-large, 16px);
 }
 .kd-select-suffix {
-  right: 10px;
+  right: 0;
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -13981,18 +14106,21 @@ textarea {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  margin-left: 4px;
+  margin-left: 8px;
 }
 .kd-select-single-focused {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-single-disabled {
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select-single-disabled:hover {
   cursor: not-allowed;
 }
+.kd-select-single-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
+}
 .kd-select-single:hover .kd-select-icon-clear {
   opacity: 1;
 }
@@ -14003,7 +14131,7 @@ textarea {
   text-overflow: ellipsis;
 }
 .kd-select-single-disabled-text {
-  color: #b2b2b2;
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select .kd-select-selection-item {
   display: -webkit-inline-box;
@@ -14076,8 +14204,11 @@ textarea {
 }
 .kd-select-multiple-disabled {
   cursor: not-allowed;
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
+}
+.kd-select-multiple-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
 }
 .kd-select-multiple:hover .kd-select-icon-clear {
   opacity: 1;
@@ -14119,7 +14250,7 @@ textarea {
   padding-left: 12px;
 }
 .kd-select-multiple-footer-hadSelected > span {
-  color: var(--kd-c-select-footer-color-text-selected, var(--kd-g-color-text-link, #0e5fd8));
+  color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
 .kd-select.topLeft.hidden,
@@ -15528,9 +15659,13 @@ textarea {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+}
+.kd-steps .kd-steps-icon {
+  border: 2px solid;
+  padding-top: 1px;
+}
+.kd-steps .kdicon-exclamatory {
+  font-size: 30px;
 }
 .kd-steps-item {
   -webkit-box-flex: 1;
@@ -15552,24 +15687,24 @@ textarea {
 }
 .kd-steps-item-clickable.kd-steps-item-wait .kd-steps-icon,
 .kd-steps-item-clickable.kd-steps-item-wait .kd-steps-item-title {
-  -webkit-transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s));
-  transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s));
+  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s));
+  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s));
 }
 .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-icon {
   background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
-  border: 2px solid var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
+  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-title,
 .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-description {
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-steps-item-clickable.kd-steps-item-finish .kd-steps-item-title {
-  -webkit-transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) ease;
-  transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) ease;
+  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease;
+  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease;
 }
 .kd-steps-item-clickable.kd-steps-item-finish:hover .kd-steps-item-title {
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
 }
 .kd-steps-item-container {
   width: 100%;
@@ -15596,13 +15731,14 @@ textarea {
 .kd-steps-item-iconContainer::after {
   content: '';
   width: 100%;
-  height: var(--kd-c-steps-line-sizing-height, 4px);
-  background-color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  height: var(--kd-c-steps-line-sizing-height, 1px);
+  border-bottom: 1px dashed var(--kd-c-steps-color-wait, #999);
+  border-left: 1px dashed var(--kd-c-steps-color-wait, #999);
   position: absolute;
   left: 50%;
-  top: calc(50% - var(--kd-c-steps-line-sizing-height, 4px) / 2);
-  -webkit-transition: width var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
-  transition: width var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
+  top: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
+  -webkit-transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
+  transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
 }
 .kd-steps-item-iconContainer:last-child::after {
   display: none;
@@ -15634,10 +15770,10 @@ textarea {
       -ms-flex-align: center;
           align-items: center;
   background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-steps-color-wait, #999);
   font-size: calc(var(--kd-c-steps-icon-sizing-width, 28px) - 13px);
   border-radius: 50%;
-  border: 2px solid var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  border-color: var(--kd-c-steps-color-wait, #999);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
@@ -15647,7 +15783,7 @@ textarea {
 .kd-steps-item-content .kd-steps-item-title {
   line-height: 20px;
   font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-steps-color-wait, #999);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
@@ -15657,7 +15793,7 @@ textarea {
 .kd-steps-item-content .kd-steps-item-description {
   line-height: 20px;
   font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-steps-color-wait, #999);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
@@ -15665,32 +15801,35 @@ textarea {
   -webkit-box-orient: vertical;
   width: var(--kd-c-steps-vertical-description-sizing-width, 200px);
 }
+.kd-steps-item-process {
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
+}
 .kd-steps-item-process .kd-steps-icon {
-  background-color: var(--kd-c-steps-icon-color-background, var(--kd-g-color-theme, #5582f3));
+  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
+  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-steps-item-process .kd-steps-item-title {
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+.kd-steps-item-process .kd-steps-item-title,
+.kd-steps-item-process .kd-steps-item-description {
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-steps-item:last-child .kd-steps-item-iconContainer::after {
   display: none;
 }
 .kd-steps-item-finish .kd-steps-icon {
   background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
-  border: 2px solid var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
+  border-color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
 .kd-steps-item-finish .kd-steps-item-content .kd-steps-item-title,
 .kd-steps-item-finish .kd-steps-item-content .kd-steps-item-description {
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
-}
-.kd-steps-item-iconContainer-finish::after {
-  background-color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
 }
 .kd-steps-item-error .kd-steps-icon {
   color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
-  border: 2px solid var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
+  border-color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
 }
 .kd-steps-item-error .kd-steps-item-content .kd-steps-item-title,
 .kd-steps-item-error .kd-steps-item-content .kd-steps-item-description {
@@ -15751,10 +15890,10 @@ textarea {
   margin-right: 4px;
 }
 .kd-steps-vertical .kd-steps-item-iconContainer::after {
-  width: var(--kd-c-steps-line-sizing-height, 4px);
+  width: var(--kd-c-steps-line-sizing-height, 1px);
   height: calc(100% + 44px);
   top: 2px;
-  left: calc(50% - var(--kd-c-steps-line-sizing-height, 4px) / 2);
+  left: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
 }
 .kd-steps-vertical .kd-steps-item-content {
   text-align: left;
@@ -16884,32 +17023,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
-.kd-tag-shape-text::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-}
-.kd-tag-shape-text.kd-tag-size-small::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
-}
-.kd-tag-shape-text.kd-tag-size-middle::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
-}
-.kd-tag-shape-text.kd-tag-size-large::before {
-  width: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
-  height: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
-  margin-right: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
-}
 .kd-tag-shape-text.kd-tag-process {
   color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
   display: -webkit-inline-box;
@@ -16921,12 +17034,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-process::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-process.kd-tag-size-middle {
   color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
   display: -webkit-inline-box;
@@ -16938,12 +17045,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-process.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-process.kd-tag-size-large {
   color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
   display: -webkit-inline-box;
@@ -16955,12 +17056,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-process.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-success {
   color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
   display: -webkit-inline-box;
@@ -16972,12 +17067,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-success::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-success.kd-tag-size-middle {
   color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
   display: -webkit-inline-box;
@@ -16989,12 +17078,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-success.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-success.kd-tag-size-large {
   color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
   display: -webkit-inline-box;
@@ -17006,12 +17089,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-success.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-warning {
   color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
   display: -webkit-inline-box;
@@ -17023,12 +17100,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-warning::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle {
   color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
   display: -webkit-inline-box;
@@ -17040,12 +17111,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-warning.kd-tag-size-large {
   color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
   display: -webkit-inline-box;
@@ -17057,12 +17122,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-warning.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-error {
   color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
   display: -webkit-inline-box;
@@ -17074,12 +17133,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-error::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-error.kd-tag-size-middle {
   color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
   display: -webkit-inline-box;
@@ -17091,12 +17144,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-error.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-error.kd-tag-size-large {
   color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
   display: -webkit-inline-box;
@@ -17108,12 +17155,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-error.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-end {
   color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
   display: -webkit-inline-box;
@@ -17125,12 +17166,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-end::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-end.kd-tag-size-middle {
   color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
   display: -webkit-inline-box;
@@ -17142,12 +17177,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-end.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-end.kd-tag-size-large {
   color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
   display: -webkit-inline-box;
@@ -17159,12 +17188,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-end.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-expired {
   color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
   display: -webkit-inline-box;
@@ -17176,12 +17199,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-expired::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle {
   color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
   display: -webkit-inline-box;
@@ -17193,12 +17210,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
-  border-radius: 50%;
-}
 .kd-tag-shape-text.kd-tag-expired.kd-tag-size-large {
   color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
   display: -webkit-inline-box;
@@ -17210,12 +17221,6 @@ textarea {
   padding: 0;
   border-radius: 0;
 }
-.kd-tag-shape-text.kd-tag-expired.kd-tag-size-large::before {
-  content: '';
-  display: block;
-  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
-  border-radius: 50%;
-}
 .kd-tag-shape-edit {
   border: 1px solid var(--kd-c-tag-edit-color-border, var(--kd-g-color-text-placeholder, #ccc));
   border-radius: 2px;
@@ -17228,11 +17233,10 @@ textarea {
   border-color: var(--kd-c-tag-edit-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover .kd-tag-closeWrapper {
-  background-color: var(--kd-c-tag-edit-cloesWrapper-color-background-hover, var(--kd-g-color-theme, #5582f3));
-  color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-white, #fff));
+  color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tag-shape-edit.kd-tag-closable {
-  padding-right: 0;
+  padding-right: 8px;
 }
 .kd-tag-clickable {
   cursor: pointer;
@@ -17252,24 +17256,14 @@ textarea {
 .kd-tag-closable.kd-tag-size-middle {
   line-height: var(--kd-c-tag-sizing-height-middle, 20px);
 }
-.kd-tag-closable.kd-tag-size-middle .kd-tag-closeWrapper {
-  width: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
-  height: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
-}
 .kd-tag-closable.kd-tag-size-large {
   line-height: var(--kd-c-tag-sizing-height-large, 24px);
   padding-left: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
 }
-.kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper {
-  width: calc(var(--kd-c-tag-sizing-height-large, 24px) - 2px);
-  height: calc(var(--kd-c-tag-sizing-height-large, 24px) - 2px);
-}
 .kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper .kd-tag-close-icon {
   font-size: 14px;
 }
 .kd-tag-closeWrapper {
-  width: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
-  height: calc(var(--kd-c-tag-sizing-height-middle, 20px) - 2px);
   margin-left: 4px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -17719,10 +17713,10 @@ textarea {
   color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
   border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
   font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
-  line-height: 18px;
+  line-height: 1.5;
   background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
-  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
-          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 1;
   z-index: var(--kd-g-z-index-popper, 1050);
   visibility: visible;
@@ -17734,7 +17728,7 @@ textarea {
 .kd-tooltip.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -17759,7 +17753,7 @@ textarea {
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-tooltip.arrow.topLeft::before,
 .kd-tooltip.arrow.top::before,
@@ -17768,7 +17762,7 @@ textarea {
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent;
 }
 .kd-tooltip.arrow.leftTop::before,
 .kd-tooltip.arrow.left::before,
@@ -17777,7 +17771,7 @@ textarea {
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
 }
 .kd-tooltip.arrow.rightTop::before,
 .kd-tooltip.arrow.right::before,
@@ -17786,7 +17780,7 @@ textarea {
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
 }
 
 /* -----------  color  ——————---- start */