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
@@ -27,24 +27,24 @@ component FeatureIconCard {
|
||||
data-ui-component="FeatureIconCard"
|
||||
data-size='{size}' data-variant='{variant}' data-hover='{hover}' data-align='{align}' data-radius='{radius}' data-shadow='{shadow}' data-clickable-surface='{clickableSurface ? "true" : "false"}' data-description-tone='{descriptionTone}'
|
||||
class='wrn-feature-icon-card {class}'
|
||||
>
|
||||
data-wrn-owner="FeatureIconCard" data-wrn-part="root" data-wrn-component="FeatureIconCard" 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}'>
|
||||
<div
|
||||
class="wrn-feature-icon-card__icon"
|
||||
data-size='{iconSize}' data-variant='{iconVariant}' data-color='{color}'
|
||||
>
|
||||
<span class='{icon + " wrn-feature-icon-card__icon-glyph"}' aria-hidden="true"></span>
|
||||
data-wrn-owner="FeatureIconCard" data-wrn-part="icon" data-wrn-axis-size='{iconSize}' data-wrn-axis-color='{color}' data-wrn-axis-variant='{iconVariant}' data-wrn-axis-radius="{radius}" data-wrn-axis-shadow="{shadow}">
|
||||
<span class='{icon + " wrn-feature-icon-card__icon-glyph"}' aria-hidden="true" data-wrn-owner="FeatureIconCard" data-wrn-part="iconGlyph" 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}"></span>
|
||||
|
||||
{#if badge}
|
||||
<span class="wrn-feature-icon-card__badge">
|
||||
<span class="wrn-feature-icon-card__badge" data-wrn-owner="FeatureIconCard" data-wrn-part="badge" 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}">
|
||||
{badge}
|
||||
</span>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<h3 class="wrn-feature-icon-card__title">{title}</h3>
|
||||
<h3 class="wrn-feature-icon-card__title" data-wrn-owner="FeatureIconCard" 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}">{title}</h3>
|
||||
|
||||
{#if description}
|
||||
<p class="wrn-feature-icon-card__description">{description}</p>
|
||||
<p class="wrn-feature-icon-card__description" data-wrn-owner="FeatureIconCard" data-wrn-part="description" 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}">{description}</p>
|
||||
{/if}
|
||||
|
||||
<slot></slot>
|
||||
|
||||
Reference in new issue
Block a user