synapse-react-client 2.1.11 → 2.1.15

package/dist/style/main.css

@@ -15877,10 +15877,10 @@ main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.b
   fill: white;
 }
 
-.SRC-Sort-Icon-Inactive {
+.SRC-Sort-Icon-Inactive, .Content-Copy-Icon {
   padding: 2px;
 }
-.SRC-Sort-Icon-Inactive path {
+.SRC-Sort-Icon-Inactive path, .Content-Copy-Icon path {
   fill: #407ba0;
 }
 
@@ -20851,6 +20851,10 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-radius: 2px;
 }
 
+/*
+  @param $color string e.g. #eee or red
+  @param $width unit e.g. 15%
+ */
 .EntityFinderReflexContainer {
   width: 100%;
 }
@@ -20961,13 +20965,38 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 
 .TreeView.BrowseTree .Node.BrowseNode .NodeContent {
   grid-template-columns: [toggle] 20px [name] auto;
-  font-size: small;
   padding: 5px 10px 5px 20px;
 }
 .TreeView.BrowseTree .Node.BrowseNode .NodeContent .ExpandButton {
   font-size: 15px;
 }
-.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .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 {
+  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 {
+  color: #aeb5bc;
+}
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .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 {
+  text-underline-offset: 2px;
+}
+.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent > .EntityName > span {
   font-weight: bold;
 }
 
@@ -21138,6 +21167,10 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-radius: 2px;
 }
 
+/*
+  @param $color string e.g. #eee or red
+  @param $width unit e.g. 15%
+ */
 .EntityFinderReflexContainer {
   width: 100%;
 }
@@ -21257,9 +21290,26 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 .Breadcrumbs .BreadcrumbItem {
   color: #407ba0;
+  text-decoration: none;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  font-weight: normal;
 }
 .Breadcrumbs .BreadcrumbItem:hover {
   text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
+}
+.Breadcrumbs .BreadcrumbItem.disabled {
+  color: #aeb5bc;
+}
+.Breadcrumbs .BreadcrumbItem.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
 }
 .Breadcrumbs .BreadcrumbItem.Current {
   color: unset;
@@ -21392,7 +21442,7 @@ table.DownloadListTableV2 .ineligibileIcon {
 table.DownloadListTableV2 .ineligibileIcon svg {
   width: 18px;
 }
-table.DownloadListTableV2 .ineligibleForPackagingTd {
+table.DownloadListTableV2 td.ineligibleForPackagingTd:first-child {
   background-color: #F9F5E7;
 }
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
@@ -21728,6 +21778,10 @@ table.DownloadListTableV2 td {
 .DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
   display: flex;
   column-gap: 10px;
+  align-items: top;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp .PopoverContainer {
+  height: 100%;
 }
 .DownloadCartPage__explore-all {
   text-align: center;

package/dist/umd/synapse-react-client.development.css

@@ -16223,10 +16223,12 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
 .SRC-Sort-Icon-Active path {
   fill: white;
 }
-.SRC-Sort-Icon-Inactive {
+.SRC-Sort-Icon-Inactive,
+.Content-Copy-Icon {
   padding: 2px;
 }
-.SRC-Sort-Icon-Inactive path {
+.SRC-Sort-Icon-Inactive path,
+.Content-Copy-Icon path {
   fill: #407ba0;
 }
 svg.HelpButton {
@@ -21148,13 +21150,38 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 .TreeView.BrowseTree .Node.BrowseNode .NodeContent {
   grid-template-columns: [toggle] 20px [name] auto;
-  font-size: small;
   padding: 5px 10px 5px 20px;
 }
 .TreeView.BrowseTree .Node.BrowseNode .NodeContent .ExpandButton {
   font-size: 15px;
 }
-.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .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 {
+  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 {
+  color: #aeb5bc;
+}
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .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 {
+  text-underline-offset: 2px;
+}
+.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent > .EntityName > span {
   font-weight: bold;
 }
 .terms-conditions .view-terms a,
@@ -21406,9 +21433,26 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 .Breadcrumbs .BreadcrumbItem {
   color: #407ba0;
+  text-decoration: none;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  font-weight: normal;
 }
 .Breadcrumbs .BreadcrumbItem:hover {
   text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
+}
+.Breadcrumbs .BreadcrumbItem.disabled {
+  color: #aeb5bc;
+}
+.Breadcrumbs .BreadcrumbItem.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
 }
 .Breadcrumbs .BreadcrumbItem.Current {
   color: unset;
@@ -21533,7 +21577,7 @@ table.DownloadListTableV2 .ineligibileIcon {
 table.DownloadListTableV2 .ineligibileIcon svg {
   width: 18px;
 }
-table.DownloadListTableV2 .ineligibleForPackagingTd {
+table.DownloadListTableV2 td.ineligibleForPackagingTd:first-child {
   background-color: #F9F5E7;
 }
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
@@ -21853,6 +21897,10 @@ table.DownloadListTableV2 td {
 .DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
   display: flex;
   column-gap: 10px;
+  align-items: top;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp .PopoverContainer {
+  height: 100%;
 }
 .DownloadCartPage__explore-all {
   text-align: center;