@ptlm-azulejo/themes 1.4.0-alpha.211 → 1.4.0-alpha.239

package/CHANGELOG.md

@@ -4,15 +4,17 @@
 
 ### Minor Changes
 
+- ed67497: Add `AzToaster` (`@ptlm-azulejo/toaster`) aligned with Mozaic `MToaster`: a temporary overlay notification with `v-model:open`, required `description`, `status` (`info` / `success` / `warning` / `error`), `position` (`top` / `bottom` / `top-center` / `bottom-center`), optional close button, a **3000ms** default auto-dismiss timeout (override with `timeout`, or pass `0` to disable), a depleting timeout progress bar powered by `AzLinearProgressBar`, an `undoAction` prop with an Undo action button that defaults to the label **Undo**, an `actionLabel` prop for i18n overrides, an `action` slot for custom actions, `--toaster-z-index`, and a typed `:ui` escape hatch. Status glyphs come from `@ptlm-azulejo/icons`.
+
+  Also ships `AzToasterGroup` + `useToast()` for PrimeVue-style multi-toast stacks: **first in, last out** (newest on top), collapsed overlap in `stacked` mode, full list on hover/focus, timers paused while expanded, `limit`, `gap`, and `expanded` mode. Each toast keeps its own auto-dismiss clock from the moment it was added — adding another toast does not restart the others.
+
+  Themes gain inverse status tokens (`--color-status-inverse-background-*` and `--color-status-inverse-standalone-*`) so toasters follow the Mozaic dark overlay surfaces.
+
 - 66c7a93: Add `--color-background-disabled` (`#d9d9d9`)(from Design System), the Mozaic disabled surface shared by form and action controls.
 - 2d3e3ab: Add `AzTag` (`@ptlm-azulejo/tag`) aligned with Mozaic `MTag`: informative, interactive, contextualised, removable, and selectable types, with sizes, `v-model`, `remove-tag`, an `iconClass` prop for `@ptlm-azulejo/icons` glyphs, and a `:ui` escape hatch. Props are a discriminated union on `type`, so TypeScript requires `id` and `name` for selectable tags and `id` for removable tags.
 
   Themes gain shared disabled tokens (`--color-background-disabled`, `--color-text-disabled`) and brand tag color tokens (`--color-tag-*`) so tags follow `.preset-lm` / `.preset-adeo` and light/dark at runtime.
 
-### Patch Changes
-
-- 85ee58d: Add `AzNumberBadge` — a circular numeric indicator for notifications and counts, with `appearance`, `size` (`s`, `m`, `l`), and `:ui` props. Theme package now ships Mozaic number-badge color tokens in `base.css`.
-
 ## 1.3.2
 
 ### Patch Changes

package/base.css

@@ -90,17 +90,18 @@
   --color-success-600: #188803;
   --color-success-700: #006902;
 
+  /* Inverse status surfaces (dark overlays: toaster). Brand-agnostic
+     Mozaic values — the same on Leroy Merlin and Adeo. */
+  --color-status-inverse-background-info: #002a41;
+  --color-status-inverse-background-success: #023618;
+  --color-status-inverse-background-warning: #360e00;
+  --color-status-inverse-background-error: #2d0000;
+  --color-status-inverse-standalone-info: #3facd7;
+  --color-status-inverse-standalone-success: #78be20;
+  --color-status-inverse-standalone-warning: #ef934a;
+  --color-status-inverse-standalone-error: #ef5f5c;
+
   /* ── Disabled (Mozaic semantic, brand-agnostic) ─────────────── */
   --color-background-disabled: #d9d9d9;
   --color-text-disabled: #737373;
-
-  /* ── Number badge (Mozaic semantic, brand-agnostic) ─────────── */
-  --number-badge-color-background-standard: #464e63;
-  --number-badge-color-background-accent: #117f03;
-  --number-badge-color-background-danger: #c61112;
-  --number-badge-color-background-inverse: #ffffff;
-  --number-badge-color-text-standard: #ffffff;
-  --number-badge-color-text-accent: #ffffff;
-  --number-badge-color-text-danger: #ffffff;
-  --number-badge-color-text-inverse: #464e63;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptlm-azulejo/themes",
-  "version": "1.4.0-alpha.211",
+  "version": "1.4.0-alpha.239",
   "description": "Multi-brand theme tokens (Leroy Merlin, Adeo) for the @ptlm-azulejo components, aligned with the Mozaic Design System.",
   "type": "module",
   "exports": {