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: use $$restProps API

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

21
src/components/ListBox/ListBoxMenuIcon.svelte
View file

@ -1,25 +1,22 @@
<script>
let className = undefined;
export { className as class };
export const translationIds = { close: 'close', open: 'open' };
export const translationIds = { close: "close", open: "open" };
export let open = false;
export let style = undefined;
export let translateWithId = id => defaultTranslations[id];
import ChevronDown16 from 'carbon-icons-svelte/lib/ChevronDown16';
import { cx } from '../../lib';
import ChevronDown16 from "carbon-icons-svelte/lib/ChevronDown16";
const defaultTranslations = {
[translationIds.close]: 'Close menu',
[translationIds.open]: 'Open menu'
[translationIds.close]: "Close menu",
[translationIds.open]: "Open menu"
};
$: description = open ? translateWithId('close') : translateWithId('open');
$: description = open ? translateWithId("close") : translateWithId("open");
</script>
<div
on:click|preventDefault|stopPropagation
class={cx('--list-box__menu-icon', open && '--list-box__menu-icon--open', className)}
{style}>
class:bx--list-box__menu-icon={true}
class:bx--list-box__menu-icon--open={open}
{...$$restProps}
on:click|preventDefault|stopPropagation>
<ChevronDown16 aria-label={description} title={description} />
</div>