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/SearchBox.wrn
+9 -9
View File
@@ -28,19 +28,19 @@ component SearchBox {
role="search"
class='wrn-search-box {class}'
@submit='event.preventDefault(); output.search({ value: query, name: name })'
>
data-wrn-owner="SearchBox" data-wrn-part="root" data-wrn-component="SearchBox" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<label
class="wrn-search-box__label"
data-hidden='{label === "" ? "true" : "false"}'
>
data-wrn-owner="SearchBox" data-wrn-part="label" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
{label}
</label>
<div class="wrn-search-box__control">
<div class="wrn-search-box__control" data-wrn-owner="SearchBox" data-wrn-part="control" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<span
class="icon-[lucide--search] wrn-search-box__search-icon"
aria-hidden="true"
></span>
data-wrn-owner="SearchBox" data-wrn-part="searchIcon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span>
<input
name='{name}'
@@ -57,7 +57,7 @@ component SearchBox {
data-size='{size}'
@input='query = event.target.value'
@change='query = event.target.value'
/>
data-wrn-owner="SearchBox" data-wrn-part="input" data-wrn-axis-size='{size}' data-wrn-axis-color="{color}"/>
<button
type="button"
@@ -65,8 +65,8 @@ component SearchBox {
data-show='query.length > 0 && !disabled'
class="wrn-search-box__button wrn-search-box__clear"
@click='query = ""; event.currentTarget.parentElement.querySelector("input")?.focus(); output.clear({ value: "", name: name })'
>
<span class="icon-[lucide--x] wrn-search-box__button-icon" aria-hidden="true"></span>
data-wrn-owner="SearchBox" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<span class="icon-[lucide--x] wrn-search-box__button-icon" aria-hidden="true" data-wrn-owner="SearchBox" data-wrn-part="buttonIcon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span>
</button>
<button
@@ -74,8 +74,8 @@ component SearchBox {
aria-label='{label || "Search"}'
disabled='{disabled}'
class="wrn-search-box__button wrn-search-box__submit"
>
<span class="icon-[lucide--arrow-right] wrn-search-box__button-icon" aria-hidden="true"></span>
data-wrn-owner="SearchBox" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<span class="icon-[lucide--arrow-right] wrn-search-box__button-icon" aria-hidden="true" data-wrn-owner="SearchBox" data-wrn-part="buttonIcon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span>
</button>
</div>
</form>