diff --git a/.changeset/beige-planes-hide.md b/.changeset/beige-planes-hide.md
new file mode 100644
index 000000000..c96f72540
--- /dev/null
+++ b/.changeset/beige-planes-hide.md
@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos-site': patch
+---
+
+Fix component properties for Pharos v14
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index 76a8f8020..e4db881c0 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/packages/pharos-site/babel.config.js b/packages/pharos-site/babel.config.js
index 9360650b6..30ba79f7c 100644
--- a/packages/pharos-site/babel.config.js
+++ b/packages/pharos-site/babel.config.js
@@ -5,7 +5,7 @@ module.exports = {
     '@babel/plugin-transform-block-scoping',
     ['@babel/plugin-proposal-decorators', { decoratorsBeforeExport: true }],
     ['@babel/plugin-proposal-class-properties', { loose: true }],
-    ['@babel/plugin-proposal-private-methods', { loose: true }],
+    ['@babel/plugin-transform-private-methods', { loose: true }],
     '@babel/plugin-proposal-export-default-from',
     '@babel/plugin-syntax-dynamic-import',
     ['@babel/plugin-proposal-object-rest-spread', { loose: true, useBuiltIns: true }],
diff --git a/packages/pharos-site/package.json b/packages/pharos-site/package.json
index 2d7c0bbf1..7838fff48 100644
--- a/packages/pharos-site/package.json
+++ b/packages/pharos-site/package.json
@@ -32,6 +32,7 @@
     "sass": "^1.63.6"
   },
   "devDependencies": {
+    "@babel/plugin-transform-private-methods": "^7.23.3",
     "@types/mdx-js__react": "^1.5.3",
     "@types/react": "^17.0.1",
     "@types/react-dom": "^17.0.0",
diff --git a/packages/pharos-site/src/components/Sidenav.tsx b/packages/pharos-site/src/components/Sidenav.tsx
index 8cc0d58ea..094076262 100644
--- a/packages/pharos-site/src/components/Sidenav.tsx
+++ b/packages/pharos-site/src/components/Sidenav.tsx
@@ -55,7 +55,7 @@ const Sidenav: FC = () => {
     };
 
     const content = (
-      <PharosSidenav mainContentId="skip-link" className={sidenav}>
+      <PharosSidenav mainContentId="skip-link" open={true} className={sidenav}>
         <PharosLink href="/" slot="top" flex onClick={handleLinkClick}>
           <div>
             <div className={siteBrand__title}>{data.site.siteMetadata.title}</div>
diff --git a/packages/pharos-site/src/components/footer.tsx b/packages/pharos-site/src/components/footer.tsx
index d824d9b08..4631f01b1 100644
--- a/packages/pharos-site/src/components/footer.tsx
+++ b/packages/pharos-site/src/components/footer.tsx
@@ -38,7 +38,7 @@ const Footer: FC = () => {
               <li>
                 <PharosLink
                   href="/components/component-status"
-                  onBackground
+                  isOnBackground
                   data-sc="link:component status footer"
                   onClick={handleLinkClick}
                 >
@@ -48,7 +48,7 @@ const Footer: FC = () => {
               <li>
                 <PharosLink
                   href="/ithaka/pharos/blob/main/packages/pharos/CHANGELOG.md"
-                  onBackground
+                  isOnBackground
                   target="_blank"
                   data-sc="link:changelog footer"
                 >
@@ -58,7 +58,7 @@ const Footer: FC = () => {
               <li>
                 <PharosLink
                   href="https://pharos.jstor.org/storybooks/wc/"
-                  onBackground
+                  isOnBackground
                   target="_blank"
                   data-sc="link:wc storybook footer"
                 >
@@ -68,7 +68,7 @@ const Footer: FC = () => {
               <li>
                 <PharosLink
                   href="https://pharos.jstor.org/storybooks/react/"
-                  onBackground
+                  isOnBackground
                   target="_blank"
                   data-sc="link:react storybook footer"
                 >
@@ -80,12 +80,12 @@ const Footer: FC = () => {
           <div className={container__center}>
             <ul className={list}>
               <li>
-                <PharosLink href="https://about.jstor.org/" onBackground target="_blank">
+                <PharosLink href="https://about.jstor.org/" isOnBackground target="_blank">
                   About JSTOR
                 </PharosLink>
               </li>
               <li className={container__link}>
-                <PharosLink href="https://www.ithaka.org/careers/" onBackground target="_blank">
+                <PharosLink href="https://www.ithaka.org/careers/" isOnBackground target="_blank">
                   Careers
                 </PharosLink>
                 <strong className={badge}>We&apos;re hiring!</strong>
@@ -94,7 +94,7 @@ const Footer: FC = () => {
                 <PharosLink
                   href="javascript:void(0)"
                   onclick="OneTrust.ToggleInfoDisplay()"
-                  onBackground
+                  isOnBackground
                 >
                   Cookie settings
                 </PharosLink>
@@ -108,7 +108,7 @@ const Footer: FC = () => {
             <div>
               <PharosLink
                 href="mailto:opensource@ithaka.org"
-                onBackground
+                isOnBackground
                 data-sc="link:email footer"
               >
                 Email us
@@ -116,7 +116,7 @@ const Footer: FC = () => {
               or{' '}
               <PharosLink
                 href="/ithaka/pharos"
-                onBackground
+                isOnBackground
                 target="_blank"
                 data-sc="link:repo footer"
               >
@@ -132,7 +132,7 @@ const Footer: FC = () => {
           </div>
           <em className={`${note} ${netlifyLink}`}>
             This site is powered by{' '}
-            <PharosLink href="https://www.netlify.com" onBackground target="_blank">
+            <PharosLink href="https://www.netlify.com" isOnBackground target="_blank">
               Netlify
             </PharosLink>
           </em>
diff --git a/packages/pharos-site/src/components/layout.tsx b/packages/pharos-site/src/components/layout.tsx
index 706de6692..aa064e95f 100644
--- a/packages/pharos-site/src/components/layout.tsx
+++ b/packages/pharos-site/src/components/layout.tsx
@@ -42,7 +42,7 @@ const Layout: FC<LayoutProps> = ({ children, location, fill }) => {
     const body = (
       <main className={main}>
         <div className={topBar}>
-          <PharosLink id="skip-link" skip href="#sidenav-skip-link" onBackground>
+          <PharosLink id="skip-link" skip href="#sidenav-skip-link" isOnBackground>
             Skip to main navigation
           </PharosLink>
         </div>
diff --git a/packages/pharos-site/src/pages/index.tsx b/packages/pharos-site/src/pages/index.tsx
index 419b0d974..0a559b8e7 100644
--- a/packages/pharos-site/src/pages/index.tsx
+++ b/packages/pharos-site/src/pages/index.tsx
@@ -50,7 +50,7 @@ const IndexPage: FC = () => {
           <PharosLink
             className={link__status}
             href="/components/component-status"
-            onBackground
+            isOnBackground
             flex
             data-sc="link:component status hero"
             onClick={handleLinkClick}
diff --git a/packages/pharos-site/static/guidelines/checkbox.docs.mdx b/packages/pharos-site/static/guidelines/checkbox.docs.mdx
index c1754c3d2..d8ca0b8d8 100644
--- a/packages/pharos-site/static/guidelines/checkbox.docs.mdx
+++ b/packages/pharos-site/static/guidelines/checkbox.docs.mdx
@@ -94,9 +94,9 @@ import BestPractices from '@components/statics/BestPractices.tsx';
 
 <PageSection title="Variants">
   <PageSection
-    title="onBackground"
+    title="isOnBackground"
     subSectionLevel={1}
-    description="In cases where the background containing the checkbox will be a dark color or, in cases where the theme of the page/component would be dark, use the onBackground variant checkbox."
+    description="In cases where the background containing the checkbox will be a dark color or, in cases where the theme of the page/component would be dark, use the isOnBackground variant checkbox."
   >
     <div
       style={{
@@ -105,7 +105,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       }}
     >
       <Canvas>
-        <PharosCheckbox onBackground>
+        <PharosCheckbox isOnBackground>
           <span slot="label">Checkbox label</span>
         </PharosCheckbox>
       </Canvas>
diff --git a/packages/pharos-site/static/guidelines/footer.docs.mdx b/packages/pharos-site/static/guidelines/footer.docs.mdx
index 9e6a61d5c..4c460afed 100644
--- a/packages/pharos-site/static/guidelines/footer.docs.mdx
+++ b/packages/pharos-site/static/guidelines/footer.docs.mdx
@@ -14,14 +14,14 @@ import BestPractices from '@components/statics/BestPractices.tsx';
 <PharosFooter>
   <ul slot="links-group">
     <li>
-      <PharosLink id="subject-link" onBackground subtle href="/subjects" target="_blank">
+      <PharosLink id="subject-link" isOnBackground subtle href="/subjects" target="_blank">
         By Subject
       </PharosLink>
     </li>
     <li>
       <PharosLink
         id="title-link"
-        onBackground
+        isOnBackground
         subtle
         href="/action/showJournals?browseType=title"
         target="_blank"
@@ -32,7 +32,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="collections-link"
-        onBackground
+        isOnBackground
         subtle
         href="/site/collection-list"
         target="_blank"
@@ -41,14 +41,14 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       </PharosLink>
     </li>
     <li>
-      <PharosLink id="publisher-link" onBackground subtle href="/publishers" target="_blank">
+      <PharosLink id="publisher-link" isOnBackground subtle href="/publishers" target="_blank">
         By Publisher
       </PharosLink>
     </li>
     <li>
       <PharosLink
         id="adv-search-link"
-        onBackground
+        isOnBackground
         subtle
         href="/action/showAdvancedSearch"
         target="_blank"
@@ -57,7 +57,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       </PharosLink>
     </li>
     <li>
-      <PharosLink id="dfr-link" onBackground subtle href="/dfr" target="_blank">
+      <PharosLink id="dfr-link" isOnBackground subtle href="/dfr" target="_blank">
         Data for Research
       </PharosLink>
     </li>
@@ -66,7 +66,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="access-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://support.jstor.org/hc/en-us/articles/360000313328-Need-Help-Logging-in-To-JSTOR"
         target="_blank"
@@ -77,7 +77,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="support-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://support.jstor.org"
         target="_blank"
@@ -88,7 +88,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="libguides-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://guides.jstor.org"
         target="_blank"
@@ -99,7 +99,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="research-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://guides.jstor.org/researchbasics"
         target="_blank"
@@ -112,7 +112,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="about-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org"
         target="_blank"
@@ -123,7 +123,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="mission-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/mission-history/"
         target="_blank"
@@ -134,7 +134,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="in-jstor-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/whats-in-jstor/"
         target="_blank"
@@ -145,7 +145,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="get-jstor-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/get-jstor/"
         target="_blank"
@@ -156,7 +156,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="news-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/news/"
         target="_blank"
@@ -167,7 +167,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="webinars-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/webinars/"
         target="_blank"
@@ -178,14 +178,20 @@ import BestPractices from '@components/statics/BestPractices.tsx';
   </ul>
   <ul slot="links-group">
     <li>
-      <PharosLink id="labs-link" onBackground subtle href="https://labs.jstor.org/" target="_blank">
+      <PharosLink
+        id="labs-link"
+        isOnBackground
+        subtle
+        href="https://labs.jstor.org/"
+        target="_blank"
+      >
         JSTOR Labs
       </PharosLink>
     </li>
     <li>
       <PharosLink
         id="daily-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://daily.jstor.org/"
         target="_blank"
@@ -196,7 +202,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="careers-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://www.ithaka.org/careers/"
         target="_blank"
@@ -205,7 +211,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       </PharosLink>
     </li>
     <li>
-      <PharosLink id="contact-link" onBackground subtle href="/contact-us/" target="_blank">
+      <PharosLink id="contact-link" isOnBackground subtle href="/contact-us/" target="_blank">
         Contact Us
       </PharosLink>
     </li>
@@ -215,7 +221,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       <PharosButton
         id="for-librarians-link"
         variant="secondary"
-        onBackground
+        isOnBackground
         href="https://about.jstor.org/librarians/"
         target="_blank"
       >
@@ -226,7 +232,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       <PharosButton
         id="for-publishers-link"
         variant="secondary"
-        onBackground
+        isOnBackground
         href="https://about.jstor.org/publishers/"
         target="_blank"
       >
@@ -298,7 +304,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
   </ul>
   <span id="misson-text" slot="mission-statement">
     JSTOR is part of
-    <PharosLink onBackground href="https://www.ithaka.org">
+    <PharosLink isOnBackground href="https://www.ithaka.org">
       ITHAKA
     </PharosLink>, a not-for-profit organization helping the academic community use digital technologies
     to preserve the scholarly record and to advance research and teaching in sustainable ways.
@@ -312,7 +318,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="terms-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/terms"
         target="_blank"
@@ -323,7 +329,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="privacy-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://www.ithaka.org/privacypolicy"
         target="_blank"
@@ -334,7 +340,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="cookie-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://www.ithaka.org/cookies"
         target="_blank"
@@ -345,7 +351,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
     <li>
       <PharosLink
         id="accessibility-link"
-        onBackground
+        isOnBackground
         subtle
         href="https://about.jstor.org/accessibility"
         target="_blank"
diff --git a/packages/pharos-site/static/guidelines/image-card.docs.mdx b/packages/pharos-site/static/guidelines/image-card.docs.mdx
index becf8da1b..ccf7852ce 100644
--- a/packages/pharos-site/static/guidelines/image-card.docs.mdx
+++ b/packages/pharos-site/static/guidelines/image-card.docs.mdx
@@ -145,7 +145,7 @@ import baseImageExample from '@images/components/image-card/collection_5.png';
         </div>
         <div id="collection" slot="metadata">
           From the{' '}
-          <PharosLink href="#" onBackground>
+          <PharosLink href="#" isOnBackground>
             Collection title
           </PharosLink>
         </div>
diff --git a/packages/pharos-site/static/guidelines/link.docs.mdx b/packages/pharos-site/static/guidelines/link.docs.mdx
index ba5e58759..ca6047267 100644
--- a/packages/pharos-site/static/guidelines/link.docs.mdx
+++ b/packages/pharos-site/static/guidelines/link.docs.mdx
@@ -77,7 +77,7 @@ import BestPractices from '@components/statics/BestPractices.tsx';
       background.
     </p>
     <Canvas>
-      <PharosLink href="#" onBackground>
+      <PharosLink href="#" isOnBackground>
         On a background
       </PharosLink>
     </Canvas>
diff --git a/yarn.lock b/yarn.lock
index d9600ab2b..8f38af33c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5038,6 +5038,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@ithaka/pharos-site@workspace:packages/pharos-site"
   dependencies:
+    "@babel/plugin-transform-private-methods": "npm:^7.23.3"
     "@ithaka/pharos": "npm:^14.0.0"
     "@mdx-js/mdx": "npm:^1.6.22"
     "@mdx-js/react": "npm:^1.6.22"