skcr-design-tokens 2.1.1 → 2.2.0

package/README.md

@@ -62,6 +62,14 @@ Angular applications then use `skcr-autechre`'s `ThemeService` for toggling and
 cross-tab synchronization. It does not do the initialization: the script above
 has already done it.
 
+## Upgrading to 2.2.0
+
+Two classes added, nothing changes for existing screens: **`.badge-success`** and
+**`.badge-info`**, the design's count badges (« Filters 2 », « Columns 7 », the selected metrics of
+a group). A status pair — `success-foreground` / `success`, `info-foreground` / `info` — so the
+same light pill in both themes, its text in the status colour. They replace the pills the
+applications wrote by hand (`px-2 py-0.5 rounded-lg bg-success-foreground text-success`).
+
 ## Upgrading to 2.1.1
 
 One rendering change, aligned on the design's screens: `.btn` takes `shadow-xs` instead of

package/components.css

@@ -138,6 +138,16 @@
       @apply border-primary-300 bg-primary-100;
     }
 
+    /* 2.2.0: the design's count badges (Filters, Columns, the metric groups) — a status pair, so
+       the same light pill in both themes, its text in the status colour rather than slate-950. */
+    &.badge-success {
+      @apply bg-success-foreground text-success;
+    }
+
+    &.badge-info {
+      @apply bg-info-foreground text-info;
+    }
+
     &.badge-green {
       @apply border-green-300 bg-green-100;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skcr-design-tokens",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Design system SkillCorner : tokens de couleur, utilitaires typographiques et classes de composants. CSS pur, sans dépendance.",
   "license": "UNLICENSED",
   "sideEffects": [