Skip to content

v5.2.0-beta1

Pre-release
Pre-release
Compare
Choose a tag to compare
@julien-deramond julien-deramond released this 28 Jun 06:09
· 532 commits to main since this release
v5.2.0-beta1
aa8b4f0
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Bootstrap v5.2.0-beta1

You may want to refer to Bootstrap v5.2.0-beta1 changelog for an exhaustive list of features and changes.

Boosted v5.2.0-beta1

🚀 Features

  • Ratios: New 9x16 aspect ratio to display portrait videos (#906)
  • Utilities: New classes (.ll-sm and .ll-md) to limit the extent of line lengths (#883 / #925)
  • Components: New Orange navbar component (#795 / #1099)
  • Buttons: Reintegration of the .btn-inverse class to handle buttons with dark background (#1010) (#1064)
  • Forms: New Star Rating component (#887)
  • Spinners: Reintegration of the growing spinners from v4 (#1041)
  • Dark background: Handle basic elements like links and code to be displayed on dark background automatically (#1038)
  • Dark background: Accordions dark variant (#1025)
  • Dark background: Alerts dark variant (#1012)
  • Forms: New component: Quantity Selector (#860)
  • Components: New component: Sticker (#1023) (#1251)
  • Components: New Nav & Tabs variant: Nested Tabs (#1017)
  • CSS reboot: Use :focus-visible CSS pseudo-class as well as a default focus visible (#1124)
  • Containers: Modify the behavior of .container-fluid to follow the Orange brand grid (#987)
    • ⚠️ Check the impact on your website and now prefer to use .container-xxl instead of .container to have this Orange grid behavior automatically set up
  • Utilities: Reintroduce .text-uppercase (#1216)
  • Components: New Footer component (#922 / #970)
  • Components: New Title bars component (#956 / #1259)
  • Accessibility: New carousel navigation focus style (#1242)
  • CSS: Add CSS vars in Boosted components and add Boosted-specific CSS vars for Bootstrap components (#1252 / #1254 / #1253)

🐛 Fixes

  • Cookie consent: Remove the extra icon from cookie consent buttons (#834)
  • README: Repair BrowserStack badge (#794 )
  • Cookie consent: Make cookie consent panel checkboxes reflect the state of approbation (#856)
  • Documentation: Layout adjustments on medium screens (#905)
  • Forms: Remove form <select> thick border in Chrome (#864)
  • Pa11y CI: Remove concurrency, wait and timeout from configuration to limit crashes (#924)
  • Forms: Add border for focused <select> on Firefox (#861)
  • Scrollspy: Enhance the examples rendering. Add an Orange Design System incompatibility message with a new {{< ods-incompatibility-alert >}} (#923 )
  • Documentation: Broken links in 'Unused CSS' section (#985)
  • Documentation: Replace Bootstrap reference with Boosted in Offcanvas example (#986)
  • Buttons: Correctly vertically align icons when they are the only content of buttons (with .btn-icon) (#1020 / #1273)
  • Forms: Vertically align labels for switches (#1072)
  • Forms: Display a black outline for non active focused switches (#1082)
  • Accordions: Remove active text color on focus (#1087)
  • GitHub workflows: Fix calibreapp/image-actions reference in optimize workflow (#1111)
  • Dropdowns Fix dark variant colors (#1021)
  • Forms: Change the left margin value between the required symbol and labels (#1144)
  • Pagination Change background horizontal position of icon (#1155)
  • Buttons Change social button dark variant active rendering (#1166)
  • A11y: Replace '..' by '…' in documentation title for screen readers (#1213)
  • Documentation: Add existing indigo to the list of colors (#1226)
  • Pagination: Remove x margin between page numbers (#1179)
  • Documentation: Make the footer sticky especially for the "Design guidelines" page (#1042)
  • Documentation: Bring back Check & radios without labels section in Forms documentation from Bootstrap (#1228)
  • Accessibility: Apply the right colors for ordered/unordered lists (#1248)

📖 Docs

  • Layout: Add a top margin to the doc footer and remove borders from sidebars (#934)
  • Design Guidelines: Design guidelines content has been distributed among components and utilities doc pages, and examples. This page now contains information about Orange Design System (#960 / #1009 / #1083)
  • Introduction: Reintroduce "Bootstrap Community" section (#984)
  • Rendering: Reorder alphabetically some list of components (#1188)

🧰 Chore

  • A11y: Add missing role='search' and type='search' in navbar component and examples (#785)
  • GitHub workflows: Run automatically Percy and Browserstack for main and v4-dev branches and manually for PRs. (#1004)
  • Security (dev dependencies): Drop delay-cli to avoid CVE-2021-33623 vulnerability. (#1005)
  • Contributing: Update contributing guideline to remove remaining Bootstrap references (#1223 )
Assets 4