ui-foundations 0.3.2 → 0.6.0

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 C.Green.30}"
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Red.30}"
+        },
+        "Base": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Blue.10}"
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Midnight.10}"
+        }
+      },
+      "Primary": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Blue.40}"
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Coolblue.60}"
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Blue.10}"
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Coolblue.10}"
+      },
+      "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.full}"
+      },
+      "Card": {
+        "$type": "number",
+        "$value": "{Size.Radius.300}"
+      },
+      "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 C.Green.30}"
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Red.30}"
+        },
+        "Base": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Blue.10}"
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Midnight.10}"
+        }
+      },
+      "Primary": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Blue.40}"
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Coolblue.60}"
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Blue.10}"
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Coolblue.10}"
+      },
+      "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.full}"
+      },
+      "Card": {
+        "$type": "number",
+        "$value": "{Size.Radius.300}"
+      },
+      "Modal": {
+        "$type": "number",
+        "$value": "{Size.Radius.400}"
+      },
+      "Input": {
+        "$type": "number",
+        "$value": "{Size.Radius.200}"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,81 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "Brand": {
+    "Color": {
+      "Functional": {
+        "Success": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Green.30}"
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Red.30}"
+        },
+        "Base": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Blue.10}"
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": "{Color.Brand C.Midnight.10}"
+        }
+      },
+      "Primary": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Blue.40}"
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Coolblue.60}"
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Blue.10}"
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": "{Color.Brand C.Coolblue.10}"
+      },
+      "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.full}"
+      },
+      "Card": {
+        "$type": "number",
+        "$value": "{Size.Radius.300}"
+      },
+      "Modal": {
+        "$type": "number",
+        "$value": "{Size.Radius.400}"
+      },
+      "Input": {
+        "$type": "number",
+        "$value": "{Size.Radius.200}"
+      }
+    }
+  }
+}