@motion-proto/live-tokens 0.76.0 → 0.78.0

package/src/editor/skill-atlas/trees/create-page.ts

@@ -2,7 +2,7 @@ import type { SkillTree } from '../types';
 
 export const createPage: SkillTree = {
   "id": "live-tokens-create-page",
-  "digest": "sha256:00cc1191fecc9707",
+  "digest": "sha256:7d816fe66d20567c",
   "title": "create-page",
   "tagline": "Create a Page Using Live Tokens",
   "nodes": [
@@ -71,13 +71,13 @@ export const createPage: SkillTree = {
       "chips": [
         {
           "label": "Grid",
-          "lines": [39, 50],
+          "lines": [39, 52],
           "anchor": "### Grid",
-          "anchorEnd": "A grid that follows the page columns takes `var(--columns-co"
+          "anchorEnd": "No scaffold collapses the page grid on a phone: the theme's "
         },
         {
           "label": "Separation",
-          "lines": [52, 69],
+          "lines": [54, 71],
           "anchor": "### Separation",
           "anchorEnd": "`references/layout-sources.md` names the sources for these l"
         }
@@ -94,31 +94,31 @@ export const createPage: SkillTree = {
       "chips": [
         {
           "label": "Stage",
-          "lines": [73, 74],
+          "lines": [75, 76],
           "anchor": "`Panel` is a stage: a canvas, a player, a preview. `minHeigh",
           "anchorEnd": "An empty stage shows a heading that names the condition and "
         },
         {
           "label": "Card",
-          "lines": [75, 76],
+          "lines": [77, 78],
           "anchor": "`Card` is a titled block of content. Its `title` prop is the",
           "anchorEnd": "A container in a tool UI labels itself: `Card variant=\"bare\""
         },
         {
           "label": "Form",
-          "lines": [77, 78],
+          "lines": [79, 80],
           "anchor": "A form puts the essential fields first and the secondary fie",
           "anchorEnd": "A row of fields is a flex row with `gap: var(--space-20)`. E"
         },
         {
           "label": "Buttons",
-          "lines": [79, 80],
+          "lines": [81, 82],
           "anchor": "A toolbar is a flex row of Buttons on the section's bottom e",
           "anchorEnd": "A vertical stack of Buttons sets `fullWidth` on each Button."
         },
         {
           "label": "Picker",
-          "lines": [81, 81],
+          "lines": [83, 83],
           "anchor": "`MenuSelect` renders its list open. For a picker, toggle it "
         }
       ]
@@ -134,7 +134,7 @@ export const createPage: SkillTree = {
       "chips": [
         {
           "label": "Components",
-          "lines": [83, 90],
+          "lines": [85, 92],
           "anchor": "## Components",
           "anchorEnd": "Text inside a `Card` or a `CollapsibleSection` takes the con"
         },
@@ -162,25 +162,25 @@ export const createPage: SkillTree = {
       "chips": [
         {
           "label": "Tokens",
-          "lines": [92, 97],
+          "lines": [94, 99],
           "anchor": "## Tokens",
           "anchorEnd": "A value that comes from data, such as a sheet's padding in p"
         },
         {
           "label": "Type",
-          "lines": [101, 116],
+          "lines": [103, 118],
           "anchor": "### Type",
           "anchorEnd": "Use the semantic element for each place: one `h1`, an `h2` f"
         },
         {
           "label": "Size and emphasis",
-          "lines": [118, 126],
+          "lines": [120, 128],
           "anchor": "### Size",
           "anchorEnd": "In a row of actions the primary sits last, on the right. Up "
         },
         {
           "label": "Spacing",
-          "lines": [128, 142],
+          "lines": [130, 144],
           "anchor": "### Spacing",
           "anchorEnd": "Every section after the first opens with a hairline: `paddin"
         }
@@ -197,12 +197,12 @@ export const createPage: SkillTree = {
       "chips": [
         {
           "label": "LiveTokensRouter",
-          "lines": [148, 148],
+          "lines": [150, 150],
           "anchor": "`<LiveTokensRouter pages={...}>`: add a `pages` entry with `"
         },
         {
           "label": "LiveEditorOverlay",
-          "lines": [149, 149],
+          "lines": [151, 151],
           "anchor": "Manual `<LiveEditorOverlay>`: dispatch with `$derived.by(() "
         }
       ]
@@ -211,10 +211,10 @@ export const createPage: SkillTree = {
       "id": "cp-check",
       "row": 8,
       "kind": "step",
-      "title": "Run live-tokens-check-compliance",
-      "desc": "Its report goes to live-tokens-fix-findings until the page is clean.",
+      "title": "Run both checkers",
+      "desc": "live-tokens-check-compliance reads the source. check-page --tests --strict proves the rendered page at its route. Both reports go to live-tokens-fix-findings until the page is clean.",
       "lines": [20, 20],
-      "anchor": "Run **live-tokens-check-compliance**, then check the rendere"
+      "anchor": "Run **live-tokens-check-compliance** and `npx live-tokens ch"
     },
     {
       "id": "cp-verify",
@@ -222,31 +222,31 @@ export const createPage: SkillTree = {
       "kind": "chipset",
       "title": "Check the page in the browser",
       "desc": "The checkers cannot see a layout. Open the page at its width and check each line.",
-      "lines": [168, 185],
+      "lines": [170, 186],
       "anchor": "The checkers cannot see a layout. Open the page at the width",
       "anchorEnd": "`references/interaction-sources.md` names the sources for th",
       "chips": [
         {
           "label": "Structure",
-          "lines": [170, 175],
+          "lines": [172, 176],
           "anchor": "The first section holds what the user came for.",
-          "anchorEnd": "Every control stays inside its wrapper. A `width: 100%` fiel"
+          "anchorEnd": "The containers in a section align at the bottom."
         },
         {
           "label": "Actions",
-          "lines": [176, 179],
+          "lines": [177, 180],
           "anchor": "The actions sit where the eye goes last, with the one primar",
           "anchorEnd": "An action that runs longer than a moment shows progress in a"
         },
         {
           "label": "Fields",
-          "lines": [180, 181],
+          "lines": [181, 182],
           "anchor": "Every field has a default, and Reset restores it.",
           "anchorEnd": "Secondary settings sit in a `CollapsibleSection`. Every cont"
         },
         {
           "label": "Words and access",
-          "lines": [182, 183],
+          "lines": [183, 184],
           "anchor": "Labels use the user's words, such as \"Export slices\".",
           "anchorEnd": "Every `img` has `alt` text. Focus order follows the reading "
         }
@@ -258,7 +258,7 @@ export const createPage: SkillTree = {
       "kind": "step",
       "title": "Read the page twice",
       "desc": "From a distance only the sections show. Up close, every border and bar earns its place or goes.",
-      "lines": [187, 187],
+      "lines": [188, 188],
       "anchor": "Then read the page from a distance: the sections and their e"
     },
     {

package/src/editor/skill-atlas/trees/fix-findings.ts

@@ -2,7 +2,7 @@ import type { SkillTree } from '../types';
 
 export const fixFindings: SkillTree = {
   "id": "live-tokens-fix-findings",
-  "digest": "sha256:2c39f9f00b03b5ad",
+  "digest": "sha256:e400a3de85a17e3c",
   "title": "fix-findings",
   "tagline": "Repair Deviations from the Design System",
   "nodes": [
@@ -160,7 +160,7 @@ export const fixFindings: SkillTree = {
       "kind": "chipset",
       "title": "The remaining rules",
       "desc": "Every other rule has its fix in the table.",
-      "lines": [71, 90],
+      "lines": [71, 97],
       "anchor": "## The remaining rules",
       "anchorEnd": "| `fix: runtime` | Wire the component as the recipe in **liv",
       "chips": [
@@ -205,48 +205,83 @@ export const fixFindings: SkillTree = {
           "anchor": "| `danger-without-dialog` | Open a `Dialog` from the danger "
         },
         {
-          "label": "hardcoded-columns",
+          "label": "native-control",
           "lines": [83, 83],
+          "anchor": "| `native-control` | Replace the native element with the shi"
+        },
+        {
+          "label": "property-override",
+          "lines": [84, 84],
+          "anchor": "| `property-override` | Delete the declaration from the page"
+        },
+        {
+          "label": "page-component-paint",
+          "lines": [85, 85],
+          "anchor": "| `page-component-paint` | The finding names the page file a"
+        },
+        {
+          "label": "page-text-style",
+          "lines": [86, 86],
+          "anchor": "| `page-text-style` | The finding names the page file and th"
+        },
+        {
+          "label": "page-contrast",
+          "lines": [87, 87],
+          "anchor": "| `page-contrast` | The finding names the page file and the "
+        },
+        {
+          "label": "page-grid",
+          "lines": [88, 88],
+          "anchor": "| `page-grid` | The finding names the page file and the line"
+        },
+        {
+          "label": "page-overflow",
+          "lines": [89, 89],
+          "anchor": "| `page-overflow` | The finding names the page file and the "
+        },
+        {
+          "label": "hardcoded-columns",
+          "lines": [90, 90],
           "anchor": "| `hardcoded-columns` | `repeat(var(--columns-count), 1fr)` "
         },
         {
           "label": "site-css-in-main",
-          "lines": [84, 84],
+          "lines": [91, 91],
           "anchor": "| `site-css-in-main` | Delete the import from `main.ts`. Add"
         },
         {
           "label": "missing-source",
-          "lines": [85, 85],
+          "lines": [92, 92],
           "anchor": "| `missing-source` | Add `source: 'src/...'` to the route en"
         },
         {
           "label": "reserved-route",
-          "lines": [86, 86],
+          "lines": [93, 93],
           "anchor": "| `reserved-route` | Move the route out of `/live-tokens/*`."
         },
         {
           "label": "deep-import",
-          "lines": [87, 87],
+          "lines": [94, 94],
           "anchor": "| `deep-import` | Import from `@motion-proto/live-tokens`, `"
         },
         {
           "label": "Component name rules",
-          "lines": [88, 88],
+          "lines": [95, 95],
           "anchor": "| `fix: property-name` | Rename the token to the name a ship"
         },
         {
           "label": "Component token rules",
-          "lines": [89, 89],
+          "lines": [96, 96],
           "anchor": "| `fix: property-token` | Make the `:global(:root)` default "
         },
         {
           "label": "Component editor rules",
-          "lines": [92, 92],
+          "lines": [99, 99],
           "anchor": "| `fix: editor` | The editor names a token the runtime never"
         },
         {
           "label": "Component wiring rules",
-          "lines": [90, 90],
+          "lines": [97, 97],
           "anchor": "| `fix: runtime` | Wire the component as the recipe in **liv"
         }
       ]

package/src/testing-js/{chunk-LXR3MN6N.js → chunk-4JQX6WWL.js}

@@ -3060,4 +3060,4 @@ export {
   allContracts,
   selectedContracts
 };
-//# sourceMappingURL=chunk-LXR3MN6N.js.map
+//# sourceMappingURL=chunk-4JQX6WWL.js.map