SrJuggernaut/srjuggernaut-panda-preset
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: expand condition selectors for richer state styling

Browse Source
This commit is contained in:
SrJuggernaut
2025-10-06 22:07:16 -06:00
parent 993bad44cc
commit 051086e9a9
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/index.ts
View File

@@ -185,11 +185,26 @@ const srJuggernautPandaPreset = (config?: ThemeConfig) => {
}, },
conditions: { conditions: {
extend: { extend: {
active: '&:is(:active, [data-active], [data-state="active"], [data-state="open"])', active: '&:is(:active, [data-active], [data-state="open"], [data-state="on"])',
checked: '&:is(:checked, [data-checked], [data-state="checked"])', inactive: '&:is(:not(:active), [data-inactive], [data-state="closed"], [data-state="off"])',
disabled: '&:is(:disabled, [data-disabled], [data-state="disabled"])', checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])',
unchecked:
'&:is(:not(:checked), [data-unchecked], [aria-checked=false], [data-state="unchecked"], [data-state="off"])',
expanded: '&:is([aria-expanded=true], [data-expanded], [data-state="open"])',
indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])', indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])',
open: '&:is(:open, [open], [data-open], [data-state="open"])' selected: '&:is([aria-selected=true], [data-selected], [data-state="checked"])',
open: '&:is([open], [data-state="open"])',
complete: '&:is([data-state="complete"])',
loading: '&:is([data-loading], [aria-busy=true], [data-state="loading"])',
visible: '&:is([data-visible], [data-state="visible"])',
closed: '&:is([data-state="closed"])',
sideLeft: '&:is([data-side="left"])',
sideRight: '&:is([data-side="right"])',
sideTop: '&:is([data-side="top"])',
sideBottom: '&:is([data-side="bottom"])',
alignStart: '&:is([data-align="start"])',
alignCenter: '&:is([data-align="center"])',
alignEnd: '&:is([data-align="end"])'
} }
}, },
globalCss: { globalCss: {