@vegastack/design 0.7.41 → 0.7.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vegastack/design",
3
- "version": "0.7.41",
3
+ "version": "0.7.43",
4
4
  "description": "VegaStack design system — cn utility, icon runtime, Tailwind v4 preset, and the vegastack-design CLI (tokens ship separately as @vegastack/design-tokens)",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -70,7 +70,7 @@
70
70
  "test": "node test/compare.test.mjs && node test/check-updates.test.mjs && node test/skills-install.test.mjs && node test/doctor.test.mjs"
71
71
  },
72
72
  "dependencies": {
73
- "@vegastack/design-tokens": "^0.7.33",
73
+ "@vegastack/design-tokens": "^0.7.43",
74
74
  "clsx": "^2.1.1",
75
75
  "tailwind-merge": "^3.6.0",
76
76
  "tsconfig-paths": "^4.2.0",
@@ -79,6 +79,20 @@ content. Get it from `@vegastack/design/base.css` (which sets `body { isolation:
79
79
  putting `className="isolate"` on your `<body>` yourself. Without it, popups can render _under_ app
80
80
  chrome or mis-position in stacking-context-heavy layouts.
81
81
 
82
+ **Stop iOS focus zoom.** iOS Safari zooms into any focused field under 16px. `base.css` renders
83
+ text-entry controls at 16px on touch pointers, and the viewport should cap the scale as well, which
84
+ stops focus zoom while pinch-zoom keeps working on iOS. In Next.js, in the root layout:
85
+
86
+ ```tsx
87
+ import type { Viewport } from "next";
88
+
89
+ export const viewport: Viewport = {
90
+ width: "device-width",
91
+ initialScale: 1,
92
+ maximumScale: 1,
93
+ };
94
+ ```
95
+
82
96
  ## 4. Configure registry access
83
97
 
84
98
  Components come from a private registry behind Cloudflare Access service tokens.