@dixy-ui/themes 0.1.0-beta.5 → 0.1.0-beta.6

package/README.md

@@ -125,7 +125,7 @@ Omit animateOrnaments for still geometry. The playground's Animate details butto
 | Y2K Titanium    | `TitaniumOrnament`    | Chamfers, screws, perforations and light pipes                         |
 | Material Light  | `LightOrnament`       | Porcelain halo and fine rim highlights                                 |
 
-Each export comes from `@dixy-ui/themes/<slug>/react`. CSS/definition-only consumption remains supported without the React artwork. See `docs/PROCEDURAL_SKINS.md` in the repository for architecture and verification scope.
+Each export comes from `@dixy-ui/themes/<slug>/react`. Ocean Depths and Candy Clay now ship plain cards (No frame), so their stylesheets keep `OceanOrnament` and `ClayOrnament` hidden and out of layout; the renderers draw on themes whose frame recipe is `coral` or `cushion`. CSS/definition-only consumption remains supported without the React artwork. See `docs/PROCEDURAL_SKINS.md` in the repository for architecture and verification scope.
 
 Themes style component surfaces and edges. Button labels and icons belong to the consumer; no renderer is mounted inside a Button. A loading spinner remains a functional Button feature. Retro frames do not simulate window title bars, window actions or resize handles. Compose working controls explicitly when an application needs them.
 

package/dist/bytes.json

@@ -31,13 +31,13 @@
   },
   {
     "id": "dixy/ocean-depths",
-    "cssBytes": 29557,
-    "gzipBytes": 4310
+    "cssBytes": 29717,
+    "gzipBytes": 4327
   },
   {
     "id": "dixy/candy-clay",
-    "cssBytes": 27795,
-    "gzipBytes": 3998
+    "cssBytes": 27953,
+    "gzipBytes": 4012
   },
   {
     "id": "dixy/art-deco",
@@ -56,8 +56,8 @@
   },
   {
     "id": "dixy/scrapbook",
-    "cssBytes": 23773,
-    "gzipBytes": 3532
+    "cssBytes": 23930,
+    "gzipBytes": 3550
   },
   {
     "id": "dixy/blueprint",
@@ -171,22 +171,22 @@
   },
   {
     "id": "dixy/ledger",
-    "cssBytes": 19098,
-    "gzipBytes": 2962
+    "cssBytes": 19252,
+    "gzipBytes": 3001
   },
   {
     "id": "dixy/mainframe",
-    "cssBytes": 24458,
-    "gzipBytes": 3441
+    "cssBytes": 24615,
+    "gzipBytes": 3468
   },
   {
     "id": "dixy/dispatch",
-    "cssBytes": 23131,
-    "gzipBytes": 3272
+    "cssBytes": 23287,
+    "gzipBytes": 3316
   },
   {
     "id": "dixy/signal",
-    "cssBytes": 19222,
-    "gzipBytes": 2873
+    "cssBytes": 19376,
+    "gzipBytes": 2917
   }
 ]

package/dist/candy-clay.css

@@ -513,6 +513,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/candy-clay"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/candy-clay"]
     :is(.dixy-switch-thumb)[data-dixy-skin="dixy/candy-clay"] {
     border-radius: 999px;

package/dist/dispatch.css

@@ -469,6 +469,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/dispatch"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/dispatch"] {
     --dixy-motion-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
     --dixy-motion-easing-enter: linear(

package/dist/frame-styles.js

@@ -37,8 +37,14 @@ export const framePrefixes = {
 };
 /** Frame code owns trim/geometry only. It never paints an input or action surface. */
 export function frameStyles(m, theme) {
+    // No frame: the material carries the look, so an ornament renderer passed
+    // anyway (e.g. ClayOrnament on Candy Clay) must stay inert. Take it out of
+    // flow and hide it; without this its wrapper and canvas sat in normal flow
+    // and grew the card or dialog (issue #24).
     if (m.frame === "none")
-        return "";
+        return `
+    ${theme} .dixy-skin-ornament { position:absolute; inset:0; display:none; pointer-events:none; }
+  `;
     const prefix = framePrefixes[m.frame];
     const art = `${theme} .dixy-${prefix}-ornament`;
     const safe = {

package/dist/ledger.css

@@ -457,6 +457,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/ledger"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/ledger"] {
     --dixy-motion-easing-standard: cubic-bezier(0.5, 0, 0.1, 1);
     --dixy-motion-easing-enter: cubic-bezier(0.5, 0, 0.1, 1);

package/dist/mainframe.css

@@ -457,6 +457,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/mainframe"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/mainframe"]
     :is(.dixy-switch-root)[data-dixy-skin="dixy/mainframe"]::before {
     border-radius: 3px;

package/dist/ocean-depths.css

@@ -523,6 +523,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/ocean-depths"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/ocean-depths"]
     :is(.dixy-switch-thumb)[data-dixy-skin="dixy/ocean-depths"] {
     border-radius: 999px;

package/dist/scrapbook.css

@@ -462,6 +462,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/scrapbook"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/scrapbook"] {
     --dixy-motion-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
     --dixy-motion-easing-enter: linear(

package/dist/signal.css

@@ -457,6 +457,13 @@
     border: 1px solid var(--dixy-skin-edge);
   }
 
+  .dixy-theme[data-dixy-skin="dixy/signal"] .dixy-skin-ornament {
+    position: absolute;
+    inset: 0;
+    display: none;
+    pointer-events: none;
+  }
+
   .dixy-theme[data-dixy-skin="dixy/signal"] {
     --dixy-personality-press-distance: 0px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dixy-ui/themes",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.6",
   "type": "module",
   "description": "Independent 2D skins for Dixy's existing components.",
   "license": "MIT",
@@ -372,7 +372,7 @@
     "./signal.css": "./dist/signal.css"
   },
   "dependencies": {
-    "@dixy-ui/tokens": "0.1.0-beta.3"
+    "@dixy-ui/tokens": "0.1.0-beta.4"
   },
   "devDependencies": {
     "typescript": "5.9.3",