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/input.wrn
+10 -10
View File
@@ -71,7 +71,7 @@ component Input {
client function handleKeyup(sourceEvent) { sourceEvent.stopPropagation(); output.keyup({ key: sourceEvent.key, value: sourceEvent.currentTarget.value, name: name, sourceEvent: sourceEvent }) }
}
view {
<div
<div data-wrn-owner="Input" data-wrn-part="root" data-wrn-component="Input" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
{...attrs}
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--field wrn-next--input {class}"
data-variant="{variant}"
@@ -80,36 +80,36 @@ component Input {
data-invalid="{error || validationError ? 'true' : 'false'}"
data-input-type="{type}"
>
<div
<div data-wrn-owner="Input" data-wrn-part="heading" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
class="wrn-next__field-heading"
>
<label
<label data-wrn-owner="Input" data-wrn-part="label" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
class="{hiddenLabel ? 'wrn-next__sr-only' : ''}"
for="{id || name}"
>
{label}
</label>
{#if cornerHint}
<span
<span data-wrn-owner="Input" data-wrn-part="hint" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
class="wrn-next__field-hint"
>
{cornerHint}
</span>
{/if}
</div>
<div
<div data-wrn-owner="Input" data-wrn-part="controlContainer" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
class="wrn-next__field-control"
data-icon-position="{iconPosition}"
data-has-icon="{icon || type === 'date' || type === 'datetime-local' || type === 'time' || type === 'month' || type === 'week' ? 'true' : 'false'}"
>
{#if icon || type === "date" || type === "datetime-local" || type === "time" || type === "month" || type === "week"}
<span
<span data-wrn-owner="Input" data-wrn-part="icon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
class="{icon || (type === 'time' ? 'icon-[lucide--clock-3]' : type === 'datetime-local' ? 'icon-[lucide--calendar-clock]' : 'icon-[lucide--calendar-days]')} wrn-next__field-icon"
aria-hidden="true"
>
</span>
{/if}
<input
<input data-wrn-owner="Input" data-wrn-part="control" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
id="{id || name}"
type="{type}"
name="{name}"
@@ -137,7 +137,7 @@ component Input {
@keyup="handleKeyup(event)"
/>
{#if variant === "floating"}
<span
<span data-wrn-owner="Input" data-wrn-part="floatingLabel" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
class="wrn-next__field-floating-label"
>
{label}
@@ -145,14 +145,14 @@ component Input {
{/if}
</div>
{#if helperText}
<small
<small data-wrn-owner="Input" data-wrn-part="help" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
id="{(id || name) + '-help'}"
class="wrn-next__field-help"
>
{helperText}
</small>
{/if}
<small
<small data-wrn-owner="Input" data-wrn-part="error" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"
id="{(id || name) + '-error'}"
class="wrn-next__field-error"
data-error="{name}"