diff --git a/CHANGELOG.md b/CHANGELOG.md index 3177911acd8..4dea111ea49 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,35 @@ > [standard-version](https://github.com/conventional-changelog/standard-version) for commit > guidelines. + + +## [v2.0.2](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.1...v2.0.2) + +Released: 2019-09-20 + +This patch release includes a few minor bug fixes and documentation updates. + +### Bug Fixes v2.0.2 + +- **b-popover, b-tooltip:** ensure prop `boundary-padding` is passed to popper instance (fixes + [#4131](https://github.com/bootstrap-vue/bootstrap-vue/issues/4131)) + ([#4133](https://github.com/bootstrap-vue/bootstrap-vue/issues/4133)) + ([a54a647](https://github.com/bootstrap-vue/bootstrap-vue/commit/a54a647)) +- **b-collapse:** make `id` prop not required + ([#4109](https://github.com/bootstrap-vue/bootstrap-vue/issues/4109)) + ([4f935ce](https://github.com/bootstrap-vue/bootstrap-vue/commit/4f935ce)) +- **tables:** add in missing Bootstrap variant class `bg-active` for dark tables + ([#4098](https://github.com/bootstrap-vue/bootstrap-vue/issues/4098)) + ([d9900ab](https://github.com/bootstrap-vue/bootstrap-vue/commit/d9900ab)) +- **tables:** ensure row variant `active` (class `table-active`) takes precedence over other row + variants (addresses [#3008](https://github.com/bootstrap-vue/bootstrap-vue/issues/3008)) + ([#4127](https://github.com/bootstrap-vue/bootstrap-vue/issues/4127)) + ([fdb8bb6](https://github.com/bootstrap-vue/bootstrap-vue/commit/fdb8bb6)) +- **tooltips, popovers:** hide trigger element `title` attribute during show delay (fixes + [#4114](https://github.com/bootstrap-vue/bootstrap-vue/issues/4114)) + ([#4120](https://github.com/bootstrap-vue/bootstrap-vue/issues/4120)) + ([2dd8d5a](https://github.com/bootstrap-vue/bootstrap-vue/commit/2dd8d5a)) + ## [v2.0.1](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0...v2.0.1) @@ -18,8 +47,8 @@ This patch release includes a few minor bug fixes and documentation updates. [#4052](https://github.com/bootstrap-vue/bootstrap-vue/issues/4052)) ([#4055](https://github.com/bootstrap-vue/bootstrap-vue/issues/4055)) ([9ccfe4c](https://github.com/bootstrap-vue/bootstrap-vue/commit/9ccfe4c)) -- **b-table:** handle filter as an object when using items provider, and prevent duplicate provider calls - on mount (fixes [#4065](https://github.com/bootstrap-vue/bootstrap-vue/issues/4065)) +- **b-table:** handle filter as an object when using items provider, and prevent duplicate provider + calls on mount (fixes [#4065](https://github.com/bootstrap-vue/bootstrap-vue/issues/4065)) ([#4068](https://github.com/bootstrap-vue/bootstrap-vue/issues/4068)) ([9ddd115](https://github.com/bootstrap-vue/bootstrap-vue/commit/9ddd115)) - **b-table:** remove extra slashes in mixins imports diff --git a/docs/markdown/misc/third-party/README.md b/docs/markdown/misc/third-party/README.md new file mode 100644 index 00000000000..8a745eece9c --- /dev/null +++ b/docs/markdown/misc/third-party/README.md @@ -0,0 +1,55 @@ +# Third party libraries + +> There are several 3rd party modules that you can use to add additional functionality and features +> to your BootstrapVue project. + +Notes: + +- The components and libraries listed here are not directly endorsed by BootstrapVue, and are listed + here only for convenience, and is by no means a complete list. +- These libraries may have additional dependencies. + +## Components + +Note: Many of the 3rd party components listed are lacking accessibility features and may not be +fully WAI-ARIA compliant, nor accessible to keyboard-only and/or screen-reader users. + +### Type Ahead + +- [Vue Bootstrap TypeAhead](https://github.com/alexurquhart/vue-bootstrap-typeahead) _Note: This + component is keyboard accessible, but is not fully WAI-ARIA compliant_ + +### Date and Time Pickers + +- [Vue AirBnB Style Datepicker](https://mikaeledebro.gitbooks.io/vue-airbnb-style-datepicker/) +- [Vue Datepicker](https://livelybone.github.io/vue/vue-datepicker/) _Note: Not WAI-ARIA compliant_ +- [Vue date pick](https://dbrekalo.github.io/vue-date-pick/) _Note: Not WAI-ARIA compliant_ +- [Vue2 date range picker](https://innologica.github.io/vue2-daterange-picker/) _Note: Not WAI-ARIA + compliant_ + +### Commenting and discussion + +- [Vue Disqus](https://github.com/ktquez/vue-disqus) + +### Icons + +- [Vue Font Awesome](https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs) +- [Vue Icon](https://github.com/qinshenxue/vue-icon) +- [Vue Ionicons](https://mazipan.github.io/vue-ionicons/) +- [Vue Unicons](https://antonreshetov.github.io/vue-unicons/) + +### Charting + +- [Vue Chart.js](https://vue-chartjs.org/) +- [Vue Highcharts](https://github.com/weizhenye/vue-highcharts) +- [Vue Graph](https://github.com/juijs/vue-graph) + +## Form validation + +- [VeeValidate](https://logaretm.github.io/vee-validate/) +- [Vuelidate](https://github.com/vuelidate/vuelidate/) + +## Site generation + +- [NuxtJS](https://nuxtjs.org) - Static + SPA+ PWA + SSR +- [Gridsome](https://gridsome.org) - Static + SPA + PWA diff --git a/docs/markdown/misc/third-party/meta.json b/docs/markdown/misc/third-party/meta.json new file mode 100644 index 00000000000..fd375dbda84 --- /dev/null +++ b/docs/markdown/misc/third-party/meta.json @@ -0,0 +1,5 @@ +{ + "title": "Third party libraries", + "slug": "third-party", + "description": "There are several 3rd party libraries that you can use to add additional functionality and features to your BootstrapVue project." +} diff --git a/docs/markdown/reference/color-variants/README.md b/docs/markdown/reference/color-variants/README.md index 4a7ff7da237..4dba055c1be 100644 --- a/docs/markdown/reference/color-variants/README.md +++ b/docs/markdown/reference/color-variants/README.md @@ -16,7 +16,7 @@ - `dark` - Dark The base variants will translate to various Bootstrap v4 contextual class names based on the -component (and variant purpose) where they are used. +component (and variant purpose) where they are used. See the sections below for details. ## Background and border variants @@ -24,10 +24,10 @@ All the **base variants** plus: - `transparent` -These translate to class names `bg-` for backgrounds and `border-` for borders. +These translate to class names `bg-{variant}` for backgrounds and `border-{variant}` for borders. -These variants are used by components (such as ``, `` and ``) that -provide `bg-variant`, `*-bg-variant`, `border-variant` and `*-border-variant` props +These variants are used by components (such as ``, ``, ``, etc.) that +provide `bg-variant`, `*-bg-variant`, `border-variant` and `*-border-variant` props. ## Text variants @@ -37,10 +37,10 @@ All the **base variants** plus: - `white` - `black` -These translate to class names `text-` +These translate to class names `text-{variant}` -These variants are used by components (such as ``, `` and ``) that -provide `text-variant` and `*-text-variant` props +These variants are used by components (such as ``, ``, ``, etc.) that +provide `text-variant` and `*-text-variant` props. ## Component specific variants @@ -51,22 +51,22 @@ Some Bootstrap v4 components require additional CSS styling, or additional pseud All the **base variants** -These translate to class names `alert-`. +These translate to class names `alert-{variant}`. ### Badge variants All the **base variants** -These translate to class names `badge-`. +These translate to class names `badge-{variant}`. ### Button variants All the **base variants** plus: -- `outline-` -- `link` which renders the button with the look of a link but retains button padding and margins. +- `outline-{base variant}` which generates an outline button version of the base variant +- `link` which renders the button with the look of a link but retains button padding and margins -These translate to class names `btn-` and `btn-outline-`. +These translate to class names `btn-{variant}` and `btn-outline-{variant}`. Note the `link` variant does not have an outline version. @@ -76,27 +76,30 @@ All the **base variants** plus: - `active` -These variants translate to class names `table-`. +These variants translate to class names `table-{variant}`. -When the table has the `dark` prop set, the variants translate to the `bg-` classes. +When the table has the `dark` prop set, the variants translate to the `bg-{variant}` classes. + +Note that the `active` variant is only applicable to `` elements within the ``, and can +not be applied to individual table cells or used as the `table-variant`. ### Popover variants All the **base variants** -These translate to BootstrapVue custom class names `b-popover-`. +These translate to BootstrapVue custom class names `b-popover-{variant}`. ### Tooltip variants All the **base variants** -These translate to BootstrapVue custom class names `b-tooltip-`. +These translate to BootstrapVue custom class names `b-tooltip-{variant}`. ### Toast variants All the **base variants** -These translate to BootstrapVue custom class names `b-toast-`. +These translate to BootstrapVue custom class names `b-toast-{variant}`. ## Using variant classes diff --git a/package.json b/package.json index f4a2c0891f6..578ef13eda5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bootstrap-vue", - "version": "2.0.1", + "version": "2.0.2", "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", @@ -93,12 +93,12 @@ "babel-jest": "^24.9.0", "babel-plugin-istanbul": "^5.2.0", "clean-css-cli": "^4.3.0", - "codecov": "^3.5.0", - "codemirror": "^5.48.4", + "codecov": "^3.6.1", + "codemirror": "^5.49.0", "codesandbox": "^2.1.10", "core-js": ">=2.6.5 <3.0.0", - "cross-env": "^5.2.1", - "eslint": "^6.3.0", + "cross-env": "^6.0.0", + "eslint": "^6.4.0", "eslint-config-prettier": "^6.3.0", "eslint-config-standard": "^14.1.0", "eslint-config-vue": "^2.0.2", @@ -106,7 +106,7 @@ "eslint-plugin-jest": "^22.17.0", "eslint-plugin-markdown": "^1.0.0", "eslint-plugin-node": "^10.0.0", - "eslint-plugin-prettier": "^3.1.0", + "eslint-plugin-prettier": "^3.1.1", "eslint-plugin-promise": "^4.2.1", "eslint-plugin-standard": "^4.0.1", "eslint-plugin-vue": "^5.2.3", @@ -123,7 +123,7 @@ "nuxt": "^2.9.2", "postcss-cli": "^6.1.3", "prettier": "1.14.3", - "rollup": "^1.21.2", + "rollup": "^1.21.4", "rollup-plugin-babel": "^4.3.3", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-node-resolve": "^5.2.0", diff --git a/src/_variables.scss b/src/_variables.scss index a806b76ac8f..6f03a53eed9 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -88,6 +88,10 @@ $bv-enable-table-stacked: true !default; $b-table-stacked-heading-width: 40% !default; $b-table-stacked-gap: 1rem !default; +// Bootstrap v4.3 is missing the "active" variant for dark tables +// Which translates to `bg-active`, but only for tables +$table-dark-active-bg: $table-dark-hover-bg !default; + // --- Toasts --- // Toaster defaults diff --git a/src/components/collapse/README.md b/src/components/collapse/README.md index 667aea26bb4..dbcdba74e50 100644 --- a/src/components/collapse/README.md +++ b/src/components/collapse/README.md @@ -63,7 +63,8 @@ the `visible` prop. Note, when using `v-model` to control ``, the `aria-*` attributes and class `collapsed` are not automatically placed on the trigger button (as is the case when using the `v-b-toggle` -directive). In this example we must control them ourselves. +directive). In this example we **must control the attributes ourselves** for proper accessibility +support. ```html