refactor: use $$restProps API

- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions

View file

@ -1,35 +1,34 @@
<script>
let className = undefined;
export { className as class };
export let disabled = false;
export let href = undefined;
export let inline = false;
export let style = undefined;
import { cx } from '../../lib';
export let disabled = false;
export let ref = null;
</script>
{#if disabled}
<p
aria-current={$$props['aria-current']}
class={cx('--link', disabled && '--link--disabled', inline && '--link--inline', className)}
bind:this={ref}
class:bx--link={true}
class:bx--link--disabled={disabled}
class:bx--link--inline={inline}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
{style}>
on:mouseleave>
<slot />
</p>
{:else}
<!-- svelte-ignore a11y-missing-attribute -->
<a
aria-current={$$props['aria-current']}
class={cx('--link', disabled && '--link--disabled', inline && '--link--inline', className)}
bind:this={ref}
class:bx--link={true}
class:bx--link--disabled={disabled}
class:bx--link--inline={inline}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
{style}
{href}>
on:mouseleave>
<slot />
</a>
{/if}