Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

boosted

Orange-OpenSource24.9kMIT5.3.5

Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.

css, sass, mobile-first, responsive, front-end, framework, web, bootstrap, Orange

readme

Boosted

Boosted is a fork of Bootstrap. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development.
Visit Boosted

Report bug · Request feature

Table of contents

Quick start

Several quick start options are available:

  • Download the latest release
  • Clone the repo: git clone https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap.git
  • Install with npm: npm install boosted@v5.3.5
  • Install with yarn: yarn add boosted@v5.3.5
  • Install with Composer: composer require orange-opensource/orange-boosted-bootstrap:5.3.5
  • Install with NuGet: CSS: Install-Package boosted Sass: Install-Package boosted.sass

Read the Getting started page for information on the framework contents, templates, examples, and more.

Status

Build Status This project is using Percy.io for visual regression testing. npm version Packagist Prerelease NuGet Coverage Status CSS gzip size CSS Brotli size JS gzip size JS Brotli size JSDelivr

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

<summary>Download contents</summary>
  boosted/
  ├── 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 (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.

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Documentation

Boosted's documentation, included in this repo in the root directory, is built with Hugo 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.

Running documentation locally

  1. Run npm install to install the Node.js dependencies, including Hugo (the site builder).
  2. Run npm run test (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
  3. From the root /boosted directory, run npm run docs-serve in the command line.
  4. Open http://localhost:9001/ in your browser, and voilà.

Learn more about using Hugo by reading its documentation.

Documentation for previous releases

You can find all our previous releases docs on https://boosted.orange.com/docs/versions/.

Previous releases and their documentation are also available for download.

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the Code Guide, maintained by Mark Otto.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at https://editorconfig.org/.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Boosted is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we adhere to those rules whenever possible.

See the Releases section of our GitHub project for changelogs for each release version of Boosted.

Our default branch is for development of our Boosted 5 release. Head to the v4-dev branch to view the readme, documentation, and source code for Boosted 4.

Creators

Bootstrap

Mark Otto

Jacob Thornton

Thanks

BrowserStack

Thanks to BrowserStack for providing the infrastructure that allows us to test in real browsers!

Netlify

Thanks to Netlify for providing us with Deploy Previews!

Code and documentation copyright 2011-2025 the Bootstrap Authors. Code released under the MIT License. Docs released under Creative Commons.

Boosted code and documentation copyright 2015-2025 the Boosted Authors and Orange SA. Code released under the MIT License. Docs released under Creative Commons.

changelog

5.3.5 (2025-04-15)

Bug Fixes

5.3.4 (2025-04-14)

Bug Fixes

  • a11y: Missing aria-hidden on some decorative SVGs (#2691) (a89e727)
  • a11y: use empty alt attribute for decorative images in Orange navbar and documentation (#2690) (204e2a8)
  • a11y: use English links in docs and Download app example to prevent language switching (#2708) (871a05e)
  • bad license URL in `build/zip-examples.mjs (7dd2adb)
  • css: more contrasted .figure-caption color in dark mode (#2697) (f43e4c6)
  • css: typo in scss/_variables.scss comment (#2718) (b966895)
  • docs: add title and aria-label to Bootstrap's licence link in the footer (#2706) (94417a8)
  • docs: add a <h2> to the toc side nav for a11y (#2705) (33d1d48)
  • docs: add missing whitespaces to the migration guide (374ad9e)
  • docs: add semantics to the design callouts (#2722) (0ae070a)
  • docs: change .bg-white to .bg-body in Utilities > Overflow (#2671) (6b3e079)
  • docs: change alts of Brand logos for better a11y (#2709) (424a255)
  • docs: change focus order for code examples and their copy button (#2699) (5b0b7d0)
  • docs: change heading level of 'Required script' section in 'Getting started > Introduction' (#2680) (800bbb4)
  • docs: change side menu's markup from <aside> to <nav> (#2727) (4eb4598)
  • docs: change tarteaucitron design and rendering for a better accessibility (#2695) (a71458a)
  • docs: fix minor typos in the migration guide (529991b)
  • docs: headings on left menu and link to design doc for a11y (#2859) (d2516f4)
  • docs: improve Bootstrap and Boosted license links in the 'License' page (#2723) (65b4109)
  • docs: missing dark red color updates (#2567) (a5b723c)
  • docs: more explicit homepage webpage's title for a11y (#2698) (e6bbfa1)
  • docs: remove unnecessary role="img" (#2704) (f771c04)
  • docs: typo in the migration guide (cde9c47)
  • docs: update aria-label and title attributes for the button on the Guidelines page (#2703) (767a1c3)
  • docs: update alt text in Vite, Webpack, and Parcel guides for clarity (#2696) (f7feeca)
  • docs: use HTML list elements for thumbnails in 'Design guidelines' for a11y (#2702) (88c4681)
  • drop unused .overflow-visible when used with SVGs in some components (#2701) (4ac023b)
  • examples: Add accessible name on images (#2835) (9c06ea4)
  • examples: add missing role="img" to <svg> with <title> in Download example for a11y (#2707) (3e20e77)
  • form-helper: fix required + form-helper overlapping (#2958) (409c740)
  • forms: avoid .is-required element to be alone on a new line (#2760) (c13d6f0)
  • README: composer command line installation (86e9c0c)
  • switch: unchecked invalid switch colors (#2621) (fdbb7d3)
  • tests: change 'Bootstrap' to 'Boosted' in media query Sass test name (9dbb07c)

Features

  • buttons: add X social button (#2644) (e667c29)
  • carousel: use JS constants to define play/pause CSS class names (#2502) (db0277c)
  • css: change the dark mode red color hexadecimal value (#2549) (cfedfa0)

5.3.3 (2024-02-23)

Bug Fixes

  • back to top: drop unused CSS rule (#2340) (b53b87e)
  • btn-check: don’t remove left/right borders when not in a .btn-group (#2239) (f7a377a)
  • css: remove unused get-color-from-rgba-string Sass function (64b9160)
  • dark variant: some text colors were light gray instead of white (#2263) (e6a884a)
  • docs: figure caption of About > Brand logos is rendered (#2393) (7dee77f)
  • docs: improve some alignments of elements in the docs header (#2398) (e9cf41f)
  • dropdown: add some missing Boosted mods and "instead of" (#2294) (a58b8bd)
  • examples: apply correctly .header-minimized to the Navbars example (#2354) (24b4afc)
  • examples: both light/dark images were displayed in 'auto' mode in Download App example (#2261) (720fe45)
  • examples: drop underlined hovered footer links in Download page example (#2415) (70d3e90)
  • examples: remove unused .bd-content from Form example (#2439) (ba93846)
  • form control color: adjust size when valid feedback (#2341) (a792e8b)
  • form-control: color picker borders on Chromium based browsers (765afc1)
  • orange navbar: fix spacing between supra bar links on small breakpoints (#2428) (dc28e36)
  • quantity selector: focus state rendering in error (#2099) (e09dbc1)
  • tooltips: two CSS vars had a double prefix (#2353) (673729b)
  • typography: improve .lead modification migration guide note (61bf996)
  • typography: modify .lead values to match the DSM body text (#2363) (eff2769)
  • unit tests: drop .btn-secondary from carousel play/pause buttons (#2306) (18ace87)

Features

5.3.2 (2023-09-18)

Bug Fixes

  • carousel: fix carousel indicator animation with custom interval (#2203) (059ddbb)
  • carousel: init carousel properly by setting anim on progress indicator (#2204) (52c6b12)
  • css: remove unnecessary code in Boosted grid dist files (#2196) (1aa4193)
  • docs: add /docs/customize/color-modes redirection (#2226) (a233c5b)
  • docs: add missing .is-disabled for disabled file input label (#2222) (d249405)
  • docs: add missing /examples/download-app URL redirection (#2216) (63742a3)
  • forms: add required info in mandatory input fields with visually hidden span (#2114) (851a0e3)
  • worflows: keep whitespaces description content (62de233)
  • workflows: add conditions to update-pr-approved.yml (#2214) (5d88cc7)
  • workflows: change use of interpolated action vars to fix 'review in progress' workflow (#2206) (54ae347)
  • workflows: PR in PRs board is in review in progress only when changes are requested (#2213) (8d42e7d)
  • workflows: update GH token (571814d)

Features

  • accordion: new rendering to improve accessibility (#1792) (3e189b0)
  • component: new Local navigation (#1468) (1b2f939)
  • forms: add a visual cue to form elements on error when focused for a11y (#2090) (17f6f4d)
  • orange navbar: change minimizing behavior (#1830) (efee64e)
  • star rating: add read-only state and enhance accessibility (#2184) (319b8df)

5.3.1 (2023-07-26)

Bug Fixes

  • docs: allow first footer example to be in Storybook (#2161) (6af7aa1)

5.3.0 (2023-07-21)

Bug Fixes

  • css: remove Stylelint multiline comments from built CSS files (#1935) (2296cac)
  • docs: add aliases for form example (#1750) (6958ea6)
  • docs: add caption in captions' HTML examples (#2033) (dbed1d2)
  • docs: add missing .supra in some examples with a small viewport (#1885) (7eab48d)
  • docs: let README in 5.2.3 (#1841) (980cfb0)
  • docs: merge 2 "Carousel" sections in the migration guide (#1870) (b1be291)
  • docs: modal with image example wasn't rendered (#1884) (cf34b49)
  • docs: remove double x-border in scss-docs shortcode (#1889) (492e821)
  • docs: remove extra break line in table shortcode (#1758) (e7848dd)
  • docs: remove unnecessary .text-danger-emphasis in migration guide (#1905) (3bc584e)
  • docs: replace some 'Bootstrap' occurences by 'Boosted' and drop a sentence (#2045) (1e33d0f)
  • docs: revamped syntax of components titles after dark mode migration guide modifications (#1784) (3d5c2f5)
  • docs: search box alignment in navbar HTML snippet (#2078) (ba3cc7b)
  • docs: Solaris icons URL (#2112) (4f3e786)
  • docs: update broken DSM links (#2126) (f78ebfd)
  • docs: use current_version data in Getting Started > Download (#1926) (a08e1e8)
  • docs: use the right heading format for progress bars section in the migration guide (#1824) (7d565cf)
  • dropdown: small enhancements (#1793) (b948f04)
  • examples: 5G image ids were the wrong ones in Stickers example (#2066) (f7727f5)
  • examples: change semantics of actions and icons in Cards for a11y (#1904) (7db89e0)
  • footer: change coverage icon (#2022) (6b76109)
  • forms: add padding between .form-switch and its label (#1796) (d8310ad)
  • forms: increase 1px spacing between form messages and form controls (#1948) (6737e8e)
  • forms: vertical alignement of invalid feedback (#1719) (7058d14)
  • migration: use the name 'Footer' instead of 'Orange Footer' (#2042) (80d133b)
  • minor issues in migration guide (#2074) (7ddc74c)
  • modals: increase space between modal content and footer (#1658) (c73d446)
  • popover: arrow border thickness revisited (#1936) (6ee9b0c)
  • popover: custom popover customizable paddings (#2031) (fb6b94d)
  • PR template typo (4122fcf)
  • quantity selector: avoid using .input-group selector to match only quantity selector in JS (#1825) (7569019)
  • tables: preserve table row heights with icons and thumbnails (#1674) (970fcaa)
  • toasts: use custom property to set toast text color (#1925) (33c36f6)
  • typography: change <h3|4|5> font sizes at some breakpoints (#2053) (94a9591)
  • use US version of 'behavior' in orange-navbar.js (#1874) (00c10da)

Features

  • buttons: add outline secondary buttons with transparent background (#2004) (f6ca459)
  • buttons: add TikTok (#1778) (cf565d4)
  • carousel: integrate pause/play button within the carousel (#1763) (c125971)
  • close button: add a "Close" tooltip (#1823) (9cda576)
  • close button: add eco-design variant (#1489) (841b0d5)
  • css: deprecate $boosted-prefix in favor of $prefix (#2129) (c0b4c44)
  • dark mode: Boosted dark mode colors prototype (#1858) (cfbbf3a)
  • examples: new download app page (#2146) (e08aaaa)
  • footer: special rendering for active links for better a11y (#1859) (4d515be)
  • forms: change rendering of help texts based on UI Kit v5 (#1779) (7251b6f)
  • forms: update color form control according to UI Kit v5 (#1794) (eafb4ac)
  • hide unimplemented dark mode for v5.3.0 (#2044) (235a887)
  • popovers/tooltips: update rendering according to UI Kit v5 (#1803) (c8fb697)
  • range: change hover and active colors (#1605) (03612e8)
  • range: provide an accessible example to display the value (#1714) (ff5a7ca)
  • utilities: add .border-4 and .border-5 (#2127) (ef20beb)
  • utilities: change values of .lh-* (#1952) (79ef8cc)
  • utilities: reintroduce all text color utilities from Bootstrap (#2030) (091e20b)

5.2.3 (2022-12-30)

Bug Fixes

  • cards: card header padding top (#1449) (8dc7d8c)
  • cards: rendering and semantics rework of cards to better fit with ODS (#1376) (f8772e1)
  • docs: add aliases for examples (#1657) (e086864)
  • docs: remove link to non-existing 2.3.2 version (#1692) (e8df7b4)
  • dropdown: several rendering fixes (#1164) (b080e66)
  • modals: remove extra-margin of the last scrollable modal's elt (#1661) (b7c2e80)
  • navbar: add missing logo in Scroll navbar example docs (#1664) (75dee5f)
  • navs: remove orange hover color on active tabs light (#1420) (c661309)
  • orange navbar: add some missing aria-currents in displayed codes (#1662) (f9ae2ac)
  • stepped process: convert current step to plain text for better a11y (#1663) (cdcadcb)
  • storybook: avoid redeclaration of const tooltipTriggerList (fa373b4)
  • storybook: generate Storybook site in _site intead of site (#1660) (532e9d4)
  • tables: drop docs specific tables style and move some .table-responsive at the right place (#1710) (e1e520f)

Features

  • a11y: refactoring of visible focus (rendering and architecture) (#1437) (2001a10)
  • accordion: add padding to accordion content (#1727) (20d8f0c)
  • examples: new 'Pages' section and new 'Form' example (#1559) (3901d0f)
  • forms: add form helper icon button (#1444) (f8e748d)
  • forms: add small size form controls (#1230) (cb36161)
  • reboot: set a line-height for var and code (#1720) (5182046)
  • tables: captions for a11y, striped rows and columns, and rendering enhancements (#859) (9383bd1)

5.2.2 (2022-11-23)

Bug Fixes

  • add a note into Storybook script and some steps within our PR template (9025e13)
  • buttons: letter spacing for large buttons (#1447) (3f0b460)
  • css: avoid CSS compilation errors when customizing$prefix (#1609) (3f5c664)
  • css: fix compilation issue when $enable-rounded: true (#1604) (f14b551)
  • docs: make footer sticky in small pages (#1596) (56f6bac)
  • docs: typo in Spanish in some language selection dropdowns (#1613) (a22f33e)
  • docs: uniformize alt for Orange logos (#1630) (55aacf8)
  • dropdowns: change dropdown in navbar example markup (#1625) (86dfb2c)
  • examples: remove unused thumbnail images (#1597) (7772c2e)
  • footer: reduce 'Copyright` footer font size (#1589) (7dbc41d)
  • force sass version to 1.55.0 in the package-lock.json (254b477)
  • forms: adapt invalid feedback line-height (#1638) (e3c6350)
  • forms: add .mt-2 to all submit buttons in forms examples (#1495) (3db79a9)
  • forms: change bottom margin for .form-label (#1443) (027d32a)
  • forms: change top margin for .form-text and *-feedback (#1445) (6435103)
  • forms: realign input range thumb vertical alignment on Webkit (#1632) (46b6734)
  • forms: switches rendering on some platforms (#1612) (d78dae7)
  • orange navbar: languages selection aria-label improvement for a11y (#1629) (945d22f)
  • remove Algolia specific action from PR template for DoD release (dd8f0ff)
  • table: reduce space after checkboxes in row selection (#1272) (ef7a803)
  • update package-lock.json (0abaae8)
  • update package-lock.json (9ec84e8)
  • update package-lock.json (abee233)
  • utilities: use the right orange color for texts based on the light/dark variant (#872) (e918550)

Features

  • add Storybook to link it to the DSM (#565) (3dfb87c)
  • examples: add RTL section and new Cards RTL example (#1603) (0d29f42)

5.2.1 (2022-10-31)

Bug Fixes

  • a11y: add aria-hidden=true and focusable=false to SVGs in tooltips examples (#1555) (0a10af0)
  • alerts: increase height when additional content (#1425) (29e5250)
  • back to top: remove 'Label inside' variant (#1520) (b7b16d5)
  • cards: refine rendering of cards with image overlays (#1493) (82dbb7d)
  • css: add workaround for postcss value parser error (#1524) (04cff98), closes shellscape/postcss-values-parser#138
  • css: drop unused $list-group-hover-bg and --#{$prefix}list-group-action-hover-bg (#1417) (87456e1)
  • css: reduce the scope of root dark text rule (#1293) (61a3d71)
  • css: rename $prefix in $func-prefix in get-color-from-rgba-string function (#1567) (d44ea6a)
  • css: set .mark and <mark> y padding to 0 (#1484) (32497f3)
  • docs: add missing points and Markdown formatting in some tables (#1499) (bd91ea2)
  • docs: bad title for 'Image thumbnails' example (#1573) (d77b871)
  • docs: change responsive values in utility API examples (#1488) (eb31641)
  • docs: fix Orange Helvetica CSS file name in docs (#1487) (d025921)
  • docs: move 'Dark variant' sections out of 'Example' for alerts and accordions (#1502) (428fbd7)
  • docs: remove navbar box shadow version selector overlap (#1438) (a1ddf43)
  • docs: reorder Carousel doc parts (#1491) (c949e38)
  • docs: replace 'Secondary' by 'Primary' label for some buttons when inconsistent (#1494) (23f59ef)
  • docs: update values in grids/breakpoints tables (#1440) (6139e24)
  • dropdown toggle split: same width for all .dropdown-toggle-splits orientations (#1451) (0444183)
  • dropdowns: add and trim CSS vars (#1423) (71e331b)
  • footers: change 'Terms & Conditions' to 'Terms and conditions' (#1564) (9e3c9ba)
  • forms: add validation icons for <select>s and fix its position for <textarea> (#1371) (ceeff1d)
  • forms: prevent that valid icon hides input content (#1306) (a64f2a1)
  • icons: use the right close icon (#1566) (82da281)
  • live preview URL in PR template (#1546) (1777b02)
  • modal: remove unused CSS variables (#1418) (1251579)
  • navbar: minor fixes (#1498) (5bd74eb)
  • pagination: remove CSS variables (#1457) (92c1052)
  • paginations: add missing breakpoints after lg (#1579) (6255243)
  • stepped process: improve rendering of arrow shapes (#1485) (308a9f1)
  • tags: handle close button rendering issues (#1574) (7b3c494)
  • toast: adjust the layout of custom content (#1490) (e6bca20)

Features

5.2.0 (2022-07-27)

Bug Fixes

  • scale down Boosted logo on homepage for all browsers (#1366) (ecf1144)
  • #1019: modify buttons icons padding (#1020) (064bb54), closes #1019
  • #1072: vertically align labels for switches (#1081) (4548845), closes #1072
  • #715: border for focused <select> on Firefox (#861) (9a4db61), closes #715
  • #794: repair BrowserStack badge in README file (71a95e3), closes #794
  • #831: checkboxes display when user accept or deny cookies (#856) (18fb2da), closes #831
  • #832: remove the extra icon from cookie consent buttons (#834) (6f4b6f5), closes #832
  • #862: remove form <select> thick border in Chrome (#864) (2028fd7), closes #862
  • #886: enhance Scrollspy examples rendering and add reusable {{< ods-incompatibility-alert >}} (#923) (5693a75), closes #886
  • a11y: apply the right colors for ordered and unordered lists (#1248) (726df16)
  • accordion: remove active text color on focus (#1087) (09bf51c)
  • back-to-top: icon and label positioning (#1273) (671f7f2)
  • back to top: allow clicking under the transparent surface (#1346) (ead5230)
  • buttons: change social button dark variant active rendering (#1166) (9cf814f)
  • buttons: active color of button links (#1363) (6e40877)
  • cards: card footer bg color is linked to the card bg color (#1340) (64f0eb4)
  • checkbox: fix colors for indeterminate checkboxes (#1339) (0d94817)
  • core team: Add MewenLeHo to core team (76a75ba)
  • cspell: add 'Analyser' (b467da2)
  • doc: add checks & radios without labels (#1228) (94ce2c8)
  • doc: add existing indigo to the colors list (#1226) (6d893e1)
  • doc: make the footer sticky (#1042) (e3125b2)
  • docs: broken links in 'Unused CSS' section (#985) (5486ee4)
  • docs: documentation layout adjustments on medium screens (#905) (d328018), closes #902
  • docs: don't display back-to-top when it is not needed (#1285) (5ccdf2c)
  • docs: make visible 'Design guidelines' menu item when the page is active (#1083) (1849be7)
  • docs: replace '..' by '…' in the documentation title (#1213) (f82282d)
  • docs: replace Bootstrap reference with Boosted in Offcanvas example (#986) (7039aa4)
  • docs: use .btn-inverse for download button in main header (#1064) (5eb1dda)
  • dropdowns: adjust dark variant colors (#1021) (2f5ab48)
  • examples: hide not yet customized Bootstrap's examples to avoid misuse (#932) (3fbe7c1)
  • forms: black outline for focused switches (#1082) (ae33812)
  • forms: change the margin left value between the required symbol and the label (263c0d5)
  • forms: set background color for validated inputs (#1361) (ff301e1)
  • layouts: add a top margin to the doc footer and remove borders from sidebars (#934) (3473256)
  • missing $ in some CSS custom properties def (#1255) (4303749)
  • navbars: minor fixes around Navbar component (b9b43ed)
  • pa11y-ci: remove concurrency, wait and timeout from configuration to limit crashes (#924) (541d838)
  • pagination: change background horizontal position of icon (#1155) (fc2b2b2)
  • pagination: remove x margin between page numbers (#1179) (4db3ced)
  • stepped process: coherent line height display on all platforms/browsers (#1347) (7c93d7d)
  • tac: buttons colors enhancement by using .btn-inverse (#1249) (a689f2a)
  • tarteaucitron: hide 'Cookies management panel' in the header (#1219) (b20233a)
  • update calibreapp/image-actions reference in optimize workflow (#1111) (3b3215e)
  • utilities: line length descriptions minor fixes (#925) (8f2977c)

Features

  • accordions: dark variant accordions (#1025) (6f9f286)
  • alerts: dark variant explained in the doc (#1012) (c21a581)
  • breadcrumb: add font weight CSS var (#1252) (bc8f505)
  • buttons: buttons with dark background (.btn-inverse) (#1010) (075c75e)
  • carousel: new navigation focus style (#1242) (b3db327)
  • carousels: play/pause button variant for a11y (#1146) (7f07c73)
  • components: add Nested Tabs (#1017) (4c57693)
  • components: new Footer component (#970) (ac18dce)
  • components: new Orange navbar component (#1099) (46b2202)
  • components: new Sticker component (#1023) (b466b27)
  • components: new Title bars component (#956) (a5f48ab)
  • css: CSS variables in Back to top (#1258) (f892f17)
  • css: CSS variables in Progress (#1254) (880be07)
  • css: CSS variables in stickers (#1251) (f66fec2)
  • css: CSS variables in Title bar (#1259) (92d860f)
  • css: use CSS vars for small alerts and backport alerts docs precisions from v4 (#1165) (c1d5dae)
  • css: Add CSS vars for .dropdown-toggle (#1279) (82ed37d)
  • css: Add CSS vars for Footer (#1239) (4260603)
  • css: add missing CSS vars for %offcanvas-css-vars and add some for .offcanvas-backdrop (#1271) (bce7d10)
  • css: add new CSS vars for Pagination (#1268) (1047f02)
  • css: CSS variables for Stepped process (#1281) (45a280e)
  • docs: reintroduce Bootstrap Community section in introduction (#984) (1387ae8)
  • docs: 'Added in v5.2.0' label for all new features (#1406) (cf20110)
  • docs: guide to embed Solaris icons in an icon font (#1405) (1962041)
  • docs: use Footer component in docs (#1280) (bc91bbe)
  • examples: add footers example while waiting for Orange footer component (#922) (b4b7ea1)
  • examples: reintegrate Navbars example and fill it with supra bars (#966) (3841405)
  • forms: new component: Quantity Selector (#860) (1bfc839)
  • forms: new star rating component (#887) (1b6a61e)
  • guidelines: drop design guidelines content (#960) (46b54a8)
  • handle dark background for basic elements like links and code (#1038) (8302566)
  • orange navbar: supra bar (#795) (4b4666c)
  • ratios: add 9x16 aspect ratio for portrait videos (#906) (745aa68)
  • reboot: use :focus-visible CSS pseudo-class (#1124) (7420158)
  • spinners: reintegrate growing spinners from v4 (#1041) (81d5aed)
  • utilities: add classes to limit the extent of line lengths (#883) (578d907)
  • utilities: reintroduce .text-uppercase (#1216) (a1c5650)

5.1.3 (2021-10-11)

5.1.2 (2021-10-06)

Chore

  • organization update core team members list and change automatic assignee (c2f9af7)
  • nuget resync nuget/*.nuspec files with Bootstrap (95beecb)

5.1.1 (2021-09-17)

Bug Fixes

  • doc: replace Creative Commons license link in README.md (dbaa78a)
  • doc: update broken links to issue templates in README.md (eac95cf)
  • docs: automatically retrieve latest version in version selector (ac8ee0f)
  • nuget: update version in boosted.sass.nuspec (fc4e31c)

Chore

  • #207: rename "v5-dev" to "main" (31fda13)

5.1.0 (2021-09-06)

Bug Fixes

  • #691: remove temporary fix from #682 to fix pa11y-ci GitHub Actions execution (81d1f33)
  • #733: prevent a redirection to the main page after clicking on social buttons (d344bef), closes #733
  • #734: changed toast color within Live section from blue to orange (be5b56a), closes #734
  • #735: separate local fonts from CDN in the starter template (fcbafea), closes #735
  • #782: active dropdown items background color (#784) (0ec4d1d), closes #782
  • docs: replace /bootstrap by /boosted in sass.md (092df17)
  • pa11y: hide contrast issue from badge positioning (c017022)
  • update references of ff00dd to Nurovek (#756) (0c5d846)

5.0.2 (2021-07-15)

Bug Fixes

  • #694: replace the boosted.netlify doc links with /docs/5.0 (01b77cf), closes #694
  • docs: add a list of Orange custom components in about/overview to fix #688 (f7a78b3)
  • pa11y: add pa11y and puppeteer devDependencies to fix the pa11y-ci execution (GitHub actions) and update setup-node version (3a8990e)
  • sri: v5 documentation rendering is broken due to bad integrity sha384 in config.yml (54a2e7a)

5.0.1 (2021-06-10)

Bug Fixes

  • #677: improve cookie consent panel rendering (c595c0a), closes #677
  • accessibility: issue on pricing and sidebar + update label for logo on headers example (7223e41)
  • core: update nuspec add boosted icon (#679) (d6b639c)
  • doc: replace .sr-only by .visually-hidden in checkout example (1a23636)
  • docs: fix 'View on GitHub' link to target 'v5-dev' branch (7d66ae4)
  • docs: missing character in RTL starter template (fda8432)
  • lint: remove trailing spaces (d13994d)
  • margin: finish migration of margin-left and right from ml- and mr- to ms- and me- (195c408)
  • offcanvas: add offcanvas to boosted.scss (8c1c8b2)
  • sri: v5 documentation rendering is broken due to bad integrity sha384s in config.yml (edc8fa2)
  • table: Accented table displays properly again (85cdbf7)

5.0.0 (2021-05-27)

Bug Fixes

  • a11y: Add title to dropdown menu (c1c8851)
  • a11y: Improve a11y for dropdown example in header (64f6e98)
  • linter: Reorganize imports for linter to pass (0b06d5e)
  • misc: Apply reviews (5be515d)

Reverts

  • Revert "remove useless content from features page" (eb5cfe8)

5.0.0-beta3 (2021-04-28)

Bug Fixes

  • accordion: apply changes requested on MR (ee89ce2)
  • accordion: Repare visual regressions (b547626)
  • build: delete useless build.sh file (2d051ba)
  • changelog: correct version numbers following version bump (via npm command) (698f647)
  • config: correct ruby version (e64e101)
  • docs: Use shield.io badge in the readme (c34b3d7)
  • examples: Correct the bootstrap logo into orange logo (94e27fa)
  • lint: repare lint execution (54055d4)
  • list-group: Hide the link of the doc for the component (for now) (48ccdff)
  • list-group: revert the link in the menu (e10518b)
  • popper: manually change popper version (1d87421)

Features

  • stepped process: add the component from v4 (2f353e3)

5.0.0-beta2 (2021-02-12)

Bug Fixes

  • badges: use functional colors as backgrounds (8c4d0e7)
  • dropdowns: spacing, active state color (70fc9ce)
  • focus: guaranteed focus visibility when fixed header overlaps (65ac357)
  • forms: .form-select sizes were wrong (afd0b39)
  • navbar: only Y-padding are transitioned (be1f8de)
  • pagination: get active state back to matching UI Kit (d11441c)

Features

  • back to top: brand-new component :tada: (893944d)
  • back-to-top: use .btn-icon, match .btn-close pattern & fix icon in RTL (6cd7c9e)
  • buttons: buttons with icon, branded :tada: (d399331)
  • carousel: Orange branded :tada: (7f320f6)
  • close: better branding and consistency with new buttons (3708778)
  • close button: use stroke icon a basis (318d89d)
  • forms: Orange branded disabled state :tada: (b02466d)
  • icons: new button-icon() mixin (e2726bc)
  • links: with chevron :tada: (27286ba)
  • mixin: new target-size()mixin to ensure sufficient hit area (44×44px) (d0a1c2c)
  • modals: Orange branded :tada: (bfd285c)
  • pagination: use filter instead of another inlined SVG (3911d64)
  • social buttons: Orange branded :tada: (db222da)
  • toggle buttons: Orange branded :tada: — both with icons and no outline (2cd8ffe)
  • utilities: add .bg-supporting-* utilities (0fd37a0)

Docs

  • Syntax highlighting now provides sufficient contrasts (2a82eab)
  • Accordions: details and summary in docs now look like accordions (e1f379ef)
  • SVG: Accessible markup for decorative SVGs (0a2f616c5)

Chore

  • Percy: add Cheatsheets to snapshots (b343fe2)
  • Pa11y: update exclusion list by removing .chroma, [disabled] and [readonly] selectors (2a82eab and 97d3b3c)
  • CI: allow to skip CIs, depending on paths for push event or on labels for pull requests. Have a look at the wiki

5.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)

Core

  • Percy: upgrade snapshot action to 0.1.2

5.0.0-alpha3 (2020-11-12)

Bug Fixes

  • forms: ensure .form-check-input is squared in Chromium-based browsers (010c909)

Features

  • accordion: Orange branded :tada: (69a97d9)

Docs

  • icons: drop content to only mention Solaris (90af24b)
  • analytics: massive refactor of our Tarteaucitron implementation (#531, #532, #534, #535)
  • skip links: use a nav tag with aria-label (3ea50d0)

5.0.0-alpha2 (2020-09-30)

Bug Fixes

  • alerts: ensure icon is properly sized (d10ed1a)
  • cards: .card-footer's bottom padding (7054f27)
  • color: better matching light color (02f4e25)
  • grid: gutters change above lg breakpoint to match the brand (9113a8d)
  • grid: missing interpolation (62ea99b)
  • reboot: ensure legend are bold (45e8d4d)
  • reboot: links with inline-block display cannot break when they need to (4ac2c39)
  • spinners: drop growing spinners (1831f13)
  • split buttons: missing .active & :disabled states (3a68f31)
  • tooltips: ensure content is left-aligned (b255cdc)
  • typography: cleaner font-stack, and better matching typographic scale (4694e07)
  • utilities: better matching with the brand for some color values (5e82914)
  • utilities: drop color exception in color utilities (acfc5e9)

Features

  • pagination: add default vertical margins to pagination (c37b86f)
  • reboot: handle <var> styles in reboot (ba62352)
  • reboot: use #666 for code element (26a1aae)

  • colors: final adjustments for accessible orange handling (7c5e781)

  • colors: use #ff7900 as primary color & drop color-contrast() bypass for Orange :heart: (fece01e), closes #ff7900
  • colors: use Orange Base UI color names as design tokens (142c851)
  • logo: drop useless id (c8dd405)
  • logo: improve size and markup again (63323c8)

  • progress: Orange branded :tada: (36ceacd)

  • cards: Orange branded :tada: (fde26b4)
  • spinners: Orange branded :tada: (ed72efe)
  • .btn-check: ensure to match the brand :tada: (d3438ab)

5.0.0-alpha1 (2020-06-22)

<summary>Alerts</summary>
  • alerts: dismissible alerts height (a86753e
  • alerts: icon sizes and alignment (a36c058)
  • alerts: new variant for close icon in alerts (1da0abe)
  • alerts: Orange branded :tada: (772d3da)
<summary>Badges</summary>
  • badges: proper alignments and spacings (d93f738)
  • badge: add sizes variants to badges and include a white info version when badge is large enough (859cc5e)
  • badge: improve sizes variants' spacings (33b52e6)
  • badge: restore Bootstrap defaults and unset letter-spacing (75ffee5)
<summary>Breadcrumb</summary>
  • breadcrumb: matching the brand (8d9c6fa)
<summary>Button group</summary>
  • button-group: Orange branded :tada: (3ec1cc6)
  • button-group: ensure active and focus buttons displays outlines (68bc83b)
<summary>Buttons</summary>
  • buttons: ensure text is centered (aefea46)
  • buttons: enhance focus with box-shadow alongside outline-offset (a66c567)
  • buttons: Orange branded :tada: (c06e355)
<summary>Modals</summary>
  • modal: Orange branded :tada: (7117d47)
  • modal: get Bootstrap modal sizes back (7c377bc)
<summary>Close button</summary>
  • close: Orange branded :tada: (2dab62d)
  • close button: use Zeplin's defined cross for close button (332f4f3)
  • close icon: get outline back on :hover (7deafac)
<summary>Forms</summary>
  • form-checks: needed some tweaks after pulling Bootstrap's master (1e78211)
  • forms: drop .form-control-sm leftover (00789c2)
  • forms: feedback message should be small (cca3f1c)
  • forms: remove label color change depending on status for #249 (f4a1b8d)
  • forms: convey status using icon in feedback message to stop relying on color only, for #249 (95e6f6c)
  • forms: custom select arrow sizing+position (3ac4187)
  • forms: custom switch icons sizing+alignment (a2a2ffe)
  • forms: get background-image back for custom checkboxes (edfdded)
  • forms: get rid of form-*-sm things, forbidden by the brand (8d41b61)
  • forms: labels positionning (5be3b52)
  • forms: Orange branded :tada: (7c71cff)
  • forms: remove info icon from invalid custom select (a4c82db)
<summary>Navbars</summary>
  • navbar: ensure logo's hit target is properly setup for master logo (de81a44)
  • navbar: get padding back on containers (b7fe932)
  • navbar: h2 → h6 unecessary in .navbar-brand (190e1ef)
  • navbar: Orange branded :tada: (9bcbab0)
  • navbar: restore navbar color schemes (fdf17a1)
<summary>Navs</summary>
  • navs: Orange branded :tada: (3ac8c25)
  • navs: Orange branded nav-tabs :tada: (af93f30)
<summary>Pagination</summary>
  • pagination: improve focus styles (e14c2dd)
  • pagination: need at least intial size for #283 (aedf246)
  • pagination: Orange branded :tada: (108e17c)
  • pagination: remove pagination size variants forbidden by Orange Brand for #283 (cf70027)
<summary>Tables</summary>
  • tables: more precise line-heights (553cb10)
  • tables: vertical spacings were wrong (02c7b9a)
  • tables: missing unit in table-cell-padding (acaf48a)
  • tables: ensure tables match Orange Digital Guidelines (af31c78)
  • tables: remove .thead-{dark|light} variants (dcd2bbd)
  • tables: remove bordered+borderless tables (5c06087)
  • tables: remove contextual classes for tables (3158486)
  • tables: remove striped rows tables (38767c2)
  • tables: remove table variants forbidden by Orange Brand for #283 (1ed8b39)
  • tables: removed .table-lg and adjust default+sm sizes (ce13796)
  • tables: simplify tables CSS and adjust sizings (1b3e641)
<summary>Other components</summary>
  • cards: Orange branded :tada: (6340954)
  • carousel: Orange branded :tada: (e90edb8)
  • collapse: Orange branded :tada: (ee8b3ef)
  • dropdowns: Orange branded :tada: (b0194a7)
  • list group: Orange branded :tada: (0d90508)
  • popovers: Orange branded :tada: (9c157f0)
  • progress: Orange branded :tada: (c31b8ab)
  • spinners: Orange branded :tada: (45bb26c)
  • toasts: Orange branded :tada: (8f073ff)
  • tooltips: Orange branded :tada: (090ad2a)

Core

<summary>Deep branding</summary>
  • fonts: use Helvetica Neue and document all the things (20ef6b9)
  • type: set Orange's typescale (ea16528)
<summary>Colors and contrasts</summary>
  • color-yiq: missing primary exception for Boosted… (a3e272f)
  • contrast threshold: 4.5 instead of 3 (ed6aba7)
  • color-yiq: use @ysds lookup table instead of pow polyfill (d07c67b)
  • colored links: restrict to primary and light, and ensure contrasts (104e43c)
  • colors: improve .text-body & .text-muted utilities to ensure proper contrasts, to close #274 (0d62c74)
  • colors: lock color & background-color together in utilities, and use supporting colours for background utilities (5998d6a)
  • colors: remove .text-{success|info|warning|danger} utilities (1ecdbe0)
  • contrasts: set min-contrast-ratio to 4.5 (357448f)
<summary>Focus visibility</summary>
  • focus-visible: default enhanced focus styles using outline-offset (0ab40fb)
  • focus-visible: drop outline removals everywhere (982dcec)
  • focus-visible: forms focus styles, almost matching v4-dev (a0522ea)
  • focus-visible: increase focus visibility everywhere (7b4e6b3)
  • focus-visible: raw implementation (64ad4b6)
  • focus-visible: cleaner import (4175671)
<summary>Utilities</summary>
  • text: ensure reset-text() mixin uses our base letter-spacing (838c802)
  • text-muted: opacity applies to children, which is undesired (a11fb13)
  • utilities: ensure .lh-lg is bigger than .lh-base (bf85bd6)
  • utilities: ensure transparent/inherit are avoided in utility generation when locking background w foreground (601b110)
  • utilities: supporting colour for danger used to be purple, not pink (5bc6fee)
  • utilities: remove useless aliases (d002cb3)
  • bg-utilities: .bg-{success|warning|danger|info} now uses supporting colours instead of functionnal ones (f2b11dd)
  • border-radius: ensure .rounded-circle interop with BS, thus prevent everything from being rounded… in #283 (b88a4ab)
  • borders: add .border-sm utility (df95392)
  • borders: add missing border utilities to match the brand (85e1bb7)
  • utilities: add border-color utilities, looping through grays (bcd4b62)
  • utilities: amend documentation for border-colors, including grays (5639866)
  • utilities: remove .text-uppercase utility forbidden by Orange Brand for #283 (05c9bfa)
  • utilities: remove border-radius utilities and values forbidden by Orange Brand for #283 (a94291b)
  • utilities: remove box-shadow utilities and values forbidden by Orange Brand for #283 (fe3dfa4)
  • utilities: remove font-weight utilities forbidden by Orange Brand for #283 (540ae47)
<summary>Variables</summary>
  • variables: duplicated value made variable unused (67b0855)
  • variables: unused -shadow-lg for #283 (b45e7b0)
  • variables: apply Boosted variables, nullify unused Bootstrap ones — compiling without components for now (ab43d22)
  • variables: comment unused variables — forbidden by Orange Brand — for #283 (82d844b)
  • variables: use Boosted v4 values and make it compile + pass linter (56f9077)

Docs

  • docs: linter for application.js (34ddf32)
  • docs: main script was calling bootstrap instead of boosted (7217297)