origam 2.23.1 → 2.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +37 -0
- package/dist/src/assets/css/main.css +1 -1
- package/dist/src/assets/css/tokens/dark.css +24 -10
- package/dist/src/assets/css/tokens/light.css +12 -5
- package/dist/src/assets/css/tokens/origam-utilities.css +84 -0
- package/dist/src/assets/css/tokens/primitive.css +1 -0
- package/dist/src/assets/scss/tokens/_dark.scss +24 -10
- package/dist/src/assets/scss/tokens/_light.scss +12 -5
- package/dist/src/assets/scss/tokens/_origam-utilities.scss +84 -0
- package/dist/src/assets/scss/tokens/_primitive.scss +1 -0
- package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +1 -1
- package/dist/src/components/Skeleton/OrigamSkeleton.vue +89 -125
- package/dist/src/components/Skeleton/OrigamSkeletonGroup.vue +52 -0
- package/dist/src/components/Skeleton/index.cjs +7 -0
- package/dist/src/components/Skeleton/index.d.ts +1 -0
- package/dist/src/components/Skeleton/index.js +1 -0
- package/dist/src/consts/Skeleton/skeleton.const.cjs +7 -0
- package/dist/src/consts/Skeleton/skeleton.const.d.ts +11 -0
- package/dist/src/consts/Skeleton/skeleton.const.js +1 -0
- package/dist/src/consts/index.cjs +11 -0
- package/dist/src/consts/index.d.ts +1 -0
- package/dist/src/consts/index.js +1 -0
- package/dist/src/enums/Skeleton/skeleton.enum.cjs +9 -2
- package/dist/src/enums/Skeleton/skeleton.enum.d.ts +27 -4
- package/dist/src/enums/Skeleton/skeleton.enum.js +7 -0
- package/dist/src/interfaces/Skeleton/skeleton-group.interface.cjs +1 -0
- package/dist/src/interfaces/Skeleton/skeleton-group.interface.d.ts +34 -0
- package/dist/src/interfaces/Skeleton/skeleton-group.interface.js +0 -0
- package/dist/src/interfaces/Skeleton/skeleton.interface.d.ts +27 -10
- package/dist/src/interfaces/index.cjs +11 -0
- package/dist/src/interfaces/index.d.ts +1 -0
- package/dist/src/interfaces/index.js +1 -0
- package/dist/src/themes/origam.theme.cjs +2 -4
- package/dist/src/themes/origam.theme.js +2 -2
- package/dist/src/types/Skeleton/skeleton.type.d.ts +4 -1
- package/dist/src/types/tokens.type.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -18,6 +18,43 @@ This project follows [Semantic Versioning](https://semver.org).
|
|
|
18
18
|
|
|
19
19
|
## [Unreleased]
|
|
20
20
|
|
|
21
|
+
## [2.24.0] - 2026-10-14
|
|
22
|
+
|
|
23
|
+
### Changed — refonte d'`OrigamSkeleton` : primitives, pulse par defaut, `OrigamSkeletonGroup` (#1073 lot 1, #1074, #1075, #1076)
|
|
24
|
+
|
|
25
|
+
Lot 1 de #1073. Les composants consommateurs (`OrigamBtn`, `OrigamCard`, `OrigamField`, `OrigamSwitch`, `OrigamDataTable*`, `OrigamExpansionPanel*`) ne sont PAS touches : ils continuent d'utiliser `OrigamSkeleton` (gabarits `card` / `list-item` conserves) et migrent au lot 2.
|
|
26
|
+
|
|
27
|
+
**Ruptures (assumees, pre-1.0) :**
|
|
28
|
+
- La prop booleenne `pulse` est **supprimee**. Elle declenchait en realite une vague : son nom mentait. Remplacee par `animation: 'pulse' | 'wave' | 'none'` (enum `SKELETON_ANIMATION`, type `TSkeletonAnimation`). `:pulse="false"` devient `animation="none"`. Defaut : `pulse`.
|
|
29
|
+
- Le defaut visuel change : une **pulsation d'opacite de 1,6 s** (1 vers 0,55) remplace la vague par `background-position` a 400 ms. `circular` ne **tourne plus** (il ressemblait a un spinner) : il suit la meme animation que les autres formes.
|
|
30
|
+
- Le remplissage est derive de la couleur du texte (`color-mix(in srgb, currentColor 10 %, transparent)`, 13 % en dark) au lieu de `--origam-color__surface---overlay`.
|
|
31
|
+
- `OrigamSkeleton` n'injecte plus de `<style id="origam-skeleton-…">` par instance dans `<head>` (double style `:style` + `useStyle()` retire) ; `defineExpose` ne porte plus `css`, `id`, `load`, `unload`, `isLoaded`.
|
|
32
|
+
- Un bloc de skeleton n'a plus `role="status"` quand il est dans un `OrigamSkeletonGroup` : il est `aria-hidden`, et c'est le groupe qui annonce.
|
|
33
|
+
- Tokens : `--origam-skeleton---animation-duration` lit desormais `--origam-motion__duration---loop` (nouveau palier, `1600ms`) au lieu de `---xslow` (400 ms). `---text-height` passe de `1.2em` a `0.7em`.
|
|
34
|
+
- `themes/origam.theme.ts` : `'origam-skeleton'` ne pose plus `rounded: 'sm'`.
|
|
35
|
+
|
|
36
|
+
**Ajouts :**
|
|
37
|
+
- Primitive `pill` ; `text` est une barre en pilule de `0.7em` centree dans la ligne. `width` / `height` passent par `IDimensionProps` (`min*` / `max*` honores).
|
|
38
|
+
- `OrigamSkeletonGroup` : une seule annonce (`role="status"`, `aria-busy`) par zone et une seule horloge d'animation pour tous les blocs.
|
|
39
|
+
- Mecanisme d'etat CSS sur l'hote : la classe utilitaire `.origam--skeleton` (+ `-wave`, `-none`, `-group-pulse`) peint n'importe quel element en placeholder via `::after`, sans noeud ajoute. Ne fonctionne pas sur `<input>`, `<textarea>`, `<select>`, images.
|
|
40
|
+
- Tokens : `---highlight-color` (remplace `---wave-color`, lu mais jamais declare), `---animation-iterations`, `---border-radius-pill`, `---text-margin-block`, `---circular-size`, `---pill-height`, `---pill-width`, `--origam-motion__duration---loop`. `---opacity-min/max` sont maintenant lus par le pulse.
|
|
41
|
+
|
|
42
|
+
**Corrige :**
|
|
43
|
+
- #1074 : sous `prefers-reduced-motion: reduce` toutes les animations du skeleton s'arretent (la regle (0,2,0) perdait contre (0,3,0)).
|
|
44
|
+
- WCAG 2.2.2 : l'animation est plafonnee a environ 10 s (6 iterations de 1,6 s), CSS seul.
|
|
45
|
+
- #1075 : `circular` rend un vrai cercle sous le theme `origam` (`aspect-ratio: 1`, plus de rayon `sm` impose par le theme).
|
|
46
|
+
- #1076 (cote composant) : double style, tokens morts, `wave-color` non declare, documentation (decrivait une pulsation que le code ne faisait pas).
|
|
47
|
+
|
|
48
|
+
### Fixed — le cache Nitro des routes `/api/reference/**` servait une réponse d'ancien format (#1063)
|
|
49
|
+
|
|
50
|
+
Sans version de format dans la clé, une entrée de cache écrite avant un changement de forme (`name` -> `label`, #1046) était servie telle quelle par le SWR de Nitro : `/components/alert` répondait 500 au rendu serveur (`Cannot read properties of undefined (reading 'replace')`, reproduit puis supprimé en dev). Les 4 handlers de référence préfixent désormais leur clé de `REFERENCE_CACHE_FORMAT_VERSION` (`server/consts/cache.const.ts`), à incrémenter dans le commit de tout changement de forme d'une de leurs réponses. L'invalidation admin (`PATCH /api/admin/reference/:kind/:slug`) ne supprimait rien — elle visait `nitro:handlers` au lieu de `cache:nitro:handlers` et omettait la locale — : elle supprime maintenant toutes les variantes (locale, `limit`) de la fiche, à partir de la même construction de clé que le handler, et journalise une erreur de stockage au lieu de l'avaler. Les TTL redéclarés en ligne dans 6 handlers sont réunis dans `server/consts/cache.const.ts`. Site marketing uniquement : aucun changement du paquet `origam`.
|
|
51
|
+
|
|
52
|
+
## [2.23.2] - 2026-10-13
|
|
53
|
+
|
|
54
|
+
### Fixed — `OrigamBreadcrumbItem` rendait `href="[object Object]"`
|
|
55
|
+
|
|
56
|
+
Le template ecrivait `:href="link.href"`. `useLink` rend `href` sous forme de ref, et `link` est un objet simple : la ref n'etait pas deballee, donc tout maillon de fil d'Ariane portant `to` ou `href` rendait l'attribut `href="[object Object]"` (mesure navigateur, maillon parent de `/components/bracket-match`). Corrige en `link.href.value`, comme `OrigamListItem`. Le contrat documente (« `href` / `to` — surface de lien standard ») n'a pas change : story et doc inchangees.
|
|
57
|
+
|
|
21
58
|
## [2.23.1] - 2026-10-13
|
|
22
59
|
|
|
23
60
|
### Security — `pnpm audit` repasse a `exit 0` (#1065, PR #1068)
|