@airframeui/tokens 0.1.4 → 0.3.0

package/dist/tokens.js

@@ -1,7 +1,7 @@
 export const tokens = {
   "meta": {
     "version": "0.0.1",
-    "generatedAt": "2026-08-16T13:25:11.771Z"
+    "generatedAt": "2026-08-22T07:15:44.406Z"
   },
   "primitives": {
     "base-primary--light": "#0876dd",
@@ -59,11 +59,13 @@ export const tokens = {
     "space-7": "40px",
     "space-8": "48px",
     "radius-0": "0px",
-    "radius-sm": "6px",
-    "radius-md": "10px",
-    "radius-lg": "16px",
-    "radius-xl": "24px",
+    "radius-sm": "4px",
+    "radius-md": "8px",
+    "radius-lg": "12px",
+    "radius-xl": "16px",
     "radius-full": "9999px",
+    "radius": "var(--af-radius-md)",
+    "pill-radius": "var(--af-radius-full)",
     "font-primary": "var(--af-base-font-sans)",
     "font-mono": "var(--af-base-font-mono)",
     "text-xs": "0.75rem",
@@ -165,6 +167,8 @@ export const tokens = {
     "switch-height": "var(--af-choice-size)",
     "switch-width-ratio": "0.8",
     "switch-thumb-inset": "2px",
+    "range-track-height": "0.625rem",
+    "range-thumb-size": "1.25rem",
     "color-focus": "var(--af-color-primary)",
     "color-primary": "var(--af-base-primary)",
     "color-secondary": "var(--af-base-secondary)",
@@ -247,34 +251,62 @@ export const tokens = {
     "color-border-strong": "var(--af-color-border-strong--light)"
   },
   "components": {
-    "control-min-height": "auto",
-    "control-radius": "var(--af-radius-lg)",
+    "control-min-height": "var(--af-hit-size)",
+    "control-radius": "var(--af-radius)",
     "control-padding-y": "var(--af-space-2)",
     "control-padding-x": "var(--af-space-3)",
-    "control-border-width": "1px",
+    "control-border-width": "var(--af-border-width)",
     "control-border": "var(--af-color-border)",
     "control-border-hover": "var(--af-color-border-strong)",
     "link-primary": "var(--af-color-primary)",
     "link-hover-primary": "var(--af-color-primary-hover)",
+    "link-decoration": "underline",
+    "link-hover-decoration": "underline",
     "btn-min-height": "var(--af-control-min-height)",
-    "btn-radius": "var(--af-radius-full)",
+    "btn-radius": "var(--af-radius)",
     "btn-padding-y": "var(--af-control-padding-y)",
     "btn-padding-x": "var(--af-space-4)",
     "btn-gap": "var(--af-space-2)",
     "btn-icon-size": "1.25rem",
     "btn-icon-button-size": "var(--af-hit-size)",
     "btn-font-weight": "var(--af-weight-medium)",
-    "btn-border-width": "1px",
+    "btn-border-width": "var(--af-border-width)",
+    "btn-border": "transparent",
+    "btn-border-hover": "initial",
+    "btn-border-focus": "initial",
+    "btn-border-auto": "initial",
     "btn-hover-brightness": "0.9",
     "btn-active-brightness": "0.82",
     "btn-default-bg": "var(--af-color-primary)",
     "btn-default-color": "var(--af-color-on-primary)",
     "btn-default-hover": "var(--af-color-primary-hover)",
     "btn-default-active": "var(--af-color-primary-active)",
+    "btn-default-border": "initial",
+    "btn-default-border-hover": "initial",
+    "btn-default-border-focus": "initial",
     "btn-secondary-bg": "var(--af-color-secondary)",
     "btn-secondary-color": "var(--af-color-on-secondary)",
     "btn-secondary-hover": "var(--af-color-secondary-hover)",
     "btn-secondary-active": "var(--af-color-secondary-active)",
+    "btn-secondary-border": "initial",
+    "btn-secondary-border-hover": "initial",
+    "btn-secondary-border-focus": "initial",
+    "btn-tertiary-border": "initial",
+    "btn-tertiary-border-hover": "initial",
+    "btn-tertiary-border-focus": "initial",
+    "btn-success-border": "initial",
+    "btn-success-border-hover": "initial",
+    "btn-success-border-focus": "initial",
+    "btn-warning-border": "initial",
+    "btn-warning-border-hover": "initial",
+    "btn-warning-border-focus": "initial",
+    "btn-danger-border": "initial",
+    "btn-danger-border-hover": "initial",
+    "btn-danger-border-focus": "initial",
+    "btn-info-border": "initial",
+    "btn-info-border-hover": "initial",
+    "btn-info-border-focus": "initial",
+    "btn-ghost-border": "transparent",
     "btn-outline-color": "var(--af-color-primary)",
     "btn-outline-border": "var(--af-color-primary)",
     "btn-outline-hover": "var(--af-color-primary-hover)",
@@ -291,7 +323,7 @@ export const tokens = {
     "input-font-size": "var(--af-text-md)",
     "input-leading": "var(--af-leading-normal)",
     "input-placeholder-color": "var(--af-color-text-muted)",
-    "card-radius": "var(--af-radius-lg)",
+    "card-radius": "var(--af-radius)",
     "card-padding": "var(--af-space-5)",
     "card-border-width": "1px",
     "card-shadow": "var(--af-shadow-sm)",
@@ -328,7 +360,8 @@ export const tokens = {
         "color-text-muted": "var(--af-color-text-muted--light)",
         "color-text-inverse": "var(--af-color-text-inverse--light)",
         "color-border": "var(--af-color-border--light)",
-        "color-border-strong": "var(--af-color-border-strong--light)"
+        "color-border-strong": "var(--af-color-border-strong--light)",
+        "hard-toward": "black"
       }
     },
     "dark": {
@@ -442,8 +475,8 @@ export const tokens = {
   },
   "catalog": {
     "meta": {
-      "generatedAt": "2026-08-16T13:25:11.770Z",
-      "count": 334
+      "generatedAt": "2026-08-22T07:15:44.406Z",
+      "count": 366
     },
     "groups": [
       {
@@ -866,15 +899,15 @@ export const tokens = {
         "value": "var(--af-base-primary--light)",
         "css": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678D4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678D4"
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -884,9 +917,9 @@ export const tokens = {
         "group": "color-primitive",
         "kind": "stored",
         "description": "Dark stored value for --af-base-primary.",
-        "value": "#0e80eb",
+        "value": "#1678D4",
         "hex": {
-          "dark": "#0e80eb"
+          "dark": "#1678d4"
         }
       },
       {
@@ -1135,14 +1168,77 @@ export const tokens = {
         "description": "af-btn pressed brightness filter.",
         "value": "0.82"
       },
+      {
+        "name": "--af-btn-border",
+        "key": "btn-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Master filled af-btn border color. Transparent by default (borders off). Set to a color, or to var(--af-btn-border-auto), to paint filled buttons. Ghost and link ignore this.",
+        "value": "transparent"
+      },
+      {
+        "name": "--af-btn-border-auto",
+        "key": "btn-border-auto",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Per-variant automatic filled-button border tint. Unset at :root; each filled .af-btn remaps it. Set --af-btn-border to var(--af-btn-border-auto) (on :root or a wrapper) to enable borders without picking hexes.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-border-focus",
+        "key": "btn-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Master filled af-btn focus border (chrome in addition to the focus ring). Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-border-hover",
+        "key": "btn-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Master filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
       {
         "name": "--af-btn-border-width",
         "key": "btn-border-width",
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "af-btn border width.",
-        "value": "1px"
+        "description": "af-btn border width. Defaults to --af-border-width.",
+        "value": "var(--af-border-width)"
+      },
+      {
+        "name": "--af-btn-danger-border",
+        "key": "btn-danger-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Danger filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-danger-border-focus",
+        "key": "btn-danger-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Danger filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-danger-border-hover",
+        "key": "btn-danger-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Danger filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
       },
       {
         "name": "--af-btn-default-active",
@@ -1160,9 +1256,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0761b5",
-          "dark": "#0b69c1",
+          "dark": "#1262ae",
           "hc-light": "#0761b5",
-          "hc-dark": "#0b69c1"
+          "hc-dark": "#1262ae"
         }
       },
       {
@@ -1181,11 +1277,38 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
+      {
+        "name": "--af-btn-default-border",
+        "key": "btn-default-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Primary/default filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-default-border-focus",
+        "key": "btn-default-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Primary/default filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-default-border-hover",
+        "key": "btn-default-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Primary/default filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
       {
         "name": "--af-btn-default-color",
         "key": "btn-default-color",
@@ -1223,9 +1346,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0768c2",
-          "dark": "#0c71cf",
+          "dark": "#136abb",
           "hc-light": "#0768c2",
-          "hc-dark": "#0c71cf"
+          "hc-dark": "#136abb"
         }
       },
       {
@@ -1246,6 +1369,15 @@ export const tokens = {
         "description": "Gap between af-btn label and icon.",
         "value": "var(--af-space-2)"
       },
+      {
+        "name": "--af-btn-ghost-border",
+        "key": "btn-ghost-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Ghost af-btn border. Transparent by default; does not follow --af-btn-border.",
+        "value": "transparent"
+      },
       {
         "name": "--af-btn-hover-brightness",
         "key": "btn-hover-brightness",
@@ -1273,6 +1405,33 @@ export const tokens = {
         "description": "Icon size inside af-btn.",
         "value": "1.25rem"
       },
+      {
+        "name": "--af-btn-info-border",
+        "key": "btn-info-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Info filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-info-border-focus",
+        "key": "btn-info-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Info filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-info-border-hover",
+        "key": "btn-info-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Info filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
       {
         "name": "--af-btn-min-height",
         "key": "btn-min-height",
@@ -1298,9 +1457,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#d7e9fa",
-          "dark": "#112740",
+          "dark": "#13263d",
           "hc-light": "#d7e9fa",
-          "hc-dark": "#182a3b"
+          "hc-dark": "#192938"
         }
       },
       {
@@ -1319,9 +1478,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -1340,9 +1499,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -1361,9 +1520,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0768c2",
-          "dark": "#0c71cf",
+          "dark": "#136abb",
           "hc-light": "#0768c2",
-          "hc-dark": "#0c71cf"
+          "hc-dark": "#136abb"
         }
       },
       {
@@ -1382,9 +1541,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#e1effb",
-          "dark": "#122338",
+          "dark": "#122236",
           "hc-light": "#e1effb",
-          "hc-dark": "#192633"
+          "hc-dark": "#1a2530"
         }
       },
       {
@@ -1411,8 +1570,8 @@ export const tokens = {
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "af-btn corner radius (pill by default).",
-        "value": "var(--af-radius-full)"
+        "description": "af-btn corner radius. Defaults to --af-radius. Set to --af-pill-radius for pills.",
+        "value": "var(--af-radius)"
       },
       {
         "name": "--af-btn-secondary-active",
@@ -1456,6 +1615,33 @@ export const tokens = {
           "hc-dark": "#dbe1f4"
         }
       },
+      {
+        "name": "--af-btn-secondary-border",
+        "key": "btn-secondary-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Secondary filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-secondary-border-focus",
+        "key": "btn-secondary-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Secondary filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-secondary-border-hover",
+        "key": "btn-secondary-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Secondary filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
       {
         "name": "--af-btn-secondary-color",
         "key": "btn-secondary-color",
@@ -1498,6 +1684,87 @@ export const tokens = {
           "hc-dark": "#c1c6d7"
         }
       },
+      {
+        "name": "--af-btn-success-border",
+        "key": "btn-success-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Success filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-success-border-focus",
+        "key": "btn-success-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Success filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-success-border-hover",
+        "key": "btn-success-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Success filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-tertiary-border",
+        "key": "btn-tertiary-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Tertiary filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-tertiary-border-focus",
+        "key": "btn-tertiary-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Tertiary filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-tertiary-border-hover",
+        "key": "btn-tertiary-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Tertiary filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-warning-border",
+        "key": "btn-warning-border",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Warning filled af-btn border. Unset by default; falls back to --af-btn-border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-warning-border-focus",
+        "key": "btn-warning-border-focus",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Warning filled af-btn focus border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
+      {
+        "name": "--af-btn-warning-border-hover",
+        "key": "btn-warning-border-hover",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Warning filled af-btn hover border. Unset by default; falls back to the rest border.",
+        "value": "initial"
+      },
       {
         "name": "--af-card-border-width",
         "key": "card-border-width",
@@ -1531,8 +1798,8 @@ export const tokens = {
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "af-card corner radius.",
-        "value": "var(--af-radius-lg)"
+        "description": "af-card corner radius. Defaults to --af-radius.",
+        "value": "var(--af-radius)"
       },
       {
         "name": "--af-card-shadow",
@@ -1577,9 +1844,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -1598,9 +1865,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0761b5",
-          "dark": "#0b69c1",
+          "dark": "#1262ae",
           "hc-light": "#0761b5",
-          "hc-dark": "#0b69c1"
+          "hc-dark": "#1262ae"
         }
       },
       {
@@ -1619,9 +1886,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#04417a",
-          "dark": "#7ab9f4",
+          "dark": "#7fb5e7",
           "hc-light": "#04417a",
-          "hc-dark": "#7ab9f4"
+          "hc-dark": "#7fb5e7"
         }
       },
       {
@@ -1640,9 +1907,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0768c2",
-          "dark": "#0c71cf",
+          "dark": "#136abb",
           "hc-light": "#0768c2",
-          "hc-dark": "#0c71cf"
+          "hc-dark": "#136abb"
         }
       },
       {
@@ -1661,9 +1928,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#e1effb",
-          "dark": "#122338",
+          "dark": "#122236",
           "hc-light": "#e1effb",
-          "hc-dark": "#192633"
+          "hc-dark": "#1a2530"
         }
       },
       {
@@ -1994,9 +2261,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -2480,9 +2747,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -2501,9 +2768,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0761b5",
-          "dark": "#0b69c1",
+          "dark": "#1262ae",
           "hc-light": "#0761b5",
-          "hc-dark": "#0b69c1"
+          "hc-dark": "#1262ae"
         }
       },
       {
@@ -2522,9 +2789,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#04417a",
-          "dark": "#7ab9f4",
+          "dark": "#7fb5e7",
           "hc-light": "#04417a",
-          "hc-dark": "#7ab9f4"
+          "hc-dark": "#7fb5e7"
         }
       },
       {
@@ -2543,9 +2810,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0768c2",
-          "dark": "#0c71cf",
+          "dark": "#136abb",
           "hc-light": "#0768c2",
-          "hc-dark": "#0c71cf"
+          "hc-dark": "#136abb"
         }
       },
       {
@@ -2564,9 +2831,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#e1effb",
-          "dark": "#122338",
+          "dark": "#122236",
           "hc-light": "#e1effb",
-          "hc-dark": "#192633"
+          "hc-dark": "#1a2530"
         }
       },
       {
@@ -3730,8 +3997,8 @@ export const tokens = {
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "Shared form-control border width.",
-        "value": "1px"
+        "description": "Shared form-control border width. Defaults to --af-border-width.",
+        "value": "var(--af-border-width)"
       },
       {
         "name": "--af-control-min-height",
@@ -3740,7 +4007,7 @@ export const tokens = {
         "group": "component",
         "kind": "static",
         "description": "Shared form-control min-height (default auto). Inputs use --af-input-min-height instead.",
-        "value": "auto"
+        "value": "var(--af-hit-size)"
       },
       {
         "name": "--af-control-padding-x",
@@ -3766,8 +4033,8 @@ export const tokens = {
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "Shared form-control radius (inputs, selects).",
-        "value": "var(--af-radius-lg)"
+        "description": "Shared form-control radius (inputs, selects). Defaults to --af-radius.",
+        "value": "var(--af-radius)"
       },
       {
         "name": "--af-divider-spacing",
@@ -3884,9 +4151,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -4037,9 +4304,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
       {
@@ -4069,7 +4336,7 @@ export const tokens = {
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "Text input border width.",
+        "description": "Text input border width. Defaults to --af-control-border-width, then --af-border-width.",
         "value": "var(--af-control-border-width)"
       },
       {
@@ -4144,7 +4411,7 @@ export const tokens = {
         "category": "component",
         "group": "component",
         "kind": "static",
-        "description": "Text input corner radius.",
+        "description": "Text input corner radius. Defaults to --af-control-radius, then --af-radius.",
         "value": "var(--af-control-radius)"
       },
       {
@@ -4183,6 +4450,24 @@ export const tokens = {
         "description": "Tight line-height (headings). Prefer --af-type-*-leading on roles.",
         "value": "1.15"
       },
+      {
+        "name": "--af-link-decoration",
+        "key": "link-decoration",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Default text-decoration for a / .af-link (underline). Override to restyle links.",
+        "value": "underline"
+      },
+      {
+        "name": "--af-link-hover-decoration",
+        "key": "link-hover-decoration",
+        "category": "component",
+        "group": "component",
+        "kind": "static",
+        "description": "Link text-decoration on hover.",
+        "value": "underline"
+      },
       {
         "name": "--af-link-hover-primary",
         "key": "link-hover-primary",
@@ -4199,9 +4484,9 @@ export const tokens = {
         },
         "hex": {
           "light": "#0768c2",
-          "dark": "#0c71cf",
+          "dark": "#136abb",
           "hc-light": "#0768c2",
-          "hc-dark": "#0c71cf"
+          "hc-dark": "#136abb"
         }
       },
       {
@@ -4220,11 +4505,29 @@ export const tokens = {
         },
         "hex": {
           "light": "#0876dd",
-          "dark": "#0e80eb",
+          "dark": "#1678d4",
           "hc-light": "#0876dd",
-          "hc-dark": "#0e80eb"
+          "hc-dark": "#1678d4"
         }
       },
+      {
+        "name": "--af-pill-radius",
+        "key": "pill-radius",
+        "category": "semantic",
+        "group": "space",
+        "kind": "static",
+        "description": "Capsule / pill radius. Used by af-pill, steps, and .af-radius-full. Defaults to --af-radius-full. Set --af-btn-radius to this for pill buttons.",
+        "value": "var(--af-radius-full)"
+      },
+      {
+        "name": "--af-radius",
+        "key": "radius",
+        "category": "semantic",
+        "group": "space",
+        "kind": "static",
+        "description": "Default corner radius for cards, controls, buttons, dialogs, and surfaces. Override this to retheme the product. Set --af-btn-radius to --af-pill-radius for pill buttons.",
+        "value": "var(--af-radius-md)"
+      },
       {
         "name": "--af-radius-0",
         "key": "radius-0",
@@ -4240,7 +4543,7 @@ export const tokens = {
         "category": "semantic",
         "group": "space",
         "kind": "static",
-        "description": "Pill / circle radius. Default buttons.",
+        "description": "Scale step for a capsule (9999px). Prefer --af-pill-radius in CSS.",
         "value": "9999px"
       },
       {
@@ -4249,8 +4552,8 @@ export const tokens = {
         "category": "semantic",
         "group": "space",
         "kind": "static",
-        "description": "Large radius — default controls and cards.",
-        "value": "16px"
+        "description": "Large radius (12px) — cards and dialogs when you want more rounding than --af-radius.",
+        "value": "12px"
       },
       {
         "name": "--af-radius-md",
@@ -4258,8 +4561,8 @@ export const tokens = {
         "category": "semantic",
         "group": "space",
         "kind": "static",
-        "description": "Medium radius — compact surfaces.",
-        "value": "10px"
+        "description": "Medium radius (8px). Default source for --af-radius.",
+        "value": "8px"
       },
       {
         "name": "--af-radius-sm",
@@ -4267,8 +4570,8 @@ export const tokens = {
         "category": "semantic",
         "group": "space",
         "kind": "static",
-        "description": "Small radius — chips, small controls.",
-        "value": "6px"
+        "description": "Small radius (4px) — chips, badges, kbd, tooltips. Compact chrome; does not follow --af-radius.",
+        "value": "4px"
       },
       {
         "name": "--af-radius-xl",
@@ -4276,8 +4579,26 @@ export const tokens = {
         "category": "semantic",
         "group": "space",
         "kind": "static",
-        "description": "Extra-large radius — large panels.",
-        "value": "24px"
+        "description": "Extra-large radius (16px) — large panels.",
+        "value": "16px"
+      },
+      {
+        "name": "--af-range-thumb-size",
+        "key": "range-thumb-size",
+        "category": "semantic",
+        "group": "other",
+        "kind": "static",
+        "description": "Range slider thumb diameter. Also the control height.",
+        "value": "1.25rem"
+      },
+      {
+        "name": "--af-range-track-height",
+        "key": "range-track-height",
+        "category": "semantic",
+        "group": "other",
+        "kind": "static",
+        "description": "Range slider track thickness.",
+        "value": "0.625rem"
       },
       {
         "name": "--af-shadow-lg",