mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor: use class directive in TextInput, DatePickerInput (#1426)

Browse source 
Dynamically-formed class names should be avoided for easier static analysis. The Svelte `class:` directive should be used instead.
This commit is contained in:
metonym 2022-08-05 05:21:49 -07:00 • committed by GitHub
commit 45f14f160e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/DatePicker/DatePickerInput.svelte
View file

@ -116,7 +116,8 @@
: $inputValue}"
class:bx--date-picker__input="{true}"
class:bx--date-picker__input--invalid="{invalid}"
class="{size && `bx--date-picker__input--${size}`}"
class:bx--date-picker__input--sm="{size === 'sm'}"
class:bx--date-picker__input--xl="{size === 'xl'}"
on:input
on:input="{({ target }) => {
updateValue({ type: 'input', value: target.value });

3
src/TextInput/TextInput.svelte
View file

@ -146,7 +146,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="{inline && size === 'sm'}"
class:bx--label--inline-xl="{inline && size === 'xl'}"
>
<slot name="labelText">
{labelText}