amis 1.10.0 → 1.10.1

package/lib/themes/dark-ie11.css

@@ -275,7 +275,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   outline: none;
   /* Prevent dragging from highlighting the element */
   position: relative;
-  z-index: 0;
 }
 
 .CodeMirror-sizer {
@@ -17281,6 +17280,16 @@ input[type=button].dark-Button--block {
   user-select: none;
 }
 
+.dark-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform 0.2s ease-out;
+  display: flex;
+  color: #4b5563;
+}
+.dark-CBPicker-trigger:hover {
+  color: #0983ff;
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -17705,7 +17714,6 @@ input[type=button].dark-Button--block {
   vertical-align: middle;
 }
 .dark-Crud-toolbar-item {
-  margin-left: 0.25rem;
   margin-top: 0.25rem;
   line-height: 1.5;
   height: 1.875rem;
@@ -17713,6 +17721,9 @@ input[type=button].dark-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.dark-Crud-toolbar-item:not(:first-child) {
+  margin-left: 0.25rem;
+}
 .dark-Crud-toolbar-item--left {
   float: left;
 }
@@ -17745,7 +17756,6 @@ input[type=button].dark-Button--block {
 
 @media (min-width: 576px) {
   .dark-Crud-toolbar {
-    margin-left: calc(0.25rem * -1);
     margin-top: calc(0.25rem * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -17758,11 +17768,132 @@ input[type=button].dark-Button--block {
     clear: both;
   }
   .dark-Crud-toolbar-item {
+    line-height: 1.5;
+    height: 1.875rem;
+    vertical-align: middle;
+  }
+  .dark-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.25rem;
+  }
+  .dark-Crud-toolbar-item--left {
+    float: left;
+  }
+  .dark-Crud-toolbar-item--right {
+    float: right;
+  }
+  .dark-Crud-actions > * + .dark-Button,
+.dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: 0.25rem;
+  }
+}
+.dark-Crud2 {
+  position: relative;
+}
+.dark-Crud2-selection, .dark-Crud2-toolbar, .dark-Crud2-body {
+  margin-bottom: 0.75rem;
+}
+.dark-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 0.25rem;
+}
+.dark-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  user-select: none;
+  line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
+  display: inline-block;
+  font-size: 0.75rem;
+  color: #f3f1f1;
+  background: #302d2a;
+  border: 0.0625rem solid #b2dbfc;
+  border-radius: 2px;
+  margin-right: 0.25rem;
+  margin-top: 0.25rem;
+}
+.dark-Crud2-value:hover {
+  background: #cbe7fd;
+}
+.dark-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: 0.65;
+}
+.dark-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid #b2dbfc;
+  padding: 1px 5px;
+}
+.dark-Crud2-valueIcon:hover {
+  background: #cbe7fd;
+}
+.dark-Crud2-valueLabel {
+  padding: 0 0.25rem;
+}
+.dark-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: 0.25rem;
+  margin-top: 0.25rem;
+  vertical-align: middle;
+}
+.dark-Crud2-toolbar-item {
+  margin-top: 0.25rem;
+  line-height: 1.5;
+  height: 1.875rem;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.dark-Crud2-toolbar-item:not(:first-child) {
+  margin-left: 0.25rem;
+}
+.dark-Crud2-toolbar-item--left {
+  float: left;
+}
+.dark-Crud2-toolbar-item--right {
+  float: right;
+}
+.dark-Crud2-actions > * + .dark-Button,
+.dark-Crud2-actions > * + .dark-ButtonGroup,
+.dark-Crud2-actions > * + .dark-ButtonToolbar {
+  margin-left: 0.25rem;
+}
+.dark-Crud2-statistics {
+  line-height: 1.875rem;
+  vertical-align: middle;
+}
+.dark-Crud2-pageSwitch .dark-Select {
+  margin-left: 0.25rem;
+}
+.dark-Crud2-pager {
+  align-self: flex-start;
+}
+.dark-Crud2-filter {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .dark-Crud-toolbar {
+    margin-top: calc(0.25rem * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .dark-Crud-toolbar::before, .dark-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .dark-Crud-toolbar::after {
+    clear: both;
+  }
+  .dark-Crud-toolbar-item {
     line-height: 1.5;
     height: 1.875rem;
     vertical-align: middle;
   }
+  .dark-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.25rem;
+  }
   .dark-Crud-toolbar-item--left {
     float: left;
   }
@@ -20125,7 +20256,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-v2.dark-Table-resizable .dark-Table-table > thead > tr > th .dark-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -20172,8 +20303,6 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-v2 .dark-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: white;
   margin-left: 0.5rem;
 }
@@ -22692,9 +22821,6 @@ input[type=button].dark-Button--block {
 .dark-ResultBox--borderNone {
   border-color: transparent !important;
 }
-.dark-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
 .dark-ResultBox.is-error {
   border-color: #dc3545;
   background: #3c3c3c;
@@ -22732,7 +22858,25 @@ input[type=button].dark-Button--block {
 .dark-ResultBox.dark-NestedSelect {
   padding-left: 0.75rem;
 }
+.dark-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+}
+.dark-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.dark-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+.dark-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
 .dark-ResultBox-singleValue {
+  padding: 0 calc(0.5rem - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -22766,10 +22910,7 @@ input[type=button].dark-Button--block {
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 .dark-ResultBox-clear svg {
@@ -22844,6 +22985,7 @@ input[type=button].dark-Button--block {
 }
 .dark-ResultBox-placeholder {
   color: white;
+  flex-grow: 1;
   user-select: none;
 }
 .dark-ResultBox > input {
@@ -24697,19 +24839,16 @@ input.dark-TextControl-input-password {
   border-color: linear-gradient(#515151, #4b4b4b);
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input[disabled] + i {
-  border-color: #4e4e4e;
-  background: #f7f7f9;
+  border-color: #656565;
+  background: #302d2a;
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: #4e4e4e;
+  background: #302d2a;
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input:checked[disabled] + i {
-  border-color: #4e4e4e;
-  background: #f7f7f9;
-}
-.dark-Checkbox--full.dark-Checkbox--checkbox input:checked[disabled] + i:before {
-  background: #f7f7f9;
-  border-color: #d4d6d9;
+  border-color: #656565;
+  background: #302d2a;
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox > i {
   position: relative;
@@ -24771,6 +24910,7 @@ input.dark-TextControl-input-password {
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox:hover:not(:disabled) {
   color: var(--blue);
+  border-color: var(--blue);
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox:hover input:checked + i {
   background: transparent;
@@ -24796,7 +24936,7 @@ input.dark-TextControl-input-password {
   left: 0;
   width: 0.5rem;
   height: calc(0.5rem / 2);
-  transform: translate(-80%, -160%) rotate(-50deg);
+  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
   background: transparent;
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox input[disabled] + i {
@@ -24808,8 +24948,12 @@ input.dark-TextControl-input-password {
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox input:checked[disabled] + i {
   background: transparent;
-  border-width: 0.5rem;
-  border-color: var(--blue) transparent transparent var(--blue);
+  border-width: 0.4375rem;
+  border-color: #e8e9eb transparent transparent #e8e9eb;
+}
+.dark-Checkbox--button.dark-Checkbox--checkbox input:checked[disabled] + i:before {
+  background: transparent;
+  border-color: #ffffff !important;
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox > i {
   position: absolute;
@@ -24838,8 +24982,19 @@ input.dark-TextControl-input-password {
   border-color: var(--Switch-checked-onHover-bgColor);
   color: var(--Switch-checked-onHover-bgColor);
 }
-.dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox.dark-Checkbox--full i {
+.dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox {
   background: #f7f7f9;
+  border-color: #656565;
+}
+.dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox:hover {
+  border-color: #656565 !important;
+}
+.dark-Checkbox--button--disabled--checked.dark-Checkbox--checkbox {
+  background: #302d2a;
+  border-color: #656565 !important;
+}
+.dark-Checkbox--button--disabled--checked.dark-Checkbox--checkbox:hover {
+  border-color: #656565 !important;
 }
 .dark-Checkbox--radio {
   padding-left: 1rem;
@@ -25708,6 +25863,9 @@ input.dark-TextControl-input-password {
 .dark-Select:focus {
   box-shadow: none;
 }
+.dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu {
+  overflow-x: hidden;
+}
 .dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu .dark-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -31793,9 +31951,8 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 1.875rem;
 }
 .dark-FormulaPicker.is-input-group .dark-FormulaPicker-input {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+  display: flex;
+  align-items: center;
   background: none;
   padding: 0;
   border: 0;

package/lib/themes/dark.css

@@ -457,10 +457,12 @@
   --Checkbox-size: 1rem;
   --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
   --Checkbox-onHover-color: var(--info);
-  --Checkbox-onDisabled-bg: #e5e7eb;
-  --Checkbox-onDisabled-color: var(--text--muted-color);
+  --Checkbox-onDisabled-bg: #f7f7f9;
+  --Checkbox-onDisabled-color: #b8babf;
   --Checkbox-inner-onDisabled-bg: #d4d6d9;
-  --Checkbox-disabled-unchecked-bg: #f2f3f3;
+  --Checkbox-inner-onDisabled-color: #ffffff;
+  --Checkbox-disabled-unchecked-bg: #f7f7f9;
+  --Checkbox-inner-disabled-checked-bg: #e8e9eb;
   --Checkbox-border-width: var(--Form-input-borderWidth);
   --Checkbox-paddingX: 0.75rem;
   --Checkbox-button-height: 2rem;
@@ -1922,7 +1924,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   outline: none;
   /* Prevent dragging from highlighting the element */
   position: relative;
-  z-index: 0;
 }
 
 .CodeMirror-sizer {
@@ -18846,6 +18847,16 @@ input[type=button].dark-Button--block {
   user-select: none;
 }
 
+.dark-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform var(--animation-duration) ease-out;
+  display: flex;
+  color: var(--Form-select-caret-iconColor);
+}
+.dark-CBPicker-trigger:hover {
+  color: var(--primary);
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -19270,7 +19281,6 @@ input[type=button].dark-Button--block {
   vertical-align: middle;
 }
 .dark-Crud-toolbar-item {
-  margin-left: var(--Crud-toolbar-gap);
   margin-top: var(--Crud-toolbar-gap);
   line-height: var(--Crud-toolbar-lineHeight);
   height: var(--Crud-toolbar-height);
@@ -19278,6 +19288,9 @@ input[type=button].dark-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.dark-Crud-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
 .dark-Crud-toolbar-item--left {
   float: left;
 }
@@ -19310,7 +19323,6 @@ input[type=button].dark-Button--block {
 
 @media (min-width: 576px) {
   .dark-Crud-toolbar {
-    margin-left: calc(var(--Crud-toolbar-gap) * -1);
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -19323,11 +19335,132 @@ input[type=button].dark-Button--block {
     clear: both;
   }
   .dark-Crud-toolbar-item {
+    line-height: var(--Crud-toolbar-lineHeight);
+    height: var(--Crud-toolbar-height);
+    vertical-align: middle;
+  }
+  .dark-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+  .dark-Crud-toolbar-item--left {
+    float: left;
+  }
+  .dark-Crud-toolbar-item--right {
+    float: right;
+  }
+  .dark-Crud-actions > * + .dark-Button,
+.dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
+  }
+}
+.dark-Crud2 {
+  position: relative;
+}
+.dark-Crud2-selection, .dark-Crud2-toolbar, .dark-Crud2-body {
+  margin-bottom: var(--gap-base);
+}
+.dark-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: var(--gap-xs);
+}
+.dark-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  user-select: none;
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  display: inline-block;
+  font-size: var(--Form-selectValue-fontSize);
+  color: var(--Form-selectValue-color);
+  background: var(--Form-selectValue-bg);
+  border: 0.0625rem solid var(--Form-selectValue-borderColor);
+  border-radius: 2px;
+  margin-right: var(--gap-xs);
+  margin-top: var(--gap-xs);
+}
+.dark-Crud2-value:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+.dark-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: var(--Button-onDisabled-opacity);
+}
+.dark-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
+  padding: 1px 5px;
+}
+.dark-Crud2-valueIcon:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+.dark-Crud2-valueLabel {
+  padding: 0 var(--gap-xs);
+}
+.dark-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+  vertical-align: middle;
+}
+.dark-Crud2-toolbar-item {
+  margin-top: var(--Crud-toolbar-gap);
+  line-height: var(--Crud-toolbar-lineHeight);
+  height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.dark-Crud2-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.dark-Crud2-toolbar-item--left {
+  float: left;
+}
+.dark-Crud2-toolbar-item--right {
+  float: right;
+}
+.dark-Crud2-actions > * + .dark-Button,
+.dark-Crud2-actions > * + .dark-ButtonGroup,
+.dark-Crud2-actions > * + .dark-ButtonToolbar {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.dark-Crud2-statistics {
+  line-height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+}
+.dark-Crud2-pageSwitch .dark-Select {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.dark-Crud2-pager {
+  align-self: flex-start;
+}
+.dark-Crud2-filter {
+  margin-bottom: var(--gap-base);
+}
+
+@media (min-width: 576px) {
+  .dark-Crud-toolbar {
+    margin-top: calc(var(--Crud-toolbar-gap) * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .dark-Crud-toolbar::before, .dark-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .dark-Crud-toolbar::after {
+    clear: both;
+  }
+  .dark-Crud-toolbar-item {
     line-height: var(--Crud-toolbar-lineHeight);
     height: var(--Crud-toolbar-height);
     vertical-align: middle;
   }
+  .dark-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
   .dark-Crud-toolbar-item--left {
     float: left;
   }
@@ -21633,7 +21766,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-v2.dark-Table-resizable .dark-Table-table > thead > tr > th .dark-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -21680,8 +21813,6 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-v2 .dark-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
@@ -24182,9 +24313,6 @@ input[type=button].dark-Button--block {
 .dark-ResultBox--borderNone {
   border-color: transparent !important;
 }
-.dark-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
 .dark-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -24222,7 +24350,25 @@ input[type=button].dark-Button--block {
 .dark-ResultBox.dark-NestedSelect {
   padding-left: var(--gap-base);
 }
+.dark-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+}
+.dark-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.dark-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+.dark-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
 .dark-ResultBox-singleValue {
+  padding: 0 calc(var(--Form-input-paddingX) - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -24256,10 +24402,7 @@ input[type=button].dark-Button--block {
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 .dark-ResultBox-clear svg {
@@ -24334,6 +24477,7 @@ input[type=button].dark-Button--block {
 }
 .dark-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
+  flex-grow: 1;
   user-select: none;
 }
 .dark-ResultBox > input {
@@ -26141,19 +26285,16 @@ input.dark-TextControl-input-password {
   border-color: var(--Checkbox-gb);
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: var(--FileControl-onDisabled-bg);
+  border-color: var(--Checkbox-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: var(--Checkbox-onDisabled-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input:checked[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: var(--FileControl-onDisabled-bg);
-}
-.dark-Checkbox--full.dark-Checkbox--checkbox input:checked[disabled] + i:before {
-  background: var(--FileControl-onDisabled-bg);
-  border-color: var(--Checkbox-inner-onDisabled-bg);
+  border-color: var(--Checkbox-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox > i {
   position: relative;
@@ -26215,6 +26356,7 @@ input.dark-TextControl-input-password {
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox:hover:not(:disabled) {
   color: var(--Checkbox-onHover-color);
+  border-color: var(--Checkbox-onHover-color);
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox:hover input:checked + i {
   background: transparent;
@@ -26240,7 +26382,7 @@ input.dark-TextControl-input-password {
   left: 0;
   width: var(--Checkbox--full-inner-size);
   height: calc(var(--Checkbox--full-inner-size) / 2);
-  transform: translate(-80%, -160%) rotate(-50deg);
+  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
   background: transparent;
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox input[disabled] + i {
@@ -26252,8 +26394,12 @@ input.dark-TextControl-input-password {
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox input:checked[disabled] + i {
   background: transparent;
-  border-width: 0.5rem;
-  border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
+  border-width: 0.4375rem;
+  border-color: var(--Checkbox-inner-disabled-checked-bg) transparent transparent var(--Checkbox-inner-disabled-checked-bg);
+}
+.dark-Checkbox--button.dark-Checkbox--checkbox input:checked[disabled] + i:before {
+  background: transparent;
+  border-color: var(--Checkbox-inner-onDisabled-color) !important;
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox > i {
   position: absolute;
@@ -26282,8 +26428,19 @@ input.dark-TextControl-input-password {
   border-color: var(--Switch-checked-onHover-bgColor);
   color: var(--Switch-checked-onHover-bgColor);
 }
-.dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox.dark-Checkbox--full i {
-  background: var(--FileControl-onDisabled-bg);
+.dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox {
+  background: var(--Checkbox-disabled-unchecked-bg);
+  border-color: var(--Checkbox-color);
+}
+.dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox:hover {
+  border-color: var(--Checkbox-color) !important;
+}
+.dark-Checkbox--button--disabled--checked.dark-Checkbox--checkbox {
+  background: var(--Checkbox-onDisabled-bg);
+  border-color: var(--Checkbox-color) !important;
+}
+.dark-Checkbox--button--disabled--checked.dark-Checkbox--checkbox:hover {
+  border-color: var(--Checkbox-color) !important;
 }
 .dark-Checkbox--radio {
   padding-left: var(--Radio-size);
@@ -27137,6 +27294,9 @@ input.dark-TextControl-input-password {
 .dark-Select:focus {
   box-shadow: var(--Form-select-onFocus-boxShadow);
 }
+.dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu {
+  overflow-x: hidden;
+}
 .dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu .dark-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -33057,9 +33217,8 @@ td.rdtQuarter.rdtDisabled:hover {
   height: var(--Form-input-height);
 }
 .dark-FormulaPicker.is-input-group .dark-FormulaPicker-input {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+  display: flex;
+  align-items: center;
   background: none;
   padding: 0;
   border: 0;