Merge branch 'next' into feat/suggestions-enhancement

Author: SavvyShah

packages/vue/src/components/range/DynamicRangeSlider.jsx

@@ -1,8 +1,10 @@
 import VueTypes from 'vue-types';
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import VueSlider from 'vue-slider-component';
-import 'vue-slider-component/theme/antd.css';
+// eslint-disable-next-line import/extensions
+import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min.js'
+import 'vue-slider-component/dist-css/vue-slider-component.css'
+import 'vue-slider-component/theme/default.css'
 import Container from '../../styles/Container';
 import PreferencesConsumer from '../basic/PreferencesConsumer.jsx';
 import NoSSR from '../basic/NoSSR.jsx';

packages/vue/src/components/range/RangeSlider.jsx

@@ -1,8 +1,10 @@
 import VueTypes from 'vue-types';
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import VueSlider from 'vue-slider-component';
-import 'vue-slider-component/theme/antd.css';
+// eslint-disable-next-line import/extensions
+import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min.js'
+import 'vue-slider-component/dist-css/vue-slider-component.css'
+import 'vue-slider-component/theme/default.css'
 import Container from '../../styles/Container';
 import { connect, updateCustomQuery, isQueryIdentical } from '../../utils/index';
 import ComponentWrapper from '../basic/ComponentWrapper.jsx';

packages/vue/src/styles/Input.js

@@ -275,11 +275,11 @@ const noSuggestions = (themePreset, theme) => css`
 	list-style: none;
 	max-height: 260px;
 	overflow-y: auto;
-    border-radius: 6px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;
-    border-top: 1px solid #f2f0f0;
+	border-radius: 6px;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+	box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;
+	border-top: 1px solid #f2f0f0;
 
 	&.small {
 		top: 30px;