From 7af036e5e3fdcc5fa6c554e1283b717d39251f15 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Viktor=20Sz=C3=A9pe?= Date: Thu, 12 Dec 2024 09:01:50 +0000 Subject: [PATCH 1/3] Fix typos --- README.md | 2 +- _components/identifier/identifier.md | 2 +- _components/process-list/guidance/implementation.md | 2 +- _components/step-indicator/guidance/implementation.md | 2 +- _components/typography/typography.md | 2 +- _data/accessibility-tests/identifier.yml | 4 ++-- _data/accessibility-tests/text-input.yml | 2 +- _data/tokens/typesetting/measure.yml | 2 +- _includes/download-buttons.html | 2 +- _includes/github-logo.svg | 2 +- _includes/patterns/physical-address.html | 2 +- _patterns/language/language.md | 2 +- _posts/2017-03-21-update-design-assets.md | 4 ++-- _posts/2018-02-22-nsf-seed-fund.md | 2 +- _posts/2021-02-05-sharing-the-govlove.md | 2 +- ...x-content.md => 2021-10-27-sanitized-combo-box-content.md} | 0 _utilities/flex.md | 2 +- css/_uswds-theme-custom-styles.scss | 2 +- css/custom-styles/_site-header.scss | 2 +- js/calculate-anchor-position.js | 2 +- js/copy-code.js | 2 +- pages/about/website-policies-and-notices.md | 4 ++-- pages/design-tokens/spacing-units.md | 2 +- pages/design-tokens/typesetting/font.md | 2 +- pages/design-tokens/typesetting/overview.md | 4 ++-- pages/documentation/guidance/performance/how.md | 2 +- pages/documentation/maturity-model.md | 2 +- pages/documentation/migration-V3.md | 2 +- 28 files changed, 31 insertions(+), 31 deletions(-) rename _security_updates/{2021-10-27-santized-combo-box-content.md => 2021-10-27-sanitized-combo-box-content.md} (100%) diff --git a/README.md b/README.md index b7409f714f..94afb9d753 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # U.S. Web Design System documentation -This repo includes code and documentation for the U.S. Web Design System website. For information on the USWDS components and codebase, please visit our [uswds](https://github.com/uswds/uswds) Github repo. +This repo includes code and documentation for the U.S. Web Design System website. For information on the USWDS components and codebase, please visit our [uswds](https://github.com/uswds/uswds) GitHub repo. Note that this README includes steps to pull the latest version of USWDS into your local instance of the documentation. diff --git a/_components/identifier/identifier.md b/_components/identifier/identifier.md index 5fa4014b77..810c038b94 100644 --- a/_components/identifier/identifier.md +++ b/_components/identifier/identifier.md @@ -17,7 +17,7 @@ tags: - footer - required - links - - indentifier + - identifier - logo changelog: key: component-identifier diff --git a/_components/process-list/guidance/implementation.md b/_components/process-list/guidance/implementation.md index 9a1b3d55bb..4d7bb8747c 100644 --- a/_components/process-list/guidance/implementation.md +++ b/_components/process-list/guidance/implementation.md @@ -2,7 +2,7 @@ - **Omit labels with verbose content.** Aim for clear and crisp labels. Omit labels to save space or if the step names are too long to comfortably fit in the step indicator. - **Use the centered variant with centered content and headings.** The centered variant is designed to complement centered content and headings. If you have left-aligned content and headings, use the default alignment. - **Center the heading with utilities.** Use the `flex-justify-center` utility on `usa-step-indicator__header` to center the heading. -- **Centered counters need narrower gaps and a thinner segment.** If you use a centered variant with counters, you should use a narrower gap (2px is a good starting point) to increase the continuity between segments. A narrower counter gap (again, 2px is a good starting point) can also improve legibility. Centered counters can also benefit from a thinner segment, as the centered variant focusses emphasis on the counter instead of the segment. +- **Centered counters need narrower gaps and a thinner segment.** If you use a centered variant with counters, you should use a narrower gap (2px is a good starting point) to increase the continuity between segments. A narrower counter gap (again, 2px is a good starting point) can also improve legibility. Centered counters can also benefit from a thinner segment, as the centered variant focuses emphasis on the counter instead of the segment. - **Pending text should use gray.** Pending text should use the gray family that complements the background and the pending segment colors. Use warm grays with warm backgrounds and segments, and cool grays with cool backgrounds and segments. - **Pending segments can use gray or complete family.** Pending segments can use gray, just as with pending text, but they can also use a light grade of the complete color family. - **The current color can be a contrast color.** The current color can be in the same family as the complete color or it can be a contrast color that distinguishes itself from the complete color. diff --git a/_components/step-indicator/guidance/implementation.md b/_components/step-indicator/guidance/implementation.md index 09d4f52346..a9d221a352 100644 --- a/_components/step-indicator/guidance/implementation.md +++ b/_components/step-indicator/guidance/implementation.md @@ -2,7 +2,7 @@ - **Omit labels with verbose content.** Aim for clear and crisp labels. Omit labels to save space or if the step names are too long to comfortably fit in the step indicator. - **Use the centered variant with centered content and headings.** The centered variant is designed to complement centered content and headings. If you have left-aligned content and headings, use the default alignment. - **Center the heading with utilities.** Use the `flex-justify-center` utility on `usa-step-indicator__header` to center the heading. -- **Centered counters need narrower gaps and a thinner segment.** If you use a centered variant with counters, you should use a narrower gap (2px is a good starting point) to increase the continuity between segments. A narrower counter gap (again, 2px is a good starting point) can also improve legibility. Centered counters can also benefit from a thinner segment, as the centered variant focusses emphasis on the counter instead of the segment. +- **Centered counters need narrower gaps and a thinner segment.** If you use a centered variant with counters, you should use a narrower gap (2px is a good starting point) to increase the continuity between segments. A narrower counter gap (again, 2px is a good starting point) can also improve legibility. Centered counters can also benefit from a thinner segment, as the centered variant focuses emphasis on the counter instead of the segment. - **Pending text should use gray.** Pending text should use the gray family that complements the background and the pending segment colors. Use warm grays with warm backgrounds and segments, and cool grays with cool backgrounds and segments. - **Pending segments can use gray or complete family.** Pending segments can use gray, just as with pending text, but they can also use a light grade of the complete color family. - **The current color can be a contrast color.** The current color can be in the same family as the complete color or it can be a contrast color that distinguishes itself from the complete color. diff --git a/_components/typography/typography.md b/_components/typography/typography.md index a46e9e8e08..d963bae264 100644 --- a/_components/typography/typography.md +++ b/_components/typography/typography.md @@ -80,7 +80,7 @@ The space around your content elements affects the relationship between these el - **Don't indent paragraphs, use whitespace before.** While most longform print design uses indented lines to distinguish paragraphs, it's more conventional on the web to use unindented paragraphs separated by whitespace. - **Use at least 1em of whitespace between paragraphs.** To properly separate paragraphs from one another, use the equivalent of one blank line of whitespace between them. Using more than 1.5em disturbs the flow of the text, and using less than 0.5em doesn't provide enough separation. - **Use at least 0.5em of whitespace between list items.** List items should also be separated by whitespace, but they need less space than paragraphs because the list item indicator also helps distinguish adjacent items. -- **Headings should be closer to the text they introduce than the text that preceeds them.** It's important that headings are more visually connected to the text for which they're the heading than the text of the previous section to reduce ambiguity and cognitive dissonance. Use at least 1.5 times the amount of whitespace above the heading as below it. +- **Headings should be closer to the text they introduce than the text that precedes them.** It's important that headings are more visually connected to the text for which they're the heading than the text of the previous section to reduce ambiguity and cognitive dissonance. Use at least 1.5 times the amount of whitespace above the heading as below it. - **Text should have sufficient margin on the left and right**. Running text requires right and left margin proportional to the width of the viewport. Use at least [1 unit]({{ site.baseurl }}/design-tokens/spacing-units/){:.token} of margin between the text and the edge of the viewport at mobile widths and at least [2 units]({{ site.baseurl }}/design-tokens/spacing-units/){:.token} on a tablet. Desktop widths can require as much as [4-5 units]({{ site.baseurl }}/design-tokens/spacing-units/){:.token} of minimum horizontal margin between the body of the text and any adjacent elements. ### Font style diff --git a/_data/accessibility-tests/identifier.yml b/_data/accessibility-tests/identifier.yml index 07db2a4de5..0276c637f4 100644 --- a/_data/accessibility-tests/identifier.yml +++ b/_data/accessibility-tests/identifier.yml @@ -59,7 +59,7 @@ test_items: version_tested: 3.8.1 wcag_criterion: 1.3.2 - summary: Keyboard navigates through all elements in identifier. - summary_additional: When you navigate through the identifer with a keyboard, you can interact with every element inside the identifier. + summary_additional: When you navigate through the identifier with a keyboard, you can interact with every element inside the identifier. test_status: pass test_type: keyboard version_tested: 3.8.1 @@ -96,7 +96,7 @@ test_items: version_tested: 3.8.1 wcag_criterion: 1.1.1 - summary: Screen reader announces identifier region. - summary_additional: When using a screen reader, you will hear "Region identifier" or "Agency identifer" when you reach the identifier region on the page. + summary_additional: When using a screen reader, you will hear "Region identifier" or "Agency identifier" when you reach the identifier region on the page. test_status: pass test_type: screen_reader version_tested: 3.8.1 diff --git a/_data/accessibility-tests/text-input.yml b/_data/accessibility-tests/text-input.yml index 9d78a4942f..968cd681ab 100644 --- a/_data/accessibility-tests/text-input.yml +++ b/_data/accessibility-tests/text-input.yml @@ -31,7 +31,7 @@ test_items: version_tested: 3.8.0 wcag_criterion: 1.4.4 # Keyboard navigation tests - - summary: Text field is accesible via keyboard navigation. + - summary: Text field is accessible via keyboard navigation. summary_additional: Using only a keyboard, you can navigate to the text field, type in it, and navigate away from it. test_status: pass test_type: keyboard diff --git a/_data/tokens/typesetting/measure.yml b/_data/tokens/typesetting/measure.yml index cfcb544627..857962d4cc 100644 --- a/_data/tokens/typesetting/measure.yml +++ b/_data/tokens/typesetting/measure.yml @@ -15,6 +15,6 @@ usage: 'a long, slower reading line' - token: 6 value: 88ex - usage: 'an extra-long line sometimes useful for short text (less than 1 paragaph) or captions' + usage: 'an extra-long line sometimes useful for short text (less than 1 paragraph) or captions' - token: none value: none diff --git a/_includes/download-buttons.html b/_includes/download-buttons.html index 77224420e2..831fe9e684 100644 --- a/_includes/download-buttons.html +++ b/_includes/download-buttons.html @@ -16,7 +16,7 @@ {% include github-logo.svg %} View on GitHub diff --git a/_includes/github-logo.svg b/_includes/github-logo.svg index 3ec99790ee..c665d8eb60 100644 --- a/_includes/github-logo.svg +++ b/_includes/github-logo.svg @@ -5,7 +5,7 @@ viewBox="0 0 33 32" class="logo" > - Github logo + GitHub logo NM - New Mexico - + diff --git a/_patterns/language/language.md b/_patterns/language/language.md index 33b9def965..b8129c4fb4 100644 --- a/_patterns/language/language.md +++ b/_patterns/language/language.md @@ -1,5 +1,5 @@ --- -title: Select their perferred language +title: Select their preferred language permalink: /patterns/select-language/ redirect_from: - /select-language/ diff --git a/_posts/2017-03-21-update-design-assets.md b/_posts/2017-03-21-update-design-assets.md index fdb9c3eb8f..09e459299c 100644 --- a/_posts/2017-03-21-update-design-assets.md +++ b/_posts/2017-03-21-update-design-assets.md @@ -13,8 +13,8 @@ The design assets for the U.S. Web Design Standards have always been a great too Based on this experience, the team took a look at how frequently these design assets are downloaded and which formats are more likely to be used by digital service teams across the federal government. Here are a few of the highlights: * Adobe Illustrator Format - This has been downloaded over 2,000 times over the last year. Illustrator is also the most likely format to be used by digital service teams as the presence of Mac laptops in the federal government is estimated to only be 4%-5%. -* Sketch Format - The Sketch sticker sheets have been downloaded over a 1,000 times, and while Sketch is a Mac only application, this is a signifiant level of use to justify continued support. -* Omnigraffle - In the last year, the Omnigraffle format has only been dowloaded 335 times. Given the low number of downloads and the fact that Omnigraffle is another Mac only application, the team has decided to retire this sticker sheet. +* Sketch Format - The Sketch sticker sheets have been downloaded over a 1,000 times, and while Sketch is a Mac only application, this is a significant level of use to justify continued support. +* Omnigraffle - In the last year, the Omnigraffle format has only been downloaded 335 times. Given the low number of downloads and the fact that Omnigraffle is another Mac only application, the team has decided to retire this sticker sheet. ![Sticker Sheet Downloads]({{ site.baseurl }}/img/updates/Sticker_Sheet_Downloads.png) diff --git a/_posts/2018-02-22-nsf-seed-fund.md b/_posts/2018-02-22-nsf-seed-fund.md index 16cb6cdcd5..1bb016be07 100644 --- a/_posts/2018-02-22-nsf-seed-fund.md +++ b/_posts/2018-02-22-nsf-seed-fund.md @@ -15,7 +15,7 @@ For our 11th post in the series, we talked with Scott Weber, front-end developer **USWDS:** How did you hear about the U.S. Web Design System (USWDS)? -**Scott Weber:** I’d been following the USWDS before starting work on the NSF project. So, when I was getting ready to build the site, which we knew was going to be on [Federalist](https://federalist.18f.gov/), using Github, the USWDS gave us a starting point for things we would have otherwise needed to develop from scratch, such as the grid, footer, navigation, etc. The USWDS gave us a place to start and saved us from having to reinvent the wheel. +**Scott Weber:** I’d been following the USWDS before starting work on the NSF project. So, when I was getting ready to build the site, which we knew was going to be on [Federalist](https://federalist.18f.gov/), using GitHub, the USWDS gave us a starting point for things we would have otherwise needed to develop from scratch, such as the grid, footer, navigation, etc. The USWDS gave us a place to start and saved us from having to reinvent the wheel. **USWDS:** What does it mean for a developer to not have to start from scratch? diff --git a/_posts/2021-02-05-sharing-the-govlove.md b/_posts/2021-02-05-sharing-the-govlove.md index 09998a9c0a..f1dddc326f 100644 --- a/_posts/2021-02-05-sharing-the-govlove.md +++ b/_posts/2021-02-05-sharing-the-govlove.md @@ -14,7 +14,7 @@ In this digital age, it’s simpler than ever to share the #GovLove virtually on The more you adopt the design system, the easier it is to deliver the right content to the right people at the right time. -Support USWDS and send the designer or developer you care about some #GovLove with these themed PNGs for this fun February season. +Support USWDS and send the designer or developer you care about some #GovLove with these themed ONGs for this fun February season. ## My love for you expands every day. [Accordion]({{ site.baseurl }}/components/accordion/) to me, you’re the best! ![A three item accordion component with the first item open saying Accordion to me, you're the best]({{ site.baseurl }}/img/2021-govlove-blog/WDS_valentines_2021_SocialArtwork_1.png) diff --git a/_security_updates/2021-10-27-santized-combo-box-content.md b/_security_updates/2021-10-27-sanitized-combo-box-content.md similarity index 100% rename from _security_updates/2021-10-27-santized-combo-box-content.md rename to _security_updates/2021-10-27-sanitized-combo-box-content.md diff --git a/_utilities/flex.md b/_utilities/flex.md index f16da1c06e..3451c5bdf3 100644 --- a/_utilities/flex.md +++ b/_utilities/flex.md @@ -691,7 +691,7 @@ utilities: {% for value in page.values.order reversed %}
- intital: {{ forloop.index }} + initial: {{ forloop.index }} .order-{{ value.token }}
diff --git a/css/_uswds-theme-custom-styles.scss b/css/_uswds-theme-custom-styles.scss index 6ef34f8e9e..50a19556cb 100644 --- a/css/_uswds-theme-custom-styles.scss +++ b/css/_uswds-theme-custom-styles.scss @@ -2527,7 +2527,7 @@ $theme-table-column-gap: 4; } // because any accordion__content inside of a bordered accordion get's -// borders, we need to overide for this nested component preview. +// borders, we need to override for this nested component preview. .site-component-preview .usa-accordion:not(.usa-accordion--bordered) .usa-accordion__content { diff --git a/css/custom-styles/_site-header.scss b/css/custom-styles/_site-header.scss index ec3bab988f..bafdeb441f 100644 --- a/css/custom-styles/_site-header.scss +++ b/css/custom-styles/_site-header.scss @@ -267,7 +267,7 @@ $site-secondary-nav-input-height: 38px; } } -// Read website standards, Download, Github buttons +// Read website standards, Download, GitHub buttons .site-cta-buttons { display: flex; flex-direction: column; diff --git a/js/calculate-anchor-position.js b/js/calculate-anchor-position.js index 23d98ef29a..73c9acaa59 100644 --- a/js/calculate-anchor-position.js +++ b/js/calculate-anchor-position.js @@ -17,7 +17,7 @@ var calculateAnchorPosition = function (hash) { //start with the height of the sticky nav topOffset = $(".site-nav.sticky").first().outerHeight(); - //subtract the diffence in padding between nav top and anchor + //subtract the difference in padding between nav top and anchor topOffset = topOffset - (anchorPadding - navPadding); //anchor should now align with first item inside nav diff --git a/js/copy-code.js b/js/copy-code.js index a646315689..f86151b8fd 100644 --- a/js/copy-code.js +++ b/js/copy-code.js @@ -75,7 +75,7 @@ const copyOnClick = (event) => { labelVisual.textContent = "Copied!"; // In order for consistent SR readouts, the text string must change - // Without changing, the SR will not consitently read the text on click + // Without changing, the SR will not consistently read the text on click if (labelSR.textContent == SR_SUCCESS_MESSAGE) { labelSR.textContent = SR_SUCCESS_MESSAGE_ALT; } else { diff --git a/pages/about/website-policies-and-notices.md b/pages/about/website-policies-and-notices.md index 5781e8d2b7..f9045fd08a 100644 --- a/pages/about/website-policies-and-notices.md +++ b/pages/about/website-policies-and-notices.md @@ -108,7 +108,7 @@ We use open-source software and free or low cost, commercial application program 2. Software source code previously released under an open source license and then modified by GSA staff is considered a "joint work." It is partially copyrighted, partially public domain, and as a whole is protected by the copyrights of the non-government authors and must be released according to the terms of the original open-source license. -3. All source code as defined above may be shared with the general public via a highly visible, easily accessible online source code community (such as Github or npm) that facilitates the code's reuse. Source code won't be released if any of the following conditions are met: +3. All source code as defined above may be shared with the general public via a highly visible, easily accessible online source code community (such as GitHub or npm) that facilitates the code's reuse. Source code won't be released if any of the following conditions are met: 1. The USWDS core team determines that the code is too crude to merit distribution or provide value to the broader community. @@ -136,7 +136,7 @@ We link to websites created and maintained by other public and/or private organi ### Social media and collaboration sites -We manage a presence on social media and collaboration sites such as [Github](http://github.com/uswds), [npm](https://www.npmjs.com/package/uswds), and [Twitter](https://twitter.com/uswds) to share government information, and engage with our audience. We do not collect any personally identifiable information through those sites, and we do not use personal information made available by the third-party sites. +We manage a presence on social media and collaboration sites such as [GitHub](http://github.com/uswds), [npm](https://www.npmjs.com/package/uswds), and [Twitter](https://twitter.com/uswds) to share government information, and engage with our audience. We do not collect any personally identifiable information through those sites, and we do not use personal information made available by the third-party sites. ### If you send us personal information diff --git a/pages/design-tokens/spacing-units.md b/pages/design-tokens/spacing-units.md index 1af24a8222..cd2a8cbb26 100644 --- a/pages/design-tokens/spacing-units.md +++ b/pages/design-tokens/spacing-units.md @@ -28,7 +28,7 @@ changelog: | concat: tokens.negative.small | concat: tokens.negative.medium %} -Any spacing value in utilities or component CSS should use the following spacing unit tokens, based on multiples of 8px. The documentation below displays a target value in pixels, but the final output for tokens above `2px` and below `-2px` is the eqivalent value in `rem`, which will vary depending on your project settings. +Any spacing value in utilities or component CSS should use the following spacing unit tokens, based on multiples of 8px. The documentation below displays a target value in pixels, but the final output for tokens above `2px` and below `-2px` is the equivalent value in `rem`, which will vary depending on your project settings. {:.bg-gold-20v.padding-2.radius-md} **Note:** Some units tokens come in two flavors: a **numeric token** (like `0.5` or `-2`) and a **string token** (like `'05'` or `'neg-2'`). _Utility classes use unquoted string tokens exclusively when they exist_ (like `.margin-x-neg-2`). Mixins and functions usually accept either, and we will note any exceptions. diff --git a/pages/design-tokens/typesetting/font.md b/pages/design-tokens/typesetting/font.md index f3b88cbe52..d59737cb4b 100644 --- a/pages/design-tokens/typesetting/font.md +++ b/pages/design-tokens/typesetting/font.md @@ -503,7 +503,7 @@ Use the `u-font-size()` mixin to set the font size only. The mixin requires both Use the `u-font-family()` mixin to set the font family only. The mixin requires a family token in the form `@include u-font-family([family])`. -_Use `u-font()` instead of using both `u-font-family()` and `u-font-size()` on a single selector, but avoid using it unneccessarily to avoid duplicate code._ +_Use `u-font()` instead of using both `u-font-family()` and `u-font-size()` on a single selector, but avoid using it unnecessarily to avoid duplicate code._ {:.maxw-mobile-lg} diff --git a/pages/design-tokens/typesetting/overview.md b/pages/design-tokens/typesetting/overview.md index 13da8981e1..e9bfe8b0c2 100644 --- a/pages/design-tokens/typesetting/overview.md +++ b/pages/design-tokens/typesetting/overview.md @@ -47,7 +47,7 @@ Each [supported typeface]({{ site.baseurl }}/design-tokens/typesetting/font-fami
- For size token 10 (24px) we see the following normalized ouput: + For size token 10 (24px) we see the following normalized output:
@@ -97,7 +97,7 @@ Since we use normalization on font sizing, we must also normalize line height to
- For size token 10 (24px) and line-height token 3 ({{ target_line_height }} / {{ target_line_height | times: target_font_size }}px) we see the following normalized ouput: + For size token 10 (24px) and line-height token 3 ({{ target_line_height }} / {{ target_line_height | times: target_font_size }}px) we see the following normalized output:
diff --git a/pages/documentation/guidance/performance/how.md b/pages/documentation/guidance/performance/how.md index 1fef7f1775..c9e29d76f7 100644 --- a/pages/documentation/guidance/performance/how.md +++ b/pages/documentation/guidance/performance/how.md @@ -289,7 +289,7 @@ A Content Management Solution (CMS) tracker should only be used if your site has Depending on how often the code of the site gets updated, the team might need two tracking solutions: one for the CMS and one for the code updates, leading to a more complicated system. {% capture example_tracking %} - In the cloud.gov dashboard, we decided to do CI testing because we already had a reliable CI setup and the team is primarily made up of developers, meaning CI would be where performance gets the most attention. We set up [Google Chrome Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) in our build process, ensuring that if a recent code change goes over budget, it would stop the build and report the problems to the developers. Additionally, we used a Github service to receive performance reports over time. + In the cloud.gov dashboard, we decided to do CI testing because we already had a reliable CI setup and the team is primarily made up of developers, meaning CI would be where performance gets the most attention. We set up [Google Chrome Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) in our build process, ensuring that if a recent code change goes over budget, it would stop the build and report the problems to the developers. Additionally, we used a GitHub service to receive performance reports over time. {% endcapture %} {% include perf_example.html text=example_tracking diff --git a/pages/documentation/maturity-model.md b/pages/documentation/maturity-model.md index 982a075a2f..9d4316b1f8 100644 --- a/pages/documentation/maturity-model.md +++ b/pages/documentation/maturity-model.md @@ -121,7 +121,7 @@ Government websites include components that aren’t included in USWDS yet. Use #### 1: Add USWDS code and adjust settings. -- Add USWDS to your project [with npm]({{ site.baseurl }}/documentation/developers/#install-using-node-and-npm) or by [downloading the source from Github]({{ site.baseurl }}/documentation/developers/#install-the-package-directly-from-github). +- Add USWDS to your project [with npm]({{ site.baseurl }}/documentation/developers/#install-using-node-and-npm) or by [downloading the source from GitHub]({{ site.baseurl }}/documentation/developers/#install-the-package-directly-from-github). - Compile the Sass source code using the [guidelines in the documentation]({{ site.baseurl }}/documentation/developers/#sass-compilation-requirements) or by using [uswds-compile](https://github.com/uswds/uswds-compile) available via GitHub. - Compile the Javascript source code using the [guidelines in the documentation]({{ site.baseurl }}/documentation/developers/#js-customization) or [download a precompiled version]({{ site.baseurl }}/documentation/developers/#install-the-package-directly-from-github). - Add USWDS Javascript to your page templates. diff --git a/pages/documentation/migration-V3.md b/pages/documentation/migration-V3.md index 18263990d2..2e2359f0fa 100644 --- a/pages/documentation/migration-V3.md +++ b/pages/documentation/migration-V3.md @@ -884,7 +884,7 @@ Using individual component packages instead of the `uswds` bundle package can re Each package is smart enough to include any dependent package it needs to display properly. -4. Many projects will need to use the utilities package (`uswds-utilities`) and the global package (`uswds-global`). If your site uses utilities, be sure to include the utilites package. The global package includes normalize. If you compile your styles and see improper spacing around many elements (like around the perimeter of the page), be sure to include `uswds-global`. +4. Many projects will need to use the utilities package (`uswds-utilities`) and the global package (`uswds-global`). If your site uses utilities, be sure to include the utilities package. The global package includes normalize. If you compile your styles and see improper spacing around many elements (like around the perimeter of the page), be sure to include `uswds-global`. 5. **Remove your reference to the uswds bundle package.** Once all of your project's component packages are loaded, you can safely remove the `uswds` package reference from your entry point. ```diff From c6fb6506433de25fa23eb29cdd0f21ceb1e412fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Viktor=20Sz=C3=A9pe?= Date: Thu, 12 Dec 2024 09:08:23 +0000 Subject: [PATCH 2/3] Fix more typos --- _includes/patterns/physical-address.html | 2 +- _posts/2021-02-05-sharing-the-govlove.md | 2 +- _utilities/display.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/_includes/patterns/physical-address.html b/_includes/patterns/physical-address.html index c066c1499d..e9217ae80c 100644 --- a/_includes/patterns/physical-address.html +++ b/_includes/patterns/physical-address.html @@ -53,7 +53,7 @@ - + diff --git a/_posts/2021-02-05-sharing-the-govlove.md b/_posts/2021-02-05-sharing-the-govlove.md index f1dddc326f..09998a9c0a 100644 --- a/_posts/2021-02-05-sharing-the-govlove.md +++ b/_posts/2021-02-05-sharing-the-govlove.md @@ -14,7 +14,7 @@ In this digital age, it’s simpler than ever to share the #GovLove virtually on The more you adopt the design system, the easier it is to deliver the right content to the right people at the right time. -Support USWDS and send the designer or developer you care about some #GovLove with these themed ONGs for this fun February season. +Support USWDS and send the designer or developer you care about some #GovLove with these themed PNGs for this fun February season. ## My love for you expands every day. [Accordion]({{ site.baseurl }}/components/accordion/) to me, you’re the best! ![A three item accordion component with the first item open saying Accordion to me, you're the best]({{ site.baseurl }}/img/2021-govlove-blog/WDS_valentines_2021_SocialArtwork_1.png) diff --git a/_utilities/display.md b/_utilities/display.md index a03f3533b0..182c8c636f 100644 --- a/_utilities/display.md +++ b/_utilities/display.md @@ -460,7 +460,7 @@ utilities:
Sticky Heading 2 .position-sticky
-

And he had a little small bull pup, that to look at him you'd think he wan's worth a cent, but to set around and look ornery, and lay for a chance to steal something. But as soon as money was up on him, he was a different dog; his underjaw'd begin to stick out like the fo'castle of a steamboat, and his teeth would uncover, and shine savage like the furnaces. And a dog might tackle him, and bully- rag him, and bite him, and throw him over his shoulder two or three times, and Andrew Jackson which was the name of the pup Andrew Jackson would never let on but what he was satisfied, and hadn't expected nothing else and the bets being doubled and doubled on the other side all the time, till the money was all up; and then all of a sudden he would grab that other dog jest by the j'int of his hind leg and freeze on it not chew, you understand, but only jest grip and hang on till they thronged up the sponge, if it was a year. Smiley always come out winner on that pup, till he harnessed a dog once that didn't have no hind legs, because they'd been sawed off by a circular saw, and when the thing had gone along far enough, and the money was all up, and he come to make a snatch for his pet bolt, he saw in a minute how he'd been imposed on, and how the other dog had him in the door, so to speak, and he 'peered sur- prised, and then he looked sorter discouraged-like, and didn't try no more to win the fight, and so he got shucked out bad. He give Smiley a look, as much as to say his heart was broke, and it was his fault, for putting up a dog that hadn't no hind legs for him to take bolt of, which was his main dependence in a fight, and then he limped off a piece and laid down and died. It was a good pup, was that Andrew Jackson, and would have made a name for hisself if he'd lived, for the stuff was in him, and he had genius I know it, because he hadn't had no opportunities to speak of, and it don't stand to reason that a dog could make such a fight as he could under them circumstances, if he hadn't no talent. It always makes me feel sorry when I think of that last fight of his'n, and the way it turned out.

+

And he had a little small bull pup, that to look at him you'd think he wan's worth a cent, but to set around and look ornery, and lay for a chance to steal something. But as soon as money was up on him, he was a different dog; his underjaw'd begin to stick out like the fo'castle of a steamboat, and his teeth would uncover, and shine savage like the furnaces. And a dog might tackle him, and bully- rag him, and bite him, and throw him over his shoulder two or three times, and Andrew Jackson which was the name of the pup Andrew Jackson would never let on but what he was satisfied, and hadn't expected nothing else and the bets being doubled and doubled on the other side all the time, till the money was all up; and then all of a sudden he would grab that other dog jest by the j'int of his hind leg and freeze on it not chew, you understand, but only jest grip and hang on till they thronged up the sponge, if it was a year. Smiley always come out winner on that pup, till he harnessed a dog once that didn't have no hind legs, because they'd been sawed off by a circular saw, and when the thing had gone along far enough, and the money was all up, and he come to make a snatch for his pet bolt, he saw in a minute how he'd been imposed on, and how the other dog had him in the door, so to speak, and he 'peered surprised, and then he looked sorter discouraged-like, and didn't try no more to win the fight, and so he got shucked out bad. He give Smiley a look, as much as to say his heart was broke, and it was his fault, for putting up a dog that hadn't no hind legs for him to take bolt of, which was his main dependence in a fight, and then he limped off a piece and laid down and died. It was a good pup, was that Andrew Jackson, and would have made a name for hisself if he'd lived, for the stuff was in him, and he had genius I know it, because he hadn't had no opportunities to speak of, and it don't stand to reason that a dog could make such a fight as he could under them circumstances, if he hadn't no talent. It always makes me feel sorry when I think of that last fight of his'n, and the way it turned out.

Sticky Heading 3 .position-sticky
From 9ddde55f3a1acdbf5a891f10d70f3f7789701f78 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Viktor=20Sz=C3=A9pe?= Date: Thu, 12 Dec 2024 19:16:51 +0100 Subject: [PATCH 3/3] Update front matter in sanitized-combo-box-content --- _security_updates/2021-10-27-sanitized-combo-box-content.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_security_updates/2021-10-27-sanitized-combo-box-content.md b/_security_updates/2021-10-27-sanitized-combo-box-content.md index da6ac88056..43630e295d 100644 --- a/_security_updates/2021-10-27-sanitized-combo-box-content.md +++ b/_security_updates/2021-10-27-sanitized-combo-box-content.md @@ -2,7 +2,9 @@ title: Sanitized Combo Box content excerpt: "As of USWDS 2.12.1, the design system automatically sanitizes content passed into the Combo Box." category: About -permalink: /security_updates/santized-combo-box-content/ +permalink: /security_updates/sanitized-combo-box-content/ +redirect_from: +- /security_updates/santized-combo-box-content/ tags: - security ---