v4.4.1

Major Updates:

CSS

• 768cafd: Fix responsive font-size calculation

v4.4.0

Major Updates:

CSS

• 5ec13e0: List: Fix horizontal group border radius and margin
• 1ac43c3: Navbar: Fix .navbar-collapse sizing, replace .form-inline in examples
• 79f907f: Button: Override hover state for .btn-check
• 8a73f88, de61b76: Modal/Offcanvas: Add text-reset and font-size settings
• 976ee25: Progress: Rework for improved accessibility
• 5febf4d: Nav: Add lined variant, more vertical options, and new reverse modifier
• 124f685: Utilities: Overflow - add more rules and x/y variants
• 7ecf77c: Utilities: Add object fit items
• 5ce95f4: Utilities: Add new z-index utilities
• 0e2a98b: Update .sr-only to fix issue with table captions
• f9f05a1: Utilities: More font-weight-* variables and new medium weight
• a12c0e1: Forms: Fix Android/iOS date input sizing
• 719aff2: Forms: Adjust color picker swatch
• 32c66cb: Reboot: Use non-prefixed pseudo-element for file picker
• 3f9ddcf: Buttons: Update focus style for .btn-link
• de31ed2: Grid: Fix depracation erors with dart-sass
• 5455dcc: Reboot: Add color variable for <mark>

JS

• 66317ec: Tooltip: Reset title attribute on dispose
• 20722fd: Popover: Reduce potential memory leak for dynamic popovers
• a4c7025: Modal/OffCanvas: Normalize ESC key handling

Docs

• 5c8a14d: Popover: Custom container documentation
• 4e23dd9: Docsearch: Set cursor to auto
• 82e151e: Modal: Use h1 for .modal-title in examples
• f3d7109: Docs: Normalize some <kbd> content
• ec56a8e: Docs: Update search to allow use on local dev
• 71307a0: Docs: Dropdowns should have emphasis on using buttons
• c3c7b48: Docs: Input Group: Add help text example using .form-text
• 5a20175: Navbar: Improve accessibility of toggle examples
• 54338b3: DocSearch: Remove debug as it does not exists in DocSearch v3
• 388a894: Docs: Improve keyboard navigation scroll handling

Build

• de97d49: Modal: Add test - should not close modal when clicking on an element removed from modal content
• cecc330, 9fc7787: Update to jQuery 3.7.0
• 955ecae: Update to jQuery 3.7.1

v4.3.4

Major Updates:

• Publish to get devDependencies up to date and also fixes a few dart-sass deprecation warnings when compiling with recent version of the sass package

Full Changelog: v4.3.3...v4.3.4

v4.3.3

Major Updates:

• Offcanvas now available with responsive variants.
• New utility class for themed background-colors with contrast passing text color.
• Slight restyle for readonly textual inputs so they no longer look like disabled inputs.

CSS

• #884: Offcanvas: Add responsive variants
• #887: Offcanvas: Fix transitions after #884
• #888: Utilities-Color: Add background colors with contrasting text
• #892: Dropdown: Fix .dropdown-item border-radius when vertical padding is 0
• #894: Forms: Remove readonly styling as disabled
• #895: List: Reduce .list-spacing vertical padding, improve checkbox/radio examples
• #899: Pagination: Add var for font-weight
• #900: Input Group: Fix static input width

JS

• #898: Dropdown: Allow button use for sub-menu trigger
• #901: Tooltip: Handle non-empty whitespace textContent in Tooltip trigger

Docs

• #891: Use offcanvas for sidebar navigation, add another skiplink, misc tweaks
• #893: Update some ARIA Authoring Practices Guide links
• #896: Switch to Algolia DocSearch v3 for v4.3.x
• #902: Add indeterminate disabled checkbox example

v4.3.2

CSS

#864: SCSS: Revert some add/subtract functions to allow line-height to as CSS variables

Docs

• #856: Dropdown: Add realistic form example

v4.3.1

Major Updates:

• Font stack has been updated to give preference to Linux fonts over Arial.
• Dividers, .vr, and <hr> items have all been adjusted to use borders for consistency - instead of using varying borders, heights, and background-colors.
• Dropdown: Added 'centered' and 'middle' alignment variants. Submenus do not inherit the centered or middle alignment, but will logically align based on direction.

CSS

• #828: Use borders for consistent dividers, vr, and hr.
• #829: Font stack: Give more preference to Linux fonts.
• #842: Adjust border-radius to soften corners.
• #843: Pagination: Allow .active and .disabled use on .page-item.
• #844: Pagination: Add font-size variable.
• #849: Reboot: Add some normalization for datalist elements.

JS

• #824: Dropdown: Minor selector optimization for clearMenus().
• #827: Drag: Improve dragStart handling, use namespace to check for conflicts.
• #830: Dropdown: Add center and middle alignments.
• #847: Popover: Improve z-index handling.
• #848: Tabs: Update tabpanel to better comply with ARIA 1.2 recommendation.

Docs

• #850: Update copy button behavior.

Build

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

v4.2.2

CSS

• 67dfda3: Button: Revert use of align-self: center;

v4.2.1

Major Updates:

• Continuous Integration (CI) has been updated to use GitHub Actions, replacing Travis CI.
• Some JS functionality has been consolidated into utility functions, such as selecting the next or previous item in a set, and a generalized handler for dismiss data attributes.

CSS

• #756: Scss: Add map-merge-multiple() function
• #757: Cards: Add $card-box-shadow setting variable
• #771: Button: Adjust sizing when in flex container

JS

• #752: Utils: Consolidate next active element into a utility routine
  • Dropdown: Adds loop and startEnd options, up arrow from trigger will select last menu item.
  • Dropdown: Left arrow keypress no longer closes main menu, only submenu.
• #758: Dropdown: Remove outdated redraw/reflow
• #760: Util: Generalized dismiss handler
  • General utility function to enable data-cfw-dismiss="widgetName" controls
  • Used by alert, modal, tooltip, and popover Widgets
  • #768: Alert: Fix dismiss typo
  • #769: Util: dissmiss -> dismiss
  • #773: Alert: Fix external dismiss

Docs

• #753: Grid: Add some .row-cols override examples
• #754: Badges: Add some positioned examples
• #755: Alert: Expand on data attributes for triggers
• #759: Tab: Update code samples to use buttons instead of anchors
• #762: Add Open Graph meta tags
  • #772: Allow localized defaults for social media meta tags
• #767: Forms: Note for role="switch" on switch inputs

Build

• #761: Additional visual tests
• #763: Update karma-sauce-launcher
• #765: Github Actions
• #766: Use GitHub SHA in Sauce Labs build ID
• #770: Dropdown: Additional unit tests for arrow key navigation

v4.2.0

CSS

• #718: Nav: Allow buttons to be used for .nav-links.
• #720: Input Group: Fix border colors with validated controls.
• #721: Utility-Color: Add a few more special border-color utility classes.
• #722: Cards: Adjust .card-list border and margin handling.
• #723: Forms: Add line-height setting to .form-text.
• #725: Reboot: Reset select:disabled opacity due to Chrome.
• #728: Nav: Make link and button colors consistent. Also adds new color vars for tabs/pills.
• #730: Lighten the hover background-color for component base and default .btn.
• #732: Grid: Allow make-col() mixin to create equal width columns.
• #733: Modals: Add top and bottom aligned variants.
• #739: Input Group: Improve handling of validation visuals.
• #740: Lists: Update markers, add inner marker.
• #741: Popover: Add header font-weight variable.
• #744: Lists: Resolve multiple issues with borders.

JS

• #714: Utils: Make isRTL check a function.
• #717: Modal: Don't apply scrollbar adjustments to non full-width fixed/sticky items.
• #719: Tab: Allow use of <button>s.
• #731: Slideshow: Allow use of button controls
  • Also adds common utils:
    • CFW_isDisabled() - to check if a control is disabled
    • CFW_controlEnable() and CFW_controlDisable() updates disabled attribute, or tabindex and .disabled class - appropriate to the control
• #734: Modal: Add basic chaining functionality.
• #736: Dropdown: Adjust clearing menus and restore iOS event bubble.
• #737: Dropdown: Allow for use of <select> in menu, and allow click events to bubble.
• #738: Dropdown: Add 'autoClose' option to help control menu close interactions.
• #743: Popover: Remove header element instead of using jQuery hide() method if no title provided.

Docs

• #715: Navbar: Clarify the brand section.
• #724: Utility-Flexbox: Alternate media object examples.
• #726: Update vendor JS.
• #727: Forms: Add inline from example using grid.
• #729: Tables: Fix some variable entries.
• #735: Pagination: Use aria-current instead of .sr-only text.
• #742: Popover: Dismissable example using 'focus' trigger.
• #745: Forms: Use value with readonly input.

Build

• #716: Linkinator: Replace --silent with --verbosity.