ps-helix 7.0.0 → 7.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ps-helix",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "description": "Helix Design System - A comprehensive Angular component library",
   "author": "Fabrice PEREZ - Design Engineer at PACK Solutions",
   "license": "MIT",

package/src/lib/styles/themes/dark-auto.css

@@ -233,7 +233,10 @@
     --psh-text-color-disabled: rgba(255, 255, 255, 0.4);
 
     /* Text on colored backgrounds */
-    --psh-text-on-primary: #FFFFFF;
+    /* Primary is lightened for this theme so it reads against a dark surface; that same
+       lightening put white text on it at 3.52:1, under the 4.5:1 floor. Dark ink, like the
+       five semantic fills below already use here. */
+    --psh-text-on-primary: #000000;
     --psh-text-on-secondary: #FFFFFF;
     --psh-text-on-success: #000000;
     --psh-text-on-warning: #000000;

package/src/lib/styles/themes/dark.css

@@ -222,7 +222,10 @@
   --psh-text-color-disabled: rgba(255, 255, 255, 0.4);
 
   /* Text on colored backgrounds */
-  --psh-text-on-primary: #FFFFFF;
+  /* Primary is lightened for this theme so it reads against a dark surface; that same
+     lightening put white text on it at 3.52:1, under the 4.5:1 floor. Dark ink, like the
+     five semantic fills below already use here. */
+  --psh-text-on-primary: #000000;
   --psh-text-on-secondary: #FFFFFF;
   --psh-text-on-success: #000000;
   --psh-text-on-warning: #000000;

package/types/ps-helix.d.ts

@@ -45,9 +45,18 @@ declare class ThemeService {
         lastChange: Date;
     }>;
     constructor();
+    /**
+     * Switches theme *and* remembers the choice — the two halves of what a theme toggle
+     * means. They used to be split across two methods: `setDarkTheme` wrote `data-theme`
+     * without persisting, `updateTheme` persisted without writing `data-theme`. Whichever
+     * one a consumer picked, half the job was missing, and the demo's own toggle reverted
+     * on every reload.
+     */
     setDarkTheme(isDark: boolean): void;
     toggleTheme(): void;
     updateTheme(name: Theme): void;
+    /** The visible half: the attribute the stylesheets read, and the derived palette. */
+    private applyTheme;
     /**
      * Applies the customer brand colors to CSS variables, automatically
      * deriving variants in OKLCH and enforcing WCAG contrast against the