Skip to content

Commit

Permalink
docs: add nartc to the 300 and fix docs issues caused by v17 migration
Browse files Browse the repository at this point in the history
  • Loading branch information
@goetzrobin
goetzrobin committed Nov 17, 2023
1 parent 3b6fd01 commit 9a98b50
Show file tree
Hide file tree
Showing 8 changed files with 510 additions and 512 deletions.
1 change: 1 addition & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ Our initial 300 contributors and sponsors are featured here and on the front pag
15. [marcjulian](https://github.com/marcjulian)
16. [elite-benni](https://github.com/elite-benni)
17. [oidre](https://github.com/oidre)
18. [nartc](https://github.com/nartc)

[Become a spartan today!](https://github.com/sponsors/goetzrobin)

Expand Down
64 changes: 32 additions & 32 deletions apps/app/src/app/pages/(components)/components/(collapsible)/collapsible.preview.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,34 +16,34 @@ import {
BrnCollapsibleContentComponent,
],
template: `
<brn-collapsible class="flex flex-col w-[350px] space-y-2">
<div class="flex items-center justify-between space-x-4 px-4">
<h4 class="text-sm font-semibold">@peduarte starred 3 repositories</h4>
<button brnCollapsibleTrigger hlmBtn variant="ghost" size="sm" class="w-9 p-0">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="w-4 h-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
/>
</svg>
<span class="sr-only">Toggle</span>
</button>
</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">@radix-ui/primitives</div>
<brn-collapsible-content class="space-y-2">
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">@radix-ui/colors</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">@stitches/react</div>
</brn-collapsible-content>
</brn-collapsible>
`,
<brn-collapsible class="flex w-[350px] flex-col space-y-2">
<div class="flex items-center justify-between space-x-4 px-4">
<h4 class="text-sm font-semibold">&#64;peduarte starred 3 repositories</h4>
<button brnCollapsibleTrigger hlmBtn variant="ghost" size="sm" class="w-9 p-0">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="h-4 w-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
/>
</svg>
<span class="sr-only">Toggle</span>
</button>
</div>
<div class="border-border rounded-md border px-4 py-3 font-mono text-sm">&#64;radix-ui/primitives</div>
<brn-collapsible-content class="space-y-2">
<div class="border-border rounded-md border px-4 py-3 font-mono text-sm">&#64;radix-ui/colors</div>
<div class="border-border rounded-md border px-4 py-3 font-mono text-sm">&#64;stitches/react</div>
</brn-collapsible-content>
</brn-collapsible>
`,
})
export class CollapsiblePreviewComponent {}

Expand All @@ -68,7 +68,7 @@ import {
template: \`
<brn-collapsible class="flex flex-col w-[350px] space-y-2">
<div class="flex items-center justify-between space-x-4 px-4">
<h4 class="text-sm font-semibold">@peduarte starred 3 repositories</h4>
<h4 class="text-sm font-semibold">&#64;peduarte starred 3 repositories</h4>
<button brnCollapsibleTrigger hlmBtn variant="ghost" size="sm" class="w-9 p-0">
<svg
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -87,10 +87,10 @@ import {
<span class="sr-only">Toggle</span>
</button>
</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">@radix-ui/primitives</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">&#64;radix-ui/primitives</div>
<brn-collapsible-content class="space-y-2">
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">@radix-ui/colors</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">@stitches/react</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">&#64;radix-ui/colors</div>
<div class="rounded-md border-border border px-4 py-3 font-mono text-sm">&#64;stitches/react</div>
</brn-collapsible-content>
</brn-collapsible>
\`,
Expand Down
46 changes: 23 additions & 23 deletions apps/app/src/app/pages/(components)/components/(hover-card)/hover-card.preview.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,26 +13,26 @@ import { HlmIconComponent } from '@spartan-ng/ui-icon-helm';
imports: [BrnHoverCardModule, HlmHoverCardModule, HlmButtonDirective, HlmIconComponent, HlmAvatarModule],
providers: [provideIcons({ radixCalendar })],
template: `
<brn-hover-card>
<button hlmBtn variant="link" brnHoverCardTrigger>@analogjs</button>
<div hlmHoverCardContent *brnHoverCardContent class="w-80">
<div class="flex justify-between space-x-4">
<hlm-avatar variant="small" id="avatar-small">
<img src="https://analogjs.org/img/logos/analog-logo.svg" alt="AnalogLogo" hlmAvatarImage />
<span class="bg-red-600 text-red-800" hlmAvatarFallback>AN</span>
</hlm-avatar>
<div class="space-y-1">
<h4 class="text-sm font-semibold">@analogjs</h4>
<p class="text-sm">The Angular meta-framework – build Angular applications faster.</p>
<div class="flex items-center pt-2">
<hlm-icon name="radixCalendar" class="mr-2 h-4 w-4 opacity-70" />
<span class="text-xs text-muted-foreground"> Joined December 2021 </span>
</div>
</div>
</div>
</div>
</brn-hover-card>
`,
<brn-hover-card>
<button hlmBtn variant="link" brnHoverCardTrigger>&#64;analogjs</button>
<div hlmHoverCardContent *brnHoverCardContent class="w-80">
<div class="flex justify-between space-x-4">
<hlm-avatar variant="small" id="avatar-small">
<img src="https://analogjs.org/img/logos/analog-logo.svg" alt="AnalogLogo" hlmAvatarImage />
<span class="bg-red-600 text-red-800" hlmAvatarFallback>AN</span>
</hlm-avatar>
<div class="space-y-1">
<h4 class="text-sm font-semibold">&#64;analogjs</h4>
<p class="text-sm">The Angular meta-framework – build Angular applications faster.</p>
<div class="flex items-center pt-2">
<hlm-icon name="radixCalendar" class="mr-2 h-4 w-4 opacity-70" />
<span class="text-muted-foreground text-xs">Joined December 2021</span>
</div>
</div>
</div>
</div>
</brn-hover-card>
`,
})
export class HoverCardPreviewComponent {}

Expand All @@ -53,15 +53,15 @@ import { radixCalendar } from '@ng-icons/radix-icons';
providers: [provideIcons({ radixCalendar })],
template: \`
<brn-hover-card>
<button hlmBtn variant="link" brnHoverCardTrigger>@analogjs</button>
<button hlmBtn variant="link" brnHoverCardTrigger>&#64;analogjs</button>
<div hlmHoverCardContent *brnHoverCardContent class="w-80">
<div class="flex justify-between space-x-4">
<hlm-avatar variant="small" id="avatar-small">
<img src="https://analogjs.org/img/logos/analog-logo.svg" alt="AnalogLogo" hlmAvatarImage />
<span class="bg-sky-600 text-sky-50" hlmAvatarFallback>AN</span>
</hlm-avatar>
<div class="space-y-1">
<h4 class="text-sm font-semibold">@analogjs</h4>
<h4 class="text-sm font-semibold">&#64;analogjs</h4>
<p class="text-sm">The Angular meta-framework – build Angular applications faster.</p>
<div class="flex items-center pt-2">
<hlm-icon name="radixCalendar" class="mr-2 h-4 w-4 opacity-70" />
Expand Down Expand Up @@ -90,7 +90,7 @@ import {

export const defaultSkeleton = `
<brn-hover-card>
<button hlmBtn variant="link" brnHoverCardTrigger>@analogjs</button>
<button hlmBtn variant="link" brnHoverCardTrigger>&#64;analogjs</button>
<div hlmHoverCardContent *brnHoverCardContent>The Angular meta-framework.</div>
</brn-hover-card>
`;
Loading

1 comment on commit 9a98b50

@vercel
Copy link

@vercel vercel bot commented on 9a98b50 Nov 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

spartan – ./

spartan-goetzrobin.vercel.app
spartan-git-main-goetzrobin.vercel.app
spartan.ng
www.spartan.ng

Please sign in to comment.