diff --git a/CHANGELOG.md b/CHANGELOG.md
index 723e1fceed6..ef8ee6bc4e2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,39 @@
> [standard-version](https://github.com/conventional-changelog/standard-version) for commit
> guidelines.
+
+
+## [v2.0.4](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.3...v2.0.4)
+
+Released: 2019-10-11
+
+### Bug Fixes v2.0.4
+
+- **b-carousel:** disable the next/prev controls when the carousel is sliding (closes
+ [#4210](https://github.com/bootstrap-vue/bootstrap-vue/issues/4210))
+ ([#4212](https://github.com/bootstrap-vue/bootstrap-vue/issues/4212))
+ ([64d556d](https://github.com/bootstrap-vue/bootstrap-vue/commit/64d556d))
+- **b-dropdown-form:** fix SCSS styling when placed in a nav dropdown (fixes
+ [#4220](https://github.com/bootstrap-vue/bootstrap-vue/issues/4220))
+ ([#4223](https://github.com/bootstrap-vue/bootstrap-vue/issues/4223))
+ ([b852bba](https://github.com/bootstrap-vue/bootstrap-vue/commit/b852bba))
+- **types:** correct the declared export name for `BCardSubTitle` component
+ ([#4229](https://github.com/bootstrap-vue/bootstrap-vue/issues/4229))
+ ([9f216df](https://github.com/bootstrap-vue/bootstrap-vue/commit/9f216df))
+
+### Performance v2.0.4
+
+- **b-table, b-table-lite:** improve render performance for large tables (closes
+ [#4211](https://github.com/bootstrap-vue/bootstrap-vue/issues/4211),
+ [#4155](https://github.com/bootstrap-vue/bootstrap-vue/issues/4155))
+ ([#4213](https://github.com/bootstrap-vue/bootstrap-vue/issues/4213))
+ ([f3f42f2](https://github.com/bootstrap-vue/bootstrap-vue/commit/f3f42f2))
+
+### Other v2.0.4
+
+- add `"sass"` entry in `package.json`
+- minor docs fixes and updates
+
## [v2.0.3](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.2...v2.0.3)
diff --git a/docs/components/quick-links.vue b/docs/components/quick-links.vue
index 3db70c2f991..4970b33e3c2 100644
--- a/docs/components/quick-links.vue
+++ b/docs/components/quick-links.vue
@@ -36,7 +36,7 @@
```
-The `custom.scss` file, which needs to be loaded before Bootstrap's SCSS and BootstrapVue's SCSS,
+The `custom-vars.scss` file, which needs to be loaded before Bootstrap's SCSS and BootstrapVue's SCSS,
will include your Bootstrap v4 variable overrides (i.e. colors, shadows, font sizes, breakpoints,
etc).
**Via app main entry point:**
-Create an SCSS file with your custom theme variables:
+Create an SCSS file with your custom theme variables which also impoerts Bootstrap and BootstrapVue's
+SCSS:
```scss
// File: custom.scss
@@ -165,10 +176,14 @@ $bv-enable-table-stacked: false;
body {
margin: 0;
}
+
+.my-widget {
+ color: var(--danger);
+}
// ...
```
-Then import that single SCSS file into your app code entry point:
+Then import that single SCSS file into your main app code entry point:
```js
// app.js
@@ -199,7 +214,8 @@ general prototyping.
### Available Bootstrap CSS variables
-Here are the variables that are generated. The values shown are based on the Bootstrap v4 defaults:
+Here are the CSS variables that are generated. The values shown are based on the Bootstrap v4
+_defaults_:
```scss
:root {
diff --git a/package.json b/package.json
index 9105e3210a4..62f61672623 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,13 @@
{
"name": "bootstrap-vue",
- "version": "2.0.3",
+ "version": "2.0.4",
"description": "BootstrapVue, with over 40 plugins and more than 80 custom components, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.",
"main": "dist/bootstrap-vue.common.js",
"web": "dist/bootstrap-vue.js",
"module": "esm/index.js",
"jsnext:main": "esm/index.js",
"source": "src/index.js",
+ "sass": "src/index.scss",
"style": "dist/bootstrap-vue.css",
"license": "MIT",
"types": "src/index.d.ts",
@@ -78,12 +79,12 @@
"vue-functional-data-merge": "^3.1.0"
},
"devDependencies": {
- "@babel/cli": "^7.6.2",
- "@babel/core": "^7.6.2",
+ "@babel/cli": "^7.6.4",
+ "@babel/core": "^7.6.4",
"@babel/plugin-transform-modules-commonjs": "^7.6.0",
"@babel/plugin-transform-runtime": "^7.6.2",
- "@babel/preset-env": "^7.6.2",
- "@babel/standalone": "^7.6.2",
+ "@babel/preset-env": "^7.6.3",
+ "@babel/standalone": "^7.6.4",
"@nuxtjs/google-analytics": "^2.2.0",
"@nuxtjs/pwa": "^3.0.0-beta.19",
"@vue/test-utils": "^1.0.0-beta.29",
@@ -120,7 +121,7 @@
"lodash": "^4.17.15",
"marked": "^0.7.0",
"node-sass": "^4.12.0",
- "nuxt": "^2.10.0",
+ "nuxt": "^2.10.1",
"postcss-cli": "^6.1.3",
"prettier": "1.14.3",
"require-context": "^1.1.0",
@@ -130,7 +131,7 @@
"rollup-plugin-node-resolve": "^5.2.0",
"sass-loader": "^8.0.0",
"standard-version": "^7.0.0",
- "terser": "^4.3.7",
+ "terser": "^4.3.8",
"vue": "^2.6.10",
"vue-jest": "^3.0.5",
"vue-router": "^3.1.3",
diff --git a/src/components/card/README.md b/src/components/card/README.md
index f0f692dc900..25c8e3e0f45 100644
--- a/src/components/card/README.md
+++ b/src/components/card/README.md
@@ -248,7 +248,7 @@ card.
img-top
>
- >Hello World
+ Hello World
diff --git a/src/components/card/index.d.ts b/src/components/card/index.d.ts
index ba4bd6a0882..5d41ebd2460 100644
--- a/src/components/card/index.d.ts
+++ b/src/components/card/index.d.ts
@@ -22,8 +22,8 @@ export declare class BCardBody extends BvComponent {}
// Component: b-card-title
export declare class BCardTitle extends BvComponent {}
-// Component: b-card-subtitle
-export declare class BCardSubtitle extends BvComponent {}
+// Component: b-card-sub-title
+export declare class BCardSubTitle extends BvComponent {}
// Component: b-card-img
export declare class BCardImg extends BvComponent {}
diff --git a/src/components/carousel/carousel.js b/src/components/carousel/carousel.js
index 30ca32580e3..a8d8d199596 100644
--- a/src/components/carousel/carousel.js
+++ b/src/components/carousel/carousel.js
@@ -498,19 +498,36 @@ export const BCarousel = /*#__PURE__*/ Vue.extend({
// Prev and next controls
let controls = h()
if (this.controls) {
+ const prevHandler = evt => {
+ /* istanbul ignore next */
+ if (!this.isSliding) {
+ this.handleClick(evt, this.prev)
+ } else {
+ evt.preventDefault()
+ }
+ }
+ const nextHandler = evt => {
+ /* istanbul ignore next */
+ if (!this.isSliding) {
+ this.handleClick(evt, this.next)
+ } else {
+ evt.preventDefault()
+ }
+ }
controls = [
h(
'a',
{
class: ['carousel-control-prev'],
- attrs: { href: '#', role: 'button', 'aria-controls': this.safeId('__BV_inner_') },
+ attrs: {
+ href: '#',
+ role: 'button',
+ 'aria-controls': this.safeId('__BV_inner_'),
+ 'aria-disabled': this.isSliding ? 'true' : null
+ },
on: {
- click: evt => {
- this.handleClick(evt, this.prev)
- },
- keydown: evt => {
- this.handleClick(evt, this.prev)
- }
+ click: prevHandler,
+ keydown: prevHandler
}
},
[
@@ -522,14 +539,15 @@ export const BCarousel = /*#__PURE__*/ Vue.extend({
'a',
{
class: ['carousel-control-next'],
- attrs: { href: '#', role: 'button', 'aria-controls': this.safeId('__BV_inner_') },
+ attrs: {
+ href: '#',
+ role: 'button',
+ 'aria-controls': this.safeId('__BV_inner_'),
+ 'aria-disabled': this.isSliding ? 'true' : null
+ },
on: {
- click: evt => {
- this.handleClick(evt, this.next)
- },
- keydown: evt => {
- this.handleClick(evt, this.next)
- }
+ click: nextHandler,
+ keydown: nextHandler
}
},
[
diff --git a/src/components/dropdown/_dropdown-form.scss b/src/components/dropdown/_dropdown-form.scss
index e6b247d89a4..c1528e73447 100644
--- a/src/components/dropdown/_dropdown-form.scss
+++ b/src/components/dropdown/_dropdown-form.scss
@@ -6,35 +6,33 @@ $bv-dropdown-form-defined: false !default;
// Custom styles for
// Based on class `.dropdown-item`
- .dropdown.b-dropdown {
- .b-dropdown-form {
- display: inline-block;
- padding: $dropdown-item-padding-y $dropdown-item-padding-x;
- width: 100%;
- clear: both;
- font-weight: $font-weight-normal;
+ .b-dropdown-form {
+ display: inline-block;
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+ width: 100%;
+ clear: both;
+ font-weight: $font-weight-normal;
- &:focus {
- // From https://github.com/twbs/bootstrap/blob/master/scss/_reboot.scss
- // mimicking button:focus styling.
- // We add important here as anything with tabindex `-1` and focused will not
- // have a focus ring due to reboot.scss and it's `!important` override.
- // Needed for keyboard navigation high-lighting
- outline: 1px dotted !important;
- outline: 5px auto -webkit-focus-ring-color !important;
- }
+ &:focus {
+ // From https://github.com/twbs/bootstrap/blob/master/scss/_reboot.scss
+ // mimicking button:focus styling.
+ // We add important here as anything with tabindex `-1` and focused will not
+ // have a focus ring due to reboot.scss and it's `!important` override.
+ // Needed for keyboard navigation high-lighting
+ outline: 1px dotted !important;
+ outline: 5px auto -webkit-focus-ring-color !important;
+ }
- &.disabled,
- &:disabled {
- outline: 0 !important;
- color: $dropdown-link-disabled-color;
- pointer-events: none;
- // background-color: transparent;
- // Remove CSS gradients if they're enabled
- // @if $enable-gradients {
- // background-image: none;
- // }
- }
+ &.disabled,
+ &:disabled {
+ outline: 0 !important;
+ color: $dropdown-link-disabled-color;
+ pointer-events: none;
+ // background-color: transparent;
+ // Remove CSS gradients if they're enabled
+ // @if $enable-gradients {
+ // background-image: none;
+ // }
}
}
}
diff --git a/src/components/form-input/README.md b/src/components/form-input/README.md
index e9a9fa36d9d..acde8953d89 100644
--- a/src/components/form-input/README.md
+++ b/src/components/form-input/README.md
@@ -534,4 +534,30 @@ these methods and properties. Support will vary based on input type.
You can use `` by it's shorter alias ``.
+## Using HTML5 `` as an alternative
+
+If you just need a simple input with basic bootstrap styling, you can simply use the following:
+
+```html
+
+
+
+
+
Value: "{{ value }}"
+