@stnd/lab 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stnd/lab
 
+## 1.6.0
+
+### Minor Changes
+
+- Auto-bumped @stnd/lab due to modified code.
+
+## 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",
@@ -866,8 +879,16 @@
 
     if (t) {
       document.documentElement.setAttribute("data-theme", t);
+      try {
+        document.cookie = `stnd_theme=${encodeURIComponent(t)}; Path=/; Max-Age=31536000; SameSite=Lax`;
+        localStorage.setItem("std_theme", t);
+      } catch (e) {}
     } else {
       document.documentElement.removeAttribute("data-theme");
+      try {
+        document.cookie = `stnd_theme=; Path=/; Max-Age=0; SameSite=Lax`;
+        localStorage.removeItem("std_theme");
+      } catch (e) {}
     }
     sessionStorage.setItem("stnd-theme", t);
 
@@ -996,7 +1017,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.6.0",
   "type": "module",
   "svelte": "./Lab.svelte",
   "author": "Francis Fontaine",