@orangecheck/design 0.32.0 → 0.32.2

package/dist/styles/sigil.css

@@ -190,11 +190,13 @@
     .oc-sigil {
         width: var(--oc-sigil-size-sm, clamp(170px, 56vw, 300px));
         height: var(--oc-sigil-size-sm, clamp(170px, 56vw, 300px));
-        opacity: var(--oc-sigil-opacity-sm, 0.34);
+        /* Phones anchor the mark top-right, where it can sit under the headline;
+           a text-colored headline on the mark at desktop alpha loses glyphs. */
+        opacity: var(--oc-sigil-opacity-sm, 0.16);
         --oc-sigil-mask-at: 32% 66%;
     }
     :root.dark .oc-sigil {
-        opacity: var(--oc-sigil-opacity-sm, 0.42);
+        opacity: var(--oc-sigil-opacity-sm, 0.18);
     }
     .oc-sigil--bottom-left,
     .oc-sigil--bottom-right,

package/dist/styles/theme.css

@@ -102,6 +102,16 @@
     }
 }
 
+/* iOS Safari zooms into any focused field under 16px. Unlayered on purpose: it
+   outranks every utility, so a `text-xs` override or a raw field cannot re-break it. */
+@media (width < 48rem) {
+    input:not([type='checkbox'], [type='radio'], [type='range'], [type='color'], [type='file'], [type='hidden']),
+    textarea,
+    select {
+        font-size: 16px;
+    }
+}
+
 /* Accordion animations */
 @keyframes accordion-down {
     from {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecheck/design",
-  "version": "0.32.0",
+  "version": "0.32.2",
   "description": "OrangeCheck design system — multi-theme tokens, primitives, and family composites for the .ochk.io sub-sites. Tailwind 4 + Next.js Pages Router. Not for third-party integration.",
   "keywords": [
     "orangecheck",
@@ -71,6 +71,7 @@
   ],
   "scripts": {
     "build": "tsup && yarn copy:css",
+    "test": "node scripts/check-a11y-floors.mjs",
     "copy:css": "rm -rf dist/styles && mkdir -p dist/styles && cp src/styles.css dist/styles.css && cp -R src/styles/. dist/styles/",
     "dev": "tsup --watch",
     "type-check": "tsc --noEmit",