diff --git a/.browserslistrc b/.browserslistrc index 14d259bc76..7c72b3a7f5 100644 --- a/.browserslistrc +++ b/.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 diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index b5bbd3a810..3bd65a8b2d 100644 --- a/.bundlewatch.config.json +++ b/.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,7 +18,7 @@ }, { "path": "./dist/css/boosted-utilities.css", - "maxSize": "7.25 kB" + "maxSize": "6.5 kB" }, { "path": "./dist/css/boosted-utilities.min.css", @@ -26,35 +26,35 @@ }, { "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": { diff --git a/.github/workflows/browserstack.yml b/.github/workflows/browserstack.yml index 4c11175647..3fa8822d66 100644 --- a/.github/workflows/browserstack.yml +++ b/.github/workflows/browserstack.yml @@ -14,6 +14,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/bundlewatch.yml b/.github/workflows/bundlewatch.yml index 0b15cf76a9..f878f2cd25 100644 --- a/.github/workflows/bundlewatch.yml +++ b/.github/workflows/bundlewatch.yml @@ -10,6 +10,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/css.yml b/.github/workflows/css.yml index 83deafe768..b6c02a9cca 100644 --- a/.github/workflows/css.yml +++ b/.github/workflows/css.yml @@ -10,6 +10,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml index 67e119e8a4..e380e72b5d 100644 --- a/.github/workflows/docs.yml +++ b/.github/workflows/docs.yml @@ -18,6 +18,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/js.yml b/.github/workflows/js.yml index d69b8cb397..bd0a4d8514 100644 --- a/.github/workflows/js.yml +++ b/.github/workflows/js.yml @@ -14,6 +14,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 jobs: run: diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml index ae74672330..684e78c03c 100644 --- a/.github/workflows/lint.yml +++ b/.github/workflows/lint.yml @@ -10,6 +10,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/node-sass.yml b/.github/workflows/node-sass.yml index 190290bf44..97dae0a3a8 100644 --- a/.github/workflows/node-sass.yml +++ b/.github/workflows/node-sass.yml @@ -15,6 +15,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/pa11y.yml b/.github/workflows/pa11y.yml index 6e37421cb9..8d2c825ec3 100644 --- a/.github/workflows/pa11y.yml +++ b/.github/workflows/pa11y.yml @@ -18,6 +18,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/.github/workflows/percy.yml b/.github/workflows/percy.yml index f773e36069..22782694da 100644 --- a/.github/workflows/percy.yml +++ b/.github/workflows/percy.yml @@ -18,6 +18,7 @@ on: - "!dependabot/**" env: CI: true + FORCE_COLOR: 2 NODE: 14.x jobs: diff --git a/CHANGELOG.md b/CHANGELOG.md index 6d20e64e5a..1103a10010 100644 --- a/CHANGELOG.md +++ b/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 + + # [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)) diff --git a/NOTICE.txt b/NOTICE.txt index 117dd8666d..fcd59d27da 100644 --- a/NOTICE.txt +++ b/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 diff --git a/README.md b/README.md index b400fb641b..b16ac74a29 100644 --- a/README.md +++ b/README.md @@ -18,11 +18,6 @@
-## 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`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\n// Boosted mod\n// Orange square list-style\nul {\n list-style-type: square;\n}\n\n// Future-proof markers' color\n// See https://developer.mozilla.org/fr/docs/Web/CSS/::marker\n// stylelint-disable selector-max-type\nli::marker {\n color: $accessible-orange;\n vertical-align: middle;\n}\n\nli li::marker { color: $gray-600; }\n\nli li li::marker { color: $gray-500; }\n\n// Bullet-proof markers' color\n// @todo To remove when ::marker support is OK\n// See https://caniuse.com/#search=%3A%3Amarker\nli::before {\n color: $accessible-orange;\n vertical-align: text-top;\n}\n\nli li::before { color: $gray-600; }\n\nli li li::before { color: $gray-500; }\n// stylelint-enable selector-max-type\n// End mod\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nem, // Boosted mod\nstrong {\n font-weight: $font-weight-bold; // Boosted mod: ensure 700\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n // Boosted mod\n font-weight: $font-weight-normal;\n line-height: $line-height-sm;\n // End mod\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n // Boosted mod\n outline-offset: $outline-offset * 4;\n @include transition($transition-focus);\n\n &:focus {\n color: $link-hover-color;\n outline-offset: $outline-offset;\n }\n // End mod\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\nvar, // Boosted mod\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n line-height: $pre-line-height; // Boosted mod\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\nvar, // Boosted mod\ncode {\n @include font-size($code-font-size);\n font-style: normal; // Boosted mod: is italic in all browsers\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// 1. Prevent double borders\n// 2. Ensure horizontal alignment in table when using numbers\n// See https://twitter.com/wesbos/status/932644812582522880\n// See https://caniuse.com/#feat=font-variant-numeric\n// See https://caniuse.com/#feat=font-feature\n// See https://helpx.adobe.com/fonts/using/open-type-syntax.html#tnum\n\ntable {\n caption-side: top; // Boosted mod\n border-collapse: collapse;\n font-feature-settings: \"tnum\"; // Boosted mod : 2\n font-variant-numeric: tabular-nums; // Boosted mod : 2\n}\n\ncaption {\n padding-top: $table-caption-padding-y;\n padding-bottom: $table-caption-padding-y;\n @include font-size($h1-font-size); // Boosted mod\n font-weight: $font-weight-bold; // Boosted mod\n color: $table-caption-color;\n text-align: left;\n letter-spacing: $h1-spacing; // Boosted mod\n -webkit-font-smoothing: antialiased; // Boosted mod\n -moz-osx-font-smoothing: grayscale; // Boosted mod\n text-rendering: optimizeLegibility; // Boosted mod\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n font-weight: $form-label-font-weight; // Boosted mod\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Work around a Firefox bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n// Credit https://github.com/suitcss/base/\n\nbutton:focus {\n outline: dotted 1px;\n outline: -webkit-focus-ring-color auto 5px;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n letter-spacing: inherit; // Boosted mod\n box-shadow: none; // Boosted mod: prevent native validation styles to apply\n}\n\n// Remove the inheritance of text transform in Firefox\n\nbutton,\nselect {\n text-transform: none;\n}\n\n// Set the cursor for non-`