react-autoql 8.0.2-alpha.11 → 8.0.2-alpha.13

package/dist/autoql.esm.css

@@ -1017,6 +1017,7 @@ a {
     .react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input {
       border: 1px solid var(--react-autoql-border-color);
       border-radius: 4px;
+      background: inherit;
       width: 100%;
       font-size: inherit;
       font-family: inherit;
@@ -1035,7 +1036,8 @@ a {
       .react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input.area {
         line-height: inherit; }
       .react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input:not(textarea) {
-        padding: 0 10px; }
+        padding: 0 10px;
+        height: 32px; }
       .react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input.with-select {
         padding-left: 14px; }
       .react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input.with-icon {
@@ -2199,17 +2201,17 @@ g.legendOrdinal .legendTitle tspan {
       .react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider {
         flex: 0 0 24px; }
       .react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-track {
-        height: 6px;
+        height: 4px;
         margin: 10px 5px;
-        background: var(--react-autoql-background-color-tertiary);
+        background: var(--react-autoql-border-color);
         border-radius: 10px;
         cursor: pointer; }
       .react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-thumb {
-        width: 16px;
-        height: 16px;
-        margin: 4px 1px;
+        width: 14px;
+        height: 14px;
+        margin: 5px 1px;
         border-radius: 8px;
-        background: var(--react-autoql-background-color-checkbox);
+        background: #ffffff;
         box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 1px 10px 0px;
         outline: none;
         cursor: pointer; }
@@ -2218,8 +2220,8 @@ g.legendOrdinal .legendTitle tspan {
           pointer-events: none;
           opacity: 0;
           bottom: 100%;
-          background: #000;
-          color: #fff;
+          background: #000000;
+          color: #ffffff;
           left: 50%;
           transform: translate(-50%, 0);
           border-radius: 20px;
@@ -2336,7 +2338,6 @@ g.legendOrdinal .legendTitle tspan {
     stroke: transparent;
     stroke-width: 10px; }
   .react-autoql-chart-container .point {
-    cursor: pointer;
     outline: none !important;
     transition: stroke 0.3s ease, fill-opacity 0.3s ease;
     stroke-width: 8px; }
@@ -3589,7 +3590,7 @@ g.legendOrdinal .legendTitle tspan {
         height: 100%;
         font-size: 12px;
         font-weight: bold;
-        color: #ffffff;
+        color: var(--react-autoql-background-color-switch-thumb);
         right: 15px; }
       .react-autoql-switch-container .react-autoql-toggle-switch .toggle-switch-slider:before {
         position: absolute;
@@ -3597,7 +3598,7 @@ g.legendOrdinal .legendTitle tspan {
         height: 18px;
         width: 18px;
         bottom: 4px;
-        background-color: #ffffff;
+        background-color: var(--react-autoql-background-color-switch-thumb);
         border-radius: 50%;
         transition: 0.4s;
         left: 4px; }
@@ -6031,7 +6032,8 @@ g.legendOrdinal .legendTitle tspan {
     align-items: center; }
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content .react-autoql-dashboard-drilldown-original {
-  padding-top: 10px; }
+  padding: 10px;
+  padding-bottom: 0; }
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content .drilldown-hide-chart-btn {
   text-align: right;