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
@@ -56,14 +56,14 @@ component Clipboard {
|
||||
data-size='{size}'
|
||||
data-color='{color}'
|
||||
class='wrn-clipboard {class}'
|
||||
>
|
||||
{#if title}<strong class="wrn-clipboard__title">{title}</strong>{/if}
|
||||
{#if description}<p class="wrn-clipboard__description">{description}</p>{/if}
|
||||
<div class="wrn-clipboard__control">
|
||||
data-wrn-owner="Clipboard" data-wrn-part="root" data-wrn-component="Clipboard" data-wrn-axis-size='{size}' data-wrn-axis-color='{color}'>
|
||||
{#if title}<strong class="wrn-clipboard__title" data-wrn-owner="Clipboard" data-wrn-part="title" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{title}</strong>{/if}
|
||||
{#if description}<p class="wrn-clipboard__description" data-wrn-owner="Clipboard" data-wrn-part="description" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{description}</p>{/if}
|
||||
<div class="wrn-clipboard__control" data-wrn-owner="Clipboard" data-wrn-part="control" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
|
||||
{#if code}
|
||||
<code class="wrn-clipboard__value">{value}</code>
|
||||
<code class="wrn-clipboard__value" data-wrn-owner="Clipboard" data-wrn-part="value" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{value}</code>
|
||||
{:else}
|
||||
<span class="wrn-clipboard__value">{value}</span>
|
||||
<span class="wrn-clipboard__value" data-wrn-owner="Clipboard" data-wrn-part="value" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{value}</span>
|
||||
{/if}
|
||||
<button
|
||||
type="button"
|
||||
@@ -71,9 +71,9 @@ component Clipboard {
|
||||
disabled='{disabled}'
|
||||
aria-label='{status === "success" ? copiedLabel : status === "error" ? errorLabel : label}'
|
||||
@click='copyValue(event)'
|
||||
>
|
||||
<span class="icon-[lucide--copy] wrn-clipboard__icon" data-show='status !== "success"' aria-hidden="true"></span>
|
||||
<span class="icon-[lucide--check] wrn-clipboard__icon" data-show='status === "success"' aria-hidden="true"></span>
|
||||
data-wrn-owner="Clipboard" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
|
||||
<span class="icon-[lucide--copy] wrn-clipboard__icon" data-show='status !== "success"' aria-hidden="true" data-wrn-owner="Clipboard" data-wrn-part="icon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span>
|
||||
<span class="icon-[lucide--check] wrn-clipboard__icon" data-show='status === "success"' aria-hidden="true" data-wrn-owner="Clipboard" data-wrn-part="icon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span>
|
||||
{#if !iconOnly}<span>{status === "success" ? copiedLabel : status === "error" ? errorLabel : label}</span>{/if}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user