maooo-skyline-ui-system 0.1.21 → 0.1.22

package/miniprogram_dist/ai-design-system/DESIGN.md

@@ -71,3 +71,5 @@ Compatibility notes:
 7. For generation instructions, read `design-system/prompts` and `design-system/skills`.
 
 AI output should not bypass schema. Evidence from design boards should be marked as evidence until it is promoted into token source, pattern documentation, schema, or component registry.
+
+The dated [foundation correction evidence](references/figma-foundations-2026-11-05.md) documents promoted token values and their permitted roles; it is included in the published AI snapshot and read order. Read it with tokens before applying new spacing scales or explicit line-height variants.

package/miniprogram_dist/ai-design-system/manifest.json

@@ -1,15 +1,16 @@
 {
   "package": {
     "name": "maooo-skyline-ui-system",
-    "version": "0.1.21"
+    "version": "0.1.22"
   },
-  "snapshotVersion": "0.1.21",
-  "generatedAt": "2026-11-05T01:38:27.226Z",
+  "snapshotVersion": "0.1.22",
+  "generatedAt": "2026-11-05T02:12:20.502Z",
   "description": "Read-only design spec snapshot for AI page generation in business projects. Source of truth is design-system/ and packages/ui/.",
   "readOrder": [
     "DESIGN.md",
     "tokens.json",
     "references/figma-user-client-visual-evidence.md",
+    "references/figma-foundations-2026-11-05.md",
     "patterns",
     "schemas/page.schema.json",
     "component-registry.json",
@@ -61,7 +62,8 @@
       "patterns/navigation-tabbar.md"
     ],
     "references": [
-      "references/figma-user-client-visual-evidence.md"
+      "references/figma-user-client-visual-evidence.md",
+      "references/figma-foundations-2026-11-05.md"
     ],
     "prompts": [
       "prompts/page-generation.prompt.md"
@@ -102,6 +104,7 @@
     "patterns/form-section.md",
     "patterns/navigation-tabbar.md",
     "prompts/page-generation.prompt.md",
+    "references/figma-foundations-2026-11-05.md",
     "references/figma-user-client-visual-evidence.md",
     "schemas/component.schema.json",
     "schemas/page.schema.json",
@@ -109,13 +112,15 @@
     "tokens.json"
   ],
   "sourceHashes": {
-    "design-system/tokens/source/border-width.json": "sha256:8ac672de5e5912ff493646b74afc5304d15d9c13d6f83473742cb014bd30729e",
-    "design-system/tokens/source/color.json": "sha256:6db4252b0409879d2e444e570fe200944c7e22798c3caebb480c507d57558e8a",
+    "design-system/tokens/source/border-width.json": "sha256:a154bb433b3b4301e4da7ba9756821180aaae5c96bc503a6a2be2acf9ca85e53",
+    "design-system/tokens/source/color.json": "sha256:cae2c9ab067fd5e9abdaf7977ff34ffdee087cd5483326ccb83b273fd2a625bb",
     "design-system/tokens/source/radius.json": "sha256:7ef7d9349d3e4caf5649b4715cb01c632c7ce20d1d330e94d086027bda9779ee",
     "design-system/tokens/source/shadow.json": "sha256:025bdabeb6b3e04c4174792506832f686f0662b12740dd3b5612846a4e063362",
-    "design-system/tokens/source/spacing.json": "sha256:b0176c6eb256186a3e10ad6defa3ae46f81ce75ca4f4dfb8ccb9de6461e0ebfa",
-    "design-system/tokens/source/typography.json": "sha256:9243057a115be33401b588011d1513e17c27e4977c0cd31fb20ee1700e410dd8",
-    "design-system/DESIGN.md": "sha256:b00f2e5030df81c6d985eb46b9489b2ce98d0803134389d385053605aba66cbc",
+    "design-system/tokens/source/spacing.json": "sha256:48c0e8adaad606e37c16c6a84acb7be5f8341dc07516f440b400641a24981c28",
+    "design-system/tokens/source/typography.json": "sha256:ed72cd387c1cd9e3c6784a9a58871dc768a323a7df1de6a691bb0a6ba3349c72",
+    "design-system/references/figma-user-client-visual-evidence.md": "sha256:2efa1c69fc6097d7eda863fe41b67ada604af2de5b7abfad6133a99f4dff134a",
+    "design-system/references/figma-foundations-2026-11-05.md": "sha256:8455897519e087eb1f7820dea3958bb7915137a213552d1e8496a4763d9df260",
+    "design-system/DESIGN.md": "sha256:3b903c674e54fdd762a42fa1e2a4b681aec42ad12cff3f1256dacdf113fde3af",
     "packages/ui/component-registry.json": "sha256:a4c6554280175ecfb14b93f47037ba5e0c546f602aaa1e2713e440dd56cea360"
   }
 }

package/miniprogram_dist/ai-design-system/references/figma-foundations-2026-11-05.md

@@ -0,0 +1,69 @@
+# Figma foundation corrections · 2026-11-05
+
+File: `Zk2msFrLweYZezZLIZOoJX`. Inspected through Figma high-fidelity context plus read-only node properties. These additions address concrete missing roles; arbitrary page dimensions are not promoted to global tokens.
+
+| Source node | Role | Canonical token | Exact value |
+| --- | --- | --- | --- |
+| 135:2 Font | Large body / form label | typography.size.bodyXl | 30rpx |
+| 135:2 Font | Small caption | typography.size.captionSm | 18rpx |
+| 834:1975 Layout | Looser body copy | typography.lineHeight.bodyLoose | 40rpx |
+| 683:6701 TabBar | Subtle floating border | color.border.subtle | #F0F0F0 |
+| 683:6701 TabBar | Floating navigation elevation | shadow.floating | 0 12rpx 24rpx rgba(0,0,0,0.047) |
+| 671:5933 current homepage card | Gold badge background | color.tag.goldBackground | #FFF0C8 |
+| 671:5933 current homepage card | Purple badge background | color.tag.purpleBackground | #E8E3FF |
+
+Font-board text uses normal line-height; no fixed line-height is inferred from text bounding boxes. Existing guide geometry: page margin38, card36, item24, small tag12, tiny date8. TabBar radius100 on height112 clamps visually; existing pill is equivalent and does not require another token. Vector outline cornerRadius=0 does not establish a zero visual radius.
+
+`mo-stepper variant="block"` is a component contract, not a global spacing scale: qualification frame1742:3294, background1742:3392 (674×100, radius24), buttons1742:3400/3407 (44×44, radius12), horizontal inset43. Label is owned by the page. The component uses the existing mo-core minus (two orthogonal strokes for the block plus), keeps native control hit targets, controlled values, min/max and disabled behavior. The default compact API remains compatible. Business adoption requires actual Skyline preview evidence.
+
+The generation pipeline now emits runtime WXSS and TS together with the canonical snapshot. Previously missing existing tokens (spacing1/8/10, radiusnone, borderstrong, title/headline typography and palettes) are restored by generation, not recreated with alternate names. Publish validation rejects both runtime and snapshot drift.
+
+Photo upload contract: Figma1740:2830/1740:2895/1740:2897, 538×372, radius36, background#F8F8F8, plus70×70 with8px stroke and#999999. `itemAspectRatio` defaults1; `triggerVariant=photo` does not alter file choice, crop, OSS, delete, or events. The exact SVG is uploaded to mo-core as plus-thin (icon48823338), avoiding the existing thicker record-action plus.
+
+## Measured layout roles
+
+| Token | Value | Exact evidence |
+| --- | --- | --- |
+| spacing.fieldGap | 20rpx | Address form1054:2157: label1070:1541 bottom318 → field1070:1547 top338 |
+| spacing.cardInset | 30rpx | Homecard671:5934 left38 → avatar671:5974 left68; mine menu1871:2296 children x30 |
+| spacing.sectionInset | 40rpx | Mine user1871:2429 bottom315 → order1871:2422 top355; address1126:1525 first card top216 minus navigation176 |
+| spacing.sectionGapLg | 60rpx | Address field1096:1720 bottom438 → next label1096:1721 top498; home trust665:4214 bottom1024 → card665:4213 bottom1084 |
+| spacing.pageStart | 100rpx | Address1054:2157: navigation bottom176 → first label1070:1541 top276 |
+| spacing.panelInset | 54rpx | Mine menu1871:2296 first row1871:2299 y54 and bottom823−(721+48)=54 |
+| borderWidth.hairline | 1rpx | TabBar683:6701 strokeWeight1 |
+| color.tag.goldText | #DC9416 | Homepage671:5947 |
+| color.tag.purpleText | #806ED6 | Homepage671:5950/5953 |
+| color.tag.defaultAddressBackground | rgba(255,134,201,0.12) | Default-address tag1126:1537 pink at12% over#FAFAFA (composite#FBECF4); retain the actual alpha |
+
+Roles apply only to corresponding layout duties. Do not use spacing tokens to alias unrelated font, line-height, border-width, anchor geometry or icon sizes. No50/70 spacing is inferred from high raw-value frequency; those usages still require their actual page source. The measured home search separator bottom810 → button top864 is54, not50.
+
+Large typography: `typography.size.display=50rpx` from certification heading1740:2841; `typography.size.amountLg=70rpx` from bond amount1743:3624. Both lineHeight=AUTO, so no fabricated70/98px line-height token accompanies these sizes.
+
+Mine-page exact text/background properties:1871:2446 font36 with42px line-height → `typography.lineHeight.titleCompact`;1871:2300 font26 with36.4000015px line-height → `typography.lineHeight.bodyCompact=36.4rpx` (not36). Check-in1871:2431 fill#FC9517 at6% → `color.background.checkin`;profiletag1871:2444 fill#FF86C9 at10% → `color.tag.profileBackground`. Do not promote the incorrect prior check-in orangeFF8006@4%.
+
+## Follow-up batch 0.1.22
+
+Direct node-property verification after0.1.21 was frozen:
+
+| Token | Exact value | Figma source |
+| --- | --- | --- |
+| color.progress.track | #EEEEEE | 1740:2873 (270×12 track) |
+| color.progress.active | #FF3E7A | 1740:2874 (90×12 fill) |
+| color.background.guide | #D7E6FF | 665:4200 homepage service guide |
+| color.background.heroPink | #FEDBEE | 1699:2569 certification hero |
+| color.background.featureBlue | rgba(96,184,255,0.1) | 1743:3625 feature card, opacity0.1 |
+| color.background.featureYellow | rgba(250,183,0,0.1) | 1743:3626 feature card, opacity0.1 |
+| typography.lineHeight.bodyRelaxed | 36rpx | 1743:3629/3630 font24 with fixed36 |
+| typography.lineHeight.bodyLgRelaxed | 45rpx | 1699:2615 security notice font26 with fixed45 |
+
+Do not replace explicit36/45 line heights with normal or approximate36.4/44. The existing border.subtle#F0F0F0 also matches homepage separator665:4237/4243. Existing layout corrections need no new tokens: order entry1929:2092 icon1871:2476 y497+48 → label1871:2425 y565 gives20; TabBar683:6846 icon683:6848 y1465+48 → label683:6847 y1517 gives4.
+
+Time mark sheet160:929 verified with full high-fidelity context and screenshot: backgrounds160:932/938/939/940/941 → `color.walkMark.{sniff,water,rest,stool,friend}Background` =#FFF4FA/#EAF4FF/#ECFFDF/#F7F5FF/#FFF9DD. Selected mark border160:932 is4px/#111 → `borderWidth.selection`; pet selection ellipse160:953 is3px/#111 → `borderWidth.avatarSelection`. Existing white4px/unselected outlines are not established by this evidence. Mark labels are28/AUTO at912 following100px circles at800, giving12px gap. Explicit typography:160:944/947 font34/line47.6 ;160:956 font36/line50.4 ;160:966 font28/line39.2 . Preserve fractions rather than substituting48/50/39. Existing historical rounded tokens remain compatible.
+
+The three explicit text pairs all have exactly1.4 line-height ratio. Use one `typography.lineHeight.standard=1.4` unitless token with their actual font sizes instead of introducing three separately rounded constants. It yields47.6/50.4/39.2 at34/36/28rpx respectively. Do not apply it to AUTO text or fixed42/36/45 variants.
+
+Six measured values promoted to a finite shared spacing scale: `spacing.scale.{20,30,40,54,60,100}`. Their values are identical to the directly evidenced roles above, retained as compatible semantic names. The explicit scale names distinguish physical rpx values from historical numbered indexes (`spacing.5=24`). Consumers may use this finite scale for actual padding/margin/gap when the page's source establishes the same distance; do not use it for font-size, line-height, stroke, icon dimensions or arbitrary anchors. This is a deliberate shared-scale promotion, not permission to add other raw values by frequency. Other values require further original-node evidence.
+
+Walk result568:1136, cards568:1276/1277/1278: fills#FF86C9/#38A6FF/#FC9517 all atopacity0.1, radius24. Promote `color.walkStat.distanceBackground/durationBackground/markBackground` with10% alpha. Existing mini20% values are incorrect and are not promoted. Label positions568:1291/92/93 confirm role ordering; card y1086h182, labelx68y1122 versus firstcardx38 yields padding30/36, card gap24.
+
+`spacing.scale.36=36rpx` is additionally promoted from walk-result stat-card top inset:568:1291 y1122 minus568:1276 y1086. It is an actual spacing measurement, not the unrelated36 font/line-height value.

package/miniprogram_dist/ai-design-system/tokens.json

@@ -1,6 +1,8 @@
 {
   "borderWidth": {
-    "hairline": "1rpx"
+    "hairline": "1rpx",
+    "selection": "4rpx",
+    "avatarSelection": "3rpx"
   },
   "color": {
     "brand": {
@@ -52,7 +54,11 @@
       "muted": "#F2F2F2",
       "tab": "#F0F0F0",
       "icon": "#BBBBBB",
-      "checkin": "rgba(252, 149, 23, 0.06)"
+      "checkin": "rgba(252, 149, 23, 0.06)",
+      "guide": "#D7E6FF",
+      "heroPink": "#FEDBEE",
+      "featureBlue": "rgba(96, 184, 255, 0.1)",
+      "featureYellow": "rgba(250, 183, 0, 0.1)"
     },
     "accent": {
       "amount": "#FF3E7A"
@@ -80,6 +86,22 @@
       "purpleText": "#806ED6",
       "defaultAddressBackground": "rgba(255, 134, 201, 0.12)",
       "profileBackground": "rgba(255, 134, 201, 0.1)"
+    },
+    "progress": {
+      "track": "#EEEEEE",
+      "active": "#FF3E7A"
+    },
+    "walkMark": {
+      "sniffBackground": "#FFF4FA",
+      "waterBackground": "#EAF4FF",
+      "restBackground": "#ECFFDF",
+      "stoolBackground": "#F7F5FF",
+      "friendBackground": "#FFF9DD"
+    },
+    "walkStat": {
+      "distanceBackground": "rgba(255, 134, 201, 0.1)",
+      "durationBackground": "rgba(56, 166, 255, 0.1)",
+      "markBackground": "rgba(252, 149, 23, 0.1)"
     }
   },
   "radius": {
@@ -112,7 +134,16 @@
     "sectionInset": "40rpx",
     "sectionGapLg": "60rpx",
     "pageStart": "100rpx",
-    "panelInset": "54rpx"
+    "panelInset": "54rpx",
+    "scale": {
+      "20": "20rpx",
+      "30": "30rpx",
+      "36": "36rpx",
+      "40": "40rpx",
+      "54": "54rpx",
+      "60": "60rpx",
+      "100": "100rpx"
+    }
   },
   "typography": {
     "fontFamily": "system",
@@ -147,7 +178,10 @@
       "headline": "56rpx",
       "bodyLoose": "40rpx",
       "titleCompact": "42rpx",
-      "bodyCompact": "36.4rpx"
+      "bodyCompact": "36.4rpx",
+      "bodyRelaxed": "36rpx",
+      "bodyLgRelaxed": "45rpx",
+      "standard": 1.4
     },
     "weight": {
       "regular": 400,

package/miniprogram_dist/index.js

@@ -1,4 +1,4 @@
 module.exports = {
-  version: "0.1.21",
+  version: "0.1.22",
   components: ["button","calendar","card","countdown","form","form-group","form-input","form-textarea","icon","image-cropper","input","media-upload","navbar","notify","oss-upload","photo-slot","popup","popup-page","progress","rate","stepper","switch","tab","tabs","textarea","toast","upload"]
 };

package/miniprogram_dist/theme/theme.wxss

@@ -2,6 +2,8 @@
 page,
 .theme-maooo {
   --mo-border-width-hairline: 1rpx;
+  --mo-border-width-selection: 4rpx;
+  --mo-border-width-avatar-selection: 3rpx;
   --mo-color-brand-primary: #FECBE7;
   --mo-color-brand-primary-active: #FF7688;
   --mo-color-brand-primary-subtle: #FFC2C2;
@@ -37,6 +39,10 @@ page,
   --mo-color-background-tab: #F0F0F0;
   --mo-color-background-icon: #BBBBBB;
   --mo-color-background-checkin: rgba(252, 149, 23, 0.06);
+  --mo-color-background-guide: #D7E6FF;
+  --mo-color-background-hero-pink: #FEDBEE;
+  --mo-color-background-feature-blue: rgba(96, 184, 255, 0.1);
+  --mo-color-background-feature-yellow: rgba(250, 183, 0, 0.1);
   --mo-color-accent-amount: #FF3E7A;
   --mo-color-gender-female: #FF86C9;
   --mo-color-gender-male: #38A6FF;
@@ -54,6 +60,16 @@ page,
   --mo-color-tag-purple-text: #806ED6;
   --mo-color-tag-default-address-background: rgba(255, 134, 201, 0.12);
   --mo-color-tag-profile-background: rgba(255, 134, 201, 0.1);
+  --mo-color-progress-track: #EEEEEE;
+  --mo-color-progress-active: #FF3E7A;
+  --mo-color-walk-mark-sniff-background: #FFF4FA;
+  --mo-color-walk-mark-water-background: #EAF4FF;
+  --mo-color-walk-mark-rest-background: #ECFFDF;
+  --mo-color-walk-mark-stool-background: #F7F5FF;
+  --mo-color-walk-mark-friend-background: #FFF9DD;
+  --mo-color-walk-stat-distance-background: rgba(255, 134, 201, 0.1);
+  --mo-color-walk-stat-duration-background: rgba(56, 166, 255, 0.1);
+  --mo-color-walk-stat-mark-background: rgba(252, 149, 23, 0.1);
   --mo-radius-none: 0;
   --mo-radius-sm: 8rpx;
   --mo-radius-md: 12rpx;
@@ -80,6 +96,13 @@ page,
   --mo-spacing-section-gap-lg: 60rpx;
   --mo-spacing-page-start: 100rpx;
   --mo-spacing-panel-inset: 54rpx;
+  --mo-spacing-scale-20: 20rpx;
+  --mo-spacing-scale-30: 30rpx;
+  --mo-spacing-scale-36: 36rpx;
+  --mo-spacing-scale-40: 40rpx;
+  --mo-spacing-scale-54: 54rpx;
+  --mo-spacing-scale-60: 60rpx;
+  --mo-spacing-scale-100: 100rpx;
   --mo-font-size-headline-lg: 42rpx;
   --mo-font-size-title-1: 38rpx;
   --mo-font-size-title-2: 36rpx;
@@ -109,6 +132,9 @@ page,
   --mo-line-height-body-loose: 40rpx;
   --mo-line-height-title-compact: 42rpx;
   --mo-line-height-body-compact: 36.4rpx;
+  --mo-line-height-body-relaxed: 36rpx;
+  --mo-line-height-body-lg-relaxed: 45rpx;
+  --mo-line-height-standard: 1.4;
   --mo-font-weight-regular: 400;
   --mo-font-weight-medium: 500;
   --mo-font-weight-semibold: 600;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maooo-skyline-ui-system",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "private": false,
   "description": "Skyline + AI design system workspace for WeChat Mini Program UI components.",
   "main": "miniprogram_dist/index.js",