v4.3.0

Major Updates:

• Reboot gained an opinionated sizing for browser default checkbox and radio inputs.
• New component: Loader, also known as "spinners", used to indicate a busy state.
• Update to docs regarding disabled links to align with W3C's recommendations.
• Split containers out into their own component with the addition of the $enable-container and $enable-container-responsive (replaces $enable-grid-responsive-containers).
• Moved container related Sass into .\scss\component\container.scss
• Use borrowed Sass functions for add(), subtract(), and divide() to remove some interpolation and fix support for Dart Sass. Added a CI test to check Dart Sass compatibility.
• Separated the backdrop and scrollbar functionality from the Modal widget so that is can be re-used within other components.
  • Added 'contained modals', or modal and backdrop that are set inside of a container, rather than the entire body, as specified by the modal's new rootElement option.
• New focuser utility that allows for two different focus handling methods.
  • 'focus trap' - for items like modals where you want to keep focus contained within a dialog.
  • 'focus flow' - what we traditionally used for tooltips and popovers placed within containers. Since the tip is placed out of document flow, we simulate it being inline for keyboard navigation, but the user can 'flow' out of the tip.
• z-index values for tooltip, popover, modal-backdrop and modal elements were increased slightly to make space for the new Offcanvas components.
• New Offcanvas widget! Similar to the side-aligned modals, there a few slight differences in
  functionality, such as the responsive drawer capabilities when contained within a navbar.
• New Placeholder component - another method to indicate loading state of content or page.
• New utility classes for opacity, orientation, stacks, and sticky-bottom.

CSS

• #777: Add new Loader component
  • #781: Loader: fix prefers-reduced-motion setting
• #778: Button: Revert use of align-self: center;
• #780: Split container generation from grid - expand docs
• #783: Update relative luminance sRGB threshold
• #784: Utilities: Add vertical rule
• #785: Color functions: Resolve some issues when using CSS variables for color in settings
• #787: Typography: Use figure to wrap blockquote and citation
• #788: Forms: Add datalist sample
• #789: Typography: Add kbd nested background color
• #792: Sass: Add math functions, update sass and stylelint
• #795: Button group: Add border-radius to group itself
• #796: Input group: Add border-radius to group itself
• #810: Modal: Fix scrolling for overflowing modals
• #813: Table: Add striped columns
• #815: Add opacity utility classes
• #816: Add .sticky-bottom positioning utility class, and responsive variants
• #817: Add Placeholder component
• #818: Add orientation utility classes
• #819: Forms: Add .form-check-reverse modifier
• #820: Add stack utilities

JS

• #786: Tooltip/Popover: Allow esc keypress to close close target when trigger focused
• #791: Tooltip: Remove title attribute instead of replace
• #793: Dropdown: Fix correct trigger/submenu item being focused when closing with ESC
• #794: Tooltip/Popover: Improve handling empty content
• #798: Modal: Remove outdated adjustBackdrop() method
• #800: Modal: Allow contained modals with use of rootElement option
• #802: Extend and update common JS utility routines
• #806: Focuser utility: trap and flow variants
• #807: Add Offcanvas widget
• #808: Offcanvas: Add 'static' backdrop option
• #809: Offcanvas: handle resize to reset scrollbar and backdrop
• #812: Modal/Offcanvs: Add manual option
• #814: Tooltip: Adjust focus handling for items using container option

Docs

• #779: Update disabled links
• #782: Fix language ISO case
• #797: Add note about Popper v1 and positioned container issue
• #811: Modal: Update positioned content section

Build

• #790: CI: add workflow_dispatch