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/badge.wrn
+10 -10
View File
@@ -54,9 +54,9 @@ component Badge {
data-placement="{placement}"
data-show="visible"
aria-hidden="{visible ? 'false' : 'true'}"
>
data-wrn-owner="Badge" data-wrn-part="root" data-wrn-component="Badge" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#if anchorLabel || anchorIcon}
<button type="button" class="wrn-next__badge-anchor" aria-label="{anchorLabelText}">
<button type="button" class="wrn-next__badge-anchor" aria-label="{anchorLabelText}" data-wrn-owner="Badge" data-wrn-part="badgeAnchor" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#if anchorIcon}<span class="{anchorIcon}" aria-hidden="true"></span>{/if}
{#if anchorLabel}<span>{anchorLabel}</span>{/if}
</button>
@@ -72,29 +72,29 @@ component Badge {
style="--wrn-badge-max-width:{maxWidth}"
role="{dotOnly ? 'status' : ''}"
aria-label="{dotOnly ? dotLabel : ''}"
>
data-wrn-owner="Badge" data-wrn-part="badge" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#if animated}
<span class="wrn-next__badge-ping" aria-hidden="true"></span>
<span class="wrn-next__badge-ping" aria-hidden="true" data-wrn-owner="Badge" data-wrn-part="badgePing" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
{#if avatarSrc}
<img class="wrn-next__badge-avatar" src="{avatarSrc}" alt="{avatarAlt}" loading="lazy" />
<img class="wrn-next__badge-avatar" src="{avatarSrc}" alt="{avatarAlt}" loading="lazy" data-wrn-owner="Badge" data-wrn-part="badgeAvatar" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"/>
{/if}
{#if dot || dotOnly}
<span class="wrn-next__badge-dot" aria-hidden="true"></span>
<span class="wrn-next__badge-dot" aria-hidden="true" data-wrn-owner="Badge" data-wrn-part="badgeDot" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
{#if icon && iconPosition === "start"}
<span class="wrn-next__badge-icon {icon}" aria-hidden="true"></span>
<span class="wrn-next__badge-icon {icon}" aria-hidden="true" data-wrn-owner="Badge" data-wrn-part="badgeIcon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
{#if !dotOnly}
<span class="wrn-next__badge-label {truncate ? 'wrn-next__badge-label--truncate' : ''}">
<span class="wrn-next__badge-label {truncate ? 'wrn-next__badge-label--truncate' : ''}" data-wrn-owner="Badge" data-wrn-part="badgeLabel" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{humanize ? label.replaceAll('_', ' ').replaceAll('-', ' ') : label}
</span>
{/if}
{#if icon && iconPosition === "end"}
<span class="wrn-next__badge-icon {icon}" aria-hidden="true"></span>
<span class="wrn-next__badge-icon {icon}" aria-hidden="true" data-wrn-owner="Badge" data-wrn-part="badgeIcon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
{#if dismissible}
<button type="button" class="wrn-next__badge-dismiss" aria-label="{dismissLabel}" @click="dismissBadge(event)">
<button type="button" class="wrn-next__badge-dismiss" aria-label="{dismissLabel}" @click="dismissBadge(event)" data-wrn-owner="Badge" data-wrn-part="badgeDismiss" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<span class="icon-[lucide--x]" aria-hidden="true"></span>
</button>
{/if}