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/Checkbox.svelte
View File

@@ -54,11 +54,11 @@
<button
{id}
class={[
'text-text flex size-7 appearance-none items-center',
'text-sui-text flex size-7 appearance-none items-center',
'justify-center rounded-lg shadow transition-all hover:opacity-75',
color === 'default' && 'bg-white',
color === 'contrast' && 'border-text/40 border bg-white',
!valid && 'border-accent-400 border'
!valid && 'border-sui-accent-400 border'
]}
onclick={() => {
if (value === false || value === 'indeterminate') {
@@ -79,14 +79,14 @@
{#if children}
<label
class={[
'text-text pl-4 font-medium transition-colors select-none',
!valid && 'text-accent-400'
'text-sui-text pl-4 font-medium transition-colors select-none',
!valid && 'text-sui-accent-400'
]}
for={id}
>
{@render children()}
{#if required}
<span class="text-accent-400">*</span>
<span class="text-sui-accent-400">*</span>
{/if}
</label>
{/if}