Skip to content

Releases: Orange-OpenSource/Orange-Boosted-Bootstrap

v5.3.3

23 Feb 11:36
@julien-deramond julien-deramond
v5.3.3
3fcfb88
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.3.3 Latest
Latest

Bootstrap v5.3.3

Boosted v5.3.3

As usual, you may want to refer to Bootstrap v5.3.3 changelog for an exhaustive list of features and changes in Boosted/Bootstrap, to our migration guide to v5.3.3, and to the GitHub Release Discussion acting as a blog post.

🚀 Features

  • Alerts: change warning icon (#2240)
  • List group: 2 new variants and change default font-weight (#1467)
  • Dark mode: complete implementation of the dark mode for Boosted (components, modules, examples, utilities, etc.) (#2223)

🐛 Fixes

  • Check button: don't remove left/right borders when not in a .btn-group (#2239)
  • Dark variants: some text colors were light gray instead of white (#2263)
  • Examples: [both light/dark images were displayed in 'auto' mode in Download App example (#2261)
  • Dropdowns: add some missing Boosted mod comments and "instead of" precisions in Sass comments (#2294)
  • Unit tests: drop .btn-secondary from carousel play/pause buttons for consistency (#2306)
  • Form controls: adjust form control color size when there's valid feedback, and adjust right padding of the valid feedback icon (#2341)
  • Back to top: dropped a useless CSS rule implementing a removed variant (#2340)
  • Tooltips: two CSS vars had a double prefix (#2353)
  • Quantity selector: improve the rendering of its focus state when in error (#2099)
  • Examples: apply correctly .header-minimized to the Navbars example (#2354)
  • Typography: update line-height and letter-spacing values for .lead in mobile and tablet breakpoints (#2363 / 61bf996)
  • CSS: remove unused get-color-from-rgba-string Sass function (64b9160)
  • Docs: improve some alignments in the docs header (#2398)
  • Examples: drop underlined hovered footer links in Download page example (#2415)
  • Orange navbar: fix spacing between supra bar links on small breakpoints (#2428)
  • Examples: remove unused .bd-content from Form example (#2439)

📖 Docs

  • Color modes: reintroduce dark mode information hidden for previous Boosted releases (#2250)
  • Homepage: minor rendering tweaks to get closer to Bootstrap (#2374)
  • Design guidelines: add thumbnail hover micro animation (#2379)
  • Icons: fix Solaris icons URL and add it to the header and footer (#2396)
  • Navbar: enhance the navbar's dropdown rendering on mobile (#2432)
  • Links: use oran.ge links when they are available (#2488)
  • Icons: enhance Extend > Icons page to reflect our latest recommendation (#2075)
  • Icons: add an 'Icons rendering' section in Extend > Icons (#2217)

🧰 Chore

  • Team: update core team members list (6819a33)
  • Workflows: increase the limit number of cards in jobs (#2312)
Assets 4

v5.3.2

18 Sep 11:07
@julien-deramond julien-deramond
v5.3.2
c539991
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.3.2

Bootstrap v5.3.2

Boosted v5.3.2

As usual, you may want to refer to Bootstrap v5.3.2 changelog for an exhaustive list of features and changes in Boosted/Bootstrap, to our migration guide to v5.3.2, and to the GitHub Release Discussion acting as a blog post.

🚀 Features

  • Orange navbar: change minimizing behavior by moving .header-minimized to the <header> (#1830)
  • Forms: add a visual cue to form elements on error when focused for accessibility (#2090)
  • Accordion: new rendering based on recent UI Kit v5 modifications to improve accessibility (#1792)
  • Components: new Local Navigation (#1468)
  • Star rating: new read-only state and enhanced accessibility (#2184)

🐛 Fixes

  • Workflows: keep whitespaces formatting in description content when the bot is updating it (62de233)
  • CSS: remove unnecessary code in Boosted grid dist files (#2196)
  • Carousel: fix carousel indicator animation with custom interval (#2203)
  • Forms: add a required information for mandatory input fields for accessibility (#2114)
  • Carousel: init carousel properly by setting the animation on progress indicator (#2204)
  • Examples: add missing /examples/download-app redirection URL (#2216)
  • Docs: add missing .is-disabled for disabled file input label (#2222)
  • Docs: add missing /docs/customize/color-modes redirection (#2226)

📖 Docs

  • Nav and tabs: move dropdowns at the last place in navs based on design recommendations (#2007)
  • Cookies: use youtube-nocookie.com to avoid cookies from YouTube in our examples (#2089)
  • Tables: add design callout messages for nested and striped tables (#2032)
  • Icons: change icons in Boosted sprite with real Solaris icons (#1929)
  • Borders: add design callout messages for borders utilities (#2064)

🧰 Chore

  • Workflows: update PR template (985a226)
  • Workflows: handle ready for review PR in PRs board project (#2093)
  • Workflows: handle PR being reviewed in PRs board project (#2101)
  • Workflows: handle approved PR in PRs board project (#2092)
  • Workflows: handle design/a11y approved PR in PRs board project (#2100)
  • Workflows: drop skip:ci and skip:pa11y (#2205)
  • Docs: update Boosted core team information (#2228)
Assets 4

v5.3.1

26 Jul 12:24
@julien-deramond julien-deramond
v5.3.1
22237df
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.3.1

Bootstrap v5.3.1

Boosted v5.3.1

As usual, you may want to refer to Bootstrap v5.3.1 changelog for an exhaustive list of features and changes in Boosted/Bootstrap, and to the GitHub Release Discussion acting as a blog post.

🚀 Features

🐛 Fixes

  • Docs: allow first Footer example to be in Storybook (#2161)

📖 Docs

  • Storybook: add components, and improve JS management and stories rendering (#2130)

🧰 Chore

  • Dependencies: bump Storybook from 6 to 7 (#2103)
Assets 4

v5.3.0

21 Jul 07:27
@julien-deramond julien-deramond
v5.3.0
8851d3d
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.3.0

Bootstrap v5.3.0

Boosted v5.3.0

As usual, you may want to refer to Bootstrap v5.3.0 changelog for an exhaustive list of features and changes in Boosted/Bootstrap, and to the GitHub Release Discussion acting as a blog post.

🚀 Features

  • Forms: update color form control based on UI Kit v5 (#1794)
  • Carousel: pause/play button is now integrated within the carousel (#1763)
  • Range: new variant that displays dynamically the current value on the top-right corner as a label (#1714)
  • Popovers/Tooltips: update rendering according to Orange Design System UI Kit v5 (#1803 / #1936 / #2031)
  • Range: fine-tuned the hover and active colors (#1605)
  • Forms: changed rendering of help texts based on UI Kit v5 (#1779)
  • Utilities: changed the values of .lh-sm, .lh-base and .lh-lg to retrieve a line-height logic based on a multiplication of the base font size (#1952)
  • Footer: new .active class and use of aria-current="page" for links for a better a11y. This is explained in a new section of the Footer's documentation. (#1859)
  • Buttons: new outline secondary button (.btn-outline-secondary) with transparent background (#2004)
  • Close button: add a "Closed" tooltip to close button component, but also to wherever it's used in other components: modals, offcanvases, toasts (#1823)
  • Forms: 1px increase of spacing between form messages (.form-text and valid/invalid form messages) and form controls (#1948)
  • Buttons: add TikTok (#1778)
  • Utilities: add .border-4 and .border-5 (#2127)
  • Close button: add eco-design variant (#1489)
  • CSS: deprecated $boosted-prefix in favor of $prefix (#2129)
  • Utilities: reintroduce all text color utilities from Bootstrap (#2030
  • Examples: new download app page (#2146)

🐛 Fixes

  • Docs: remove extra break line in table shortcode (#1758)
  • Forms: add some extra-padding between form switches and their label (#1796)
  • Dropdowns: remove the cut border on split dropdowns when shown and remove border on .nav-link (#1793)
  • Quantity selector: avoid using .input-group selector to match only quantity selector in JS (#1825)
  • Modals: increased margin between modal content and footer (#1658)
  • Docs: modal with image variant wasn't rendered in the documentation (#1884)
  • Orange navbar: add missing .supra in some examples with small viewports (#1885)
  • Forms: vertical alignment of invalid feedback icon on multiple lines (#1719)
  • CSS: removed Stylelint multi-line comments from built CSS Boosted files (#1935)
  • Tables: preserve table row heights with icons and thumbnails (#1674)
  • Form example: add data-focus-visible-added attribute with JavaScript on the focused element on first error validation (#1953)
  • Examples: in cards examples, semantics have been changed for the row containing icons and the actions footer containing secondary buttons in order to be more accessible (#1904)
  • Docs: add missing <caption> in captions' HTML examples (#2033)
  • Examples: some 5G icon ids were the wrong ones and weren't rendered in Stickers example (#2066)
  • Docs: fix search box alignment in navbar HTML snippet (#2078)
  • Docs: fix headings architecture of Tooltips page (#2021)
  • Typography: changed <h3>, <h4> and <h5> font sizes at some breakpoints (#2053)
  • Stickers: due to the changes of <h3>, <h4> and <h5> font sizes, stickers are now presented as examples in the documentation based on fixed font sizes integrated via CSS not included into the framework (#2053)
  • Docs: Solaris icons URL (#2112)
  • Footer: changed coverage icon to use ic_Mobile_Network_Coverage (#2022)
  • Docs: update broken DSM links (#2126)

📖 Docs

  • Placeholders: display generic icons (#1857)
  • Orange Design System: added new info callout to display ODS recommendations (#1709)
  • Placeholder: use SVG instead of text inside the image in the placeholder shortcode (#1886)
  • Stepped process: add precisions when one would like to display more that 5 items (#1908)
  • Docs footer: Documentation footer uses the new .active + aria-current="page" rendering of Boosted for better a11y (#2017)
  • Tooltips: add a11y callout about tooltips hiding important content (#2021)
  • Forms: enhance 'Terms and Conditions' checkboxes accessibility and wording (#2002)
  • Tables: add PNG thumbnail example in some tables (#2034)
  • Release: add hidden new release banner (#2150
  • Dark mode: hide unimplemented Orange dark mode (#2044)

🧰 Chore

  • Examples: add a reusable shortcode for cards (#1827)
  • Shortcodes: change in_examples param to extra_social of orange-footer shortcode (#2043)
  • Cookies: change Google Tag Manager URI in tarteaucitron (#2081)
Assets 4

v5.2.3

30 Dec 13:10
@julien-deramond julien-deramond
v5.2.3
ce61681
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.2.3

Bootstrap v5.2.3

Boosted v5.2.3

As usual, you may want to refer to Bootstrap v5.2.3 changelog for an exhaustive list of features and changes in Boosted/Bootstrap.

🚀 Features

  • Forms: new form helper icon button (#1444)
  • Forms: new small size form controls (inputs, labels, selects, input groups) (#1230)
  • Examples: new 'Pages' section and new 'Form' example (#1559)
  • Reboot: add defensive CSS by defining a line-height for var and code (#1720)
  • Accessibility: complete refactoring of visible focus (#1437)
    • Black outer outline and white inner box shadow on light background
    • White outer outline and black inner box shadow on dark background
    • Removal of transition animation
    • Rework of all components

🐛 Fixes

  • Storybook: generate Storybook site in _site instead of site (#1660)
  • Docs: add missing aliases for /docs/examples and /examples (#1657)
  • Docs: add missing logo in Scroll navbar docs (#1664)
  • Modals: remove the extra-margin of the last element of scrollable modals (#1661)
  • Orange navbar: add missing aria-currents in some displayed docs code (#1662)
  • Stepped process: converted current step to plain text for better accessibility (#1663)
  • Cards: revamp of the rendering and semantics to better fit with ODS guidelines (#1376)
    • card titles and subtitles sizes
    • bold captions when there's an image
    • correct use of header order hierarchy in card example pages
  • Docs: remove link to non-existing v2.3.2 (#1692)
  • Navs: remove orange hover color for active tabs of nav tabs light (#1420)
  • Tables: move some .table-responsive in the right place/<div> and remove all docs specific CSS for tables (#1710)
  • Dropdowns: several fixes around the rendering of dropdowns (#1164)
  • Accordion: change padding management to have a better rendering when visible focus is displayed (#1727)
  • Cards: modify padding top to card headers (#1449)

📖 Docs

  • Enhance documentation to add a first batch of design callouts to explain when some variants of our components/utilities are not compatible with the Orange Design System guidelines (#1713)
  • Customize > Color: enhance rendering of Sass variables in "Orange color tokens" and "Bootstrap core variables" sections (#1731)
  • Guides: Vite, Webpack and Parcel guides enhancement to be more specific to Boosted (#1384)

🧰 Chore

  • GitHub workflows: enhance GitHub workflows to better handle Dependabot (#983)
  • Pa11y-ci: enhance configuration for specific Windows environments (#1665)
  • Pa11y-ci: bumped dependency from 2.42.0 to 3.0.1 (#938). ⚠️ With the new aXe version used in pa11y-ci, it allowed us to spot the following a11y enhancements in Boosted:
    • add some aria-labels in Navbar component page
    • modified the markup of the Nested tabs components
    • improved semantics for buttons in Cards examples
    • add missing aria-labelledby in our Footer component's accordions
  • PR template: enhance PR template for contributors and core team (#1706)
  • Examples: better management of SVGs (#1730)
Assets 4

v5.2.2

23 Nov 11:51
@julien-deramond julien-deramond
v5.2.2
0c794ba
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.2.2

Bootstrap v5.2.2

Boosted v5.2.2

As usual, you may want to refer to Bootstrap v5.2.2 changelog for an exhaustive list of features and changes in Boosted/Bootstrap.

🚀 Features

  • Examples: new RTL section and a new Cards RTL example page (#1603)

🐛 Fixes

  • Docs: fix footer to make it sticky in small pages (#1596)
  • Docs: remove unused examples thumbnails images (#1597)
  • Footers: change Orange copyright font size in footers that was in 16px instead of 14px (#1589)
  • CSS: fix compilation issue when $enable-rounded: true (#1604)
  • Forms: add .mt-2 to submit buttons in forms examples to have a 30px space between the last form control and the submit button (#1495)
  • Buttons: fix the letter spacing for large buttons and add an optional parameter to @mixin button-size() (#1447)
  • CSS: avoid CSS compilation error when customizing $prefix (#1609)
  • Forms: fix switches rendering on all platforms (#1612)
  • Docs: fix a typo in Spanish in some navbars example within the language selection dropdown accessibility texts (#1613)
  • Dropdowns: fix the alignement between the dropdown and the title in dropdown in navbar example (#1625)
  • Orange navbar: fix aria-labels in languages selection of some supra bars examples to improve a11y (#1629)
  • Forms: fix top margin for .form-text and *.feedback (#1445)
  • Docs: uniformize alt value for Orange logos in navbar and scrollspy examples, and in the doc header (#1630)
  • Forms: fix bottom margin for .form-label (#1443)
  • Forms: realign input range handle vertical alignment on Webkit (#1632)
  • Forms: adapt invalid feedback line height (#1638)
  • Table: reduce space after checkboxes in row selection (#1272)
  • Utilities: use the right orange color for text utilities based on the light/dark variant context (#872)

📖 Docs

  • Customize: move 'Orange's colors' section at the beginning of the 'Color' page and add a warning callout in 'All colors' section (#1610)
  • Icons: modify link redirecting to Solaris icons (#1634)
  • Migration guide: minor updates for 5.0 and 5.1 (#1633)
  • Brand: enhance section on how to use logos (#1065)

🧰 Chore

  • Tools: Storybook is finally merged into our main branch and provides the content of boosted.orange.com/storybook to make the link between our documentation and the DSM (#565)
  • Images: remove unused brand/logo-*.png (#1635)
  • Images: removed unused icons in site/layout/partials (#1637)
  • Images: removed unused site/static/docs/5.2/assets/img/orange-logo.svg and update NOTICE.txt (#1639)
Assets 4

v5.2.1

31 Oct 11:42
@julien-deramond julien-deramond
v5.2.1
8bdb86c
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
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

🐛 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)
  • 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

🧰 Chore

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

v5.2.0

27 Jul 10:40
@julien-deramond julien-deramond
v5.2.0
9b8a2e0
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
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

🐛 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 f...
Read more
Assets 4

v4.6.2

21 Jul 10:09
@julien-deramond julien-deramond
v4.6.2
a334988
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
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)
Assets 4

v5.2.0-beta1

28 Jun 06:09
@julien-deramond julien-deramond
v5.2.0-beta1
aa8b4f0
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
v5.2.0-beta1 Pre-release
Pre-release

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 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)

📖 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 )
Assets 4