synapse-react-client 3.0.18 → 3.0.21

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,9 +24524,6 @@ 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;
@@ -24495,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 {
@@ -24530,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;
 }
@@ -24542,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 */

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

@@ -18844,19 +18844,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;
@@ -22665,19 +22671,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;
@@ -22915,6 +22927,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%;
@@ -22923,9 +22945,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;
@@ -22951,6 +23004,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 {
@@ -23345,19 +23399,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=false],
+.UserProfileLinks .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
 }
-.UserProfileLinks .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.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;
 }
@@ -24236,6 +24296,7 @@ input[type=radio] + span {
 }
 .SubmissionPage .SubmissionSummary {
   margin-bottom: 15px;
+  min-width: 320px;
 }
 .SubmissionPage .SubmissionSummary .SubmissionSummaryGrid {
   display: grid;
@@ -24248,9 +24309,6 @@ 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;
@@ -24279,6 +24337,71 @@ input[type=radio] + span {
   box-shadow: none;
   border-radius: 2px;
 }
+.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 {
@@ -24314,8 +24437,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;
 }
@@ -24325,6 +24451,26 @@ input[type=radio] + span {
   color: #878e95;
   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;
+}
 
 /* sass-plugin-0:/home/runner/work/Synapse-React-Client/Synapse-React-Client/src/lib/style/components/_spinner.scss */
 @keyframes spinner {