@appbaseio/reactivesearch-vue 3.0.0-alpha.4 → 3.0.0-alpha.5

package/dist/cjs/{Button-ad042719.js → Button-d4da7470.js}

@@ -2,17 +2,17 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 var polished = require('polished');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var filters = function filters(_ref) {
   var borderColor = _ref.colors.borderColor;
-  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
+  return css.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
 };
-var pagination = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
-var toggleButtons = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
-var numberBoxContainer = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
+var pagination = css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
+var toggleButtons = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
+var numberBoxContainer = css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
 var primary = function primary(_ref2) {
   var theme = _ref2.theme;
   return "\n\tbackground-color: " + theme.colors.primaryColor + ";\n\tcolor: " + theme.colors.primaryTextColor + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + polished.darken(0.1, theme.colors.primaryColor) + ";\n\t}\n";
@@ -46,7 +46,7 @@ var Button = vueEmotion.styled('button')(_templateObject5 || (_templateObject5 =
 }, function (props) {
   return props.large && large;
 });
-var loadMoreContainer = emotion.css({
+var loadMoreContainer = css.css({
   margin: '5px 0',
   display: 'flex',
   justifyContent: 'center'

package/dist/cjs/{Card-f5ab024a.js → Card-63968d94.js}

@@ -2,12 +2,12 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 var polished = require('polished');
 require('./Title-8802a218.js');
 
 var _templateObject, _templateObject2, _templateObject3;
-var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
+var container = css.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
 var Image = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: calc(100% + 20px);\n\theight: 220px;\n\tmargin: -10px -10px 0;\n\tbackground-color: ", ";\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n"])), function (_ref) {
   var colors = _ref.theme.colors;
   return colors.backgroundColor || '#fcfcfc';

package/dist/cjs/{DropDown-7bd56543.js → DropDown-f48bea16.js}

@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var index = require('./index-1481798c.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 

package/dist/cjs/{Input-088dfcb4.js → Input-497be42a.js}

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var alertBorder = function alertBorder(_ref) {
@@ -61,11 +61,11 @@ var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _ro
   return props.alert && alertBorder;
 });
 var suggestions = function suggestions(themePreset, theme) {
-  return emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
+  return css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
 };
-var suggestionsContainer = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
+var suggestionsContainer = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
 var noSuggestions = function noSuggestions(themePreset, theme) {
-  return emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
+  return css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
 };
 
 exports.Input = Input;

package/dist/cjs/{ListItem-d57d648d.js → ListItem-23af8974.js}

@@ -2,12 +2,12 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 var polished = require('polished');
 require('./Title-8802a218.js');
 
 var _templateObject, _templateObject2, _templateObject3;
-var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));
+var container = css.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));
 var smallImage = "\n\twidth: 100px;\n\theight: 100px;\n";
 var Image = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 160px;\n\theight: 160px;\n\t", ";\n\tmargin: 0;\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-image: ", ";\n"])), function (props) {
   return props.small ? smallImage : null;

package/dist/cjs/MultiDropdownList.js

@@ -11,9 +11,9 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -21,8 +21,8 @@ var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var DropDown = require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/MultiList.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
@@ -19,7 +19,7 @@ var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/{Pagination-4ffc67cd.js → Pagination-b953a80a.js}

@@ -6,7 +6,7 @@ var reactivecore = require('@appbaseio/reactivecore');
 var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 
 function _isSlot(s) {

package/dist/cjs/RangeInput.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
@@ -21,7 +21,7 @@ var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 require('./ssr-c58b64c4.js');
 var RangeSlider = require('./RangeSlider.js');

package/dist/cjs/{ReactiveComponent-4435adfa.js → ReactiveComponent-5db1cdbe.js}

@@ -10,8 +10,8 @@ var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
-var Button = require('./Button-ad042719.js');
+var css = require('@emotion/css');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var ReactiveList = require('./ReactiveList.js');
 var index = require('./index-1481798c.js');
@@ -20,8 +20,8 @@ var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DropDown = require('./DropDown-7bd56543.js');
-var Input = require('./Input-088dfcb4.js');
+var DropDown = require('./DropDown-f48bea16.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
 var SingleList = require('./SingleList.js');
@@ -140,13 +140,13 @@ var SuggestionItem = {
                 "searchWords": _this.currentValue.split(' '),
                 "textToHighlight": title,
                 "highlightStyle": highlightStyle,
-                "class": emotion.css({
+                "class": css.css({
                   fontSize: '1rem'
                 })
               }, null)]), description && vue.createVNode("div", {
-                "class": emotion.cx('trim', emotion.css({
+                "class": ['trim', css.css({
                   marginTop: 3
-                }))
+                })]
               }, [vue.createVNode(Highlight, {
                 "searchWords": _this.currentValue.split(' '),
                 "textToHighlight": description,

package/dist/cjs/ReactiveComponent.js

@@ -10,11 +10,11 @@ require('vue');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 require('./vueTypes-1bf00978.js');
-require('./Pagination-4ffc67cd.js');
+require('./Pagination-b953a80a.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -22,13 +22,13 @@ require('./index-1481798c.js');
 require('./ComponentWrapper-2dc930e1.js');
 require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
-require('./ListItem-d57d648d.js');
-require('./Card-f5ab024a.js');
+require('./ListItem-23af8974.js');
+require('./Card-63968d94.js');
 require('./Flex-d5675ea6.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-4435adfa.js');
-require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var ReactiveComponent = require('./ReactiveComponent-5db1cdbe.js');
+require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

package/dist/cjs/ReactiveGoogleMap.js

@@ -11,11 +11,11 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
-var Pagination = require('./Pagination-4ffc67cd.js');
+var Pagination = require('./Pagination-b953a80a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-1481798c.js');
@@ -1632,7 +1632,7 @@ var MarkerWithLabel = {
 var _templateObject, _templateObject2, _templateObject3;
 var MapPin = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: auto;\n\tbackground-color: #fff;\n\tborder-radius: 2px;\n\tcolor: #222;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n\tpadding: 3px 6px;\n\tfont-size: 15px;\n"])));
 var MapPinArrow = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
-var mapPinWrapper = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
+var mapPinWrapper = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
 
 var recordResultClick$2 = reactivecore.Actions.recordResultClick;
 var GoogleMapMarker = {
@@ -2035,7 +2035,7 @@ var ReactiveGoogleMap = {
         "style": {
           height: '100%'
         },
-        "class": emotion.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
+        "class": css.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
         "options": {
           zoomControl: true
         },

package/dist/cjs/ReactiveList.js

@@ -12,19 +12,19 @@ var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
-var Pagination = require('./Pagination-4ffc67cd.js');
+var Pagination = require('./Pagination-b953a80a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
-var ListItem = require('./ListItem-d57d648d.js');
-var Card = require('./Card-f5ab024a.js');
+var ListItem = require('./ListItem-23af8974.js');
+var Card = require('./Card-63968d94.js');
 var Flex = require('./Flex-d5675ea6.js');
 
 var _templateObject;
@@ -67,8 +67,8 @@ ResultCardsWrapper.install = function (Vue) {
 };
 
 var _templateObject$1, _templateObject2;
-var resultStats = emotion.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n"])));
-var sortOptions = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n"])));
+var resultStats = css.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n"])));
+var sortOptions = css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n"])));
 
 var recordImpressions = reactivecore.Actions.recordImpressions;
 var isEqual = reactivecore.helper.isEqual;

package/dist/cjs/ResultCard.js

@@ -8,11 +8,11 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var Title = require('./Title-8802a218.js');
-var Card = require('./Card-f5ab024a.js');
+var Card = require('./Card-63968d94.js');
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);

package/dist/cjs/ResultList.js

@@ -8,11 +8,11 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var Title = require('./Title-8802a218.js');
-var ListItem = require('./ListItem-d57d648d.js');
+var ListItem = require('./ListItem-23af8974.js');
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/cjs/SelectedFilters.js

@@ -11,9 +11,9 @@ require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
 var index = require('./index-1481798c.js');

package/dist/cjs/SingleDropdownList.js

@@ -11,9 +11,9 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -21,8 +21,8 @@ var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var DropDown = require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/SingleList.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
@@ -19,7 +19,7 @@ var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/ToggleButton.js

@@ -10,9 +10,9 @@ require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');

package/dist/cjs/index.js

@@ -10,11 +10,11 @@ require('vue');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 require('./vueTypes-1bf00978.js');
-require('./Pagination-4ffc67cd.js');
+require('./Pagination-b953a80a.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -22,8 +22,8 @@ require('./index-1481798c.js');
 require('./ComponentWrapper-2dc930e1.js');
 require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
-require('./ListItem-d57d648d.js');
-require('./Card-f5ab024a.js');
+require('./ListItem-23af8974.js');
+require('./Card-63968d94.js');
 require('./Flex-d5675ea6.js');
 require('@appbaseio/reactivecore/lib');
 require('@appbaseio/reactivecore/lib/actions/analytics');
@@ -32,9 +32,9 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-4435adfa.js');
-require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var ReactiveComponent = require('./ReactiveComponent-5db1cdbe.js');
+require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

package/dist/cjs/install.js

@@ -10,11 +10,11 @@ require('vue');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 require('./vueTypes-1bf00978.js');
-require('./Pagination-4ffc67cd.js');
+require('./Pagination-b953a80a.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -22,8 +22,8 @@ require('./index-1481798c.js');
 require('./ComponentWrapper-2dc930e1.js');
 require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
-require('./ListItem-d57d648d.js');
-require('./Card-f5ab024a.js');
+require('./ListItem-23af8974.js');
+require('./Card-63968d94.js');
 require('./Flex-d5675ea6.js');
 require('@appbaseio/reactivecore/lib');
 require('@appbaseio/reactivecore/lib/actions/analytics');
@@ -32,9 +32,9 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-4435adfa.js');
-require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var ReactiveComponent = require('./ReactiveComponent-5db1cdbe.js');
+require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.4";
+var version = "3.0.0-alpha.5";
 
 exports.default = version;

package/dist/es/{Button-474510e3.js → Button-fd869491.js}

@@ -1,6 +1,6 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { styled } from '@appbaseio/vue-emotion';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 import { darken, rgba, lighten } from 'polished';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;

package/dist/es/{Card-38cbe652.js → Card-54b9e7a0.js}

@@ -1,6 +1,6 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { styled } from '@appbaseio/vue-emotion';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 import { lighten } from 'polished';
 import './Title-863dfa42.js';
 

package/dist/es/{DropDown-029ffd42.js → DropDown-7174661a.js}

@@ -6,7 +6,7 @@ import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f1923c72.js';
 import { a as isFunction } from './index-4520a598.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-ad474a55.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-f7499ef8.js';
 import computeScrollIntoView from 'compute-scroll-into-view';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 

package/dist/es/{Input-ad474a55.js → Input-f7499ef8.js}

@@ -1,6 +1,6 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { styled } from '@appbaseio/vue-emotion';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var alertBorder = function alertBorder(_ref) {

package/dist/es/{ListItem-16756c02.js → ListItem-1cb1b4de.js}

@@ -1,6 +1,6 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { styled } from '@appbaseio/vue-emotion';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 import { lighten } from 'polished';
 import './Title-863dfa42.js';
 

package/dist/es/MultiDropdownList.js

@@ -5,9 +5,9 @@ import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey
 import { createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import 'emotion';
+import '@emotion/css';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-474510e3.js';
+import { l as loadMoreContainer, B as Button } from './Button-fd869491.js';
 import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -15,8 +15,8 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-029ffd42.js';
-import './Input-ad474a55.js';
+import { c as Dropdown } from './DropDown-7174661a.js';
+import './Input-f7499ef8.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';

package/dist/es/MultiList.js

@@ -4,7 +4,7 @@ import { b as _objectWithoutPropertiesLoose, c as _toPropertyKey, a as _extends
 import { createVNode, createTextVNode } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import 'emotion';
+import '@emotion/css';
 import 'polished';
 import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
@@ -13,7 +13,7 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-ad474a55.js';
+import { I as Input } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';

package/dist/es/{Pagination-72bd1d9e.js → Pagination-c2745bec.js}

@@ -2,7 +2,7 @@ import { helper } from '@appbaseio/reactivecore';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
 import { createVNode, mergeProps, createTextVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import { p as pagination, B as Button } from './Button-474510e3.js';
+import { p as pagination, B as Button } from './Button-fd869491.js';
 import { t as types } from './vueTypes-f1923c72.js';
 
 function _isSlot(s) {