Releases: Orange-OpenSource/Orange-Boosted-Bootstrap
v5.2.1
Bootstrap v5.2.1
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:
- Utilities: revamp
.img-thumbnailand 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-startand--bs-pagination-focus-outlineCSS vars after a discussion with Bootstrap team (#1457) - Modal: remove unused
--bs-modal-header-padding-xand--bs-modal-header-padding-yCSS variables (#1418) - Stepped process improve rendering of arrow shapes (#1485)
- CSS: set
.markand<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-zindexand 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-3to offcanvases navbar examples to add some space between the last link and the search bar in mobile viewport - New
$navbar-dark-border-colorused in--bs-navbar-border-colorfor.navbar-dark - Change the default value of
$navbar-border-colornow used only for light navbars
- Add a
- 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=trueandfocusable=falseto 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
$prefixby$func-prefixinget-color-from-rgba-stringfunction (#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
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-smand.ll-md) to limit the extent of line lengths (#883 / #925) - Components: New Orange navbar component (#795 / #1099)
- Buttons: Reintegration of the
.btn-inverseclass 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-visibleCSS 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-fluidto follow the Orange brand grid (#987)⚠️ Check the impact on your website and now prefer to use.container-xxlinstead of.containerto 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,waitandtimeoutfrom 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 f...
v4.6.2
Bootstrap v4.6.2
Boosted v4.6.2
As often, you may want to refer to Bootstrap v4.6.2 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
- Embed: New 9x16 aspect ratio to display portrait videos (#908)
- Utilities: New classes (
.ll-smand.ll-md) to limit the extent of line lengths (#931) - Stepbar: Update the rendering to respect the latest design guidelines (#1039)
- Utilities: Reintroduce
.text-uppercase(#1218)
🐛 Fixes
- Boostwatch: Replace HTML dropdown definition used in dropdown tabs Boostwatch example (#881)
- Pagination: Missing space between icon and text in "Previous"/"Next" buttons in the Pagination doc and New template example (#904)
- Dependencies: Fix
focus-visibleimport (#673) - Docs: Fix button wording in an example of split buttons (#1051)
- Line heights: Restore line heights values for small and large buttons, block quotes, some inputs labels and form controls, headers. (#1070)
- Docs: Remove bad sentence from grid example (#1079)
- Dropdowns: Display dropdown menu on black background (#658)
- Forms: Change the left margin value between the required symbol and labels (#1177)
- Pagination: Remove space between pagination numbers (#1269)
- Accessibility: Apply the right colors for ordered/unordered lists (#1291)
- Orange footer: Behave as it should when elements are focused + modifications in examples (#1292)
- Social buttons: Add white border on dark variants for active state (#1224)
- Nav: Fix keyboard navigation for tabs using JavaScript plugin (#1296)
- Custom carousel: Fix inconsistency of Swiper versions between the package and the one used in our docs (#1314)
⚠️ Version 5.0+ was mandatory because of security issues so Swiper dependency has been bumped to the latest. It implies that now IE support is dropped for this component.⚠️ Breaking change:.swiper-containeris replaced by.swiper
📖 Docs
- Rendering: Reorder alphabetically some list of components (#1188)
🧰 Chore
- GitHub workflow: Remove Slack release notifier (#1400)
v5.2.0-beta1
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-smand.ll-md) to limit the extent of line lengths (#883 / #925) - Components: New Orange navbar component (#795 / #1099)
- Buttons: Reintegration of the
.btn-inverseclass 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-visibleCSS pseudo-class as well as a default focus visible (#1124) - Containers: Modify the behavior of
.container-fluidto follow the Orange brand grid (#987)⚠️ Check the impact on your website and now prefer to use.container-xxlinstead of.containerto 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,waitandtimeoutfrom 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'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-clito avoid CVE-2021-33623 vulnerability. (#1005) - Contributing: Update contributing guideline to remove remaining Bootstrap references (#1223 )
v4.6.1
Bootstrap v4.6.1
Boosted v4.6.1
As often, you may want to refer to Bootstrap v4.6.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
- Modal Orange branded 🎉 (#615)
- (!) changed
$modal-*sizes
- (!) changed
- Close: refactored to use Solaris "Delete" icon, to match UI Kit (3456453c)
- Badges: use functional colors (#619)
- Utilities: add & document aliases for
.bg-*utilities to highlight supporting color usage (#619)
🐛 Fixes
- Icons: spelling error in "icon-Accessability" (#630)
- Accordions: margin and negative padding need to have same value (#660)
- RTL: bad integrity value for RTL Starter template boosted-rtl.min.css (#729)
- docs: separate local fonts from CDN in the starter template (#738)
- Orange Navbar: changed 1px border bottom color (#804)
- CI:
ifdefined two times in JS GitHub CI workflow (#809) - Grid: allow fixed unit in
container-fluid-margin-widths(#853) - Buttons: vertical alignment of icons within buttons (#851)
📖 Docs
- Migrating to Boosted v4: fix some links and the JS example (#698)
🧰 Chore
- CI: various optimizations, backported from #612 & #613. Have a look at the Wiki.
- #813: Resync nuget/*.nuspec files with Bootstrap
v5.1.3
Bootstrap v5.1.3
Boosted v5.1.3
As often, you may want to refer to Bootstrap v5.1.3 changelog for an exhaustive list of features and changes in Boosted/Bootstrap (not every single of them has been themed accordingly to Orange guidelines).
Next step: tackling issues and finish the migration from v4 to v5 (some custom Orange components are still missing).
v5.1.2
Bootstrap v5.1.2
Boosted v5.1.2
As often, you may want to refer to Bootstrap v5.1.2 changelog for an exhaustive list of features and changes in Boosted/Bootstrap (not every single of them has been themed accordingly to Orange guidelines).
🧰 Chore
- #833 : Update Core Team members list and change automatic assignee
- #806: Resync nuget/*.nuspec files with Bootstrap
Next step: tackling issues and finish the migration from v4 to v5 (some custom Orange components are still missing).
v5.1.1
Bootstrap v5.1.1
Boosted v5.1.1
As often, you may want to refer to Bootstrap v5.1.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).
🐛 Fixes
- #789: Automatically retrieve Boosted latest version in versions selector
- eac95cf: Update broken links to issue templates in README.md
- dbaa78a: Replace Creative Commons license link in README.md
🧰 Chore
- #792: Rename
v5-devbranch inmainas Bootstrap
Next step: tackling issues and finish the migration from v4 to v5 (some custom Orange components are still missing).
v5.1.0
Bootstrap v5.1.0
Boosted v5.1.0
🚀 Features
As often, you may want to refer to Bootstrap v5.1.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).
🐛 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)
Next step: tackling issues and finish the migration from v4 to v5 (some custom Orange components are still missing).
v5.0.2
Bootstrap v5.0.2
Boosted v5.0.2
🚀 Features
As often, you may want to refer to Bootstrap v5.0.2 changelog for an exhaustive list of features and changes in Boosted/Bootstrap (not every single of them has been themed accordingly to Orange guidelines).
🐛 Bug Fixes
- docs: 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)
Next step : tackling issues and porting/developing components for future Boosted versions !