WorkRoot/WRNexusJS
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: release design system engine, studio and component contracts

Browse Source
This commit is contained in:
Clintchiz committed 2026-10-19 13:09:03 +05:30
1 parent ff1065fb27
commit 3943b946d6
693 files changed
+175546 -3894
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui/components/avatar.wrn
+10 -10
View File
@@ -34,7 +34,7 @@ src: string = ""
{...attrs}
class="wrn-component wrn-next--avatar {description ? 'wrn-next--avatar-media' : ''} {class}"
data-wrn-avatar
>
data-wrn-owner="Avatar" data-wrn-part="root" data-wrn-component="Avatar" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<span
class="wrn-next__avatar-wrap"
data-shape="{shape}"
@@ -44,14 +44,14 @@ src: string = ""
data-status-position="{statusPosition}"
tabindex="{tooltip ? '0' : '-1'}"
aria-label="{tooltip || name || alt || initials || 'Avatar'}"
>
<span class="wrn-next__avatar">
data-wrn-owner="Avatar" data-wrn-part="wrap" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<span class="wrn-next__avatar" data-wrn-owner="Avatar" data-wrn-part="avatar" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#if src}
<img src="{src}" alt="{alt || name}" loading="{loading}" />
{:else if initials}
<span class="wrn-next__avatar-initials" aria-hidden="true">{initials}</span>
<span class="wrn-next__avatar-initials" aria-hidden="true" data-wrn-owner="Avatar" data-wrn-part="initials" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">{initials}</span>
{:else}
<span class="wrn-next__avatar-placeholder icon-[lucide--user-round]" aria-hidden="true"></span>
<span class="wrn-next__avatar-placeholder icon-[lucide--user-round]" aria-hidden="true" data-wrn-owner="Avatar" data-wrn-part="placeholder" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
</span>
@@ -61,26 +61,26 @@ src: string = ""
data-status="{status}"
title="{statusLabel || status}"
aria-label="{statusLabel || status}"
></span>
data-wrn-owner="Avatar" data-wrn-part="status" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
{#if badgeIcon}
<span class="wrn-next__avatar-badge" aria-label="{badgeLabel || 'Linked account'}">
<span class="wrn-next__avatar-badge" aria-label="{badgeLabel || 'Linked account'}" data-wrn-owner="Avatar" data-wrn-part="badge" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<span class="{badgeIcon}" aria-hidden="true"></span>
</span>
{:else if badge}
<span class="wrn-next__avatar-badge wrn-next__avatar-badge--text" aria-label="{badgeLabel || badge}">
<span class="wrn-next__avatar-badge wrn-next__avatar-badge--text" aria-label="{badgeLabel || badge}" data-wrn-owner="Avatar" data-wrn-part="badge" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{badge}
</span>
{/if}
{#if tooltip}
<span class="wrn-next__avatar-tooltip" role="tooltip">{tooltip}</span>
<span class="wrn-next__avatar-tooltip" role="tooltip" data-wrn-owner="Avatar" data-wrn-part="tooltip" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">{tooltip}</span>
{/if}
</span>
{#if description}
<span class="wrn-next__avatar-copy">
<span class="wrn-next__avatar-copy" data-wrn-owner="Avatar" data-wrn-part="copy" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<strong>{name || alt || initials}</strong>
<span>{description}</span>
</span>