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 = ({ ))}