haus-tokens 4.2.0 → 5.0.0

package/dist/brand.css

@@ -191,11 +191,11 @@
        were 180px, 260px and 340px hardcoded in Popover.module.css, read by
        nothing that could theme them. A brand entry for the same reason, since a
        panel width is a proportion of the product's layout, and four steps because
-       the Listbox popup a two-line option row needs is wider than a form panel. */
+       the Select popup a two-line option row needs is wider than a form panel. */
     --haus-brand-popover-width-sm:  var(--haus-panel-width-sm);    /* 180px: a short action menu      */
     --haus-brand-popover-width-md:  var(--haus-panel-width-md);    /* 260px: the default              */
     --haus-brand-popover-width-lg:  var(--haus-panel-width-lg);    /* 340px: a panel holding a form   */
-    --haus-brand-popover-width-xl:  var(--haus-panel-width-xl);    /* 420px: Listbox two-line rows    */
+    --haus-brand-popover-width-xl:  var(--haus-panel-width-xl);    /* 420px: Select two-line rows    */
 
     /* ── Typeface ────────────────────────────────────────────────────────── */
     /* haus#54. Until now `--haus-font-sans` and `--haus-font-mono` were

package/dist/primitives.css

@@ -171,11 +171,11 @@
     --haus-overlay-width-xl:  56rem;   /* 896px, Modal xl. Wide dashboards and side-by-side previews. Added when a second consumer's four-step scale met haus's three: the fourth is haus's now rather than the consumer's. */
 
     /* ── Panel widths ────────────────────────────────────────────────────────── */
-    /* The popover-scale sibling of overlay widths: Popover and the Listbox popup. A brand entry too, for the same reason, read through --haus-popover-width-*. */
+    /* The popover-scale sibling of overlay widths: Popover and the Select popup. A brand entry too, for the same reason, read through --haus-popover-width-*. */
     --haus-panel-width-sm:  11.25rem;   /* 180px, Popover sm. A short action menu. */
     --haus-panel-width-md:  16.25rem;   /* 260px, Popover md, the default. */
     --haus-panel-width-lg:  21.25rem;   /* 340px, Popover lg. A panel holding a form. */
-    --haus-panel-width-xl:  26.25rem;   /* 420px, Popover xl. The two-line option rows a Listbox draws. */
+    --haus-panel-width-xl:  26.25rem;   /* 420px, Popover xl. The two-line option rows a Select draws. */
 
     /* ── Component geometry ──────────────────────────────────────────────────── */
     /* On no ladder and not spacing. Literals inside components until haus#53 put width and height into the hardcoded-value rule. */

package/dist/semantics.css

@@ -6,28 +6,30 @@
    radius, elevation and motion. Two kinds of primitive read remain in the
    components, both deliberate:
 
-   · 29 declarations take a size off the space ladder, on height, width,
+   · 28 declarations take a size off the space ladder, on height, width,
      min/max and transform offsets: the avatar sizes and its status dot, the
      checkbox and radio boxes, the toggle track and thumb and the thumb's
-     travel, the modal's max height, the toast and modal entry offsets, the
-     textarea's minimum height and the select chevron's offset. A size is a
+     travel, the modal's max height, the toast and modal entry offsets, and the
+     textarea's minimum height. A size is a
      value, not a role, and calling a 16px checkbox --haus-space-inset-md
      would say something untrue.
-   · 22 read a primitive that has no alias here because its own name already
-     is the role: five control heights and seventeen icon sizes (five
-     --haus-icon-sm, six --haus-icon-lg, six --haus-icon-xs). Button used to
+   · 28 read a primitive that has no alias here because its own name already
+     is the role: eleven control heights and seventeen icon sizes (six
+     --haus-icon-sm, six --haus-icon-lg, five --haus-icon-xs). Button used to
      read --haus-tracking-normal here too; haus#37 moved it onto
-     --haus-type-label-tracking, so tracking is a role everywhere and no
-     component reads the tracking ladder. haus#43 added the icon reads: the
+     --haus-type-label-md-tracking, so tracking is a role everywhere and no
+     component reads the tracking ladder. haus#43 added the first icon reads: the
      chevron and the two close buttons bind their box and glyph to the icon
      scale rather than a raw size.
 
      This was 54 until haus#54, which took the 32 --haus-font-sans reads out of
      this count: typeface became brandable, so the font role now lives in this
      file (reading --haus-brand-font-sans) rather than being a primitive the
-     components reach for, and a role read is not a primitive read. (The header
-     read 50 here until haus#54, stale since haus#55's Spinner took the icon
-     reads from thirteen to seventeen; corrected in the same pass.)
+     components reach for, and a role read is not a primitive read. haus#55's
+     Spinner took the icon reads from thirteen to seventeen; haus#58 and haus#61
+     added IconButton's and Select's control heights and boxes, to 31; and
+     decision 0025 retired the native select, whose four reads left with it, to
+     28. tokens.test.ts holds the ledger.
 
      This was 71 before haus#27. Stacking, border width and opacity used to be
      primitives wearing role names, so a product that wanted the stacking order
@@ -169,10 +171,10 @@
        of. Caption is the role they were reaching for: 11px, regular, normal
        tracking, the voice a control explains itself in. The colour is not part
        of it, so a hint stays ink-secondary and an error message error. */
-    --haus-type-caption-size:      var(--haus-text-11);
-    --haus-type-caption-weight:    var(--haus-weight-regular);
-    --haus-type-caption-leading:   var(--haus-leading-normal);
-    --haus-type-caption-tracking:  var(--haus-tracking-normal);
+    --haus-type-label-caption-size:      var(--haus-text-11);
+    --haus-type-label-caption-weight:    var(--haus-weight-regular);
+    --haus-type-label-caption-leading:   var(--haus-leading-normal);
+    --haus-type-label-caption-tracking:  var(--haus-tracking-normal);
 
     --haus-type-label-sm-size:     var(--haus-text-12);
     --haus-type-label-sm-weight:   var(--haus-weight-medium);
@@ -214,15 +216,15 @@
        The text above a form control is its own typographic role, and it sets
        all four properties, so it is a role of the ordinary shape rather than
        another exception. */
-    --haus-type-field-label-size:     var(--haus-text-12);
-    --haus-type-field-label-weight:   var(--haus-weight-semibold);
-    --haus-type-field-label-leading:  var(--haus-leading-normal);
-    --haus-type-field-label-tracking: var(--haus-tracking-wide);
+    --haus-type-label-field-size:     var(--haus-text-12);
+    --haus-type-label-field-weight:   var(--haus-weight-semibold);
+    --haus-type-label-field-leading:  var(--haus-leading-normal);
+    --haus-type-label-field-tracking: var(--haus-tracking-wide);
 
-    --haus-type-label-size:        var(--haus-text-13);
-    --haus-type-label-weight:      var(--haus-weight-medium);
-    --haus-type-label-leading:     var(--haus-leading-normal);
-    --haus-type-label-tracking:    var(--haus-tracking-normal);
+    --haus-type-label-md-size:        var(--haus-text-13);
+    --haus-type-label-md-weight:      var(--haus-weight-medium);
+    --haus-type-label-md-leading:     var(--haus-leading-normal);
+    --haus-type-label-md-tracking:    var(--haus-tracking-normal);
 
     --haus-type-body-sm-size:      var(--haus-text-13);
     --haus-type-body-sm-weight:    var(--haus-weight-regular);
@@ -376,7 +378,7 @@
     --haus-modal-width-xl: var(--haus-brand-modal-width-xl);
 
     /* Popover width, the popover-scale sibling of modal width. Read by Popover
-       and by the Listbox popup; themeable through the brand entry above. */
+       and by the Select popup; themeable through the brand entry above. */
     --haus-popover-width-sm: var(--haus-brand-popover-width-sm);
     --haus-popover-width-md: var(--haus-brand-popover-width-md);
     --haus-popover-width-lg: var(--haus-brand-popover-width-lg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haus-tokens",
-  "version": "4.2.0",
+  "version": "5.0.0",
   "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",
   "engines": {