archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

chore: new logo

Browse Source
This commit is contained in:
Junior Garcia 2025-08-28 11:12:29 -03:00
parent a8b1c8527e
commit b300dabb05
7 changed files with 17 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/docs/components/docs/components/code-demo/code-demo.tsx
View File

@ -15,7 +15,6 @@ import {useCodeDemo} from "./use-code-demo";
import WindowResizer from "./window-resizer"; import WindowResizer from "./window-resizer";
import {parseDependencies} from "./parse-dependencies"; import {parseDependencies} from "./parse-dependencies";
import {SmallLogo} from "@/components/heroui-logo";
import {openInChat} from "@/actions/open-in-chat"; import {openInChat} from "@/actions/open-in-chat";
const DynamicReactLiveDemo = dynamic( const DynamicReactLiveDemo = dynamic(
@ -273,9 +272,7 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
size="sm" size="sm"
variant="simple" variant="simple"
/> />
) : ( ) : null}
<SmallLogo className="w-4 h-4" />
)}
</Button> </Button>
)} )}
</> </>

42
apps/docs/components/heroui-logo.tsx
View File

@ -71,58 +71,32 @@ export const SmallLogo: React.FC<LogoProps> = ({
</svg> </svg>
); );
export const LargeLogo: React.FC<LogoProps> = ({auto, className, ...props}) => ( export const Logo: React.FC<LogoProps> = ({className, ...props}) => (
<svg <svg
className={cn( className={cn(" text-[#18181B] dark:text-[#FFFFFF]", className)}
"data-[auto=true]:hidden sm:data-[auto=true]:block block text-foreground",
className,
)}
data-auto={dataAttr(auto)}
fill="none" fill="none"
viewBox="0 0 384 96" viewBox="0 0 275 84"
{...props} {...props}
> >
<path d="M374.28 93.12V0.959961H383.688V93.12H374.28Z" fill="currentColor" />
<path <path
d="M319.093 95.04C312.053 95.04 305.824 93.5893 300.405 90.688C295.029 87.7866 290.805 83.6906 287.733 78.4C284.661 73.1093 283.125 66.9226 283.125 59.84V1.02396L292.597 0.959961V58.624C292.597 63.4026 293.408 67.5413 295.029 71.04C296.65 74.496 298.762 77.3546 301.365 79.616C304.01 81.8346 306.89 83.4773 310.005 84.544C313.12 85.6106 316.149 86.144 319.093 86.144C322.08 86.144 325.13 85.6106 328.245 84.544C331.36 83.4773 334.218 81.8346 336.821 79.616C339.424 77.3546 341.536 74.496 343.157 71.04C344.778 67.5413 345.589 63.4026 345.589 58.624V0.959961H355.061V59.84C355.061 66.9226 353.525 73.1093 350.453 78.4C347.381 83.648 343.136 87.744 337.717 90.688C332.341 93.5893 326.133 95.04 319.093 95.04Z" d="M0 20.9484V46.0463C0 47.2326 0.609876 48.335 1.61325 48.9623L18.7276 59.6627C21.0083 61.0887 23.9623 59.4432 23.9623 56.7468V35.65C23.9623 34.4362 24.6006 33.3125 25.6413 32.6939L36.081 26.489V80.5589C36.081 83.2462 39.0172 84.8932 41.2985 83.4855L58.9629 72.5851C59.976 71.9599 60.5932 70.852 60.5932 69.6585V17.7361C60.5932 15.0618 57.6826 13.4129 55.4006 14.7942L36.081 26.489V3.44098C36.081 0.773993 33.1845 -0.876045 30.9022 0.490798L1.66918 17.9982C0.633988 18.6182 0 19.7387 0 20.9484Z"
fill="currentColor" fill="currentColor"
/> />
<path <path
d="M236.239 95.04C229.37 95.04 223.503 93.4827 218.639 90.368C213.775 87.2534 210.042 82.944 207.439 77.44C204.836 71.936 203.535 65.6214 203.535 58.496C203.535 51.2427 204.858 44.8854 207.503 39.424C210.148 33.9627 213.903 29.7173 218.767 26.688C223.674 23.616 229.498 22.08 236.239 22.08C243.151 22.08 249.039 23.6373 253.903 26.752C258.81 29.824 262.543 34.112 265.103 39.616C267.706 45.0774 269.007 51.3707 269.007 58.496C269.007 65.7494 267.706 72.128 265.103 77.632C262.5 83.0934 258.746 87.36 253.839 90.432C248.932 93.504 243.066 95.04 236.239 95.04ZM236.239 86.016C243.919 86.016 249.636 83.4773 253.391 78.4C257.146 73.28 259.023 66.6454 259.023 58.496C259.023 50.1333 257.124 43.4773 253.327 38.528C249.572 33.5787 243.876 31.104 236.239 31.104C231.076 31.104 226.81 32.2773 223.439 34.624C220.111 36.928 217.615 40.1494 215.951 44.288C214.33 48.384 213.519 53.12 213.519 58.496C213.519 66.816 215.439 73.4933 219.279 78.528C223.119 83.52 228.772 86.016 236.239 86.016Z" d="M125.354 46.1061C125.354 38.9888 122.442 35.7039 116.616 35.7039C109.945 35.7039 105.247 40.175 105.247 50.2123V73.2067H93.2203V9.33333H105.247V32.6927C108.16 27.9479 112.952 25.5754 119.529 25.5754C130.71 25.5754 137.287 32.419 137.287 43.9162V73.2067H125.354V46.1061Z"
fill="currentColor" fill="currentColor"
/> />
<path <path
d="M162.5 93.12V24H170.948V40.64L169.284 38.464C170.052 36.416 171.055 34.5387 172.292 32.832C173.529 31.0827 174.873 29.6533 176.324 28.544C178.116 26.9653 180.207 25.7707 182.596 24.96C184.985 24.1067 187.396 23.616 189.828 23.488C192.26 23.3173 194.479 23.488 196.484 24V32.832C193.967 32.192 191.215 32.0427 188.228 32.384C185.241 32.7253 182.489 33.92 179.972 35.968C177.668 37.76 175.94 39.9147 174.788 42.432C173.636 44.9067 172.868 47.552 172.484 50.368C172.1 53.1413 171.908 55.8933 171.908 58.624V93.12H162.5Z" d="M167.054 74.6667C152.114 74.6667 142.625 64.9944 142.625 50.121C142.625 35.4302 152.021 25.5754 167.054 25.5754C183.309 25.5754 192.141 37.0726 189.698 53.2235H154.651C155.309 60.8883 159.819 65.2682 167.054 65.2682C172.973 65.2682 176.544 62.257 177.483 59.2458H189.416C187.537 68.1881 179.269 74.6667 167.054 74.6667ZM154.933 45.2849H178.047C177.953 38.9888 173.819 34.7002 166.772 34.7002C160.477 34.7002 156.061 38.3501 154.933 45.2849Z"
fill="currentColor" fill="currentColor"
/> />
<path <path
d="M116.873 95.04C110.132 95.04 104.286 93.5467 99.337 90.56C94.4304 87.5734 90.6117 83.3707 87.881 77.952C85.1504 72.5334 83.785 66.176 83.785 58.88C83.785 51.328 85.129 44.8 87.817 39.296C90.505 33.792 94.281 29.5467 99.145 26.56C104.052 23.5733 109.833 22.08 116.489 22.08C123.316 22.08 129.14 23.6587 133.961 26.816C138.782 29.9307 142.43 34.4107 144.905 40.256C147.38 46.1014 148.51 53.0773 148.297 61.184H138.697V57.856C138.526 48.896 136.585 42.1333 132.873 37.568C129.204 33.0027 123.828 30.72 116.745 30.72C109.321 30.72 103.625 33.1307 99.657 37.952C95.7317 42.7734 93.769 49.6427 93.769 58.56C93.769 67.264 95.7317 74.0267 99.657 78.848C103.625 83.6267 109.236 86.016 116.489 86.016C121.438 86.016 125.748 84.8853 129.417 82.624C133.129 80.32 136.052 77.0134 138.185 72.704L146.953 76.096C144.222 82.112 140.19 86.784 134.857 90.112C129.566 93.3974 123.572 95.04 116.873 95.04ZM99 61.184V53.312H143.241V61.184H99Z" d="M196.257 38.7151C196.257 31.1415 200.485 27.0354 208.566 27.0354H223.975V36.8901H208.284V73.2067H196.257V38.7151Z"
fill="currentColor" fill="currentColor"
/> />
<path <path
d="M0 93.12V0.959961H9.408V42.496H60.352V0.959961H69.696V93.12H60.352V51.52H9.408V93.12H0Z" d="M250.289 74.6667C235.067 74.6667 225.389 64.9032 225.389 50.121C225.389 35.3389 235.067 25.5754 250.289 25.5754C265.322 25.5754 275 35.3389 275 50.121C275 64.9032 265.322 74.6667 250.289 74.6667ZM250.289 64.7207C257.805 64.7207 262.785 58.9721 262.785 50.121C262.785 41.27 257.805 35.4302 250.289 35.4302C242.678 35.4302 237.698 41.27 237.698 50.121C237.698 58.9721 242.678 64.7207 250.289 64.7207Z"
fill="currentColor" fill="currentColor"
/> />
</svg> </svg>
); );
export const HeroUILogo: React.FC<LogoProps> = ({auto, small, outlined, ...props}) => {
if (outlined) {
return <SmallLogoOutlined {...props} />;
}
if (auto) {
return (
<div>
<SmallLogo auto={auto} {...props} />
<LargeLogo auto={auto} {...props} />
</div>
);
}
if (small) {
return <SmallLogo {...props} />;
}
return <LargeLogo auto={auto} {...props} />;
};

5
apps/docs/components/marketing/custom-themes/custom-themes.tsx
View File

@ -9,7 +9,7 @@ import {shopCartStyles} from "./styles";
import {title, subtitle, titleWrapper, sectionWrapper} from "@/components/primitives"; import {title, subtitle, titleWrapper, sectionWrapper} from "@/components/primitives";
import {PaletteIcon, MagicIcon, GamingConsoleIcon, StarIcon} from "@/components/icons"; import {PaletteIcon, MagicIcon, GamingConsoleIcon, StarIcon} from "@/components/icons";
import {HeroUILogo, CodeWindow} from "@/components"; import {SmallLogoOutlined, CodeWindow} from "@/components";
import landingContent from "@/content/landing"; import landingContent from "@/content/landing";
import {useIsMobile} from "@/hooks/use-media-query"; import {useIsMobile} from "@/hooks/use-media-query";
@ -22,8 +22,7 @@ const themesTabs = (isMobile: boolean) => [
</p> </p>
), ),
icon: () => ( icon: () => (
<HeroUILogo <SmallLogoOutlined
outlined
className="text-default-400 group-data-[selected=true]:text-foreground" className="text-default-400 group-data-[selected=true]:text-foreground"
size={isMobile ? 34 : 44} size={isMobile ? 34 : 44}
/> />

4
apps/docs/components/marketing/hero/floating-components.tsx
View File

@ -19,7 +19,7 @@ import {FloatingTabs} from "./floating-tabs";
import {UserTwitterCard} from "@/components/demos/user-twitter-card"; import {UserTwitterCard} from "@/components/demos/user-twitter-card";
import {useIsMounted} from "@/hooks/use-is-mounted"; import {useIsMounted} from "@/hooks/use-is-mounted";
import {useMediaQuery} from "@/hooks/use-media-query"; import {useMediaQuery} from "@/hooks/use-media-query";
import {HeroUILogo} from "@/components/heroui-logo"; import {SmallLogo} from "@/components/heroui-logo";
export const FloatingComponents: React.FC<{}> = () => { export const FloatingComponents: React.FC<{}> = () => {
const {theme, setTheme} = useTheme(); const {theme, setTheme} = useTheme();
@ -86,7 +86,7 @@ export const FloatingComponents: React.FC<{}> = () => {
shadow="lg" shadow="lg"
> >
<CardBody> <CardBody>
<HeroUILogo small size={60} /> <SmallLogo size={60} />
</CardBody> </CardBody>
</Card> </Card>

5
apps/docs/components/navbar.tsx
View File

@ -33,7 +33,7 @@ import {FbRoadmapLink} from "./featurebase/fb-roadmap-link";
import {currentVersion} from "@/utils/version"; import {currentVersion} from "@/utils/version";
import {siteConfig} from "@/config/site"; import {siteConfig} from "@/config/site";
import {LargeLogo, SmallLogo, ThemeSwitch} from "@/components"; import {Logo, ThemeSwitch} from "@/components";
import {GithubIcon, SearchLinearIcon} from "@/components/icons"; import {GithubIcon, SearchLinearIcon} from "@/components/icons";
import {useIsMounted} from "@/hooks/use-is-mounted"; import {useIsMounted} from "@/hooks/use-is-mounted";
import {DocsSidebar} from "@/components/docs/sidebar"; import {DocsSidebar} from "@/components/docs/sidebar";
@ -182,8 +182,7 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
href="/" href="/"
onClick={() => handlePressNavbarItem("Home", "/")} onClick={() => handlePressNavbarItem("Home", "/")}
> >
<SmallLogo className="w-6 h-6 md:hidden" /> <Logo className="h-6" />
<LargeLogo className="h-5 md:h-6" />
</NextLink> </NextLink>
{versionChip} {versionChip}
<Chip <Chip

11
apps/docs/content/docs/guide/introduction.mdx
View File

@ -9,17 +9,6 @@ Welcome to the HeroUI documentation!
<CarbonAd /> <CarbonAd />
<NextImage
priority
src="/heroui-banner.png"
quality={100}
width={700}
height={350}
alt="HeroUI banner"
className="w-full border border-transparent dark:border-default-200/50 object-fit rounded-xl shadow-lg"
/>
## What is HeroUI? ## What is HeroUI?
HeroUI is a UI library for React that helps you build beautiful and accessible user interfaces. Created on top of HeroUI is a UI library for React that helps you build beautiful and accessible user interfaces. Created on top of

4
apps/docs/public/robots.txt
View File

@ -3,7 +3,7 @@ User-agent: *
Allow: / Allow: /
# Host # Host
Host: https://heroui.com Host: https://www.heroui.com
# Sitemaps # Sitemaps
Sitemap: https://heroui.com/sitemap.xml Sitemap: https://www.heroui.com/sitemap.xml