mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
feat(prettier): add svelteBracketNewLine
This commit is contained in:
parent
7a28d21ceb
commit
398887a3d3
182 changed files with 974 additions and 494 deletions
|
@ -12,7 +12,8 @@
|
|||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave>
|
||||
on:mouseleave
|
||||
>
|
||||
{#if !hideLabel}
|
||||
<span class:bx--label="{true}" class:bx--skeleton="{true}"></span>
|
||||
{/if}
|
||||
|
|
|
@ -19,7 +19,8 @@
|
|||
value="placeholder-item"
|
||||
text="Choose an option"
|
||||
disabled
|
||||
hidden />
|
||||
hidden
|
||||
/>
|
||||
<SelectItemGroup {...$$props.group} label="Category 1">
|
||||
<SelectItem value="option-1" text="Option 1" />
|
||||
<SelectItem value="option-2" text="Option 2" />
|
||||
|
|
|
@ -108,13 +108,15 @@
|
|||
class:bx--select--inline="{inline}"
|
||||
class:bx--select--light="{light}"
|
||||
class:bx--select--invalid="{invalid}"
|
||||
class:bx--select--disabled="{disabled}">
|
||||
class:bx--select--disabled="{disabled}"
|
||||
>
|
||||
{#if !noLabel}
|
||||
<label
|
||||
for="{id}"
|
||||
class:bx--label="{true}"
|
||||
class:bx--visually-hidden="{hideLabel}"
|
||||
class:bx--label--disabled="{disabled}">
|
||||
class:bx--label--disabled="{disabled}"
|
||||
>
|
||||
{labelText}
|
||||
</label>
|
||||
{/if}
|
||||
|
@ -122,7 +124,8 @@
|
|||
<div class:bx--select-input--inline__wrapper="{true}">
|
||||
<div
|
||||
class:bx--select-input__wrapper="{true}"
|
||||
data-invalid="{invalid || undefined}">
|
||||
data-invalid="{invalid || undefined}"
|
||||
>
|
||||
<select
|
||||
bind:this="{ref}"
|
||||
aria-describedby="{invalid ? errorId : undefined}"
|
||||
|
@ -135,7 +138,8 @@
|
|||
on:change="{({ target }) => {
|
||||
selectedValue.set(target.value);
|
||||
}}"
|
||||
on:blur>
|
||||
on:blur
|
||||
>
|
||||
<slot />
|
||||
</select>
|
||||
<ChevronDown16 class="bx--select__arrow" />
|
||||
|
@ -152,7 +156,8 @@
|
|||
{#if helperText}
|
||||
<div
|
||||
class:bx--form__helper-text="{true}"
|
||||
class:bx--form__helper-text--disabled="{disabled}">
|
||||
class:bx--form__helper-text--disabled="{disabled}"
|
||||
>
|
||||
{helperText}
|
||||
</div>
|
||||
{/if}
|
||||
|
@ -160,7 +165,8 @@
|
|||
{#if !inline}
|
||||
<div
|
||||
class:bx--select-input__wrapper="{true}"
|
||||
data-invalid="{invalid || undefined}">
|
||||
data-invalid="{invalid || undefined}"
|
||||
>
|
||||
<select
|
||||
bind:this="{ref}"
|
||||
id="{id}"
|
||||
|
@ -173,7 +179,8 @@
|
|||
on:change="{({ target }) => {
|
||||
selectedValue.set(target.value);
|
||||
}}"
|
||||
on:blur>
|
||||
on:blur
|
||||
>
|
||||
<slot />
|
||||
</select>
|
||||
<ChevronDown16 class="bx--select__arrow" />
|
||||
|
@ -184,7 +191,8 @@
|
|||
{#if !invalid && helperText}
|
||||
<div
|
||||
class:bx--form__helper-text="{true}"
|
||||
class:bx--form__helper-text--disabled="{disabled}">
|
||||
class:bx--form__helper-text--disabled="{disabled}"
|
||||
>
|
||||
{helperText}
|
||||
</div>
|
||||
{/if}
|
||||
|
|
|
@ -45,6 +45,7 @@
|
|||
selected="{selected}"
|
||||
class:bx--select-option="{true}"
|
||||
class="{$$restProps.class}"
|
||||
style="{$$restProps.style}">
|
||||
style="{$$restProps.style}"
|
||||
>
|
||||
{text || value}
|
||||
</option>
|
||||
|
|
|
@ -16,6 +16,7 @@
|
|||
label="{label}"
|
||||
disabled="{disabled}"
|
||||
class:bx--select-optgroup="{true}"
|
||||
{...$$restProps}>
|
||||
{...$$restProps}
|
||||
>
|
||||
<slot />
|
||||
</optgroup>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue