@vegastack/design-tokens 0.7.18 → 0.7.43

package/dist/base.css

@@ -5,7 +5,7 @@
    plus exactly the decisions `docs/plans/2026-09-18-shadcn-reset/decisions.md` marks **ours**:
 
      FOC-1   one global :focus-visible cue; components restate nothing
-     FOC-13  no focus rings except Tabs: the cue is a background tint (MK 2026-09-25)
+     FOC-13  no focus rings anywhere, Tabs included: the cue is a background tint (MK 2026-09-25)
      FOC-7   the forced-colours fallback for text entry
      MOT-5   the reduced-motion reset (and the one sanctioned !important)
      INT-1   the hand cursor, on a wider selector list than shadcn's --pointer rule
@@ -61,12 +61,11 @@
   }
 
   /* FOC-1 + FOC-13 — the SINGLE focus affordance in the system, and it is NOT a ring.
-     No focus ring anywhere except Tabs (MK 2026-09-25): a keyboard user sees a subtle background
+     No focus ring anywhere, Tabs included (MK 2026-09-25): a keyboard user sees a subtle background
      TINT — `accent` at 50%, laid over whatever fill the control already has as a background IMAGE,
      so a primary button, a chip, a row and a menu item all show it without any component
      restating it. Text entry (text inputs, textarea, contenteditable) keeps its border tint
-     (FOC-3) and takes no fill. Tabs — the triggers and the panel — keep the 2px `ring` outline,
-     which FOC-2 binds to the near-black / near-white ink. Components carry no focus ring of their
+     (FOC-3) and takes no fill. Tab triggers and panels take the same tint as everything else. Components carry no focus ring of their
      own (FOC-6), and `design-lint`'s `no-focus-ring-glow` rule rejects any focus ring or outline
      class, so one cannot creep back through a later upstream pull. */
   :focus-visible {
@@ -75,8 +74,6 @@
   :focus-visible:not(
     textarea,
     [contenteditable="true"],
-    [role="tab"],
-    [role="tabpanel"],
     input:not(
       [type="range"],
       [type="radio"],
@@ -93,10 +90,6 @@
       color-mix(in oklch, var(--accent) 50%, transparent)
     );
   }
-  [role="tab"]:focus-visible,
-  [role="tabpanel"]:focus-visible {
-    @apply outline-2 outline-offset-1 outline-ring;
-  }
 
   /* INT-1 — the hand cursor. shadcn's `--pointer` flag writes
      `button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer }`; ours is the same
@@ -204,3 +197,30 @@
     animation: none !important;
   }
 }
+
+/* INT-9 (ours) — NO iOS FOCUS ZOOM (MK 2026-09-26).
+   iOS Safari zooms the page into any focused text control whose font-size is under 16px, and the
+   system's controls are 14px. On a touch pointer every text-entry control renders at 16px at
+   least, so Safari never zooms; desktop keeps the 14px density. Deliberately OUTSIDE `@layer
+   base`: unlayered rules outrank the utilities layer, so a control's own `text-sm` cannot undo
+   it, and no `!important` is needed. Pair it with the viewport's `maximumScale: 1` (see the
+   consume guide), which stops focus zoom while pinch-zoom keeps working on iOS. */
+@media (pointer: coarse) {
+  input:not(
+    [type="checkbox"],
+    [type="radio"],
+    [type="range"],
+    [type="color"],
+    [type="file"],
+    [type="button"],
+    [type="submit"],
+    [type="reset"],
+    [type="image"]
+  ),
+  textarea,
+  select,
+  [contenteditable="true"],
+  [contenteditable=""] {
+    font-size: max(16px, 1em);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design-tokens",
-  "version": "0.7.18",
+  "version": "0.7.43",
   "description": "VegaStack design tokens (DTCG → Tailwind v4 theme + TS)",
   "license": "MIT",
   "repository": {