qss 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8ede42a34241c427ed061678140580661f4dbb494ded598e312e64e34fdcf211
-  data.tar.gz: 813b25c7cf09e631881a0c410d3625dd43f556aa709c165be4fdc33a0d2ce73d
+  metadata.gz: 52a11c20467a26938ab77c01f1f66a1c1c10630f188cdbfa7e55a93b736a777d
+  data.tar.gz: 88d592778cc50318d8b04b45b7cd879b8e380ee12d8f5df57d4ee994000a9221
 SHA512:
-  metadata.gz: 134099b4edc02e6fec980a1b5aff0b9e23e776c7e848d1ec156c6e7c6b88b724c4b219c7fffff2fc8d4a498beb185c2062be2bd01582b68a17ee4f093ada00b3
-  data.tar.gz: c0c7cfa4e64b5cd476234cb421544f4ef038b90f6d37b9ed22a6d4ca18a2d16df6d0a2b2379819ae2f4fc83adb3b70d7760da7309d09c7b94c17d369b684be99
+  metadata.gz: 82d8429ff4872b01ea4a11bbaa4547f941be8016b07969b5faf060d064cfa48792271672f3a8d8e5ea2235c55c7b0c05b262bed12b319f3b6778b5508fb7f3e7
+  data.tar.gz: 1b57085d9868676508bb6780ff0939dcd9ff6d9d6139d0902d3bdfd63b1653de0bc0126563c5abdc4165e936a25a1af5c21d67052f397b2e6728c58710c67c32

data/CHANGELOG.md

@@ -5,6 +5,60 @@ versions follow [Semantic Versioning](https://semver.org/) (before 1.0, minor ve
 
 ## [Unreleased]
 
+## [0.1.3] - 2026-10-17
+
+### Added
+- `QSS::QssNativeAuditor::Dimensions.missing_axes` now recognizes two more ways an axis counts as declared,
+  revisiting a 2026-09-24 deferral now that flex and Tailwind's boundary are settled (DESIGN_HISTORY #12):
+  two opposite insets on the same axis (`pos-x[N]`+`pos-r[N]` for width, `pos-y[N]`+`pos-b[N]` for height -- both
+  edges pinned fixes the size exactly with no width/height class at all), and `flex-1`/`flex-auto` on the flex
+  parent's own main axis (resolved from the parent's `.vertical`/`.flex`/`.horizontal` classes; with no flex
+  parent, or on the cross axis, it still declares nothing -- never guessed). Takes an optional `parent_classes:`
+  keyword, passed by `audit_file` from the actual DOM parent.
+- `QSS::QssNativeAuditor` now checks that every class literally resolves to a rule in the compiled stylesheet, not
+  just that its shape matches a known pattern. The 2026-09-21 census found about 29 percent of real class tokens
+  resolved to no CSS at all while both auditors reported green; this is the guardrail that finding called for,
+  closing the gap. Checks core's own `qss_core.css` by default, or a consumer's own compiled output via the new
+  `auditor.stylesheet_path` config key (following the same pattern as `registry_path`) -- a consumer should point
+  this at what its markup actually renders against. A handful of classes are deliberately CSS-free behavioral
+  flags (`qss`, `foreign`, `qss-legibility-override`, `qss-ergonomic-override`, `qss-payload-override`,
+  `qss-dampen-scaling`, `qss-content-driven`) and are exempt. New finding: `unresolved_class` (red), deduplicated
+  per distinct class per file. Covered by a new spec file (21 examples) plus a configuration spec for the new key.
+
+### Changed
+- `contain-layout`/`qss-contain-layout` now clip paint by default (`contain: layout paint`, was `contain: layout`
+  alone), so a frame's overflow can no longer bleed into its neighbours -- `contain: layout` isolates layout math
+  but not paint. Anything that needs to visually escape a frame on purpose (tooltips, dropdowns, modals) already
+  has to go through the portal (a `z-index` outside it is its own red violation), so this doesn't reopen that
+  case. New opt-out for the rare frame that wants decorative overflow (a shadow, a hover scale) without the
+  portal: add `qss-paint-override` alongside `contain-layout`/`qss-contain-layout` to restore layout-only
+  containment. Covered by two new specs on the compiled stylesheet and, in the browser render check, a real
+  `elementFromPoint` hit-test proving an overflowing child is actually clipped (and, with the override, actually
+  isn't) -- not just that `getComputedStyle` reports the right `contain` value.
+
+### Fixed
+- `QSS::QssNativeAuditor`'s advice for an unregistered native qualifier (`{qualifier}-{nativeTag}`) no longer
+  suggests dropping the qualifier. Doing so turns the id into a bare native tag, which the auditor itself flags as
+  a separate red `missing_qualifier` violation -- the old advice traded one red finding for another instead of
+  resolving anything. The only advice now given is to register what the qualifier adds to the base object.
+- `--qnt` (the structural unit) is now dampened at the extremes: `clamp(0.39px, 0.1cqw, 3.2px)` instead of plain
+  `0.1cqw`/`0.1vw`. Floor is the qnt value at a 390px CSS viewport width (a real narrow-mobile width regardless of
+  the panel's physical/FHD+/QHD+ resolution, since `cqw`/`vw` only ever see CSS pixels); cap is the qnt value at
+  3200px, just past a maximized 1440p/27" monitor, so ordinary desktop widths (up to ~2560px) scale exactly as
+  before and only genuine ultra-wide/high-resolution canvases or genuine phone-narrow ones are dampened. Past the
+  cap, every structural dimension stays fixed regardless of how much wider the canvas gets -- extra width becomes
+  more usable space, not bigger borders/gaps/padding. Bounds are configurable (`config.dampen_scale` in
+  `grammar.yml`/a consumer's config). Covered by 4 new render-check assertions (25 in total), 2 proving the clamp
+  engages at real extreme widths, not just that the unclamped math is right.
+- Responsive percentage utilities (`qss-{breakpoint}:w-pct[N]`, `h-pct`, `pos-x-pct`, `pos-y-pct`, for every
+  horizontal and vertical breakpoint) now compile to valid CSS. The generator previously interpolated the raw
+  number (`#{$i * 0.1}%`), which Dart Sass renders with a space before the unit (`width: 0.1 %;`), an invalid
+  declaration browsers drop; it now uses `percentage()`, same as the non-responsive `w-pct[N]` rule already did.
+  These rules were also never scoped to `#qss-canvas` like every other utility in the file (missing the
+  `qss-dsl-boost` wrapper), so once valid they would have applied anywhere a host app reused the class name; they
+  are now scoped along with everyone else. Covered by two new specs on the compiled stylesheet, confirmed to fail
+  against the old output and pass against the fix.
+
 ## [0.1.2] - 2026-10-05
 
 ### Changed

data/app/assets/javascripts/qss/qss-engine.js

@@ -116,6 +116,7 @@ const QSSEngine = (function() {
         'qss-dampen-scaling',
         'qss-ergonomic-override',
         'qss-legibility-override',
+        'qss-paint-override',
         'qss-payload-override',
         'relative',
         'resize',

data/app/assets/stylesheets/qss/_qss_defaults.scss

@@ -51,6 +51,12 @@ $qss-content-scale: (
   "calibration-width": 1440
 ) !default;
 
+/* Structural unit dampening (SETTLED 2026-10-17). */
+$qss-dampen-scale: (
+  "floor-width": 390,
+  "cap-width": 3200
+) !default;
+
 /* Named-group registry (consumer-supplied). */
 $qss-group-names: () !default;