@knpkv/rly 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knpkv/rly",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Release-oriented design system for human and agent collaboration",
   "license": "MIT",
   "author": "knpkv",
@@ -53,6 +53,7 @@
     "./registry/schema.json": "./registry/schema.json",
     "./registry/search.json": "./registry/search.json",
     "./registry/USAGE.md": "./registry/USAGE.md",
+    "./relay-mark.svg": "./dist/assets/relay-mark.svg",
     "./styles.css": "./dist/styles.css"
   },
   "publishConfig": {

package/registry/components.json

@@ -3651,6 +3651,174 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "A native button whose aria-expanded follows Relay being open",
+          "aria-keyshortcuts names the shortcut; the visible hint is hidden from assistive technology so it is heard once",
+          "32px tall, 44px for a coarse pointer, with the shared focus ring"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "agent",
+        "open"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-relaylauncher--header",
+        "storyPath": "?path=/story/patterns-relaylauncher--header"
+      },
+      "example": "import { RelayLauncher } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RelayLauncher"
+        },
+        {
+          "kind": "type",
+          "name": "RelayLauncherProps"
+        },
+        {
+          "kind": "value",
+          "name": "relayShortcut"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayShortcut"
+        },
+        {
+          "kind": "value",
+          "name": "useRelayShortcut"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/RelayLauncher.tsx",
+        "story": "stories/patterns/RelayLauncher.stories.tsx",
+        "styles": [
+          "src/patterns/RelayLauncher.module.css"
+        ],
+        "tests": [
+          "test/patterns/RelayLauncher.css.test.ts",
+          "test/patterns/RelayLauncher.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayLauncher",
+      "props": {
+        "defaults": {},
+        "types": [
+          "RelayLauncherProps"
+        ]
+      },
+      "purpose": "Open and close Relay from the host's header, with its mark, a label and the Ctrl/⌘+J hint",
+      "slots": [],
+      "states": [
+        "closed",
+        "default",
+        "open"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Decorative unless given a label; a labelled mark is an image with that name",
+          "Drawn in currentColor, so it follows its host's text in every theme and in forced colours"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "brand",
+        "present"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-relaymark--sizes",
+        "storyPath": "?path=/story/patterns-relaymark--sizes"
+      },
+      "example": "import { RelayMark } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RelayMark"
+        },
+        {
+          "kind": "type",
+          "name": "RelayMarkProps"
+        },
+        {
+          "kind": "type",
+          "name": "RelayMarkTileProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_RELAY_MARK_SIZES"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_RELAY_MARK_TILE_SIZES"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayMarkSize"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayMarkTileSize"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/RelayMark.tsx",
+        "story": "stories/patterns/RelayMark.stories.tsx",
+        "styles": [
+          "src/patterns/RelayMark.module.css"
+        ],
+        "tests": [
+          "test/patterns/RelayMark.favicon.test.ts",
+          "test/patterns/RelayMark.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayMark",
+      "props": {
+        "defaults": {},
+        "types": [
+          "RelayMarkProps",
+          "RelayMarkTileProps"
+        ]
+      },
+      "purpose": "Show Relay's mark, the baton, bare in the current colour (16, 20 default, 24 or 32px) or on an agent-coloured tile (20, 24 default or 32px)",
+      "slots": [
+        "RelayMarkTile"
+      ],
+      "states": [
+        "bare",
+        "default",
+        "tile"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,

package/registry/search.json

@@ -992,6 +992,49 @@
         "unavailable"
       ]
     },
+    {
+      "capabilities": [
+        "agent",
+        "open"
+      ],
+      "category": "pattern",
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayLauncher",
+      "states": [
+        "closed",
+        "default",
+        "open"
+      ],
+      "terms": [
+        "agent",
+        "closed",
+        "open",
+        "pattern",
+        "relaylauncher"
+      ]
+    },
+    {
+      "capabilities": [
+        "brand",
+        "present"
+      ],
+      "category": "pattern",
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayMark",
+      "states": [
+        "bare",
+        "default",
+        "tile"
+      ],
+      "terms": [
+        "bare",
+        "brand",
+        "pattern",
+        "present",
+        "relaymark",
+        "tile"
+      ]
+    },
     {
       "capabilities": [
         "inspect",