mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
chore: format files with Prettier 3
This commit is contained in:
parent
1dcd09bd98
commit
8e996dc683
391 changed files with 3725 additions and 3785 deletions
|
@ -55,27 +55,27 @@
|
|||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
||||
<div
|
||||
class:bx--form-item="{true}"
|
||||
class:bx--form-item={true}
|
||||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave
|
||||
>
|
||||
<div
|
||||
class:bx--time-picker="{true}"
|
||||
class:bx--time-picker--light="{light}"
|
||||
class:bx--time-picker--invalid="{invalid}"
|
||||
class:bx--time-picker--sm="{size === 'sm'}"
|
||||
class:bx--time-picker--xl="{size === 'xl'}"
|
||||
class:bx--select--light="{light}"
|
||||
class:bx--time-picker={true}
|
||||
class:bx--time-picker--light={light}
|
||||
class:bx--time-picker--invalid={invalid}
|
||||
class:bx--time-picker--sm={size === "sm"}
|
||||
class:bx--time-picker--xl={size === "xl"}
|
||||
class:bx--select--light={light}
|
||||
>
|
||||
<div class:bx--time-picker__input="{true}">
|
||||
<div class:bx--time-picker__input={true}>
|
||||
{#if labelText || $$slots.labelText}
|
||||
<label
|
||||
for="{id}"
|
||||
class:bx--label="{true}"
|
||||
class:bx--visually-hidden="{hideLabel}"
|
||||
class:bx--label--disabled="{disabled}"
|
||||
for={id}
|
||||
class:bx--label={true}
|
||||
class:bx--visually-hidden={hideLabel}
|
||||
class:bx--label--disabled={disabled}
|
||||
>
|
||||
<slot name="labelText">
|
||||
{labelText}
|
||||
|
@ -83,21 +83,21 @@
|
|||
</label>
|
||||
{/if}
|
||||
<input
|
||||
bind:this="{ref}"
|
||||
bind:this={ref}
|
||||
bind:value
|
||||
type="text"
|
||||
data-invalid="{invalid || undefined}"
|
||||
pattern="{pattern}"
|
||||
placeholder="{placeholder}"
|
||||
maxlength="{maxlength}"
|
||||
id="{id}"
|
||||
name="{name}"
|
||||
disabled="{disabled}"
|
||||
data-invalid={invalid || undefined}
|
||||
{pattern}
|
||||
{placeholder}
|
||||
{maxlength}
|
||||
{id}
|
||||
{name}
|
||||
{disabled}
|
||||
{...$$restProps}
|
||||
class:bx--time-picker__input-field="{true}"
|
||||
class:bx--text-input="{true}"
|
||||
class:bx--text-input--light="{light}"
|
||||
class:bx--text-input--invalid="{invalid}"
|
||||
class:bx--time-picker__input-field={true}
|
||||
class:bx--text-input={true}
|
||||
class:bx--text-input--light={light}
|
||||
class:bx--text-input--invalid={invalid}
|
||||
on:change
|
||||
on:input
|
||||
on:keydown
|
||||
|
@ -110,6 +110,6 @@
|
|||
<slot />
|
||||
</div>
|
||||
{#if invalid}
|
||||
<div class:bx--form-requirement="{true}">{invalidText}</div>
|
||||
<div class:bx--form-requirement={true}>{invalidText}</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
|
|
@ -41,8 +41,8 @@
|
|||
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
|
||||
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
||||
<div
|
||||
class:bx--select="{true}"
|
||||
class:bx--time-picker__select="{true}"
|
||||
class:bx--select={true}
|
||||
class:bx--time-picker__select={true}
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
|
@ -50,11 +50,7 @@
|
|||
on:mouseleave
|
||||
>
|
||||
{#if labelText || $$slots.labelText}
|
||||
<label
|
||||
for="{id}"
|
||||
class:bx--label="{true}"
|
||||
class:bx--visually-hidden="{true}"
|
||||
>
|
||||
<label for={id} class:bx--label={true} class:bx--visually-hidden={true}>
|
||||
<slot name="labelText">
|
||||
{labelText}
|
||||
</slot>
|
||||
|
@ -62,21 +58,21 @@
|
|||
{/if}
|
||||
<!-- svelte-ignore a11y-no-onchange -->
|
||||
<select
|
||||
bind:this="{ref}"
|
||||
id="{id}"
|
||||
name="{name}"
|
||||
disabled="{disabled}"
|
||||
value="{value}"
|
||||
class:bx--select-input="{true}"
|
||||
on:change="{({ target }) => {
|
||||
bind:this={ref}
|
||||
{id}
|
||||
{name}
|
||||
{disabled}
|
||||
{value}
|
||||
class:bx--select-input={true}
|
||||
on:change={({ target }) => {
|
||||
selectedValue.set(target.value);
|
||||
}}"
|
||||
}}
|
||||
>
|
||||
<slot />
|
||||
</select>
|
||||
<ChevronDown
|
||||
aria-label="{iconDescription}"
|
||||
title="{iconDescription}"
|
||||
aria-label={iconDescription}
|
||||
title={iconDescription}
|
||||
class="bx--select__arrow"
|
||||
/>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue