diff --git a/.gitignore b/.gitignore
index 3e4dd2d..b0b637f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 .DS_Store
 .storybook/build
+.vscode
diff --git a/dist/ColorScheme/ColorScheme.d.ts b/dist/ColorScheme/ColorScheme.d.ts
index 200c69e..55bee1c 100644
--- a/dist/ColorScheme/ColorScheme.d.ts
+++ b/dist/ColorScheme/ColorScheme.d.ts
@@ -62,10 +62,10 @@ export default function ColorScheme(props: {
      */
     accent: string;
     /**
-    * The color used for borders of focused interactive elements, accented
-    * color blocks, article text links, certain headings, etc. on navigation.
-    * Defaults to `accent`.
-    */
+     * The color used for borders of focused interactive elements, accented
+     * color blocks, article text links, certain headings, etc. on navigation.
+     * Defaults to `accent`.
+     */
     accentNavigation?: string;
     /**
      * Primary background color of the page.
diff --git a/dist/ColorScheme/ColorScheme.d.ts.map b/dist/ColorScheme/ColorScheme.d.ts.map
index 5ed796b..ea1a299 100644
--- a/dist/ColorScheme/ColorScheme.d.ts.map
+++ b/dist/ColorScheme/ColorScheme.d.ts.map
@@ -1 +1 @@
-{"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../src/components/ColorScheme/ColorScheme.tsx"],"names":[],"mappings":";AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AA8FF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,KAAK,EAAE;IAC3C;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEd;;;;MAIE;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,GAAG,EAAE,MAAM,KAAM,GAAG,CAAC,OAAO,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAE7C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,eAuBA"}
\ No newline at end of file
+{"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../src/components/ColorScheme/ColorScheme.tsx"],"names":[],"mappings":";AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AA8FF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,KAAK,EAAE;IAC3C;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,GAAG,EAAE,MAAM,KAAM,GAAG,CAAC,OAAO,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAE7C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,eAuBA"}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 1e3ea5f..8917674 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2380,9 +2380,9 @@
 			}
 		},
 		"@quartz/js-utils": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/@quartz/js-utils/-/js-utils-1.1.1.tgz",
-			"integrity": "sha512-z4dzY85hljdKin1VceLWJHDce9UOtook8zkH8sou1TnUS4kJxAiTUV9Pvhmtrke0+z/wXdDnFCwn141T1FSVSg==",
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@quartz/js-utils/-/js-utils-2.0.0.tgz",
+			"integrity": "sha512-1DtJr3830D1nNp12PY1C3YQx/NtfEcGdO9H5pWxoJzkSr7BBHX7FTrcObNLlJehqUWZZUFsQPLYrckAQGwmP4Q==",
 			"dev": true
 		},
 		"@quartz/stylelint-config": {
diff --git a/package.json b/package.json
index 7f361b7..b4af886 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
 	"devDependencies": {
 		"@babel/core": "^7.12.9",
 		"@quartz/eslint-config-react": "^1.1.5",
-		"@quartz/js-utils": "^1.1.1",
+		"@quartz/js-utils": "^2.0.0",
 		"@quartz/stylelint-config": "^1.2.0",
 		"@storybook/addon-a11y": "^6.1.10",
 		"@storybook/addon-actions": "^6.1.10",
diff --git a/src/components/ColorScheme/ColorScheme.tsx b/src/components/ColorScheme/ColorScheme.tsx
index da9e2cb..6d78227 100644
--- a/src/components/ColorScheme/ColorScheme.tsx
+++ b/src/components/ColorScheme/ColorScheme.tsx
@@ -161,7 +161,7 @@ export default function ColorScheme( props: {
 	 */
 	accent: string,
 
-	 /**
+	/**
 	 * The color used for borders of focused interactive elements, accented
 	 * color blocks, article text links, certain headings, etc. on navigation.
 	 * Defaults to `accent`.
diff --git a/src/components/ResponsiveImage/ResponsiveImage.tsx b/src/components/ResponsiveImage/ResponsiveImage.tsx
index 1ca0449..ba5b770 100644
--- a/src/components/ResponsiveImage/ResponsiveImage.tsx
+++ b/src/components/ResponsiveImage/ResponsiveImage.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Image } from '..';
-import { arrayFromRange, resizeWPImage } from '@quartz/js-utils';
+import { arrayFromRange, resizeImage } from '@quartz/js-utils';
 
 export default function ResponsiveImage( props: {
 	/**
@@ -85,7 +85,7 @@ export default function ResponsiveImage( props: {
 
 	// Map source widths to image URLs
 	const srcSet = srcWidths
-		.map( width => `${resizeWPImage( src, width, aspectRatio * width, true, quality )} ${width}w` )
+		.map( width => `${resizeImage( src, width, aspectRatio * width, true, quality )} ${width}w` )
 		.join();
 
 	// If no `sizes` prop was specified, assume the image has a fixed width
@@ -97,7 +97,7 @@ export default function ResponsiveImage( props: {
 			amp={amp}
 			className={className}
 			sizes={sizes || sizesDefault}
-			src={resizeWPImage( src, fallbackWidth, fallbackHeight )}
+			src={resizeImage( src, fallbackWidth, fallbackHeight )}
 			srcSet={srcSet}
 			fallbackWidth={fallbackWidth}
 			fallbackHeight={fallbackHeight}