pantheon/hestia
2
0
Fork 0
Code Issues 23 Pull requests Projects Releases Packages Wiki Activity Actions

move components to lucide

Browse source
This commit is contained in:
Benjamin Palko 2025-01-08 09:53:03 -05:00
parent 40e9ab00a5
commit f791f57a15
4 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/lib/components/DataInput/TextInput.stories.svelte
View file

@ -1,6 +1,7 @@
<script module lang="ts"> <script module lang="ts">
import { defineMeta } from '@storybook/addon-svelte-csf'; import { defineMeta } from '@storybook/addon-svelte-csf';
import TextInput from './TextInput.svelte'; import TextInput from './TextInput.svelte';
import { User } from 'lucide-svelte';
const { Story } = defineMeta({ const { Story } = defineMeta({
title: 'Data Input/Text Input', title: 'Data Input/Text Input',
@ -45,10 +46,18 @@
}); });
</script> </script>
{#snippet icon()}
<i class="fi fi-rr-user"></i>
{/snippet}
<Story name="Text Label" args={{ color: 'primary', name: 'text', start: 'Text' }} /> <Story name="Text Label" args={{ color: 'primary', name: 'text', start: 'Text' }} />
<Story name="Icon Start" args={{ color: 'secondary', name: 'text', start: icon }} /> <Story name="Icon Start">
<Story name="Icon End" args={{ color: 'secondary', name: 'text', end: icon }} /> <TextInput name="text" color="secondary">
{#snippet start()}
<User />
{/snippet}
</TextInput>
</Story>
<Story name="Icon End">
<TextInput name="text" color="secondary">
{#snippet end()}
<User />
{/snippet}
</TextInput>
</Story>

6
src/lib/components/Feedback/Alert.stories.svelte
View file

@ -1,8 +1,8 @@
<script module lang="ts"> <script module lang="ts">
import { defineMeta } from '@storybook/addon-svelte-csf'; import { defineMeta } from '@storybook/addon-svelte-csf';
import Alert from './Alert.svelte'; import { Info } from 'lucide-svelte';
import type { ComponentProps } from 'svelte'; import type { ComponentProps } from 'svelte';
import { InfoIcon } from '../Icons'; import Alert from './Alert.svelte';
const { Story } = defineMeta({ const { Story } = defineMeta({
title: 'Feedback/Alert', title: 'Feedback/Alert',
@ -16,7 +16,7 @@
{#snippet template(props: ComponentProps<typeof Alert>)} {#snippet template(props: ComponentProps<typeof Alert>)}
<Alert {...props}> <Alert {...props}>
{#snippet icon()} {#snippet icon()}
<InfoIcon class="h-6 w-6 shrink-0 stroke-info" /> <Info />
{/snippet} {/snippet}
<span>Hello world!</span> <span>Hello world!</span>
</Alert> </Alert>

8
src/lib/components/Icons/InfoIcon.svelte
View file

@ -1,8 +0,0 @@
<script lang="ts">
import type { SvelteHTMLElements } from 'svelte/elements';
import { twMerge } from 'tailwind-merge';
let { class: className, ...props }: SvelteHTMLElements['i'] = $props();
</script>
<i {...props} class={twMerge(className, 'fi fi-sr-info')}></i>

1
src/lib/components/Icons/index.ts
View file

@ -1 +0,0 @@
export { default as InfoIcon } from './InfoIcon.svelte';