rsuite 5.60.1 → 5.61.0

package/CheckTree/styles/index.css

@@ -46,7 +46,8 @@
   --rs-text-primary: var(--rs-gray-800);
   --rs-text-secondary: var(--rs-gray-600);
   --rs-text-inverse: var(--rs-gray-50);
-  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-disabled: var(--rs-gray-600);
+  --rs-text-highlight-bg: #fff6c9;
   --rs-border-primary: var(--rs-gray-200);
   --rs-bg-overlay: var(--rs-gray-0);
   --rs-state-hover-bg: var(--rs-primary-50);
@@ -60,7 +61,7 @@
   --rs-btn-default-active-bg: var(--rs-gray-300);
   --rs-btn-default-active-text: var(--rs-gray-900);
   --rs-btn-default-disabled-bg: var(--rs-gray-50);
-  --rs-btn-default-disabled-text: var(--rs-gray-400);
+  --rs-btn-default-disabled-text: var(--rs-gray-600);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-0);
   --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -89,6 +90,7 @@
   --rs-input-bg: var(--rs-gray-0);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-50);
+  --rs-listbox-option-group-bg: var(--rs-gray-0);
   --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
   --rs-listbox-option-hover-text: var(--rs-primary-700);
   --rs-checkbox-icon: #fff;
@@ -99,6 +101,7 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-tree-indent-line-color: rgba(0, 0, 0, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -159,7 +162,7 @@
   --rs-text-primary: var(--rs-gray-50);
   --rs-text-secondary: var(--rs-gray-200);
   --rs-text-inverse: var(--rs-gray-800);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-bg-overlay: var(--rs-gray-700);
   --rs-state-hover-bg: var(--rs-gray-600);
@@ -202,6 +205,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-group-bg: var(--rs-gray-700);
   --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;
   --rs-checkbox-icon: var(--rs-gray-800);
@@ -212,6 +216,7 @@
   --rs-picker-value: var(--rs-primary-500);
   --rs-picker-count-bg: var(--rs-primary-700);
   --rs-picker-count-text: #fff;
+  --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
@@ -270,7 +275,8 @@
   --rs-text-primary: var(--rs-gray-50);
   --rs-text-secondary: var(--rs-gray-200);
   --rs-text-inverse: var(--rs-gray-800);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-highlight-bg: var(--rs-primary-500);
   --rs-border-primary: var(--rs-gray-100);
   --rs-bg-overlay: var(--rs-gray-800);
   --rs-state-hover-bg: var(--rs-gray-600);
@@ -286,7 +292,8 @@
   --rs-btn-default-active-bg: transparent;
   --rs-btn-default-active-text: var(--rs-primary-200);
   --rs-btn-default-disabled-bg: transparent;
-  --rs-btn-default-disabled-text: var(--rs-primary-500);
+  --rs-btn-default-disabled-text: var(--rs-primary-900);
+  --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-900);
   --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -315,6 +322,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-group-bg: var(--rs-gray-800);
   --rs-listbox-option-hover-bg: transparent;
   --rs-listbox-option-hover-text: var(--rs-primary-500);
   --rs-checkbox-icon: var(--rs-gray-800);
@@ -325,6 +333,7 @@
   --rs-picker-value: var(--rs-primary-500);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: var(--rs-gray-900);
+  --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-high-contrast {
@@ -442,14 +451,14 @@
 .rs-btn:disabled,
 .rs-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
 }
 .rs-theme-high-contrast .rs-btn:disabled,
 .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 @media not all and (min-resolution: 0.001dpcm) {
   .rs-btn {
@@ -497,7 +506,7 @@
 }
 .rs-theme-high-contrast .rs-btn-primary:disabled,
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-subtle {
   color: #575757;
@@ -527,7 +536,7 @@
 }
 .rs-theme-high-contrast .rs-btn-subtle:disabled,
 .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-link {
   color: #1675e0;
@@ -558,7 +567,7 @@
 }
 .rs-theme-high-contrast .rs-btn-link:disabled,
 .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-ghost {
   color: #1675e0;
@@ -600,7 +609,7 @@
 }
 .rs-theme-high-contrast .rs-btn-ghost:disabled,
 .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-500);
@@ -1581,7 +1590,7 @@ textarea.rs-input {
 .rs-input:disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 textarea.rs-input {
@@ -1782,7 +1791,7 @@ textarea.rs-input-sm {
 }
 .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
 .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
   font-size: 14px;
@@ -1829,16 +1838,16 @@ textarea.rs-input-sm {
   left: inherit;
   right: 1px;
 }
-.rs-input-group-disabled {
+.rs-input-group.rs-input-group-disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
-.rs-input-group-disabled .rs-input,
-.rs-input-group-disabled .rs-input-group-btn,
-.rs-input-group-disabled .rs-input-group-addon {
+.rs-input-group.rs-input-group-disabled .rs-input,
+.rs-input-group.rs-input-group-disabled .rs-input-group-btn,
+.rs-input-group.rs-input-group-disabled .rs-input-group-addon {
   color: inherit;
 }
 .rs-input-group-lg > .rs-input {
@@ -2190,6 +2199,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-btn:last-child > .rs-btn-group {
   margin-left: -1px;
 }
+.rs-highlight-mark {
+  background-color: #fff6c9;
+  background-color: var(--rs-text-highlight-bg);
+  padding: 0 0.2em;
+  font-weight: bolder;
+  border-radius: 4px;
+}
 .rs-picker-subtle .picker-subtle-toggle {
   position: relative;
   z-index: 5;
@@ -2221,7 +2237,16 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   display: block;
 }
 .rs-picker-disabled {
-  opacity: 0.3;
+  cursor: not-allowed;
+}
+.rs-picker-disabled .rs-picker-toggle-value,
+.rs-picker-disabled .rs-picker-toggle-indicator,
+.rs-picker-disabled .rs-picker-tag-list .rs-tag {
+  color: #8e8e93 !important;
+  color: var(--rs-text-disabled) !important;
+}
+.rs-picker-disabled .rs-picker-value-count {
+  opacity: 0.5;
 }
 .rs-picker-toggle .rs-picker-toggle-placeholder {
   color: #8e8e93;
@@ -2402,14 +2427,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-toggle:disabled,
 .rs-picker-toggle.rs-btn-disabled {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
 }
 .rs-theme-high-contrast .rs-picker-toggle:disabled,
 .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 @media not all and (min-resolution: 0.001dpcm) {
   .rs-picker-toggle {
@@ -2492,7 +2517,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
 .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-picker-subtle .rs-picker-toggle-active {
   background-color: #e5e5ea;
@@ -2977,6 +3002,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-popup .rs-search-box {
   padding: 6px 12px 6px;
 }
+.rs-picker-popup .rs-highlight .rs-highlight-mark {
+  padding: 0;
+}
 .rs-picker-default .rs-btn,
 .rs-picker-input .rs-btn,
 .rs-picker-default .rs-picker-toggle,
@@ -2991,6 +3019,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: #f7f7fa !important;
   background-color: var(--rs-input-disabled-bg) !important;
 }
+.rs-picker-default.rs-picker-disabled .rs-input-group,
+.rs-picker-input.rs-picker-disabled .rs-input-group {
+  pointer-events: none;
+}
 .rs-check-item {
   display: block;
 }
@@ -3058,6 +3090,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   left: 26px;
 }
+.rs-picker-menu-group {
+  background-color: #fff;
+  background-color: var(--rs-listbox-option-group-bg);
+  position: sticky;
+  top: -1px;
+  z-index: 1;
+}
 .rs-checkbox {
   position: relative;
   display: inline-block;
@@ -3080,7 +3119,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   cursor: not-allowed;
 }
 .rs-checkbox-disabled > .rs-checkbox-checker > label {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-checkbox-inline {
@@ -3239,10 +3278,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
 .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
-  opacity: 0.3;
-}
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
   opacity: 0.5;
 }
 .rs-checkbox-red .rs-checkbox-control::before {
@@ -3350,37 +3385,102 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   background-color: #673ab7;
   background-color: var(--rs-violet-500);
 }
+.rs-tree-node-toggle {
+  cursor: pointer;
+  width: 24px;
+  padding: 4px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.rs-tree-node-toggle > .rs-tree-node-toggle-icon {
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.rs-tree-node-toggle > .rs-tree-node-custom-icon,
+.rs-tree-node-toggle > .rs-tree-node-loading-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+}
+.rs-tree-node-toggle-placeholder {
+  width: 24px;
+  height: 24px;
+}
+/* rtl:begin:ignore */
+[dir='rtl'] .rs-tree-node-toggle {
+  right: 0;
+  padding-right: inherit;
+}
+/* rtl:end:ignore */
+.rs-tree-indent-line {
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
+  border-left: 1px solid var(--rs-tree-indent-line-color);
+  position: absolute;
+  width: 1px;
+  top: -10px;
+  left: 12px;
+  bottom: -4px;
+}
 .rs-check-tree {
-  max-height: 360px;
   height: 100%;
-  overflow-y: auto;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
-.rs-check-tree.rs-check-tree-virtualized {
-  overflow: hidden;
-}
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree .rs-check-tree-node-content .rs-check-item .rs-checkbox-checker > label {
   text-align: left;
   position: relative;
   margin: 0;
-  padding: 1px 0 1px 42px;
+  padding: 2px 2px 2px 38px;
 }
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
-  left: 20px;
-}
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-check-tree-node-label-content {
-  padding: 6px 8px;
+.rs-check-tree .rs-check-tree-node-content .rs-check-item .rs-checkbox-checker .rs-checkbox-label {
+  padding: 6px;
   width: auto;
 }
-.rs-check-tree .rs-check-tree-node-label:focus-visible .rs-check-tree-node-label-content {
+.rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-label:focus-visible .rs-check-tree-node-label-content {
+.rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
   outline-offset: 2px;
 }
+.rs-check-tree .rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
+  padding-left: 2px;
+}
+.rs-check-tree .rs-search-box {
+  padding: 6px;
+}
+.rs-check-tree .rs-check-tree-empty {
+  padding: 6px 12px;
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-check-tree-view {
+  max-height: 360px;
+  overflow-y: auto;
+}
+.rs-check-tree.rs-tree-virtualized .rs-check-tree-view {
+  overflow: hidden;
+}
+.rs-check-tree .rs-highlight-mark {
+  padding: 0;
+}
 .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label {
   padding-left: 32px;
 }
@@ -3391,10 +3491,17 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   left: 0;
 }
+.rs-check-tree-group {
+  padding-left: 26px;
+}
 .rs-check-tree-node {
   position: relative;
-  font-size: 14px;
-  line-height: 22px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .rs-check-tree-node .rs-check-item {
   display: inline-block;
@@ -3404,17 +3511,20 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-check-tree-node .rs-check-item-focus {
   background-color: transparent !important;
 }
-.rs-check-tree-node .rs-check-item:hover .rs-check-tree-node-label-content,
-.rs-check-tree-node .rs-check-item:focus .rs-check-tree-node-label-content,
-.rs-check-tree-node .rs-check-item-focus .rs-check-tree-node-label-content {
+.rs-check-tree-node .rs-check-item:hover .rs-checkbox-label,
+.rs-check-tree-node .rs-check-item:focus .rs-checkbox-label,
+.rs-check-tree-node .rs-check-item-focus .rs-checkbox-label {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
   border-radius: 6px;
 }
-.rs-picker-popup .rs-check-tree-node .rs-check-item {
-  display: block;
+.rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
+  cursor: not-allowed;
+  color: #8e8e93;
+  color: var(--rs-text-disabled);
+  background: none;
 }
 .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
   color: #575757;
@@ -3425,92 +3535,14 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
   font-weight: bold;
 }
-.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
-  padding-left: 22px;
-}
-.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label::before {
-  width: 14px;
-  margin-left: 0;
-  left: 0;
-}
-.rs-check-tree-node-expand-icon-wrapper {
-  display: inline-block;
-  position: absolute;
-  cursor: pointer;
-  z-index: 1;
-}
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-expand-icon {
-  display: inline-block;
-  padding: 8px 0;
-  padding-right: 8px;
-  height: 36px;
-  font-size: 16px;
-  line-height: 22px;
-  -webkit-transform: rotate(-90deg) /* rtl: rotate(90deg) translateX(-13px) translateY(-15px) */;
-          transform: rotate(-90deg) /* rtl: rotate(90deg) translateX(-13px) translateY(-15px) */;
-  -webkit-transform-origin: 1.5px 14px;
-          transform-origin: 1.5px 14px;
-  margin-top: 6px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.rs-check-tree-open > .rs-check-tree-node .rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-expand-icon {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  margin-left: 0;
-  margin-top: 0;
-}
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-expanded {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  margin-left: 0;
-  margin-top: 0;
-}
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-custom-icon,
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-loading-icon {
-  width: 14px;
-  height: 36px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-size: 14px;
-}
 .rs-check-tree-node-children > .rs-check-tree-group {
   position: relative;
   display: none;
 }
-.rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-group {
+.rs-check-tree-node-expanded.rs-check-tree-node-children > .rs-check-tree-group {
   display: block;
 }
-.rs-check-tree-indent-line {
-  height: 100%;
-  width: 1px;
-  position: absolute;
-  top: 0;
-  margin-left: -13px;
-  border-left: 1px solid rgba(0, 0, 0, 0.1);
-}
-.rs-picker-popup {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.rs-picker-popup.rs-check-tree-menu {
-  padding-top: 12px;
-}
-.rs-check-tree {
-  padding-right: 12px;
-}
-.rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-label-content {
+.rs-check-tree-node > .rs-check-tree-node-content .rs-checkbox-label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -3518,11 +3550,5 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   display: inline-block;
   vertical-align: top;
 }
-/* rtl:begin:ignore */
-[dir='rtl'] .rs-check-tree-node-expand-icon-wrapper {
-  right: 0;
-  padding-right: inherit;
-}
-/* rtl:end:ignore */
 
 /*# sourceMappingURL=index.css.map */

package/CheckTree/styles/index.less

@@ -1 +1,141 @@
-@import '../../CheckTreePicker/styles/index.less';
+@import '../../styles/common.less';
+@import '../../internals/Picker/styles/index.less';
+@import '../../Checkbox/styles/index.less';
+@import '../../Tree/styles/toggle.less';
+@import '../../Tree/styles/indent-line.less';
+
+// Check Tree
+// ----------------------
+
+.rs-check-tree {
+  height: 100%;
+  flex: 1 1 auto;
+
+  .rs-check-tree-node-content {
+    .rs-check-item .rs-checkbox-checker {
+      > label {
+        text-align: left;
+        position: relative;
+        margin: 0;
+        padding: 2px 2px 2px 38px;
+      }
+
+      .rs-checkbox-label {
+        padding: 6px;
+        width: auto;
+      }
+    }
+
+    &:focus-visible {
+      .rs-checkbox-label {
+        .focus-ring();
+      }
+    }
+  }
+
+  // Uncheckable state
+  .rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
+    padding-left: 2px;
+  }
+
+  .rs-search-box {
+    padding: 6px;
+  }
+
+  .rs-check-tree-empty {
+    padding: 6px 12px;
+    color: var(--rs-text-secondary);
+  }
+
+  &-view {
+    max-height: 360px;
+    overflow-y: auto;
+  }
+
+  &.rs-tree-virtualized &-view {
+    overflow: hidden;
+  }
+
+  .rs-highlight-mark {
+    padding: 0;
+  }
+}
+
+// Only has the first level
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker {
+  > label {
+    padding-left: 32px; //text gap + checkbox space
+
+    &::before {
+      width: 28px;
+      margin-left: -34px;
+    }
+  }
+
+  .rs-checkbox-control {
+    left: 0;
+  }
+}
+
+.rs-check-tree-group {
+  padding-left: 26px;
+}
+
+.rs-check-tree-node {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .rs-check-item {
+    display: inline-block;
+
+    &:hover,
+    &:focus,
+    &-focus {
+      background-color: transparent !important;
+
+      .rs-checkbox-label {
+        background-color: var(--rs-listbox-option-hover-bg);
+        color: var(--rs-listbox-option-hover-text);
+        border-radius: 6px;
+      }
+    }
+
+    &.rs-checkbox-disabled {
+      .rs-checkbox-label {
+        cursor: not-allowed;
+        color: var(--rs-text-disabled);
+        background: none;
+      }
+    }
+  }
+
+  &:focus .rs-check-item .rs-checkbox-checker > label {
+    .picker-item-hover();
+  }
+
+  .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
+    .picker-item-active();
+  }
+}
+
+// node children
+.rs-check-tree-node-children {
+  > .rs-check-tree-group {
+    position: relative;
+    display: none;
+
+    .rs-check-tree-node-expanded& {
+      display: block;
+    }
+  }
+}
+
+.rs-check-tree {
+  &-node > .rs-check-tree-node-content .rs-checkbox-label {
+    .ellipsis();
+
+    display: inline-block;
+    vertical-align: top;
+  }
+}