synapse-react-client 2.0.59 → 2.0.63

package/dist/style/components/_download-list-v2.scss

@@ -1,24 +1,65 @@
 @use '../abstracts/variables' as SRC;
 @use '../abstracts/mixins' as SRCMixins;
+@use 'sass:map';
 
-.DownloadListTableV2 {
+table.DownloadListTableV2 {
   white-space: pre;
-  .ineligibileIcon {
-    padding-left: 15px;
-    padding-right: 5px;
-  }
   .eligibileIcon {
-    padding-right: 5px;
+    color: map.get(SRC.$colors, 'gray-800');
     svg {
       width: 15px;
     }
   }
-  tbody>tr>td:first-child { // file name column
+  .ineligibileIcon {
+    color: map.get(SRC.$colors, 'warning');
+    svg {
+      width: 18px;
+    }
+  }
+  .ineligibleForPackagingTd {
+    background-color: #F9F5E7;
+  }
+  thead:first-child > tr:first-child {
+    > th {
+      min-width: 120px;
+      &:first-child {
+        border-right: none;  
+        min-width: unset;
+      }
+      &:nth-child(2) {
+        border-left: none;
+      }
+    }
+  }
+  tbody tr > td:first-child { // file name column
     overflow-x: hidden;
     max-width: 310px;
     text-overflow: ellipsis;
   }
-  @include SRCMixins.sortable-table()
+
+  // Floating (sticky) Action column
+  @include SRCMixins.sticky-column();
+
+  // Download List Table specific styles to the sticky column:
+  tbody .stickyColumn .actionsContainer {
+    color: map.get(SRC.$colors, 'gray-700'); // make all icons gray-700
+    display: grid;
+    grid-template-columns: repeat(3, 40px);
+    * {
+      justify-self: center;
+    }
+    .downloadItem {
+      grid-column: 1 / span 1;
+    }
+    .programmaticAccessItem {
+      grid-column: 2 / span 1;
+    }
+    .removeItem {
+      grid-column: 3 / span 1;
+    }
+  }
+
+  @include SRCMixins.sortable-table();
 }
 .sort {
   padding-left: 5px;
@@ -26,12 +67,13 @@
 .DownloadDetailsV2 {
   font-weight: bold;
   .item {
-    margin-right: 15px;
+    margin-right: 35px;
     svg {
       margin-right: 5px;
+      margin-top: -4px;
     }
     #icon-packagableFile svg {
-      margin-bottom: -5px;
+      margin-top: 0px;
     }
   }
 }

package/dist/style/components/_popover.scss

@@ -56,4 +56,5 @@
 
 .PopoverContainer {
   display: inline-block;
+  cursor: pointer;
 }

package/dist/style/main.css

@@ -9974,6 +9974,9 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
     padding-bottom: 0.75rem;
   }
 }
+.bootstrap-4-backport .table-striped tbody tr:nth-of-type(odd) {
+  background-color: #fbfbfc;
+}
 
 .bootstrap-4-backport.fade {
   opacity: 1;
@@ -15257,27 +15260,27 @@ a.dropdown-item.disabled {
 }
 
 .SRC-success-color {
-  color: #28a745;
+  color: #32a330;
 }
 
 .SRC-success-color-bg {
-  background-color: #28a745;
+  background-color: #32a330;
 }
 
 .SRC-warning-color {
-  color: #e0b603;
+  color: #cc9f00;
 }
 
 .SRC-warning-color-bg {
-  background-color: #e0b603;
+  background-color: #cc9f00;
 }
 
 .SRC-danger-color {
-  color: #eb5757;
+  color: #c13415;
 }
 
 .SRC-danger-color-bg {
-  background-color: #eb5757;
+  background-color: #c13415;
 }
 
 .container-fluid {
@@ -15447,6 +15450,29 @@ main .markdown .secondary-links a:not(.btn):hover, #rootPanel a:not(.btn):hover,
   border-bottom: 2px solid #2a678d;
   margin-bottom: 0px;
 }
+main a:not(.btn).disabled, main .bootstrap-4-backport a:not(.btn).disabled,
+main .markdown td a:not(.btn).disabled,
+main .markdown a.SRC-userCard:not(.btn).disabled,
+main .secondary-links a:not(.btn).disabled,
+main .markdown .secondary-links a:not(.btn).disabled, #rootPanel a:not(.btn).disabled, #rootPanel .bootstrap-4-backport a:not(.btn).disabled,
+#rootPanel .markdown td a:not(.btn).disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn).disabled,
+#rootPanel .secondary-links a:not(.btn).disabled,
+#rootPanel .markdown .secondary-links a:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main a:not(.btn).disabled:hover, main .bootstrap-4-backport a:not(.btn).disabled:hover,
+main .markdown td a:not(.btn).disabled:hover,
+main .markdown a.SRC-userCard:not(.btn).disabled:hover,
+main .secondary-links a:not(.btn).disabled:hover,
+main .markdown .secondary-links a:not(.btn).disabled:hover, #rootPanel a:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn).disabled:hover,
+#rootPanel .markdown td a:not(.btn).disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn).disabled:hover,
+#rootPanel .secondary-links a:not(.btn).disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main a:not(.btn):visited, main a:not(.btn):active, main a:not(.btn):link, main .bootstrap-4-backport a:not(.btn):visited, main .bootstrap-4-backport a:not(.btn):active, main .bootstrap-4-backport a:not(.btn):link,
 main .markdown td a:not(.btn):visited,
 main .markdown td a:not(.btn):active,
@@ -15506,6 +15532,61 @@ main .markdown .secondary-links a:not(.btn):link:hover, #rootPanel a:not(.btn):v
   border-bottom: 2px solid #2a678d;
   margin-bottom: 0px;
 }
+main a:not(.btn):visited.disabled, main a:not(.btn):active.disabled, main a:not(.btn):link.disabled, main .bootstrap-4-backport a:not(.btn):visited.disabled, main .bootstrap-4-backport a:not(.btn):active.disabled, main .bootstrap-4-backport a:not(.btn):link.disabled,
+main .markdown td a:not(.btn):visited.disabled,
+main .markdown td a:not(.btn):active.disabled,
+main .markdown td a:not(.btn):link.disabled,
+main .markdown a.SRC-userCard:not(.btn):visited.disabled,
+main .markdown a.SRC-userCard:not(.btn):active.disabled,
+main .markdown a.SRC-userCard:not(.btn):link.disabled,
+main .secondary-links a:not(.btn):visited.disabled,
+main .secondary-links a:not(.btn):active.disabled,
+main .secondary-links a:not(.btn):link.disabled,
+main .markdown .secondary-links a:not(.btn):visited.disabled,
+main .markdown .secondary-links a:not(.btn):active.disabled,
+main .markdown .secondary-links a:not(.btn):link.disabled, #rootPanel a:not(.btn):visited.disabled, #rootPanel a:not(.btn):active.disabled, #rootPanel a:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):link.disabled,
+#rootPanel .markdown td a:not(.btn):visited.disabled,
+#rootPanel .markdown td a:not(.btn):active.disabled,
+#rootPanel .markdown td a:not(.btn):link.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):visited.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):active.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):link.disabled,
+#rootPanel .secondary-links a:not(.btn):visited.disabled,
+#rootPanel .secondary-links a:not(.btn):active.disabled,
+#rootPanel .secondary-links a:not(.btn):link.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):visited.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):active.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main a:not(.btn):visited.disabled:hover, main a:not(.btn):active.disabled:hover, main a:not(.btn):link.disabled:hover, main .bootstrap-4-backport a:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a:not(.btn):active.disabled:hover, main .bootstrap-4-backport a:not(.btn):link.disabled:hover,
+main .markdown td a:not(.btn):visited.disabled:hover,
+main .markdown td a:not(.btn):active.disabled:hover,
+main .markdown td a:not(.btn):link.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):visited.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):active.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):link.disabled:hover,
+main .secondary-links a:not(.btn):visited.disabled:hover,
+main .secondary-links a:not(.btn):active.disabled:hover,
+main .secondary-links a:not(.btn):link.disabled:hover,
+main .markdown .secondary-links a:not(.btn):visited.disabled:hover,
+main .markdown .secondary-links a:not(.btn):active.disabled:hover,
+main .markdown .secondary-links a:not(.btn):link.disabled:hover, #rootPanel a:not(.btn):visited.disabled:hover, #rootPanel a:not(.btn):active.disabled:hover, #rootPanel a:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):link.disabled:hover,
+#rootPanel .markdown td a:not(.btn):visited.disabled:hover,
+#rootPanel .markdown td a:not(.btn):active.disabled:hover,
+#rootPanel .markdown td a:not(.btn):link.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):visited.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):active.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):link.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):visited.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):active.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):link.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):visited.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):active.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .markdown a:not(.btn), main .SRC-userCardName a:not(.btn), main a.highlight-link:not(.btn),
 main details > summary:not(.btn), #rootPanel .markdown a:not(.btn), #rootPanel .SRC-userCardName a:not(.btn), #rootPanel a.highlight-link:not(.btn),
 #rootPanel details > summary:not(.btn) {
@@ -15521,6 +15602,17 @@ main details > summary:not(.btn):hover, #rootPanel .markdown a:not(.btn):hover,
   border-bottom: 2px solid #2a678d;
   margin-bottom: -1px;
 }
+main .markdown a:not(.btn).disabled, main .SRC-userCardName a:not(.btn).disabled, main a.highlight-link:not(.btn).disabled,
+main details > summary:not(.btn).disabled, #rootPanel .markdown a:not(.btn).disabled, #rootPanel .SRC-userCardName a:not(.btn).disabled, #rootPanel a.highlight-link:not(.btn).disabled,
+#rootPanel details > summary:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main .markdown a:not(.btn).disabled:hover, main .SRC-userCardName a:not(.btn).disabled:hover, main a.highlight-link:not(.btn).disabled:hover,
+main details > summary:not(.btn).disabled:hover, #rootPanel .markdown a:not(.btn).disabled:hover, #rootPanel .SRC-userCardName a:not(.btn).disabled:hover, #rootPanel a.highlight-link:not(.btn).disabled:hover,
+#rootPanel details > summary:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .markdown a:not(.btn):visited, main .markdown a:not(.btn):active, main .markdown a:not(.btn):link, main .SRC-userCardName a:not(.btn):visited, main .SRC-userCardName a:not(.btn):active, main .SRC-userCardName a:not(.btn):link, main a.highlight-link:not(.btn):visited, main a.highlight-link:not(.btn):active, main a.highlight-link:not(.btn):link,
 main details > summary:not(.btn):visited,
 main details > summary:not(.btn):active,
@@ -15544,6 +15636,25 @@ main details > summary:not(.btn):link:hover, #rootPanel .markdown a:not(.btn):vi
   border-bottom: 2px solid #2a678d;
   margin-bottom: -1px;
 }
+main .markdown a:not(.btn):visited.disabled, main .markdown a:not(.btn):active.disabled, main .markdown a:not(.btn):link.disabled, main .SRC-userCardName a:not(.btn):visited.disabled, main .SRC-userCardName a:not(.btn):active.disabled, main .SRC-userCardName a:not(.btn):link.disabled, main a.highlight-link:not(.btn):visited.disabled, main a.highlight-link:not(.btn):active.disabled, main a.highlight-link:not(.btn):link.disabled,
+main details > summary:not(.btn):visited.disabled,
+main details > summary:not(.btn):active.disabled,
+main details > summary:not(.btn):link.disabled, #rootPanel .markdown a:not(.btn):visited.disabled, #rootPanel .markdown a:not(.btn):active.disabled, #rootPanel .markdown a:not(.btn):link.disabled, #rootPanel .SRC-userCardName a:not(.btn):visited.disabled, #rootPanel .SRC-userCardName a:not(.btn):active.disabled, #rootPanel .SRC-userCardName a:not(.btn):link.disabled, #rootPanel a.highlight-link:not(.btn):visited.disabled, #rootPanel a.highlight-link:not(.btn):active.disabled, #rootPanel a.highlight-link:not(.btn):link.disabled,
+#rootPanel details > summary:not(.btn):visited.disabled,
+#rootPanel details > summary:not(.btn):active.disabled,
+#rootPanel details > summary:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main .markdown a:not(.btn):visited.disabled:hover, main .markdown a:not(.btn):active.disabled:hover, main .markdown a:not(.btn):link.disabled:hover, main .SRC-userCardName a:not(.btn):visited.disabled:hover, main .SRC-userCardName a:not(.btn):active.disabled:hover, main .SRC-userCardName a:not(.btn):link.disabled:hover, main a.highlight-link:not(.btn):visited.disabled:hover, main a.highlight-link:not(.btn):active.disabled:hover, main a.highlight-link:not(.btn):link.disabled:hover,
+main details > summary:not(.btn):visited.disabled:hover,
+main details > summary:not(.btn):active.disabled:hover,
+main details > summary:not(.btn):link.disabled:hover, #rootPanel .markdown a:not(.btn):visited.disabled:hover, #rootPanel .markdown a:not(.btn):active.disabled:hover, #rootPanel .markdown a:not(.btn):link.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):visited.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):active.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):link.disabled:hover, #rootPanel a.highlight-link:not(.btn):visited.disabled:hover, #rootPanel a.highlight-link:not(.btn):active.disabled:hover, #rootPanel a.highlight-link:not(.btn):link.disabled:hover,
+#rootPanel details > summary:not(.btn):visited.disabled:hover,
+#rootPanel details > summary:not(.btn):active.disabled:hover,
+#rootPanel details > summary:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .dropdown a:not(.btn), main .nav-tabs a:not(.btn), main .dropdown-menu a:not(.btn), main .MuiDrawer-root a:not(.btn), #rootPanel .dropdown a:not(.btn), #rootPanel .nav-tabs a:not(.btn), #rootPanel .dropdown-menu a:not(.btn), #rootPanel .MuiDrawer-root a:not(.btn) {
   color: unset;
   text-decoration: unset;
@@ -15555,6 +15666,13 @@ main .dropdown a:not(.btn):hover, main .nav-tabs a:not(.btn):hover, main .dropdo
   border-bottom: unset;
   margin-bottom: unset;
 }
+main .dropdown a:not(.btn).disabled, main .nav-tabs a:not(.btn).disabled, main .dropdown-menu a:not(.btn).disabled, main .MuiDrawer-root a:not(.btn).disabled, #rootPanel .dropdown a:not(.btn).disabled, #rootPanel .nav-tabs a:not(.btn).disabled, #rootPanel .dropdown-menu a:not(.btn).disabled, #rootPanel .MuiDrawer-root a:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main .dropdown a:not(.btn).disabled:hover, main .nav-tabs a:not(.btn).disabled:hover, main .dropdown-menu a:not(.btn).disabled:hover, main .MuiDrawer-root a:not(.btn).disabled:hover, #rootPanel .dropdown a:not(.btn).disabled:hover, #rootPanel .nav-tabs a:not(.btn).disabled:hover, #rootPanel .dropdown-menu a:not(.btn).disabled:hover, #rootPanel .MuiDrawer-root a:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main * a.ignoreLink:not(.btn), main .bootstrap-4-backport a.ignoreLink:not(.btn), #rootPanel * a.ignoreLink:not(.btn), #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn) {
   color: unset;
   text-decoration: unset;
@@ -15566,6 +15684,13 @@ main * a.ignoreLink:not(.btn):hover, main .bootstrap-4-backport a.ignoreLink:not
   border-bottom: unset;
   margin-bottom: unset;
 }
+main * a.ignoreLink:not(.btn).disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled, #rootPanel * a.ignoreLink:not(.btn).disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main * a.ignoreLink:not(.btn).disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover, #rootPanel * a.ignoreLink:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main * a.ignoreLink:not(.btn):visited, main * a.ignoreLink:not(.btn):active, main * a.ignoreLink:not(.btn):link, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited, main .bootstrap-4-backport a.ignoreLink:not(.btn):active, main .bootstrap-4-backport a.ignoreLink:not(.btn):link, #rootPanel * a.ignoreLink:not(.btn):visited, #rootPanel * a.ignoreLink:not(.btn):active, #rootPanel * a.ignoreLink:not(.btn):link, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link {
   color: unset;
   text-decoration: unset;
@@ -15577,6 +15702,13 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
   border-bottom: unset;
   margin-bottom: unset;
 }
+main * a.ignoreLink:not(.btn):visited.disabled, main * a.ignoreLink:not(.btn):active.disabled, main * a.ignoreLink:not(.btn):link.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled, #rootPanel * a.ignoreLink:not(.btn):visited.disabled, #rootPanel * a.ignoreLink:not(.btn):active.disabled, #rootPanel * a.ignoreLink:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.btn):active.disabled:hover, main * a.ignoreLink:not(.btn):link.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 
 .searchInputWithIcon span {
   display: block;
@@ -15671,11 +15803,10 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
   fill: #407ba0;
 }
 
-.HelpButton {
-  color: #ababac;
-  margin: 5px;
-  height: 18px;
-  width: 18px;
+svg.HelpButton {
+  color: #aeb5bc;
+  cursor: pointer;
+  font-size: 1.2em;
 }
 
 .modal-dialog-scrollable {
@@ -18990,7 +19121,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   margin-right: 0.7rem;
 }
 .evaluation-round-editor .round-status .status-in-progress {
-  color: #35bf7d;
+  color: #32a330;
 }
 .evaluation-round-editor .round-status .status-in-progress .status {
   align-items: center;
@@ -18999,7 +19130,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   line-height: 1rem;
 }
 .evaluation-round-editor .round-status .status-completed svg {
-  color: #35bf7d;
+  color: #32a330;
 }
 .evaluation-round-editor .round-status .status-completed span {
   color: #ababac;
@@ -21118,10 +21249,10 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   cursor: pointer;
 }
 .EntityBadge__Badge.Valid {
-  color: #35bf7d;
+  color: #32a330;
 }
 .EntityBadge__Badge.Invalid {
-  color: #f0dc26;
+  color: #cc9f00;
 }
 .EntityBadge__Badge.Missing {
   color: #ababac;
@@ -21157,36 +21288,87 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
  */
-.DownloadListTableV2 {
+table.DownloadListTableV2 {
   white-space: pre;
+  border-collapse: separate;
 }
-.DownloadListTableV2 .ineligibileIcon {
-  padding-left: 15px;
-  padding-right: 5px;
-}
-.DownloadListTableV2 .eligibileIcon {
-  padding-right: 5px;
+table.DownloadListTableV2 .eligibileIcon {
+  color: #4a5056;
 }
-.DownloadListTableV2 .eligibileIcon svg {
+table.DownloadListTableV2 .eligibileIcon svg {
   width: 15px;
 }
-.DownloadListTableV2 tbody > tr > td:first-child {
+table.DownloadListTableV2 .ineligibileIcon {
+  color: #cc9f00;
+}
+table.DownloadListTableV2 .ineligibileIcon svg {
+  width: 18px;
+}
+table.DownloadListTableV2 .ineligibleForPackagingTd {
+  background-color: #F9F5E7;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th {
+  min-width: 120px;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th:first-child {
+  border-right: none;
+  min-width: unset;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th:nth-child(2) {
+  border-left: none;
+}
+table.DownloadListTableV2 tbody tr > td:first-child {
   overflow-x: hidden;
   max-width: 310px;
   text-overflow: ellipsis;
 }
-.DownloadListTableV2 thead > tr > th,
-.DownloadListTableV2 thead:first-child > tr:first-child > th {
+table.DownloadListTableV2 .stickyColumn {
+  right: 0;
+  position: sticky;
+  z-index: 800;
+}
+table.DownloadListTableV2 thead .stickyColumn {
+  text-align: center;
+}
+table.DownloadListTableV2 tbody tr > td.stickyColumn {
+  border-left: 1px solid #dfe2e6;
+}
+table.DownloadListTableV2 tbody tr:nth-of-type(even) > .stickyColumn {
+  background-color: white;
+}
+table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
+  background-color: #FBFBFC;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
+  color: #878e95;
+  display: grid;
+  grid-template-columns: repeat(3, 40px);
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
+  justify-self: center;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .downloadItem {
+  grid-column: 1/span 1;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .programmaticAccessItem {
+  grid-column: 2/span 1;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .removeItem {
+  grid-column: 3/span 1;
+}
+table.DownloadListTableV2 thead > tr > th,
+table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
   border: 1px solid #dddddf;
-  color: #515359;
+  background-color: #f1f3f5;
+  color: #4a5056;
 }
-.DownloadListTableV2 thead > tr > th span,
-.DownloadListTableV2 thead:first-child > tr:first-child > th span {
+table.DownloadListTableV2 thead > tr > th span,
+table.DownloadListTableV2 thead:first-child > tr:first-child > th span {
   display: inline-block;
   float: right;
 }
-.DownloadListTableV2 td {
+table.DownloadListTableV2 td {
   vertical-align: middle !important;
 }
 
@@ -21198,13 +21380,14 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   font-weight: bold;
 }
 .DownloadDetailsV2 .item {
-  margin-right: 15px;
+  margin-right: 35px;
 }
 .DownloadDetailsV2 .item svg {
   margin-right: 5px;
+  margin-top: -4px;
 }
 .DownloadDetailsV2 .item #icon-packagableFile svg {
-  margin-bottom: -5px;
+  margin-top: 0px;
 }
 
 .Download-Link.v2 #SHOW_DOWNLOAD_TOOLTIP {
@@ -21437,10 +21620,30 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   font-weight: bold;
   padding-right: 20px;
 }
-.DownloadCartPage .subSectionOverview {
+.DownloadCartPage .subSectionOverviewContainer {
   padding: 30px 0px;
   background-color: #f9f9f9;
 }
+.DownloadCartPage .DownloadListTabContent .subSectionOverview {
+  display: flex;
+  column-gap: 10px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > * {
+  padding: 0px 50px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
+  padding-left: 0px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:last-child {
+  padding-right: 0px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
+  border-right: 1px solid #D0D4D9;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
+  display: flex;
+  column-gap: 10px;
+}
 .DownloadCartPage__explore-all {
   text-align: center;
   padding-top: 20px;
@@ -21727,7 +21930,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   flex-grow: 1;
 }
 .bootstrap-4-backport .AnnotationEditor .AnnotationEditorForm .LabelContainer label span.required {
-  color: #c94281;
+  color: #c13415;
   margin-left: 2px;
 }
 .bootstrap-4-backport .AnnotationEditor .AnnotationEditorForm select {
@@ -21859,6 +22062,13 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-bottom: unset;
   margin-bottom: unset;
 }
+.SynapseNavContentDrawer .createProjectLink.disabled {
+  color: #aeb5bc;
+}
+.SynapseNavContentDrawer .createProjectLink.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus, .page-progress button,
@@ -21884,7 +22094,8 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 .FavoritesTable thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
   border: 1px solid #dddddf;
-  color: #515359;
+  background-color: #f1f3f5;
+  color: #4a5056;
 }
 .FavoritesTable thead > tr > th span,
 .FavoritesTable thead:first-child > tr:first-child > th span {
@@ -22080,6 +22291,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 
 .PopoverContainer {
   display: inline-block;
+  cursor: pointer;
 }
 
 .terms-conditions .view-terms a,