@refrakt-md/skeleton 0.24.1 → 0.24.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refrakt-md/skeleton",
   "description": "The structural cascade layer + layer-order contract every refrakt theme builds on — ships `@layer skeleton` and the `@layer skeleton, skin;` order declaration, plus the token-name contract",
-  "version": "0.24.1",
+  "version": "0.24.3",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
     "styles"
   ],
   "dependencies": {
-    "@refrakt-md/types": "0.24.1"
+    "@refrakt-md/types": "0.24.3"
   },
   "scripts": {
     "build": "tsc"

package/styles/layouts/split.css

@@ -75,7 +75,28 @@
 	height: 100%;
 	object-fit: cover;
 }
-/* Guests that manage their own bleed / interactive chrome opt out of the clip. */
+/* A bleed host (`data-guest-fit="bleed"`, e.g. hero / feature) is a section, not
+ * a clip-host — it never crops its rune guest. The guest keeps its own chrome,
+ * including a drop-shadow that falls in the corner gaps its own rounding leaves;
+ * the slot's `overflow: hidden` would clip that shadow into a hard darker corner.
+ * The container-query context stays (a `mockup` still sizes against the slot) —
+ * only the clip is lifted. Leaf images aren't `[data-rune]`, so an image guest
+ * stays clipped for the framed rounded-image look. */
+[data-section="media"][data-guest-fit="bleed"]:has(> [data-rune]) {
+	overflow: visible;
+}
+/* A *displaced* guest also drops the container-query context so its negative-
+ * margin breakout can escape the slot. Covers both `frame-displace` routing
+ * paths — host-on-media (`data-displace` on the zone) and a child rune carrying
+ * its own displace (`:has(> [data-displace])`). The guest keeps `width: 100%`
+ * (it still fills the host width); only the spill is unclipped. */
+[data-section="media"][data-guest-fit="bleed"]:is([data-displace], :has(> [data-displace])) {
+	overflow: visible;
+	container-type: normal;
+}
+/* Guests that manage their own bleed / interactive chrome opt out of the clip —
+ * guest-intrinsic, so it holds in clip hosts too (a juxtapose in a card still
+ * sizes its slider to its own panels). */
 [data-section="media"]:is(
 	:has(> [data-rune="preview"]),
 	:has(> [data-rune="juxtapose"]),

package/styles/runes/hero.css

@@ -8,26 +8,9 @@
 
 .rf-hero { position: relative; }
 
-/* Hero media zone bleeds: a hero is a section header, not a clip-host like
- * card / bento-cell, so a displaced guest in its media zone should spill past
- * the zone boundary instead of being cropped into a peek. Mirrors the existing
- * `[data-rune="preview"]` / `[data-rune="juxtapose"]` / showcase-displace
- * opt-outs in layouts/split.css — same intent, host-aware scope.
- *
- * Covers both routing paths of `frame-displace`:
- *   1. host-on-media — `frame-displace` on the hero lands `data-displace` on
- *      the media-zone wrapper itself (the host's frame target is its media).
- *   2. self on a child — a media-zone child rune carrying its own
- *      `frame-displace` ends up with `data-displace` on its root, so we still
- *      need `:has(> [data-displace])` for that case. */
-.rf-hero > [data-section="media"]:is([data-displace], :has(> [data-displace])) {
-	overflow: visible;
-	container-type: normal;
-}
-/* Note: unlike the showcase/preview/juxtapose opt-outs in layouts/split.css,
- * we deliberately keep the default `width: 100%` / `max-height: 100%` on the
- * guest — a codegroup or sandbox in a hero should still fill the hero's
- * width; the unclip is only about letting it overflow vertically. */
+/* The hero media zone's displaced-guest spill is now the shared bleed-host rule
+ * (`[data-guest-fit="bleed"]` in layouts/split.css) — a hero declares
+ * `guestFit: 'bleed'`, so the host-specific override is no longer needed here. */
 
 .rf-hero__preamble {
 	flex-direction: column;