diff --git a/frontend/package.json b/frontend/package.json
index b33138bf1e..dc6a8b6379 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,12 +15,12 @@
"@szhsin/react-menu": "^4.1.0",
"@testing-library/react": "^14.1.2",
"@testing-library/user-event": "^14.5.1",
- "@trussworks/react-uswds": "5.1.1",
+ "@trussworks/react-uswds": "9.0.0",
"@types/google-libphonenumber": "^7.4.23",
"@types/history": "^4.7.10",
"@types/react-transition-group": "^4.4.5",
"@types/testing-library__jest-dom": "^5.14.5",
- "@uswds/uswds": "3.1.0",
+ "@uswds/uswds": "^3.8.0",
"apollo-upload-client": "^17.0.0",
"browserslist": "4.21.10",
"classnames": "^2.2.6",
@@ -209,6 +209,7 @@
"eslint-plugin-storybook": "^0.8.0",
"eslint-plugin-testing-library": "^6.2.0",
"eslint-plugin-unused-imports": "3.1.0",
+ "focus-trap-react": "^10.2.3",
"jest": "29.7.0",
"jest-axe": "^8.0.0",
"jest-fetch-mock": "^3.0.3",
diff --git a/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss b/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss
index 03d0d2fb0c..6f67ef7b1c 100644
--- a/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss
+++ b/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss
@@ -10,8 +10,9 @@
}
.sr-organization-link-copy-button {
- width: 100%;
border-radius: 0 0 4px 4px;
+ column-gap: 0;
+ width: 100%;
}
@media (min-width: 480px) {
diff --git a/frontend/src/app/commonComponents/ComboBox.tsx b/frontend/src/app/commonComponents/ComboBox.tsx
index aadf133ae6..50d04b5091 100644
--- a/frontend/src/app/commonComponents/ComboBox.tsx
+++ b/frontend/src/app/commonComponents/ComboBox.tsx
@@ -1,5 +1,9 @@
-import { ComboBox as TrussComboBox, Label } from "@trussworks/react-uswds";
-import React, { ComponentPropsWithRef, forwardRef } from "react";
+import {
+ ComboBox as TrussComboBox,
+ ComboBoxRef,
+ Label,
+} from "@trussworks/react-uswds";
+import React, { ComponentPropsWithRef, forwardRef, RefAttributes } from "react";
import Required from "./Required";
@@ -8,9 +12,11 @@ export type ComboBoxProps = TrussComponentProps & {
required?: boolean;
};
+type ComboBoxRefProps = Omit & RefAttributes;
+
// props here are only the required ones from Truss and can be extended
// as needed with additional values.
-const ComboBox: React.FC = forwardRef(function (
+const ComboBox: React.FC = forwardRef(function (
{ id, name, required, options, onChange, disabled }: ComboBoxProps,
ref
) {
diff --git a/frontend/src/app/commonComponents/TextWithTooltip.scss b/frontend/src/app/commonComponents/TextWithTooltip.scss
index ebfb326f64..8de3a08c99 100644
--- a/frontend/src/app/commonComponents/TextWithTooltip.scss
+++ b/frontend/src/app/commonComponents/TextWithTooltip.scss
@@ -15,10 +15,6 @@
padding: 1em;
}
- .info-circle-icon {
- margin-left: 5px;
- }
-
svg {
color: #005ea2;
display: inline-block !important;
diff --git a/frontend/src/app/patients/Components/ManageEmails.tsx b/frontend/src/app/patients/Components/ManageEmails.tsx
index edddf7baf5..f24417c6d9 100644
--- a/frontend/src/app/patients/Components/ManageEmails.tsx
+++ b/frontend/src/app/patients/Components/ManageEmails.tsx
@@ -169,7 +169,7 @@ const ManageEmails: React.FC = ({
))}
Schedule identity verification
diff --git a/frontend/src/app/testResults/viewResults/actionMenuModals/__snapshots__/TestResultPrintModal.test.tsx.snap b/frontend/src/app/testResults/viewResults/actionMenuModals/__snapshots__/TestResultPrintModal.test.tsx.snap
index 165d317869..32f2b6ca75 100644
--- a/frontend/src/app/testResults/viewResults/actionMenuModals/__snapshots__/TestResultPrintModal.test.tsx.snap
+++ b/frontend/src/app/testResults/viewResults/actionMenuModals/__snapshots__/TestResultPrintModal.test.tsx.snap
@@ -12,7 +12,7 @@ Object {
lang="es"
>