v5.2.0 Ship List

[julien-deramond]

🚀 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)
• 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 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)
• 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' 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 )
• GitHub workflow: Remove Slack release notifier (#1401)