input: add no1password prop, tweak counter styling

This commit is contained in:
Justin Edmund 2025-11-30 23:16:00 -08:00
parent de616755f5
commit 7e02884941

View file

@ -17,6 +17,7 @@
fullHeight?: boolean fullHeight?: boolean
alignRight?: boolean alignRight?: boolean
accessory?: boolean accessory?: boolean
no1password?: boolean
} }
let { let {
@ -40,6 +41,7 @@
readonly = false, readonly = false,
required = false, required = false,
class: className = '', class: className = '',
no1password = false,
...restProps ...restProps
}: Props = $props() }: Props = $props()
@ -95,6 +97,7 @@
{readonly} {readonly}
{required} {required}
maxlength={maxLength} maxlength={maxLength}
data-1p-ignore={no1password}
{...restProps} {...restProps}
/> />
@ -120,6 +123,7 @@
{readonly} {readonly}
{required} {required}
maxlength={maxLength} maxlength={maxLength}
data-1p-ignore={no1password}
{...restProps} {...restProps}
/> />
{/if} {/if}
@ -144,6 +148,7 @@
{readonly} {readonly}
{required} {required}
maxlength={maxLength} maxlength={maxLength}
data-1p-ignore={no1password}
{...restProps} {...restProps}
/> />
@ -169,6 +174,7 @@
{readonly} {readonly}
{required} {required}
maxlength={maxLength} maxlength={maxLength}
data-1p-ignore={no1password}
{...restProps} {...restProps}
/> />
{/if} {/if}
@ -211,6 +217,7 @@
:global(.label .required) { :global(.label .required) {
color: $error; color: $error;
margin-left: $unit-fourth; margin-left: $unit-fourth;
display: none;
} }
.error { .error {
@ -258,8 +265,9 @@
.counter { .counter {
color: var(--text-tertiary); color: var(--text-tertiary);
display: block; display: block;
font-weight: $bold; font-weight: $normal;
line-height: calc($unit * 6); line-height: calc($unit * 6);
font-size: $font-small;
position: absolute; position: absolute;
right: $unit-2x; right: $unit-2x;
top: 0; top: 0;