chore: update faust deps

Signed-off-by: Joe Fusco <[email protected]>
wp-graphql · Jan 12, 2024 · e72ca85 · e72ca85
1 parent 5c5d13c
commit e72ca85
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 142 deletions.
diff --git a/components/FieldTypesList.jsx b/components/FieldTypesList.jsx
@@ -26,10 +26,16 @@ export function FieldTypesList({ data }) {
         {contentNodes.nodes.map((fieldType) => (
           <div
             key={fieldType.uri}
-            className="dark:bg-white/2.5 group relative flex rounded-2xl bg-zinc-50 transition-shadow hover:shadow-md hover:shadow-zinc-900/5 dark:bg-gray-800 dark:hover:bg-gray-900 dark:hover:shadow-black/5"
+            className="dark:bg-white/2.5 group relative flex flex-col rounded-2xl bg-zinc-50 transition-shadow hover:shadow-md hover:shadow-zinc-900/5 dark:bg-gray-800 dark:hover:bg-gray-900 dark:hover:shadow-black/5"
           >
+            <Link
+              href={fieldType.uri}
+              tabIndex={0}
+              className="absolute inset-0 rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-zinc-900/75"
+              aria-label={`${fieldType.title} field type`}
+            />
             <div className="ring-zinc-900/7.5 absolute inset-0 rounded-2xl ring-1 ring-inset group-hover:ring-zinc-900/10 dark:ring-white/10 dark:group-hover:ring-white/20" />
-            <div className="relative rounded-2xl px-4 pb-4 pt-16">
+            <div className="relative flex flex-col rounded-2xl px-4 pb-4 pt-16 h-full z-10">
               {fieldType?.featuredImage?.node && (
                 <Image
                   src={fieldType?.featuredImage?.node.sourceUrl}
@@ -39,14 +45,15 @@ export function FieldTypesList({ data }) {
                     fieldType?.featuredImage?.node.altText ??
                     'screenshot of the field type'
                   }
+                  layout="responsive"
+                  className="flex-shrink-0"
                 />
               )}
-              <h3 className="mt-6 font-semibold text-gray-900 dark:text-gray-100">
-                <Link href={fieldType.uri}>
-                  <span className="absolute inset-0 rounded-2xl" />
+              <div className="mt-auto">
+                <h3 className="font-semibold text-center text-gray-900 dark:text-gray-100 pt-6 pb-4">
                   {fieldType.title}
-                </Link>
-              </h3>
+                </h3>
+              </div>
             </div>
           </div>
         ))}

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,8 +17,8 @@
     "@docsearch/css": "^3.5.2",
     "@docsearch/react": "^3.5.2",
     "@faustwp/blocks": "^2.0.0",
-    "@faustwp/cli": "^0.0.0-20231205203747",
-    "@faustwp/core": "^0.0.0-20240109203741",
+    "@faustwp/cli": "^2.0.0",
+    "@faustwp/core": "^2.1.0",
     "@graphiql/react": "^0.20.2",
     "@graphiql/toolkit": "^0.9.1",
     "@headlessui/react": "^1.7.13",