synapse-react-client 2.1.22 → 3.0.1

package/dist/style/main.css

@@ -16100,6 +16100,10 @@ svg.HelpButton {
   font-size: 0.8em;
 }
 
+.SRC-color-warning {
+  color: #cc9f00;
+}
+
 .modal-dialog-scrollable {
   height: 100%;
 }
@@ -17360,7 +17364,7 @@ img.iconImg.SRC-datasetIcon {
   word-wrap: break-word;
   overflow-x: auto;
   overflow-y: hidden;
-  line-height: 1.8em;
+  line-height: 1.5em;
   color: #515359;
   font-weight: normal;
 }
@@ -18471,6 +18475,172 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-radius: 2px;
 }
 
+/**
+ * Defines our custom checkboxes and radio buttons
+ * These handle both the Checkbox and RadioGroup components, as well as checkboxes and radio buttons rendered by other libraries (such as react-jsonschema-form)
+ * So if you modify this file, please check all cases!
+ * 
+ * The styles work by hijacking an adjacent <span> or <label> and appending two pseudo-elements.
+ * The :before pseudo-element creates the "empty" checkbox/radio, and, when checked, the :after pseudo-element creates the "check" or circle
+ */
+.checkbox,
+.radio {
+  padding-left: 0px;
+  min-width: 27px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.checkbox label,
+.radio label {
+  padding-left: 0px;
+}
+
+.rjsf .checkbox,
+.rjsf .radio {
+  margin-bottom: 10px;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin-left: unset;
+}
+
+input[type=checkbox] + label,
+input[type=checkbox] + span,
+input[type=radio] + label,
+input[type=radio] + span {
+  position: relative;
+  padding-left: 22px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+input[type=checkbox] + label::before,
+input[type=checkbox] + span::before,
+input[type=radio] + label::before,
+input[type=radio] + span::before {
+  position: absolute;
+  content: "";
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aeb5bc;
+  background: white;
+}
+
+.indeterminate-checkbox input[type=checkbox] + label::before,
+input[type=checkbox]:checked + label::before,
+input[type=checkbox]:checked + span::before {
+  border: none;
+  background: #469285;
+}
+
+input[type=checkbox] + label::before,
+input[type=checkbox] + span::before {
+  top: 0px;
+  left: 0px;
+}
+
+input[type=radio] + label::before,
+input[type=radio] + span::before {
+  border-radius: 50%;
+  top: 1px;
+  left: 4px;
+}
+
+input[type=checkbox]:focus + label::before,
+input[type=checkbox]:focus + span::before,
+input[type=radio]:focus:checked + label::before,
+input[type=radio]:focus:checked + span::before,
+input[type=checkbox]:hover:checked:not(:disabled) + label::before,
+input[type=checkbox]:hover:checked:not(:disabled) + span::before,
+input[type=radio]:hover:checked:not(:disabled) + label::before,
+input[type=radio]:hover:checked:not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #eaeded;
+}
+
+input[type=checkbox]:hover:not(:checked):not(:disabled) + label::before,
+input[type=checkbox]:hover:not(:checked):not(:disabled) + span::before,
+input[type=radio]:hover:not(:checked):not(:disabled) + label::before,
+input[type=radio]:hover:not(:checked):not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #dfe2e6;
+}
+
+input[type=checkbox]:disabled:checked + label::before,
+input[type=checkbox]:disabled:checked + span::before {
+  background: #ddd;
+}
+
+input[type=radio]:disabled:checked + label::after,
+input[type=radio]:disabled:checked + span::after {
+  background: #dfe2e6;
+}
+
+input[type=checkbox]:disabled:not(:checked) + label::before,
+input[type=checkbox]:disabled:not(:checked) + span::before,
+input[type=radio]:disabled + label::before,
+input[type=radio]:disabled + span::before {
+  background: white;
+}
+
+input[type=checkbox]:disabled + label,
+input[type=checkbox]:disabled + span,
+input[type=radio]:disabled + label,
+input[type=radio]:disabled + span {
+  color: #777;
+}
+
+.indeterminate-checkbox input[type=checkbox] + label::after,
+.indeterminate-checkbox input[type=checkbox] + span::after {
+  content: "—";
+  color: white;
+  font-size: 12px;
+  position: absolute;
+  top: -1px;
+  left: 3px;
+  font-weight: bolder;
+}
+
+input[type=checkbox]:checked + label::after,
+input[type=checkbox]:checked + span::after {
+  content: "";
+  transform: rotate(45deg);
+  height: 9px;
+  width: 4px;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+  position: absolute;
+  top: 2px;
+  left: 6px;
+}
+
+input[type=radio]:checked + label::after,
+input[type=radio]:checked + span::after {
+  content: "";
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #469285;
+  position: absolute;
+  top: 4px;
+  left: 7px;
+}
+
+input[type=radio] + label,
+input[type=radio] + span,
+input[type=radio] + label,
+input[type=radio] + span {
+  padding-left: 23px;
+  color: #515359;
+}
+
 .EnumFacetFilter__dropdown_menu {
   overflow-y: auto;
   max-height: 300px;
@@ -18554,13 +18724,137 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 .EnumFacetFilter__resetSearch {
   right: 5px;
 }
+.EnumFacetFilter input[type=checkbox],
+.EnumFacetFilter input[type=radio] {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin-left: unset;
+}
+.EnumFacetFilter input[type=checkbox] + label,
+.EnumFacetFilter input[type=checkbox] + span,
+.EnumFacetFilter input[type=radio] + label,
+.EnumFacetFilter input[type=radio] + span {
+  position: relative;
+  padding-left: 22px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.EnumFacetFilter input[type=checkbox] + label::before,
+.EnumFacetFilter input[type=checkbox] + span::before,
+.EnumFacetFilter input[type=radio] + label::before,
+.EnumFacetFilter input[type=radio] + span::before {
+  position: absolute;
+  content: "";
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aeb5bc;
+  background: white;
+}
+.EnumFacetFilter .indeterminate-checkbox input[type=checkbox] + label::before,
+.EnumFacetFilter input[type=checkbox]:checked + label::before,
+.EnumFacetFilter input[type=checkbox]:checked + span::before {
+  border: none;
+  background: #469285;
+}
+.EnumFacetFilter input[type=checkbox] + label::before,
+.EnumFacetFilter input[type=checkbox] + span::before {
+  top: 3px;
+  left: 0px;
+}
+.EnumFacetFilter input[type=radio] + label::before,
+.EnumFacetFilter input[type=radio] + span::before {
+  border-radius: 50%;
+  top: 1px;
+  left: 4px;
+}
+.EnumFacetFilter input[type=checkbox]:focus + label::before,
+.EnumFacetFilter input[type=checkbox]:focus + span::before,
+.EnumFacetFilter input[type=radio]:focus:checked + label::before,
+.EnumFacetFilter input[type=radio]:focus:checked + span::before,
+.EnumFacetFilter input[type=checkbox]:hover:checked:not(:disabled) + label::before,
+.EnumFacetFilter input[type=checkbox]:hover:checked:not(:disabled) + span::before,
+.EnumFacetFilter input[type=radio]:hover:checked:not(:disabled) + label::before,
+.EnumFacetFilter input[type=radio]:hover:checked:not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #eaeded;
+}
+.EnumFacetFilter input[type=checkbox]:hover:not(:checked):not(:disabled) + label::before,
+.EnumFacetFilter input[type=checkbox]:hover:not(:checked):not(:disabled) + span::before,
+.EnumFacetFilter input[type=radio]:hover:not(:checked):not(:disabled) + label::before,
+.EnumFacetFilter input[type=radio]:hover:not(:checked):not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #dfe2e6;
+}
+.EnumFacetFilter input[type=checkbox]:disabled:checked + label::before,
+.EnumFacetFilter input[type=checkbox]:disabled:checked + span::before {
+  background: #ddd;
+}
+.EnumFacetFilter input[type=radio]:disabled:checked + label::after,
+.EnumFacetFilter input[type=radio]:disabled:checked + span::after {
+  background: #dfe2e6;
+}
+.EnumFacetFilter input[type=checkbox]:disabled:not(:checked) + label::before,
+.EnumFacetFilter input[type=checkbox]:disabled:not(:checked) + span::before,
+.EnumFacetFilter input[type=radio]:disabled + label::before,
+.EnumFacetFilter input[type=radio]:disabled + span::before {
+  background: white;
+}
+.EnumFacetFilter input[type=checkbox]:disabled + label,
+.EnumFacetFilter input[type=checkbox]:disabled + span,
+.EnumFacetFilter input[type=radio]:disabled + label,
+.EnumFacetFilter input[type=radio]:disabled + span {
+  color: #777;
+}
+.EnumFacetFilter .indeterminate-checkbox input[type=checkbox] + label::after,
+.EnumFacetFilter .indeterminate-checkbox input[type=checkbox] + span::after {
+  content: "—";
+  color: white;
+  font-size: 12px;
+  position: absolute;
+  top: 2px;
+  left: 3px;
+  font-weight: bolder;
+}
+.EnumFacetFilter input[type=checkbox]:checked + label::after,
+.EnumFacetFilter input[type=checkbox]:checked + span::after {
+  content: "";
+  transform: rotate(45deg);
+  height: 9px;
+  width: 4px;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+  position: absolute;
+  top: 5px;
+  left: 6px;
+}
+.EnumFacetFilter input[type=radio]:checked + label::after,
+.EnumFacetFilter input[type=radio]:checked + span::after {
+  content: "";
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #469285;
+  position: absolute;
+  top: 4px;
+  left: 7px;
+}
+.EnumFacetFilter input[type=radio] + label,
+.EnumFacetFilter input[type=radio] + span,
+.EnumFacetFilter input[type=radio] + label,
+.EnumFacetFilter input[type=radio] + span {
+  padding-left: 23px;
+  color: #515359;
+}
 .EnumFacetFilter__checkbox > label {
   display: flex;
   flex-wrap: nowrap;
 }
 .EnumFacetFilter__checkbox > label::before {
   flex: none;
-  align-self: center;
+  align-self: start;
 }
 .EnumFacetFilter__checkbox > label > span {
   margin-left: 2px;
@@ -20615,6 +20909,172 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
  */
+/**
+ * Defines our custom checkboxes and radio buttons
+ * These handle both the Checkbox and RadioGroup components, as well as checkboxes and radio buttons rendered by other libraries (such as react-jsonschema-form)
+ * So if you modify this file, please check all cases!
+ * 
+ * The styles work by hijacking an adjacent <span> or <label> and appending two pseudo-elements.
+ * The :before pseudo-element creates the "empty" checkbox/radio, and, when checked, the :after pseudo-element creates the "check" or circle
+ */
+.checkbox,
+.radio {
+  padding-left: 0px;
+  min-width: 27px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.checkbox label,
+.radio label {
+  padding-left: 0px;
+}
+
+.rjsf .checkbox,
+.rjsf .radio {
+  margin-bottom: 10px;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin-left: unset;
+}
+
+input[type=checkbox] + label,
+input[type=checkbox] + span,
+input[type=radio] + label,
+input[type=radio] + span {
+  position: relative;
+  padding-left: 22px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+input[type=checkbox] + label::before,
+input[type=checkbox] + span::before,
+input[type=radio] + label::before,
+input[type=radio] + span::before {
+  position: absolute;
+  content: "";
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aeb5bc;
+  background: white;
+}
+
+.indeterminate-checkbox input[type=checkbox] + label::before,
+input[type=checkbox]:checked + label::before,
+input[type=checkbox]:checked + span::before {
+  border: none;
+  background: #469285;
+}
+
+input[type=checkbox] + label::before,
+input[type=checkbox] + span::before {
+  top: 0px;
+  left: 0px;
+}
+
+input[type=radio] + label::before,
+input[type=radio] + span::before {
+  border-radius: 50%;
+  top: 1px;
+  left: 4px;
+}
+
+input[type=checkbox]:focus + label::before,
+input[type=checkbox]:focus + span::before,
+input[type=radio]:focus:checked + label::before,
+input[type=radio]:focus:checked + span::before,
+input[type=checkbox]:hover:checked:not(:disabled) + label::before,
+input[type=checkbox]:hover:checked:not(:disabled) + span::before,
+input[type=radio]:hover:checked:not(:disabled) + label::before,
+input[type=radio]:hover:checked:not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #eaeded;
+}
+
+input[type=checkbox]:hover:not(:checked):not(:disabled) + label::before,
+input[type=checkbox]:hover:not(:checked):not(:disabled) + span::before,
+input[type=radio]:hover:not(:checked):not(:disabled) + label::before,
+input[type=radio]:hover:not(:checked):not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #dfe2e6;
+}
+
+input[type=checkbox]:disabled:checked + label::before,
+input[type=checkbox]:disabled:checked + span::before {
+  background: #ddd;
+}
+
+input[type=radio]:disabled:checked + label::after,
+input[type=radio]:disabled:checked + span::after {
+  background: #dfe2e6;
+}
+
+input[type=checkbox]:disabled:not(:checked) + label::before,
+input[type=checkbox]:disabled:not(:checked) + span::before,
+input[type=radio]:disabled + label::before,
+input[type=radio]:disabled + span::before {
+  background: white;
+}
+
+input[type=checkbox]:disabled + label,
+input[type=checkbox]:disabled + span,
+input[type=radio]:disabled + label,
+input[type=radio]:disabled + span {
+  color: #777;
+}
+
+.indeterminate-checkbox input[type=checkbox] + label::after,
+.indeterminate-checkbox input[type=checkbox] + span::after {
+  content: "—";
+  color: white;
+  font-size: 12px;
+  position: absolute;
+  top: -1px;
+  left: 3px;
+  font-weight: bolder;
+}
+
+input[type=checkbox]:checked + label::after,
+input[type=checkbox]:checked + span::after {
+  content: "";
+  transform: rotate(45deg);
+  height: 9px;
+  width: 4px;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+  position: absolute;
+  top: 2px;
+  left: 6px;
+}
+
+input[type=radio]:checked + label::after,
+input[type=radio]:checked + span::after {
+  content: "";
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #469285;
+  position: absolute;
+  top: 4px;
+  left: 7px;
+}
+
+input[type=radio] + label,
+input[type=radio] + span,
+input[type=radio] + label,
+input[type=radio] + span {
+  padding-left: 23px;
+  color: #515359;
+}
+
 .DetailsViewTable {
   box-shadow: 0 2px 4px 0 #eeeeee;
   background-color: #ffffff;
@@ -20840,9 +21300,133 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   overflow-y: hidden;
 }
 
-.DetailsViewTable__header {
+.DetailsViewTable .DetailsViewTable__header {
   box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
 }
+.DetailsViewTable input[type=checkbox],
+.DetailsViewTable input[type=radio] {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin-left: unset;
+}
+.DetailsViewTable input[type=checkbox] + label,
+.DetailsViewTable input[type=checkbox] + span,
+.DetailsViewTable input[type=radio] + label,
+.DetailsViewTable input[type=radio] + span {
+  position: relative;
+  padding-left: 22px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.DetailsViewTable input[type=checkbox] + label::before,
+.DetailsViewTable input[type=checkbox] + span::before,
+.DetailsViewTable input[type=radio] + label::before,
+.DetailsViewTable input[type=radio] + span::before {
+  position: absolute;
+  content: "";
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aeb5bc;
+  background: white;
+}
+.DetailsViewTable .indeterminate-checkbox input[type=checkbox] + label::before,
+.DetailsViewTable input[type=checkbox]:checked + label::before,
+.DetailsViewTable input[type=checkbox]:checked + span::before {
+  border: none;
+  background: #469285;
+}
+.DetailsViewTable input[type=checkbox] + label::before,
+.DetailsViewTable input[type=checkbox] + span::before {
+  top: 3px;
+  left: 0px;
+}
+.DetailsViewTable input[type=radio] + label::before,
+.DetailsViewTable input[type=radio] + span::before {
+  border-radius: 50%;
+  top: 1px;
+  left: 4px;
+}
+.DetailsViewTable input[type=checkbox]:focus + label::before,
+.DetailsViewTable input[type=checkbox]:focus + span::before,
+.DetailsViewTable input[type=radio]:focus:checked + label::before,
+.DetailsViewTable input[type=radio]:focus:checked + span::before,
+.DetailsViewTable input[type=checkbox]:hover:checked:not(:disabled) + label::before,
+.DetailsViewTable input[type=checkbox]:hover:checked:not(:disabled) + span::before,
+.DetailsViewTable input[type=radio]:hover:checked:not(:disabled) + label::before,
+.DetailsViewTable input[type=radio]:hover:checked:not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #eaeded;
+}
+.DetailsViewTable input[type=checkbox]:hover:not(:checked):not(:disabled) + label::before,
+.DetailsViewTable input[type=checkbox]:hover:not(:checked):not(:disabled) + span::before,
+.DetailsViewTable input[type=radio]:hover:not(:checked):not(:disabled) + label::before,
+.DetailsViewTable input[type=radio]:hover:not(:checked):not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #dfe2e6;
+}
+.DetailsViewTable input[type=checkbox]:disabled:checked + label::before,
+.DetailsViewTable input[type=checkbox]:disabled:checked + span::before {
+  background: #ddd;
+}
+.DetailsViewTable input[type=radio]:disabled:checked + label::after,
+.DetailsViewTable input[type=radio]:disabled:checked + span::after {
+  background: #dfe2e6;
+}
+.DetailsViewTable input[type=checkbox]:disabled:not(:checked) + label::before,
+.DetailsViewTable input[type=checkbox]:disabled:not(:checked) + span::before,
+.DetailsViewTable input[type=radio]:disabled + label::before,
+.DetailsViewTable input[type=radio]:disabled + span::before {
+  background: white;
+}
+.DetailsViewTable input[type=checkbox]:disabled + label,
+.DetailsViewTable input[type=checkbox]:disabled + span,
+.DetailsViewTable input[type=radio]:disabled + label,
+.DetailsViewTable input[type=radio]:disabled + span {
+  color: #777;
+}
+.DetailsViewTable .indeterminate-checkbox input[type=checkbox] + label::after,
+.DetailsViewTable .indeterminate-checkbox input[type=checkbox] + span::after {
+  content: "—";
+  color: white;
+  font-size: 12px;
+  position: absolute;
+  top: 2px;
+  left: 3px;
+  font-weight: bolder;
+}
+.DetailsViewTable input[type=checkbox]:checked + label::after,
+.DetailsViewTable input[type=checkbox]:checked + span::after {
+  content: "";
+  transform: rotate(45deg);
+  height: 9px;
+  width: 4px;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+  position: absolute;
+  top: 5px;
+  left: 6px;
+}
+.DetailsViewTable input[type=radio]:checked + label::after,
+.DetailsViewTable input[type=radio]:checked + span::after {
+  content: "";
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #469285;
+  position: absolute;
+  top: 4px;
+  left: 7px;
+}
+.DetailsViewTable input[type=radio] + label,
+.DetailsViewTable input[type=radio] + span,
+.DetailsViewTable input[type=radio] + label,
+.DetailsViewTable input[type=radio] + span {
+  padding-left: 23px;
+  color: #515359;
+}
 
 .EntityFinderDetailsView {
   height: 500px;
@@ -20876,18 +21460,13 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   background: #f9f9f9;
 }
 .EntityFinderDetailsViewRow[aria-disabled=false][aria-selected=false]:hover {
-  background-color: rgba(8, 136, 216, 0.2);
+  background-color: #edf0f2;
 }
 .EntityFinderDetailsViewRow[aria-disabled=false][aria-selected=true]:hover {
-  background-color: #0778bf;
+  background-color: #6ba097;
 }
 .EntityFinderDetailsViewRow[aria-selected=true] {
-  color: white;
-  background-color: #0888d8;
-}
-.EntityFinderDetailsViewRow[aria-selected=true] .UserCardSmall {
-  color: white !important;
-  border-color: white !important;
+  background-color: #8ab4ad;
 }
 .EntityFinderDetailsViewRow[aria-disabled=true] {
   opacity: 0.5;
@@ -21032,26 +21611,26 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   height: 455px;
   overflow: auto;
 }
-.TreeView .Tree .Node .NodeContent {
+.TreeView .Tree .Node {
   transition: background-color 200ms ease-in;
   width: 100%;
   align-items: center;
   display: inline-grid;
+  align-items: center;
 }
-.TreeView .Tree .Node .NodeContent .ExpandButton {
+.TreeView .Tree .Node .ExpandButton {
   grid-column: toggle/span 1;
   text-align: center;
   color: #0888d8;
   cursor: pointer;
 }
-.TreeView .Tree .Node .NodeContent .EntityName {
+.TreeView .Tree .Node .EntityName {
+  grid-column: name/span 1;
   white-space: nowrap;
-  overflow: hidden;
+  overflow-y: visible;
+  overflow-x: clip;
   text-overflow: ellipsis;
 }
-.TreeView .Tree .Node .NodeChildren[aria-hidden=true] {
-  display: none;
-}
 .TreeView .Tree .Node[aria-disabled=true] {
   opacity: 0.5;
 }
@@ -21207,40 +21786,40 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   background-color: transparent;
 }
 
-.TreeView.BrowseTree .Node.BrowseNode .NodeContent {
+.TreeView.BrowseTree .Node.BrowseNode {
   grid-template-columns: [toggle] 20px [name] auto;
-  padding: 5px 10px 5px 20px;
+  padding: 0px 10px;
 }
-.TreeView.BrowseTree .Node.BrowseNode .NodeContent .ExpandButton {
-  font-size: 15px;
+.TreeView.BrowseTree .Node.BrowseNode .ExpandButton {
+  font-size: 18px;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName {
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
   font-weight: normal;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 2px;
   text-decoration-color: #2a678d;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName.disabled {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName.disabled {
   color: #aeb5bc;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName.disabled:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName.disabled:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 1px;
   text-decoration-color: #d6d6d6;
   cursor: default;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName:hover {
   text-underline-offset: 2px;
 }
-.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent > .EntityName > span {
+.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .EntityName {
   font-weight: bold;
 }
 
@@ -21372,32 +21951,26 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 .TreeView.SelectTree .Tree .Node.SelectNode {
   border-top: 1px solid white;
-}
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent {
   grid-template-columns: [toggle] 15px [icon] 27px [name] auto [badge] auto;
   padding: 16px 20px;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent .ExpandButton {
+.TreeView.SelectTree .Tree .Node.SelectNode .ExpandButton {
   font-size: large;
   color: unset;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent .EntityIcon {
+.TreeView.SelectTree .Tree .Node.SelectNode .EntityIcon {
   text-align: center;
   grid-column: icon/span 1;
   margin-bottom: 3px;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent {
-  background: #0888d8;
-  color: white;
-}
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent > .ExpandButton {
-  color: white;
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] {
+  background: #8ab4ad;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent:hover {
-  background-color: #0778bf;
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true]:hover {
+  background-color: #6ba097;
 }
-.TreeView.SelectTree .Node[aria-disabled=false] > .NodeContent:hover {
-  background-color: rgba(8, 136, 216, 0.2);
+.TreeView.SelectTree .Node[aria-disabled=false]:hover {
+  background-color: #edf0f2;
 }
 
 .terms-conditions .view-terms a,
@@ -22795,6 +23368,172 @@ table.DownloadListTableV2 td {
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
  */
+/**
+ * Defines our custom checkboxes and radio buttons
+ * These handle both the Checkbox and RadioGroup components, as well as checkboxes and radio buttons rendered by other libraries (such as react-jsonschema-form)
+ * So if you modify this file, please check all cases!
+ * 
+ * The styles work by hijacking an adjacent <span> or <label> and appending two pseudo-elements.
+ * The :before pseudo-element creates the "empty" checkbox/radio, and, when checked, the :after pseudo-element creates the "check" or circle
+ */
+.checkbox,
+.radio {
+  padding-left: 0px;
+  min-width: 27px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.checkbox label,
+.radio label {
+  padding-left: 0px;
+}
+
+.rjsf .checkbox,
+.rjsf .radio {
+  margin-bottom: 10px;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin-left: unset;
+}
+
+input[type=checkbox] + label,
+input[type=checkbox] + span,
+input[type=radio] + label,
+input[type=radio] + span {
+  position: relative;
+  padding-left: 22px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+input[type=checkbox] + label::before,
+input[type=checkbox] + span::before,
+input[type=radio] + label::before,
+input[type=radio] + span::before {
+  position: absolute;
+  content: "";
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aeb5bc;
+  background: white;
+}
+
+.indeterminate-checkbox input[type=checkbox] + label::before,
+input[type=checkbox]:checked + label::before,
+input[type=checkbox]:checked + span::before {
+  border: none;
+  background: #469285;
+}
+
+input[type=checkbox] + label::before,
+input[type=checkbox] + span::before {
+  top: 0px;
+  left: 0px;
+}
+
+input[type=radio] + label::before,
+input[type=radio] + span::before {
+  border-radius: 50%;
+  top: 1px;
+  left: 4px;
+}
+
+input[type=checkbox]:focus + label::before,
+input[type=checkbox]:focus + span::before,
+input[type=radio]:focus:checked + label::before,
+input[type=radio]:focus:checked + span::before,
+input[type=checkbox]:hover:checked:not(:disabled) + label::before,
+input[type=checkbox]:hover:checked:not(:disabled) + span::before,
+input[type=radio]:hover:checked:not(:disabled) + label::before,
+input[type=radio]:hover:checked:not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #eaeded;
+}
+
+input[type=checkbox]:hover:not(:checked):not(:disabled) + label::before,
+input[type=checkbox]:hover:not(:checked):not(:disabled) + span::before,
+input[type=radio]:hover:not(:checked):not(:disabled) + label::before,
+input[type=radio]:hover:not(:checked):not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #dfe2e6;
+}
+
+input[type=checkbox]:disabled:checked + label::before,
+input[type=checkbox]:disabled:checked + span::before {
+  background: #ddd;
+}
+
+input[type=radio]:disabled:checked + label::after,
+input[type=radio]:disabled:checked + span::after {
+  background: #dfe2e6;
+}
+
+input[type=checkbox]:disabled:not(:checked) + label::before,
+input[type=checkbox]:disabled:not(:checked) + span::before,
+input[type=radio]:disabled + label::before,
+input[type=radio]:disabled + span::before {
+  background: white;
+}
+
+input[type=checkbox]:disabled + label,
+input[type=checkbox]:disabled + span,
+input[type=radio]:disabled + label,
+input[type=radio]:disabled + span {
+  color: #777;
+}
+
+.indeterminate-checkbox input[type=checkbox] + label::after,
+.indeterminate-checkbox input[type=checkbox] + span::after {
+  content: "—";
+  color: white;
+  font-size: 12px;
+  position: absolute;
+  top: -1px;
+  left: 3px;
+  font-weight: bolder;
+}
+
+input[type=checkbox]:checked + label::after,
+input[type=checkbox]:checked + span::after {
+  content: "";
+  transform: rotate(45deg);
+  height: 9px;
+  width: 4px;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+  position: absolute;
+  top: 2px;
+  left: 6px;
+}
+
+input[type=radio]:checked + label::after,
+input[type=radio]:checked + span::after {
+  content: "";
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #469285;
+  position: absolute;
+  top: 4px;
+  left: 7px;
+}
+
+input[type=radio] + label,
+input[type=radio] + span,
+input[type=radio] + label,
+input[type=radio] + span {
+  padding-left: 23px;
+  color: #515359;
+}
+
 .DatasetEditor {
   border: 1px solid #eaecee;
 }
@@ -22818,6 +23557,130 @@ table.DownloadListTableV2 td {
   width: 100%;
   overflow-x: auto;
 }
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox],
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin-left: unset;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox] + label,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox] + span,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + label,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + span {
+  position: relative;
+  padding-left: 22px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox] + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox] + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + span::before {
+  position: absolute;
+  content: "";
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aeb5bc;
+  background: white;
+}
+.DatasetEditor .DatasetEditorTableContainer .indeterminate-checkbox input[type=checkbox] + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:checked + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:checked + span::before {
+  border: none;
+  background: #469285;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox] + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox] + span::before {
+  top: 5px;
+  left: 0px;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + span::before {
+  border-radius: 50%;
+  top: 1px;
+  left: 4px;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:focus + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:focus + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus:checked + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus:checked + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:checked:not(:disabled) + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:checked:not(:disabled) + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:hover:checked:not(:disabled) + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:hover:checked:not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #eaeded;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:not(:checked):not(:disabled) + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:not(:checked):not(:disabled) + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:hover:not(:checked):not(:disabled) + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:hover:not(:checked):not(:disabled) + span::before {
+  box-shadow: 0px 0px 2px 2px #dfe2e6;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:disabled:checked + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:disabled:checked + span::before {
+  background: #ddd;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:disabled:checked + label::after,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:disabled:checked + span::after {
+  background: #dfe2e6;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:disabled:not(:checked) + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:disabled:not(:checked) + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:disabled + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:disabled + span::before {
+  background: white;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:disabled + label,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:disabled + span,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:disabled + label,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:disabled + span {
+  color: #777;
+}
+.DatasetEditor .DatasetEditorTableContainer .indeterminate-checkbox input[type=checkbox] + label::after,
+.DatasetEditor .DatasetEditorTableContainer .indeterminate-checkbox input[type=checkbox] + span::after {
+  content: "—";
+  color: white;
+  font-size: 12px;
+  position: absolute;
+  top: 4px;
+  left: 3px;
+  font-weight: bolder;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:checked + label::after,
+.DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:checked + span::after {
+  content: "";
+  transform: rotate(45deg);
+  height: 9px;
+  width: 4px;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+  position: absolute;
+  top: 7px;
+  left: 6px;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:checked + label::after,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:checked + span::after {
+  content: "";
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #469285;
+  position: absolute;
+  top: 4px;
+  left: 7px;
+}
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + label,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + span,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + label,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio] + span {
+  padding-left: 23px;
+  color: #515359;
+}
 .DatasetEditor .DatasetEditorTableContainer .DatasetEditorTable p {
   margin-bottom: unset;
 }
@@ -22846,6 +23709,9 @@ table.DownloadListTableV2 td {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.EntityNameWithIconRenderer svg {
+  margin-bottom: 3px;
+}
 
 .EntityErrorRenderer {
   color: #cc9f00;