@pithyjs/pidl-catalog 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/specs/atoms/actions/button.pidl.json

@@ -167,7 +167,7 @@
         "toggle.outline.bg-pressed": "a11y.state-background(selected)",
         "toggle.ghost.bg-pressed": "a11y.state-background(selected)",
         "radius": "--radius-{shape} (via data-shape attribute, mapped from radius.$radius-sizes)",
-        "focus": "--focus-ring-* (via u-focus-ring)",
+        "focus": "--focus-ring-*, colored by --ring-color (via a11y.focus-outline on :focus-visible and in always-visible focus mode)",
         "disabled.opacity": "--state-disabled-opacity",
         "spinner.border": "--border-width-thin",
         "spinner.animation": "--motion-animation-spin",
@@ -190,11 +190,11 @@
         "Provides role='button' and accessible name from slot content",
         "When as='a' without href, adds role='button' with full keyboard emulation (Space + Enter)",
         "When as='a' with href, keeps native link semantics (screen reader announces 'link')",
-        "Focus ring via u-focus-ring utility — meets 3:1 contrast with surrounding",
+        "Focus ring is an outline in --ring-color (defaults to the button's own color) at --focus-ring-offset, so it cannot collide with a variant's box-shadow. When --_btn-color is repointed at a low-contrast tone, set --ring-color too, or the ring loses its 3:1 contrast",
         "Loading state: sets aria-busy='true', announces loadingText via aria-live region",
         "Disabled state: uses aria-disabled (not native disabled) — element stays in tab order",
         "Toggle / disclosure: aria-pressed='true' (toggles) or aria-expanded='true' (disclosures) renders a persistent on-state distinct from transient :active",
-        "Forced-colors: visible border for all variants, Highlight border when aria-pressed/expanded, GrayText for disabled"
+        "Forced-colors: visible border for all variants, Highlight border when aria-pressed/expanded, GrayText for disabled, Highlight focus ring"
     ],
     "ai": {
         "synonyms": [
@@ -208,7 +208,7 @@
             "div as button — use <Button> component",
             "anchor without role when not a link — use as='a' without href",
             "hardcoded colors — use color prop with semantic values",
-            "outline: none on focus — focus ring is handled by u-focus-ring"
+            "outline: none on focus — the focus ring IS the outline"
         ],
         "patterns": [
             "Primary solid button for main CTA: <Button color=\"'primary'\">Save</Button>",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pithyjs/pidl-catalog",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.3",
   "description": "Machine-readable component contracts for PithyJS — props, types, defaults, slots and a11y guarantees as JSON.",
   "type": "module",
   "files": [