Merge branch 'master' into docs-dark-mode

.babelrc.js

@@ -11,10 +11,5 @@ module.exports = {
   ],
   plugins: [
     '@babel/plugin-proposal-object-rest-spread'
-  ],
-  env: {
-    test: {
-      plugins: [ 'istanbul' ]
-    }
-  }
+  ]
 };

.github/workflows/test.yml

@@ -0,0 +1,50 @@
+name: Run tests
+on: [push, pull_request]
+
+jobs:
+  run:
+    name: Node ${{ matrix.node }}
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node: [8, 10, 12]
+
+    steps:
+    - uses: actions/checkout@master
+      with:
+        fetch-depth: 3
+
+    - name: Set Node.js version
+      uses: actions/setup-node@v1.1.0
+      with:
+        version: ${{ matrix.node }}
+
+    - run: node --version
+    - run: npm --version
+    - run: java -version
+
+    - name: Install npm dependencies
+      run: npm ci
+
+    - name: Run tests
+      run: npm test
+
+    - name: Run bundlesize
+      run: npm run bundlesize
+      if: matrix.node == 10 && github.repository == 'twbs/bootstrap'
+      env:
+        BUNDLESIZE_GITHUB_TOKEN: "${{ secrets.BUNDLESIZE_GITHUB_TOKEN }}"
+
+    - name: Run BrowserStack tests
+      run: npm run js-test-cloud
+      if: matrix.node == 10 && github.repository == 'twbs/bootstrap' && github.event_name == 'push'
+      env:
+        BROWSER_STACK_ACCESS_KEY: "${{ secrets.BROWSER_STACK_ACCESS_KEY }}"
+        BROWSER_STACK_USERNAME: "${{ secrets.BROWSER_STACK_USERNAME }}"
+
+    - name: Run Coveralls
+      run: npm run coveralls
+      if: matrix.node == 10 && github.repository == 'twbs/bootstrap' && github.event_name == 'push'
+      env:
+        COVERALLS_REPO_TOKEN: "${{ secrets.COVERALLS_REPO_TOKEN }}"

README.md

@@ -53,8 +53,7 @@ Read the [Getting started page](https://getbootstrap.com/docs/4.3/getting-starte
 
 ## Status
 
-[![Slack](https://bootstrap-slack.herokuapp.com/badge.svg)](https://bootstrap-slack.herokuapp.com/)
-[![Build Status](https://img.shields.io/travis/twbs/bootstrap/master.svg)](https://travis-ci.org/twbs/bootstrap)
+![Build Status](https://action-badges.now.sh/twbs/bootstrap)
 [![npm version](https://img.shields.io/npm/v/bootstrap.svg)](https://www.npmjs.com/package/bootstrap)
 [![Gem version](https://img.shields.io/gem/v/bootstrap.svg)](https://rubygems.org/gems/bootstrap)
 [![Meteor Atmosphere](https://img.shields.io/badge/meteor-twbs%3Abootstrap-blue.svg)](https://atmospherejs.com/twbs/bootstrap)
@@ -86,6 +85,10 @@ bootstrap/
     │   ├── bootstrap-reboot.css.map
     │   ├── bootstrap-reboot.min.css
     │   ├── bootstrap-reboot.min.css.map
+    │   ├── bootstrap-utilities.css
+    │   ├── bootstrap-utilities.css.map
+    │   ├── bootstrap-utilities.min.css
+    │   ├── bootstrap-utilities.min.css.map
     │   ├── bootstrap.css
     │   ├── bootstrap.css.map
     │   ├── bootstrap.min.css

build/build-plugins.js

@@ -12,7 +12,6 @@ const rollup = require('rollup')
 const babel = require('rollup-plugin-babel')
 const banner = require('./banner.js')
 
-const TEST = process.env.NODE_ENV === 'test'
 const plugins = [
   babel({
     // Only transpile our source code
@@ -33,24 +32,19 @@ const bsPlugins = {
   Manipulator: path.resolve(__dirname, '../js/src/dom/manipulator.js'),
   Polyfill: path.resolve(__dirname, '../js/src/dom/polyfill.js'),
   SelectorEngine: path.resolve(__dirname, '../js/src/dom/selector-engine.js'),
-  Alert: path.resolve(__dirname, '../js/src/alert.js'),
-  Button: path.resolve(__dirname, '../js/src/button.js'),
-  Carousel: path.resolve(__dirname, '../js/src/carousel.js'),
-  Collapse: path.resolve(__dirname, '../js/src/collapse.js'),
-  Dropdown: path.resolve(__dirname, '../js/src/dropdown.js'),
-  Modal: path.resolve(__dirname, '../js/src/modal.js'),
-  Popover: path.resolve(__dirname, '../js/src/popover.js'),
-  ScrollSpy: path.resolve(__dirname, '../js/src/scrollspy.js'),
-  Tab: path.resolve(__dirname, '../js/src/tab.js'),
-  Toast: path.resolve(__dirname, '../js/src/toast.js'),
-  Tooltip: path.resolve(__dirname, '../js/src/tooltip.js')
-}
-const rootPath = TEST ? '../js/coverage/dist/' : '../js/dist/'
-
-if (TEST) {
-  bsPlugins.Util = path.resolve(__dirname, '../js/src/util/index.js')
-  bsPlugins.Sanitizer = path.resolve(__dirname, '../js/src/util/sanitizer.js')
+  Alert: path.resolve(__dirname, '../js/src/alert/alert.js'),
+  Button: path.resolve(__dirname, '../js/src/button/button.js'),
+  Carousel: path.resolve(__dirname, '../js/src/carousel/carousel.js'),
+  Collapse: path.resolve(__dirname, '../js/src/collapse/collapse.js'),
+  Dropdown: path.resolve(__dirname, '../js/src/dropdown/dropdown.js'),
+  Modal: path.resolve(__dirname, '../js/src/modal/modal.js'),
+  Popover: path.resolve(__dirname, '../js/src/popover/popover.js'),
+  ScrollSpy: path.resolve(__dirname, '../js/src/scrollspy/scrollspy.js'),
+  Tab: path.resolve(__dirname, '../js/src/tab/tab.js'),
+  Toast: path.resolve(__dirname, '../js/src/toast/toast.js'),
+  Tooltip: path.resolve(__dirname, '../js/src/tooltip/tooltip.js')
 }
+const rootPath = '../js/dist/'
 
 const defaultPluginConfig = {
   external: [

build/svgo.yml

@@ -15,6 +15,9 @@ js2svg:
   indent: 2
 
 plugins:
+#  - addAttributesToSVGElement:
+#      attributes:
+#        - focusable: false
   - cleanupAttrs: true
   - cleanupEnableBackground: true
   - cleanupIDs: true
@@ -31,6 +34,9 @@ plugins:
   - minifyStyles: true
   - moveElemsAttrsToGroup: true
   - moveGroupAttrsToElems: true
+  - removeAttrs:
+      attrs:
+        - "data-name"
   - removeComments: true
   - removeDesc: true
   - removeDoctype: true

build/vnu-jar.js

@@ -33,6 +33,10 @@ childProcess.exec('java -version', (error, stdout, stderr) => {
     // Content → Reboot uses various date/time inputs as a visual example.
     // Documentation does not rely on them being usable.
     'The “date” input type is not supported in all browsers.*',
+    'The “week” input type is not supported in all browsers.*',
+    'The “month” input type is not supported in all browsers.*',
+    'The “color” input type is not supported in all browsers.*',
+    'The “datetime-local” input type is not supported in all browsers.*',
     'The “time” input type is not supported in all browsers.*',
     // IE11 doesn't recognise <main> / give the element an implicit "main" landmark.
     // Explicit role="main" is redundant for other modern browsers, but still valid.

bundlesize.config.json

@@ -16,6 +16,14 @@
       "path": "./dist/css/bootstrap-reboot.min.css",
       "maxSize": "2 kB"
     },
+    {
+      "path": "./dist/css/bootstrap-utilities.css",
+      "maxSize": "8 kB"
+    },
+    {
+      "path": "./dist/css/bootstrap-utilities.min.css",
+      "maxSize": "7 kB"
+    },
     {
       "path": "./dist/css/bootstrap.css",
       "maxSize": "25 kB"

config.yml

@@ -37,9 +37,10 @@ params:
   docs_version:         "4.3"
   repo:                 "https://github.com/twbs/bootstrap"
   twitter:              "getbootstrap"
-  slack:                "https://bootstrap-slack.herokuapp.com"
-  blog:                 "https://blog.getbootstrap.com"
-  expo:                 "https://expo.getbootstrap.com"
+  slack:                "https://bootstrap-slack.herokuapp.com/"
+  opencollective:       "https://opencollective.com/bootstrap"
+  blog:                 "https://blog.getbootstrap.com/"
+  expo:                 "https://expo.getbootstrap.com/"
   themes:               "https://themes.getbootstrap.com"
 
   download: