haus-tokens 0.2.0 → 0.2.1

package/README.md

@@ -44,7 +44,7 @@ Two kinds of primitive read are documented rather than hidden. Sizes: 31
 declarations across the haus components take a size off the space ladder, on
 `height`, `width`, `min-*`/`max-*` and `transform` offsets, because a size is a
 value rather than a role. They are the avatar sizes, the checkbox and radio
-boxes, the toggle track and thumb, and a few min/max bounds. And 56 read a primitive that has no semantic alias
+boxes, the toggle track and thumb, and a few min/max bounds. And 61 read a primitive that has no semantic alias
 because the primitive's own name already is the role: `--font-sans`,
 `--weight-*`, `--border-width-*`, `--opacity-disabled`, `--icon-sm`,
 `--z-modal`. No component reads a colour, radius, shadow or motion primitive,

package/dist/primitives.css

@@ -142,6 +142,12 @@
     --z-toast:     500;   /* Toast notifications */
     --z-tooltip:   600;   /* Tooltips, always on top */
 
+    /* ── Control heights ─────────────────────────────────────────────────────── */
+    /* A scale of its own: 36px and 44px are not steps on the 4px spacing ladder. */
+    --control-height-sm:  1.75rem;   /* 28px, Button sm. Pointer-only density; below the 24px minimum for a target with no spacing exception. */
+    --control-height-md:  2.25rem;   /* 36px, the default for Button, Input and Select */
+    --control-height-lg:  2.75rem;   /* 44px, Button lg. The WCAG 2.5.8 AAA target size, and Apple's HIG minimum. */
+
     /* ── Border width ────────────────────────────────────────────────────────── */
     --border-width-default:  1px;   /* Borders, dividers, inputs */
     --border-width-thick:    2px;   /* Focus rings, active emphasis */

package/dist/semantics.css

@@ -13,7 +13,7 @@
      entry offsets, the textarea's minimum height and the select chevron's
      offset. A size is a value, not a role, and calling a 16px checkbox
      --space-inset-md would say something untrue.
-   · 56 read a primitive that has no alias here because its own name already
+   · 61 read a primitive that has no alias here because its own name already
      is the role: --font-sans, --weight-*, --border-width-*, --tracking-normal,
      --opacity-disabled, --icon-sm, --z-modal.
 
@@ -231,8 +231,11 @@
        and a few min/max bounds read the primitive ladder directly: they are
        values, and naming them as inset or gap would say something untrue about
        what they are. Thirty-one declarations do this deliberately.
-       Button, Input and Select set min-height in raw pixels instead, which is
-       neither, and is issue territory rather than a decision recorded here.  */
+
+       Control heights are not on that ladder at all: 36px and 44px are not
+       steps of it. They are their own primitive scale, --control-height-sm,
+       -md and -lg, whose names are already the role, so they are read direct
+       like --border-width-default.  */
 
 
   }

package/dist/tokens.json

@@ -239,6 +239,22 @@
     "toast":    { "$value": 500, "$description": "Toast notifications" },
     "tooltip":  { "$value": 600, "$description": "Tooltips, always on top" }
   },
+  "controlHeight": {
+    "$type": "dimension",
+    "$description": "Minimum height of an interactive control. A scale of three, not a step off the spacing ladder: 36px and 44px are not on it.",
+    "sm": {
+      "$value": "1.75rem",
+      "$description": "28px, Button sm. Pointer-only density; below the 24px minimum for a target with no spacing exception."
+    },
+    "md": {
+      "$value": "2.25rem",
+      "$description": "36px, the default for Button, Input and Select"
+    },
+    "lg": {
+      "$value": "2.75rem",
+      "$description": "44px, Button lg. The WCAG 2.5.8 AAA target size, and Apple's HIG minimum."
+    }
+  },
   "borderWidth": {
     "$type": "dimension",
     "default": { "$value": "1px", "$description": "Borders, dividers, inputs" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haus-tokens",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "haus design tokens: OKLCH colour, type, spacing, radius, shadow and motion, as W3C-DTCG JSON, CSS custom properties, and typed JS constants.",
   "license": "MIT",
   "author": "hipuku",