svelte-toolkit/sui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prefix theme colors for consumer compatibility

Browse Source
This commit is contained in:
Elijah Duffy
2025-07-03 20:21:38 -07:00
parent ed434f88ed
commit 9988e07108
14 changed files with 91 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/DateInput.svelte
View File

@@ -210,9 +210,9 @@
bind:this={containerElement}
class={[
'inline-flex w-54 items-center justify-start gap-1',
'border-accent rounded-sm border bg-white px-[1.125rem] py-3.5 font-normal transition-colors',
'text-text dark:border-accent/50 dark:bg-text-800 dark:text-background dark:sm:bg-slate-800',
'ring-accent focus-within:ring-1',
'border-sui-accent rounded-sm border bg-white px-[1.125rem] py-3.5 font-normal transition-colors',
'text-sui-text dark:border-sui-accent/50 dark:bg-sui-text-800 dark:text-sui-background dark:sm:bg-slate-800',
'ring-sui-accent focus-within:ring-1',
!valid && 'border-red-500!'
]}
>
@@ -228,7 +228,7 @@
{@render snippet()}
{#if i < inputSnippets.length - 1}
<span class="text-text/60 dark:text-background/60">-</span>
<span class="text-sui-text/60 dark:text-sui-background/60">-</span>
{/if}
{/each}
@@ -314,7 +314,7 @@
@reference "./styles/theme.css";
.date-input {
@apply ring-accent dark:ring-accent/50 h-6 min-w-[1ch] outline-0 transition-all focus:ring-2;
@apply ring-sui-accent dark:ring-sui-accent/50 h-6 min-w-[1ch] outline-0 transition-all focus:ring-2;
}
.date-input.invalid {
@apply ring-red-500!;