CHANGELOG.md

5.0.0-beta3 (2021-04-28)

Bug Fixes

• accordion: apply changes requested on MR (ee89ce2)
• accordion: Repare visual regressions (b547626)
• build: delete useless build.sh file (2d051ba)
• changelog: correct version numbers following version bump (via npm command) (698f647)
• config: correct ruby version (e64e101)
• docs: Use shield.io badge in the readme (c34b3d7)
• examples: Correct the bootstrap logo into orange logo (94e27fa)
• lint: repare lint execution (54055d4)
• list-group: Hide the link of the doc for the component (for now) (48ccdff)
• list-group: revert the link in the menu (e10518b)
• popper: manually change popper version (1d87421)

Features

• stepped process: add the component from v4 (2f353e3)

5.0.0-beta2 (2021-02-12)

Bug Fixes

• badges: use functional colors as backgrounds (8c4d0e7)
• dropdowns: spacing, active state color (70fc9ce)
• focus: guaranteed focus visibility when fixed header overlaps (65ac357)
• forms: .form-select sizes were wrong (afd0b39)
• navbar: only Y-padding are transitioned (be1f8de)
• pagination: get active state back to matching UI Kit (d11441c)

Features

• back to top: brand new component 🎉 (893944d)
• back-to-top: use .btn-icon, match .btn-close pattern & fix icon in RTL (6cd7c9e)
• buttons: buttons with icon, branded 🎉 (d399331)
• carousel: Orange branded 🎉 (7f320f6)
• close: better branding and consistency with new buttons (3708778)
• close button: use stroke icon a basis (318d89d)
• forms: Orange branded disabled state 🎉 (b02466d)
• icons: new button-icon() mixin (e2726bc)
• links: with chevron 🎉 (27286ba)
• mixin: new target-size() mixin to ensure sufficient hit area (44×44px) (d0a1c2c)
• modals: Orange branded 🎉 (bfd285c)
• pagination: use filter instead of another inlined SVG (3911d64)
• social buttons: Orange branded 🎉 (db222da)
• toggle buttons: Orange branded 🎉 — both with icons and no outline (2cd8ffe)
• utilities: add .bg-supporting-* utilities (0fd37a0)

Docs

• Syntax highlighting now provides sufficient contrasts (2a82eab)
• Accordions: details and summary in docs now look like accordions (e1f379ef)
• SVG: Accessible markup for decorative SVGs (0a2f616c5)

Chore

• Percy: add Cheatsheets to snapshots (b343fe2)
• Pa11y: update exclusion list by removing .chroma, [disabled] and [readonly] selectors (2a82eab and 97d3b3c)
• CI: allow to skip CIs, depending on paths for push event or on labels for pull requests. Have a look at the wiki

5.0.0-beta1 (2020-12-10)

Features

• RTL: Orange branded, using Helvetica Neue Arabic, dropping letter-spacing everywhere and customized arrows.

Bug Fixes

• alerts: ensure content don't overlap icon (2ecade3)

Core

• Percy: upgrade snapshot action to 0.1.2

5.0.0-alpha3 (2020-11-12)

Bug Fixes

• forms: ensure .form-check-input is squared in Chromium-based browsers (010c909)

Features

• accordion: Orange branded 🎉 (69a97d9)

Docs

• icons: drop content to only mention Solaris (90af24b)
• analytics: massive refactor of our Tarteaucitron implementation (#531, #532, #534, #535)
• skip links: use a nav tag with aria-label (3ea50d0)

5.0.0-alpha2 (2020-09-30)

Bug Fixes

• alerts: ensure icon is properly sized (d10ed1a)
• cards: .card-footer's bottom padding (7054f27)
• color: better matching light color (02f4e25)
• grid: gutters change above lg breakpoint to match the brand (9113a8d)
• grid: missing interpolation (62ea99b)
• reboot: ensure legend are bold (45e8d4d)
• reboot: links with inline-block display cannot break when they need to (4ac2c39)
• spinners: drop growing spinners (1831f13)
• split buttons: missing .active & :disabled states (3a68f31)
• tooltips: ensure content is left-aligned (b255cdc)
• typography: cleaner font-stack, and better matching typographic scale (4694e07)
• utilities: better matching with the brand for some color values (5e82914)
• utilities: drop color exception in color utilities (acfc5e9)

Features

• pagination: add default vertical margins to pagination (c37b86f)

• reboot: handle <var> styles in reboot (ba62352)

• reboot: use #666 for code element (26a1aae)

• colors: final adjustments for accessible orange handling (7c5e781)

• colors: use #ff7900 as primary color & drop color-contrast() bypass for Orange ❤️ (fece01e), closes #ff7900

• colors: use Orange Base UI color names as design tokens (142c851)

• logo: drop useless id (c8dd405)

• logo: improve size and markup again (63323c8)

• progress: Orange branded 🎉 (36ceacd)

• cards: Orange branded 🎉 (fde26b4)

• spinners: Orange branded 🎉 (ed72efe)

• .btn-check: ensure to match the brand 🎉 (d3438ab)

5.0.0-alpha1 (2020-06-22)

Alerts

• alerts: dismissible alerts height (a86753e
• alerts: icon sizes and alignment (a36c058)
• alerts: new variant for close icon in alerts (1da0abe)
• alerts: Orange branded 🎉 (772d3da)

Badges

• badges: proper alignments and spacings (d93f738)
• badge: add sizes variants to badges and include a white info version when badge is large enough (859cc5e)
• badge: improve sizes variants' spacings (33b52e6)
• badge: restore Bootstrap defaults and unset letter-spacing (75ffee5)

Breadcrumb

• breadcrumb: matching the brand (8d9c6fa)

Button group

• button-group: Orange branded 🎉 (3ec1cc6)
• button-group: ensure active and focus buttons displays outlines (68bc83b)

Buttons

• buttons: ensure text is centered (aefea46)
• buttons: enhance focus with box-shadow alongside outline-offset (a66c567)
• buttons: Orange branded 🎉 (c06e355)

Modals

• modal: Orange branded 🎉 (7117d47)
• modal: get Bootstrap modal sizes back (7c377bc)

Close button

• close: Orange branded 🎉 (2dab62d)
• close button: use Zeplin's defined cross for close button (332f4f3)
• close icon: get outline back on :hover (7deafac)

Forms

• form-checks: needed some tweaks after pulling Bootstrap's master (1e78211)
• forms: drop .form-control-sm leftover (00789c2)
• forms: feedback message should be small (cca3f1c)
• forms: remove label color change depending on status for #249 (f4a1b8d)
• forms: convey status using icon in feedback message to stop relying on color only, for #249 (95e6f6c)
• forms: custom select arrow sizing+position (3ac4187)
• forms: custom switch icons sizing+alignment (a2a2ffe)
• forms: get background-image back for custom checkboxes (edfdded)
• forms: get rid of form-*-sm things, forbidden by the brand (8d41b61)
• forms: labels positionning (5be3b52)
• forms: Orange branded 🎉 (7c71cff)
• forms: remove info icon from invalid custom select (a4c82db)

Navbars

• navbar: ensure logo's hit target is properly setup for master logo (de81a44)
• navbar: get padding back on containers (b7fe932)
• navbar: h2 → h6 unecessary in .navbar-brand (190e1ef)
• navbar: Orange branded 🎉 (9bcbab0)
• navbar: restore navbar color schemes (fdf17a1)

Navs

• navs: Orange branded 🎉 (3ac8c25)
• navs: Orange branded nav-tabs 🎉 (af93f30)

Pagination

• pagination: improve focus styles (e14c2dd)
• pagination: need at least intial size for #283 (aedf246)
• pagination: Orange branded 🎉 (108e17c)
• pagination: remove pagination size variants forbidden by Orange Brand for #283 (cf70027)

Tables

• tables: more precise line-heights (553cb10)
• tables: vertical spacings were wrong (02c7b9a)
• tables: missing unit in table-cell-padding (acaf48a)
• tables: ensure tables match Orange Digital Guidelines (af31c78)
• tables: remove .thead-{dark|light} variants (dcd2bbd)
• tables: remove bordered+borderless tables (5c06087)
• tables: remove contextual classes for tables (3158486)
• tables: remove striped rows tables (38767c2)
• tables: remove table variants forbidden by Orange Brand for #283 (1ed8b39)
• tables: removed .table-lg and adjust default+sm sizes (ce13796)
• tables: simplify tables CSS and adjust sizings (1b3e641)

Other components

• cards: Orange branded 🎉 (6340954)
• carousel: Orange branded 🎉 (e90edb8)
• collapse: Orange branded 🎉 (ee8b3ef)
• dropdowns: Orange branded 🎉 (b0194a7)
• list group: Orange branded 🎉 (0d90508)
• popovers: Orange branded 🎉 (9c157f0)
• progress: Orange branded 🎉 (c31b8ab)
• spinners: Orange branded 🎉 (45bb26c)
• toasts: Orange branded 🎉 (8f073ff)
• tooltips: Orange branded 🎉 (090ad2a)

Core

Deep branding

• fonts: use Helvetica Neue and document all the things (20ef6b9)
• type: set Orange's typescale (ea16528)

Colors and contrasts

• color-yiq: missing primary exception for Boosted… (a3e272f)
• contrast threshold: 4.5 instead of 3 (ed6aba7)
• color-yiq: use @ysds lookup table instead of pow polyfill (d07c67b)
• colored links: restrict to primary and light, and ensure contrasts (104e43c)
• colors: improve .text-body & .text-muted utilities to ensure proper contrasts, to close #274 (0d62c74)
• colors: lock color & background-color together in utilities, and use supporting colours for background utilities (5998d6a)
• colors: remove .text-{success|info|warning|danger} utilities (1ecdbe0)
• contrasts: set min-contrast-ratio to 4.5 (357448f)

Focus visibility

• focus-visible: default enhanced focus styles using outline-offset (0ab40fb)
• focus-visible: drop outline removals everywhere (982dcec)
• focus-visible: forms focus styles, almost matching v4-dev (a0522ea)
• focus-visible: increase focus visibility everywhere (7b4e6b3)
• focus-visible: raw implementation (64ad4b6)
• focus-visible: cleaner import (4175671)

Utilities

• text: ensure reset-text() mixin uses our base letter-spacing (838c802)
• text-muted: opacity applies to children, which is undesired (a11fb13)
• utilities: ensure .lh-lg is bigger than .lh-base (bf85bd6)
• utilities: ensure transparent/inherit are avoided in utility generation when locking background w foreground (601b110)
• utilities: supporting colour for danger used to be purple, not pink (5bc6fee)
• utilities: remove useless aliases (d002cb3)
• bg-utilities: .bg-{success|warning|danger|info} now uses supporting colours instead of functionnal ones (f2b11dd)
• border-radius: ensure .rounded-circle interop with BS, thus prevent everything from being rounded… in #283 (b88a4ab)
• borders: add .border-sm utility (df95392)
• borders: add missing border utilities to match the brand (85e1bb7)
• utilities: add border-color utilities, looping through grays (bcd4b62)
• utilities: amend documentation for border-colors, including grays (5639866)
• utilities: remove .text-uppercase utility forbidden by Orange Brand for #283 (05c9bfa)
• utilities: remove border-radius utilities and values forbidden by Orange Brand for #283 (a94291b)
• utilities: remove box-shadow utilities and values forbidden by Orange Brand for #283 (fe3dfa4)
• utilities: remove font-weight utilities forbidden by Orange Brand for #283 (540ae47)

Variables

• variables: duplicated value made variable unused (67b0855)
• variables: unused -shadow-lg for #283 (b45e7b0)
• variables: apply Boosted variables, nullify unused Bootstrap ones — compiling without components for now (ab43d22)
• variables: comment unused variables — forbidden by Orange Brand — for #283 (82d844b)
• variables: use Boosted v4 values and make it compile + pass linter (56f9077)

Docs

• docs: linter for application.js (34ddf32)
• docs: main script was calling bootstrap instead of boosted (7217297)