synapse-react-client 2.1.23 → 3.0.2

package/dist/style/components/_markdown.scss

@@ -59,7 +59,7 @@
   word-wrap: break-word;
   overflow-x: auto;
   overflow-y: hidden;
-  line-height: 1.8em;
+  line-height: 1.5em;
   color: #515359;
   font-weight: normal;
   &.markdown-inline {

package/dist/style/components/entity_finder/_details-view.scss

@@ -1,6 +1,7 @@
 @use '../../abstracts/variables' as SRC;
 @use './entity-finder' as EntityFinder;
 @use '../../abstracts/mixins' as SrcMixins;
+@use '../../../template_style/form' as Form;
 
 $table-prefix: DetailsViewTable;
 $table-font-size: 16px;
@@ -15,9 +16,11 @@ $row-hovered-background-color: unset;
     overflow-y: hidden;
   }
 }
-
-.DetailsViewTable__header {
-  box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
+.DetailsViewTable {
+  .DetailsViewTable__header {
+    box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
+  }
+  @include Form.customCheckbox($checkbox-top-offset: 3px);
 }
 
 .EntityFinderDetailsView {
@@ -56,11 +59,8 @@ $row-hovered-background-color: unset;
   }
 
   &[aria-selected='true'] {
-    color: $-selected-color;
     background-color: $-selected-background-color;
     .UserCardSmall {
-      color: $-selected-color !important;
-      border-color: $-selected-color !important;
     }
   }
 

package/dist/style/components/entity_finder/_entity-finder.scss

@@ -7,16 +7,12 @@ $-header-height: 45px;
 $-border: $-border-size solid SRC.$border-color-gray;
 $-finder-height: 500px;
 $-breadcrumb-height: 40px;
-$-selected-color: white;
-$-selected-background-color: SRC.$primary-action-color-active;
+$-selected-background-color: map.get(SRC.$secondary-color-palette, 200);
 $-selected-hover-background-color: color.adjust(
   $-selected-background-color,
-  $lightness: -5%
-);
-$-hover-background-color: color.change(
-  SRC.$primary-action-color-active,
-  $alpha: 0.2
+  $lightness: -10%
 );
+$-hover-background-color: map.get(SRC.$primary-color-palette, 100);
 $-tree-only-width: 600px;
 $-splitter-width: 12px;
 

package/dist/style/components/entity_finder/_tree-node-browse.scss

@@ -21,9 +21,7 @@
     }
   }
 
-  .Node.BrowseNode[aria-disabled='false'][aria-selected='true']
-    > .EntityName
-    > span {
+  .Node.BrowseNode[aria-disabled='false'][aria-selected='true'] > .EntityName {
     font-weight: bold;
   }
 }

package/dist/style/components/entity_finder/_tree-node-select.scss

@@ -28,10 +28,6 @@
     }
     .Node.SelectNode[aria-selected='true'] {
       background: $-selected-background-color;
-      color: $-selected-color;
-      > .ExpandButton {
-        color: rgb(255, 255, 255);
-      }
       &:hover {
         @include -hover($-selected-hover-background-color);
       }

package/dist/style/components/query_filter/_enum-facet-filter.scss

@@ -1,5 +1,6 @@
 @use '../../abstracts/variables' as SRC;
 @use 'sass:color';
+@use '../../../template_style/form' as Form;
 
 .EnumFacetFilter {
   $input-icon-margin: 5px;
@@ -93,13 +94,15 @@
     right: $input-icon-margin;
   }
 
+  @include Form.customCheckbox($checkbox-top-offset: 3px);
+
   &__checkbox {
     > label {
       display: flex;
       flex-wrap: nowrap;
       &::before {
         flex: none;
-        align-self: center;
+        align-self: start;
       }
 
       > span {