@stnd/lab 1.7.0 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @stnd/lab
 
+## 1.8.0
+
+### Minor Changes
+
+- Auto-bumped @stnd/lab due to modified code.
+
+### Patch Changes
+
+- @stnd/ui@0.16.2
+
 ## 1.7.0
 
 ### Minor Changes

package/Lab.svelte

@@ -492,9 +492,11 @@
       "--font-interface",
       "--font-monospace",
       "--font-text-size",
-      "--font-density",
+      "--density",
+      "--ratio",
       "--optical-ratio",
       "--page-padding",
+      "--reading-width",
       "--rhythm-block-scale",
       "--radius",
     ];
@@ -554,9 +556,11 @@
       "--font-interface",
       "--font-monospace",
       "--font-text-size",
-      "--font-density",
+      "--density",
+      "--ratio",
       "--optical-ratio",
       "--page-padding",
+      "--reading-width",
       "--rhythm-block-scale",
       "--radius",
     ];
@@ -986,10 +990,12 @@
       "--font-monospace",
       "--font-text-size",
       "--font-size",
-      "--font-density",
+      "--density",
+      "--ratio",
       "--line-height",
       "--optical-ratio",
       "--page-padding",
+      "--reading-width",
       "--rhythm-block-scale",
       "--rhythm-gap-new-line",
       "--radius",
@@ -1156,11 +1162,13 @@
 
   function onLineHeightInput(e) {
     lineHeight = parseFloat(e.target.value);
-    writeVar("--font-density", String(lineHeight));
+    writeVar("--density", String(lineHeight));
+    writeVar("--line-height", String(lineHeight));
   }
 
   function onRatioInput(e) {
     ratio = parseFloat(e.target.value);
+    writeVar("--ratio", String(ratio));
     writeVar("--optical-ratio", String(ratio));
   }
 
@@ -1754,11 +1762,11 @@
             </div>
             <div class="lab-field">
               <label class="lab-field-label" for="lab-line-height"
-                >Font density</label
+                >Density</label
               >
               <div class="lab-slider-wrapper">
                 <input
-                  id="lab-line-height" title="--font-density: sets --line-height, which stays between 1.35 and 1.75"
+                  id="lab-line-height" title="--density: sets vertical cadence and line-height (1.35 to 1.75)"
                   type="range"
                   class="lab-range"
                   value={lineHeight}
@@ -1772,11 +1780,11 @@
             </div>
             <div class="lab-field">
               <label class="lab-field-label" for="lab-ratio"
-                >Optical Ratio</label
+                >Ratio</label
               >
               <div class="lab-slider-wrapper">
                 <input
-                  id="lab-ratio"
+                  id="lab-ratio" title="--ratio: modular scale factor"
                   type="range"
                   class="lab-range"
                   value={ratio}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/lab",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "svelte": "./Lab.svelte",
   "author": "Francis Fontaine",
@@ -16,7 +16,7 @@
   "dependencies": {
     "bezier-easing": "^3.0.1",
     "svelte": "5.57.2",
-    "@stnd/ui": "0.16.1"
+    "@stnd/ui": "0.16.2"
   },
   "peerDependencies": {
     "astro": ">=5.0.0"