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/SectionHeader.wrn
+9 -9
View File
@@ -21,27 +21,27 @@ component SectionHeader {
data-size='{size}'
data-color='{color}'
data-max-width='{maxWidth}'
>
<div class="wrn-section-header__copy">
<div class="wrn-section-header__eyebrow-row">
data-wrn-owner="SectionHeader" data-wrn-part="root" data-wrn-component="SectionHeader" data-wrn-axis-size='{size}' data-wrn-axis-color='{color}'>
<div class="wrn-section-header__copy" data-wrn-owner="SectionHeader" data-wrn-part="copy" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<div class="wrn-section-header__eyebrow-row" data-wrn-owner="SectionHeader" data-wrn-part="eyebrowRow" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<slot name="icon"></slot>
<p class="wrn-section-header__eyebrow" data-show="eyebrow">{eyebrow}</p>
<p class="wrn-section-header__eyebrow" data-show="eyebrow" data-wrn-owner="SectionHeader" data-wrn-part="eyebrow" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{eyebrow}</p>
</div>
{#if headingLevel === 1}
<h1 id='{id}' class="wrn-section-header__title">{title}</h1>
<h1 id='{id}' class="wrn-section-header__title" data-wrn-owner="SectionHeader" data-wrn-part="title" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{title}</h1>
{:else if headingLevel === 3}
<h3 id='{id}' class="wrn-section-header__title">{title}</h3>
<h3 id='{id}' class="wrn-section-header__title" data-wrn-owner="SectionHeader" data-wrn-part="title" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{title}</h3>
{:else}
<h2 id='{id}' class="wrn-section-header__title">{title}</h2>
<h2 id='{id}' class="wrn-section-header__title" data-wrn-owner="SectionHeader" data-wrn-part="title" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{title}</h2>
{/if}
<p class="wrn-section-header__description" data-show="description">{description}</p>
<p class="wrn-section-header__description" data-show="description" data-wrn-owner="SectionHeader" data-wrn-part="description" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{description}</p>
<slot></slot>
</div>
<div class="wrn-section-header__actions">
<div class="wrn-section-header__actions" data-wrn-owner="SectionHeader" data-wrn-part="actions" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<slot name="actions"></slot>
</div>
</header>