synapse-react-client 3.0.35 → 3.1.0

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

@@ -15233,6 +15233,14 @@ svg.SRC-hoverBox:hover:after {
 .table .SRC-primary-background-color-hover[aria-expanded=true] path {
   fill: #fff;
 }
+.table .SRC-primary-background-color svg,
+.table .SRC-primary-background-color path {
+  fill: #fff;
+}
+.SRC-grey-background-hover:hover,
+.SRC-grey-background-hover[aria-expanded=true] {
+  background-color: #dfe2e6;
+}
 .SRC-facets {
   padding: 4px 12px;
   border-radius: 20px;
@@ -18098,8 +18106,7 @@ svg.HelpButton {
   border-radius: 2px;
 }
 .QueryFilter {
-  padding: 2rem;
-  background-color: rgba(64, 123, 160, 0.05);
+  padding-top: 18px;
 }
 .QueryFilter__title {
   font-weight: bold;
@@ -18644,6 +18651,7 @@ svg.HelpButton {
   border-radius: 2px;
   white-space: nowrap;
   height: fit-content;
+  margin-top: 8px;
 }
 .SelectionCriteriaPill {
   padding: 3px 10px;
@@ -18670,35 +18678,6 @@ svg.HelpButton {
 .SelectionCriteriaPill__btnRemove svg {
   font-size: 1.25rem;
 }
-.notch-down {
-  position: relative;
-}
-.notch-down:after,
-.notch-down::after {
-  position: absolute;
-  left: 2.4rem;
-  bottom: -10px;
-  content: "";
-  width: 0;
-  height: 0;
-  border-top: solid 10px;
-  border-top-color: #f9f9f9;
-  border-left: solid 10px transparent;
-  border-right: solid 10px transparent;
-}
-.notch-down:before,
-.notch-down::before {
-  position: absolute;
-  left: calc(2.4rem - 2px);
-  bottom: -12px;
-  content: "";
-  width: 0;
-  height: 0;
-  border-top: solid 12px;
-  border-top-color: inherit;
-  border-left: solid 12px transparent;
-  border-right: solid 12px transparent;
-}
 .page-progress button,
 .page-progress button:active,
 .page-progress button:focus,
@@ -18874,71 +18853,41 @@ svg.HelpButton {
 @media (min-width: 768px) {
   .QueryWrapperPlotNav .SRC-wrapper {
     display: grid;
-    grid-template-columns: 25% 10px 75%;
-    padding-right: 15px;
+    grid-template-columns: 25% 75%;
   }
   .QueryWrapperPlotNav .SRC-wrapper > * {
-    grid-column: 1/span 3;
+    grid-column: 1/span 2;
   }
   .QueryWrapperPlotNav .SRC-wrapper.has-facets {
-    padding-right: 120px;
-    grid-template-columns: 60px 10px 25% 10px 75%;
+    grid-template-columns: 25% 75%;
   }
   .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
-    grid-column: 3/span 3;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .download-confirmation,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .TotalQueryResults,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .FacetNav,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .FilterAndView,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .TopLevelControls,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .QueryWrapperSearchInput,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .QueryWrapperSqlEditorInput,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .ErrorBannerWrapper {
-    margin-left: 30px;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
-    position: relative;
-    left: -23px;
-    top: 20px;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton button.btn.btn-outline-primary {
-    border-radius: 50% !important;
-    background-color: white;
-    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
-    border: none;
-    width: 45px;
-    height: 45px;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton button.btn.btn-outline-primary:hover {
-    background-color: rgb(64, 123, 160);
+    grid-column: 1/span 2;
   }
   .QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
-    grid-row: 1/span 100;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
-    grid-row: 1/span 1;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton svg {
-    margin-bottom: 2px;
+    grid-row: 3/span 100;
   }
   .QueryWrapperPlotNav .SRC-wrapper .TopLevelControls {
     grid-row: 1/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
+  .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
     grid-row: 2/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
+  .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
     grid-row: 3/span 1;
-    margin-bottom: 10px;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
     grid-row: 4/span 1;
-    margin-bottom: 10px;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput .MuiCollapse-entered {
+    margin: 5px 0px;
+  }
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
     grid-row: 5/span 1;
   }
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput .MuiCollapse-entered {
+    margin: 5px 0px;
+  }
   .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
     grid-row: 6/span 1;
   }
@@ -18949,23 +18898,19 @@ svg.HelpButton {
     grid-row: 8/span 1;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
-    grid-column: 1/span 3;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilterToggleButton {
-    grid-column: 4/span 1;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilterToggleButton svg {
-    margin-left: 2px;
+    grid-column: 1/span 1;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.download-confirmation,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FacetNav,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FilterAndView,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TopLevelControls,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperSearchInput,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperSqlEditorInput,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.ErrorBannerWrapper {
-    grid-column: 5/span 1;
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.ErrorBannerWrapper,
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FilterAndView {
+    grid-column: 2/span 1;
+  }
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TopLevelControls,
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults {
+    grid-column: 1/span 2;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
     grid-column: 1/span 1;
@@ -18973,14 +18918,19 @@ svg.HelpButton {
   .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
     display: none;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilterToggleButton {
-    grid-column: 2/span 1;
+  .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
+    margin-top: 10px;
   }
 }
-@media (max-width: 768px) {
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
-    display: none;
-  }
+.QueryWrapperPlotNav .SRC-wrapper > .QueryFilter,
+.QueryWrapperPlotNav .SRC-wrapper > .download-confirmation,
+.QueryWrapperPlotNav .SRC-wrapper > .FacetNav,
+.QueryWrapperPlotNav .SRC-wrapper > .TotalQueryResults,
+.QueryWrapperPlotNav .SRC-wrapper > .QueryWrapperSearchInput,
+.QueryWrapperPlotNav .SRC-wrapper > .QueryWrapperSqlEditorInput,
+.QueryWrapperPlotNav .SRC-wrapper > .ErrorBannerWrapper,
+.QueryWrapperPlotNav .SRC-wrapper > .FilterAndView {
+  margin-left: 15px;
 }
 .QueryWrapperPlotNav .QueryWrapperTextInput {
   z-index: 600;
@@ -19003,15 +18953,15 @@ svg.HelpButton {
   text-align: center;
 }
 .TopLevelControls {
-  padding-top: 20px;
-  padding-bottom: 10px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  margin-bottom: 15px;
+  background-color: rgba(64, 123, 160, 0.05);
 }
-.TopLevelControls h3 {
+.TopLevelControls > * {
   display: flex;
   justify-content: space-between;
   font-weight: bold;
+  margin: 0px 0px 0px 15px;
+}
+.TopLevelControls > * p {
   margin-top: 0px;
 }
 .TopLevelControls__showhidefacetfilters {
@@ -19021,6 +18971,22 @@ svg.HelpButton {
   display: inline-flex;
   align-items: center;
 }
+.TopLevelControls__querycount__facetFilterLink {
+  height: 100%;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: stretch;
+  margin-left: 15px;
+  font-weight: 400 !important;
+}
+.TopLevelControls__querycount__facetFilterLink__text {
+  margin-top: 4px;
+}
+.TopLevelControls__querycount__facetFilterLink svg {
+  margin-right: 7px;
+  margin-top: 8px;
+}
 .TopLevelControls__actions {
   display: inline-flex;
   align-items: center;
@@ -19183,10 +19149,6 @@ svg.HelpButton {
 .ElementWithTooltip svg path {
   fill: rgb(64, 123, 160);
 }
-.ElementWithTooltip:hover svg,
-.ElementWithTooltip:hover path {
-  fill: #fff;
-}
 .ElementWithTooltip.dark-theme svg {
   fill: rgb(64, 123, 160);
   color: rgb(64, 123, 160) !important;
@@ -19196,17 +19158,6 @@ svg.HelpButton {
 .ElementWithTooltip.dark-theme svg path {
   fill: rgb(64, 123, 160);
 }
-.ElementWithTooltip.dark-theme:hover svg,
-.ElementWithTooltip.dark-theme:hover path {
-  fill: #fff;
-}
-.show .ElementWithTooltip.dark-theme svg {
-  fill: rgb(64, 123, 160);
-  color: white !important;
-}
-.show .ElementWithTooltip.dark-theme svg path {
-  fill: white;
-}
 button.ElementWithTooltip:active:focus,
 button.ElementWithTooltip:focus {
   outline: none;
@@ -19222,19 +19173,6 @@ button.ElementWithTooltip:focus {
   box-shadow: none;
   border-radius: 2px;
 }
-.show button svg .SRC-primary-fill-color,
-button:hover .SRC-primary-fill-color {
-  fill: white;
-}
-.show button svg .SRC-primary-stroke-color,
-button:hover .SRC-primary-stroke-color {
-  fill: rgb(64, 123, 160) !important;
-  stroke: white !important;
-}
-button:hover .SRC-column-light-theme .SRC-light-column {
-  fill: rgb(64, 123, 160) !important;
-  stroke: white !important;
-}
 .page-progress button,
 .page-progress button:active,
 .page-progress button:focus,
@@ -23440,11 +23378,18 @@ table.DownloadListTableV2 td {
   border: none;
 }
 .FullWidthAlert[role=alert].global {
-  width: 100%;
+  bottom: 2%;
+  left: 2%;
   position: fixed;
-  bottom: 0px;
-  left: 0px;
+  width: 96%;
   z-index: 2500;
+  filter: drop-shadow(3px 4px 9px #9e9e9e);
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  border-radius: 2px;
+  -o-border-radius: 2px;
+  -khtml-border-radius: 2px;
 }
 .FullWidthAlert[role=alert] .alert-link {
   color: inherit;
@@ -23493,6 +23438,9 @@ table.DownloadListTableV2 td {
   min-width: 50px;
   margin-right: 10px;
 }
+.FullWidthAlert[role=alert] .gridContainer .iconArea svg {
+  width: 26px;
+}
 .FullWidthAlert[role=alert] .gridContainer .mainContent {
   grid-row: 1/span 1;
   grid-column: 2/span 1;
@@ -23511,6 +23459,7 @@ table.DownloadListTableV2 td {
 .FullWidthAlert[role=alert] .gridContainer .buttonArea button {
   white-space: nowrap;
   margin-right: 15px;
+  padding: 10px 15px;
 }
 .FullWidthAlert[role=alert] .gridContainer .messageArea {
   width: 100%;
@@ -25058,6 +25007,41 @@ input[type=radio] + span {
 .react-flow__handle {
   height: 0px !important;
 }
+.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;
+}
+.CertificationQuiz .failBanner {
+  background-color: red;
+  color: white;
+  padding: 8px;
+}
+.CertificationQuiz__container {
+  border: solid 1px #ddd;
+  border-radius: 4px;
+  padding: 10px;
+}
+.CertificationQuiz__container a {
+  color: rgb(64, 123, 160);
+}
+.CertificationQuiz__container .help-button {
+  display: block;
+  margin-left: auto;
+  margin-right: 0;
+}
+.CertificationQuiz__container .incorrectQuestion {
+  color: #f44336;
+}
+.CertificationQuiz__container .question-choice {
+  font-weight: 400;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */