Merge main @ef9d853

[julien-deramond]

• twbs/bootstrap@4880775
• twbs/bootstrap@daefd34
• twbs/bootstrap@a163ed7
• twbs/bootstrap@918a86b
• twbs/bootstrap@ef9d853
  • twbs/bootstrap@3676591 fix was required as well so it is reintegrated right now

⚠️ The adaptation of CSS variables for buttons in Boosted was complex to do.
🙏 Dear reviewer please check in details:

• Colors in all states (normal, focused, active, hovered, etc.)
• Sizes
• Paddings and margins
• Everywhere in the doc or components where buttons are used to avoid any regressions!

[isabellechanclou]

Isabelle's comments:

On docs/5.1/components/buttons:

• Examples + Dark background + Button tags + Disabled state: Line height is 20px when 18px is indicated in ODS Important button WEB-BTN-IMP-001 => was already like that, but mentioned here for memory => Already indicated in Boosted v4 ⭢ v5 (remaining tasks) #901
• With icon + Dark background: the label of the button is "Secondary" when it should be "Primary" according to its css class => was already like that, but mentioned here for memory => Already indicated in Boosted v4 ⭢ v5 (remaining tasks) #901
• Toggle states: there is a possible confusion about the presented components that contain the word 'toggle' in their labels and the ones presented in the 'Toggle buttons with labels' sections in the design system. One may wonder if they are the same components or not. Apparently, the Boosted are inherited from Bootstrap and don't have any equivalent in ODS. If so, it could be useful in Boosted doc to add the warning message saying that these component don't belong to ODS => comment not in the scope of this PR and mentioned here for memory => Creation of Issue Docs > Components > Buttons : Add "not in ODS" alert message for Toggle states #1118

On docs/5.1/components/button-group:

• These button-group are not present in ODS, or with a toggle behavior. So, it could be useful to indicate in Boosted doc that these components are not in the design system and should behave has the ODS unitary button of ODS => comment not in the scope of this PR and mentioned here for memory => Creation of Issue Docs > Components > Button-group > Split button : Add "not in ODS" alert message + explanation #1117
• Vertical variation: => Creation of Issue Docs > Components > Button-group > Split button : Fix split buttons design (vertical variation) #1116
  -- split button - on button label (design wording = Primary call to action or Primary button) pressed: the bottom border below the arrow stays black instead of turning orange
  -- split button - on button arrow (design wording = Menu button) pressed: the entire border shall turn orange but stays black + the dropdown menu is 1 px too low or too high (if it drops up)

On /docs/5.1/components/pagination/:

• Working with icons: left and right arrows seem not to be centered in their squares. They seem to be 1 extra pixel towards right for the left arrow and 1 extra pixel towards left for the right arrow. => It is already like that in the current Boosted version + this comment might not be in the scope of this PR for no button css class is used for these components. => Creation of Issue Docs > Components > Pagination > Working with icons: Fix css #1119
• Disabled and active states: in Boosted, pagination numbers have a margin -left of 10px when they don't in ODS _=> comment not in the scope of this PR and mentioned here for memory => Creation of Issue Docs > Components > Pagination > Disabled and active states: Fix css #1120

LM's one(s):

• Social inverse buttons active state don't change the value of border-color : was already here => Creation of Issue Docs > Components > Buttons > Dark background: Fix border color for social buttons on active state #1121

• Button's padding x is not equal to the design one : was already here

• ⚠️ Social buttons don't have transform: translateY on ::before. However, it seems to correct a bug that we had.

• ⚠️ inverse dropdown split buttons are broken
  

• Small issue here : Close button preview on disabled state (comparison)

[julien-deramond]

Small issue here : Close button preview on disabled state (comparison)

Should be fixed with 0ec87a2

[julien-deramond]

warning inverse dropdown split buttons are broken

Fixed it with 72f427b. But this modification needs to check non-regression between buttons, dropdowns and split buttons.

Edit: I simplified the box shadows colors with 0abd7db. Otherwise btn-info wouldn't have the good color. This implies that the dark variant dropdown box shadow in now black instead of white; but it seems more coherent with the rest of the components (since we still don't have focus color design specs).

[julien-deramond]

e2ba863 allows to handle more precisely the .btn-links.

[louismaximepiton]

LGTM, minor issues can be handled later IMO.

Minor issues detected :

• .btn-inverse.btn-close:focus is a bit weird : was already here
• .btn-link outline doesn't move anymore