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/AvatarGroup.wrn
+10 -10
View File
@@ -51,10 +51,10 @@ component AvatarGroup {
style="--wrn-avatar-group-columns:{columns}; --wrn-avatar-group-ring:{borderColor || 'var(--wrn-color-bg)'}"
role="group"
aria-label="Avatar group"
>
data-wrn-owner="AvatarGroup" data-wrn-part="root" data-wrn-component="AvatarGroup" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<div
class="wrn-next__avatar-group-members"
>
data-wrn-owner="AvatarGroup" data-wrn-part="members" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#each visibleMembers() as item}
<span
class="wrn-next__avatar-group-member"
@@ -64,10 +64,10 @@ component AvatarGroup {
data-variant="{item.variant || variant}"
tabindex="{showTooltips && (item.tooltip || item.name) ? '0' : '-1'}"
aria-label="{item.tooltip || item.name || item.alt || item.initials || 'Group member'}"
>
data-wrn-owner="AvatarGroup" data-wrn-part="member" data-wrn-axis-size="{item.size || size}" data-wrn-axis-color="{item.color || color}" data-wrn-axis-variant="{item.variant || variant}" data-wrn-axis-shape="{item.shape || shape}">
<span
class="wrn-next__avatar-group-avatar"
>
data-wrn-owner="AvatarGroup" 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 item.src}
<img
src="{item.src}"
@@ -93,7 +93,7 @@ component AvatarGroup {
<span
class="wrn-next__avatar-group-tooltip"
role="tooltip"
>
data-wrn-owner="AvatarGroup" data-wrn-part="tooltip" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{item.tooltip || item.name}
</span>
{/if}
@@ -103,14 +103,14 @@ component AvatarGroup {
{#if hiddenMembers().length > 0}
<span
class="wrn-next__avatar-group-overflow"
>
data-wrn-owner="AvatarGroup" data-wrn-part="overflow" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<button
type="button"
class="wrn-next__avatar-group-overflow-button"
aria-label="{overflowLabel}"
aria-expanded="{overflowOpen ? 'true' : 'false'}"
@click="toggleOverflow(event)"
>
data-wrn-owner="AvatarGroup" data-wrn-part="overflowButton" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
+{hiddenMembers().length}
</button>
@@ -119,15 +119,15 @@ component AvatarGroup {
role="menu"
data-show="overflowOpen"
aria-hidden="{overflowOpen ? 'false' : 'true'}"
>
data-wrn-owner="AvatarGroup" data-wrn-part="menu" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#each hiddenMembers() as item}
<span
class="wrn-next__avatar-group-menu-item"
role="menuitem"
>
data-wrn-owner="AvatarGroup" data-wrn-part="menuItem" 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-group-menu-avatar"
>
data-wrn-owner="AvatarGroup" data-wrn-part="menuAvatar" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
{#if item.src}
<img
src="{item.src}"