chore(docs): powered by vercel changed to sponsored by vercel

apps/docs/src/components/vercel-callout/vercel-callout.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { VercelLogo } from '@components';
-import { Link } from '@nextui-org/react';
+import { Link, Text } from '@nextui-org/react';
+import { darkTheme, lightTheme } from '@theme/shared';
 
 const VercelCallout: React.FC<unknown> = () => {
   return (
@@ -8,9 +9,25 @@ const VercelCallout: React.FC<unknown> = () => {
       target="_blank"
       rel="noopener noreferrer"
       href="https://www.vercel.com?utm_source=nextui&utm_marketing=oss"
-      css={{ mt: '$6', d: 'flex', jc: 'flex-end' }}
+      css={{
+        mt: '$6',
+        d: 'flex',
+        jc: 'flex-end',
+        ai: 'center',
+        '& svg': {
+          [`.${darkTheme} &`]: {
+            color: '$white'
+          },
+          [`.${lightTheme} &`]: {
+            color: '$black'
+          }
+        }
+      }}
     >
-      <VercelLogo />
+      <Text b css={{ my: 0, mr: '$4' }}>
+        Sponsored by
+      </Text>
+      <VercelLogo height={18} />
     </Link>
   );
 };

packages/react/README.md

@@ -22,7 +22,7 @@
 
 <p align="center">
   <a rel="noopener noreferrer" target="_blank" href="https://www.vercel.com?utm_source=nextui&utm_marketing=oss">
-    <img height="34px" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/powered-by-vercel.svg" alt="Powered by vercel">
+    <img height="34px" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/sponsored-by-vercel.svg" alt="Sponsored by vercel">
   </a>
 </p>