USWDS 3.8.0 #5815
thisisdano
started this conversation in
General
USWDS 3.8.0
#5815
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Features
usa-checkbox
,uswds-core
input.indeterminate = true
via JavaScript or add thedata-indeterminate
attribute. This is only a style addition and does not affect checkbox functionality. Thanks @lpsinger! (#5713)usa-in-page-nav
data-heading-selector
attribute to designate the heading levels that should be included in the component. By default, the component will pull allH2
andH3
headers. (#5444)usa-table
,uswds-core
.usa-table--sticky-header
class to enable sticky positioning on table headers. Use the new$theme-table-sticky-top-offset
setting to set the value of the top offset for sticky table headers. (#5420) Thanks @etanb!usa-table
,uswds-core
$theme-table-background-color
setting to set your desired table background color. (#5420)usa-validation
textarea
support to the validation component. (#5233) Thanks @danbrady!usa-layout-docs
,uswds-core
$theme-sidenav-reorder
for documentation page sidenav. Use$theme-sidenav-reorder
to support old CSS order functionality. This setting can introduce usability issues, so we suggest that teams update their sidenav markup instead. (#5807)Bug fixes
usa-button
,uswds-core
usa-icon
elements inside ofusa-button
. Use the new$theme-button-icon-gap
setting to set the width of the horizontal gap between the button's text and icon. (#5398)usa-button
,usa-checkbox
,usa-combo-box
,usa-file-input
,usa-radio
,uswds-core
usa-button-group
usa-date-picker
highlight
high contrast token on focus. (#5701)usa-footer
usa-footer
. (#5675)usa-layout-docs
,uswds-core
usa-table
Breaking changes
Documentation page template
We're updating the documentation template to better match the HTML order of the side navigation to the visual order at mobile widths. Before USWDS 3.8.0 we used CSS to re-order the sidenav at mobile widths, placing it below the page's main text content. Starting with USWDS 3.8.0, our default styles no longer use CSS to re-order the side navigation. Now, we suggest including a duplicate sidenav after the main text content, using utility classes to hide/show the sidenavs at the proper widths. The example below shows a before/after.
Teams that wish to maintain the old CSS order functionality can temporarily add
$theme-sidenav-reorder: true
to their project settings. This setting reinstates the CSS re-ordering. As we mentioned, this setting can introduce usability issues, so the best long-term solution is to update the sidenav markup instead.Dependencies and security
0
vulnerabilities in regular dependencies (dependencies for USWDS projects installed withnpm install @uswds/uswds
)15
moderate,25
high vulnerabilities in devDependencies (development dependencies).Release TGZ SHA-256 hash:
072f0f8333b1aa000183e00676616d9ff5a174e27ca8d35c130ca70ea5d4f66d
This discussion was created from the release USWDS 3.8.0.
Beta Was this translation helpful? Give feedback.
All reactions