@stnd/lab 1.5.0 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stnd/lab
 
+## 1.5.1
+
+### Patch Changes
+
+- Auto-bumped @stnd/lab due to modified code.
+
 ## 1.5.0
 
 ### Minor Changes

package/Lab.svelte

@@ -359,7 +359,10 @@
     fontHeader = readVar("--font-header", target);
     fontInterface = readVar("--font-interface", target);
     fontMono = readVar("--font-monospace", target);
-    fontSize = parseFloat(readVar("--font-size", target)) || 1;
+    fontSize =
+      parseFloat(readVar("--font-text-size", target)) ||
+      parseFloat(readVar("--font-size", target)) ||
+      1;
     lineHeight = parseFloat(readVar("--line-height", target)) || 1.414;
     ratio = parseFloat(readVar("--optical-ratio", target)) || 1.414;
 
@@ -399,7 +402,7 @@
       "--font-header",
       "--font-interface",
       "--font-monospace",
-      "--font-size",
+      "--font-text-size",
       "--line-height",
       "--optical-ratio",
       "--page-padding",
@@ -459,7 +462,7 @@
       "--font-header",
       "--font-interface",
       "--font-monospace",
-      "--font-size",
+      "--font-text-size",
       "--line-height",
       "--optical-ratio",
       "--page-padding",
@@ -637,6 +640,15 @@
         const savedOverrides = JSON.parse(
           sessionStorage.getItem("stnd-overrides") || "{}",
         );
+        if (savedOverrides["--font-size"]) {
+          delete savedOverrides["--font-size"];
+          document.documentElement.style.removeProperty("--font-size");
+          try {
+            sessionStorage.setItem("stnd-overrides", JSON.stringify(savedOverrides));
+          } catch {
+            /* noop */
+          }
+        }
         if (Object.keys(savedOverrides).length > 0) {
           for (const [token, value] of Object.entries(savedOverrides)) {
             document.documentElement.style.setProperty(token, value);
@@ -852,6 +864,7 @@
       "--font-header",
       "--font-interface",
       "--font-monospace",
+      "--font-text-size",
       "--font-size",
       "--line-height",
       "--optical-ratio",
@@ -996,7 +1009,11 @@
   // =========================================================================
   function onFontSizeInput(e) {
     fontSize = parseFloat(e.target.value);
-    writeVar("--font-size", `${fontSize}rem`);
+    document.documentElement.style.removeProperty("--font-size");
+    if (document.body?.hasAttribute("data-theme")) {
+      document.body.style.removeProperty("--font-size");
+    }
+    writeVar("--font-text-size", `${fontSize}rem`);
   }
 
   function onLineHeightInput(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/lab",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "type": "module",
   "svelte": "./Lab.svelte",
   "author": "Francis Fontaine",