Prepare v5.0.0-beta1

.browserslistrc

@@ -1,13 +1,14 @@
 # https://github.com/browserslist/browserslist#readme
 
->= 1%
-last 1 major version
+>= 0.5%
+last 2 major versions
 not dead
 Chrome >= 60
 Firefox >= 60
 # needed since Legacy Edge still has usage; 79 was the first Chromium Edge version
 # should be removed in the future when its usage drops or when it's moved to dead browsers
 not Edge < 79
+Firefox ESR
 iOS >= 10
 Safari >= 10
 Android >= 6

.bundlewatch.config.json

@@ -2,11 +2,11 @@
   "files": [
     {
       "path": "./dist/css/boosted-grid.css",
-      "maxSize": "7.5 kB"
+      "maxSize": "6.5 kB"
     },
     {
       "path": "./dist/css/boosted-grid.min.css",
-      "maxSize": "6 kB"
+      "maxSize": "5.75 kB"
     },
     {
       "path": "./dist/css/boosted-reboot.css",
@@ -18,43 +18,43 @@
     },
     {
       "path": "./dist/css/boosted-utilities.css",
-      "maxSize": "7.25 kB"
+      "maxSize": "6.5 kB"
     },
     {
       "path": "./dist/css/boosted-utilities.min.css",
       "maxSize": "6 kB"
     },
     {
       "path": "./dist/css/boosted.css",
-      "maxSize": "22.75 kB"
+      "maxSize": "23.1 kB"
     },
     {
       "path": "./dist/css/boosted.min.css",
-      "maxSize": "22 kB"
+      "maxSize": "21.1 kB"
     },
     {
       "path": "./dist/js/boosted.bundle.js",
-      "maxSize": "53.25 kB"
+      "maxSize": "43.5 kB"
     },
     {
       "path": "./dist/js/boosted.bundle.min.js",
-      "maxSize": "24 kB"
+      "maxSize": "22.1 kB"
     },
     {
       "path": "./dist/js/boosted.esm.js",
-      "maxSize": "30.25 kB"
+      "maxSize": "26.1 kB"
     },
     {
       "path": "./dist/js/boosted.esm.min.js",
-      "maxSize": "19.5 kB"
+      "maxSize": "17.75 kB"
     },
     {
       "path": "./dist/js/boosted.js",
-      "maxSize": "31 kB"
+      "maxSize": "27.75 kB"
     },
     {
       "path": "./dist/js/boosted.min.js",
-      "maxSize": "17.5 kB"
+      "maxSize": "15.5 kB"
     }
   ],
   "ci": {

.github/workflows/browserstack.yml

@@ -14,6 +14,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/bundlewatch.yml

@@ -10,6 +10,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/css.yml

@@ -10,6 +10,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/docs.yml

@@ -18,6 +18,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/js.yml

@@ -14,6 +14,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
 
 jobs:
   run:

.github/workflows/lint.yml

@@ -10,6 +10,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/node-sass.yml

@@ -15,6 +15,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/pa11y.yml

@@ -18,6 +18,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

.github/workflows/percy.yml

@@ -18,6 +18,7 @@ on:
       - "!dependabot/**"
 env:
   CI: true
+  FORCE_COLOR: 2
   NODE: 14.x
 
 jobs:

CHANGELOG.md

@@ -1,3 +1,18 @@
+# [5.0.0-beta1](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/compare/v5.0.0-alpha3...v5.0.0-beta1) (2020-12-10)
+
+### Features
+
+- **RTL**: Orange branded, using Helvetica Neue Arabic, dropping `letter-spacing` everywhere and customized arrows.
+
+### Bug Fixes
+
+* **alerts:** ensure content don't overlap icon ([2ecade3](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/commit/2ecade3e43ff502547336e6266c018f72da85b68))
+
+### Core
+
+* **Percy**: upgrade snapshot action to 0.1.2
+
+
 <a name="5.0.0-alpha3"></a>
 # [5.0.0-alpha3](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/compare/v5.0.0-alpha2...v5.0.0-alpha3) (2020-11-12)
 
@@ -6,12 +21,10 @@
 
 * **forms:** ensure .form-check-input is squared in Chromium-based browsers ([010c909](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/commit/010c9097fc7026532e4086cb28738027a32954fb))
 
-
 ## Features
 
 * **accordion:** Orange branded :tada: ([69a97d9](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/commit/69a97d9d580eb488ed4c889d2bc03e5407591bd1))
 
-
 ## Docs
 
 * **icons:** drop content to only mention Solaris ([90af24b](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/commit/90af24b212ddd2291d88cba43e2c47797df578d4))

NOTICE.txt

@@ -14,13 +14,13 @@ Orange has purchased the right to use Helvetica in its websites and mobile appli
 Don't use and distribute Helvetica font family if you're not explicitly authorized by Monotype Imaging Inc
 Parts list under Monotype Imaging Inc Copyright
 fonts/HelvNeue55_W1G.woff2
-fonts/HelvNeue75_W1G.woff
-fonts/HelvNeue55_W1G.woff
 fonts/HelvNeue75_W1G.woff2
+fonts/HelveticaNeueW20-55Roman.woff2
+fonts/HelveticaNeueW20-75Bold.woff2
 dist/fonts/HelvNeue55_W1G.woff2
-dist/fonts/HelvNeue75_W1G.woff
-dist/fonts/HelvNeue55_W1G.woff
 dist/fonts/HelvNeue75_W1G.woff2
+dist/fonts/HelveticaNeueW20-55Roman.woff2
+dist/fonts/HelveticaNeueW20-75Bold.woff2
 End of the parts list under Monotype Imaging Inc Copyright
 
 

README.md

@@ -18,11 +18,6 @@
 </p>
 
 
-## Bootstrap 4
-
-Our default branch is for development of our upcoming Bootstrap 5 release. Head to the [`v4-dev` branch](https://github.com/twbs/bootstrap/tree/v4-dev) to view the readme, documentation, and source code for Bootstrap 4.
-
-
 ## Table of contents
 
 - [Quick start](#quick-start)
@@ -41,11 +36,11 @@ Our default branch is for development of our upcoming Bootstrap 5 release. Head
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/archive/v5.0.0-alpha3.zip)
+- [Download the latest release](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/archive/v5.0.0-beta1.zip)
 - Clone the repo: `git clone https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap.git`
 - Install with [npm](https://www.npmjs.com/): `npm install boosted@next`
 - Install with [yarn](https://yarnpkg.com/): `yarn add boosted@next`
-- Install with [Composer](https://getcomposer.org/): `composer require Orange-OpenSource/Orange-Boosted-Bootstrap:5.0.0-alpha3`
+- Install with [Composer](https://getcomposer.org/): `composer require Orange-OpenSource/Orange-Boosted-Bootstrap:5.0.0-beta1`
 - Install with [NuGet](https://www.nuget.org/): CSS: `Install-Package boosted` Sass: `Install-Package boosted.sass`
 
 Read the [Getting started page](https://v5-dev--boosted.netlify.app/docs/5.0/getting-started/introduction/) for information on the framework contents, templates and examples, and more.
@@ -73,37 +68,52 @@ Within the download you'll find the following directories and files, logically g
 
 ```text
 boosted/
-└── dist/
-    ├── css/
-    │   ├── boosted-grid.css
-    │   ├── boosted-grid.css.map
-    │   ├── boosted-grid.min.css
-    │   ├── boosted-grid.min.css.map
-    │   ├── boosted-reboot.css
-    │   ├── boosted-reboot.css.map
-    │   ├── boosted-reboot.min.css
-    │   ├── boosted-reboot.min.css.map
-    │   ├── boosted-utilities.css
-    │   ├── boosted-utilities.css.map
-    │   ├── boosted-utilities.min.css
-    │   ├── boosted-utilities.min.css.map
-    │   ├── boosted.css
-    │   ├── boosted.css.map
-    │   ├── boosted.min.css
-    │   └── boosted.min.css.map
-    └── js/
-        ├── boosted.bundle.js
-        ├── boosted.bundle.js.map
-        ├── boosted.bundle.min.js
-        ├── boosted.bundle.min.js.map
-        ├── boosted.esm.js
-        ├── boosted.esm.js.map
-        ├── boosted.esm.min.js
-        ├── boosted.esm.min.js.map
-        ├── boosted.js
-        ├── boosted.js.map
-        ├── boosted.min.js
-        └── boosted.min.js.map
+├── css/
+│   ├── boosted-grid.css
+│   ├── boosted-grid.css.map
+│   ├── boosted-grid.min.css
+│   ├── boosted-grid.min.css.map
+│   ├── boosted-grid.rtl.css
+│   ├── boosted-grid.rtl.css.map
+│   ├── boosted-grid.rtl.min.css
+│   ├── boosted-grid.rtl.min.css.map
+│   ├── boosted-reboot.css
+│   ├── boosted-reboot.css.map
+│   ├── boosted-reboot.min.css
+│   ├── boosted-reboot.min.css.map
+│   ├── boosted-reboot.rtl.css
+│   ├── boosted-reboot.rtl.css.map
+│   ├── boosted-reboot.rtl.min.css
+│   ├── boosted-reboot.rtl.min.css.map
+│   ├── boosted-utilities.css
+│   ├── boosted-utilities.css.map
+│   ├── boosted-utilities.min.css
+│   ├── boosted-utilities.min.css.map
+│   ├── boosted-utilities.rtl.css
+│   ├── boosted-utilities.rtl.css.map
+│   ├── boosted-utilities.rtl.min.css
+│   ├── boosted-utilities.rtl.min.css.map
+│   ├── boosted.css
+│   ├── boosted.css.map
+│   ├── boosted.min.css
+│   ├── boosted.min.css.map
+│   ├── boosted.rtl.css
+│   ├── boosted.rtl.css.map
+│   ├── boosted.rtl.min.css
+│   └── boosted.rtl.min.css.map
+└── js/
+    ├── boosted.bundle.js
+    ├── boosted.bundle.js.map
+    ├── boosted.bundle.min.js
+    ├── boosted.bundle.min.js.map
+    ├── boosted.esm.js
+    ├── boosted.esm.js.map
+    ├── boosted.esm.min.js
+    ├── boosted.esm.min.js.map
+    ├── boosted.js
+    ├── boosted.js.map
+    ├── boosted.min.js
+    └── boosted.min.js.map
 ```
 
 We provide compiled CSS and JS (`boosted.*`), as well as compiled and minified CSS and JS (`boosted.min.*`). [source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`boosted.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`boosted.bundle.js` and minified `boosted.bundle.min.js`) include [Popper](https://popper.js.org/).
@@ -118,7 +128,7 @@ Have a bug or a feature request? Please first read the [issue guidelines](https:
 
 Boosted's documentation, included in this repo in the root directory, is built with [Hugo](https://gohugo.io/) and publicly hosted on GitHub Pages at <https://boosted.orange.com/>. The docs may also be run locally.
 
-Documentation search is powered by [Algolia's DocSearch](https://community.algolia.com/docsearch/). Working on our search? Be sure to set `debug: true` in `site/assets/js/src/search.js` file.
+Documentation search is powered by [Algolia's DocSearch](https://community.algolia.com/docsearch/). Working on our search? Be sure to set `debug: true` in `site/assets/js/search.js` file.
 
 ### Running documentation locally
 

build/build-plugins.js

@@ -14,12 +14,13 @@ const rollup = require('rollup')
 const { babel } = require('@rollup/plugin-babel')
 const banner = require('./banner.js')
 
+const rootPath = path.resolve(__dirname, '../js/dist/')
 const plugins = [
   babel({
     // Only transpile our source code
     exclude: 'node_modules/**',
-    // Inline the required helpers in each file
-    babelHelpers: 'inline'
+    // Include the helpers in each file, at most one copy of each
+    babelHelpers: 'bundled'
   })
 ]
 const bsPlugins = {
@@ -39,7 +40,6 @@ const bsPlugins = {
   Toast: path.resolve(__dirname, '../js/src/toast.js'),
   Tooltip: path.resolve(__dirname, '../js/src/tooltip.js')
 }
-const rootPath = path.resolve(__dirname, '../js/dist/')
 
 const defaultPluginConfig = {
   external: [
@@ -59,7 +59,6 @@ const getConfigByPluginKey = pluginKey => {
     pluginKey === 'Data' ||
     pluginKey === 'Manipulator' ||
     pluginKey === 'EventHandler' ||
-    pluginKey === 'Polyfill' ||
     pluginKey === 'SelectorEngine' ||
     pluginKey === 'Util' ||
     pluginKey === 'Sanitizer'
@@ -88,9 +87,9 @@ const getConfigByPluginKey = pluginKey => {
 
   if (pluginKey === 'Dropdown' || pluginKey === 'Tooltip') {
     const config = Object.assign(defaultPluginConfig)
-    config.external.push(bsPlugins.Manipulator, 'popper.js')
+    config.external.push(bsPlugins.Manipulator, '@popperjs/core')
     config.globals[bsPlugins.Manipulator] = 'Manipulator'
-    config.globals['popper.js'] = 'Popper'
+    config.globals['@popperjs/core'] = 'Popper'
     return config
   }