Releases: Orange-OpenSource/Orange-Boosted-Bootstrap
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 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-sm
and.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-visible
import (#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-container
is 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-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
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)
📖 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 )
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:
if
defined 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-dev
branch inmain
as 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 !
v5.0.1
Bootstrap v5.0.1
Boosted v5.0.1
🚀 Features
As often, you may want to refer to Bootstrap v5.0.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).
🐛 Bug Fixes
- Cookie consent panel: improve cookie consent panel rendering (c595c0a), closes #677
- accessibility: issue on pricing and sidebar + update label for logo on headers example (7223e41)
- core: update nuspec add boosted icon (#679) (d6b639c)
- docs: replace
.sr-only
by.visually-hidden
in checkout example (1a23636) - docs: fix 'View on GitHub' link to target 'v5-dev' branch (7d66ae4)
- docs: missing character in RTL starter template (fda8432)
- lint: remove trailing spaces (d13994d)
- margin: finish migration of margin-left and right from
ml-
andmr-
toms-
andme-
(195c408) - offcanvas: add offcanvas to boosted.scss (8c1c8b2)
- sri: v5 documentation rendering is broken due to bad integrity sha384s in config.yml (edc8fa2)
- table: Accented table displays properly again (85cdbf7)
Next step : tackling issues and porting/developing components for future Boosted versions !