ui-foundations 0.3.1 → 0.4.1

package/dist/tokens/json/semantics-roles.tokens.json

@@ -0,0 +1,141 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "Typography": {
+    "Heading": {
+      "Font Family": {
+        "$type": "fontFamily",
+        "$value": "{Brand.Font.Lead}"
+      },
+      "Font Size": {
+        "md": {
+          "$type": "number",
+          "$value": "{Font.Size.md}"
+        },
+        "xs": {
+          "$type": "number",
+          "$value": "{Font.Size.xs}"
+        },
+        "sm": {
+          "$type": "number",
+          "$value": "{Font.Size.sm}"
+        },
+        "lg": {
+          "$type": "number",
+          "$value": "{Font.Size.lg}"
+        },
+        "xl": {
+          "$type": "number",
+          "$value": "{Font.Size.xl}"
+        },
+        "xxl": {
+          "$type": "number",
+          "$value": "{Font.Size.xxl}"
+        },
+        "xxxl": {
+          "$type": "number",
+          "$value": "{Font.Size.xxxl}"
+        }
+      },
+      "Font Weight": {
+        "$type": "fontWeight",
+        "$value": "{Font.Weight.700}"
+      },
+      "Line Height": {
+        "md": {
+          "$type": "number",
+          "$value": "{Line Height.md}"
+        },
+        "xs": {
+          "$type": "number",
+          "$value": "{Line Height.xs}"
+        },
+        "sm": {
+          "$type": "number",
+          "$value": "{Line Height.sm}"
+        },
+        "lg": {
+          "$type": "number",
+          "$value": "{Line Height.lg}"
+        },
+        "xl": {
+          "$type": "number",
+          "$value": "{Line Height.xl}"
+        },
+        "xxl": {
+          "$type": "number",
+          "$value": "{Line Height.xxl}"
+        },
+        "xxxl": {
+          "$type": "number",
+          "$value": "{Line Height.xxxl}"
+        }
+      }
+    },
+    "Code": {
+      "$type": "fontFamily",
+      "$value": "{Font.Family.Mono}"
+    },
+    "Label": {
+      "Font Family": {
+        "$type": "fontFamily",
+        "$value": "{Brand.Font.Lead}"
+      },
+      "Font Weight": {
+        "$type": "fontWeight",
+        "$value": "{Font.Weight.600}"
+      },
+      "Font Size": {
+        "$type": "number",
+        "$value": "{Font.Size.md}"
+      },
+      "Line Height": {
+        "$type": "number",
+        "$value": "{Line Height.md}"
+      },
+      "Gap": {
+        "$type": "number",
+        "$value": "{Size.Spacing.200}"
+      }
+    },
+    "Body": {
+      "Font Family": {
+        "$type": "fontFamily",
+        "$value": "{Brand.Font.Base}"
+      },
+      "Font Weight": {
+        "$type": "fontWeight",
+        "$value": "{Font.Weight.400}"
+      },
+      "Font Size": {
+        "$type": "number",
+        "$value": "{Font.Size.md}"
+      },
+      "Line Height": {
+        "$type": "number",
+        "$value": "{Line Height.md}"
+      }
+    }
+  },
+  "Corner": {
+    "Button Radius": {
+      "$type": "number",
+      "$value": "{Brand.Corner.Button}"
+    },
+    "Card Radius": {
+      "$type": "number",
+      "$value": "{Brand.Corner.Card}"
+    },
+    "Modal Radius": {
+      "$type": "number",
+      "$value": "{Brand.Corner.Modal}"
+    },
+    "Form Radius": {
+      "$type": "number",
+      "$value": "{Brand.Corner.Card}"
+    },
+    "Checkbox Radius": {
+      "$type": "number",
+      "$value": "{Brand.Corner.Input}"
+    }
+  }
+}

package/dist/tokens/json/themes-brands.tokens.brand-a.json

@@ -0,0 +1,81 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "Brand": {
+    "Color": {
+      "Functional": {
+        "Success": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Green.600}"
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Red.600}"
+        },
+        "Base": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Green.700}"
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Green.900}"
+        }
+      },
+      "Primary": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Sand.700}"
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Green.400}"
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Sand.900}"
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Green.600}"
+      },
+      "Subtle": {
+        "$type": "color",
+        "$value": "{Color.Neutral.500}"
+      },
+      "Subtle Dark": {
+        "$type": "color",
+        "$value": "{Color.Neutral.800}"
+      },
+      "Subtle Light": {
+        "$type": "color",
+        "$value": "{Color.Neutral.200}"
+      }
+    },
+    "Font": {
+      "Base": {
+        "$type": "string",
+        "$value": "{Font.Family.Sans}"
+      },
+      "Lead": {
+        "$type": "string",
+        "$value": "{Font.Family.Serif}"
+      }
+    },
+    "Corner": {
+      "Button": {
+        "$type": "number",
+        "$value": "{Size.Radius.700}"
+      },
+      "Card": {
+        "$type": "number",
+        "$value": "{Size.Radius.200}"
+      },
+      "Modal": {
+        "$type": "number",
+        "$value": "{Size.Radius.400}"
+      },
+      "Input": {
+        "$type": "number",
+        "$value": "{Size.Radius.200}"
+      }
+    }
+  }
+}

package/dist/tokens/json/themes-brands.tokens.brand-b.json

@@ -0,0 +1,81 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "Brand": {
+    "Color": {
+      "Functional": {
+        "Success": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Green.600}"
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Red.600}"
+        },
+        "Base": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Green.700}"
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": "{Color.Brand A.Green.900}"
+        }
+      },
+      "Primary": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Sand.700}"
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Green.400}"
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Sand.900}"
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand A.Green.600}"
+      },
+      "Subtle": {
+        "$type": "color",
+        "$value": "{Color.Neutral.500}"
+      },
+      "Subtle Dark": {
+        "$type": "color",
+        "$value": "{Color.Neutral.800}"
+      },
+      "Subtle Light": {
+        "$type": "color",
+        "$value": "{Color.Neutral.200}"
+      }
+    },
+    "Font": {
+      "Base": {
+        "$type": "string",
+        "$value": "{Font.Family.Sans}"
+      },
+      "Lead": {
+        "$type": "string",
+        "$value": "{Font.Family.Serif}"
+      }
+    },
+    "Corner": {
+      "Button": {
+        "$type": "number",
+        "$value": "{Size.Radius.700}"
+      },
+      "Card": {
+        "$type": "number",
+        "$value": "{Size.Radius.200}"
+      },
+      "Modal": {
+        "$type": "number",
+        "$value": "{Size.Radius.400}"
+      },
+      "Input": {
+        "$type": "number",
+        "$value": "{Size.Radius.200}"
+      }
+    }
+  }
+}

package/dist/tokens/missing-tokens.json

@@ -0,0 +1,43 @@
+{
+  "generated": "2026-04-19T14:37:39.153Z",
+  "description": "Missing alias targets — these tokens are referenced but do not exist in any Figma export. Create them in Figma or add temporary mocks.",
+  "missing": [
+    {
+      "ref": "Size/Spacing/50",
+      "referencedBy": [
+        "Form/Slider/Track Height",
+        "Form/Slider/Track Height"
+      ],
+      "suggestedMock": {
+        "type": "number",
+        "value": 2,
+        "unit": "px",
+        "note": "Core: spacing 50 — add to Core (Primitives)"
+      }
+    },
+    {
+      "ref": "Color/Fill/Muted",
+      "referencedBy": [
+        "Form/Slider/Track Color",
+        "Form/Slider/Track Color"
+      ],
+      "suggestedMock": {
+        "type": "color",
+        "value": "#e5e5e5",
+        "note": "Semantic: muted fill — add to Appearance (Modes)"
+      }
+    },
+    {
+      "ref": "Color/Border/Focus",
+      "referencedBy": [
+        "Form/Slider/Focus Ring Color",
+        "Form/Slider/Focus Ring Color"
+      ],
+      "suggestedMock": {
+        "type": "color",
+        "value": "#3b82f6",
+        "note": "Semantic: focus border — add to Appearance (Modes)"
+      }
+    }
+  ]
+}