# @primeuix/styled

> Styled utilities for PrimeUI Libraries

Latest version **1.0.0** (published 2026-07-15) · SEE LICENSE IN LICENSE.md license · 0 weekly downloads

## Install

```sh
npm install @primeuix/styled
pnpm add @primeuix/styled
yarn add @primeuix/styled
bun add @primeuix/styled
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2026-07-15 |
| First published | 2024-06-14 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN LICENSE.md |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=12.11.0 |
| Dependencies | 2 |
| Unpacked size | 47.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | PrimeTek Informatics |
| Maintainers | mert.sincan, cagatay.civici |
| Keywords | styled, css, style utilities, primeng, primereact, primevue, primeuix |

## Links

- npm: https://www.npmjs.com/package/@primeuix/styled
- Issues: https://support.primeui.dev
- npm.io page: https://npm.io/package/@primeuix/styled

## Dependencies (2)

- [@primeuix/utils](https://npm.io/package/@primeuix/utils.md) ^0.8.0
- [@primeui/license-manager](https://npm.io/package/@primeui/license-manager.md) ^1.0.0

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2026-07-15
- 0.3.2-patch.1 (patch) — 2025-06-10
- 1.0.0-rc.5 — 2026-07-15
- 1.0.0-rc.4 — 2026-07-15
- 1.0.0-rc.3 — 2026-07-07
- 1.0.0-rc.2 — 2026-07-02
- 1.0.0-rc.1 — 2026-06-28
- 1.0.0-beta.2 — 2026-06-26
- 1.0.0-beta.1 — 2026-06-25
- 0.7.4 — 2025-10-05
- 0.7.3 — 2025-09-26
- 0.7.2 — 2025-07-31
- 0.7.1 — 2025-07-28
- 0.7.0 — 2025-07-02
- 0.7.0-beta.3 — 2025-07-01
- … 25 more at https://npm.io/package/@primeuix/styled/versions

## README

# 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).

```ts
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](https://primeui.dev/licenses) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)

---
_Source: https://npm.io/package/@primeuix/styled · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._