# Changelog

All notable changes to this project will be documented in this file.

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## [Unreleased]

## [1.3.1] - 2026-05-07

### Changed

- **`themes/dark.css`:** lighter steps for **`--ui-color-icon-brand-*`** on dark backgrounds; semantic text tokens **`--ui-color-text-{brand,success,warning,danger,info}-*`** default/hover/pressed/selected ramps adjusted for readability.

## [1.3.0] - 2026-05-06

### Added

- **`themes/dark.css`:** `--ui-color-icon-on-canvas-inverse` for icons on inverse canvas.
- **`themes/dark.css`:** short aliases aligned with `themes/light.css` — `--ui-bg-base`, `--ui-text-primary`, `--ui-text-secondary`, `--ui-border-default`.

### Changed

- **`themes/dark.css`:** dark semantic palette refresh — neutral fills/surfaces and brand/state fills use a deeper 600-scale for interactive defaults; text-on-inverse uses `dark-gray-700`; secondary/tertiary icon ramps adjusted for contrast; info surface pressed/selected steps updated; semantic text selected states use white where applicable; alert and shadow tokens tuned for dark backgrounds.

## [1.2.2] - 2026-04-30

### Added

- **`demo/`:** página estática para revisar paleta (primitivos, semánticos, botón primario y alias de tema) y alternar `data-theme` claro/oscuro; script `npm run demo` en la raíz del paquete.

### Changed

- **`themes/dark.css`:** fills de marca del botón primario (`--ui-color-bg-fill-brand-*`) alineados a escala azul más consistente en oscuro — default `blue-500`, hover `blue-400`, pressed `blue-300`, selected `blue-600` (antes default `blue-400`, selected `blue-500`).

## [1.2.1] - 2026-04-29

### Changed

- **`themes/dark.css`:** paleta oscura revisada — jerarquía de canvas/superficies y texto (sin blanco puro en texto principal), bordes más visibles, marca y estados semánticos con fills más claros y superficies oscuras, sombras más opacas sobre fondo oscuro; se mantienen selectores `[data-theme='dark']` y `.theme-dark`.

## [1.2.0] - 2026-04-29

### Added

- **`themes/dark.css`:** dark mode completo para tokens semánticos (`--ui-color-*`), sombras y variables de alertas; mismos selectores que `themes/light.css` (`[data-theme="dark"]`, `.theme-dark`).
- **`README.md`:** orden de imports CSS y activación con `data-theme="dark"`.

## [1.1.0] - 2026-04-24

### Changed

- **Tailwind preset:** full `theme.extend` previously maintained in `@imj_media/ui` is now generated from **`src/tailwind/buildThemeExtend.ts`** and applied in **`src/tailwind/preset.ts`**, so consumers that use the preset share the same theme mapping to `var(--ui-*)` (including legacy spacing merge + Figma scale). **Border:** fixed `border.strong` mapping (removed erroneous unary `+`).

### Added

- **`README.md`:** usage for CSS imports, Tailwind `presets`, versioning, and link to UI docs.

## [1.0.1] - 2026-04-23

### Added

- **Typography — consumer hook:** optional CSS variable **`--app-font-family`**. When set on `:root` in a consuming app, it is prepended to the UI stack via **`--ui-font-family-ui`**. When unset, behavior matches the previous default (**Inter**, then system UI fonts). No font files are bundled; consumers load their own faces (e.g. licensed San Francisco) and supply font family names in `--app-font-family`.