diff --git a/.storybook/themeCFPB.js b/.storybook/themeCFPB.js index 9b52357bf1..f43a900641 100644 --- a/.storybook/themeCFPB.js +++ b/.storybook/themeCFPB.js @@ -1,5 +1,5 @@ import { create } from 'storybook/theming/create'; -import CfpbLogo from '../src/assets/images/cfpb-logo.png'; +import CfpbLogo from '../src/assets/images/cfpb_logo_test_237.5_cropped_third_try.svg?url'; const colors = { black: '#101820', diff --git a/src/assets/images/README.md b/src/assets/images/README.md new file mode 100644 index 0000000000..6974059caf --- /dev/null +++ b/src/assets/images/README.md @@ -0,0 +1,2 @@ +The source of the CFPB logo is pulled directly from the official logo +files and exported from Illustrator as an SVG. diff --git a/src/assets/images/cfpb-logo-vertical.png b/src/assets/images/cfpb-logo-vertical.png deleted file mode 100644 index 3cc78b6883..0000000000 Binary files a/src/assets/images/cfpb-logo-vertical.png and /dev/null differ diff --git a/src/assets/images/cfpb-logo.png b/src/assets/images/cfpb-logo.png deleted file mode 100644 index bacc042674..0000000000 Binary files a/src/assets/images/cfpb-logo.png and /dev/null differ diff --git a/src/assets/images/cfpb-seal.png b/src/assets/images/cfpb-seal.png deleted file mode 100644 index f24759c42d..0000000000 Binary files a/src/assets/images/cfpb-seal.png and /dev/null differ diff --git a/src/assets/images/cfpb_logo.svg b/src/assets/images/cfpb_logo.svg new file mode 100644 index 0000000000..5125c8f7fb --- /dev/null +++ b/src/assets/images/cfpb_logo.svg @@ -0,0 +1 @@ +Consumer Financial Protection Bureau \ No newline at end of file diff --git a/src/assets/images/cfpb_logo_test_237.5_cropped_third_try.svg b/src/assets/images/cfpb_logo_test_237.5_cropped_third_try.svg new file mode 100644 index 0000000000..ed75440774 --- /dev/null +++ b/src/assets/images/cfpb_logo_test_237.5_cropped_third_try.svg @@ -0,0 +1 @@ +Consumer Financial Protection Bureau \ No newline at end of file diff --git a/src/assets/images/cfpb_logo_test_238_cropped.svg b/src/assets/images/cfpb_logo_test_238_cropped.svg new file mode 100644 index 0000000000..0f8be87031 --- /dev/null +++ b/src/assets/images/cfpb_logo_test_238_cropped.svg @@ -0,0 +1,64 @@ + + + + + + + + + C + + + onsume + + + r + + + F + + + inancial + + + P + + + r + + + otection Bu + + + r + + + e + + + au + + + + + + \ No newline at end of file diff --git a/src/assets/images/cfpb_logo_test_cropped.svg b/src/assets/images/cfpb_logo_test_cropped.svg new file mode 100644 index 0000000000..e0e94a172d --- /dev/null +++ b/src/assets/images/cfpb_logo_test_cropped.svg @@ -0,0 +1,64 @@ + + + + + + + + + C + + + onsume + + + r + + + F + + + inancial + + + P + + + r + + + otection Bu + + + r + + + e + + + au + + + + + + \ No newline at end of file diff --git a/src/components/Header/responsive-menu.tsx b/src/components/Header/responsive-menu.tsx index fb47d12ac8..29ea51707b 100644 --- a/src/components/Header/responsive-menu.tsx +++ b/src/components/Header/responsive-menu.tsx @@ -1,6 +1,6 @@ import React, { JSX, useCallback, useState } from 'react'; import type { KeyboardEvent, MouseEvent, ReactNode } from 'react'; -import CFPBLogo from '../../assets/images/cfpb-logo.png'; +import CFPBLogo from '../../assets/images/cfpb_logo_test_237.5_cropped_third_try.svg?url'; import { Button } from '../Buttons/button'; import { Icon } from '../Icon/icon'; import Link from '../Link/link'; diff --git a/src/types/svg.d.ts b/src/types/svg.d.ts index eef3d0e3f3..aca1d54db4 100644 --- a/src/types/svg.d.ts +++ b/src/types/svg.d.ts @@ -3,3 +3,8 @@ declare module '*.svg?react' { const content: FC>; export default content; } + +declare module '*.svg?url' { + const src: string; + export default src; +}