v5.2.1

Bootstrap v5.2.1

• GitHub release
• Blog post

---

Boosted v5.2.1

As often, you may want to refer to Bootstrap v5.2.1 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

• Stepped process: Add dark variant (#1434)
• Pagination: Add dark variant (#1433)
• Breadcrumb: Add dark variant (#1430)
• List group: Add dark variant (#1525)
• <mark>/.mark: Improve rendering for accessibility (#1506)
• CSS variables:
  • Add CSS vars to handle .nav-tabs-light and .tab-content (#1427)
  • Add CSS vars for Close button (#1531)
  • Define .btn-no-outline, .btn-link and .btn-social with CSS vars (#1426)
  • Add CSS vars to navbars (#1422)
  • Add CSS vars to alerts (#1424)
• Utilities: revamp .img-thumbnail and add a description in Content > Images > Image thumbnails (#1441)
• Components: new Tags component (#988 / #1574)

🐛 Fixes

• Docs: remove navbar box shadow version selector overlap (#1438)
• Alerts: increase height to 80px when additional content (#1425)
• Pagination: remove --bs-pagination-margin-start and --bs-pagination-focus-outline CSS vars after a discussion with Bootstrap team (#1457)
• Modal: remove unused --bs-modal-header-padding-x and --bs-modal-header-padding-y CSS variables (#1418)
• Stepped process improve rendering of arrow shapes (#1485)
• CSS: set .mark and <mark> y padding to 0 (#1484)
• Dropdown toggle split: same width for all .dropdown-toggle-splits orientations (#1451)
• Docs: Replace 'Secondary' by 'Primary' label for some buttons when inconsistent (#1494)
• Docs: Add missing points and Markdown formatting in some tables (#1499)
• Docs: Refine rendering of cards with image overlays (#1493)
• Docs: Move 'Dark variant' sections out of 'Example' for alerts and accordions (#1502)
• Docs: Fix Orange Helvetica CSS file name in docs and mention it in the migration guide (#1487)
• Dropdowns: Add --bs-dropdown-zindex and drop unused --bs-dropdown-padding-x (#1423)
• Docs: Reorder Carousel doc parts (#1491)
• Docs change responsive values in utility API examples (#1488)
• Back to top: Remove "Label inside" variant not compliant with ODS (#1520)
• Navbar: minor fixes (#1498)
  • Add a .mb-3 to offcanvases navbar examples to add some space between the last link and the search bar in mobile viewport
  • New $navbar-dark-border-color used in --bs-navbar-border-color for .navbar-dark
  • Change the default value of $navbar-border-color now used only for light navbars
• Toast: changed the utilities used in the markup of the first Toast > Custom content example to adjust the layout (#1490)
• Dark variant texts: reduce the scope of changes applied to texts used in combination with a dark background (#1293)
  • Added a new section in Customize > CSS variables > Dark text rule
  • Forms: add validation icon for <select>s and fix its position for <textarea>s (top-right) (#1371)
• A11y: add aria-hidden=true and focusable=false to SVGs in tooltips examples (#1555)
• Forms: prevent valid icon to hide input content for quantity selector, and normal, color and switch inputs (#1306)
• Icons: use the right close icon for modals, close button and offcanvas (#1566)
• CSS: rename $prefix by $func-prefix in get-color-from-rgba-string function (#1567)
• Footers: change 'Terms & Conditions' to 'Terms and conditions' (#1564)
• Paginations: add missing breakpoints after lg for responsive behavior (#1579)

📖 Docs

• Content: show a third-level list in Reboot > Lists (#1497)
• Examples: remove Bootstrap examples unused in Boosted that were only hidden before (#1542)
• URLs: add aliases to be able to access to the latest version of the docs without precising the version (e.g. https://boosted.orange.com/docs/components/buttons) (#1088)
• Migration: add detailed migration guide for v5.2.0 → v5.2.1 (#1522)

🧰 Chore

• GitHub: add a PR template (#1007)
• Workflow: replace percy/snapshot-action by Percy CLI (#1530)