@primeuix/styled

PrimeUIX Styled

Theme runtime for PrimeUI libraries. Resolves dt('token.path') references against the active preset, generates CSS variables, and injects component styles into the document. This is the runtime bridge between @primeuix/themes (which defines token values) and @primeuix/styles (which defines component CSS).

import { usePreset, definePreset, updatePrimaryPalette } from '@primeuix/styled';
import Aura from '@primeuix/themes/aura';

usePreset(Aura);

// Extend an existing preset at runtime
const custom = definePreset(Aura, {
    semantic: { primary: { 500: '#6366f1' } }
});
usePreset(custom);

// Swap the primary palette
updatePrimaryPalette({ 500: '#6366f1', 600: '#4f46e5' });

Theme options control the CSS variable prefix, dark mode selector, CSS layer ordering, and whether variables are emitted globally or per component. The light-dark() CSS function is the standard way to express dual-mode values inside token definitions.

License

Licensed under the PrimeUI License - Copyright (c) PrimeTek Informatics