@stnd/styles 0.7.3 → 0.7.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stnd/styles
 
+## 0.7.5
+
+### Patch Changes
+
+- Auto-bumped @stnd/styles due to modified code.
+
+## 0.7.4
+
+### Patch Changes
+
+- Auto-bumped @stnd/styles due to modified code.
+
 ## 0.7.3
 
 ### Patch Changes

package/_standard-11-forms.scss

@@ -253,11 +253,11 @@ input[type="checkbox"][role="switch"] {
      (an 8px thumb inset by 2px on each side), but any consumer overriding
      --switch-height alone (a smaller, denser control panel, say) kept that
      same fixed inset and ended up with a visibly undersized thumb, since
-     the padding never scaled down with it. A ratio of the height reproduces
-     roughly that look at the default size while actually scaling — /14
-     (Francis, iterating live: the thumb should fill the track more, not
-     leave a ring of bare track color showing around it). */
-  --switch-padding: calc(var(--switch-height) / 14);
+     the padding never scaled down with it. Went to 0 (Francis, iterating
+     live: the thumb should fill the track, full height, no ring of bare
+     track color around it) — the thumb's own diameter now equals the
+     track's height exactly. */
+  --switch-padding: 0px;
 
   appearance: none;
   box-sizing: border-box; /* Reset content-box from base checkbox rule */
@@ -299,7 +299,16 @@ input[type="checkbox"][role="switch"] {
     height: calc(var(--switch-height) - var(--switch-padding) * 2);
     border-radius: 50%;
     background: var(--color-surface-high);
-    box-shadow: var(--shadow-raised);
+    /* Not --shadow-raised here on purpose — its ambient component
+       (--shadow-ambient: 0 1px 1px) is a fixed 1px DOWNWARD drop shadow,
+       tuned to be a subtle depth cue on normal-sized raised elements. On a
+       thumb sized to exactly fill its track (padding 0, see above) that
+       same 1px shows up as a real, asymmetric gap: a crisp bright edge at
+       the top (the inset highlight) against a soft shadow-blurred one at
+       the bottom, which reads as "not touching" the track's bottom edge
+       even though the circle's true box does. Border ring only — no
+       directional shadow to be asymmetric in the first place. */
+    box-shadow: inset 0 1px 0 0 var(--color-highlight), 0 0 0 1px var(--color-border);
     transition: all var(--transition-fast);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/styles",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "type": "module",
   "author": "Francis Fontaine",
   "license": "MIT",