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(form): move reactive assignments

Browse source
This commit is contained in:
Eric Liu 2019-12-29 19:46:09 -08:00
commit 81cf0680fa
2 changed files with 4 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Form/Form.svelte
View file

@ -4,10 +4,8 @@
export let style = undefined;
import { cx } from '../../lib';
$: _class = cx('--form', className);
</script>
<form on:click on:mouseover on:mouseenter on:mouseleave class={_class} {style}>
<form on:click on:mouseover on:mouseenter on:mouseleave class={cx('--form', className)} {style}>
<slot />
</form>

9
src/components/FormGroup/FormGroup.svelte
View file

@ -8,20 +8,17 @@
export let style = undefined;
import { cx } from '../../lib';
$: _class = cx('--fieldset', className);
$: _legendClass = cx('--label', className);
</script>
<fieldset
data-invalid={invalid ? '' : undefined}
data-invalid={invalid || undefined}
class={cx('--fieldset', className)}
on:click
on:mouseover
on:mouseenter
on:mouseleave
class={_class}
{style}>
<legend class={_legendClass}>{legendText}</legend>
<legend class={cx('--label', className)}>{legendText}</legend>
<slot />
{#if message}
<div class={cx('--form__requirements')}>{messageText}</div>