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/Pagination.wrn
+21 -21
View File
@@ -121,12 +121,12 @@ component Pagination {
data-size='{size}'
role="navigation"
aria-label='{label}'
>
<p class="wrn-pagination__summary" data-show="showSummary">
data-wrn-owner="Pagination" data-wrn-part="root" data-wrn-component="Pagination" data-wrn-axis-color='{color}' data-wrn-axis-size='{size}' data-wrn-axis-variant='{variant}'>
<p class="wrn-pagination__summary" data-show="showSummary" data-wrn-owner="Pagination" data-wrn-part="summary" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
{firstShown()} to {lastShown()} of {total}
</p>
<div class="wrn-pagination__controls">
<div class="wrn-pagination__controls" data-wrn-owner="Pagination" data-wrn-part="controls" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
{#if hrefTemplate}
<a
class="wrn-pagination__step"
@@ -134,9 +134,9 @@ component Pagination {
href='{pageHref(currentPage() - 1)}'
aria-disabled='{currentPage() <= 1}'
data-disabled='{currentPage() <= 1}'
>
<span class="wrn-pagination__step-icon" aria-hidden="true">&#8249;</span>
<span class="wrn-pagination__step-label">{previousLabel}</span>
data-wrn-owner="Pagination" data-wrn-part="step" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
<span class="wrn-pagination__step-icon" aria-hidden="true" data-wrn-owner="Pagination" data-wrn-part="stepIcon" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">&#8249;</span>
<span class="wrn-pagination__step-label" data-wrn-owner="Pagination" data-wrn-part="stepLabel" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">{previousLabel}</span>
</a>
{:else}
<button
@@ -144,16 +144,16 @@ component Pagination {
class="wrn-pagination__step"
aria-label='{previousLabel}'
@click='goPrevious()'
>
<span class="wrn-pagination__step-icon" aria-hidden="true">&#8249;</span>
<span class="wrn-pagination__step-label">{previousLabel}</span>
data-wrn-owner="Pagination" data-wrn-part="step" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
<span class="wrn-pagination__step-icon" aria-hidden="true" data-wrn-owner="Pagination" data-wrn-part="stepIcon" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">&#8249;</span>
<span class="wrn-pagination__step-label" data-wrn-owner="Pagination" data-wrn-part="stepLabel" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">{previousLabel}</span>
</button>
{/if}
<ol class="wrn-pagination__pages" data-show="variant === 'numbered'">
<ol class="wrn-pagination__pages" data-show="variant === 'numbered'" data-wrn-owner="Pagination" data-wrn-part="pages" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
{#each pageNumbers() as entry}
<li class="wrn-pagination__slot">
<span class="wrn-pagination__gap" data-show="entry.gap">{entry.label}</span>
<li class="wrn-pagination__slot" data-wrn-owner="Pagination" data-wrn-part="slot" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
<span class="wrn-pagination__gap" data-show="entry.gap" data-wrn-owner="Pagination" data-wrn-part="gap" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">{entry.label}</span>
{#if hrefTemplate}
<a
class="wrn-pagination__page"
@@ -161,7 +161,7 @@ component Pagination {
data-active='{entry.value === currentPage()}'
aria-current='{entry.value === currentPage() ? "page" : "false"}'
href='{pageHref(entry.value)}'
>
data-wrn-owner="Pagination" data-wrn-part="page" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
{entry.label}
</a>
{:else}
@@ -172,7 +172,7 @@ component Pagination {
data-active='{entry.value === currentPage()}'
aria-current='{entry.value === currentPage() ? "page" : "false"}'
@click='goToPage(entry.value)'
>
data-wrn-owner="Pagination" data-wrn-part="page" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
{entry.label}
</button>
{/if}
@@ -180,7 +180,7 @@ component Pagination {
{/each}
</ol>
<p class="wrn-pagination__compact" data-show="variant !== 'numbered'">
<p class="wrn-pagination__compact" data-show="variant !== 'numbered'" data-wrn-owner="Pagination" data-wrn-part="compact" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
{currentPage()} / {lastPage()}
</p>
@@ -191,9 +191,9 @@ component Pagination {
href='{pageHref(currentPage() + 1)}'
aria-disabled='{currentPage() >= lastPage()}'
data-disabled='{currentPage() >= lastPage()}'
>
<span class="wrn-pagination__step-label">{nextLabel}</span>
<span class="wrn-pagination__step-icon" aria-hidden="true">&#8250;</span>
data-wrn-owner="Pagination" data-wrn-part="step" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
<span class="wrn-pagination__step-label" data-wrn-owner="Pagination" data-wrn-part="stepLabel" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">{nextLabel}</span>
<span class="wrn-pagination__step-icon" aria-hidden="true" data-wrn-owner="Pagination" data-wrn-part="stepIcon" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">&#8250;</span>
</a>
{:else}
<button
@@ -201,9 +201,9 @@ component Pagination {
class="wrn-pagination__step"
aria-label='{nextLabel}'
@click='goNext()'
>
<span class="wrn-pagination__step-label">{nextLabel}</span>
<span class="wrn-pagination__step-icon" aria-hidden="true">&#8250;</span>
data-wrn-owner="Pagination" data-wrn-part="step" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">
<span class="wrn-pagination__step-label" data-wrn-owner="Pagination" data-wrn-part="stepLabel" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">{nextLabel}</span>
<span class="wrn-pagination__step-icon" aria-hidden="true" data-wrn-owner="Pagination" data-wrn-part="stepIcon" data-wrn-axis-color="{color}" data-wrn-axis-size="{size}" data-wrn-axis-variant="{variant}">&#8250;</span>
</button>
{/if}
</div>