mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-17 03:01:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: format files with Prettier 3

Browse source
This commit is contained in:
Eric Liu 2024-11-11 21:27:04 -08:00
commit 8e996dc683
391 changed files with 3725 additions and 3785 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/TooltipDefinition/TooltipDefinition.svelte
View file

@ -42,44 +42,44 @@
</script>
<svelte:window
on:keydown="{({ key }) => {
if (key === 'Escape') hide();
}}"
on:keydown={({ key }) => {
if (key === "Escape") hide();
}}
/>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<span
class:bx--tooltip--definition="{true}"
class:bx--tooltip--a11y="{true}"
class:bx--tooltip--definition={true}
class:bx--tooltip--a11y={true}
{...$$restProps}
on:mouseenter="{show}"
on:mouseleave="{hide}"
on:mouseenter={show}
on:mouseleave={hide}
>
<button
bind:this="{ref}"
bind:this={ref}
type="button"
aria-describedby="{id}"
class:bx--tooltip--a11y="{true}"
class:bx--tooltip__trigger="{true}"
class:bx--tooltip__trigger--definition="{true}"
class:bx--tooltip--hidden="{!open}"
class:bx--tooltip--visible="{open}"
class:bx--tooltip--top="{direction === 'top'}"
class:bx--tooltip--bottom="{direction === 'bottom'}"
class:bx--tooltip--align-start="{align === 'start'}"
class:bx--tooltip--align-center="{align === 'center'}"
class:bx--tooltip--align-end="{align === 'end'}"
aria-describedby={id}
class:bx--tooltip--a11y={true}
class:bx--tooltip__trigger={true}
class:bx--tooltip__trigger--definition={true}
class:bx--tooltip--hidden={!open}
class:bx--tooltip--visible={open}
class:bx--tooltip--top={direction === "top"}
class:bx--tooltip--bottom={direction === "bottom"}
class:bx--tooltip--align-start={align === "start"}
class:bx--tooltip--align-center={align === "center"}
class:bx--tooltip--align-end={align === "end"}
on:click
on:mouseover
on:mouseenter
on:mouseleave
on:focus
on:focus="{show}"
on:blur="{hide}"
on:focus={show}
on:blur={hide}
>
<slot />
</button>
<div role="tooltip" id="{id}" class:bx--assistive-text="{true}">
<div role="tooltip" {id} class:bx--assistive-text={true}>
<slot name="tooltip">{tooltipText}</slot>
</div>
</span>