@toghen/figma 0.1.0 → 0.1.1

package/dist/ui.html

@@ -3593,13 +3593,13 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
   };
   var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-  // ../ui/src/define.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/define.js
   function define(name, build) {
     if (typeof customElements === "undefined" || customElements.get(name)) return;
     customElements.define(name, build());
   }
 
-  // ../ui/src/components/dot.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/dot.js
   var DOT_WORDS = {
     drifted: "drifted",
     upstream: "drifted upstream",
@@ -3637,7 +3637,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/keys.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/keys.js
   var isActivationKey = (key) => key === "Enter" || key === " ";
   var optionAction = (key) => key === " " ? "select" : key === "Enter" ? "activate" : null;
   var STEP = {
@@ -3676,7 +3676,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     return enabled.indexOf(true);
   }
 
-  // ../ui/src/components/chip.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/chip.js
   define(
     "tg-chip",
     () => class TgChip extends HTMLElement {
@@ -3707,7 +3707,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/components/choice.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/choice.js
   function attachChoice(host, { role, itemRole, chosen, pattern, items: selector = ":scope > button", orientation: fallback = "horizontal", activates = false }) {
     const items = () => [...host.querySelectorAll(selector)];
     const isEnabled = (item) => item.getAttribute("aria-disabled") !== "true" && !item.disabled;
@@ -3788,7 +3788,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     };
   }
 
-  // ../ui/src/components/segmented.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/segmented.js
   define(
     "tg-segmented",
     () => class TgSegmented extends HTMLElement {
@@ -3802,7 +3802,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/components/tabs.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/tabs.js
   define(
     "tg-tabs",
     () => class TgTabs extends HTMLElement {
@@ -3816,7 +3816,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/icons.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/icons.js
   var GLYPHS = {
     token: "diamond",
     variable: "hexagon",
@@ -3855,7 +3855,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     return `<i class="tg-icon ph ph-${phosphor}"${tone ? ` data-tone="${tone}"` : ""}${size ? ` data-size="${size}"` : ""} aria-hidden="true"></i>`;
   }
 
-  // ../ui/src/components/callout.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/callout.js
   function calloutMark(tone) {
     if (tone === "warn") return { dot: "drifted" };
     if (tone === "err") return { icon: ICONS.warning };
@@ -3888,7 +3888,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/components/card.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/card.js
   define(
     "tg-card",
     () => class TgCard extends HTMLElement {
@@ -3904,7 +3904,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/components/row.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/row.js
   var serial = 0;
   define(
     "tg-row",
@@ -3971,7 +3971,7 @@ tg-pane-apply tg-row [data-part="value"] [data-goto] {
     }
   );
 
-  // ../ui/src/components/list.js
+  // node_modules/.pnpm/@toghen+ui@0.1.0/node_modules/@toghen/ui/src/components/list.js
   define(
     "tg-list",
     () => class TgList extends HTMLElement {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toghen/figma",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "bin": {
     "toghen-figma": "cli/bin.mjs"

package/shared/components/validate.ts

@@ -103,6 +103,23 @@ export function checkLayout(layer: Layer, parent: Layer | undefined, report: Rep
     );
   }
 
+  // A frame that hugs an axis its children only fill has nothing to size it by: the target sets one of the two back
+  // (FigCraft 0.10.0 sets the child to FIXED, measured 25 October 2026), so every later run finds the file's value changed.
+  if (mode === 'HORIZONTAL' || mode === 'VERTICAL') {
+    for (const [sizing, axis] of [
+      ['layoutSizingHorizontal', 'width'],
+      ['layoutSizingVertical', 'height'],
+    ] as const) {
+      if (plain(layer, sizing) !== 'HUG') continue;
+      const flow = layer.children.filter((child) => plain(child, 'layoutPositioning') !== 'ABSOLUTE');
+      if (flow.length === 0 || !flow.every((child) => plain(child, sizing) === 'FILL')) continue;
+      report.error(
+        `${flow.map(describe).join(', ')} ${flow.length === 1 ? 'fills' : 'fill'} the ${axis} of ${what}, which hugs it: a frame cannot hug children that only fill it; give "${layer.address}" a fixed ${axis}, or a child a ${axis} of its own`,
+        fieldAt(flow[0], sizing),
+      );
+    }
+  }
+
   if (mode === 'GRID') {
     for (const field of ['gridRowSizes', 'gridColumnSizes']) {
       if (!(field in layer.fields)) report.error(`${what} is a GRID and needs ${field}`, layer.loc);