@appbaseio/reactivesearch-vue 1.31.0 → 1.32.0

package/dist/cjs/{_rollupPluginBabelHelpers-91d4b5a6.js → _rollupPluginBabelHelpers-c705cbe6.js}

@@ -17,6 +17,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -61,6 +76,7 @@ function _toPropertyKey(arg) {
 }
 
 exports._extends = _extends;
+exports._inheritsLoose = _inheritsLoose;
 exports._objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
 exports._taggedTemplateLiteralLoose = _taggedTemplateLiteralLoose;
 exports._toPropertyKey = _toPropertyKey;

package/dist/cjs/{index-2e0ea8d8.js → index-6a167fe0.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var redux = require('redux');
 

package/dist/cjs/index.js

@@ -3,43 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
-require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+require('./_rollupPluginBabelHelpers-c705cbe6.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-require('./Button-0e2e2c02.js');
-require('./vueTypes-3970ff42.js');
+require('./Button-0673191e.js');
+require('./vueTypes-727b7c63.js');
+require('./Pagination-3d73e1b3.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-2e0ea8d8.js');
-require('./ComponentWrapper-6909bc2a.js');
+require('./index-6a167fe0.js');
+require('./ComponentWrapper-ad3dad02.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-require('./Title-26661936.js');
-require('./ListItem-38962297.js');
-require('./Card-4fa0f769.js');
-require('./Flex-63774e4d.js');
+require('./Title-1de7d0f4.js');
+require('./ListItem-8c9e0d68.js');
+require('./Card-642547a8.js');
+require('./Flex-aa517a13.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-a8fabd77.js');
-require('./CancelSvg-c48c1085.js');
-require('./Input-43868594.js');
+var DataSearch = require('./DataSearch-d389fbe7.js');
+require('./CancelSvg-9f258f4f.js');
+require('./Input-e6603a7e.js');
 require('compute-scroll-into-view');
-require('./Container-cfd69a34.js');
+require('./Container-daf30918.js');
 require('vue-highlight-words');
-var install = require('./install-27314778.js');
+var install = require('./install-3b864d8f.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-require('./FormControlList-a9c64bb8.js');
-require('./utils-0df3cb93.js');
+require('./FormControlList-c195a592.js');
+require('./utils-d6a52588.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-aa358fff.js');
+require('./DropDown-c479bbb0.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
@@ -50,11 +51,14 @@ var MultiRange = require('./MultiRange.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
 require('vue-no-ssr');
-require('./ssr-949cafb5.js');
+require('./ssr-3027b848.js');
 var RangeSlider = require('./RangeSlider.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 require('@appbaseio/reactivecore/lib/actions/value');
 var StateProvider = require('./StateProvider.js');
+require('gmap-vue');
+require('ngeohash');
+var ReactiveGoogleMap = require('./ReactiveGoogleMap.js');
 require('@appbaseio/reactivecore/lib/reducers/valueReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer');
@@ -96,6 +100,7 @@ exports.ResultList = ResultList.default;
 exports.RangeSlider = RangeSlider.default;
 exports.DynamicRangeSlider = DynamicRangeSlider.default;
 exports.StateProvider = StateProvider.default;
+exports.ReactiveGoogleMap = ReactiveGoogleMap.default;
 exports.initReactivesearch = initReactivesearch.default;
 exports.version = version.default;
 exports.RangeInput = RangeInput.default;

package/dist/cjs/initReactivesearch.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
@@ -21,11 +21,14 @@ var utils = require('@appbaseio/reactivecore/lib/actions/utils');
 var _excluded = ["aggs", "size"],
     _excluded2 = ["query"],
     _excluded3 = ["query"];
+
+var _componentTypeToDefau;
 var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
 var resultComponents = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap];
+var componentTypeToDefaultValue = (_componentTypeToDefau = {}, _componentTypeToDefau[constants.componentTypes.singleList] = '', _componentTypeToDefau[constants.componentTypes.multiList] = [], _componentTypeToDefau[constants.componentTypes.singleDataList] = '', _componentTypeToDefau[constants.componentTypes.singleDropdownList] = '', _componentTypeToDefau[constants.componentTypes.multiDataList] = [], _componentTypeToDefau[constants.componentTypes.multiDropdownList] = [], _componentTypeToDefau[constants.componentTypes.tagCloud] = '', _componentTypeToDefau[constants.componentTypes.toggleButton] = '', _componentTypeToDefau[constants.componentTypes.singleDropdownRange] = '', _componentTypeToDefau[constants.componentTypes.multiDropdownRange] = [], _componentTypeToDefau[constants.componentTypes.singleRange] = '', _componentTypeToDefau[constants.componentTypes.multiRange] = [], _componentTypeToDefau);
 
-function getValue(state, id, defaultValue) {
+function getValue(state, id, defaultValue, componentType) {
   if (state && state[id]) {
     try {
       // parsing for next.js - since it uses extra set of quotes to wrap params
@@ -44,7 +47,7 @@ function getValue(state, id, defaultValue) {
   }
 
   return {
-    value: defaultValue,
+    value: defaultValue || componentTypeToDefaultValue[componentType] || null,
     reference: 'DEFAULT'
   };
 }
@@ -183,7 +186,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
       var internalComponent = component.componentId + "__internal";
       var label = component.filterLabel || component.componentId;
 
-      var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue),
+      var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue, componentType),
           value = _getValue.value,
           reference = _getValue.reference; // [1] set selected values
 
@@ -552,4 +555,5 @@ function initReactivesearch(componentCollection, searchState, settings) {
   });
 }
 
+exports.componentTypeToDefaultValue = componentTypeToDefaultValue;
 exports.default = initReactivesearch;

package/dist/cjs/{install-27314778.js → install-3b864d8f.js}

@@ -4,24 +4,24 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var Button = require('./Button-0e2e2c02.js');
-var vueTypes = require('./vueTypes-3970ff42.js');
+var Button = require('./Button-0673191e.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 var ReactiveList = require('./ReactiveList.js');
-var index = require('./index-2e0ea8d8.js');
-var ComponentWrapper = require('./ComponentWrapper-6909bc2a.js');
-var Title = require('./Title-26661936.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var Title = require('./Title-1de7d0f4.js');
 var ReactiveBase = require('./ReactiveBase.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DataSearch = require('./DataSearch-a8fabd77.js');
-var CancelSvg = require('./CancelSvg-c48c1085.js');
-var Input = require('./Input-43868594.js');
-var Container = require('./Container-cfd69a34.js');
+var DataSearch = require('./DataSearch-d389fbe7.js');
+var CancelSvg = require('./CancelSvg-9f258f4f.js');
+var Input = require('./Input-e6603a7e.js');
+var Container = require('./Container-daf30918.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
 var SingleDropdownList = require('./SingleDropdownList.js');

package/dist/cjs/install.js

@@ -3,43 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
-require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+require('./_rollupPluginBabelHelpers-c705cbe6.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-require('./Button-0e2e2c02.js');
-require('./vueTypes-3970ff42.js');
+require('./Button-0673191e.js');
+require('./vueTypes-727b7c63.js');
+require('./Pagination-3d73e1b3.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-2e0ea8d8.js');
-require('./ComponentWrapper-6909bc2a.js');
+require('./index-6a167fe0.js');
+require('./ComponentWrapper-ad3dad02.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-require('./Title-26661936.js');
-require('./ListItem-38962297.js');
-require('./Card-4fa0f769.js');
-require('./Flex-63774e4d.js');
+require('./Title-1de7d0f4.js');
+require('./ListItem-8c9e0d68.js');
+require('./Card-642547a8.js');
+require('./Flex-aa517a13.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
-require('./DataSearch-a8fabd77.js');
-require('./CancelSvg-c48c1085.js');
-require('./Input-43868594.js');
+require('./DataSearch-d389fbe7.js');
+require('./CancelSvg-9f258f4f.js');
+require('./Input-e6603a7e.js');
 require('compute-scroll-into-view');
-require('./Container-cfd69a34.js');
+require('./Container-daf30918.js');
 require('vue-highlight-words');
-var install = require('./install-27314778.js');
+var install = require('./install-3b864d8f.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-require('./FormControlList-a9c64bb8.js');
-require('./utils-0df3cb93.js');
+require('./FormControlList-c195a592.js');
+require('./utils-d6a52588.js');
 require('./SingleList.js');
 require('./MultiList.js');
-require('./DropDown-aa358fff.js');
+require('./DropDown-c479bbb0.js');
 require('./SingleDropdownList.js');
 require('./MultiDropdownList.js');
 require('./ToggleButton.js');
@@ -50,7 +51,7 @@ require('./MultiRange.js');
 require('./ResultCard.js');
 require('./ResultList.js');
 require('vue-no-ssr');
-require('./ssr-949cafb5.js');
+require('./ssr-3027b848.js');
 require('./RangeSlider.js');
 require('./DynamicRangeSlider.js');
 require('@appbaseio/reactivecore/lib/actions/value');

package/dist/cjs/{ssr-949cafb5.js → ssr-3027b848.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var NoSSR = _interopDefault(require('vue-no-ssr'));

package/dist/cjs/{utils-0df3cb93.js → utils-d6a52588.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 
 var getAggsOrder = configureStore.helper.getAggsOrder;
 

package/dist/cjs/version.js

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

package/dist/cjs/{vueTypes-3970ff42.js → vueTypes-727b7c63.js}

@@ -7,21 +7,35 @@ var VueTypes = _interopDefault(require('vue-types'));
 VueTypes.sensibleDefaults = false;
 var reactKeyType = VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string), VueTypes.object, VueTypes.arrayOf(VueTypes.object)]);
 
-function validateLocation(props, propName) {
-  // eslint-disable-next-line
-  if (isNaN(props[propName])) {
-    return new Error(propName + " value must be a VueTypes.number");
+function validateLocation(value) {
+  if (!value || !value.lat || !value.lng) {
+    console.error(new Error('location must be an object with lat and lng keys defined'));
+    return false;
+  } // eslint-disable-next-line
+
+
+  if (isNaN(value.lat)) {
+    console.error(new Error('lat value must be a number'));
+    return false;
+  } // eslint-disable-next-line
+
+
+  if (isNaN(value.lat)) {
+    console.error(new Error('lng value must be a number'));
+    return false;
   }
 
-  if (propName === 'lat' && (props[propName] < -90 || props[propName] > 90)) {
-    return new Error(propName + " value should be between -90 and 90.");
+  if (value.lat < -90 || value.lat > 90) {
+    console.error(new Error('lat value should be between -90 and 90.'));
+    return false;
   }
 
-  if (propName === 'lng' && (props[propName] < -180 || props[propName] > 180)) {
-    return new Error(propName + " value should be between -180 and 180.");
+  if (value.lat < -180 || value.lat > 180) {
+    console.error(new Error('lng value should be between -180 and 180.'));
+    return false;
   }
 
-  return null;
+  return true;
 }
 
 var types = {
@@ -92,10 +106,7 @@ var types = {
   rangeLabelsAlign: VueTypes.oneOf(['left', 'right']),
   title: VueTypes.oneOfType([VueTypes.string, VueTypes.any]),
   tooltipTrigger: VueTypes.oneOf(['always', 'none', 'hover']),
-  location: VueTypes.shape({
-    lat: validateLocation,
-    lng: validateLocation
-  }),
+  location: VueTypes.custom(validateLocation),
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
   value: VueTypes.string.def(undefined),
   analyticsConfig: VueTypes.shape({

package/dist/es/{Button-e18ad90f.js → Button-35aa984e.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { darken, rgba, lighten } from 'polished';
@@ -7,12 +7,12 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 var filters = function filters(_ref) {
   var borderColor = _ref.colors.borderColor;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\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(_templateObject || (_templateObject = _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 = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\ta {\n\t\tmargin: 0 3px;\n\t}\n"])));
-var toggleButtons = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 3px 3px;\n\t}\n"])));
-var numberBoxContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\ta {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
+var pagination = css(_templateObject2 || (_templateObject2 = _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(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
+var numberBoxContainer = css(_templateObject4 || (_templateObject4 = _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;
@@ -28,7 +28,7 @@ var disabled = function disabled(_ref3) {
   return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
 };
 
-var Button = styled('a')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
+var Button = styled('button')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.backgroundColor || '#eee';
 }, function (_ref5) {

package/dist/es/{CancelSvg-e3b33cdd.js → CancelSvg-4cfae5fd.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import styled, { css } from '@appbaseio/vue-emotion';
 import computeScrollIntoView from 'compute-scroll-into-view';
 

package/dist/es/{Card-ad6ba09f.js → Card-450683f1.js}

@@ -1,8 +1,8 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
-import './Title-35edd732.js';
+import './Title-3342664a.js';
 
 var _templateObject, _templateObject2, _templateObject3;
 var container = css(_templateObject || (_templateObject = _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"])));

package/dist/es/{ComponentWrapper-ca0354ea.js → ComponentWrapper-424e86fd.js}

@@ -1,9 +1,9 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-4715798c.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-7788a843.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/{Container-421450dc.js → Container-ba826e96.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import styled from '@appbaseio/vue-emotion';
 
 var _templateObject;