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/BackToTop.wrn
+6 -6
View File
@@ -41,20 +41,20 @@ component BackToTop {
style='--wrn-back-to-top-progress: {progress}%;'
@window:scroll='visible = window.scrollY >= threshold; progress = Math.min(100, Math.max(0, Math.round((window.scrollY / Math.max(1, document.documentElement.scrollHeight - window.innerHeight)) * 100)))'
@click='window.scrollTo({ top: 0, behavior: behavior })'
>
data-wrn-owner="BackToTop" data-wrn-part="root" data-wrn-component="BackToTop" data-wrn-axis-size='{size}' data-wrn-axis-color='{color}' data-wrn-axis-variant='{variant}' data-wrn-axis-shape='{shape}'>
{#if showProgress}
<span class="wrn-back-to-top__progress" aria-hidden="true"></span>
<span class="wrn-back-to-top__progress" aria-hidden="true" data-wrn-owner="BackToTop" data-wrn-part="progress" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{/if}
<span class="wrn-back-to-top__surface">
<span class='wrn-back-to-top__icon {icon}' aria-hidden="true"></span>
<span class="wrn-back-to-top__surface" data-wrn-owner="BackToTop" data-wrn-part="surface" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">
<span class='wrn-back-to-top__icon {icon}' aria-hidden="true" data-wrn-owner="BackToTop" data-wrn-part="icon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}"></span>
{#if showLabel}
<span class="wrn-back-to-top__label">{label}</span>
<span class="wrn-back-to-top__label" data-wrn-owner="BackToTop" data-wrn-part="label" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">{label}</span>
{/if}
</span>
<span class="wrn-back-to-top__sr">{label}</span>
<span class="wrn-back-to-top__sr" data-wrn-owner="BackToTop" data-wrn-part="sr" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}" data-wrn-axis-shape="{shape}">{label}</span>
</button>
}