react-autoql 8.0.0-alpha.12 → 8.0.0-alpha.14

package/dist/autoql.esm.css

@@ -7,9 +7,6 @@
   text-align: center;
   padding-top: 10px; }
 
-.react-autosuggest__suggestions-container--open::-webkit-scrollbar {
-  visibility: visible !important; }
-
 span .react-autoql-icon {
   vertical-align: middle;
   padding-bottom: 3px; }
@@ -539,8 +536,8 @@ a {
 
 .react-autoql-btn.disabled {
   opacity: 0.4;
-  cursor: not-allowed;
-  pointer-events: none; }
+  cursor: not-allowed !important;
+  pointer-events: none !important; }
 
 .react-autoql-btn.react-autoql-btn-small {
   padding: 2px 8px;
@@ -622,10 +619,10 @@ a {
   .react-autoql-table-container.loading {
     pointer-events: none; }
   .react-autoql-table-container.hidden {
-    visibility: hidden;
-    position: absolute;
-    pointer-events: none;
-    opacity: 0; }
+    visibility: hidden !important;
+    position: absolute !important;
+    pointer-events: none !important;
+    opacity: 0 !important; }
   .react-autoql-table-container.empty:not(.filtering) .tabulator-headers {
     overflow: hidden;
     height: 37px !important; }
@@ -680,7 +677,8 @@ a {
   .react-autoql-table-container:not(.filtering) .tabulator-header-filter input {
     opacity: 0;
     visibility: hidden;
-    pointer-events: none; }
+    pointer-events: none;
+    line-height: 14px; }
   .react-autoql-table-container:not(.filtering) .react-autoql-tabulator-container .tabulator-tableholder {
     min-height: calc(100% - 37px) !important;
     height: calc(100% - 37px) !important;
@@ -1005,16 +1003,19 @@ a {
 .react-autoql-list-item:not(:last-child) {
   border-bottom: 1px solid #d3d3d34a; }
 
-.scrollbar-content-container {
-  position: absolute;
-  height: 100%;
-  width: 100%; }
-
-.thumb-vertical,
-.thumb-horizontal {
-  border-radius: 3px;
-  background-color: var(--react-autoql-highlight-color);
-  opacity: 0.2; }
+.react-autoql-custom-scrollbars.scrollbar-container .ps__rail-y,
+.react-autoql-custom-scrollbars.scrollbar-container .ps__rail-x {
+  background-color: transparent; }
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-y:hover, .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-y.ps--clicking,
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-x:hover,
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-x.ps--clicking {
+    background-color: transparent; }
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-y .ps__thumb-y,
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-y .ps__thumb-x,
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-x .ps__thumb-y,
+  .react-autoql-custom-scrollbars.scrollbar-container .ps__rail-x .ps__thumb-x {
+    background-color: var(--react-autoql-highlight-color);
+    opacity: 0.5; }
 
 .react-autoql-menu {
   list-style-type: none;
@@ -1458,9 +1459,8 @@ g.legendOrdinal .legendTitle tspan {
 
 .react-autoql-response-content-container.table {
   max-height: 100vh !important;
-  overflow-y: scroll;
-  scrollbar-width: none;
   margin-bottom: 0 !important;
+  overflow-y: auto;
   height: 100%;
   width: 100%; }
 
@@ -1741,21 +1741,24 @@ g.legendOrdinal .legendTitle tspan {
   .viz-toolbar.vertical {
     flex-direction: column; }
 
-.react-autoql-toolbar-btn {
+.react-autoql-btn.react-autoql-toolbar-btn {
   height: 28px;
   width: 28px;
   display: flex;
+  position: relative;
   justify-content: center;
   align-items: center;
-  background: none;
-  border: none;
+  padding: 0;
+  margin: 0;
+  background: none !important;
+  border: none !important;
   outline: none !important;
   font-size: 16px;
   color: var(--react-autoql-text-color-primary);
   cursor: pointer; }
-  .react-autoql-toolbar-btn.filter-btn {
+  .react-autoql-btn.react-autoql-toolbar-btn.filter-btn {
     line-height: 24px; }
-  .react-autoql-toolbar-btn.selected {
+  .react-autoql-btn.react-autoql-toolbar-btn.selected {
     color: var(--react-autoql-accent-color); }
 
 .react-autoql-toolbar-btn.green {
@@ -1839,7 +1842,7 @@ g.legendOrdinal .legendTitle tspan {
   padding: 0 !important;
   margin-top: 20px;
   margin-bottom: 30px;
-  max-width: 90vw;
+  max-width: calc(100vw - 160px);
   max-height: calc(100vh - 90px); }
   .ReactModal__Content input.react-autoql-input,
   .ReactModal__Content textarea.react-autoql-input,
@@ -2563,6 +2566,17 @@ g.legendOrdinal .legendTitle tspan {
   display: inline-flex;
   align-items: flex-end; }
 
+.data-alert-schedule-builder-step .data-alert-schedule-step-type-selector {
+  border-bottom: 1px solid var(--react-autoql-accent-color);
+  height: 1.5em;
+  margin: 0 5px;
+  padding: 0; }
+  .data-alert-schedule-builder-step .data-alert-schedule-step-type-selector .react-autoql-select-arrow {
+    padding-bottom: 3px; }
+  .data-alert-schedule-builder-step .data-alert-schedule-step-type-selector .react-autoql-select-text {
+    line-height: 1em;
+    height: 1em; }
+
 .data-alert-schedule-builder-step .schedule-builder-at-connector {
   padding-bottom: 8px; }
 
@@ -2582,7 +2596,7 @@ g.legendOrdinal .legendTitle tspan {
 
 .data-alert-schedule-builder-step .frequency-type-container {
   padding: 3px 5px;
-  margin-bottom: 15px; }
+  margin-bottom: 20px; }
   .data-alert-schedule-builder-step .frequency-type-container .react-autoql-select {
     padding-left: 2px; }
 
@@ -2780,13 +2794,11 @@ g.legendOrdinal .legendTitle tspan {
       padding: 8px 10px; }
 
 .react-autoql-data-alert-modal-content {
-  height: 400px;
-  max-height: 90vh;
   display: flex;
   flex-direction: column; }
   .react-autoql-data-alert-modal-content .react-autoql-steps-hoz-container {
     padding: 40px 100px;
-    padding-bottom: 20px; }
+    padding-bottom: 35px; }
   .react-autoql-data-alert-modal-content .react-autoql-data-alert-modal-step {
     font-weight: 400;
     font-size: 15px;
@@ -2947,7 +2959,7 @@ g.legendOrdinal .legendTitle tspan {
   .react-autoql-notification-settings .react-autoql-notification-setting-item.data-alert-disabled .data-alert-section-cycle,
   .react-autoql-notification-settings .react-autoql-notification-setting-item.data-alert-disabled .data-alert-state,
   .react-autoql-notification-settings .react-autoql-notification-setting-item.data-alert-disabled .data-alert-section-cycle-start {
-    opacity: 0.7; }
+    opacity: 0.5; }
   .react-autoql-notification-settings .react-autoql-data-alert-list-item-section {
     flex: 1 0 50px;
     display: flex;
@@ -2966,7 +2978,8 @@ g.legendOrdinal .legendTitle tspan {
       display: flex;
       justify-content: center;
       align-items: center;
-      font-size: 13px; }
+      font-size: 13px;
+      cursor: default; }
     .react-autoql-notification-settings .react-autoql-data-alert-list-item-section .data-alert-section-content {
       padding: 8px 12px; }
     .react-autoql-notification-settings .react-autoql-data-alert-list-item-section .data-alert-header-item {
@@ -2977,15 +2990,20 @@ g.legendOrdinal .legendTitle tspan {
       justify-content: flex-start; }
     .react-autoql-notification-settings .react-autoql-data-alert-list-item-section:last-child {
       flex: 0 0 auto;
-      padding-right: 12px;
-      justify-content: flex-end; }
+      padding-right: 12px; }
   .react-autoql-notification-settings .empty-list-message {
-    color: var(--react-autoql-text-color-primary);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     text-align: center;
-    margin-top: 75px; }
+    margin-top: 20px; }
+    .react-autoql-notification-settings .empty-list-message span,
+    .react-autoql-notification-settings .empty-list-message div {
+      opacity: 0.6;
+      color: var(--react-autoql-text-color-primary); }
     .react-autoql-notification-settings .empty-list-message .empty-list-img {
-      width: 250px;
-      height: 250px; }
+      width: 150px;
+      height: 150px; }
   .react-autoql-notification-settings .react-autoql-notification-settings-container {
     margin: 20px;
     margin-top: 10px; }
@@ -3098,7 +3116,7 @@ g.legendOrdinal .legendTitle tspan {
     justify-content: space-between;
     align-items: center;
     padding: 5px 20px;
-    padding-bottom: 0;
+    padding-bottom: 10px;
     color: var(--react-autoql-text-color-primary); }
     .react-autoql-notification-settings .react-autoql-data-alert-section-title-container .react-autoql-data-alert-section-title {
       font-size: 19px;
@@ -3106,7 +3124,7 @@ g.legendOrdinal .legendTitle tspan {
     .react-autoql-notification-settings .react-autoql-data-alert-section-title-container .react-autoql-data-alert-section-subtitle {
       padding-top: 3px;
       padding-bottom: 5px;
-      font-size: 13px; }
+      font-size: 14px; }
   .react-autoql-notification-settings .react-autoql-notification-setting-display-name {
     white-space: nowrap;
     overflow: hidden;
@@ -3611,8 +3629,9 @@ g.legendOrdinal .legendTitle tspan {
   height: 100%;
   width: 100%;
   padding-bottom: 158px;
-  background-color: var(--react-autoql-background-color-primary);
-  background-image: linear-gradient(0deg, var(--react-autoql-background-color-tertiary) 0%, var(--react-autoql-background-color-primary) 100%); }
+  background-color: var(--react-autoql-background-color-primary); }
+  .chat-content-scroll-container .chat-content-scrollbars-container {
+    padding-top: 10px; }
 
 .react-autoql-drawer .response-loading-container {
   position: absolute;
@@ -3900,13 +3919,15 @@ g.legendOrdinal .legendTitle tspan {
     font-size: 13px;
     margin-top: 20px;
     margin-bottom: 10px; }
-  .data-explorer-section .data-preview-scroll-container,
-  .data-explorer-section .custom-scrollbar-view {
+  .data-explorer-section .data-preview-scroll-container {
     width: 100%;
     height: 100%;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: auto; }
+  .data-explorer-section .react-autoql-custom-scrollbars {
+    white-space: nowrap;
+    text-overflow: ellipsis; }
   .data-explorer-section .data-explorer-data-preview {
     flex: 0 0 auto;
     overflow: hidden;
@@ -4092,10 +4113,10 @@ g.legendOrdinal .legendTitle tspan {
     align-items: center; }
     .data-explorer-page-container .data-explorer-card-placeholder.data-preview {
       height: 165px; }
-  .data-explorer-page-container .query-suggestion-list-scroll-component {
+  .data-explorer-page-container .data-preview-scroll-container {
     color: var(--react-autoql-text-color-primary);
     flex: 1; }
-    .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item {
+    .data-explorer-page-container .data-preview-scroll-container .query-tip-item {
       cursor: pointer;
       position: relative;
       padding: 3px;
@@ -4106,18 +4127,18 @@ g.legendOrdinal .legendTitle tspan {
       flex-wrap: nowrap;
       align-items: center;
       font-weight: 600; }
-      .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item:hover {
+      .data-explorer-page-container .data-preview-scroll-container .query-tip-item:hover {
         text-decoration: underline; }
-      .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item .query-suggestion-text {
+      .data-explorer-page-container .data-preview-scroll-container .query-tip-item .query-suggestion-text {
         display: flex;
         align-items: center;
         flex-wrap: nowrap; }
-        .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item .query-suggestion-text .react-autoql-icon {
+        .data-explorer-page-container .data-preview-scroll-container .query-tip-item .query-suggestion-text .react-autoql-icon {
           margin-right: 5px; }
-          .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item .query-suggestion-text .react-autoql-icon svg {
+          .data-explorer-page-container .data-preview-scroll-container .query-tip-item .query-suggestion-text .react-autoql-icon svg {
             stroke-width: 1px;
             stroke: currentColor; }
-      .data-explorer-page-container .query-suggestion-list-scroll-component .query-tip-item .animated-item {
+      .data-explorer-page-container .data-preview-scroll-container .query-tip-item .animated-item {
         animation: fadeIn 0.3s linear;
         animation-fill-mode: both; }
   .data-explorer-page-container .chat-bar-clear-btn {