origam 2.27.0 → 2.29.1

package/CHANGELOG.md

@@ -18,6 +18,49 @@ This project follows [Semantic Versioning](https://semver.org).
 
 ## [Unreleased]
 
+## [2.29.1] - 2026-10-15
+
+### Fixed — publication de rattrapage : 2.28.0 et 2.29.0 n'avaient pas été publiées
+
+Les commits de release 2.28.0 et 2.29.0 ont échoué au quality gate SonarQube du workflow Build (`[CODE_SMELL/CRITICAL] contrast.directive.ts:346 — Remove this use of the "void" operator`, introduit par #1112). Aucune des deux n'a été publiée sur npm. Le défaut est corrigé (#1124 : helper `forceStyleRecalc(el)` dans `v-contrast`, le recalcul de style a toujours lieu), et **2.29.1 livre le contenu des sections 2.28.0 et 2.29.0 ci-dessous**. Depuis 2.27.0, monter directement en 2.29.1. Le trou du quality gate (Sonar ne tourne pas sur les PR) est suivi dans #1123.
+
+## [2.29.0] - 2026-10-15
+
+> **Non publiée sur npm** — bloquée par le quality gate SonarQube ; contenu livré dans **2.29.1**.
+
+### Changed — `OrigamBtn` : prop `wrap`, hauteur MINIMALE, `padding-block` lu (#1093, #1094, #929)
+
+Trois defauts du meme geste : un libelle plus long que le bouton ne pouvait ni passer a la ligne (#1093), ni agrandir le bouton (#1094), ni etre aere par un padding vertical (#929). Mesure : sonde Chromium `pnpm -F @origam/tests audit:btn-height`, meme code de sonde avant (`origin/develop`) et apres, 8 identites x 2 modes.
+
+- **`wrap`** (nouvelle prop booleenne, classe `origam-btn--wrap`) : `__content` passe de `white-space: nowrap` a `normal`, texte centre. Themable par props comme toute prop (`theme.components['origam-btn']`). Mesure, `block` dans 320 px, libelle FR de 445 px : sans `wrap` le contenu depasse de 70 px ; avec `wrap` il tient (0 px de debordement) sur deux lignes.
+- **Hauteur = minimum** : `height: auto` + `min-height` = `calc(--origam-btn---height + --origam-btn---density)` (inchange). Un bouton dont le contenu tient garde sa hauteur ; il ne grandit que si le contenu depasse. Mesure, `size="large"` dans 160 px avec `wrap` : 44 px -> 112 px (contenu : 112 px). La racine declare `align-items: center` (effet sur `block`, en `flex`) pour garder le contenu centre dans le minimum.
+- **`--origam-btn---padding-block`** est enfin LU (repli `0px`, declare dans `light.css` / `dark.css` et leurs jumeaux SCSS). Les regles `&--size-*` et `&--slim` ne posent plus que `padding-inline` ; un shorthand `padding: 0 …` remettrait le bloc a zero.
+
+**Hauteur au repos, avant/apres** : 2 672 `rect-height` releves (identite x mode x forme x taille x densite, plus Chip, Code, `BtnGroup`, `BtnToggle`), **2 654 identiques, 18 ecarts** — tous `x-small` + `compact` (boite de 12 px) dont le contenu ne tenait deja pas : `border="thick"` 12 -> 14 px (16 configurations), `outlined` sous l'identite `cartoon` 12 -> 16 px (2 configurations, 1 px de debordement avant). Aucun autre ecart de hauteur ni de largeur. `BtnGroup` et `BtnToggle` : 0 ecart.
+
+**Ruptures (assumees, pre-1.0) :**
+- Rendu : limite aux boutons dont le contenu depassait deja la hauteur fixe (cf. les 18 cas ci-dessus). Les boutons `icon` gardent une hauteur FIXE (`&--icon { height: calc(token) }`) : leur largeur derive du meme token, aucun libelle ne peut deborder.
+- `--origam-btn---min-height: 0` n'est plus sans effet : avec `height: auto` il SUPPRIME le plancher et le bouton retombe a la hauteur de son contenu. Les cinq ecritures de ce `0` dans le DS (`OrigamChip`, `OrigamCode` x2, `OrigamChartCartesian`, `OrigamChartPolar`) etaient sans effet sous une hauteur fixe et ont ete retirees ; un consommateur externe qui l'ecrit doit faire de meme. `--origam-btn---min-height` peut toujours RELEVER le minimum.
+- Mesure documentee, non corrigee : sans police d'icones chargee, le contenu d'un bouton avec `prepend-icon` aux tailles `x-small`, `large` et `x-large` se decale de 0,5 px vers le haut (144 releves sur 16 configurations). Je ne sais pas si l'ecart se voit avec la vraie police d'icones.
+
+## [2.28.0] - 2026-10-15
+
+> **Non publiée sur npm** — bloquée par le quality gate SonarQube ; contenu livré dans **2.29.1**.
+
+### Fixed — `useStyle` emet sa regle cote serveur ; `v-contrast` attend la fin reelle de la transition et ne logge plus qu'en dev (#1092)
+
+**`useStyle` (140 composants).** La regle `#id { … }` n'etait ecrite dans `<head>` que depuis `onMounted`, qui ne tourne jamais cote serveur : un composant qui ne se peint que par cette regle (`OrigamBtn`, `OrigamBtnToggle`, `OrigamBtnGroup`, `OrigamAvatar`, `OrigamBreadcrumb`, `OrigamBottomNav`, `OrigamStepper`) sortait nu du HTML servi. Mesure du ticket, site marketing en production, `/contact`, bouton primaire, JS coupe puis actif : fond `rgb(251, 245, 255)` → `rgb(124, 58, 237)`, rayon `8px` → `12px`. Meme page, build corrige : `rgb(124, 58, 237)` / `12px` des le premier paint, identique apres hydratation.
+
+- Cote serveur, `createOrigam()` fournit un collecteur **par app** ; `useStyle` y enregistre sa regle. Nuxt : le plugin serveur du module pousse les regles dans le head (`app:rendered`). Vue SSR sans Nuxt : `renderSsrStyles(app)` / `getSsrStyles(app)` (exports de `origam/utils`), a inserer dans `<head>` apres `renderToString`.
+- Chaque `<style>` porte un `id` derive du `useId()` de l'instance (+ l'index de l'appel `useStyle` dans l'instance) : le client **reutilise** le tag du serveur au montage. Un second `useStyle` dans un meme document (deuxieme app) ne partage plus le tag du premier ; `useStyleTag.unload()` retire l'element qu'il detient au lieu de `removeChild(getElementById(id))`, qui levait quand le `<head>` avait ete vide.
+- Une valeur de style contenant `</style` est echappee (`<\/style`) : elle ne peut plus fermer le tag.
+
+**Rupture (assumee, pre-1.0) :** l'`id` par defaut du `<style>` d'un `useStyle` passe de `origam_styletag_<N>` (compteur de module) a `origam-style-<composant>-<useId>-<index>`. `styleTagId` change donc de valeur et de forme ; `useStyleTag(css)` appele sans `id` garde son defaut.
+
+**`v-contrast`.** La correction reste active en production, `!important` conserve. Changements :
+- le `console.warn` n'est plus emis que sous `import.meta.env?.DEV` (le texte disparait du bundle de production : `Low text contrast` absent de `.output`) ;
+- **une seule** mesure, prise une fois les transitions de couleur de l'element et de ses ancetres terminees (`getAnimations()` apres `getComputedStyle` ; repli : timer derive de `transition-duration` + `transition-delay`). Remplace rAF + `setTimeout(250)` : avec la transition de 280 ms du Btn, la 2e passe lisait une couleur en cours de transition (2 avertissements par bouton, le second contre `rgb(125, 60, 237)` pour un fond qui se pose a `rgb(124, 58, 237)`).
+
 ## [2.27.0] - 2026-10-15
 
 ### Removed — `OrigamSkeleton` : les gabarits `card` et `list-item` (BREAKING, #1073 lot 3, #1083)