feat: release design system engine, studio and component contracts

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

No files matched your search

+6 -6
View File
@@ -65,7 +65,7 @@ component Alert {
}
view {
<section
<section data-wrn-owner="Alert" data-wrn-part="root" data-wrn-component="Alert" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}"
{...attrs}
data-wrn-alert
data-color="{color}"
@@ -79,7 +79,7 @@ component Alert {
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--alert wrn-next--alert-{variant} {compact ? 'wrn-next--alert-compact' : ''} {class}"
>
{#if showIcon}
<span class="wrn-next__alert-icon" aria-hidden="true">
<span data-wrn-owner="Alert" data-wrn-part="icon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}" class="wrn-next__alert-icon" aria-hidden="true">
{#if icon}
<span class="{icon}"></span>
{:else if color === "success"}
@@ -94,8 +94,8 @@ component Alert {
</span>
{/if}
<div class="wrn-next__alert-body">
{#if title}<strong class="wrn-next__alert-title">{title}</strong>{/if}
<div data-wrn-owner="Alert" data-wrn-part="body" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}" class="wrn-next__alert-body">
{#if title}<strong data-wrn-owner="Alert" data-wrn-part="title" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}" class="wrn-next__alert-title">{title}</strong>{/if}
{#if description}<p>{description}</p>{/if}
{#if items.length > 0}
@@ -105,7 +105,7 @@ component Alert {
{/if}
{#if actions.length > 0 || actionLabel || linkLabel}
<div class="wrn-next__alert-actions">
<div data-wrn-owner="Alert" data-wrn-part="actions" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}" class="wrn-next__alert-actions">
{#each actions as item}
<a
href="{item.href || '#'}"
@@ -132,7 +132,7 @@ component Alert {
</div>
{#if dismissible}
<button
<button data-wrn-owner="Alert" data-wrn-part="dismiss" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}"
type="button"
class="wrn-next__alert-dismiss"
aria-label="{dismissLabel}"