amis 1.9.0-beta.10 → 1.9.0-beta.12

package/lib/themes/dark-ie11.css

@@ -26316,10 +26316,32 @@ td.rdtQuarter.rdtDisabled > span {
   display: flex;
   align-items: center;
   position: relative;
+  user-select: none;
+  margin-bottom: 0.25rem;
+  padding-left: 0.25rem;
+}
+.dark-Tree-itemLabel > * {
+  position: relative;
+  z-index: 2;
+}
+.dark-Tree-itemLabel > .dark-Checkbox {
+  display: inline-flex;
+  align-self: center;
 }
 .dark-Tree-itemLabel:hover {
   background: rgba(0, 126, 255, 0.08);
 }
+.dark-Tree-item .is-checked {
+  background: var(--Tree-item-onChekced-bg);
+  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
+}
+.dark-Tree-item .is-disabled {
+  color: white;
+  background: none;
+}
+.dark-Tree-item .is-disabled:hover {
+  background: none;
+}
 .dark-Tree.is-draggable .dark-Tree-itemLabel:hover::after {
   display: none;
 }
@@ -26352,7 +26374,7 @@ td.rdtQuarter.rdtDisabled > span {
 .dark-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: 0.5rem;
+  margin-left: 0.25rem;
   color: #4b5563;
 }
 .dark-Tree-itemInput > a:hover {
@@ -26435,24 +26457,14 @@ td.rdtQuarter.rdtDisabled > span {
   width: 0.875rem;
   height: 0.875rem;
 }
-.dark-Tree-itemLabel {
-  user-select: none;
-}
-.dark-Tree-itemLabel.is-checked, .dark-Tree-itemLabel.is-children-checked {
-  color: #f3f1f1;
-}
-.dark-Tree-itemLabel.is-disabled {
-  color: white;
-}
-.dark-Tree-itemLabel > .dark-Checkbox {
-  display: inline-flex;
-  align-self: center;
-}
 .dark-Tree-itemText {
   cursor: pointer;
   flex: 1 auto;
+  color: #f3f1f1;
   line-height: 1.5;
-  padding: 0.25rem 0;
+}
+.is-disabled .dark-Tree-itemText {
+  color: white;
 }
 .dark-Tree-placeholder {
   color: white;

package/lib/themes/dark.css

@@ -1372,8 +1372,10 @@
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
+  --Tree-icon-gap: var(--gap-xs);
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
+  --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08);
   --Tree-itemArrowWidth: 0.75rem;
   --Tree-itemHeight: 1.875rem;
   --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
@@ -27628,7 +27630,7 @@ td.rdtQuarter.rdtDisabled > span {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: var(--gap-xs);
+  margin-left: var(--Tree-icon-gap);
 }
 .dark-Tree.is-disabled {
   pointer-events: none;
@@ -27654,9 +27656,31 @@ td.rdtQuarter.rdtDisabled > span {
   display: flex;
   align-items: center;
   position: relative;
+  user-select: none;
+  margin-bottom: 0.25rem;
+  padding-left: var(--Tree-icon-gap);
+}
+.dark-Tree-itemLabel > * {
+  position: relative;
+  z-index: 2;
+}
+.dark-Tree-itemLabel > .dark-Checkbox {
+  display: inline-flex;
+  align-self: center;
 }
 .dark-Tree-itemLabel:hover {
-  background: var(--Tree-item-onHover-bg);
+  background: var(--Tree-item-onHover-bg-pure);
+}
+.dark-Tree-item .is-checked {
+  background: var(--Tree-item-onChekced-bg);
+  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
+}
+.dark-Tree-item .is-disabled {
+  color: var(--text--muted-color);
+  background: none;
+}
+.dark-Tree-item .is-disabled:hover {
+  background: none;
 }
 .dark-Tree.is-draggable .dark-Tree-itemLabel:hover::after {
   display: none;
@@ -27668,12 +27692,12 @@ td.rdtQuarter.rdtDisabled > span {
   vertical-align: top;
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
-  padding-right: var(--gap-xs);
+  padding-right: var(--Tree-icon-gap);
 }
 .dark-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: var(--gap-xs);
+  margin-left: var(--Tree-icon-gap);
   cursor: pointer;
 }
 .dark-Tree-item-icons > a > svg {
@@ -27690,7 +27714,7 @@ td.rdtQuarter.rdtDisabled > span {
 .dark-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: var(--gap-sm);
+  margin-left: var(--Tree-icon-gap);
   color: var(--icon-color);
 }
 .dark-Tree-itemInput > a:hover {
@@ -27734,13 +27758,13 @@ td.rdtQuarter.rdtDisabled > span {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .dark-Tree-itemArrow {
   cursor: pointer;
   width: var(--Tree-itemArrowWidth);
   display: inline-flex;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .dark-Tree-itemArrow > svg {
   width: var(--Tree-itemArrowWidth);
@@ -27755,42 +27779,32 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .dark-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
+  width: calc(var(--Tree-itemArrowWidth) + var(--Tree-icon-gap));
 }
 .dark-Tree-itemDrager {
   cursor: move;
   color: var(--icon-color);
 }
 .dark-Tree-spinner {
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .dark-Tree-itemIcon {
   display: inline-flex;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .dark-Tree-rootIcon > svg, .dark-Tree-folderIcon > svg, .dark-Tree-leafIcon > svg {
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
-.dark-Tree-itemLabel {
-  user-select: none;
-}
-.dark-Tree-itemLabel.is-checked, .dark-Tree-itemLabel.is-children-checked {
-  color: var(--Tree-itemLabel--onChecked-color);
-}
-.dark-Tree-itemLabel.is-disabled {
-  color: var(--text--muted-color);
-}
-.dark-Tree-itemLabel > .dark-Checkbox {
-  display: inline-flex;
-  align-self: center;
-}
 .dark-Tree-itemText {
   cursor: pointer;
   flex: 1 auto;
+  color: var(--Form-input-color);
   line-height: var(--lineHeightBase);
-  padding: 0.25rem 0;
+}
+.is-disabled .dark-Tree-itemText {
+  color: var(--text--muted-color);
 }
 .dark-Tree-placeholder {
   color: var(--text--muted-color);
@@ -27815,7 +27829,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .dark-Tree-dropIndicator--hover {
   border-radius: 0;
-  background-color: var(--Tree-item-onHover-bg);
+  background-color: var(--Tree-item-onHover-bg-pure);
 }
 .dark-Tree-dropIndicator--hover::after {
   display: none;