amis 2.5.2-beta.0 → 2.5.3-beta.0

package/lib/themes/ang.css

@@ -10,9 +10,9 @@
   --success: var(--colors-success-5);
   --success-onHover: var(--colors-success-6);
   --success-onActive: var(--colors-success-4);
-  --info: var(--colors-brand-5);
-  --info-onHover: var(--colors-brand-6);
-  --info-onActive: var(--colors-brand-4);
+  --info: var(--colors-info-5);
+  --info-onHover: var(--colors-info-6);
+  --info-onActive: var(--colors-info-4);
   --warning: var(--colors-warning-5);
   --warning-onHover: var(--colors-warning-6);
   --warning-onActive: var(--colors-warning-4);
@@ -722,7 +722,7 @@
   --Layout-asideLink-fontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowFontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowColor: var(--colors-neutral-text-5);
-  --Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6);
+  --Layout-asideLink-iconColor: inherit;
   --Layout-asideLink-onActive-arrowColor: var(
     --Layout-asideLink-onActive-color
   );
@@ -731,10 +731,10 @@
   --Layout-asideLink-onHover-iconColor: (--colors-brand-6);
   --Layout-asideLink-onHover-iconSize: var(--sizes-size-9);
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
-  --Layout-brand-bg: var(--colors-brand-1);
+  --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
   --Layout-brandBar-color: #a0a0a0;
-  --Layout-header-bg: var(--colors-neutral-text-10);
+  --Layout-header-bg: var(--colors-neutral-fill-10);
   --Layout-header-boxShadow: none;
   --Layout-header-height: 3.125rem;
   --Layout-headerBar-borderBottom: none;
@@ -1309,7 +1309,7 @@
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
-  --Tree-icon-gap: vvar(--sizes-size-5);
+  --Tree-icon-gap: var(--sizes-size-5);
   --Tree-icon-margin-right: 0.5rem;
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
@@ -2398,7 +2398,6 @@
   --transfer-chained-paddingBottom: var(--sizes-size-5);
 }
 :root {
-  --colors-neutral-fill-none: translate;
   --colors-error-main: #e62525;
   --colors-error-1: #4d000a;
   --colors-error-2: #73010d;
@@ -2434,10 +2433,10 @@
   --colors-success-10: #ddf0d8;
   --colors-link-1: #002766;
   --colors-link-2: #003a8c;
-  --colors-link-3: #0050b3;
+  --colors-link-3: #1c53c1;
   --colors-link-4: #096dd9;
-  --colors-link-5: #1890ff;
-  --colors-link-6: #45a8ff;
+  --colors-link-5: #7266ba;
+  --colors-link-6: #4f86f4;
   --colors-link-7: #74c0ff;
   --colors-link-8: #a2d7ff;
   --colors-link-9: #d1ecff;
@@ -2445,9 +2444,9 @@
   --colors-info-1: #002766;
   --colors-info-2: #003a8c;
   --colors-info-3: #0050b3;
-  --colors-info-4: #096dd9;
-  --colors-info-5: #1890ff;
-  --colors-info-6: #45a8ff;
+  --colors-info-4: #1797be;
+  --colors-info-5: #23b7e5;
+  --colors-info-6: #18a0ca;
   --colors-info-7: #74c0ff;
   --colors-info-8: #a2d7ff;
   --colors-info-9: #d1ecff;
@@ -2464,7 +2463,7 @@
   --colors-other-9: #d4e5ff;
   --colors-other-10: #e6f0ff;
   --colors-brand-main: #7266ba;
-  --colors-brand-1: #120c21;
+  --colors-brand-1: #3a3f51;
   --colors-brand-2: #271d47;
   --colors-brand-3: #3e316e;
   --colors-brand-4: #584a94;
@@ -2473,7 +2472,7 @@
   --colors-brand-7: #a19bd4;
   --colors-brand-8: #bcb8e0;
   --colors-brand-9: #d7d5ed;
-  --colors-brand-10: #e3e1fa;
+  --colors-brand-10: rgba(0, 126, 255, 0.08);
   --colors-neutral-text-1: #090714;
   --colors-neutral-text-2: #181526;
   --colors-neutral-text-3: #323040;
@@ -2487,7 +2486,7 @@
   --colors-neutral-text-11: #ffffff;
   --colors-neutral-fill-none: transparent;
   --colors-neutral-fill-1: #090714;
-  --colors-neutral-fill-2: #181526;
+  --colors-neutral-fill-2: #242734;
   --colors-neutral-fill-3: #323040;
   --colors-neutral-fill-4: #5d5c66;
   --colors-neutral-fill-5: #85848c;
@@ -2495,7 +2494,7 @@
   --colors-neutral-fill-7: #d5d4d9;
   --colors-neutral-fill-8: #e9e8eb;
   --colors-neutral-fill-9: #f3f2f5;
-  --colors-neutral-fill-10: #f8f7fa;
+  --colors-neutral-fill-10: #ffffff;
   --colors-neutral-fill-11: #ffffff;
   --colors-neutral-line-1: #090714;
   --colors-neutral-line-2: #181526;
@@ -11221,6 +11220,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -23268,19 +23268,24 @@ input[type=button].a-Button--block {
 .a-PaginationWrapper-pager:first-child {
   margin-bottom: var(--gap-sm);
 }
-.a-Wrapper--xs {
+.a-Wrapper--xs,
+.a-Container--xs {
   padding: var(--gap-xs);
 }
-.a-Wrapper--sm {
+.a-Wrapper--sm,
+.a-Container--sm {
   padding: var(--gap-sm);
 }
-.a-Wrapper--md {
+.a-Wrapper--md,
+.a-Container--md {
   padding: var(--gap-md);
 }
-.a-Wrapper--lg {
+.a-Wrapper--lg,
+.a-Container--lg {
   padding: var(--gap-lg);
 }
-.a-Wrapper--xl {
+.a-Wrapper--xl,
+.a-Container--xl {
   padding: var(--gap-xl);
 }
 .a-StatusField {
@@ -24485,9 +24490,6 @@ input[type=button].a-Button--block {
 .a-ResultBox.a-TransferDropDown {
   padding: 0 var(--gap-base);
 }
-.a-ResultBox.a-TransferDropDown.is-group {
-  padding: var(--gap-xs);
-}
 .a-ResultBox.a-TransferDropDown.is-group > .a-TransferDropDown-icon {
   margin-right: var(--gap-sm);
 }
@@ -26879,7 +26881,6 @@ input.a-TextControl-input-password {
 .a-TableSelection .a-Table-table > thead > tr > th:first-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .a-TableSelection .a-Table-table > thead > tr > th:last-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:last-child {
@@ -27909,9 +27910,10 @@ input.a-TextControl-input-password {
   z-index: 2;
 }
 .a-Select-clear svg {
-  fill: var(--Form-input-iconColor);
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: var(--Form-input-clearBtn-color);
+  color: var(--Form-input-clearBtn-color);
+  width: var(--Form-input-clearBtn-size);
+  height: var(--Form-input-clearBtn-size);
   top: 0;
 }
 .a-Select-clear svg:hover > path:first-of-type {
@@ -34854,4 +34856,25 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .AMISDebug-logLine {
   overflow-x: hidden;
+}
+:root {
+  --Layout-header-boxShadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05),
+    0 1px 0 rgba(0, 0, 0, 0.05);
+  --Layout-aside-bg: var(--colors-brand-1);
+  --Layout-brand-bg: var(--colors-brand-1);
+  --Layout-asideLink-color: #b4b6bd;
+  --Layout-asideLink-onHover-color: #fff;
+  --Layout-asideLink-onHover-iconColor: #fff;
+  --Layout-asideLink-onActive-color: #fff;
+  --Layout-aside-color: #a6a8b1;
+  --Layout-aside-onAcitve-bg: #2e3344;
+  --Layout-aside-onHover-bg: #32374a;
+  --Layout-aside-subList-bg: #242734;
+  --light: #edf1f2;
+  --button-default-default-bg-color: #fff;
+  --button-default-hover-bg-color: #fff;
+  --button-default-active-bg-color: #fff;
+  --Page-main-bg: var(--light);
+  --Panel--default-bg: #f6f8f8;
+  --Table-onHover-bg: #f3f6f6;
 }

package/lib/themes/antd-ie11.css

@@ -8606,6 +8606,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -9203,7 +9204,7 @@ body {
   z-index: 1200;
 }
 .antd-Layout-brandBar {
-  background: #002766;
+  background: #151e26;
   color: #a0a0a0;
 }
 .antd-Layout-brandBar > button {
@@ -10078,7 +10079,7 @@ body {
   text-align: center;
   position: relative;
   overflow: hidden;
-  color: rgba(255, 255, 255, 0.6);
+  color: inherit;
   font-size: 1rem;
 }
 .antd-AsideNav-itemIcon:before {
@@ -20761,19 +20762,24 @@ input[type=button].antd-Button--block {
 .antd-PaginationWrapper-pager:first-child {
   margin-bottom: 0.5rem;
 }
-.antd-Wrapper--xs {
+.antd-Wrapper--xs,
+.antd-Container--xs {
   padding: 0.25rem;
 }
-.antd-Wrapper--sm {
+.antd-Wrapper--sm,
+.antd-Container--sm {
   padding: 0.5rem;
 }
-.antd-Wrapper--md {
+.antd-Wrapper--md,
+.antd-Container--md {
   padding: 1rem;
 }
-.antd-Wrapper--lg {
+.antd-Wrapper--lg,
+.antd-Container--lg {
   padding: 1.25rem;
 }
-.antd-Wrapper--xl {
+.antd-Wrapper--xl,
+.antd-Container--xl {
   padding: 1.5rem;
 }
 .antd-StatusField {
@@ -21993,9 +21999,6 @@ input[type=button].antd-Button--block {
 .antd-ResultBox.antd-TransferDropDown {
   padding: 0 0.75rem;
 }
-.antd-ResultBox.antd-TransferDropDown.is-group {
-  padding: 0.25rem;
-}
 .antd-ResultBox.antd-TransferDropDown.is-group > .antd-TransferDropDown-icon {
   margin-right: 0.5rem;
 }
@@ -24442,7 +24445,6 @@ input.antd-TextControl-input-password {
 .antd-TableSelection .antd-Table-table > thead > tr > th:first-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .antd-TableSelection .antd-Table-table > thead > tr > th:last-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:last-child {
@@ -25494,9 +25496,10 @@ input.antd-TextControl-input-password {
   z-index: 2;
 }
 .antd-Select-clear svg {
-  fill: #84888c;
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: #d4d7d9;
+  color: #d4d7d9;
+  width: 14px;
+  height: 14px;
   top: 0;
 }
 .antd-Select-clear svg:hover > path:first-of-type {
@@ -27940,7 +27943,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
 }
 .antd-Tree.is-disabled {
   pointer-events: none;
@@ -27971,7 +27974,7 @@ td.rdtQuarter.rdtDisabled:hover {
      -moz-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
-  padding-left: vvar(--sizes-size-5);
+  padding-left: 0.5rem;
 }
 .antd-Tree-itemLabel > * {
   position: relative;
@@ -28021,12 +28024,12 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: top;
   height: 1.5rem;
   line-height: 1.5rem;
-  padding-right: vvar(--sizes-size-5);
+  padding-right: 0.5rem;
 }
 .antd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 .antd-Tree-item-icons > a > svg {
@@ -28043,7 +28046,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   color: #84888c;
 }
 .antd-Tree-itemInput > a:hover {
@@ -28097,7 +28100,7 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .antd-Tree-itemArrow {
   cursor: pointer;
@@ -28118,14 +28121,14 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .antd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(1rem + vvar(--sizes-size-5));
+  width: calc(1rem + 0.5rem);
 }
 .antd-Tree-itemDrager {
   cursor: move;
   color: #84888c;
 }
 .antd-Tree-spinner {
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .antd-Tree-itemIcon {
   display: inline-flex;

package/lib/themes/antd.css

@@ -10,9 +10,9 @@
   --success: var(--colors-success-5);
   --success-onHover: var(--colors-success-6);
   --success-onActive: var(--colors-success-4);
-  --info: var(--colors-brand-5);
-  --info-onHover: var(--colors-brand-6);
-  --info-onActive: var(--colors-brand-4);
+  --info: var(--colors-info-5);
+  --info-onHover: var(--colors-info-6);
+  --info-onActive: var(--colors-info-4);
   --warning: var(--colors-warning-5);
   --warning-onHover: var(--colors-warning-6);
   --warning-onActive: var(--colors-warning-4);
@@ -722,7 +722,7 @@
   --Layout-asideLink-fontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowFontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowColor: var(--colors-neutral-text-5);
-  --Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6);
+  --Layout-asideLink-iconColor: inherit;
   --Layout-asideLink-onActive-arrowColor: var(
     --Layout-asideLink-onActive-color
   );
@@ -731,10 +731,10 @@
   --Layout-asideLink-onHover-iconColor: (--colors-brand-6);
   --Layout-asideLink-onHover-iconSize: var(--sizes-size-9);
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
-  --Layout-brand-bg: var(--colors-brand-1);
+  --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
   --Layout-brandBar-color: #a0a0a0;
-  --Layout-header-bg: var(--colors-neutral-text-10);
+  --Layout-header-bg: var(--colors-neutral-fill-10);
   --Layout-header-boxShadow: none;
   --Layout-header-height: 3.125rem;
   --Layout-headerBar-borderBottom: none;
@@ -1309,7 +1309,7 @@
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
-  --Tree-icon-gap: vvar(--sizes-size-5);
+  --Tree-icon-gap: var(--sizes-size-5);
   --Tree-icon-margin-right: 0.5rem;
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
@@ -11220,6 +11220,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -23267,19 +23268,24 @@ input[type=button].antd-Button--block {
 .antd-PaginationWrapper-pager:first-child {
   margin-bottom: var(--gap-sm);
 }
-.antd-Wrapper--xs {
+.antd-Wrapper--xs,
+.antd-Container--xs {
   padding: var(--gap-xs);
 }
-.antd-Wrapper--sm {
+.antd-Wrapper--sm,
+.antd-Container--sm {
   padding: var(--gap-sm);
 }
-.antd-Wrapper--md {
+.antd-Wrapper--md,
+.antd-Container--md {
   padding: var(--gap-md);
 }
-.antd-Wrapper--lg {
+.antd-Wrapper--lg,
+.antd-Container--lg {
   padding: var(--gap-lg);
 }
-.antd-Wrapper--xl {
+.antd-Wrapper--xl,
+.antd-Container--xl {
   padding: var(--gap-xl);
 }
 .antd-StatusField {
@@ -24484,9 +24490,6 @@ input[type=button].antd-Button--block {
 .antd-ResultBox.antd-TransferDropDown {
   padding: 0 var(--gap-base);
 }
-.antd-ResultBox.antd-TransferDropDown.is-group {
-  padding: var(--gap-xs);
-}
 .antd-ResultBox.antd-TransferDropDown.is-group > .antd-TransferDropDown-icon {
   margin-right: var(--gap-sm);
 }
@@ -26878,7 +26881,6 @@ input.antd-TextControl-input-password {
 .antd-TableSelection .antd-Table-table > thead > tr > th:first-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .antd-TableSelection .antd-Table-table > thead > tr > th:last-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:last-child {
@@ -27908,9 +27910,10 @@ input.antd-TextControl-input-password {
   z-index: 2;
 }
 .antd-Select-clear svg {
-  fill: var(--Form-input-iconColor);
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: var(--Form-input-clearBtn-color);
+  color: var(--Form-input-clearBtn-color);
+  width: var(--Form-input-clearBtn-size);
+  height: var(--Form-input-clearBtn-size);
   top: 0;
 }
 .antd-Select-clear svg:hover > path:first-of-type {

package/lib/themes/cxd-ie11.css

@@ -8606,6 +8606,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -9203,7 +9204,7 @@ body {
   z-index: 1200;
 }
 .cxd-Layout-brandBar {
-  background: #001259;
+  background: #151b26;
   color: #a0a0a0;
 }
 .cxd-Layout-brandBar > button {
@@ -10078,7 +10079,7 @@ body {
   text-align: center;
   position: relative;
   overflow: hidden;
-  color: rgba(255, 255, 255, 0.6);
+  color: inherit;
   font-size: 1rem;
 }
 .cxd-AsideNav-itemIcon:before {
@@ -20761,19 +20762,24 @@ input[type=button].cxd-Button--block {
 .cxd-PaginationWrapper-pager:first-child {
   margin-bottom: 0.5rem;
 }
-.cxd-Wrapper--xs {
+.cxd-Wrapper--xs,
+.cxd-Container--xs {
   padding: 0.25rem;
 }
-.cxd-Wrapper--sm {
+.cxd-Wrapper--sm,
+.cxd-Container--sm {
   padding: 0.5rem;
 }
-.cxd-Wrapper--md {
+.cxd-Wrapper--md,
+.cxd-Container--md {
   padding: 1rem;
 }
-.cxd-Wrapper--lg {
+.cxd-Wrapper--lg,
+.cxd-Container--lg {
   padding: 1.25rem;
 }
-.cxd-Wrapper--xl {
+.cxd-Wrapper--xl,
+.cxd-Container--xl {
   padding: 1.5rem;
 }
 .cxd-StatusField {
@@ -21993,9 +21999,6 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox.cxd-TransferDropDown {
   padding: 0 0.75rem;
 }
-.cxd-ResultBox.cxd-TransferDropDown.is-group {
-  padding: 0.25rem;
-}
 .cxd-ResultBox.cxd-TransferDropDown.is-group > .cxd-TransferDropDown-icon {
   margin-right: 0.5rem;
 }
@@ -24442,7 +24445,6 @@ input.cxd-TextControl-input-password {
 .cxd-TableSelection .cxd-Table-table > thead > tr > th:first-child,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td:last-child {
@@ -25494,9 +25496,10 @@ input.cxd-TextControl-input-password {
   z-index: 2;
 }
 .cxd-Select-clear svg {
-  fill: #84878c;
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: #d4d6d9;
+  color: #d4d6d9;
+  width: 14px;
+  height: 14px;
   top: 0;
 }
 .cxd-Select-clear svg:hover > path:first-of-type {
@@ -27940,7 +27943,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
 }
 .cxd-Tree.is-disabled {
   pointer-events: none;
@@ -27971,7 +27974,7 @@ td.rdtQuarter.rdtDisabled:hover {
      -moz-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
-  padding-left: vvar(--sizes-size-5);
+  padding-left: 0.5rem;
 }
 .cxd-Tree-itemLabel > * {
   position: relative;
@@ -28021,12 +28024,12 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: top;
   height: 1.5rem;
   line-height: 1.5rem;
-  padding-right: vvar(--sizes-size-5);
+  padding-right: 0.5rem;
 }
 .cxd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 .cxd-Tree-item-icons > a > svg {
@@ -28043,7 +28046,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   color: #84878c;
 }
 .cxd-Tree-itemInput > a:hover {
@@ -28097,7 +28100,7 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .cxd-Tree-itemArrow {
   cursor: pointer;
@@ -28118,14 +28121,14 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(1rem + vvar(--sizes-size-5));
+  width: calc(1rem + 0.5rem);
 }
 .cxd-Tree-itemDrager {
   cursor: move;
   color: #84878c;
 }
 .cxd-Tree-spinner {
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .cxd-Tree-itemIcon {
   display: inline-flex;