mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 11:59:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: v11 Search

Browse source
This commit is contained in:
Gregor Wassmann 2023-03-28 22:23:30 +02:00
commit 27da0e691c
7 changed files with 19 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/Search/Search.svelte
View file

@ -13,9 +13,9 @@
/**
* Specify the size of the search input
* @type {"sm" | "lg" | "xl"}
* @type {"sm" | "md" | "lg"}
*/
export let size = "xl";
export let size = "md";
/** Specify the class name passed to the outer div element */
export let searchClass = "";
@ -96,8 +96,8 @@
class:bx--search--light="{light}"
class:bx--search--disabled="{disabled}"
class:bx--search--sm="{size === 'sm'}"
class:bx--search--md="{size === 'md'}"
class:bx--search--lg="{size === 'lg'}"
class:bx--search--xl="{size === 'xl'}"
class:bx--search--expandable="{expandable}"
class:bx--search--expanded="{expanded}"
class="{searchClass}"
@ -166,7 +166,8 @@
dispatch('clear');
}}"
>
<svelte:component this="{Close}" size="{size === 'xl' ? 20 : 16}" />
<Close />
<!-- <svelte:component this="{Close}" size="{size === 'xl' ? 20 : 16}" /> -->
</button>
</div>
{/if}

6
src/Search/SearchSkeleton.svelte
View file

@ -1,9 +1,9 @@
<script>
/**
* Specify the size of the search input
* @type {"sm" | "lg" | "xl"}
* @type {"sm" | "md" | "lg"}
*/
export let size = "xl";
export let size = "md";
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
@ -11,8 +11,8 @@
<div
class:bx--skeleton="{true}"
class:bx--search--sm="{size === 'sm'}"
class:bx--search--md="{size === 'md'}"
class:bx--search--lg="{size === 'lg'}"
class:bx--search--xl="{size === 'xl'}"
{...$$restProps}
on:click
on:mouseover