buefy 0.9.24 → 0.9.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buefy",
-  "version": "0.9.24",
+  "version": "0.9.26",
   "homepage": "https://buefy.org",
   "description": "Lightweight UI components for Vue.js based on Bulma",
   "author": "Rafael Beraldo <rafael.pimpa@gmail.com>",
@@ -43,7 +43,7 @@
     "test:watch": "npm run unit -- --watchAll",
     "build:js": "rollup -c && rollup -c --environment MINIFY",
     "build:js:watch": "rollup -c --watch",
-    "build:scss": "sass src/scss/buefy-build.scss | node ./build/banner.js > dist/buefy.css && cleancss -o dist/buefy.min.css dist/buefy.css",
+    "build:scss": "node ./build/banner.js < src/scss/buefy-build.scss | sass --stdin --load-path src/scss > dist/buefy.css && cleancss -o dist/buefy.min.css dist/buefy.css",
     "build:scss:watch": "sass src/scss/buefy-build.scss --watch",
     "build:lib": "rimraf dist && npm run build:js && npm run build:scss && npm run vetur",
     "build:lib:watch": "concurrently \"npm run build:js:watch\" \"npm run build:scss:watch \" ",
@@ -66,97 +66,89 @@
     "vue": "^2.6.11"
   },
   "devDependencies": {
-    "@applitools/eyes-cypress": "3.7.5",
-    "@babel/core": "7.3.4",
-    "@babel/plugin-syntax-dynamic-import": "7.2.0",
-    "@babel/preset-env": "7.3.4",
-    "@fortawesome/fontawesome-free": "5.3.1",
-    "@mdi/font": "4.8.95",
+    "@applitools/eyes-cypress": "3.40.2",
+    "@babel/core": "7.23.5",
+    "@babel/preset-env": "7.23.5",
+    "@fortawesome/fontawesome-free": "6.5.1",
+    "@mdi/font": "4.9.95",
     "@vue/test-utils": "1.0.0-beta.29",
-    "all-contributors-cli": "6.14.0",
-    "autoprefixer": "7.1.1",
-    "axios": "0.21.1",
-    "babel-core": "6.25.0",
-    "babel-eslint": "7.1.1",
-    "babel-jest": "22.1.0",
-    "babel-loader": "7.1.2",
-    "babel-plugin-transform-runtime": "6.22.0",
-    "babel-preset-env": "1.3.2",
-    "babel-preset-stage-2": "6.22.0",
-    "babel-register": "6.22.0",
-    "bulma-css-vars": "^0.8.0",
-    "chalk": "4.1.0",
-    "clean-css-cli": "4.3.0",
-    "cleave.js": "1.0.1",
+    "all-contributors-cli": "6.26.1",
+    "axios": "1.6.0",
+    "babel-core": "6.26.3",
+    "babel-jest": "23.6.0",
+    "babel-loader": "7.1.5",
+    "babel-plugin-transform-runtime": "6.23.0",
+    "babel-preset-env": "1.7.0",
+    "babel-preset-stage-2": "6.24.1",
+    "babel-register": "6.26.0",
+    "bulma-css-vars": "0.8.0",
+    "chalk": "4.1.2",
+    "clean-css-cli": "5.6.3",
+    "cleave.js": "1.6.0",
     "clipboard": "1.7.1",
     "codecov": "3.7.1",
-    "connect-history-api-fallback": "1.3.0",
-    "copy-webpack-plugin": "4.3.1",
-    "copyfiles": "2.2.0",
-    "cross-env": "4.0.0",
-    "cross-spawn": "5.0.1",
-    "css-loader": "0.28.0",
-    "cypress": "3.4.1",
-    "eslint": "4.18.2",
+    "connect-history-api-fallback": "2.0.0",
+    "copy-webpack-plugin": "4.6.0",
+    "copyfiles": "2.4.1",
+    "css-loader": "0.28.11",
+    "cypress": "13.6.1",
+    "eslint": "4.19.1",
     "eslint-config-buefy": "0.0.3",
     "esm": "3.2.25",
     "eventsource-polyfill": "0.9.6",
-    "express": "4.15.0",
+    "express": "4.18.2",
     "extract-text-webpack-plugin": "3.0.2",
-    "file-loader": "0.11.1",
+    "file-loader": "2.0.0",
     "font-awesome": "4.7.0",
-    "friendly-errors-webpack-plugin": "1.6.1",
-    "handlebars": "4.5.3",
-    "highlight.js": "10.4.1",
-    "html-webpack-plugin": "2.30.1",
-    "http-proxy-middleware": "0.17.3",
-    "jest": "23.5.0",
-    "jest-serializer-vue": "0.3.0",
-    "lint-staged": "6.1.1",
-    "open": "7.1.0",
-    "optimize-css-assets-webpack-plugin": "3.2.0",
+    "friendly-errors-webpack-plugin": "1.7.0",
+    "highlight.js": "10.7.3",
+    "html-webpack-plugin": "3.2.0",
+    "http-proxy-middleware": "2.0.6",
+    "jest": "23.6.0",
+    "jest-serializer-vue": "3.1.0",
+    "lint-staged": "15.2.0",
+    "open": "8.4.2",
+    "optimize-css-assets-webpack-plugin": "3.2.1",
     "optimize-js-plugin": "0.0.4",
     "pre-commit": "1.2.2",
     "prerender-spa-plugin": "3.4.0",
     "raw-loader": "0.5.1",
-    "rimraf": "2.6.0",
-    "rollup": "1.17.0",
+    "rimraf": "3.0.2",
+    "rollup": "2.79.1",
     "rollup-copy-plugin": "0.1.0",
-    "rollup-plugin-babel": "4.3.2",
-    "rollup-plugin-commonjs": "9.2.1",
-    "rollup-plugin-node-resolve": "4.0.1",
-    "rollup-plugin-replace": "2.1.0",
-    "rollup-plugin-terser": "4.0.4",
-    "rollup-plugin-vue": "5.0.0",
-    "sass": "1.26.10",
+    "rollup-plugin-babel": "4.4.0",
+    "rollup-plugin-commonjs": "10.1.0",
+    "rollup-plugin-node-resolve": "5.2.0",
+    "rollup-plugin-replace": "2.2.0",
+    "rollup-plugin-terser": "7.0.2",
+    "rollup-plugin-vue": "5.1.9",
+    "sass": "1.69.5",
     "sass-loader": "7.3.1",
-    "scrollreveal": "3.3.6",
-    "semver": "5.3.0",
-    "shelljs": "0.8.4",
-    "sinon": "7.5.0",
-    "sortablejs": "1.7.0",
-    "uglifyjs-webpack-plugin": "1.2.5",
-    "url-loader": "0.5.8",
-    "vee-validate": "2.1.0-beta.9",
-    "vue": "2.6.11",
-    "vue-analytics": "4.1.3",
-    "vue-breakpoint-mixin": "^1.2.2",
-    "vue-jest": "2.5.0",
-    "vue-loader": "15.9.3",
-    "vue-progressbar": "0.7.2",
-    "vue-router": "3.1.6",
-    "vue-style-loader": "3.0.1",
-    "vue-template-compiler": "2.6.11",
-    "webpack": "3.10.0",
-    "webpack-bundle-analyzer": "2.9.2",
-    "webpack-dev-server": "2.11.1",
-    "webpack-hot-middleware": "2.21.0",
-    "webpack-merge": "4.1.2"
+    "scrollreveal": "3.4.0",
+    "semver": "7.5.4",
+    "shelljs": "0.8.5",
+    "sinon": "17.0.1",
+    "sortablejs": "1.15.1",
+    "uglifyjs-webpack-plugin": "1.3.0",
+    "url-loader": "1.1.2",
+    "vue": "2.7.15",
+    "vue-analytics": "5.22.1",
+    "vue-breakpoint-mixin": "1.5.0",
+    "vue-jest": "3.0.7",
+    "vue-loader": "15.11.1",
+    "vue-progressbar": "0.7.5",
+    "vue-router": "3.6.5",
+    "vue-style-loader": "4.1.3",
+    "vue-template-compiler": "2.7.15",
+    "webpack": "3.12.0",
+    "webpack-bundle-analyzer": "4.10.1",
+    "webpack-dev-server": "2.11.5",
+    "webpack-hot-middleware": "2.25.4",
+    "webpack-merge": "4.2.2"
   },
   "lint-staged": {
     "*.{vue,js}": [
-      "lint --fix",
-      "git add"
+      "eslint --fix"
     ]
   },
   "pre-commit": "lint:staged",

package/src/components/autocomplete/Autocomplete.vue

@@ -664,7 +664,7 @@ export default {
         },
         updateAppendToBody() {
             const dropdownMenu = this.$refs.dropdown
-            const trigger = this.$refs.input.$el
+            const trigger = this.$parent.$data._isTaginput ? this.$parent.$el : this.$refs.input.$el
             if (dropdownMenu && trigger) {
                 // update wrapper dropdown
                 const root = this.$data._bodyEl

package/src/components/autocomplete/__snapshots__/Autocomplete.spec.js.snap

@@ -2,18 +2,9 @@
 
 exports[`BAutocomplete render correctly 1`] = `
 <div class="autocomplete control">
-    <div class="control is-clearfix"><input type="text" autocomplete="off" aria-autocomplete="list" class="input">
-        <!---->
-        <!---->
-        <!---->
-    </div>
-    <div class="dropdown-menu" style="display: none;" name="fade">
-        <div class="dropdown-content" style="display: none;">
-            <!---->
-            <!---->
-            <!---->
-            <!---->
-        </div>
-    </div>
+  <div class="control is-clearfix"><input type="text" autocomplete="off" aria-autocomplete="list" class="input"> <!----> <!----> <!----></div>
+  <div class="dropdown-menu" style="display: none;" name="fade">
+    <div class="dropdown-content" style="display: none;"><!----> <!----> <!----> <!----></div>
+  </div>
 </div>
 `;

package/src/components/breadcrumb/__snapshots__/Breadcrumb.spec.js.snap

@@ -2,6 +2,6 @@
 
 exports[`BBreadcrumb render correctly 1`] = `
 <nav class="breadcrumb is-left is-medium">
-    <ul></ul>
+  <ul></ul>
 </nav>
 `;

package/src/components/button/Button.spec.js

@@ -104,4 +104,12 @@ describe('BButton', () => {
         })
         expect(wrapper.element.type).toBeFalsy()
     })
+
+    it('should set type attribute if the tag is input', () => {
+        wrapper.setProps({
+            tag: 'input',
+            nativeType: 'submit'
+        })
+        expect(wrapper.element.type).toBe('submit')
+    })
 })

package/src/components/button/Button.vue

@@ -3,7 +3,7 @@
         :is="computedTag"
         class="button"
         v-bind="$attrs"
-        :type="computedTag === 'button' ? nativeType : undefined"
+        :type="['button', 'input'].includes(computedTag) ? nativeType : undefined"
         :class="[size, type, {
             'is-rounded': rounded,
             'is-loading': loading,

package/src/components/button/__snapshots__/Button.spec.js.snap

@@ -1,8 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`BButton render correctly 1`] = `
-<button type="button" class="button">
-    <!---->
-    <!---->
-    <!----></button>
-`;
+exports[`BButton render correctly 1`] = `<button type="button" class="button"><!----> <!----> <!----></button>`;

package/src/components/carousel/__snapshots__/Carousel.spec.js.snap

@@ -1,19 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BCarousel render correctly 1`] = `
-<div class="carousel">
-    <!---->
-    <div class="carousel-items">
-        <div></div>
-        <div></div>
-        <div class="carousel-arrow is-hovered">
-            <b-icon-stub icon="chevron-left" both="true" class="has-icons-left" style="display: none;"></b-icon-stub>
-            <b-icon-stub icon="chevron-right" both="true" class="has-icons-right" style=""></b-icon-stub>
-        </div>
-    </div>
-    <!---->
-    <!---->
-    <div class="carousel-indicator is-inside is-bottom"><a class="indicator-item is-active"><span class="indicator-style is-dots"></span></a><a class="indicator-item"><span class="indicator-style is-dots"></span></a></div>
-    <!---->
+<div class="carousel"><!---->
+  <div class="carousel-items">
+    <div></div>
+    <div></div>
+    <div class="carousel-arrow is-hovered"><b-icon-stub icon="chevron-left" both="true" class="has-icons-left" style="display: none;"></b-icon-stub> <b-icon-stub icon="chevron-right" both="true" class="has-icons-right" style=""></b-icon-stub></div>
+  </div> <!----> <!---->
+  <div class="carousel-indicator is-inside is-bottom"><a class="indicator-item is-active"><span class="indicator-style is-dots"></span></a><a class="indicator-item"><span class="indicator-style is-dots"></span></a></div> <!---->
 </div>
 `;

package/src/components/carousel/__snapshots__/CarouselList.spec.js.snap

@@ -2,155 +2,136 @@
 
 exports[`BCarouselList render correctly 1`] = `
 <div class="carousel-list">
-    <div class="carousel-slides" style="transform: translateX(0px);">
-        <div class="carousel-slide is-active" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/0/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+  <div class="carousel-slides" style="transform: translateX(0px);">
+    <div class="carousel-slide is-active" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/0/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 1" image="https://picsum.photos/id/0/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/1/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 1" image="https://picsum.photos/id/0/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/1/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 2" image="https://picsum.photos/id/1/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/2/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 2" image="https://picsum.photos/id/1/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/2/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 3" image="https://picsum.photos/id/2/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/3/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 3" image="https://picsum.photos/id/2/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/3/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 4" image="https://picsum.photos/id/3/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/4/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 4" image="https://picsum.photos/id/3/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/4/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 5" image="https://picsum.photos/id/4/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/5/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 5" image="https://picsum.photos/id/4/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/5/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 6" image="https://picsum.photos/id/5/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/6/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 6" image="https://picsum.photos/id/5/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/6/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 7" image="https://picsum.photos/id/6/1230/500"></b-image-stub>
-        </div>
-        <div class="carousel-slide" style="width: 0px;">
-            <b-image-stub src="https://picsum.photos/id/7/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
-                    cov_2apmv5zqje.s[13]++;
+                }" title="Slide 7" image="https://picsum.photos/id/6/1230/500"></b-image-stub></div>
+    <div class="carousel-slide" style="width: 0px;"><b-image-stub src="https://picsum.photos/id/7/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
+                    /* istanbul ignore next */cov_1rgcw92mux.f[6]++;
+                    cov_1rgcw92mux.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
-                        cov_2apmv5zqje.s[14]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][0]++;
+                        cov_1rgcw92mux.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
-                        cov_2apmv5zqje.s[15]++;
+                        /* istanbul ignore next */cov_1rgcw92mux.b[2][1]++;
+                        cov_1rgcw92mux.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
-                }" title="Slide 8" image="https://picsum.photos/id/7/1230/500"></b-image-stub>
-        </div>
-    </div>
-    <div class="carousel-arrow is-hovered">
-        <b-icon-stub icon="chevron-left" both="true" class="has-icons-left" style="display: none;"></b-icon-stub>
-        <b-icon-stub icon="chevron-right" both="true" class="has-icons-right"></b-icon-stub>
-    </div>
+                }" title="Slide 8" image="https://picsum.photos/id/7/1230/500"></b-image-stub></div>
+  </div>
+  <div class="carousel-arrow is-hovered"><b-icon-stub icon="chevron-left" both="true" class="has-icons-left" style="display: none;"></b-icon-stub> <b-icon-stub icon="chevron-right" both="true" class="has-icons-right"></b-icon-stub></div>
 </div>
 `;

package/src/components/checkbox/__snapshots__/Checkbox.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`BCheckbox render correctly 1`] = `<label class="b-checkbox checkbox"><input type="checkbox" autocomplete="on" true-value="true" value="false"> <span class="check"></span> <span class="control-label"></span></label>`;
+exports[`BCheckbox render correctly 1`] = `<label class="b-checkbox checkbox"><input id="" type="checkbox" autocomplete="on" true-value="true" value="false"> <span class="check"></span> <span class="control-label"></span></label>`;

package/src/components/clockpicker/__snapshots__/Clockpicker.spec.js.snap

@@ -1,24 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BClockpicker render correctly 1`] = `
-<div class="b-clockpicker control is-primary">
-    <b-dropdown-stub maxheight="200" triggers="click" mobilemodal="true" animation="fade" trapfocus="true" closeonclick="true" canclose="true" appendtobodycopyparent="true">
-        <div custom="" class="card">
-            <!---->
-            <div class="card-content">
-                <div class="b-clockpicker-body" style="width: 266px; height: 266px;">
-                    <div class="b-clockpicker-time">
-                        <div class="b-clockpicker-btn active">Hours</div> <span class="b-clockpicker-btn">Min</span>
-                    </div>
-                    <div class="b-clockpicker-period">
-                        <div class="b-clockpicker-btn active">AM</div>
-                        <div class="b-clockpicker-btn">PM</div>
-                    </div>
-                    <b-clockpicker-face-stub pickersize="266" min="0" max="11" facenumbers="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" disabledvalues="function () { [native code] }"></b-clockpicker-face-stub>
-                </div>
-            </div>
-            <!---->
+<div class="b-clockpicker control is-primary"><b-dropdown-stub maxheight="200" triggers="click" mobilemodal="true" animation="fade" trapfocus="true" closeonclick="true" canclose="true" appendtobodycopyparent="true" triggertabindex="0">
+    <div custom="" class="card"><!---->
+      <div class="card-content">
+        <div class="b-clockpicker-body" style="width: 266px; height: 266px;">
+          <div class="b-clockpicker-time">
+            <div class="b-clockpicker-btn active">Hours</div> <span class="b-clockpicker-btn">Min</span>
+          </div>
+          <div class="b-clockpicker-period">
+            <div class="b-clockpicker-btn active">AM</div>
+            <div class="b-clockpicker-btn">PM</div>
+          </div> <b-clockpicker-face-stub pickersize="266" min="0" max="11" facenumbers="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" disabledvalues="function () { [native code] }"></b-clockpicker-face-stub>
         </div>
-    </b-dropdown-stub>
-</div>
+      </div> <!---->
+    </div>
+  </b-dropdown-stub></div>
 `;

package/src/components/clockpicker/__snapshots__/ClockpickerFace.spec.js.snap

@@ -2,8 +2,8 @@
 
 exports[`BClockpickerFace render correctly 1`] = `
 <div class="b-clockpicker-face">
-    <div class="b-clockpicker-face-outer-ring">
-        <div class="b-clockpicker-face-hand" style="transform: rotate(720deg) scaleY(1); transition: .3s cubic-bezier(.25,.8,.50,1);"></div>
-    </div>
+  <div class="b-clockpicker-face-outer-ring">
+    <div class="b-clockpicker-face-hand" style="transform: rotate(720deg) scaleY(1); transition: .3s cubic-bezier(.25,.8,.50,1);"></div>
+  </div>
 </div>
 `;

package/src/components/collapse/__snapshots__/Collapse.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`BCollapse default render correctly 1`] = `
 <div class="collapse">
-    <div aria-expanded="true"></div>
-    <div id="" class="collapse-content"></div>
+  <div class="collapse-trigger"></div>
+  <div id="" class="collapse-content"></div>
 </div>
 `;