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

fix(list-box): fix regression where size is overriden

Browse source
This commit is contained in:
Eric Liu 2020-07-20 20:25:00 -07:00
commit 9dd9c09362
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/ListBox/ListBox.svelte
View file

@ -1,11 +1,11 @@
<script> <script>
export let size = undefined; // "sm" | "xl" export let size = undefined; // "sm" | "xl"
export let type = "default"; // "default" | "inline" export let type = "default"; // "default" | "inline"
export let open = false;
export let light = false;
export let disabled = false; export let disabled = false;
export let invalid = false; export let invalid = false;
export let invalidText = ""; export let invalidText = "";
export let light = false;
export let open = false;
</script> </script>
<div <div
@ -17,8 +17,9 @@
class:bx--list-box--disabled={disabled} class:bx--list-box--disabled={disabled}
class:bx--list-box--expanded={open} class:bx--list-box--expanded={open}
class:bx--list-box--light={light} class:bx--list-box--light={light}
class={size && `bx--list-box--${size}`}
{...$$restProps} {...$$restProps}
class="{size && `bx--list-box--${size}`}
{$$restProps.class}"
on:keydown on:keydown
on:keydown={e => { on:keydown={e => {
if (e.key === 'Escape') { if (e.key === 'Escape') {

4
src/ListBox/ListBoxField.svelte
View file

@ -1,10 +1,10 @@
<script> <script>
export const translationIds = { close: "close", open: "open" };
export let disabled = false; export let disabled = false;
export let id = "ccs-" + Math.random().toString(36);
export let role = "combobox"; export let role = "combobox";
export let tabindex = "-1"; export let tabindex = "-1";
export const translationIds = { close: "close", open: "open" };
export let translateWithId = id => defaultTranslations[id]; export let translateWithId = id => defaultTranslations[id];
export let id = "ccs-" + Math.random().toString(36);
export let ref = null; export let ref = null;
import { getContext } from "svelte"; import { getContext } from "svelte";