feat: extend active/inactive conditions to support data-state attributes

This commit is contained in:
2025-11-09 18:14:23 -06:00
parent 1ae009f9b7
commit 6299b0d212

View File

@@ -189,8 +189,9 @@ const srJuggernautPandaPreset = (config?: ThemeConfig) => {
}, },
conditions: { conditions: {
extend: { extend: {
active: '&:is(:active, [data-active], [data-state="open"], [data-state="on"])', active: '&:is(:active, [data-active], [data-state="active"], [data-state="open"], [data-state="on"])',
inactive: '&:is(:not(:active), [data-inactive], [data-state="closed"], [data-state="off"])', inactive:
'&:is(:not(:active), [data-inactive], [data-state="inactive"], [data-state="closed"], [data-state="off"])',
checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])', checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])',
unchecked: unchecked:
'&:is(:not(:checked), [data-unchecked], [aria-checked=false], [data-state="unchecked"], [data-state="off"])', '&:is(:not(:checked), [data-unchecked], [aria-checked=false], [data-state="unchecked"], [data-state="off"])',