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/AnnouncementBar.wrn
+16 -16
View File
@@ -52,27 +52,27 @@ badge: string = ""
role='{role}'
aria-live='{live}'
class='wrn-announcement {class}'
>
<div class="wrn-announcement__surface">
data-wrn-owner="AnnouncementBar" data-wrn-part="root" data-wrn-component="AnnouncementBar" data-wrn-axis-compact='{compact}' data-wrn-axis-flush='{flush ? "true" : "false"}' data-wrn-axis-size='{size}' data-wrn-axis-color='{color}' data-wrn-axis-variant='{variant}'>
<div class="wrn-announcement__surface" data-wrn-owner="AnnouncementBar" data-wrn-part="surface" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
<span
class="wrn-announcement__accent"
aria-hidden="true"
></span>
data-wrn-owner="AnnouncementBar" data-wrn-part="accent" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"></span>
<span
class="wrn-announcement__glow wrn-announcement__glow--one"
aria-hidden="true"
></span>
data-wrn-owner="AnnouncementBar" data-wrn-part="glow" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"></span>
<span
class="wrn-announcement__glow wrn-announcement__glow--two"
aria-hidden="true"
></span>
data-wrn-owner="AnnouncementBar" data-wrn-part="glow" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"></span>
<div class="wrn-announcement__inner">
<div class="wrn-announcement__content">
<div class="wrn-announcement__inner" data-wrn-owner="AnnouncementBar" data-wrn-part="inner" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
<div class="wrn-announcement__content" data-wrn-owner="AnnouncementBar" data-wrn-part="content" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
{#if icon}
<span class="wrn-announcement__icon">
<span class="wrn-announcement__icon" data-wrn-owner="AnnouncementBar" data-wrn-part="icon" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
<span
class='{icon}'
aria-hidden="true"
@@ -80,10 +80,10 @@ badge: string = ""
</span>
{/if}
<div class="wrn-announcement__copy">
<div class="wrn-announcement__headline">
<div class="wrn-announcement__copy" data-wrn-owner="AnnouncementBar" data-wrn-part="copy" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
<div class="wrn-announcement__headline" data-wrn-owner="AnnouncementBar" data-wrn-part="headline" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
{#if badge}
<span class="wrn-announcement__badge">
<span class="wrn-announcement__badge" data-wrn-owner="AnnouncementBar" data-wrn-part="badge" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
{#if badgeIcon}
<span
class='{badgeIcon}'
@@ -95,13 +95,13 @@ badge: string = ""
</span>
{/if}
<p class="wrn-announcement__message">
<p class="wrn-announcement__message" data-wrn-owner="AnnouncementBar" data-wrn-part="message" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
{message}
</p>
</div>
{#if description && !compact}
<p class="wrn-announcement__description">
<p class="wrn-announcement__description" data-wrn-owner="AnnouncementBar" data-wrn-part="description" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
{description}
</p>
{/if}
@@ -109,12 +109,12 @@ badge: string = ""
</div>
{#if actionLabel || dismissible}
<div class="wrn-announcement__actions">
<div class="wrn-announcement__actions" data-wrn-owner="AnnouncementBar" data-wrn-part="actions" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
{#if actionLabel}
<a
href='{actionHref || "#"}'
class="wrn-announcement__action"
>
data-wrn-owner="AnnouncementBar" data-wrn-part="action" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
<span>{actionLabel}</span>
{#if actionIcon}
@@ -138,7 +138,7 @@ badge: string = ""
title='{dismissLabel}'
class="wrn-announcement__dismiss"
@click='dismissed = true; output.dismiss({ message: message })'
>
data-wrn-owner="AnnouncementBar" data-wrn-part="dismiss" data-wrn-axis-compact="{compact}" data-wrn-axis-flush="{flush}" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
<span
class="icon-[lucide--x]"
aria-hidden="true"