@commonpub/layer 0.21.20 → 0.21.21

package/components/blocks/BlockBuildStepView.vue

@@ -70,6 +70,9 @@ const hasChildren = computed(() => children.value.length > 0);
   padding: 12px 16px;
   background: var(--border);
   color: var(--surface);
+  /* Universal radius leak — see BlockCodeView. Inner dark bar must tile
+     flush with the body below on themes with non-zero --radius. */
+  border-radius: 0;
 }
 
 .cpub-step-num {

package/components/blocks/BlockCodeView.vue

@@ -156,6 +156,14 @@ pre.hljs .hljs-title.class_ { color: var(--hljs-variable); }
   padding: 8px 14px;
   background: var(--code-header-bg);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Reset the universal `*,::before,::after{border-radius:var(--radius)}`
+     rule from base.css. Themes that override --radius to non-zero (e.g.
+     deveco --radius:6px) leave the inner header + body with their own
+     rounded corners — the rounded edges curve AWAY from each other inside
+     the outer rounded container, leaving wedges of empty page-bg between
+     them. Sharp inner edges tile flush inside the outer overflow:hidden
+     rounded box. (deveco.io report, 2026-05-21) */
+  border-radius: 0;
 }
 
 .cpub-code-lang {
@@ -208,6 +216,9 @@ pre.hljs .hljs-title.class_ { color: var(--hljs-variable); }
      border created a visible "floating bar with gap then code block"
      effect (heatsynclabs.io report, 2026-05-21). */
   border: 0 !important;
+  /* Also reset universal border-radius for the same wedge-gap reason
+     described on .cpub-code-header above. */
+  border-radius: 0;
 }
 
 .cpub-code-body code {

package/components/blocks/BlockDownloadsView.vue

@@ -52,6 +52,9 @@ const files = computed<FileItem[]>(() => {
   padding: 10px 14px;
   background: var(--surface2);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Universal radius leak — see BlockCodeView. Inner sections must tile
+     flush inside the rounded outer container. */
+  border-radius: 0;
 }
 
 .cpub-dl-icon { font-size: 12px; color: var(--accent); }
@@ -66,6 +69,7 @@ const files = computed<FileItem[]>(() => {
   gap: 12px;
   padding: 10px 14px;
   border-bottom: var(--border-width-default) solid var(--border2);
+  border-radius: 0;
 }
 
 .cpub-dl-item:last-child { border-bottom: none; }

package/components/blocks/BlockEmbedView.vue

@@ -36,6 +36,9 @@ const embedUrl = computed(() => toEmbedUrl(props.content.url as string));
   display: flex;
   align-items: center;
   gap: 6px;
+  /* Universal *,::before,::after{border-radius:var(--radius)} leak — see
+     BlockCodeView for the pattern. */
+  border-radius: 0;
 }
 
 .cpub-embed-label i { color: var(--accent); }
@@ -44,6 +47,7 @@ const embedUrl = computed(() => toEmbedUrl(props.content.url as string));
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
+  border-radius: 0;
 }
 
 .cpub-embed-iframe {

package/components/blocks/BlockPartsListView.vue

@@ -69,6 +69,10 @@ const totalPrice = computed(() => {
   padding: 10px 14px;
   background: var(--surface2);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Reset universal *,::before,::after{border-radius:var(--radius)} so the
+     dark header tiles flush against the table below on themes with
+     non-zero --radius (deveco). See BlockCodeView for the full pattern. */
+  border-radius: 0;
 }
 
 .cpub-parts-icon { font-size: 12px; color: var(--accent); }
@@ -97,6 +101,9 @@ const totalPrice = computed(() => {
   background: var(--text);
   color: var(--surface);
   border: 0 !important;
+  /* Universal radius leak — sharp cells tile flush with no rounded gaps
+     between them on themes with non-zero --radius. */
+  border-radius: 0;
 }
 
 .cpub-parts-table td {
@@ -105,6 +112,7 @@ const totalPrice = computed(() => {
   border-bottom: var(--border-width-default) solid var(--border2);
   font-size: 13px;
   color: var(--text-dim);
+  border-radius: 0;
 }
 
 .cpub-part-name { font-weight: 500; color: var(--text); }

package/components/blocks/BlockToolListView.vue

@@ -51,6 +51,8 @@ const tools = computed<Tool[]>(() => {
   padding: 10px 14px;
   background: var(--surface2);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Universal radius leak — see BlockCodeView. */
+  border-radius: 0;
 }
 
 .cpub-tools-icon { font-size: 12px; color: var(--accent); }

package/components/blocks/BlockVideoView.vue

@@ -52,6 +52,10 @@ const platform = computed(() => {
   display: flex;
   align-items: center;
   gap: 6px;
+  /* Universal *,::before,::after{border-radius:var(--radius)} leak — sharp
+     inner sections tile flush inside the rounded outer container on
+     themes with non-zero --radius (deveco). */
+  border-radius: 0;
 }
 
 .cpub-video-label i { color: var(--accent); }
@@ -61,6 +65,7 @@ const platform = computed(() => {
   padding-bottom: 56.25%;
   height: 0;
   background: var(--text);
+  border-radius: 0;
 }
 
 .cpub-video-iframe {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.21.20",
+  "version": "0.21.21",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -51,15 +51,15 @@
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
     "@commonpub/auth": "0.6.0",
-    "@commonpub/docs": "0.6.3",
     "@commonpub/config": "0.13.0",
-    "@commonpub/explainer": "0.7.15",
-    "@commonpub/learning": "0.5.2",
-    "@commonpub/protocol": "0.12.0",
+    "@commonpub/docs": "0.6.3",
     "@commonpub/schema": "0.16.0",
+    "@commonpub/learning": "0.5.2",
     "@commonpub/editor": "0.7.11",
-    "@commonpub/ui": "0.8.5",
-    "@commonpub/server": "2.55.0"
+    "@commonpub/explainer": "0.7.15",
+    "@commonpub/protocol": "0.12.0",
+    "@commonpub/server": "2.55.0",
+    "@commonpub/ui": "0.8.5"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",