synapse-react-client 3.0.11 → 3.0.15

package/dist/style/vendors/_normalize.scss

@@ -51,7 +51,8 @@ section {
 
 figcaption,
 figure,
-main { /* 1 */
+main {
+  /* 1 */
   display: block;
 }
 
@@ -240,7 +241,8 @@ svg:not(:root) {
  */
 
 button,
-input { /* 1 */
+input {
+  /* 1 */
   overflow: visible;
 }
 
@@ -250,7 +252,8 @@ input { /* 1 */
  */
 
 button,
-select { /* 1 */
+select {
+  /* 1 */
   text-transform: none;
 }
 
@@ -272,9 +275,9 @@ html [type="button"], /* 1 */
  */
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -284,13 +287,12 @@ button::-moz-focus-inner,
  */
 
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -330,8 +332,8 @@ textarea {
  * 2. Remove the padding in IE 10-.
  */
 
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
@@ -340,8 +342,8 @@ textarea {
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -350,7 +352,7 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -359,8 +361,8 @@ textarea {
  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  */
 
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -373,4 +375,3 @@ textarea {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
-

package/dist/template_style/_form.scss

@@ -103,8 +103,8 @@
   }
   input[type='checkbox']:focus + label::before,
   input[type='checkbox']:focus + span::before,
-  input[type='radio']:focus:checked + label::before,
-  input[type='radio']:focus:checked + span::before,
+  input[type='radio']:focus + label::before,
+  input[type='radio']:focus + span::before,
   input[type='checkbox']:hover:checked:not(:disabled) + label::before,
   input[type='checkbox']:hover:checked:not(:disabled) + span::before,
   input[type='radio']:hover:checked:not(:disabled) + label::before,

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

@@ -16506,7 +16506,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
   fill: #407ba0;
 }
 .Icon-Copy path {
-  fill: #DCDCDC;
+  fill: #dcdcdc;
 }
 .SRC-java-icon path,
 .SRC-r-icon path,
@@ -16692,6 +16692,9 @@ svg.HelpButton {
 .SRC-portalCard .SRC-cardThumbnail img.iconImg {
   max-width: 75px;
 }
+.SRC-portalCard .SRC-cardThumbnail svg {
+  min-height: 55px;
+}
 .SRC-portalCard .SRC-cardMetadata {
   background-color: #f9f9f9;
 }
@@ -16934,9 +16937,6 @@ svg.HelpButton {
 .SRC-portalCard.SRC-typeTool .SRC-cardAction {
   margin: 21px 0 21px 15%;
 }
-img.iconImg.SRC-datasetIcon {
-  max-width: 60px !important;
-}
 .SRC-cardRowDesktop > td {
   padding-top: 5px;
   padding-bottom: 5px;
@@ -17838,25 +17838,25 @@ img.iconImg.SRC-datasetIcon {
 }
 .markdown p {
   margin: 0px;
-  padding-bottom: 12px;
+  margin-bottom: 12px;
 }
 .markdown h1 {
-  padding: 35px 0 12px 0;
+  margin: 35px 0 24px 0;
 }
 .markdown h2 {
-  padding: 29px 0 10px 0;
+  margin: 29px 0 22px 0;
 }
 .markdown h3 {
-  padding: 23px 0 8px 0;
+  margin: 23px 0 20px 0;
 }
 .markdown h4 {
-  padding: 17px 0 6px 0;
+  margin: 17px 0 18px 0;
 }
 .markdown h5 {
-  padding: 11px 0 4px 0;
+  margin: 11px 0 16px 0;
 }
 .markdown h6 {
-  padding: 5px 0 2px 0;
+  margin: 5px 0 14px 0;
 }
 .toc-indent1 {
   margin-left: 35px;
@@ -17879,6 +17879,9 @@ img.iconImg.SRC-datasetIcon {
 .markdown span.bootstrap-4-backport a {
   margin: 20px 20px 20px 0px;
 }
+.markdown details {
+  cursor: pointer;
+}
 .page-progress button,
 .page-progress button:active,
 .page-progress button:focus,
@@ -18943,8 +18946,8 @@ input[type=radio] + span::before {
 }
 input[type=checkbox]:focus + label::before,
 input[type=checkbox]:focus + span::before,
-input[type=radio]:focus:checked + label::before,
-input[type=radio]:focus:checked + span::before,
+input[type=radio]:focus + label::before,
+input[type=radio]:focus + span::before,
 input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -19150,8 +19153,8 @@ input[type=radio] + span {
 }
 .EnumFacetFilter input[type=checkbox]:focus + label::before,
 .EnumFacetFilter input[type=checkbox]:focus + span::before,
-.EnumFacetFilter input[type=radio]:focus:checked + label::before,
-.EnumFacetFilter input[type=radio]:focus:checked + span::before,
+.EnumFacetFilter input[type=radio]:focus + label::before,
+.EnumFacetFilter input[type=radio]:focus + span::before,
 .EnumFacetFilter input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 .EnumFacetFilter input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 .EnumFacetFilter input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -19476,11 +19479,11 @@ input[type=radio] + span {
   font-weight: bold;
 }
 .FeedSubscribe .FeedSubscribeToNewsLink {
-  color: #404B63;
+  color: #404b63;
   margin-right: 15px;
 }
 .FeedSubscribe .FeedSubscribeToNewsLink:hover {
-  color: #404B63;
+  color: #404b63;
   cursor: pointer;
 }
 .FeedSubscribe .MailchimpSubscribeContainer {
@@ -19527,7 +19530,7 @@ input[type=radio] + span {
   }
 }
 .Feed .FeedItems .FeedItem {
-  border: 1px solid #DDDDDF;
+  border: 1px solid #dddddf;
   padding: 20px;
   margin: 10px;
   background-color: white;
@@ -19553,13 +19556,13 @@ input[type=radio] + span {
   white-space: nowrap;
 }
 .Feed .FeedItems .FeedItem .FeedItemDate {
-  color: #ABABAC;
+  color: #ababac;
   margin-bottom: 0px;
 }
 .Feed .FeedItems .FeedItem .FeedItemTitle {
   font-size: 16px;
   line-height: 144%;
-  color: #1A1C29;
+  color: #1a1c29;
   font-weight: bold;
   margin-bottom: 5px;
 }
@@ -19914,7 +19917,7 @@ input[type=radio] + span {
   justify-content: center;
   height: 50px;
   align-items: center;
-  border-bottom: 4px solid #DCDCDC;
+  border-bottom: 4px solid #dcdcdc;
 }
 .FeaturedDataTabs__tabs__tab {
   height: 50px;
@@ -19924,7 +19927,7 @@ input[type=radio] + span {
   margin-top: 4px;
 }
 .FeaturedDataTabs__tabs__tab button {
-  color: #ABABAC;
+  color: #ababac;
   width: 100%;
   height: 100%;
   padding-bottom: 10px;
@@ -20398,7 +20401,7 @@ input[type=radio] + span {
 .terms-conditions .term-list > li {
   display: flex;
   padding: 20px 0;
-  border: 1px solid #DCDCDC;
+  border: 1px solid #dcdcdc;
   margin-bottom: 20px;
   opacity: 0.3;
 }
@@ -20435,7 +20438,7 @@ input[type=radio] + span {
 .terms-conditions .term-list > li .terms-circle {
   width: 40px;
   height: 40px;
-  border: 2px solid #DCDCDC;
+  border: 2px solid #dcdcdc;
   display: inline-block;
   border-radius: 50%;
   vertical-align: middle;
@@ -20444,7 +20447,7 @@ input[type=radio] + span {
   line-height: 40px;
 }
 .terms-conditions .term-list > li .terms-checked {
-  background-color: #28A745;
+  background-color: #28a745;
   border: none;
   text-align: center;
 }
@@ -20453,7 +20456,7 @@ input[type=radio] + span {
 }
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus {
-  background-color: #DCDCDC;
+  background-color: #dcdcdc;
   padding: 10px 30px;
   color: #1a1c29;
   font-weight: bold;
@@ -20475,7 +20478,7 @@ input[type=radio] + span {
 .page-progress .btn-progress-back,
 .page-progress .btn-progress-back:active:focus {
   margin-right: 30px;
-  color: #1A1C29;
+  color: #1a1c29;
   background-color: #dcdcdc;
 }
 .page-progress .btn-progress-next,
@@ -20488,7 +20491,7 @@ input[type=radio] + span {
 }
 .page-progress .btn-progress-next-active,
 .page-progress .btn-progress-next-active:active:focus {
-  background-color: #1C76AF;
+  background-color: #1c76af;
 }
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus,
@@ -20998,7 +21001,7 @@ input[type=radio] + span {
   padding: 60px 72px;
 }
 .login-panel-wrapper .panel-tagline {
-  color: #1E4964;
+  color: #1e4964;
   font: 300 24px/34px Lato, sans-serif;
 }
 .login-panel-wrapper .panel-left .panel-tagline {
@@ -21320,8 +21323,8 @@ input[type=radio] + span::before {
 }
 input[type=checkbox]:focus + label::before,
 input[type=checkbox]:focus + span::before,
-input[type=radio]:focus:checked + label::before,
-input[type=radio]:focus:checked + span::before,
+input[type=radio]:focus + label::before,
+input[type=radio]:focus + span::before,
 input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -21681,8 +21684,8 @@ input[type=radio] + span {
 }
 .DetailsViewTable input[type=checkbox]:focus + label::before,
 .DetailsViewTable input[type=checkbox]:focus + span::before,
-.DetailsViewTable input[type=radio]:focus:checked + label::before,
-.DetailsViewTable input[type=radio]:focus:checked + span::before,
+.DetailsViewTable input[type=radio]:focus + label::before,
+.DetailsViewTable input[type=radio]:focus + span::before,
 .DetailsViewTable input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 .DetailsViewTable input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 .DetailsViewTable input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -22493,7 +22496,7 @@ table.DownloadListTableV2 .ineligibileIcon svg {
   width: 18px;
 }
 table.DownloadListTableV2 td.ineligibleForPackagingTd:first-child {
-  background-color: #F9F5E7;
+  background-color: #f9f5e7;
 }
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   min-width: 120px;
@@ -22715,7 +22718,7 @@ table.DownloadListTableV2 td {
   padding-top: 10px;
 }
 .DownloadCartPage .tabs-container {
-  border-bottom: 4px solid #DCDCDC;
+  border-bottom: 4px solid #dcdcdc;
 }
 .DownloadCartPage .pageHeader .grid {
   display: grid;
@@ -22803,7 +22806,7 @@ table.DownloadListTableV2 td {
   padding-right: 0px;
 }
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
-  border-right: 1px solid #D0D4D9;
+  border-right: 1px solid #d0d4d9;
 }
 .DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
   display: flex;
@@ -23178,7 +23181,7 @@ table.DownloadListTableV2 td {
   padding-bottom: 14px;
 }
 .SynapseNavDrawer .MuiPaper-root {
-  background-color: #2E4761;
+  background-color: #2e4761;
   color: white;
 }
 .SynapseNavDrawer .MuiDrawer-paperAnchorDockedLeft {
@@ -23211,7 +23214,7 @@ table.DownloadListTableV2 td {
 .SynapseNavContentDrawer .MuiPaper-root {
   left: 53px;
   width: 350px;
-  background-color: #2E4761;
+  background-color: #2e4761;
   color: white;
 }
 .SynapseNavContentDrawer .projectHeader {
@@ -23613,8 +23616,8 @@ input[type=radio] + span::before {
 }
 input[type=checkbox]:focus + label::before,
 input[type=checkbox]:focus + span::before,
-input[type=radio]:focus:checked + label::before,
-input[type=radio]:focus:checked + span::before,
+input[type=radio]:focus + label::before,
+input[type=radio]:focus + span::before,
 input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -23760,8 +23763,8 @@ input[type=radio] + span {
 }
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:focus + label::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:focus + span::before,
-.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus:checked + label::before,
-.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus:checked + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus + span::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -24147,6 +24150,110 @@ input[type=radio] + span {
   margin-right: 10px;
   margin-bottom: 2px;
 }
+.ForumSearch .SearchIcon {
+  left: 30px;
+  position: relative;
+}
+.ForumSearch .ClearSearchIcon {
+  cursor: pointer;
+  position: relative;
+  left: -42px;
+  margin-right: -8px;
+  width: 10px;
+}
+.ForumSearch .SearchBar {
+  flex-grow: 1;
+  padding: 6px 10px 6px 33px;
+  border: none;
+  background-color: #ebebeb;
+}
+.ForumSearch .SearchBarResult {
+  width: 93%;
+}
+.ForumSearch .ResultsText,
+.ForumSearch .NoResultsText {
+  margin: 15px 0px 10px 22px;
+}
+.search-result-container {
+  padding: 10px;
+  margin: 10px;
+  background-color: white;
+}
+.search-result-container .search-result-icon {
+  width: 24px;
+}
+.search-result-container .truncated {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.search-result-container .search-result-footer {
+  opacity: 0.7;
+}
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus,
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+@media screen and (min-width: 768px) {
+  .SubmissionPage {
+    display: flex;
+  }
+  .SubmissionPage .SubmissionSummary {
+    width: 375px;
+    max-width: 400px;
+    padding-right: 40px;
+  }
+  .SubmissionPage .SubmissionRightPane {
+    flex-grow: 1;
+  }
+}
+.SubmissionPage .ButtonContainer {
+  display: flex;
+  gap: 10px;
+}
+.SubmissionPage .ButtonContainer button {
+  flex-grow: 1;
+  flex-basis: 0;
+}
+.SubmissionPage .SubmissionSummary {
+  margin-bottom: 15px;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid {
+  display: grid;
+  column-gap: 10px;
+  grid-template-columns: auto auto;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .Key {
+  grid-column: 1;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .Value {
+  grid-column: 2;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid > * {
+  white-space: nowrap;
+}
+.SubmissionPage ul {
+  padding-left: 25px;
+}
+.SubmissionPage ul li {
+  margin-top: 5px;
+}
+.SubmissionPage .AccessRequirementWikiContainer {
+  background: #fbfbfc;
+  border: 1px solid #dfe2e6;
+}
+.SubmissionPage .AccessRequirementWikiContainer .AccessRequirementWikiContent {
+  margin: 40px;
+}
 
 /* sass-plugin-0:/home/runner/work/Synapse-React-Client/Synapse-React-Client/src/lib/style/components/_spinner.scss */
 @keyframes spinner {