stylegallery 0.1.0

package/design-engineering/reference-profiles/governed-local/editorial/fixtures/button.fixture.json

@@ -0,0 +1,65 @@
+{
+  "schema_version": "1.0",
+  "fixture_id": "editorial-button-runtime",
+  "component_id": "button",
+  "profile_id": "editorial-reference-profile",
+  "component_record": "../components/button.component.json",
+  "state_record": "../states/button.states.json",
+  "scenarios": [
+    {
+      "id": "action-disabled-busy",
+      "semantic_mode": "action",
+      "label": "Publish unavailable",
+      "activation_key": "Enter",
+      "required_channels": [
+        "visual",
+        "dom",
+        "ax"
+      ]
+    },
+    {
+      "id": "action-focused",
+      "semantic_mode": "action",
+      "label": "Publish",
+      "activation_key": "Enter",
+      "required_channels": [
+        "visual",
+        "dom",
+        "ax"
+      ]
+    },
+    {
+      "id": "action-loading-busy",
+      "semantic_mode": "action",
+      "label": "Publishing",
+      "activation_key": "Enter",
+      "required_channels": [
+        "visual",
+        "dom",
+        "ax"
+      ]
+    },
+    {
+      "id": "disclosure-expanded-loading",
+      "semantic_mode": "disclosure",
+      "label": "Show footnotes",
+      "activation_key": "Enter",
+      "required_channels": [
+        "visual",
+        "dom",
+        "ax"
+      ]
+    },
+    {
+      "id": "toggle-focused-pressed",
+      "semantic_mode": "toggle",
+      "label": "Save article",
+      "activation_key": "Space",
+      "required_channels": [
+        "visual",
+        "dom",
+        "ax"
+      ]
+    }
+  ]
+}

package/design-engineering/reference-profiles/governed-local/editorial/generated/evidence-coverage.md

@@ -0,0 +1,23 @@
+---
+type: Generated Evidence
+title: "editorial button evidence coverage"
+description: "Claim-scoped evidence channels and artifacts derived from canonical JSON."
+---
+
+<!-- Generated from canonical JSON. Do not edit. -->
+# editorial button evidence coverage
+
+Claim boundary: Scenario artifacts are evidence, not visual regression baselines or accessibility certification.
+
+| Scenario | Required channels | Recorded channels | Pass records | Artifacts |
+| --- | --- | --- | --- | --- |
+| <code>action-disabled-busy</code> | <code>visual</code>, <code>dom</code>, <code>ax</code> | <code>ax</code>, <code>dom</code>, <code>visual</code> | 3 | <code>runtime/editorial-action-disabled-busy.ax.json</code><br><code>runtime/editorial-action-disabled-busy.dom.json</code><br><code>runtime/editorial-action-disabled-busy.png</code> |
+| <code>action-focused</code> | <code>visual</code>, <code>dom</code>, <code>ax</code> | <code>ax</code>, <code>dom</code>, <code>visual</code> | 3 | <code>runtime/editorial-action-focused.ax.json</code><br><code>runtime/editorial-action-focused.dom.json</code><br><code>runtime/editorial-action-focused.png</code> |
+| <code>action-loading-busy</code> | <code>visual</code>, <code>dom</code>, <code>ax</code> | <code>ax</code>, <code>dom</code>, <code>visual</code> | 3 | <code>runtime/editorial-action-loading-busy.ax.json</code><br><code>runtime/editorial-action-loading-busy.dom.json</code><br><code>runtime/editorial-action-loading-busy.png</code> |
+| <code>disclosure-expanded-loading</code> | <code>visual</code>, <code>dom</code>, <code>ax</code> | <code>ax</code>, <code>dom</code>, <code>visual</code> | 3 | <code>runtime/editorial-disclosure-expanded-loading.ax.json</code><br><code>runtime/editorial-disclosure-expanded-loading.dom.json</code><br><code>runtime/editorial-disclosure-expanded-loading.png</code> |
+| <code>toggle-focused-pressed</code> | <code>visual</code>, <code>dom</code>, <code>ax</code> | <code>ax</code>, <code>dom</code>, <code>visual</code> | 3 | <code>runtime/editorial-toggle-focused-pressed.ax.json</code><br><code>runtime/editorial-toggle-focused-pressed.dom.json</code><br><code>runtime/editorial-toggle-focused-pressed.png</code> |
+
+## IA Navigation
+
+Parent: [Keyboard Matrix](keyboard-matrix.md).
+Next: [Reference Profiles](../../../index.md).

package/design-engineering/reference-profiles/governed-local/editorial/generated/keyboard-matrix.md

@@ -0,0 +1,19 @@
+---
+type: Generated Evidence
+title: "editorial button keyboard matrix"
+description: "Keyboard behavior and live fixture coverage derived from canonical JSON."
+---
+
+<!-- Generated from canonical JSON. Do not edit. -->
+# editorial button keyboard matrix
+
+| Mode | Element | Role | Keys | Behavior | Runtime scenario |
+| --- | --- | --- | --- | --- | --- |
+| <code>action</code> | button | button | <code>Enter</code>, <code>Space</code> | <code>invoke</code> | <code>action-loading-busy</code> |
+| <code>disclosure</code> | button | button | <code>Enter</code>, <code>Space</code> | <code>control</code> | <code>disclosure-expanded-loading</code> |
+| <code>toggle</code> | button | button | <code>Enter</code>, <code>Space</code> | <code>toggle</code> | <code>toggle-focused-pressed</code> |
+
+## IA Navigation
+
+Parent: [State Matrix](state-matrix.md).
+Next: [Evidence Coverage](evidence-coverage.md).

package/design-engineering/reference-profiles/governed-local/editorial/generated/state-matrix.md

@@ -0,0 +1,21 @@
+---
+type: Generated Evidence
+title: "editorial button state matrix"
+description: "Compound state sets and channel expectations derived from canonical JSON."
+---
+
+<!-- Generated from canonical JSON. Do not edit. -->
+# editorial button state matrix
+
+| Scenario | Mode | State set | ARIA | Visual | Activation |
+| --- | --- | --- | --- | --- | --- |
+| <code>action-disabled-busy</code> | action | <code>busy</code>, <code>disabled</code> | <code>aria-busy=true</code><br><code>aria-disabled=true</code> | <code>busy</code>, <code>disabled</code> | suppressed |
+| <code>action-focused</code> | action | <code>focus</code> | none | <code>focus</code>, <code>ready</code> | allowed |
+| <code>action-loading-busy</code> | action | <code>busy</code>, <code>focus</code>, <code>loading</code> | <code>aria-busy=true</code> | <code>busy</code>, <code>focus</code>, <code>loading</code> | suppressed |
+| <code>disclosure-expanded-loading</code> | disclosure | <code>busy</code>, <code>expanded</code>, <code>focus</code>, <code>loading</code> | <code>aria-busy=true</code><br><code>aria-expanded=true</code> | <code>busy</code>, <code>expanded</code>, <code>focus</code>, <code>loading</code> | allowed |
+| <code>toggle-focused-pressed</code> | toggle | <code>focus</code>, <code>pressed</code> | <code>aria-pressed=true</code> | <code>focus</code>, <code>pressed</code> | allowed |
+
+## IA Navigation
+
+Parent: [Governed Local Profiles](../../index.md).
+Next: [Keyboard Matrix](keyboard-matrix.md).

package/design-engineering/reference-profiles/governed-local/editorial/local-foundations.json

@@ -0,0 +1,12 @@
+{
+  "bindings": {
+    "accent": "{color.accent}",
+    "body_font_family": "Georgia, Times New Roman, serif",
+    "canvas": "{color.paper}",
+    "content_rhythm": "{space.rhythm}",
+    "text": "{color.ink}"
+  },
+  "identity": "Warm long-form editorial publication",
+  "profile_id": "editorial-reference-profile",
+  "schema_version": "1.0"
+}

package/design-engineering/reference-profiles/governed-local/editorial/profile.json

@@ -0,0 +1,43 @@
+{
+  "artifact_mode": "governed_local",
+  "component_records": ["components/button.component.json"],
+  "default": false,
+  "environment_assumptions": {
+    "reset": {
+      "body_margin": "0",
+      "box_sizing": "border-box",
+      "figure_margin": "0"
+    },
+    "user_agent_styles": "Preserve semantic browser defaults except for the declared reset."
+  },
+  "example_only": true,
+  "evidence_records": ["evidence/button.evidence.json"],
+  "fixture_independence": "related",
+  "fixture_records": ["fixtures/button.fixture.json"],
+  "generated_records": ["generated/evidence-coverage.md", "generated/keyboard-matrix.md", "generated/state-matrix.md"],
+  "handoff": {
+    "record": "design-engineering/reference-profiles/governed-local/editorial/profile.json",
+    "status": "declared"
+  },
+  "id": "editorial-reference-profile",
+  "layout_source_sha": "775430bbaf4ee208a642220f440f6926d79c90a3",
+  "local_foundations": "local-foundations.json",
+  "maturity": "experimental",
+  "owner": {
+    "enforcement": "placeholder",
+    "name": "Design Engineering owner"
+  },
+  "profile_kind": "governed_local",
+  "related_fixture_set_id": "layout-identity-adversarial-pair",
+  "review_independence": "single_account",
+  "schema_version": "1.0",
+  "selection": {
+    "method": "profile_path",
+    "required": true
+  },
+  "support": {
+    "status": "active"
+  },
+  "state_records": ["states/button.states.json"],
+  "tokens": "tokens.dtcg.json"
+}

package/design-engineering/reference-profiles/governed-local/editorial/states/button.states.json

@@ -0,0 +1,195 @@
+{
+  "schema_version": "1.0",
+  "record_kind": "state_set",
+  "component_id": "button",
+  "profile_id": "editorial-reference-profile",
+  "visual_environments": [
+    {
+      "id": "darwin-arm64-chromium-1228",
+      "browser": "Google Chrome for Testing 149.0.7827.55",
+      "browser_revision": "chromium-1228",
+      "container_image": "local-host:25.5.0",
+      "platform": "darwin/arm64",
+      "playwright": "1.61.0",
+      "viewport": "1024x768"
+    },
+    {
+      "id": "linux-amd64-chromium-1228",
+      "browser": "Google Chrome for Testing 149.0.7827.55",
+      "browser_revision": "chromium-1228",
+      "container_image": "mcr.microsoft.com/playwright:v1.61.0-noble@sha256:57b65fdc9ceabe0ef613124c7bbe2babcf9362c4d85e382fe3b03604e84b428a",
+      "platform": "linux/amd64",
+      "playwright": "1.61.0",
+      "viewport": "1024x768"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "action-disabled-busy",
+      "semantic_mode": "action",
+      "states": [
+        "busy",
+        "disabled"
+      ],
+      "aria": {
+        "busy": "true",
+        "disabled": "true"
+      },
+      "expected": {
+        "visual": [
+          "busy",
+          "disabled"
+        ],
+        "visual_image": [
+          { "environment_id": "darwin-arm64-chromium-1228", "sha256": "sha256:4b3df5ceab968c2808b21319b8b7694a723db61dd11cf6c3173664604f4e3776", "width": 640, "height": 56 },
+          { "environment_id": "linux-amd64-chromium-1228", "sha256": "sha256:24bad38e0be21ce73d9450ce0b47aa156550ec3772e3f7842f00be6f3543f727", "width": 640, "height": 56 }
+        ],
+        "dom": {
+          "active": "false",
+          "aria-busy": "true",
+          "disabled": "true",
+          "role": "button"
+        },
+        "ax": {
+          "busy": true,
+          "disabled": true,
+          "focused": false,
+          "role": "button"
+        },
+        "activation": "suppressed"
+      }
+    },
+    {
+      "id": "action-focused",
+      "semantic_mode": "action",
+      "states": [
+        "focus"
+      ],
+      "aria": {},
+      "expected": {
+        "visual": [
+          "focus",
+          "ready"
+        ],
+        "visual_image": [
+          { "environment_id": "darwin-arm64-chromium-1228", "sha256": "sha256:ad888e0f6eb4f57cb020672af3965e33245330af2c6547247d60bb9a4080afeb", "width": 640, "height": 56 },
+          { "environment_id": "linux-amd64-chromium-1228", "sha256": "sha256:a4a954932d60a1602c2c7f8842e69280c94171abd4103cf66ae48fddc8893c96", "width": 640, "height": 56 }
+        ],
+        "dom": {
+          "active": "true",
+          "role": "button"
+        },
+        "ax": {
+          "focused": true,
+          "role": "button"
+        },
+        "activation": "allowed"
+      }
+    },
+    {
+      "id": "action-loading-busy",
+      "semantic_mode": "action",
+      "states": [
+        "busy",
+        "focus",
+        "loading"
+      ],
+      "aria": {
+        "busy": "true"
+      },
+      "expected": {
+        "visual": [
+          "busy",
+          "focus",
+          "loading"
+        ],
+        "visual_image": [
+          { "environment_id": "darwin-arm64-chromium-1228", "sha256": "sha256:90379d9605eb1f544f3f19192a2299b4369487aff3e42bd904be2c498adcf18d", "width": 640, "height": 56 },
+          { "environment_id": "linux-amd64-chromium-1228", "sha256": "sha256:44e729b3cf5a2673edbb89d73b36ebe752ca0b465002745949964fa6e00f9d25", "width": 640, "height": 56 }
+        ],
+        "dom": {
+          "active": "true",
+          "aria-busy": "true",
+          "role": "button"
+        },
+        "ax": {
+          "busy": true,
+          "focused": true,
+          "role": "button"
+        },
+        "activation": "suppressed"
+      }
+    },
+    {
+      "id": "disclosure-expanded-loading",
+      "semantic_mode": "disclosure",
+      "states": [
+        "busy",
+        "expanded",
+        "focus",
+        "loading"
+      ],
+      "aria": {
+        "busy": "true",
+        "expanded": "true"
+      },
+      "expected": {
+        "visual": [
+          "busy",
+          "expanded",
+          "focus",
+          "loading"
+        ],
+        "visual_image": [
+          { "environment_id": "darwin-arm64-chromium-1228", "sha256": "sha256:6b94bf18d52b28a0ac616d6180fd004c5f9dbb5d72bae944900e2b1978d7ac9f", "width": 640, "height": 89 },
+          { "environment_id": "linux-amd64-chromium-1228", "sha256": "sha256:a8e581adf5de79ab6436c8f9deb46d8a9165698b6bfb4e9ae37928fddf681ee6", "width": 640, "height": 88 }
+        ],
+        "dom": {
+          "active": "true",
+          "aria-busy": "true",
+          "aria-expanded": "true",
+          "role": "button"
+        },
+        "ax": {
+          "busy": true,
+          "expanded": true,
+          "focused": true,
+          "role": "button"
+        },
+        "activation": "allowed"
+      }
+    },
+    {
+      "id": "toggle-focused-pressed",
+      "semantic_mode": "toggle",
+      "states": [
+        "focus",
+        "pressed"
+      ],
+      "aria": {
+        "pressed": "true"
+      },
+      "expected": {
+        "visual": [
+          "focus",
+          "pressed"
+        ],
+        "visual_image": [
+          { "environment_id": "darwin-arm64-chromium-1228", "sha256": "sha256:51404ac48079f5925ec2e674852f7fb38fb4c9fddfda0e74e3618a843edc21a3", "width": 640, "height": 56 },
+          { "environment_id": "linux-amd64-chromium-1228", "sha256": "sha256:11c6182ae9258f8593aa0a440470b4bc55959e1d723ab2e399bb729b6ed5fdcc", "width": 640, "height": 56 }
+        ],
+        "dom": {
+          "active": "true",
+          "aria-pressed": "true",
+          "role": "button"
+        },
+        "ax": {
+          "focused": true,
+          "pressed": true,
+          "role": "button"
+        },
+        "activation": "allowed"
+      }
+    }
+  ]
+}

package/design-engineering/reference-profiles/governed-local/editorial/tokens.dtcg.json

@@ -0,0 +1,17 @@
+{
+  "color": {
+    "$type": "color",
+    "accent": { "$value": { "alpha": 1, "colorSpace": "srgb", "components": [0.58, 0.2, 0.12] } },
+    "ink": { "$value": { "alpha": 1, "colorSpace": "srgb", "components": [0.12, 0.09, 0.07] } },
+    "paper": { "$value": { "alpha": 1, "colorSpace": "srgb", "components": [0.97, 0.93, 0.84] } }
+  },
+  "duration": {
+    "$type": "duration",
+    "feedback": { "$value": { "unit": "ms", "value": 160 } }
+  },
+  "space": {
+    "$type": "dimension",
+    "page": { "$value": { "unit": "rem", "value": 1.5 } },
+    "rhythm": { "$value": { "unit": "rem", "value": 0.75 } }
+  }
+}

package/design-engineering/reference-profiles/governed-local/index.md

@@ -0,0 +1,26 @@
+# Governed Local Reference Profiles
+
+Editorial and terminal are experimental, example-only profiles that use the same Layout revision and related fixture set. Selection is always an explicit `profile.json` path; neither profile is a default.
+
+Their token and foundation values intentionally differ. Their shared relationship means they cannot count as independent consumers, adopters, or promotion evidence.
+
+## Profile Records
+
+- [Editorial profile](editorial/profile.json) describes a warm publication identity.
+- [Terminal profile](terminal/profile.json) describes a dark operator-console identity.
+
+The sibling `tokens.dtcg.json` files use the restricted portable token subset. The sibling `local-foundations.json` files keep identity bindings local to each profile.
+
+## Generated Evidence Routes
+
+The generated matrices expose the declared component states, keyboard expectations, and evidence coverage without making a profile the default.
+
+| Profile | State matrix | Keyboard matrix | Evidence coverage |
+| --- | --- | --- | --- |
+| Editorial | [Editorial state matrix](editorial/generated/state-matrix.md) | [Editorial keyboard matrix](editorial/generated/keyboard-matrix.md) | [Editorial evidence coverage](editorial/generated/evidence-coverage.md) |
+| Terminal | [Terminal state matrix](terminal/generated/state-matrix.md) | [Terminal keyboard matrix](terminal/generated/keyboard-matrix.md) | [Terminal evidence coverage](terminal/generated/evidence-coverage.md) |
+
+## IA Navigation
+
+Parent: [Reference Profiles](../index.md).
+Next: [External Adaptation](../external-adaptation/index.md).

package/design-engineering/reference-profiles/governed-local/terminal/components/button.component.json

@@ -0,0 +1,125 @@
+{
+  "schema_version": "1.0",
+  "record_kind": "component",
+  "component_id": "button",
+  "profile_id": "terminal-reference-profile",
+  "anatomy": [
+    "control",
+    "label",
+    "status"
+  ],
+  "semantic_modes": [
+    {
+      "id": "action",
+      "element": "button",
+      "role": "button",
+      "keys": [
+        "Enter",
+        "Space"
+      ],
+      "aria_states": [
+        {
+          "name": "pressed",
+          "status": "prohibited",
+          "reason": "Action buttons do not expose toggle state."
+        },
+        {
+          "name": "expanded",
+          "status": "not_applicable",
+          "reason": "Action buttons do not control disclosed content."
+        },
+        {
+          "name": "busy",
+          "status": "conditional",
+          "condition": "An invoked action is still processing.",
+          "resolution": "required"
+        },
+        {
+          "name": "disabled",
+          "status": "conditional",
+          "condition": "The action is unavailable to the current user.",
+          "resolution": "required"
+        }
+      ],
+      "activation": "invoke"
+    },
+    {
+      "id": "toggle",
+      "element": "button",
+      "role": "button",
+      "keys": [
+        "Enter",
+        "Space"
+      ],
+      "aria_states": [
+        {
+          "name": "pressed",
+          "status": "required",
+          "values": [
+            "false",
+            "true"
+          ]
+        },
+        {
+          "name": "expanded",
+          "status": "prohibited",
+          "reason": "Toggle buttons expose pressed rather than disclosure state."
+        },
+        {
+          "name": "busy",
+          "status": "not_applicable",
+          "reason": "The governed toggle fixture has no asynchronous operation."
+        },
+        {
+          "name": "disabled",
+          "status": "not_applicable",
+          "reason": "The governed toggle fixture remains available for activation."
+        }
+      ],
+      "activation": "toggle"
+    },
+    {
+      "id": "disclosure",
+      "element": "button",
+      "role": "button",
+      "keys": [
+        "Enter",
+        "Space"
+      ],
+      "aria_states": [
+        {
+          "name": "expanded",
+          "status": "required",
+          "values": [
+            "false",
+            "true"
+          ]
+        },
+        {
+          "name": "pressed",
+          "status": "prohibited",
+          "reason": "Disclosure buttons expose expanded rather than toggle state."
+        },
+        {
+          "name": "busy",
+          "status": "conditional",
+          "condition": "Expanded controlled content is still loading.",
+          "resolution": "required"
+        },
+        {
+          "name": "disabled",
+          "status": "not_applicable",
+          "reason": "The governed disclosure fixture remains available for activation."
+        }
+      ],
+      "activation": "control"
+    }
+  ],
+  "versions": {
+    "design_revision": "2026.07.14",
+    "package_version": "0.1.0-preview.1",
+    "api_version": "1.0",
+    "delivery_channel": "preview",
+    "lifecycle": "experimental"
+  }
+}