synapse-react-client 3.0.17 → 3.0.20

package/dist/style/components/_global-alert.scss

@@ -1,5 +1,14 @@
 @use '../abstracts/variables' as SRC;
-@use 'sass:color';
+@use 'sass:map';
+
+@mixin border-radius($radius) {
+  -webkit-border-radius: $radius;
+  -moz-border-radius: $radius;
+  -ms-border-radius: $radius;
+  border-radius: $radius;
+  -o-border-radius: $radius;
+  -khtml-border-radius: $radius;
+}
 
 .FullWidthAlert[role='alert'] {
   &.global {
@@ -11,9 +20,48 @@
   }
   padding: 14px;
   z-index: 500;
+  
+  // Set up default FullWidthAlert styles for all portals
+  color: #323131;
+  @include border-radius(0px);
+  box-shadow: none;
+  margin: 10px 0px;
+  border: none;
+  .alert-link {
+    color: inherit;
+  }
+  &.alert-info {
+    background: #d9ebf2;
+    border-left: 10px solid #017FA5;
+    .iconBackground {
+      color: #017FA5;
+    }
+  }
+  &.alert-danger {
+    background: #f7e0dc;
+    border-left: 10px solid #C13415;
+    .iconBackground {
+      color: #C13415;
+    }
+  }
+  &.alert-warning {
+    background: #f8f1d9;
+    border-left: 10px solid #CC9F00;
+    .iconBackground {
+      color: #CC9F00;
+    }
+  }
+  &.alert-success {
+    background: #e0f1e0;
+    border-left: 10px solid #32A330;
+    .iconBackground {
+      color: #32A330;
+    }
+  }
+  
   .gridContainer {
     display: grid;
-    grid-template-columns: 50px auto 150px 200px;
+    grid-template-columns: 50px auto 120px 170px;
     column-gap: 10px;
     align-items: center;
     justify-items: start;
@@ -38,6 +86,7 @@
       grid-row: 1 / span 1;
       justify-self: end;
       padding-bottom: 6px;
+      color: map.get(SRC.$colors, 'gray-700');
     }
     @media (min-width: 992px) {
       grid-template-rows: auto;

package/dist/style/components/_governance-dashboard.scss

@@ -1,6 +1,34 @@
 @use '../abstracts/variables' as SRC;
+@use '../abstracts/mixins' as SrcMixins;
 @use 'sass:map';
 
+.ReviewerDashboard {
+  .Breadcrumb {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+
+  .Tabs {
+    @include SrcMixins.underline-tabs();
+    justify-content: flex-start;
+    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+    .Tab {
+      @include SrcMixins.ignoreLink();
+      flex-grow: 0;
+      height: 45px;
+      padding-left: 30px;
+      padding-right: 30px;
+
+      display: flex;
+      align-items: center;
+    }
+  }
+  .TabContentContainer {
+    margin: 20px 30px;
+  }
+}
+
 .AccessApprovalsTable,
 .AccessSubmissionTable,
 .AccessRequirementsTable {
@@ -25,6 +53,7 @@
     font-style: italic;
     color: map.get(SRC.$colors, 'gray-700') !important;
   }
+  .InlineLabel,
   .expired {
     color: map.get(SRC.$colors, 'gray-700');
   }
@@ -32,4 +61,30 @@
     color: map.get(SRC.$colors, 'gray-700');
     font-style: italic;
   }
-}
+}
+
+.AccessRequirementDashboard {
+  .InputPanel {
+    display: grid;
+    grid-template-columns: auto 265px auto;
+    gap: 25px;
+
+    input {
+      margin-bottom: 0;
+    }
+
+    .ProjectIdInputGroup {
+      display: flex;
+      gap: 5px;
+    }
+
+    .styled-svg-wrapper {
+      position: absolute;
+      right: 5px;
+      z-index: 5;
+      height: 100%;
+      display: flex;
+      align-items: center;
+    }
+  }
+}

package/dist/style/components/_submission-page.scss

@@ -22,6 +22,7 @@
   }
   .SubmissionSummary {
     margin-bottom: 15px;
+    min-width: 320px;
     .SubmissionSummaryGrid {
       display: grid;
       column-gap: 10px;
@@ -35,11 +36,13 @@
         grid-column: 2;
       }
 
-      > * {
-        white-space: nowrap;
+      .DataAccessor {
+        margin-top: 5px;
+        margin-bottom: 3px;
       }
     }
   }
+
   ul {
     padding-left: 25px;
     li {

package/dist/style/main.css

@@ -18798,19 +18798,25 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   text-align: center;
   flex-grow: 1;
   padding: 5px 0px;
-  transition: border-bottom 300ms ease-in;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
 }
-.ProgrammaticOptions .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.ProgrammaticOptions .Tabs > *[aria-selected=false],
+.ProgrammaticOptions .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.ProgrammaticOptions .Tabs > *:hover,
+.ProgrammaticOptions .Tabs > *[aria-selected=true],
+.ProgrammaticOptions .Tabs > *[aria-current=page] {
+  border-color: #469285;
   color: #22252a;
 }
-.ProgrammaticOptions .Tabs > *[aria-selected=true] svg {
+.ProgrammaticOptions .Tabs > *:hover svg,
+.ProgrammaticOptions .Tabs > *[aria-selected=true] svg,
+.ProgrammaticOptions .Tabs > *[aria-current=page] svg {
   color: #469285;
 }
-.ProgrammaticOptions .Tabs > *[aria-selected=false] {
-  color: #878e95;
-  border-bottom: 3px solid lightgray;
-}
 .ProgrammaticOptions .TabContent {
   padding-top: 20px;
   min-height: 300px;
@@ -22811,19 +22817,25 @@ table.DownloadListTableV2 td {
   text-align: center;
   flex-grow: 1;
   padding: 5px 0px;
-  transition: border-bottom 300ms ease-in;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
 }
-.EntityMetadata .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.EntityMetadata .Tabs > *[aria-selected=false],
+.EntityMetadata .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.EntityMetadata .Tabs > *:hover,
+.EntityMetadata .Tabs > *[aria-selected=true],
+.EntityMetadata .Tabs > *[aria-current=page] {
+  border-color: #469285;
   color: #22252a;
 }
-.EntityMetadata .Tabs > *[aria-selected=true] svg {
+.EntityMetadata .Tabs > *:hover svg,
+.EntityMetadata .Tabs > *[aria-selected=true] svg,
+.EntityMetadata .Tabs > *[aria-current=page] svg {
   color: #469285;
 }
-.EntityMetadata .Tabs > *[aria-selected=false] {
-  color: #878e95;
-  border-bottom: 3px solid lightgray;
-}
 .EntityMetadata .placeholder {
   margin: 30px 0px;
   text-align: center;
@@ -23071,6 +23083,16 @@ table.DownloadListTableV2 td {
 .FullWidthAlert[role=alert] {
   padding: 14px;
   z-index: 500;
+  color: #323131;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  -ms-border-radius: 0px;
+  border-radius: 0px;
+  -o-border-radius: 0px;
+  -khtml-border-radius: 0px;
+  box-shadow: none;
+  margin: 10px 0px;
+  border: none;
 }
 .FullWidthAlert[role=alert].global {
   width: 100%;
@@ -23079,9 +23101,40 @@ table.DownloadListTableV2 td {
   left: 0px;
   z-index: 2500;
 }
+.FullWidthAlert[role=alert] .alert-link {
+  color: inherit;
+}
+.FullWidthAlert[role=alert].alert-info {
+  background: #d9ebf2;
+  border-left: 10px solid #017FA5;
+}
+.FullWidthAlert[role=alert].alert-info .iconBackground {
+  color: #017FA5;
+}
+.FullWidthAlert[role=alert].alert-danger {
+  background: #f7e0dc;
+  border-left: 10px solid #C13415;
+}
+.FullWidthAlert[role=alert].alert-danger .iconBackground {
+  color: #C13415;
+}
+.FullWidthAlert[role=alert].alert-warning {
+  background: #f8f1d9;
+  border-left: 10px solid #CC9F00;
+}
+.FullWidthAlert[role=alert].alert-warning .iconBackground {
+  color: #CC9F00;
+}
+.FullWidthAlert[role=alert].alert-success {
+  background: #e0f1e0;
+  border-left: 10px solid #32A330;
+}
+.FullWidthAlert[role=alert].alert-success .iconBackground {
+  color: #32A330;
+}
 .FullWidthAlert[role=alert] .gridContainer {
   display: grid;
-  grid-template-columns: 50px auto 150px 200px;
+  grid-template-columns: 50px auto 120px 170px;
   column-gap: 10px;
   align-items: center;
   justify-items: start;
@@ -23107,6 +23160,7 @@ table.DownloadListTableV2 td {
   grid-row: 1/span 1;
   justify-self: end;
   padding-bottom: 6px;
+  color: #878e95;
 }
 @media (min-width: 992px) {
   .FullWidthAlert[role=alert] .gridContainer {
@@ -23524,19 +23578,25 @@ table.DownloadListTableV2 td {
   text-align: center;
   flex-grow: 1;
   padding: 5px 0px;
-  transition: border-bottom 300ms ease-in;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
 }
-.UserProfileLinks .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.UserProfileLinks .Tabs > *[aria-selected=false],
+.UserProfileLinks .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.UserProfileLinks .Tabs > *:hover,
+.UserProfileLinks .Tabs > *[aria-selected=true],
+.UserProfileLinks .Tabs > *[aria-current=page] {
+  border-color: #469285;
   color: #22252a;
 }
-.UserProfileLinks .Tabs > *[aria-selected=true] svg {
+.UserProfileLinks .Tabs > *:hover svg,
+.UserProfileLinks .Tabs > *[aria-selected=true] svg,
+.UserProfileLinks .Tabs > *[aria-current=page] svg {
   color: #469285;
 }
-.UserProfileLinks .Tabs > *[aria-selected=false] {
-  color: #878e95;
-  border-bottom: 3px solid lightgray;
-}
 .UserProfileLinks .Tabs .Tab {
   padding-left: 10px;
 }
@@ -24451,6 +24511,7 @@ input[type=radio] + span {
 }
 .SubmissionPage .SubmissionSummary {
   margin-bottom: 15px;
+  min-width: 320px;
 }
 .SubmissionPage .SubmissionSummary .SubmissionSummaryGrid {
   display: grid;
@@ -24463,8 +24524,9 @@ input[type=radio] + span {
 .SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .Value {
   grid-column: 2;
 }
-.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid > * {
-  white-space: nowrap;
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .DataAccessor {
+  margin-top: 5px;
+  margin-bottom: 3px;
 }
 .SubmissionPage ul {
   padding-left: 25px;
@@ -24491,6 +24553,76 @@ input[type=radio] + span {
   border-radius: 2px;
 }
 
+/*
+  @param $color string e.g. #eee or red
+  @param $width unit e.g. 15%
+ */
+.ReviewerDashboard .Breadcrumb {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.ReviewerDashboard .Tabs {
+  display: flex;
+  justify-content: space-between;
+  justify-content: flex-start;
+  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+}
+.ReviewerDashboard .Tabs > * {
+  cursor: pointer;
+  text-align: center;
+  flex-grow: 1;
+  padding: 5px 0px;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
+}
+.ReviewerDashboard .Tabs > *[aria-selected=false],
+.ReviewerDashboard .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.ReviewerDashboard .Tabs > *:hover,
+.ReviewerDashboard .Tabs > *[aria-selected=true],
+.ReviewerDashboard .Tabs > *[aria-current=page] {
+  border-color: #469285;
+  color: #22252a;
+}
+.ReviewerDashboard .Tabs > *:hover svg,
+.ReviewerDashboard .Tabs > *[aria-selected=true] svg,
+.ReviewerDashboard .Tabs > *[aria-current=page] svg {
+  color: #469285;
+}
+.ReviewerDashboard .Tabs .Tab {
+  color: unset;
+  text-decoration: unset;
+  font-weight: unset;
+  text-decoration: unset;
+  letter-spacing: unset;
+  flex-grow: 0;
+  height: 45px;
+  padding-left: 30px;
+  padding-right: 30px;
+  display: flex;
+  align-items: center;
+}
+.ReviewerDashboard .Tabs .Tab:hover {
+  text-decoration: unset;
+  margin-bottom: unset;
+}
+.ReviewerDashboard .Tabs .Tab.disabled {
+  color: #aeb5bc;
+}
+.ReviewerDashboard .Tabs .Tab.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
+}
+.ReviewerDashboard .TabContentContainer {
+  margin: 20px 30px;
+}
+
 .AccessApprovalsTable,
 .AccessSubmissionTable,
 .AccessRequirementsTable {
@@ -24526,8 +24658,11 @@ input[type=radio] + span {
   font-style: italic;
   color: #878e95 !important;
 }
+.AccessApprovalsTable .InlineLabel,
 .AccessApprovalsTable .expired,
+.AccessSubmissionTable .InlineLabel,
 .AccessSubmissionTable .expired,
+.AccessRequirementsTable .InlineLabel,
 .AccessRequirementsTable .expired {
   color: #878e95;
 }
@@ -24538,4 +24673,25 @@ input[type=radio] + span {
   font-style: italic;
 }
 
+.AccessRequirementDashboard .InputPanel {
+  display: grid;
+  grid-template-columns: auto 265px auto;
+  gap: 25px;
+}
+.AccessRequirementDashboard .InputPanel input {
+  margin-bottom: 0;
+}
+.AccessRequirementDashboard .InputPanel .ProjectIdInputGroup {
+  display: flex;
+  gap: 5px;
+}
+.AccessRequirementDashboard .InputPanel .styled-svg-wrapper {
+  position: absolute;
+  right: 5px;
+  z-index: 5;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
 /*# sourceMappingURL=main.css.map */