ui-foundations 0.1.0

package/dist/tokens/css/semantic.tokens.css

@@ -0,0 +1,35 @@
+/* Auto-generated design tokens from Figma */
+/* Generated on 2026-03-04T20:50:34.072Z */
+
+:root {
+  --typography-code: var(--font-family-mono);
+  --typography-heading-font-family: var(--brand-font-lead);
+  --typography-heading-font-weight: var(--font-weight-700);
+  --typography-heading-font-size-xs: var(--font-size-xs);
+  --typography-heading-font-size-sm: var(--font-size-sm);
+  --typography-heading-font-size-md: var(--font-size-md);
+  --typography-heading-font-size-lg: var(--font-size-lg);
+  --typography-heading-font-size-xl: var(--font-size-xl);
+  --typography-heading-font-size-xxl: var(--font-size-xxl);
+  --typography-heading-font-size-xxxl: var(--font-size-xxxl);
+  --typography-heading-line-height-xs: var(--line-height-xs);
+  --typography-heading-line-height-sm: var(--line-height-sm);
+  --typography-heading-line-height-md: var(--line-height-md);
+  --typography-heading-line-height-lg: var(--line-height-lg);
+  --typography-heading-line-height-xl: var(--line-height-xl);
+  --typography-heading-line-height-xxl: var(--line-height-xxl);
+  --typography-heading-line-height-xxxl: var(--line-height-xxxl);
+  --typography-label-font-family: var(--brand-font-lead);
+  --typography-label-font-weight: var(--font-weight-600);
+  --typography-label-font-size: var(--font-size-md);
+  --typography-label-line-height: var(--line-height-md);
+  --typography-label-gap: var(--size-spacing-200);
+  --typography-body-font-family: var(--brand-font-base);
+  --typography-body-font-weight: var(--font-weight-400);
+  --typography-body-font-size: var(--font-size-md);
+  --typography-body-line-height: var(--line-height-md);
+  --corner-button-radius: var(--brand-corner-button);
+  --corner-card-radius: var(--brand-corner-card);
+  --corner-form-radius: var(--brand-corner-card);
+  --corner-modal-radius: var(--brand-corner-modal);
+}

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

@@ -0,0 +1,192 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "Brand": {
+    "Color": {
+      "Primary": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5921568870544434,
+            0.27843138575553894,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#9747FF"
+        }
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3333333432674408,
+            0.10196078568696976,
+            0.545098066329956
+          ],
+          "alpha": 1,
+          "hex": "#551A8B"
+        }
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.43921568989753723,
+            0.7960784435272217,
+            0.95686274766922
+          ],
+          "alpha": 1,
+          "hex": "#70CBF4"
+        }
+      },
+      "Subtle": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.501960813999176,
+            0.501960813999176,
+            0.501960813999176
+          ],
+          "alpha": 1,
+          "hex": "#808080"
+        }
+      },
+      "Subtle Light": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.800000011920929,
+            0.800000011920929,
+            0.800000011920929
+          ],
+          "alpha": 1,
+          "hex": "#CCCCCC"
+        }
+      },
+      "Subtle Dark": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.20000000298023224,
+            0.20000000298023224,
+            0.20000000298023224
+          ],
+          "alpha": 1,
+          "hex": "#333333"
+        }
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0470588244497776,
+            0.29411765933036804,
+            0.9529411792755127
+          ],
+          "alpha": 1,
+          "hex": "#0C4BF3"
+        }
+      },
+      "Functional": {
+        "Base": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0470588244497776,
+              0.29411765933036804,
+              0.9529411792755127
+            ],
+            "alpha": 1,
+            "hex": "#0C4BF3"
+          }
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.10588235408067703,
+              0.06666667014360428,
+              0.3607843220233917
+            ],
+            "alpha": 1,
+            "hex": "#1B115C"
+          }
+        },
+        "Success": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.07450980693101883,
+              0.6823529601097107,
+              0.3607843220233917
+            ],
+            "alpha": 1,
+            "hex": "#13AE5C"
+          }
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              0,
+              0
+            ],
+            "alpha": 1,
+            "hex": "#FF0000"
+          }
+        }
+      }
+    },
+    "Font": {
+      "Lead": {
+        "$type": "string",
+        "$value": "Rokkitt"
+      },
+      "Base": {
+        "$type": "string",
+        "$value": "Inter"
+      }
+    },
+    "Corner": {
+      "Button": {
+        "$type": "dimension",
+        "$value": {
+          "value": 10000,
+          "unit": "px"
+        }
+      },
+      "Input": {
+        "$type": "dimension",
+        "$value": {
+          "value": 4,
+          "unit": "px"
+        }
+      },
+      "Card": {
+        "$type": "dimension",
+        "$value": {
+          "value": 4,
+          "unit": "px"
+        }
+      },
+      "Modal": {
+        "$type": "dimension",
+        "$value": {
+          "value": 8,
+          "unit": "px"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,192 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "Brand": {
+    "Color": {
+      "Primary": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2571428418159485,
+            0.7298701405525208,
+            0.9428571462631226
+          ],
+          "alpha": 1,
+          "hex": "#42BAF0"
+        }
+      },
+      "Primary Dark": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0376470573246479,
+            0.23529411852359772,
+            0.7623529434204102
+          ],
+          "alpha": 1,
+          "hex": "#0A3CC2"
+        }
+      },
+      "Accent": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.48000001907348633,
+            0.07999999821186066,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#7A14FF"
+        }
+      },
+      "Subtle": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.501960813999176,
+            0.501960813999176,
+            0.501960813999176
+          ],
+          "alpha": 1,
+          "hex": "#808080"
+        }
+      },
+      "Subtle Light": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.800000011920929,
+            0.800000011920929,
+            0.800000011920929
+          ],
+          "alpha": 1,
+          "hex": "#CCCCCC"
+        }
+      },
+      "Subtle Dark": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.20000000298023224,
+            0.20000000298023224,
+            0.20000000298023224
+          ],
+          "alpha": 1,
+          "hex": "#333333"
+        }
+      },
+      "Accent Dark": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.226666659116745,
+            0.06933332979679108,
+            0.3706666827201843
+          ],
+          "alpha": 1,
+          "hex": "#3A125F"
+        }
+      },
+      "Functional": {
+        "Base": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.48000001907348633,
+              0.07999999821186066,
+              1
+            ],
+            "alpha": 1,
+            "hex": "#7A14FF"
+          }
+        },
+        "Base Dark": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.226666659116745,
+              0.06933332979679108,
+              0.3706666827201843
+            ],
+            "alpha": 1,
+            "hex": "#3A125F"
+          }
+        },
+        "Success": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.055129535496234894,
+              0.5048704743385315,
+              0.2669430077075958
+            ],
+            "alpha": 1,
+            "hex": "#0E8144"
+          }
+        },
+        "Danger": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.800000011920929,
+              0,
+              0
+            ],
+            "alpha": 1,
+            "hex": "#CC0000"
+          }
+        }
+      }
+    },
+    "Font": {
+      "Lead": {
+        "$type": "string",
+        "$value": "Rokkitt"
+      },
+      "Base": {
+        "$type": "string",
+        "$value": "Inter"
+      }
+    },
+    "Corner": {
+      "Button": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "px"
+        }
+      },
+      "Input": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "px"
+        }
+      },
+      "Card": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2,
+          "unit": "px"
+        }
+      },
+      "Modal": {
+        "$type": "dimension",
+        "$value": {
+          "value": 4,
+          "unit": "px"
+        }
+      }
+    }
+  }
+}