feat: release design system engine, studio and component contracts
This commit is contained in:
1 parent
ff1065fb27
commit
3943b946d6
693 files changed
+175546
-3894
No files matched your search
@@ -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}"
|
||||
|
||||
Reference in new issue
Block a user