Skip to content

Add inclusive patterns code updates #5035

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 242 commits into from
Nov 14, 2022
Merged

Add inclusive patterns code updates #5035

merged 242 commits into from
Nov 14, 2022

Conversation

thisisdano
Copy link
Contributor

@thisisdano thisisdano commented Nov 10, 2022 •
edited by jonadecker
Loading

What’s new in USWDS 3.3.0

New components

We have three new components (and component packages) in this release. Learn more about each of them on our website:

  • In-page navigation: In-page navigation allows navigation to specific sections on a lengthy content page. Package name: usa-in-page-navigation
  • Input mask: An input mask is a string expression that constrains input to support valid input values. Package name: usa-input-mask
  • Language selector: A language selector helps users find and access content in the language of their choice. Package name: usa-language-selector

Updated components

  • Memorable date: Based on our usability research, we updated the memorable date component to include a dropdown select for month.

Updated templates

We have four updated components in this release. Learn more about each of them on our website:

  • Address template: Based on our usability research, we've made the following changes:
    • Replaced the State, territory, or military post combo box with a dropdown select.
    • Replaced the Unit type combo box and the Unit number input field with a single Street address line 2 input field.
    • Added an optional Urbanization input field for addresses in Puerto Rico.
  • Name: Based on our usability research, we've made a number of changes to support a variety of name entry preferences. See the page on our website for more details.

These template and component updates are in support of our new Patterns guidance section. For more information on using our pattern guidance to support inclusive interactions, please see our Inclusive Patterns Report and the pattern guidance itself.

Other updated packages

  • uswds-form-controls: Added usa-input-mask.
  • uswds-components: Added usa-in-page-navigation, usa-input-mask, and usa-language-selector

Dependencies and security

No package updates.

0 vulnerabilities in regular dependencies (dependencies for USWDS projects installed with npm install uswds)

29 high vulnerabilities in devDependencies (development dependencies)

Release ZIP SHA-256 hash: TK

jonathanbobel and others added 30 commits July 18, 2022 13:56
@jonathanbobel
Pushing up input mask component to test with uswds-site
8648b65
@jonathanbobel
Checking to see if my uswds-site branch picks up this branch
d9e5773
@jonathanbobel
Updates to Input Mask
3943b50
@jonathanbobel
Testing out some different .js
d16294d
@jonathanbobel
Had to change uswds-core to see the js for the input mask component
3e21d6b
@jonathanbobel
Testing zip regex
322a82d
@jonathanbobel
Updates to Input mask component
a95700e
@jonathanbobel
Whoops, only works with X's
f84ce03
@jonathanbobel
JS refactoring updates, content changes
b535666
@jonathanbobel
Changes to carry over to the uswds-site
49ae7db
@jonathanbobel
Content updates to see if this will provide headers on the uswds-site
4e973f6
@jonathanbobel
Still refactoring the js
39a6108
@jonathanbobel
Merged Mitch's recommendations/refactor
1c6001f
@jonathanbobel
Merge remote-tracking branch 'origin' into jb-inclusive-patterns-inpu…
fe42ea6 
…t-mask
@mitchmoccia
Add the language selector component
8d2fe21
@jonathanbobel
Changes recommended per PR - mostly style updates
2652484
@mitchmoccia
Continued build out of the language selector component
d299961
@mitchmoccia
Continued development of the language selector
2d5a382
@jonathanbobel
Different regex patterns that don't return "invalid data" with Voiceo…
2b0df34 
…ver sr
@jonathanbobel
Added input hints
a0acd79
@mitchmoccia
Implement early version of the multiple languages dropdown
86b4a5d
@mitchmoccia
Add language selector inside header example plus add language attribu…
bf33ac2 
…tes and more improvements
@jonathanbobel
Working on Sanitizing the "shell"
2fea7d3
@jonathanbobel
Workaround instead of sanitizing HTML
234b099
@mitchmoccia
Round one of language selector for team review
045b89a
@jonathanbobel
Minor style updates
3264b1b
@mitchmoccia
Cleanup and refactoring of language selector
c4b25cf
@mitchmoccia
Merge branch 'main' into mm-language-selector
f1037e4
@mitchmoccia
Change order of native language and English translation in the langua…
a69c6b1 
…ge selector dropdown
@jonathanbobel
Addressing some formatting and css issues
93f787b
thisisdano and others added 21 commits November 8, 2022 21:19
@thisisdano
Merge pull request #4975 from uswds/jb-inclusive-patterns-implicated-…
a7b9317 
…components-and-templates

[IDP] Implicated components and templates
@thisisdano
Use gray token with AA contrast
784b1a5
@thisisdano
Remove required text from fieldsets without required fields
f64ee66
@mitchmoccia
Merge branch 'idp-staging' into idp-staging-in-page-nav-calibration
9986630
@mitchmoccia
Remove .only from in-page nav and input mask alphanumeric
b5a76c6
@mitchmoccia
Merge pull request #5032 from uswds/idp-staging-fix-unit-tests
0d59ac3 
Remove .only from in-page nav and input mask alphanumeric
@thisisdano
Add input-mask to uswds-components package
1c76802
@thisisdano
Add input-mask to src/uswds-form-controls
5702d47
@thisisdano
Merge branch 'idp-staging' of github.com:uswds/uswds into idp-staging
286dc47
@thisisdano
Patch critical vuln in builder-webpack
121806c
@mitchmoccia
Update naming convention for in-page nav customizable attributes
73c7962
@mitchmoccia
Fix in-page nav unit test
ca0907c
@mitchmoccia
Merge branch 'idp-staging' into idp-staging-in-page-nav-calibration
aa9d88e
@thisisdano
Merge pull request #5026 from uswds/idp-staging-in-page-nav-calibration
ea61795 
Implement offset top calibration data- attribute
@thisisdano
Explicitly sanitize in-page nav data
22bcacd
@thisisdano
Use data defaults in in-page nav story
14842e3
@mitchmoccia
Add in-page nav root margin customization capabilities
f627f7f
@mitchmoccia
Add in-page nav threshold customizability
0701acd
@mitchmoccia
Set correct defaults for in-page nav intersection observer options
ad7abc3
@thisisdano
Update component markup to match defaults
d7042eb
@thisisdano
Merge pull request #5037 from uswds/idp-staging-in-page-nav-root-margin
a23d707 
In-page nav root margin, threshold customizability, resolves issues with USWDS Site
@thisisdano thisisdano changed the title Idp staging Add inclusive patterns code updates Nov 14, 2022
@thisisdano thisisdano marked this pull request as ready for review November 14, 2022 19:30
@thisisdano
Copy link
Contributor Author

This is the final merge to develop before starting the normal release process for USWDS 3.3.0

mitchmoccia
mitchmoccia approved these changes Nov 14, 2022
View reviewed changes
Copy link
Contributor

@mitchmoccia mitchmoccia left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great @thisisdano!

jonadecker
jonadecker approved these changes Nov 14, 2022
View reviewed changes
Copy link
Contributor

@jonadecker jonadecker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💯

@jonadecker
Copy link
Contributor

jonadecker commented Nov 14, 2022 •
edited
Loading

One typo on the word "miltary" (milirary). Fixed.

@thisisdano thisisdano merged commit 5a25859 into develop Nov 14, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@jonadecker jonadecker jonadecker approved these changes

+1 more reviewer

@mitchmoccia mitchmoccia mitchmoccia approved these changes

Reviewers whose approvals may not affect merge requirements
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
4 participants
@thisisdano @jonadecker @mitchmoccia @jonathanbobel