@kdcloudjs/kdesign 1.3.6 → 1.3.9

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.3.5
+ *   @kdcloudjs/kdesign v1.3.8
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2480,7 +2480,7 @@ template {
   content: '';
   height: 0;
   width: 40px;
-  border-bottom: var(--kd-c-anchor-ink-line-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
+  border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
   margin: 4px;
 }
 .kd-anchor-advanced-arrows {
@@ -2518,31 +2518,31 @@ template {
 .kd-anchor-advanced .kd-anchor {
   max-width: var(--kd-c-anchor-advanced-sizing-width, 160px);
 }
-.kd-anchor-ink {
+.kd-anchor-line {
   position: absolute;
   left: var(--kd-c-anchor-spacing-horizontal, 7px);
   top: 0;
   height: 100%;
 }
-.kd-anchor-ink::before {
+.kd-anchor-line::before {
   position: relative;
   display: block;
-  width: var(--kd-c-anchor-ink-line-spacing-width, 1px);
+  width: var(--kd-c-anchor-line-slider-spacing-width, 1px);
   height: 100%;
   margin: 0 auto;
   background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9));
   content: '';
 }
-.kd-anchor-ink-line {
+.kd-anchor-line-slider {
   position: absolute;
   display: none;
   width: 0;
   height: 16px;
-  border-right: var(--kd-c-anchor-ink-line-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
+  border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
   -webkit-transition: top 0.3s ease-in-out;
   transition: top 0.3s ease-in-out;
 }
-.kd-anchor-ink-line.visible {
+.kd-anchor-line-slider.visible {
   display: inline-block;
 }
 .kd-anchor-link {
@@ -3552,6 +3552,15 @@ template {
 .kd-btn-size-small.kd-btn-icon-only {
   font-size: var(--kd-c-button-icon-font-size-small, 14px);
   padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-btn-size-small .kd-btn-group-basic-icon {
   font-size: var(--kd-c-button-icon-font-size-small, 14px);
@@ -3566,6 +3575,15 @@ template {
 .kd-btn-size-middle.kd-btn-icon-only {
   font-size: var(--kd-c-button-icon-font-size-middle, 16px);
   padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-btn-size-middle .kd-btn-group-basic-icon {
   font-size: var(--kd-c-button-icon-font-size-middle, 16px);
@@ -3580,6 +3598,15 @@ template {
 .kd-btn-size-large.kd-btn-icon-only {
   font-size: var(--kd-c-button-icon-font-size-large, 18px);
   padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-btn-size-large .kd-btn-group-basic-icon {
   font-size: var(--kd-c-button-icon-font-size-large, 18px);
@@ -3648,6 +3675,15 @@ template {
 }
 .kd-btn-loading {
   cursor: default;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-btn-block {
   width: 100%;
@@ -9881,37 +9917,62 @@ textarea {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
-.light-hover {
-  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-}
-.light-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
+.active {
+  background-color: var(--kd-c-menu-sub-color-background, #121319);
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
-.light-default {
-  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #ffffff;
+.active-inline-title {
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)) !important;
+  background: var(--kd-c-menu-color-background, #343848) !important;
+  border: none;
 }
 .light {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #ffffff;
 }
-.light .kd-menu-submenu-hover,
+.light .kd-menu-item-disabled,
+.light .kd-menu-submenu-disabled {
+  background-color: #fff !important;
+}
 .light .kd-menu-submenu-sub {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #ffffff;
+  background: #FAFAFA;
 }
-.light .kd-menu-submenu-title:hover {
+.light .kd-menu-item:hover {
+  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
 }
-.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
+.light .kd-menu-item-hover,
+.light .kd-menu-submenu-hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
+.light .kd-menu-item-active,
+.light .kd-menu-submenu-active {
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  border: none;
 }
-.light .kd-menu-item:not(.kd-menu-item-disabled):hover {
+.light-default {
+  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
+  background: #ffffff;
+}
+.light-hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
+.light-active {
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  border: none;
+}
+.light-active-inline-title {
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  background: #ffffff !important;
+  border: none;
 }
 .kd-menu {
   position: relative;
@@ -9926,58 +9987,13 @@ textarea {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.kd-menu-inline .kd-menu-item-active {
-  color: var(--kd-c-menu-inline-color-active, var(--kd-g-color-white, #fff));
-}
 .kd-menu-inline .kd-menu-submenu {
   padding-right: 0;
 }
-.kd-menu-inline .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
-  color: var(--kd-c-menu-inline-color-active, var(--kd-g-color-white, #fff));
-}
 .kd-menu-collapsed {
   width: 50px;
   min-width: auto;
 }
-.kd-menu-vertical .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover,
-.kd-menu-vertical .kd-menu-submenu-hover {
-  background-color: var(--kd-c-menu-sub-color-background, #121319);
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
-}
-.kd-menu-light {
-  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #ffffff;
-}
-.kd-menu-light .kd-menu-submenu-hover,
-.kd-menu-light .kd-menu-submenu-sub {
-  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #ffffff;
-}
-.kd-menu-light .kd-menu-submenu-title:hover {
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-}
-.kd-menu-light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
-  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-}
-.kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):hover {
-  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-}
-.kd-menu-light.kd-menu-vertical .kd-menu-submenu-sub {
-  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-}
-.kd-menu-light.kd-menu-vertical .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
-  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-  border: none;
-}
-.kd-menu-light.kd-menu-vertical .kd-menu-item-active {
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
-  border: none !important;
-}
 .kd-menu-item {
   position: relative;
   cursor: pointer;
@@ -10004,8 +10020,6 @@ textarea {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}
-.kd-menu-item-title > span {
   opacity: 1;
   -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
   transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
@@ -10031,11 +10045,8 @@ textarea {
 }
 .kd-menu-item-disabled {
   cursor: not-allowed;
-  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
-}
-.kd-menu-item-active {
-  background-color: var(--kd-c-menu-sub-color-background, #121319);
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
+  background-color: var(--kd-c-menu-color-background, #343848) !important;
 }
 .kd-menu-item-arrow {
   margin-left: auto;
@@ -10057,10 +10068,6 @@ textarea {
   transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
-.kd-menu-item:not(.kd-menu-item-disabled):hover {
-  background-color: var(--kd-c-menu-sub-color-background, #121319);
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
-}
 .kd-menu-submenu {
   position: static;
   cursor: pointer;
@@ -10087,8 +10094,6 @@ textarea {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}
-.kd-menu-submenu-title > span {
   opacity: 1;
   -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
   transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
@@ -10114,11 +10119,8 @@ textarea {
 }
 .kd-menu-submenu-disabled {
   cursor: not-allowed;
-  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
-}
-.kd-menu-submenu-active {
-  background-color: var(--kd-c-menu-sub-color-background, #121319);
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
+  background-color: var(--kd-c-menu-color-background, #343848) !important;
 }
 .kd-menu-submenu-arrow {
   margin-left: auto;
@@ -10140,13 +10142,8 @@ textarea {
   transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
-.kd-menu-submenu-hover {
-  background-color: var(--kd-c-menu-sub-color-background, #121319);
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
-}
 .kd-menu-submenu-sub {
   line-height: var(--kd-c-menu-item-sizing-height, 50px);
-  color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
 }
 .kd-menu-submenu-thrid {
   display: -webkit-box;
@@ -10241,18 +10238,78 @@ textarea {
   color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff));
 }
 .kd-menu-dark .kd-menu-submenu-sub {
+  color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
   background: var(--kd-c-menu-sub-inline-color-background, #1f212b);
 }
 .kd-menu-dark .kd-menu-submenu-sub-second,
 .kd-menu-dark .kd-menu-submenu-sub-third {
   background: var(--kd-c-menu-sub-color-background, #121319);
 }
-.kd-menu-light .kd-menu-submenu-active,
-.kd-menu-light .kd-menu-item-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
+.kd-menu-dark .kd-menu-item:hover {
+  background-color: var(--kd-c-menu-sub-color-background, #121319);
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+}
+.kd-menu-dark .kd-menu-item-active {
+  background-color: var(--kd-c-menu-sub-color-background, #121319);
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+}
+.kd-menu-dark .kd-menu-item-active,
+.kd-menu-dark .kd-menu-submenu-active {
+  background-color: var(--kd-c-menu-sub-color-background, #121319);
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+}
+.kd-menu-dark .kd-menu-item-hover,
+.kd-menu-dark .kd-menu-submenu-hover {
+  background-color: var(--kd-c-menu-sub-color-background, #121319);
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+}
+.kd-menu-inline.kd-menu-dark .kd-menu-item-active .kd-menu-submenu-title,
+.kd-menu-inline.kd-menu-dark .kd-menu-submenu-active .kd-menu-submenu-title {
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)) !important;
+  background: var(--kd-c-menu-color-background, #343848) !important;
+  border: none;
+}
+.kd-menu-inline.kd-menu-dark .kd-menu-submenu:not(.kd-menu-submenu-disabled) > .kd-menu-submenu-title:hover {
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)) !important;
+  background: var(--kd-c-menu-color-background, #343848) !important;
+  border: none;
+}
+.kd-menu-light {
+  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
+  background: #ffffff;
+}
+.kd-menu-light .kd-menu-item-disabled,
+.kd-menu-light .kd-menu-submenu-disabled {
+  background-color: #fff !important;
+}
+.kd-menu-light .kd-menu-submenu-sub {
+  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
+  background: #FAFAFA;
+}
+.kd-menu-light .kd-menu-item:hover {
+  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
+  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
+.kd-menu-light .kd-menu-item-hover,
+.kd-menu-light .kd-menu-submenu-hover {
+  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
+  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
+.kd-menu-light .kd-menu-item-active,
+.kd-menu-light .kd-menu-submenu-active {
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  border: none;
+}
+.kd-menu-inline.kd-menu-light .kd-menu-item-active .kd-menu-submenu-title,
+.kd-menu-inline.kd-menu-light .kd-menu-submenu-active .kd-menu-submenu-title {
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  background: #ffffff !important;
+  border: none;
 }
-.kd-menu-popper .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover,
+.kd-menu-popper .kd-menu-submenu:hover,
 .kd-menu-popper .kd-menu-submenu-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -10274,11 +10331,15 @@ textarea {
   padding-right: 0;
 }
 .kd-menu-popper .kd-menu-submenu-sub {
+  color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
   background: var(--kd-c-menu-sub-inline-color-background, #1f212b);
+  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
 .kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:hover,
 .kd-menu-popper .kd-menu-submenu-sub .kd-menu-item-active {
-  color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff));
+  background-color: var(--kd-c-menu-sub-color-background, #121319);
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
 .kd-menu-popper .kd-menu-submenu-sub-second,
 .kd-menu-popper .kd-menu-submenu-sub-third {
@@ -10309,28 +10370,15 @@ textarea {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #ffffff;
 }
-.kd-menu-popper.light .kd-menu-submenu-hover,
-.kd-menu-popper.light .kd-menu-submenu-sub {
-  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #ffffff;
-}
-.kd-menu-popper.light .kd-menu-submenu-title:hover {
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-}
-.kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
-  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
-}
-.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):hover {
-  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
-  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+.kd-menu-popper.light .kd-menu-item-disabled,
+.kd-menu-popper.light .kd-menu-submenu-disabled {
+  background-color: #fff !important;
 }
 .kd-menu-popper.light .kd-menu-submenu-sub {
-  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
+  background: #FAFAFA;
 }
-.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
-.kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
+.kd-menu-popper.light .kd-menu-item:hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
   border: none;
@@ -10343,8 +10391,8 @@ textarea {
 }
 .kd-menu-popper.light .kd-menu-item-active,
 .kd-menu-popper.light .kd-menu-submenu-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
   border: none;
 }
 
@@ -16106,7 +16154,7 @@ textarea {
 .kd-switch-size-small {
   height: var(--kd-c-switch-small-sizing-height, 16px);
   min-width: var(--kd-c-switch-small-sizing-width, 32px);
-  line-height: var(--kd-c-switch-small-line-height, 14px);
+  line-height: var(--kd-c-switch-small-line-height, 16px);
   font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
   border-radius: var(--kd-c-switch-small-radius-border, 8px);
 }
@@ -18302,7 +18350,6 @@ textarea {
   pointer-events: none;
 }
 .kd-tree-node-item {
-  height: var(--kd-c-tree-node-sizing-height, 32px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -18329,7 +18376,7 @@ textarea {
   border-right: 10px;
   border-color: white;
   border-style: solid;
-  height: var(--kd-c-tree-node-sizing-height, 32px);
+  height: 100%;
   cursor: default;
   opacity: 0;
 }