react-autoql 7.3.0 → 7.3.1-alpha.2

package/dist/autoql.esm.css

@@ -1064,6 +1064,17 @@ g.legendOrdinal tspan {
 .react-autoql-axis-selector-arrow {
   opacity: 1 !important; }
 
+.drilldown-info-icon,
+.max-rows-info-icon {
+  stroke: currentColor;
+  stroke-width: 0; }
+
+.drilldown-info-icon {
+  fill: var(--react-autoql-info-color); }
+
+.max-rows-info-icon {
+  fill: var(--react-autoql-warning-color); }
+
 .number-axis-selector-popover .number-axis-selector-popover-content {
   display: flex;
   flex-direction: column;
@@ -3493,6 +3504,63 @@ g.legendOrdinal .legendTitle tspan {
       color: var(--react-autoql-danger-color);
       border-color: var(--react-autoql-danger-color); }
 
+.mobile-filter-lock-menu {
+  z-index: 99999 !important;
+  top: -4px !important;
+  min-width: 95vw;
+  max-width: 95vw;
+  min-height: 0px;
+  max-height: 95vh;
+  height: 350px;
+  padding: 10px; }
+  .mobile-filter-lock-menu .filter-lock-menu-content-container {
+    background: var(--react-autoql-background-color-secondary);
+    color: var(--react-autoql-text-color-primary);
+    box-shadow: 0px 0 8px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15));
+    transition: opacity 0.1s ease 0s !important;
+    border: 1px solid #ababab52;
+    padding: 0 !important;
+    border-radius: 4px;
+    height: 100%;
+    width: 100%;
+    opacity: 1; }
+  .mobile-filter-lock-menu .filter-lock-menu-popover-arrow {
+    border-bottom: 10px solid var(--react-autoql-border-color) !important;
+    top: 1px !important;
+    opacity: 1; }
+    .mobile-filter-lock-menu .filter-lock-menu-popover-arrow::after {
+      content: '';
+      position: absolute;
+      border-left: 9px solid transparent;
+      border-right: 9px solid transparent;
+      border-bottom: 9px solid var(--react-autoql-background-color-secondary);
+      top: 1px;
+      left: -9px; }
+  .mobile-filter-lock-menu .filter-lock-toast-container {
+    top: 0;
+    position: absolute;
+    max-width: calc(100% - 36px);
+    padding: 10px;
+    font-size: 14px; }
+    .mobile-filter-lock-menu .filter-lock-toast-container .Toastify__toast {
+      min-height: 48px; }
+    .mobile-filter-lock-menu .filter-lock-toast-container .Toastify__toast-body {
+      justify-content: center; }
+    .mobile-filter-lock-menu .filter-lock-toast-container .Toastify__toast-body > div:last-child {
+      flex: unset; }
+  .mobile-filter-lock-menu .include-exclude-toggle-group {
+    height: 23px;
+    font-size: 12px;
+    font-weight: 200; }
+    .mobile-filter-lock-menu .include-exclude-toggle-group .react-autoql-radio-btn.active {
+      background-color: var(--react-autoql-border-color); }
+    .mobile-filter-lock-menu .include-exclude-toggle-group :first-child.react-autoql-radio-btn:hover, .mobile-filter-lock-menu .include-exclude-toggle-group :first-child.react-autoql-radio-btn.active {
+      color: var(--react-autoql-accent-color);
+      border-color: var(--react-autoql-accent-color); }
+    .mobile-filter-lock-menu .include-exclude-toggle-group :nth-child(2).react-autoql-radio-btn:hover, .mobile-filter-lock-menu .include-exclude-toggle-group :nth-child(2).react-autoql-radio-btn.active {
+      color: var(--react-autoql-danger-color);
+      border-color: var(--react-autoql-danger-color); }
+
 .filter-lock-menu-content {
   padding: 15px 0 0px 20px;
   display: flex;
@@ -3765,6 +3833,11 @@ g.legendOrdinal .legendTitle tspan {
     background: var(--react-autoql-background-color-primary);
     overflow: hidden;
     border-radius: 4px; }
+  .react-autoql-drawer .react-autoql-mobile-drawer-content-container {
+    width: 100%;
+    height: 100%;
+    background: var(--react-autoql-background-color-primary);
+    overflow: hidden; }
   .react-autoql-drawer .chat-header-container {
     display: flex;
     justify-content: space-between;