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/Footer.wrn
+20 -20
View File
@@ -40,13 +40,13 @@ component Footer {
data-color='{color}'
data-mobile-columns='{mobileColumns}' data-mobile-copyright-align='{mobileCopyrightAlign}'
class='wrn-footer {maxWidth === "full" ? "wrn-footer--width-full" : ""} {class}'
>
data-wrn-owner="Footer" data-wrn-part="root" data-wrn-component="Footer" data-wrn-axis-size='{size}' data-wrn-axis-color='{color}'>
<div
class="wrn-footer__grid"
>
data-wrn-owner="Footer" data-wrn-part="grid" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<div
class="wrn-footer__pre"
>
data-wrn-owner="Footer" data-wrn-part="pre" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<slot
name="pre-footer"
>
@@ -57,13 +57,13 @@ component Footer {
<nav
class='wrn-footer__links wrn-footer--columns-{columns}'
aria-label='{label}'
>
data-wrn-owner="Footer" data-wrn-part="links" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#each items as item, itemIndex}
{#if item.type === "header"}
<section
class="wrn-footer__column"
aria-labelledby='footer-heading-{itemIndex}'
>
data-wrn-owner="Footer" data-wrn-part="column" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#if item.icon}
<span
class='{item.icon}'
@@ -76,7 +76,7 @@ component Footer {
id='footer-heading-{itemIndex}'
class="wrn-footer__heading"
data-t='{translationKey(item, "label")}'
>
data-wrn-owner="Footer" data-wrn-part="heading" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{item.label || item.title}
</h2>
@@ -89,7 +89,7 @@ component Footer {
{#if (item.items || item.links || []).length > 0}
<div
class="wrn-footer__column-links"
>
data-wrn-owner="Footer" data-wrn-part="columnLinks" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#each item.items || item.links || [] as child, childIndex}
<a
href='{child.href || "#"}'
@@ -98,7 +98,7 @@ component Footer {
aria-current='{child.active ? "page" : "false"}'
class="wrn-footer__link"
@click='output.select({ item: child, parent: item, itemIndex: childIndex, sectionIndex: itemIndex }); child.action && output.action({ item: child, parent: item, itemIndex: childIndex, sectionIndex: itemIndex })'
>
data-wrn-owner="Footer" data-wrn-part="link" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#if child.icon}
<span
class='{child.icon}'
@@ -135,10 +135,10 @@ component Footer {
{:else if item.type === "link" || item.href}
<section
class="wrn-footer__column"
>
data-wrn-owner="Footer" data-wrn-part="column" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<div
class="wrn-footer__column-links"
>
data-wrn-owner="Footer" data-wrn-part="columnLinks" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<a
href='{item.href || "#"}'
target='{item.target || ""}'
@@ -146,7 +146,7 @@ component Footer {
aria-current='{item.active ? "page" : "false"}'
class="wrn-footer__link"
@click='output.select({ item: item, itemIndex: itemIndex }); item.action && output.action({ item: item, itemIndex: itemIndex })'
>
data-wrn-owner="Footer" data-wrn-part="link" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#if item.icon}
<span
class='{item.icon}'
@@ -182,7 +182,7 @@ component Footer {
<section
class="wrn-footer__column"
aria-labelledby='footer-heading-{itemIndex}'
>
data-wrn-owner="Footer" data-wrn-part="column" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#if item.icon}
<span
class='{item.icon}'
@@ -196,7 +196,7 @@ component Footer {
id='footer-heading-{itemIndex}'
class="wrn-footer__heading"
data-t='{translationKey(item, "label")}'
>
data-wrn-owner="Footer" data-wrn-part="heading" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{item.title || item.label}
</h2>
{/if}
@@ -210,7 +210,7 @@ component Footer {
{#if (item.items || item.links || []).length > 0}
<div
class="wrn-footer__column-links"
>
data-wrn-owner="Footer" data-wrn-part="columnLinks" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#each item.items || item.links || [] as child, childIndex}
<a
href='{child.href || "#"}'
@@ -219,7 +219,7 @@ component Footer {
aria-current='{child.active ? "page" : ""}'
class="wrn-footer__link"
@click='output.select({ item: child, parent: item, itemIndex: childIndex, sectionIndex: itemIndex }); child.action && output.action({ item: child, parent: item, itemIndex: childIndex, sectionIndex: itemIndex })'
>
data-wrn-owner="Footer" data-wrn-part="link" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{#if child.icon}
<span
class='{child.icon}'
@@ -259,7 +259,7 @@ component Footer {
<div
class="wrn-footer__post"
>
data-wrn-owner="Footer" data-wrn-part="post" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<slot
name="post-footer"
>
@@ -269,10 +269,10 @@ component Footer {
<div
class="wrn-footer__bottom wrn-footer__bottom--slots"
>
data-wrn-owner="Footer" data-wrn-part="bottom" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<div
class="wrn-footer__copyright-left"
>
data-wrn-owner="Footer" data-wrn-part="copyrightLeft" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<slot
name="copyright-left"
>
@@ -282,14 +282,14 @@ component Footer {
{#if copyright}
<p
class="wrn-footer__copyright"
>
data-wrn-owner="Footer" data-wrn-part="copyright" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<span data-t='{copyrightKey}'>{copyright}</span>
</p>
{/if}
<div
class="wrn-footer__copyright-right"
>
data-wrn-owner="Footer" data-wrn-part="copyrightRight" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<slot
name="copyright-right"
>