feat: extend active/inactive conditions to support data-state attributes
This commit is contained in:
@@ -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"])',
|
||||||
|
|||||||
Reference in New Issue
Block a user