Releases: Orange-OpenSource/Orange-Boosted-Bootstrap
v0.0.3-ouds-web
What's Changed
- fix(README): fix "npm version" badge and remove "packagist" badge by @julien-deramond in #2634
- feat(css): Drop
form-star-rating()
mixin by @julien-deramond in #2635 - Fix(docs): change CodePen bug reports template by @julien-deramond in #2636
- Docs: add new files names in Boosted migration page by @julien-deramond in #2637
- CI/CD: Browserstack tests by @louismaximepiton in #2639
- Css: drop deprecated Boosted variables and change deprecated comments by @julien-deramond in #2638
- Fix(docs): broken links to
/blob/vx.y.z-ouds-web
files by @julien-deramond in #2647 - Add 'Getting Started > Contribute' page and fix some
/blob/vx.y.z-ouds-web
broken links by @julien-deramond in #2646 - docs: add 'Extend > Approach' page by @julien-deramond in #2650
- docs: remove 'Getting started > Best practices' page by @louismaximepiton in #2657
- docs: add 'Utilities > API' page by @louismaximepiton in #2656
- docs(utilities): add 'Visibility' page by @julien-deramond in #2651
- Docs(utilities): add 'Flex' page by @julien-deramond in #2660
- Docs: add 'Utilities > Vertical align' page by @louismaximepiton in #2668
- Docs: add 'Utilities > Object fit' page by @louismaximepiton in #2663
- Docs: add 'Helpers > Text truncation' page by @vprothais in #2670
- Docs: add 'Utilities > Overflow' page by @louismaximepiton in #2664
- Docs: add 'Utilities > Interactions' page by @louismaximepiton in #2662
- Docs: add 'Utilities > Float' page by @louismaximepiton in #2661
- Docs: add 'Utilities > Position' page by @louismaximepiton in #2666
- Docs: Add 'Helper > Position' page by @louismaximepiton in #2672
- Docs: add 'Helpers > Clearfix' page by @vprothais in #2673
- Docs: add 'Helpers > Visually Hidden' page by @vprothais in #2674
- Docs: add 'Layout > Css grid' page by @vprothais in #2679
- Docs: add 'Utilities > Display' page by @louismaximepiton in #2659
- Docs: add 'Utilities > Z-index' page by @louismaximepiton in #2669
- docs: add 'Getting started > Introduction' page by @louismaximepiton in #2658
- Docs: Add 'Getting started > Accessibility' page by @louismaximepiton in #2675
- Docs(helpers): add 'Stacks' page by @julien-deramond in #2681
- Docs: Add 'Getting started > Browsers & devices' page by @louismaximepiton in #2684
- Docs: Add 'Getting started > Contents' page by @louismaximepiton in #2685
- feat: tokens architecture and opacity utilities by @julien-deramond in #2573
- chore(merge main): patched Boosted commit → e42878f by @julien-deramond in #2715
- chore(merge main): patched Boosted commit → d1d1f89 by @julien-deramond in #2721
- chore(release): v0.0.3 by @julien-deramond in #2725
New Contributors
- @vprothais made their first contribution in #2670
Full Changelog: v0.0.2-ouds-web...v0.0.3-ouds-web
v0.0.2-ouds-web
What's Changed
Fixes
- Fix(README): composer command line by @julien-deramond in #2631
Chores
- Workflows: comment content of notify.yml by @julien-deramond in
- Workflows: comment delete notify.yml by @julien-deramond in #2628 and #2629
Full Changelog: v0.0.1-ouds-web...v0.0.2-ouds-web
v0.0.1-ouds-web
chore(release): v0.0.1 (part 2)
v5.3.3
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
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
andskip:pa11y
(#2205) - Docs: update Boosted core team information (#2228)
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)
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 ofaria-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
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
forvar
andcode
(#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 ofsite
(#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-current
s 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-label
s 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
- add some
- PR template: enhance PR template for contributors and core team (#1706)
- Examples: better management of SVGs (#1730)
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-label
s 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)
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-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-split
s 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
- 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=true
andfocusable=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
inget-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)