bootstrap-vue · tmorehouse · Aug 14, 2019 · Aug 13, 2019 · Aug 13, 2019 · Aug 14, 2019
diff --git a/docs/components/importdoc.vue b/docs/components/importdoc.vue
@@ -10,8 +10,8 @@
         </anchored-heading>
 
         <p>
-          <b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22</b-badge> You can
-          import individual components into your project via the following named exports:
+          You can import individual components into your project via the following named
+          exports:
         </p>
 
         <b-table
@@ -45,8 +45,8 @@
         </anchored-heading>
 
         <p>
-          <b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22 </b-badge> You can
-          import individual directives into your project via the following named exports:
+          You can import individual directives into your project via the following named
+          exports:
         </p>
 
         <b-table
@@ -78,11 +78,6 @@
         Importing as a Vue.js plugin
       </anchored-heading>
 
-      <p>
-        <b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22</b-badge> Importing plugins
-        has been simplified.
-      </p>
-
       <p v-if="isComponentRoute">
         This plugin includes all of the above listed individual
         components<span v-if="directives.length"> and directives</span>.
@@ -122,18 +117,6 @@
       <p><strong>Example:</strong></p>
       <pre class="hljs language-js text-monospace p-2 notranslate" translate="no">{{ pluginImportCode }}</pre>
     </article>
-
-    <aside class="alert alert-warning my-4">
-      <p class="mb-0">
-        <b-badge variant="warning" tag="strong">CHANGED as of v2.0.0:</b-badge>
-        Importing components, directives and plugins from
-        <code class="notranslate" translate="no">bootstrap-vue/es/*</code>
-        has been removed. All components, directives and plugins are now available as top-level named
-        exports in the <code class="notranslate" translate="no">ESM</code> and
-        <code class="notranslate" translate="no">CommonJS</code> builds. The
-        <code class="notranslate" translate="no">es/</code> directory build has been removed.
-      </p>
-    </aside>
   </section>
 </template>
 

diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md
@@ -193,8 +193,6 @@ Guide for full details on setting up aliases for [webpack](https://webpack.js.or
 
 ## Tree shaking with module bundlers
 
-<span class="badge badge-info small">SIMPLIFIED in 2.0.0-rc.20</span>
-
 When using a module bundler you can optionally import only specific components groups (plugins),
 components and/or directives.
 
@@ -208,8 +206,6 @@ components and/or directives.
 
 ### Component groups and directives as Vue plugins
 
-<span class="badge badge-info small">CHANGED in 2.0.0-rc.22</span>
-
 You can import component groups and directives as Vue plugins by importing from the `bootstrap-vue`:
 
 <!-- eslint-disable import/first, import/no-duplicates -->
@@ -256,8 +252,6 @@ single `import` statement for optimal tree shaking.
 
 ### Individual components and directives
 
-<span class="badge badge-info small">CHANGED in 2.0.0-rc.22</span>
-
 If you would like to only pull in a specific component or set of components, you can do this by
 directly importing those components.
 
@@ -304,8 +298,6 @@ object property shorthand (components only).
 
 ### Using BootstrapVue source code for smaller bundles
 
-<span class="badge badge-info small">For advanced users</span>
-
 When using module bundlers, they will usually default to using the `esm/` modular build, which has
 been pre-transpiled by Babel for our
 [supported browsers](https://github.com/bootstrap-vue/bootstrap-vue/blob/master/.browserslistrc).
@@ -439,14 +431,11 @@ import 'custom.scss'
 
 ### `transformAssetUrls` with Nuxt.js
 
-<span class="badge badge-info small">NEW in v2.0.0-rc.22</span> The BootstrapVue Nuxt plugin module
-will automatically add in the BootstrapVue specific [`transformAssetUrls`](/docs/reference/images)
-image `src` prop configuration for you.
+The BootstrapVue Nuxt plugin module will automatically add in the BootstrapVue specific
+[`transformAssetUrls`](/docs/reference/images) image `src` prop configuration for you.
 
 ### Tree shaking with Nuxt.js
 
-<span class="badge badge-info small">ENHANCED in 2.0.0-rc.20</span>
-
 If you wish to reduce your production bundle size because you only use a subset of the available
 BootstrapVue plugins, you can configure the list of BootstrapVue `componentPlugins` or
 `directivePlugins` you want to globally install in your Nuxt.js project.
@@ -469,18 +458,17 @@ module.exports = {
 }
 ```
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.20</span> There are two additional helper
-plugins for providing the `$bvModal` and `$bvToast` injections (if you are not using the
-`ModalPlugin` or `ToastPlugin` plugins) that are available in the `componentPlugins` option:
+There are two additional helper plugins for providing the `$bvModal` and `$bvToast` injections (if
+you are not using the `ModalPlugin` or `ToastPlugin` plugins) that are available in the
+`componentPlugins` option:
 
 - `BVModalPlugin` - provides the injection `$bvModal` for generating
   [message boxes](/docs/components/modal#modal-message-boxes).
 - `BVToastPlugin` - provides the injection `$bvToast` for generating
   [on demand toasts](/docs/components/toast#toasts-on-demand).
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.20</span> You can also optionally import
-individual components and/or directives, by configuring the list of BootstrapVue `components` or
-`directives` you want to globally install in your Nuxt.js project.
+You can also optionally import individual components and/or directives, by configuring the list of
+BootstrapVue `components` or `directives` you want to globally install in your Nuxt.js project.
 
 ```js
 module.exports = {
@@ -540,37 +528,6 @@ pre-transpiled versions, while setting it to `false` will always use `src/`. By
 `usePretranspiled` is enabled in development mode only. You should not need to use this option as
 the default is most optimal for performance.
 
-## Vue CLI 2
-
-<span class="badge badge-warning small">DEPRECATED</span> Use [Vue CLI 3](#vue-cli-3) instead.
-
-BootstrapVue has two Vue CLI templates available:
-
-- [webpack-simple](https://github.com/bootstrap-vue/webpack-simple): Quick scaffold for a proof of
-  concept or small app
-- [webpack](https://github.com/bootstrap-vue/webpack): Larger, production ready template with more
-  options
-
-```bash
-# Ensure Vue CLI is installed and up to date
-npm install -g vue-cli
-
-# Initialize a BootstrapVue project in the directory 'my-project'
-vue init bootstrap-vue/webpack-simple my-project
-
-# Change into the directory
-cd my-project
-
-# Install dependencies
-npm install
-
-# Fire up the dev server with HMR
-npm run dev
-```
-
-You can repeat the commands above replacing `bootstrap-vue/webpack-simple` with
-`bootstrap-vue/webpack` for the webpack template.
-
 ## Vue CLI 3
 
 Unlike V2, Vue CLI 3 doesn't use templates.

diff --git a/docs/markdown/misc/settings/README.md b/docs/markdown/misc/settings/README.md
@@ -1,7 +1,5 @@
 # Settings
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.16</span>
-
 > BootstrapVue provides a few options for customizing component default values, and more.
 
 ## Configuring defaults
@@ -22,16 +20,12 @@ stored under the `formControls` property, while component specific defaults are
 defined in the default configuration can be overridden. Attempting to set a config property that is
 not defined in the default will generate a console warning.
 
-The `formControls` entry was introduced in <span class="badge badge-info small">v2.0.0-rc.28</span>.
-
 ```json
 {{ defaultConfig }}
 ```
 
 ### Setting new configuration values
 
-<span class="badge badge-info small">ENHANCED in v2.0.0-rc.22</span>
-
 When you `Vue.use(BootstrapVue)`, you can optionally pass a configuration object which specifies new
 values to replace the default values. For example if you wish to define new breakpoint names (which
 will generate appropriate properties on components such as `<b-col>` and `<b-form-group>`), so that

diff --git a/docs/markdown/reference/accessibility/meta.json b/docs/markdown/reference/accessibility/meta.json
@@ -1,5 +1,4 @@
 {
   "title": "Accessibility",
-  "description": "A brief overview of BootstrapVue's features and limitations for the creation of accessible content.",
-  "new": true
+  "description": "A brief overview of BootstrapVue's features and limitations for the creation of accessible content."
 }
diff --git a/docs/markdown/reference/images/README.md b/docs/markdown/reference/images/README.md
@@ -117,9 +117,8 @@ module.exports = {
 }
 ```
 
-<span class="badge badge-info small">NEW in v2.0.0-rc.22</span> If using the
-[BootstrapVue Nuxt](/docs#nuxtjs-module) module with Nuxt.js, the plugin module will automatically
-add in the BootstrapVue specific `transformAssetUrls` configuration for you.
+If using the [BootstrapVue Nuxt](/docs#nuxtjs-module) module with Nuxt.js, the plugin module will
+automatically add in the BootstrapVue specific `transformAssetUrls` configuration for you.
 
 ## Using `require` to resolve image paths
 

diff --git a/docs/markdown/reference/size-props/README.md b/docs/markdown/reference/size-props/README.md
@@ -39,10 +39,10 @@ values as you need to generate different utilities here.
 
 ```html
 <div class="text-center">
-  <div class="w-25 p-3 mb-1 bg-secondary">Width 25%</div>
-  <div class="w-50 p-3 mb-1 bg-secondary">Width 50%</div>
-  <div class="w-75 p-3 mb-1 bg-secondary">Width 75%</div>
-  <div class="w-100 p-3 bg-secondary">Width 100%</div>
+  <div class="w-25 p-3 mb-1 bg-secondary text-light">Width 25%</div>
+  <div class="w-50 p-3 mb-1 bg-secondary text-light">Width 50%</div>
+  <div class="w-75 p-3 mb-1 bg-secondary text-light">Width 75%</div>
+  <div class="w-100 p-3 bg-secondary text-light">Width 100%</div>
 </div>
 
 <!-- widths.vue -->

diff --git a/docs/markdown/reference/starter-templates/README.md b/docs/markdown/reference/starter-templates/README.md
@@ -81,26 +81,6 @@ tags to load the required JavaScript and CSS in your page.
 </html>
 ```
 
-## Vue CLI 2
-
-<span class="badge badge-warning small">DEPRECATED</span>
-
-### `webpack-simple` example
-
-Starter template: https://github.com/bootstrap-vue/webpack-simple
-
-Note: you may need to adjust the template package.json file to use the latest BootstrapVue version
-
-Coming soon!
-
-### `webpack` example
-
-Starter template: https://github.com/bootstrap-vue/webpack
-
-Note: you may need to adjust the template package.json file to use the latest BootstrapVue version
-
-Coming soon!
-
 ## Vue CLI 3
 
 Vue CLI 3 is the newest way to create Vue apps.

diff --git a/src/components/button/README.md b/src/components/button/README.md
@@ -131,8 +131,6 @@ prop.
 
 ## Pill style
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.20</span>
-
 Prefer buttons with a more rounded-pill style? Just set the prop `pill` to true.
 
 ```html
@@ -152,8 +150,6 @@ This prop adds the Bootstrap v4.3 utility class `.rounded-pill` on the rendered
 
 ## Squared style
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.22</span>
-
 Prefer buttons with a more square corner style? Just set the prop `squared` to true.
 
 ```html

diff --git a/src/components/dropdown/README.md b/src/components/dropdown/README.md
@@ -199,8 +199,6 @@ router link `to` value via the `split-to` prop, while maintaining the look of a
 
 ### Split button type
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.27</span>
-
 The split button defaults to a button `type` of `'button'`. You can specify an alternate type via
 the `split-button-type` prop. Supported values are: `'button'`, `'submit'` and `'reset'`.
 
@@ -337,8 +335,6 @@ to `true`. This is useful when the dropdown is to be displayed as an icon.
 
 ## Lazy dropdown
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.26</span>
-
 By default, `<b-dropdown>` renders the menu contents in the DOM even when the menu is not shown.
 When there are a large number of dropdowns rendered on the same page, performance could be impacted
 due to larger overall memory utilization. You can instruct `<b-dropdown>` to render the menu
@@ -592,8 +588,6 @@ the full list of events.
 
 ## Optionally scoped default slot
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.20</span>
-
 The default slot is optionally scoped with the following scope available:
 
 | Property or Method | Description                                                                                                                      |
@@ -656,11 +650,10 @@ form controls within the menu.
 
 ## Implementation notes
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.19</span> The dropdown menu is rendered with
-semantic `<ul>` and `<li>` elements for accessibility reasons. The `.dropdown-menu` is the `<ul>`
-element, while dropdown items (items, buttons, text, form, headers, and dividers) are wrapped in an
-`<li>` element. If creating custom items to place inside the dropdown menu, ensure they are wrapped
-with a plain `<li>`.
+The dropdown menu is rendered with semantic `<ul>` and `<li>` elements for accessibility reasons.
+The `.dropdown-menu` is the `<ul>` element, while dropdown items (items, buttons, text, form,
+headers, and dividers) are wrapped in an `<li>` element. If creating custom items to place inside
+the dropdown menu, ensure they are wrapped with a plain `<li>`.
 
 On touch-enabled devices, opening a `<b-dropdown>` adds empty (noop) `mouseover` handlers to the
 immediate children of the `<body>` element. This admittedly ugly hack is necessary to work around a

diff --git a/src/components/form-checkbox/README.md b/src/components/form-checkbox/README.md
@@ -169,8 +169,6 @@ or if using individual checkboxes not inside a `<b-form-checkbox-group>`, set th
 
 ## Control sizing
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.28</span>
-
 Use the `size` prop to control the size of the checkbox. The default size is medium. Supported size
 values are `sm` (small) and `lg` (large).
 
@@ -406,8 +404,6 @@ Render groups of checkboxes with the look of a switches by setting the prop `swi
 
 ### Switch sizing
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.28</span>
-
 Use the `size` prop to control the size of the switch. The default size is medium. Supported size
 values are `sm` (small) and `lg` (large).
 
@@ -547,8 +543,6 @@ the group.
 
 ## Autofocus
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.21</span>
-
 When the `autofocus` prop is set on `<b-form-checkbox>`, the input will be auto-focused when it is
 inserted into the document, or re-activated when inside a Vue `<keep-alive>` component. Note that
 this prop **does not** set the `autofocus` attribute on the input.

diff --git a/src/components/form-checkbox/package.json b/src/components/form-checkbox/package.json
@@ -3,7 +3,6 @@
   "version": "1.0.0",
   "meta": {
     "title": "Form Checkbox",
-    "enhanced": true,
     "description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.",
     "components": [
       {

diff --git a/src/components/form-file/README.md b/src/components/form-file/README.md
@@ -106,8 +106,6 @@ customizing its appearance.
 
 ### Control sizing
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.28</span>
-
 Use the `size` prop to control the visual size of the input. The default size is considered `md`
 (medium). Optional sizes are `lg` (large) and `sm` (small). These sizes line up with the sizes
 available on other form controls.
@@ -237,8 +235,6 @@ To apply one of the contextual state icons on `<b-form-file`, set the `state` pr
 
 ## Autofocus
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.21</span>
-
 When the `autofocus` prop is set on `<b-form-file>`, the input will be auto-focused when it is
 inserted into the document or re-activated when inside a Vue `<keep-alive>` component. Note that
 this prop **does not** set the `autofocus` attribute on the input.

diff --git a/src/components/form-file/package.json b/src/components/form-file/package.json
@@ -3,7 +3,6 @@
   "version": "1.0.0",
   "meta": {
     "title": "Form File",
-    "enhanced": true,
     "description": "Customized, cross-browser consistent, file input control that supports single file, multiple files, and directory upload.",
     "components": [
       {

diff --git a/src/components/form-input/README.md b/src/components/form-input/README.md
@@ -482,8 +482,6 @@ Emulation of the `.lazy` modifier is _not_ supported (listen for `change` or `bl
 
 ## Autofocus
 
-<span class="badge badge-info small">NEW in 2.0.0-rc.21</span>
-
 When the `autofocus` prop is set, the input will be auto-focused when it is inserted into the
 document, or re-activated when inside a Vue `<keep-alive>` component. Note that this prop **does
 not** set the `autofocus` attribute on the input.