v5.0.0-alpha1

Bootstrap v5.0.0-alpha1

You may want to read Bootstrap's announcement on their blog.
The most importants part are: dropping jQuery and IE 11, and a new utility API which makes extremely simple to customize design tokens!

Boosted v5.0.0-alpha1

Boosted v5.0.0-alpha1 is basically Bootstrap's one, Orange branded. There're no Boosted custom components in v5 for now, but a few noticeable differences with Bootstrap:

1. using Helvetica,
2. improving focus visiblity thanks to :focus-visible polyfill,
3. defining a mininum contrast ratio of 4.5:1 instead of 3:1,
4. and obviously, branded components and core variables.

If you want to have a look at Boosted v5 roadmap, you'll find it in this repo's projects.

Components

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)