v5.2.0
Bootstrap v5.2.0
Boosted v5.2.0
As often, you may want to refer to Bootstrap v5.2.0 changelog for an exhaustive list of features and changes in Boosted/Bootstrap (not every single of them has been themed accordingly to Orange guidelines).
🚀 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 Quantity selector component (#860)
- Components: New Sticker component (#1023) (#1251)
- Components: New Nested tabs Nav & Tabs variant (#1017)
- CSS reboot: Use
:focus-visible
CSS pseudo-class as well as a default focus visible (#1124) - Carousels: Bring back play/pause button version from v4 (#1146)
- 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 / #1280 / #1239)
- 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 / #1281 / #1271 / #1268 / #1279 / #1239)
- Docs: Guide to embed Solaris icons in an icon font (#1405)
- Docs: 'Added in v5.2.0' label for all new Boosted features (#1406)
🐛 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
andtimeout
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)
- Checkboxes: Fix colors for indeterminate checkboxes and fix the active/pressed state on a disabled checkbox (#1339)
- Back to top: Allow clicking under the transparent surface (#1346)
- Forms: Set background color for validated inputs (#1361)
- Cookie consent: Apply the right colors for buttons (#1249)
- Stepped process: Coherent line height rendering on all platforms/browsers combinations (#1347)
📖 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'
andtype='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 )
- GitHub workflow: Remove Slack release notifier (#1401)