amis-ui 6.9.0-rc.10 → 6.9.0-rc.11

package/lib/themes/cxd.css

@@ -169,14 +169,14 @@
   --Card-onChecked-bg: var(--colors-neutral-fill-11);
   --Card-onChecked-borderColor: var(--colors-brand-5);
   --Card-onChecked-color: var(--colors-brand-5);
-  --Card-onChecked-fieldLabel-color: #7dd6f1;
+  --Card-onChecked-fieldLabel-color: rgb(124.7142857143, 213.8571428571, 241.2857142857);
   --Card-onDragging-opacity: 0.1;
   --Card-onModified-bg: var(--colors-neutral-fill-8);
   --Card-onModified-borderColor: var(--colors-brand-5);
   --Card-onModified-color: var(--colors-brand-6);
   --Card-onModified-fieldLabel-color: var(--colors-brand-8);
-  --Card-onModified-onHover-bg: #d0e0fd;
-  --Card-onModified-onHover-color: #1266f1;
+  --Card-onModified-onHover-bg: rgb(207.5625, 224.0625, 252.9375);
+  --Card-onModified-onHover-color: rgb(17.805, 101.89, 241.195);
   --Cards--unsaved-heading-bg: #e8f0fe;
   --Cards--unsaved-heading-color: #4285f4;
   --Cards-fixedTop-boxShadow: var(--shadows-shadow-normal);
@@ -344,16 +344,16 @@
   --Layout-aside--md-width: 15.625rem;
   --Layout-aside--sm-width: 9.375rem;
   --Layout-aside-bg: var(--colors-neutral-fill-2);
-  --Layout-aside-color: #a0a0a0;
-  --Layout-aside-onAcitve-bg: #272d33;
-  --Layout-aside-onHover-bg: #2c3239;
+  --Layout-aside-color: rgb(159.6724137931, 160, 160.3275862069);
+  --Layout-aside-onAcitve-bg: rgb(39.4377155172, 45.25, 51.0622844828);
+  --Layout-aside-onHover-bg: rgb(43.8826293103, 50.35, 56.8173706897);
   --Layout-aside-subList-bg: var(--colors-neutral-fill-2);
   --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);
   --Layout-aside-width: 11.25rem;
   --Layout-aside-width-collapsed: 3.75rem;
   --Layout-asideDivider-bg: var(--colors-neutral-line-3);
   --Layout-asideDivider-margin: 0 var(--sizes-size-6);
-  --Layout-asideLabel-color: #868787;
+  --Layout-asideLabel-color: rgb(134.0844827586, 134.5, 134.9155172414);
   --Layout-asideLink-color: var(--colors-neutral-text-11);
   --Layout-asideLink-fontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowFontSize: var(--fonts-size-8);
@@ -369,7 +369,7 @@
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
   --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
-  --Layout-brandBar-color: #a0a0a0;
+  --Layout-brandBar-color: rgb(159.6724137931, 160, 160.3275862069);
   --Layout-header-bg: var(--colors-neutral-fill-10);
   --Layout-header-boxShadow: none;
   --Layout-header-height: 3.125rem;
@@ -434,9 +434,9 @@
   --ListItem-onChecked-fieldLabel-color: var(--colors-brand-4);
   --ListItem-onDragging-opacity: 0.1;
   --ListItem-onModified-bg: #e8f0fe;
-  --ListItem-onModified-borderColor: #b7d0fc;
+  --ListItem-onModified-borderColor: rgb(183.125, 208.125, 251.875);
   --ListItem-onModified-color: #4285f4;
-  --ListItem-onModified-fieldLabel-color: #a2c3fa;
+  --ListItem-onModified-fieldLabel-color: rgb(162.39, 195.22, 249.61);
   --ListItem-paddingX: var(--gap-base);
   --ListItem-paddingY: var(--gap-sm);
   --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
@@ -639,8 +639,8 @@
   --Tooltip-maxWidth: 15rem;
   --Tooltip-minWidth: auto;
   --Tooltip-title-fontWeight: bold;
-  --Tooltip-title-bg: #f7f7f7;
-  --Tooltip-title-borderBottom-color: #ebebeb;
+  --Tooltip-title-bg: rgb(247.35, 247.35, 247.35);
+  --Tooltip-title-borderBottom-color: rgb(234.6, 234.6, 234.6);
   --Tooltip-title-color: var(--text--loud-color);
   --Tooltip-title-color--dark: #fff;
   --Tooltip-title-paddingX: var(--gap-base);
@@ -3602,13 +3602,13 @@
   );
   --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
   --Form-selectOption-height: var(--Form-select-height);
-  --Form-selectValue-bg: #cce5ff;
+  --Form-selectValue-bg: hsl(211.0588235294, 102.5%, 90%);
   --Form-selectValue-onHover-bgColor: var(--select-multiple-hover-bg-color);
   --Form-selectValue-borderColor: var(--colors-brand-7);
   --Form-selectValue-color: var(--colors-brand-5);
   --Form-selectValue-fontSize: var(--select-multiple-fontSize);
-  --Form-selectValue-onDisable-bg: #e6f2ff;
-  --Form-selectValue-onHover-bg: #b3d7ff;
+  --Form-selectValue-onDisable-bg: hsl(211.0588235294, 102.5%, 95%);
+  --Form-selectValue-onHover-bg: hsl(211.0588235294, 102.5%, 85%);
   --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
   --Form-selectValue-onInvalid-color: var(--danger);
   --Form-valueLabel-maxWidth: 7.5rem;
@@ -4683,7 +4683,7 @@
   --Table-onHover-boxShadow: var(--shadows-shadow-normal);
   --Table-onHover-color: var(--table-body-hover-color);
   --Table-onModified-bg: #e8f0fe;
-  --Table-onModified-borderColor: #d0e0fd;
+  --Table-onModified-borderColor: rgb(207.5625, 224.0625, 252.9375);
   --Table-onModified-color: #4285f4;
   --Table-placeholder-height: 12.5rem;
   --Table-strip-bg: transparent;
@@ -25904,41 +25904,41 @@ input[type=button].cxd-Button--block {
   color: #58666e;
 }
 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-table > tbody > tr.bg-light .lt {
-  background: #fefefe;
+  background: rgb(253.9275, 254.1, 254.2725);
 }
 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table-table > tbody > tr.bg-light .lter {
-  background: white;
+  background: hsl(210, 21.6666666667%, 100.6470588235%);
 }
 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table-table > tbody > tr.bg-light .dk {
-  background: #eff1f4;
+  background: rgb(238.73375, 241.35, 243.96625);
 }
 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table-table > tbody > tr.bg-light .dker {
-  background: #e8ecf0;
+  background: rgb(232.1875, 236.25, 240.3125);
 }
 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #f8f9fa;
 }
 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
-  color: #a0a0a0;
+  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-table > tbody > tr.bg-dark .lt {
-  background: #3e4750;
+  background: rgb(61.6622844828, 70.75, 79.8377155172);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table-table > tbody > tr.bg-dark .lter {
-  background: #475460;
+  background: rgb(70.6870689655, 83.5, 96.3129310345);
 }
 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table-table > tbody > tr.bg-dark .dk {
-  background: #272d33;
+  background: rgb(39.4377155172, 45.25, 51.0622844828);
 }
 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table-table > tbody > tr.bg-dark .dker {
-  background: #1c2125;
+  background: rgb(27.5129310345, 32.5, 37.4870689655);
 }
 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
-  color: #b9baba;
+  color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
@@ -25947,32 +25947,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
   color: #666666;
 }
 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table-table > tbody > tr.bg-black .lt {
-  background: #0d0c0c;
+  background: rgb(13.06875, 12.43125, 12.43125);
 }
 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table-table > tbody > tr.bg-black .lter {
-  background: #1b1818;
+  background: rgb(26.775, 24.225, 24.225);
 }
 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table-table > tbody > tr.bg-black .dk {
-  background: black;
+  background: hsl(0, 2.5%, -5%);
 }
 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table-table > tbody > tr.bg-black .dker {
-  background: black;
+  background: hsl(0, 5%, -10%);
 }
 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
-  color: gray;
+  color: rgb(127.5, 127.5, 127.5);
 }
 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
@@ -25981,26 +25981,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-table > tbody > tr.bg-primary .lt {
-  background: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
@@ -26015,32 +26015,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: #b4e7c0;
+  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
 }
 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-table > tbody > tr.bg-success .lt {
-  background: #2abe4c;
+  background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
 }
 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #2dd554;
+  background: rgb(45.3956521739, 212.6043478261, 83.5771653543);
 }
 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #21953b;
+  background: rgb(32.8037137681, 148.6962862319, 59.2673720472);
 }
 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #1a8232;
+  background: rgb(26.2449275362, 129.7550724638, 49.8811023622);
 }
 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #28a745;
 }
 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #dbf3e0;
+  color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -26049,26 +26049,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-table > tbody > tr.bg-info .lt {
-  background: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
@@ -26083,32 +26083,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: #fffefa;
+  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
 }
 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-table > tbody > tr.bg-warning .lt {
-  background: #fddd4a;
+  background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
 }
 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #ffe361;
+  background: hsl(49.4472361809, 100.2153110048%, 69.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #fcd417;
+  background: rgb(252.3212021531, 212.0197742601, 23.1787978469);
 }
 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #face00;
+  background: hsl(49.4472361809, 100.2153110048%, 49.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #fad733;
 }
 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
-  color: white;
+  color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
@@ -26117,32 +26117,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: #f8e5e6;
+  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
 }
 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-table > tbody > tr.bg-danger .lt {
-  background: #e24857;
+  background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
 }
 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #e85c69;
+  background: rgb(232.1816455696, 91.8183544304, 105.2663344198);
 }
 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #d62133;
+  background: rgb(214.0431170886, 33.4568829114, 50.7585580421);
 }
 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #c31b2b;
+  background: rgb(194.7651898734, 27.2348101266, 43.2856249526);
 }
 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #dc3545;
 }
 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
-  color: white;
+  color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
@@ -26151,10 +26151,10 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
@@ -26905,41 +26905,41 @@ input[type=button].cxd-Button--block {
   color: #58666e;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lt {
-  background: #fefefe;
+  background: rgb(253.9275, 254.1, 254.2725);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lter {
-  background: white;
+  background: hsl(210, 21.6666666667%, 100.6470588235%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dk {
-  background: #eff1f4;
+  background: rgb(238.73375, 241.35, 243.96625);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dker {
-  background: #e8ecf0;
+  background: rgb(232.1875, 236.25, 240.3125);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #f8f9fa;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
-  color: #a0a0a0;
+  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lt {
-  background: #3e4750;
+  background: rgb(61.6622844828, 70.75, 79.8377155172);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lter {
-  background: #475460;
+  background: rgb(70.6870689655, 83.5, 96.3129310345);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dk {
-  background: #272d33;
+  background: rgb(39.4377155172, 45.25, 51.0622844828);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dker {
-  background: #1c2125;
+  background: rgb(27.5129310345, 32.5, 37.4870689655);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
-  color: #b9baba;
+  color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
@@ -26948,32 +26948,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
   color: #666666;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lt {
-  background: #0d0c0c;
+  background: rgb(13.06875, 12.43125, 12.43125);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lter {
-  background: #1b1818;
+  background: rgb(26.775, 24.225, 24.225);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dk {
-  background: black;
+  background: hsl(0, 2.5%, -5%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dker {
-  background: black;
+  background: hsl(0, 5%, -10%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
-  color: gray;
+  color: rgb(127.5, 127.5, 127.5);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
@@ -26982,26 +26982,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lt {
-  background: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
@@ -27016,32 +27016,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: #b4e7c0;
+  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lt {
-  background: #2abe4c;
+  background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #2dd554;
+  background: rgb(45.3956521739, 212.6043478261, 83.5771653543);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #21953b;
+  background: rgb(32.8037137681, 148.6962862319, 59.2673720472);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #1a8232;
+  background: rgb(26.2449275362, 129.7550724638, 49.8811023622);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #28a745;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #dbf3e0;
+  color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -27050,26 +27050,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lt {
-  background: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
@@ -27084,32 +27084,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: #fffefa;
+  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lt {
-  background: #fddd4a;
+  background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #ffe361;
+  background: hsl(49.4472361809, 100.2153110048%, 69.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #fcd417;
+  background: rgb(252.3212021531, 212.0197742601, 23.1787978469);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #face00;
+  background: hsl(49.4472361809, 100.2153110048%, 49.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #fad733;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
-  color: white;
+  color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
@@ -27118,32 +27118,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: #f8e5e6;
+  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lt {
-  background: #e24857;
+  background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #e85c69;
+  background: rgb(232.1816455696, 91.8183544304, 105.2663344198);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #d62133;
+  background: rgb(214.0431170886, 33.4568829114, 50.7585580421);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #c31b2b;
+  background: rgb(194.7651898734, 27.2348101266, 43.2856249526);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #dc3545;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
-  color: white;
+  color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
@@ -27152,10 +27152,10 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
@@ -43404,6 +43404,17 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug .primary {
   color: #009fff;
 }
+.AMISDebug-inspectIcon {
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  cursor: pointer;
+  margin-right: 8px;
+}
+.AMISDebug-inspectIcon.is-active {
+  fill: #009fff;
+}
 .AMISDebug-header {
   padding: var(--Drawer-header-padding);
   background: var(--Drawer-header-bg);
@@ -43413,24 +43424,28 @@ td.rdtQuarter.rdtDisabled:hover > span {
   pointer-events: none;
   position: absolute;
   outline: 1px dashed #1c76c4;
+  z-index: 2000;
 }
 .AMISDebug-activeBox {
   pointer-events: none;
   position: absolute;
-  outline: 1px #1c76c4;
+  outline: 1px #1c76c4 solid;
+  z-index: 2000;
 }
 .AMISDebug-tab {
-  overflow: hidden;
   border-bottom: 1px solid #3d3d3d;
+  height: 30px;
+  flex-shrink: 0;
 }
 .AMISDebug-tab > button {
   color: inherit;
   background: inherit;
-  float: left;
+  display: inline-block;
   border: none;
   outline: none;
   cursor: pointer;
-  padding: var(--gap-sm) var(--gap-md);
+  line-height: 29px;
+  padding: 0 var(--gap-md);
   transition: 0.3s;
   border-bottom: 1px solid transparent;
 }
@@ -43465,6 +43480,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   pointer-events: all;
   display: none;
   height: 100%;
+  flex-direction: column;
 }
 .AMISDebug-resize {
   position: absolute;
@@ -43481,14 +43497,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   position: absolute;
   font-size: 18px;
   right: 40px;
-  top: var(--gap-sm);
+  top: 2px;
   cursor: pointer;
 }
 .AMISDebug-close {
   position: absolute;
   font-size: 18px;
   right: var(--gap-sm);
-  top: var(--gap-sm);
+  top: 2px;
   cursor: pointer;
 }
 .AMISDebug.is-expanded {
@@ -43501,7 +43517,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .AMISDebug.is-expanded .AMISDebug-content {
-  display: block;
+  display: flex;
 }
 .AMISDebug.is-left {
   left: 0;
@@ -43537,6 +43553,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-log, .AMISDebug-inspect {
   height: 100%;
   overflow: auto;
+  flex: 1;
+  min-height: 0;
   scrollbar-width: thin;
   scrollbar-color: #6b6b6b #2b2b2b;
 }
@@ -43561,6 +43579,33 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-logLine {
   overflow-x: hidden;
 }
+.AMISDebug-footer {
+  height: 30px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background: #2c2c2c;
+}
+.AMISDebug-footer > svg {
+  width: 11px;
+  flex-shrink: 0;
+}
+.AMISDebug-footer > input {
+  flex-grow: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  color: #cccccc;
+  padding: 0;
+  outline: none;
+  height: 100%;
+}
+.AMISDebug-value {
+  color: rgb(253, 151, 31);
+  padding: 0;
+  margin: 0;
+}
 .cxd-Nav-Menu {
   --Menu-width: var(--Layout-aside-width);
   --Menu-width--collapsed: var(--Layout-aside-width-collapsed);