mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor: prefer class directive over class attribute (#1318)

Browse source
This commit is contained in:
metonym 2022-05-29 08:16:27 -07:00 • committed by GitHub
commit 0801e1d078
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 34 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/TextInput/PasswordInput.svelte
View file

@ -178,8 +178,9 @@
class:bx--text-input--light="{light}"
class:bx--text-input--invalid="{invalid}"
class:bx--text-input--warning="{warn}"
class:bx--text-input--sm="{size === 'sm'}"
class:bx--text-input--xl="{size === 'xl'}"
{...$$restProps}
class="{size && `bx--text-input--${size}`}"
on:change
on:input
on:input="{({ target }) => {
@ -199,8 +200,13 @@
class:bx--btn--disabled="{disabled}"
class:bx--tooltip__trigger="{true}"
class:bx--tooltip--a11y="{true}"
class="{tooltipPosition && `bx--tooltip--${tooltipPosition}`}
{tooltipAlignment && `bx--tooltip--align-${tooltipAlignment}`}"
class:bx--tooltip--top="{tooltipPosition === 'top'}"
class:bx--tooltip--right="{tooltipPosition === 'right'}"
class:bx--tooltip--bottom="{tooltipPosition === 'bottom'}"
class:bx--tooltip--left="{tooltipPosition === 'left'}"
class:bx--tooltip--align-start="{tooltipAlignment === 'start'}"
class:bx--tooltip--align-center="{tooltipAlignment === 'center'}"
class:bx--tooltip--align-end="{tooltipAlignment === 'end'}"
on:click="{() => {
type = type === 'password' ? 'text' : 'password';
}}"

6
src/TextInput/TextInput.svelte
View file

@ -120,7 +120,8 @@
class:bx--visually-hidden="{hideLabel}"
class:bx--label--disabled="{disabled}"
class:bx--label--inline="{inline}"
class="{inline && !!size && `bx--label--inline--${size}`}"
class:bx--label--inline--sm="{size === 'sm'}"
class:bx--label--inline--xl="{size === 'xl'}"
>
<slot name="labelText">
{labelText}
@ -191,8 +192,9 @@
class:bx--text-input--light="{light}"
class:bx--text-input--invalid="{invalid}"
class:bx--text-input--warn="{warn}"
class:bx--text-input--sm="{size === 'sm'}"
class:bx--text-input--xl="{size === 'xl'}"
{...$$restProps}
class="{size && `bx--text-input--${size}`}"
on:change="{onChange}"
on:input="{onInput}"
on:keydown