thisisdano · Oct 4, 2024 · Nov 24, 2023 · Nov 24, 2023 · Nov 24, 2023 · Nov 24, 2023
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yaml b/.github/ISSUE_TEMPLATE/bug_report.yaml
@@ -14,7 +14,7 @@ body:
     id: reproduce
     attributes:
       label: Steps to reproduce the bug
-      description: Describe how to reproduce this issue.
+      description: Describe how to reproduce this issue. If the issue is found only in your project, provide a link to a public repo or code preview that demonstrates this issue.
       placeholder: |
         1. Go to '...'
         2. Click on '....'

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uswds/uswds",
-  "version": "3.8.2",
+  "version": "3.9.0",
   "description": "Open source UI components and visual style guide for U.S. government websites",
   "engines": {
     "node": ">= 4"
@@ -71,9 +71,9 @@
     "fix:icons": "npx svgo --folder ./packages/usa-icon/src/img/uswds-icons -q && npx svgo --folder ./packages/usa-icon/src/img/usa-icons-bg -q",
     "prettier": "npm run prettier:html && npm run prettier:js && npm run prettier:sass",
     "prettier:check": "npx prettier -c ./packages/**/*.{scss,js}",
-    "prettier:html": "npx prettier --write './html-templates/**/**/*.html'",
-    "prettier:js": "npx prettier --write './packages/**/**/*.js'",
-    "prettier:sass": "npx prettier --write './packages/**/**/*.scss'",
+    "prettier:html": "npx prettier --write './html-templates/**/**/*.html' --ignore-path=.prettierignore",
+    "prettier:js": "npx prettier --write './packages/**/**/*.js' --ignore-path=.prettierignore",
+    "prettier:sass": "npx prettier --write './packages/**/**/*.scss' --ignore-path=.prettierignore",
     "start:storybook": "start-storybook -p 6006",
     "build:storybook": "build-storybook -o _site",
     "build:html": "webpack build --config ./webpack.twig.config.js && npm run prettier:html"
@@ -96,7 +96,7 @@
     "Atul Varma <atul.varma@gsa.gov>",
     "Dan O. Williams <daniel.williams@gsa.gov>",
     "Sara D. Cope <sara.cope@gsa.gov>",
-    "Stephanie Green <stephanie.green@gsa.gov"
+    "Stephanie Green <stephanie.green@gsa.gov>"
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": {
@@ -109,9 +109,9 @@
     "resolve-id-refs": "0.1.0"
   },
   "devDependencies": {
-    "@18f/identity-stylelint-config": "4.0.0",
-    "@babel/core": "7.24.5",
-    "@babel/preset-env": "7.24.5",
+    "@18f/identity-stylelint-config": "4.1.0",
+    "@babel/core": "7.25.2",
+    "@babel/preset-env": "7.25.4",
     "@chanzuckerberg/axe-storybook-testing": "6.3.1",
     "@material-design-icons/svg": "0.14.13",
     "@storybook/addon-a11y": "6.5.16",
@@ -120,11 +120,10 @@
     "@storybook/builder-webpack5": "6.5.16",
     "@storybook/html": "6.5.16",
     "@storybook/manager-webpack5": "6.5.16",
-    "@types/node": "20.12.11",
+    "@types/node": "20.14.10",
     "ansi-colors": "4.1.3",
-    "autoprefixer": "10.4.19",
-    "axe-core": "4.9.1",
-    "babel-loader": "9.1.3",
+    "autoprefixer": "10.4.20",
+    "axe-core": "4.10.0",
     "babelify": "10.0.0",
     "browserify": "17.0.0",
     "cross-spawn": "7.0.3",
@@ -133,14 +132,11 @@
     "eslint": "8.56.0",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-no-unsanitized": "4.0.2",
+    "eslint-plugin-import": "2.30.0",
+    "eslint-plugin-no-unsanitized": "4.1.0",
     "fancy-log": "2.0.0",
     "file-loader": "6.2.0",
     "gulp": "4.0.2",
-    "gulp-changed": "4.0.3",
-    "gulp-clean": "0.4.0",
-    "gulp-cli": "2.3.0",
     "gulp-mocha": "9.0.0",
     "gulp-postcss": "9.0.1",
     "gulp-rename": "2.0.0",
@@ -154,34 +150,32 @@
     "jsdom-global": "3.0.2",
     "lodash.merge": "4.6.2",
     "merge-stream": "2.0.0",
-    "mocha": "10.4.0",
+    "mocha": "10.7.3",
     "mq-polyfill": "1.1.8",
-    "normalize.css": "8.0.1",
-    "path": "0.12.7",
-    "postcss": "8.4.38",
+    "postcss": "8.4.45",
     "postcss-csso": "6.0.1",
     "postcss-discard-comments": "6.0.2",
     "postcss-import": "15.1.0",
     "postcss-loader": "7.3.3",
-    "postcss-preset-env": "9.5.11",
-    "prettier": "3.2.5",
+    "postcss-preset-env": "9.6.0",
+    "prettier": "3.3.3",
     "react-dom": "17.0.2",
     "resolve-url-loader": "5.0.0",
-    "sass": "1.77.0",
-    "sass-embedded": "1.77.0",
+    "sass": "1.78.0",
+    "sass-embedded": "1.78.0",
     "sass-loader": "13.3.2",
     "sass-true": "6.0.1",
     "sinon": "12.0.1",
-    "snyk": "1.1291.0",
+    "snyk": "1.1293.0",
     "style-loader": "3.3.3",
-    "stylelint": "16.5.0",
+    "stylelint": "16.9.0",
     "svgo": "3.3.2",
     "twig-html-loader": "0.1.9",
     "twigjs-loader": "1.0.3",
-    "typescript": "5.4.5",
+    "typescript": "5.6.2",
     "vinyl-buffer": "1.0.1",
     "vinyl-source-stream": "2.0.0",
-    "webpack": "5.91.0",
+    "webpack": "5.94.0",
     "webpack-cli": "5.1.4"
   }
 }
diff --git a/packages/templates/usa-base/includes/_identifier.twig b/packages/templates/usa-base/includes/_identifier.twig
@@ -82,8 +82,8 @@
       'aria_label': 'Información y servicios del Gobierno de EE. UU.',
       'description': '¿Necesita información y servicios del Gobierno?',
       'link': {
-        'label': 'Visite USA.gov en Español',
-        'url': 'https://www.usa.gov/espanol/'
+        'label': 'Visite USAGov en Español',
+        'url': 'https://www.usa.gov/es/'
       },
       'display': true
     }

diff --git a/packages/templates/usa-create-account/_usa-create-account-inner.twig b/packages/templates/usa-create-account/_usa-create-account-inner.twig
@@ -22,7 +22,7 @@
                   {{ form.email.label }}
                   {{ requiredLabel | trim | raw }}
                 </label>
-                <input class="usa-input" id="email" name="email" type="email" autocapitalize="off" autocorrect="off" required>
+                <input class="usa-input" id="email" name="email" type="email" autocapitalize="off" autocorrect="off" required autocomplete="email">
                 <label class="usa-label" for="password-create-account">
                   {{ form.password.label }}
                 </label>

diff --git a/packages/usa-alert/src/content/index.js b/packages/usa-alert/src/content/index.js
@@ -7,3 +7,4 @@ export { default as NoIconContent } from "./usa-alert~no-icon.json";
 export { default as SlimContent } from "./usa-alert~slim.json";
 export { default as SuccessContent } from "./usa-alert~success.json";
 export { default as WarningContent } from "./usa-alert~warning.json";
+export { default as TestAlertContent } from "./test-usa-alert-content.json";
diff --git a/packages/usa-alert/src/content/test-usa-alert-content.json b/packages/usa-alert/src/content/test-usa-alert-content.json
@@ -0,0 +1,86 @@
+{
+  "alerts": [
+    {
+      "header": "Info alert",
+      "title": "Info alert",
+      "modifier": "usa-alert--info"
+    },
+    {
+      "header": "Info alert - slim",
+      "title": "",
+      "modifier": "usa-alert--info usa-alert--slim"
+    },
+    {
+      "header": "Info alert - no icon",
+      "title": "Info alert - no icon",
+      "modifier": "usa-alert--info usa-alert--no-icon"
+    },
+    {
+      "header": "Info alert - slim, no icon",
+      "title": "",
+      "modifier": "usa-alert--info usa-alert--slim usa-alert--no-icon"
+    },
+    {
+      "header": "Emergency alert",
+      "title": "Emergency alert",
+      "modifier": "usa-alert--emergency"
+    },
+    {
+      "header": "Emergency alert - slim",
+      "title": "",
+      "modifier": "usa-alert--emergency usa-alert--slim"
+    },
+    {
+      "header": "Emergency alert - no icon",
+      "title": "Emergency alert - no icon",
+      "modifier": "usa-alert--emergency usa-alert--no-icon"
+    },
+    {
+      "header": "Emergency alert - slim, no icon",
+      "title": "",
+      "modifier": "usa-alert--emergency usa-alert--slim usa-alert--no-icon"
+    }
+  ],
+  "siteAlerts": [
+    {
+      "header": "Info site alert",
+      "title": "Info site alert",
+      "modifier": "usa-site-alert--info"
+    },
+    {
+      "header": "Info site alert - slim",
+      "title": "",
+      "modifier": "usa-site-alert--info usa-site-alert--slim"
+    },
+    {
+      "header": "Info site alert - no icon",
+      "title": "Info site alert - no icon",
+      "modifier": "usa-site-alert--info usa-site-alert--no-icon"
+    },
+    {
+      "header": "Info site alert - slim, no icon",
+      "title": "",
+      "modifier": "usa-site-alert--info usa-site-alert--slim usa-site-alert--no-icon"
+    },
+    {
+      "header": "Emergency site alert",
+      "title": "Emergency site alert",
+      "modifier": "usa-site-alert--emergency"
+    },
+    {
+      "header": "Emergency alert - slim",
+      "title": "",
+      "modifier": "usa-site-alert--emergency usa-site-alert--slim"
+    },
+    {
+      "header": "Emergency site alert - no icon",
+      "title": "Emergency site alert - no icon",
+      "modifier": "usa-site-alert--emergency usa-site-alert--no-icon"
+    },
+    {
+      "header": "Emergency site alert - slim, no icon",
+      "title": "",
+      "modifier": "usa-site-alert--emergency usa-site-alert--slim usa-site-alert--no-icon"
+    }
+  ]
+}
diff --git a/packages/usa-alert/src/styles/_usa-alert.scss b/packages/usa-alert/src/styles/_usa-alert.scss
@@ -14,6 +14,16 @@ $alert-icons: (
 .usa-alert {
   @include alert-styles;
 
+  .usa-alert__body {
+    @include u-padding-x($theme-alert-padding-x);
+
+    &::before {
+      left: calc(
+        units($theme-alert-padding-x) + $alert-icon-optical-adjust-left
+      );
+    }
+  }
+
   * + & {
     margin-top: units(2);
   }
@@ -31,6 +41,12 @@ $alert-icons: (
 
 .usa-alert--slim {
   @include alert-styles-slim;
+
+  .usa-alert__body::before {
+    left: calc(
+      units($theme-alert-padding-x) + $alert-slim-icon-optical-adjust-left
+    );
+  }
 }
 
 .usa-alert--no-icon {