{ "schemaVersion": 1, "name": "@j3w1/ui", "version": "1.1.0", "profile": "default", "components": [ { "id": "button", "name": "Button", "version": "1.1.0", "tag": "j3w1-button", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/button.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/button", "register": "@j3w1/ui/register/button", "styles": "@j3w1/ui/styles/button.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "tone", "description": "Button tone: primary, secondary, tertiary or destructive." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string; pressed: boolean }", "description": "A native button activated. Prevent default on this event to cancel the associated native default action." } ] }, "variants": [ { "id": "default", "name": "Primary", "description": "The one filled button in a view." }, { "id": "secondary", "name": "Secondary", "description": "Outline in border.control with text.bright." }, { "id": "tertiary", "name": "Tertiary", "description": "Ghost button; text only until hovered." }, { "id": "destructive", "name": "Destructive", "description": "Outline in the danger tone that fills on hover." } ], "states": [ "default", "hover", "focus-visible", "active", "disabled", "loading" ], "dependencies": [], "tokens": { "root.bg": "color.action.primary.bg", "root.text": "color.action.primary.text", "root.border": "color.action.primary.border", "root.bg-hover": "color.action.primary.hover-bg", "root.bg-active": "color.action.primary.pressed-bg", "root.ring": "color.interaction.focus.ring-container", "secondary.bg": "color.action.secondary.bg", "secondary.text": "color.action.secondary.text", "secondary.border": "color.action.secondary.border", "secondary.bg-hover": "color.action.secondary.hover-bg", "secondary.bg-active": "color.action.secondary.pressed-bg", "secondary.ring": "color.interaction.focus.ring", "tertiary.text": "color.action.tertiary.text", "tertiary.bg-hover": "color.action.tertiary.hover-bg", "tertiary.bg-active": "color.interaction.pressed.bg", "destructive.text": "color.action.destructive.text", "destructive.border": "color.action.destructive.border", "destructive.bg-hover": "color.action.destructive.hover-bg", "destructive.text-hover": "color.action.destructive.hover-text", "destructive.bg-active": "color.action.destructive.pressed-bg", "destructive.bg-filled": "color.action.destructive.filled-bg", "destructive.text-filled": "color.action.destructive.filled-text", "root.border-active": "color.action.primary.border", "secondary.border-active": "color.border.active", "tertiary.border-active": "color.border.active", "destructive.border-active": "color.action.destructive.border", "root.text-disabled": "color.text.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "root.border-disabled": "color.border.disabled", "loading.glyph": "color.action.primary.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "icon.size.md", "motion.duration.fast", "radius.none", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "icon.size.md", "motion.duration.fast", "radius.none", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/button/", "files": { "runtime/register/button.js": "sha256-nrgSUK+JnRhipV1b5VKANBtP+ap6ANYd4xnpZYpHYM0=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/button.js": "sha256-zgJ1nfCl+cRZ7rqOpg+sNF+KAkHo9B5epHBL5DRlz00=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-79ycU5ojNv1Z2yHzJ6KXDmshFL1we3mQNOoIwfMXnyg=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-kLEcMMhF4Tv+byKkImEgGIqqR+QYh6uOOCz/mg5hkPs=", "index.html": "sha256-uj00vnflsiaqN+2apiLHqJpCJQQxYasFb7KAWllw5dM=", "README.md": "sha256-BdPTg9L1o6SjdXH4RINPVz3gKqiY9I2oKCjgVRjrAzI=", "manifest.json": "sha256-fbG/Rw1T4wYlf9k6gR8dwWgxv+7b281VCtzCJXbJzKM=" } } }, { "id": "icon-button", "name": "Icon button", "version": "1.1.0", "tag": "j3w1-icon-button", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/icon-button.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/icon-button", "register": "@j3w1/ui/register/icon-button", "styles": "@j3w1/ui/styles/icon-button.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "tone", "description": "Button tone: primary, secondary, tertiary or destructive." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string; pressed: boolean }", "description": "A native button activated. Prevent default on this event to cancel the associated native default action." } ] }, "variants": [ { "id": "default", "name": "Action", "description": "Fires an action; no pressed state." }, { "id": "toggle", "name": "Toggle", "description": "Holds a boolean through aria-pressed." } ], "states": [ "default", "hover", "focus-visible", "active", "disabled", "toggled", "toggled+focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.action.secondary.bg", "root.text": "color.action.tertiary.text", "root.bg-hover": "color.action.tertiary.hover-bg", "root.bg-active": "color.interaction.pressed.bg", "root.border-active": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.bg-toggled": "color.interaction.selection.bg", "root.text-toggled": "color.interaction.selection.text", "root.border-toggled": "color.border.selected-indicator", "root.ring-toggled": "color.interaction.focus.ring-container", "root.text-disabled": "color.text.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "root.border-disabled": "color.border.disabled", "icon.stroke": "color.icon.default" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.secondary.bg", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.disabled", "color.border.selected-indicator", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "icon.size.md", "icon.stroke", "motion.duration.fast", "radius.none", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.secondary.bg", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.disabled", "color.border.selected-indicator", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "icon.size.md", "icon.stroke", "motion.duration.fast", "radius.none", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/icon-button/", "files": { "runtime/register/icon-button.js": "sha256-UWU2VaBVj42dfmtJg9c1yLb2JZ0ObB4FemDN0vyV/uM=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/icon-button.js": "sha256-h2chgFI1lU1TUH234U51h9ChcTYLmllpiarqpypBLv8=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-oGnsvpT9vCQjmmGSRaHOeQIJDUE5f5LrSWgR9jdM6/s=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Zd5z+/mavK2J24Rl+RQLGhMT+nTLwoOf3bAJevwrz7s=", "index.html": "sha256-1y5bo9Aq1K+z6CIM0Ef/YeTqqv1dTsU0UQCeeo8cxrs=", "README.md": "sha256-hfVvM14z1zrCONp7XhhS3MzNGCPb3a1OuEp/uuLuT9E=", "manifest.json": "sha256-Z0ReECjDZeG+pyKN5/xpMfMw91PUUVnsYbYfoHtaF+Q=" } } }, { "id": "link", "name": "Link", "version": "1.1.0", "tag": "j3w1-link", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/link.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/link", "register": "@j3w1/ui/register/link", "styles": "@j3w1/ui/styles/link.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Inline", "description": "Inside a sentence; the underline is what distinguishes it from prose." }, { "id": "standalone", "name": "Standalone", "description": "On its own line with a trailing arrow icon." }, { "id": "current", "name": "Current", "description": "Navigation link to the page being shown; aria-current=\"page\"." } ], "states": [ "default", "hover", "focus-visible", "visited", "current" ], "dependencies": [], "tokens": { "root.text": "color.text.link", "root.underline": "color.text.link-underline", "root.text-hover": "color.text.link-hover", "root.bg-hover": "color.interaction.hover.bg-strong", "root.ring": "color.interaction.focus.ring", "root.text-visited": "color.text.link", "root.text-current": "color.text.bright", "root.indicator": "color.border.selected-indicator", "icon.stroke": "color.icon.default" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.selected-indicator", "color.interaction.drop-target", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.link-underline", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.reading", "font.line-height.ui-md", "font.size.reading", "font.size.ui-md", "icon.size.md", "radius.none", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.selected-indicator", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.350", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.link-underline", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.reading", "font.line-height.ui-md", "font.size.reading", "font.size.ui-md", "icon.size.md", "radius.none", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.reading": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.reading": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/link/", "files": { "runtime/register/link.js": "sha256-sR0lpvEqWio1+xbGZ5p+TKd03qMnXyE+UkbdxPPGD9k=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/link.js": "sha256-61/D+mXmj5dqg8bnuKeFMU8Az6ltYVkGFzBjw/FECrc=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-bMMi6OLOyxVGAoiDlHUR/PYvzH66VbZ4i/UAzrXw4yo=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-I9IW2mf0VnX5LtCoHDI29AJHW7PXUxnRReiAbsbd094=", "index.html": "sha256-kh0VS0IbzhJnHVnQwZQ2ZRbX2qADJqm2SjicvR49IB0=", "README.md": "sha256-9KdNxqVrzYBjcWtg0iPFKKDlr3A7V/SFvZ4Ep9bzgG0=", "manifest.json": "sha256-6gm7Bk+L460CYk6xhw6scuo9tzyEQtZcarTqyhNjhhc=" } } }, { "id": "button-group", "name": "Button group", "version": "1.1.0", "tag": "j3w1-button-group", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/button-group.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/button-group", "register": "@j3w1/ui/register/button-group", "styles": "@j3w1/ui/styles/button-group.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "tone", "description": "Button tone: primary, secondary, tertiary or destructive." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string; pressed: boolean }", "description": "A native button activated. Prevent default on this event to cancel the associated native default action." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-4": "space.4", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/button-group/", "files": { "runtime/register/button-group.js": "sha256-iOfzUy8ZfhYmriDjbhxJtVBL2w+EPgppfO8UNoOm6QM=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/button-group.js": "sha256-aqyptHblRgsHicuaW0KBSSHqeYnEsCSrMEvtS+G7nhQ=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-f5VJ2bwUNXUnsb5AcdxUYbcOC7PeghM/cnXvDSuGuMs=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-4NLobHuAfZnWUQDNQ3ENH9ucyjTTUTD6gk0XV7SHGng=", "index.html": "sha256-jp7d1/nw1z4Jpji1Vc8gp8BdBvkGTLC7tdVzkGSKG28=", "README.md": "sha256-paD9ItYCNSFokVTPbUOPhYPEt6PDWMoSCnnTw8G1orw=", "manifest.json": "sha256-kxJZWcNfwcLi3wD5eLPSz+TQkJX0/7NPpAS+tc78QAM=" } } }, { "id": "segmented-control", "name": "Segmented control", "version": "1.1.0", "tag": "j3w1-segmented-control", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/segmented-control.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/segmented-control", "register": "@j3w1/ui/register/segmented-control", "styles": "@j3w1/ui/styles/segmented-control.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "checked", "focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-action-primary-bg": "color.action.primary.bg", "dependency.role-color-action-primary-hover-bg": "color.action.primary.hover-bg", "dependency.role-color-action-primary-text": "color.action.primary.text", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-interaction-focus-ring-container": "color.interaction.focus.ring-container", "dependency.role-color-interaction-hover-bg": "color.interaction.hover.bg", "dependency.role-color-interaction-selection-bg": "color.interaction.selection.bg", "dependency.role-color-interaction-selection-text": "color.interaction.selection.text", "dependency.role-color-status-danger-border": "color.status.danger.border", "dependency.role-color-status-danger-text": "color.status.danger.text", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-focus-offset": "focus.offset", "dependency.role-focus-ring": "focus.ring", "dependency.role-font-line-height-ui-md": "font.line-height.ui-md", "dependency.role-font-line-height-ui-sm": "font.line-height.ui-sm", "dependency.role-font-size-ui-md": "font.size.ui-md", "dependency.role-font-size-ui-sm": "font.size.ui-sm", "dependency.role-icon-size-md": "icon.size.md", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-16": "space.16", "dependency.role-space-2": "space.2", "dependency.role-space-24": "space.24", "dependency.role-space-4": "space.4", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "radio-group" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.comfortable.icon", "density.compact.control-height", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.comfortable.icon", "density.compact.control-height", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/segmented-control/", "files": { "runtime/register/segmented-control.js": "sha256-Hp1iRTlBtVJffhsTkXPWleCnHa8ag50yeW35VsnXQ4c=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/segmented-control.js": "sha256-5ZZgkbIf/mUyvCwJqEFqr07t3FkuDgMailgTScPGfk8=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Dq4r47NU2yi+AVRCcT0g+RV5YoPw7Z3JUhDMJqtUoJM=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-/y5XrVYeuiIc2/pZ/wdJWuadUAGF48in7tED7hWQGYI=", "index.html": "sha256-zUD5N3s3EYsmNmV+t33T6lt+kNsDMoRbcdyTYDikNPI=", "README.md": "sha256-yy67qf9JX0U9KAUgKqt+h0vQDFUHPJjbKgjLbQ0Z3xQ=", "manifest.json": "sha256-97WpSYzoQqf1pIeD/tUjzdFAz70txZaTL3xYhkr8Xc4=" } } }, { "id": "field", "name": "Field", "version": "1.1.0", "tag": "j3w1-field", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/field.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/field", "register": "@j3w1/ui/register/field", "styles": "@j3w1/ui/styles/field.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default", "description": "Label above, one control, help below, message when invalid." } ], "states": [ "default", "required", "invalid", "disabled" ], "dependencies": [], "tokens": { "root.text": "color.text.default", "label.text": "color.text.bright", "label.required-mark": "color.status.danger.text", "control.bg": "color.surface.input", "control.border": "color.border.control", "control.border-invalid": "color.status.danger.border", "control.text-disabled": "color.text.disabled", "control.bg-disabled": "color.interaction.disabled.bg", "control.border-disabled": "color.border.disabled", "help.text": "color.text.muted", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.2", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.2", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/field/", "files": { "runtime/register/field.js": "sha256-XVffQJ1x1BaYIujyxerGMhRVXOVJvdiFmAKkTglUyC8=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/field.js": "sha256-WVdCJGm0lzs2nqvlY7vpYYVSrZNpzp4ELbq3nH3Ycus=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Rd3CCjOeRNdq9v3ql8A+P+nyw3MOp7Fa0LUD8UqBzFA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-M+Faw3Q4PMYCRgzzkpyGYO6m3Sefbyj3JZ3/wdlvGPU=", "index.html": "sha256-60Xj3vT6YA5V4cnFFqd+JceMzjQ4nZCBnBjOt3OId+A=", "README.md": "sha256-StS6AyWg841B/FrMKrUy2zsXehqEJVRTfdChdPACkhY=", "manifest.json": "sha256-7d+51k7OJA5+q2zcnLLdhunOILErau4AzH+JHdHijIo=" } } }, { "id": "text-field", "name": "Text field", "version": "1.1.0", "tag": "j3w1-text-field", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/text-field.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/text-field", "register": "@j3w1/ui/register/text-field", "styles": "@j3w1/ui/styles/text-field.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Visible native controls retain FormData, labels, constraints, disabled fieldsets and reset. No duplicate form-value mechanism is installed.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." }, { "name": "stepBy", "signature": "(amount: number): void", "description": "Step a number input by the supplied number of native steps." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Text" }, { "id": "password", "name": "Password with reveal" }, { "id": "search", "name": "Search with clear" }, { "id": "number", "name": "Number with stepper" }, { "id": "affix", "name": "With prefix and suffix" } ], "states": [ "default", "hover", "focus-visible", "placeholder-shown", "filled", "required", "invalid", "invalid+focus-visible", "invalid+hover", "disabled", "disabled+filled", "read-only", "read-only+focus-visible", "loading" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.ring-invalid": "color.interaction.focus.ring-container", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "root.border-readonly": "color.border.divider", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.placeholder": "color.text.placeholder", "input.caret": "color.code.caret", "input.selection-bg": "color.interaction.text-selection.bg", "input.selection-text": "color.interaction.text-selection.text", "label.text": "color.text.bright", "label.required-mark": "color.status.danger.text", "help.text": "color.text.muted", "message.text": "color.status.danger.text", "affix.text": "color.text.muted", "affix.border": "color.border.divider", "action.text": "color.action.tertiary.text", "action.bg-hover": "color.action.tertiary.hover-bg", "loading.glyph": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/text-field/", "files": { "runtime/register/text-field.js": "sha256-DD+ctMlKClOK6B/glshiJwIjKilewzY171GvKtVGf1A=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/text-field.js": "sha256-SJI/C0zrJ5gJAl26b1OnhG8TtQocvcKkV/kLatNfsL0=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Y3xQDYeeCQmNtobwOfTiTh/OVHOCJt5If76c4411/ns=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-R8UtNVXLOQSMMT+NPAGht8BHx8b1yIjvTii2pQlPs8k=", "index.html": "sha256-J9hbLzXuEnbSdeQVzpl5q51KXvGGqGz+Y21d3vAb3a4=", "README.md": "sha256-wogqe+KZ7GQEi6ds0QXrJf76jbIUxoiw1We55fZa3Zg=", "manifest.json": "sha256-okPbV2QWWz93ekcE1oa1JmrR4rE50w3z8pFYPXJjl7g=" } } }, { "id": "textarea", "name": "Textarea", "version": "1.1.0", "tag": "j3w1-textarea", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/textarea.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/textarea", "register": "@j3w1/ui/register/textarea", "styles": "@j3w1/ui/styles/textarea.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Visible native controls retain FormData, labels, constraints, disabled fieldsets and reset. No duplicate form-value mechanism is installed.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Default" }, { "id": "with-count", "name": "With character count", "description": "A live count under the box in text.muted." } ], "states": [ "default", "hover", "focus-visible", "placeholder-shown", "filled", "required", "invalid", "invalid+focus-visible", "disabled", "read-only" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.ring-invalid": "color.interaction.focus.ring-container", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "root.border-readonly": "color.border.divider", "root.bg-readonly": "color.surface.canvas", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.placeholder": "color.text.placeholder", "input.caret": "color.code.caret", "input.selection-bg": "color.interaction.text-selection.bg", "input.selection-text": "color.interaction.text-selection.text", "label.text": "color.text.bright", "label.required-mark": "color.status.danger.text", "help.text": "color.text.muted", "count.text": "color.text.muted", "count.text-over": "color.status.danger.text", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/textarea/", "files": { "runtime/register/textarea.js": "sha256-H+BMjmdgnMxVEA9KvLSSKoOlHTAH91Qy7+pjUiTlgEE=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/textarea.js": "sha256-ywtNaC/cWZHI/8LUsTUWtYgkOAyCwUCpy3M8mGYu510=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-BbcGdXHTnD7C55UItp05tibzn6AUyioSMT0hgk45J68=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-FrTRU04fY9wZ6rThXepEiAOHAf/WPEcefiPDsYvSLsM=", "index.html": "sha256-xM2w2jkYyi5BE0Nc6YGqICrh5wAW+DKYGmHHjEB1tOM=", "README.md": "sha256-eWCOomJxDXtthkDY/V3dZyS9x0C/Jwqn8PAWya+fF38=", "manifest.json": "sha256-B7hu3ZFESWLRQoV40VA4D/VTwb44I2+m2h8azp1eIws=" } } }, { "id": "select", "name": "Select", "version": "1.1.0", "tag": "j3w1-select", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/select.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/select", "register": "@j3w1/ui/register/select", "styles": "@j3w1/ui/styles/select.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Theme-owned combobox/listbox presentation backed by the original native select for FormData, constraints, defaults and reset. The native control is visible only before enhancement or without JavaScript.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true }, { "name": "values", "type": "string[]", "description": "Selected values of a multiple native select.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Single" }, { "id": "with-groups", "name": "With option groups", "description": "optgroup labels in text.muted." }, { "id": "multiple", "name": "Multiple", "description": "An always-open listbox; no chevron." } ], "states": [ "default", "hover", "focus-visible", "required", "invalid", "invalid+focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.ring-invalid": "color.interaction.focus.ring-container", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "control.text": "color.text.default", "control.text-disabled": "color.text.disabled", "chevron.stroke": "color.icon.default", "option.bg": "color.surface.raised", "option.text": "color.text.default", "option.bg-selected": "color.interaction.selection.bg", "option.text-selected": "color.interaction.selection.text", "group.text": "color.text.muted", "label.text": "color.text.bright", "label.required-mark": "color.status.danger.text", "help.text": "color.text.muted", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/select/", "files": { "runtime/register/select.js": "sha256-zXXuJRnrp9EVnk1A8VpgUzF/JPShcAImY9zRc6nQasQ=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/select.js": "sha256-fycQ5QRbp/uX6ITu+R0NWa5QxG9D/Re+bRcwduvz1I0=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-F7S6++WxoGrwiPfTq2NRQciL64rhre0zZKEhwee9I1E=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-1rMGJynWvvm/FG3mKaD7Cc+QHA+zhkGFyc7tL4Ul37Q=", "index.html": "sha256-f4rQyCq7pkNwF1oV2xWbeCAut4dwtAt0CPyZLBiz+1Y=", "README.md": "sha256-QQ9CNmnoSMXffDdpU4KKF6u8ySeUDQ6Fm+d66l/rZ/4=", "manifest.json": "sha256-Ijatuvy3WuCQjwJWUwhatAfWW19GZRdKkwEjosze6TA=" } } }, { "id": "checkbox", "name": "Checkbox", "version": "1.1.0", "tag": "j3w1-checkbox", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/checkbox.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/checkbox", "register": "@j3w1/ui/register/checkbox", "styles": "@j3w1/ui/styles/checkbox.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Visible native controls retain FormData, labels, constraints, disabled fieldsets and reset. No duplicate form-value mechanism is installed.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true }, { "name": "indeterminate", "type": "boolean", "description": "Native mixed state; Space changes a mixed checkbox to checked.", "controller": true, "readonly": false }, { "name": "values", "type": "string[]", "description": "Values of checked native options in this instance.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Single" }, { "id": "group", "name": "Group", "description": "A fieldset of three independent options under one legend." } ], "states": [ "default", "hover", "focus-visible", "checked", "mixed", "checked+focus-visible", "checked+disabled", "disabled", "invalid", "required" ], "dependencies": [], "tokens": { "box.bg": "color.surface.input", "box.border": "color.border.control", "box.bg-hover": "color.interaction.hover.bg", "box.ring": "color.interaction.focus.ring", "box.bg-checked": "color.action.primary.bg", "box.bg-checked-hover": "color.action.primary.hover-bg", "box.glyph": "color.action.primary.text", "box.ring-checked": "color.interaction.focus.ring-container", "box.border-invalid": "color.status.danger.border", "box.bg-disabled": "color.interaction.disabled.bg", "box.border-disabled": "color.border.disabled", "box.glyph-disabled": "color.text.disabled", "text.default": "color.text.default", "text.disabled": "color.text.disabled", "legend.text": "color.text.bright", "legend.required-mark": "color.status.danger.text", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.icon", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.2", "space.24", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.icon", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.2", "space.24", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/checkbox/", "files": { "runtime/register/checkbox.js": "sha256-Bcfx68O9tVUsOU2UXt39Iw36ZluRIGYHI88jMpSDEjk=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/checkbox.js": "sha256-FwuRu4kcLPlsRPkJLTaDFqm+P6gL+uQEVZxwyfl0Vcc=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-PpwiBtqgcGIHn1KgKDXvrsX0DeTZ4PfyQsMnUpwCUrI=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-D5pZAWuWF8+C90nVIZnSREv1i0fk6q9L+6SEdvU1Okk=", "index.html": "sha256-zm4zdpqK+QV2pfYf2WrPK1bYk0S65vU+AWWPEq60/mE=", "README.md": "sha256-nkpDL0B2nEEeD9uzJjI2Xs3CbJWt76msHEH+W0UZmf0=", "manifest.json": "sha256-mzp4PcYgVQEVJlSUJT+misOf4ERCGlUsEXdGnqmM4HU=" } } }, { "id": "radio-group", "name": "Radio group", "version": "1.1.0", "tag": "j3w1-radio-group", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/radio-group.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/radio-group", "register": "@j3w1/ui/register/radio-group", "styles": "@j3w1/ui/styles/radio-group.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Vertical" }, { "id": "horizontal", "name": "Horizontal", "description": "Options in a row that wraps; for two or three short labels." } ], "states": [ "default", "hover", "focus-visible", "checked", "checked+focus-visible", "disabled", "invalid", "required" ], "dependencies": [], "tokens": { "box.bg": "color.surface.input", "box.border": "color.border.control", "box.bg-hover": "color.interaction.hover.bg", "box.ring": "color.interaction.focus.ring", "box.bg-checked": "color.action.primary.bg", "box.bg-checked-hover": "color.action.primary.hover-bg", "box.dot": "color.action.primary.text", "box.ring-checked": "color.interaction.focus.ring-container", "box.border-invalid": "color.status.danger.border", "box.bg-disabled": "color.interaction.disabled.bg", "box.border-disabled": "color.border.disabled", "box.dot-disabled": "color.text.disabled", "text.default": "color.text.default", "text.disabled": "color.text.disabled", "legend.text": "color.text.bright", "legend.required-mark": "color.status.danger.text", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.icon", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.16", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.icon", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.16", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/radio-group/", "files": { "runtime/register/radio-group.js": "sha256-L7TPdkL+uckYkNZ8nwZWjfTisSvOmPO7rqB3QlmfaTI=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/radio-group.js": "sha256-7ffpxkypNDBW1DNsDRqnOrYZpxsrjfIjxqJZgUfao+Y=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Ig6nuF1jMxOL71ppi7cvN8DjEKs9unk/ugZ0b1XTImY=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-6HA7gvr2JUQeKZ5jWPcVyfSw5t4FmaqlAA/+mhuSJjc=", "index.html": "sha256-4ptm1dy28zuJlLU04Zd8QtEveiw6njq8DNNQd89W/1w=", "README.md": "sha256-fAIi5KTnhtc/eTKdy92wR1aihx8txD4zIExFKsqCcBM=", "manifest.json": "sha256-J5E337ttp5NZ/HEnRpSB7CVNKj3DuAyo7uYTBuATIm4=" } } }, { "id": "switch", "name": "Switch", "version": "1.1.0", "tag": "j3w1-switch", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/switch.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/switch", "register": "@j3w1/ui/register/switch", "styles": "@j3w1/ui/styles/switch.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "checked", "description": "Default switch checked." }, { "name": "value", "description": "Default switch value." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Immediate switch state; a named switch exposes a matching native hidden form value.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-change", "detail": "{ checked: boolean; value: string; name: string }", "description": "The user toggled the switch." } ] }, "variants": [ { "id": "default", "name": "Default", "description": "The track alone, named by aria-label." }, { "id": "with-labels", "name": "With labels", "description": "A visible name before the track and an Off / On word after it." } ], "states": [ "default", "hover", "focus-visible", "checked", "checked+focus-visible", "disabled", "checked+disabled" ], "dependencies": [], "tokens": { "track.bg": "color.surface.input", "track.border": "color.border.control", "track.bg-hover": "color.interaction.hover.bg", "track.ring": "color.interaction.focus.ring", "track.bg-checked": "color.action.primary.bg", "track.bg-checked-hover": "color.action.primary.hover-bg", "track.ring-checked": "color.interaction.focus.ring-container", "track.bg-disabled": "color.interaction.disabled.bg", "track.border-disabled": "color.border.disabled", "thumb.bg": "color.text.default", "thumb.bg-checked": "color.action.primary.text", "thumb.bg-disabled": "color.text.disabled", "name.text": "color.text.default", "state.text": "color.text.muted", "name.text-disabled": "color.text.disabled" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.input", "color.text.default", "color.text.disabled", "color.text.muted", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.input", "color.text.default", "color.text.disabled", "color.text.muted", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/switch/", "files": { "runtime/register/switch.js": "sha256-WA0Avt/JJmz7DqxDx8v5Rnw3WCZFaVGJjPdibTQKkSc=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/switch.js": "sha256-cCuKGapWKnDAWTo2000oxSJipWNymeidhKTxvi6+nYM=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-wQ5f/FFGWolJtnjyPar452XqRgkIhBLJEQbc8ziQvag=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-bja8BqOYebPhAJ/84m7EUQysf7pqQJ3wMJ10wj4YBz4=", "index.html": "sha256-UZvqjISxPBGEl7MJkilEMem3b7sjRYRpBJpzJneqq/Q=", "README.md": "sha256-qIzkImuWERMICE8txnxV/rtUDcOU/tuIattVwIN7KBc=", "manifest.json": "sha256-srYrFUdROe6b2NL5aWQYz8zktbJRXaOjtvXGwjGJPEo=" } } }, { "id": "range", "name": "Range", "version": "1.1.0", "tag": "j3w1-range", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/range.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/range", "register": "@j3w1/ui/register/range", "styles": "@j3w1/ui/styles/range.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Visible native controls retain FormData, labels, constraints, disabled fieldsets and reset. No duplicate form-value mechanism is installed.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-action-primary-bg": "color.action.primary.bg", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/range/", "files": { "runtime/register/range.js": "sha256-g8jU/JKj2ySLza7/G+XS4TC2NE8Gwuw6lyc+G1k9pi4=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/range.js": "sha256-YxvkgSmE6hZWdBbtII/Sjv5vFbQkx9L99T0ezC2Gbxc=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-XwLMipanpFGzjbmGs1VEzJL/+7DPUuYTewuadW6x3zE=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-F3TYZf5Pysp2EfVbSAxBHmgiviXyRS3/dKjUdvZrzF0=", "index.html": "sha256-xuKPgkTCOPNTZ8muQffKPJpVLWZpA03yfkf+90bVZmw=", "README.md": "sha256-YHX2Ssv48lCQmj6ajpgIFZLsa0jVJ9UR2KbiPXcv7bA=", "manifest.json": "sha256-Vh7Pu/mMex+K5AMDUBXzXVkQ6QXBVyfzNi2EKG1AMqI=" } } }, { "id": "fieldset", "name": "Fieldset", "version": "1.1.0", "tag": "j3w1-fieldset", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/fieldset.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/fieldset", "register": "@j3w1/ui/register/fieldset", "styles": "@j3w1/ui/styles/fieldset.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "disabled" ], "dependencies": [], "tokens": { "root.border": "color.border.divider", "root.bg": "color.surface.default", "legend.text": "color.text.bright", "body.text": "color.text.default", "legend.text-disabled": "color.text.disabled", "field.bg": "color.surface.input", "field.border": "color.border.control", "field.bg-disabled": "color.interaction.disabled.bg", "field.border-disabled": "color.border.disabled", "field.text-disabled": "color.text.disabled", "help.text": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "radius.none", "space.12", "space.16", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "radius.none", "space.12", "space.16", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/fieldset/", "files": { "runtime/register/fieldset.js": "sha256-95mq6oG6gTLPWs+kdvdNqiuSftofqYoBvCulLuTebyE=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/fieldset.js": "sha256-noPxLiL5xVRRJMyrHKgmcx4io7KmDRNADn1EaBPSI48=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-TPi15SfEwAaSl4PqQvGAd3bFbbB4BJ2trfD5k2+8yrc=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Z916I2upHIzzffRAz/6w6FSTBwegAd+L49E9Juck2fo=", "index.html": "sha256-/G/GqORWDhO+K+ngVGX8Mrb/mp0XHqSZ3PP1WwffRXQ=", "README.md": "sha256-rPSQhw+1TVh6a+iaTJJSj3/Utx8NyhUQ6ksfVOffFOo=", "manifest.json": "sha256-Ct8xMWe0knd3llbXf9rzTapToKRg40UmX3zGtPd/f6I=" } } }, { "id": "number-field", "name": "Number field", "version": "1.1.0", "tag": "j3w1-number-field", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/number-field.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/number-field", "register": "@j3w1/ui/register/number-field", "styles": "@j3w1/ui/styles/number-field.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Visible native controls retain FormData, labels, constraints, disabled fieldsets and reset. No duplicate form-value mechanism is installed.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." }, { "name": "stepBy", "signature": "(amount: number): void", "description": "Step a number input by the supplied number of native steps." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Default" }, { "id": "with-unit", "name": "With unit", "description": "A unit affix (px, ms, %) between the digits and the stepper." } ], "states": [ "default", "hover", "focus-visible", "invalid", "invalid+focus-visible", "disabled", "read-only" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.ring-invalid": "color.interaction.focus.ring-container", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "root.border-readonly": "color.border.divider", "root.bg-readonly": "color.surface.canvas", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.caret": "color.code.caret", "unit.text": "color.text.muted", "unit.border": "color.border.divider", "action.text": "color.action.tertiary.text", "action.bg-hover": "color.action.tertiary.hover-bg", "action.border": "color.border.divider", "label.text": "color.text.bright", "help.text": "color.text.muted", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/number-field/", "files": { "runtime/register/number-field.js": "sha256-jCevLNvnx84VrjcqcaLN+LoayqMvlOZqbeB0vfcKCTw=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/number-field.js": "sha256-RU3PMEMM7TzwunbblFIxzag9uIyGnBrEM2OfToxwLOM=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-agyrkFz7FiKZpcU4J9QsaeTNRYBw7yWJQcMOdSd8SPc=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-wabUKPjMJ+zn/+oKJMogtcDlppICQ8zTGXEbhGwm+iQ=", "index.html": "sha256-yH23EzsY61NhYO5ZTaRXcpIb2OUYezkZl+VlqSSVS/M=", "README.md": "sha256-nluSuDc0lewNu5sgAVKmSAKzsd8MHjPCoAGoLGsRkY0=", "manifest.json": "sha256-HHkXpdUV7yoy2mli5rm9ycDqhPG7kS6qCfi/5m+W8HQ=" } } }, { "id": "search-field", "name": "Search field", "version": "1.1.0", "tag": "j3w1-search-field", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/search-field.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/search-field", "register": "@j3w1/ui/register/search-field", "styles": "@j3w1/ui/styles/search-field.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Visible native controls retain FormData, labels, constraints, disabled fieldsets and reset. No duplicate form-value mechanism is installed.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Default" }, { "id": "with-shortcut", "name": "With shortcut hint", "description": "A kbd hint at the inline end showing the key that focuses the field." } ], "states": [ "default", "hover", "focus-visible", "placeholder-shown", "filled", "loading", "disabled", "no-results" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.placeholder": "color.text.placeholder", "input.caret": "color.code.caret", "icon.stroke": "color.icon.default", "loading.glyph": "color.text.muted", "clear.text": "color.action.tertiary.text", "clear.bg-hover": "color.action.tertiary.hover-bg", "kbd.text": "color.text.muted", "kbd.border": "color.border.default", "label.text": "color.text.bright", "help.text": "color.text.muted", "status.text": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.code.caret", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.code.caret", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/search-field/", "files": { "runtime/register/search-field.js": "sha256-Z6IeX4+LKGVQJUcQGuyUnCBL6ggQSoevMhrj75zYisw=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/search-field.js": "sha256-Rp53QT6z1Xj1OyzA2UoL3VtM9ZqLAXCW9wNUB3W5Rt0=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-LKiZdfWdQXHUoEdFnG1o5Aka8mOS8NP98IdndPFnsbQ=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-HUFhtyi3m/bOmHYH5vU0uD/8e/TFVZ6EmUZzoucKCCM=", "index.html": "sha256-pNWMnOcTZTr/TNcGVa53Ac8S3/6iWYnBj5B5CjnTcVI=", "README.md": "sha256-aTi7+0DTS/pbfUJ+2pJ/En8jyoF4GdQxBVvW5PwZuGM=", "manifest.json": "sha256-CuKz5N25xCa3qAjAvxG/bUubkCmvaIDIDcE8g/H35Gc=" } } }, { "id": "combobox", "name": "Combobox", "version": "1.1.0", "tag": "j3w1-combobox", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/combobox.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/combobox", "register": "@j3w1/ui/register/combobox", "styles": "@j3w1/ui/styles/combobox.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Typed or accepted input value.", "controller": true, "readonly": false }, { "name": "open", "type": "boolean", "description": "List visibility.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(allOptions?: boolean): void", "description": "Open the list, optionally showing every option." }, { "name": "hide", "signature": "(): void", "description": "Close without discarding typed text." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; name: string }", "description": "An option was accepted or the value cleared." } ] }, "variants": [ { "id": "default", "name": "Flat list" }, { "id": "with-groups", "name": "Grouped options" }, { "id": "no-results", "name": "No results" } ], "states": [ "default", "hover", "focus-visible", "open", "closed", "selected", "invalid", "invalid+focus-visible", "disabled", "no-results" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.ring-invalid": "color.interaction.focus.ring-container", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.placeholder": "color.text.placeholder", "input.caret": "color.code.caret", "toggle.text": "color.action.tertiary.text", "toggle.bg-hover": "color.action.tertiary.hover-bg", "label.text": "color.text.bright", "listbox.bg": "color.surface.raised", "listbox.border": "color.border.overlay", "option.text": "color.text.default", "option.bg-hover": "color.interaction.hover.bg-strong", "option.text-hover": "color.text.link-hover", "option.bg-selected": "color.interaction.selection.bg", "option.text-selected": "color.interaction.selection.text", "option.ring-selected": "color.interaction.focus.ring-container", "group.text": "color.text.subtle", "group.border": "color.border.divider", "empty.text": "color.text.muted", "help.text": "color.text.muted", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "color.text.placeholder", "color.text.subtle", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "motion.duration.base", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.450", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "color.text.placeholder", "color.text.subtle", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "motion.duration.base", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.subtle": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.base": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/combobox/", "files": { "runtime/register/combobox.js": "sha256-wSm80gvqOsgkhwOnsCIjr2a4w8W7WCRQqBXn2frDhak=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/combobox.js": "sha256-AwEG4UenkNY8QhksVWq26ZqAfDyP2gwQlNha3Q/8hxw=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-f4pI9RLIKYsRggzuVcLA2zYdXHZXY3+DbGFjvBCtbSg=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-/SDEtn3D/9kfnULtpHPFEgK1FAkmwe+77gdxlWNewhY=", "index.html": "sha256-TgE5FDYDcg51ETqt8UekGbIULwjwCa+CjxGdU63wd/k=", "README.md": "sha256-dNXm/N6mcxGdnSn4x3SMDEJeToH4AJH35+1HB4scTsw=", "manifest.json": "sha256-RPoqHKnRKDiIfjKvbLQDx4KAcGBi3fCwPaL5jfr84Sg=" } } }, { "id": "multiselect", "name": "Multiple selection", "version": "1.1.0", "tag": "j3w1-multiselect", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/multiselect.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/advanced.js", "imports": { "class": "@j3w1/ui/components/multiselect", "register": "@j3w1/ui/register/multiselect", "styles": "@j3w1/ui/styles/multiselect.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "values", "type": "string[]", "description": "Selected native checkbox values, including hidden matches.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "clear", "signature": "(): void", "description": "Clear every selected value and report the explicit change." } ], "events": [ { "name": "j3w1-selection", "detail": "{ values: string[] }", "description": "The selected values changed through interaction." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "checked", "focus-visible", "disabled", "no-results" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-action-primary-bg": "color.action.primary.bg", "dependency.role-color-action-primary-hover-bg": "color.action.primary.hover-bg", "dependency.role-color-action-primary-text": "color.action.primary.text", "dependency.role-color-border-active": "color.border.active", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-interaction-focus-ring-container": "color.interaction.focus.ring-container", "dependency.role-color-interaction-hover-bg": "color.interaction.hover.bg", "dependency.role-color-status-danger-border": "color.status.danger.border", "dependency.role-color-status-danger-text": "color.status.danger.text", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-focus-offset": "focus.offset", "dependency.role-focus-ring": "focus.ring", "dependency.role-font-line-height-ui-md": "font.line-height.ui-md", "dependency.role-font-line-height-ui-sm": "font.line-height.ui-sm", "dependency.role-font-size-ui-md": "font.size.ui-md", "dependency.role-font-size-ui-sm": "font.size.ui-sm", "dependency.role-icon-size-md": "icon.size.md", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-24": "space.24", "dependency.role-space-4": "space.4", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "checkbox" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.icon", "density.compact.control-height", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.12", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.hover-bg", "color.action.primary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.icon", "density.compact.control-height", "density.compact.icon", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.12", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/multiselect/", "files": { "runtime/register/multiselect.js": "sha256-96pmTEj2wLhjjLNib4gB1d7Twzrt5QcyklLK7RfzavA=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/multiselect.js": "sha256-3OjLv4TAacf901nXmOQeCrPT7ZJz63kNd26eumrFLCg=", "runtime/chunks/advanced-DCpe8Ndv.js": "sha256-nr1LFdLYsGeTM4vDyldvuJygRm0F04sYonxatySPu1g=", "runtime/chunks/markup-DeQ4bEMR.js": "sha256-Eyyx7MKBoqXK4i2HaVUQhKUM066L2wIggABt6jAdgas=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-NHeO9yzX+pKu8X05cxcbMC+aba6f5KV7SQL1E+N/kKM=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-1E4hftJizWZX+Gn6uhOJBXC2VAC62t50q2kwRpgS2pQ=", "index.html": "sha256-/iSVBFFALSTS0ebIls1qu3/g280a8lbMULm2Al9zFMM=", "README.md": "sha256-dQasZeKhcvNgkoeIAh80dKFpzYfaLW1wnrJ+s6e7xbI=", "manifest.json": "sha256-jeZkGorSjYH7CwYGtPe1pFvfR45LDR4cQrzVucWa33M=" } } }, { "id": "date-picker", "name": "Date picker", "version": "1.1.0", "tag": "j3w1-date-picker", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/date-picker.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/date-picker", "register": "@j3w1/ui/register/date-picker", "styles": "@j3w1/ui/styles/date-picker.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Theme-owned date/time editor and controls backed by the original native input for form values and constraints. Native input is the no-JavaScript fallback.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Single date" }, { "id": "range", "name": "From / to" } ], "states": [ "default", "hover", "focus-visible", "invalid", "invalid+focus-visible", "disabled", "read-only" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.ring-invalid": "color.interaction.focus.ring-container", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "root.border-readonly": "color.border.divider", "root.bg-readonly": "color.surface.canvas", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.caret": "color.code.caret", "label.text": "color.text.bright", "legend.text": "color.text.bright", "separator.text": "color.text.muted", "help.text": "color.text.muted", "message.text": "color.status.danger.text", "calendar.bg": "color.surface.raised", "calendar.border": "color.border.overlay", "calendar.text": "color.text.default", "calendar.selected-bg": "color.interaction.selection.bg", "calendar.selected-text": "color.interaction.selection.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/date-picker/", "files": { "runtime/register/date-picker.js": "sha256-QyyWDOnYnSGxEdY+mxrtYtsLqoQAkhvTLJ5z7kjo3/w=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/date-picker.js": "sha256-hk3dwkYhOR5zqKnd9ArMTEUz77GXSAPjNMpkHcTUdUw=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-InOm4+AU0uQu6XZs3K+f13FA89Jf7iQO1GuL/2+s9YA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Nho5WRdNWOIx9zrVkZR8s5NrC95hgRBVnvDTdnZ7qoo=", "index.html": "sha256-eGq952lAjjjM/6cG7o5Rv4hcM4Tuc6zA38HiAPrEevM=", "README.md": "sha256-NEUbm/S1Q7tWk7w6G7UCreDf5cbBnc8VBryDzcBLLLU=", "manifest.json": "sha256-2MAaypYrsUsIIgISYGXOmUH23PoczI8pkOzceYLnO7o=" } } }, { "id": "time-picker", "name": "Time picker", "version": "1.1.0", "tag": "j3w1-time-picker", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/time-picker.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/time-picker", "register": "@j3w1/ui/register/time-picker", "styles": "@j3w1/ui/styles/time-picker.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Theme-owned date/time editor and controls backed by the original native input for form values and constraints. Native input is the no-JavaScript fallback.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "value", "description": "Forwards value to the primary native control." }, { "name": "required", "description": "Forwards required to the primary native control." }, { "name": "readonly", "description": "Forwards readonly to the primary native control." }, { "name": "checked", "description": "Forwards checked to the primary native control." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "value", "type": "string", "description": "Primary native value; assignment does not fabricate user events.", "controller": false, "readonly": false }, { "name": "checked", "type": "boolean", "description": "Native checkbox state.", "controller": false, "readonly": false }, { "name": "required", "type": "boolean", "description": "Native required constraint.", "controller": false, "readonly": false }, { "name": "readOnly", "type": "boolean", "description": "Native readonly property.", "controller": false, "readonly": false }, { "name": "form", "type": "HTMLFormElement | null", "description": "Owning native form.", "controller": false, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "checkValidity", "signature": "(): boolean", "description": "Check owned native constraints." }, { "name": "reportValidity", "signature": "(): boolean", "description": "Report the first invalid owned control." }, { "name": "clear", "signature": "(): void", "description": "Clear an editable primary input and emit native input/change." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; checked?: boolean; name: string }", "description": "Native change from an owned control, alongside the original native event." } ] }, "variants": [ { "id": "default", "name": "Time" } ], "states": [ "default", "hover", "focus-visible", "invalid", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.input", "root.border": "color.border.control", "root.bg-hover": "color.interaction.hover.bg", "root.border-focus": "color.border.active", "root.ring": "color.interaction.focus.ring", "root.border-invalid": "color.status.danger.border", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "input.text": "color.text.default", "input.text-disabled": "color.text.disabled", "input.caret": "color.code.caret", "label.text": "color.text.bright", "help.text": "color.text.muted", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/time-picker/", "files": { "runtime/register/time-picker.js": "sha256-2BVpwqf8Gmd8NnGgY7TdxAtrN4oIOg8cMn0kMOqj9Y4=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/time-picker.js": "sha256-7darPArWhiTV5h2HIVdE1rJThhLMD976jM/jl52XFoI=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-J5VoJUQp+zDREm8yqwh0jq7TRzMH+H8XMK+3CWxjgIU=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-RLfLhDEtkzyeISgOb1Njmp8QsxMKjIUzebwrMAg9GNk=", "index.html": "sha256-0uRkUg8W3uzjOeM45/CL0JXuey7R36hf4eL2pcTXKZY=", "README.md": "sha256-lbuyLfq4oekPwSaMLrIEAnMOV7JxadhwJIHX4Wze7hM=", "manifest.json": "sha256-7t2LbUzee7cHk+Rr3QyTaW1HQvvWqwH4DPGRbOpq0Fk=" } } }, { "id": "file-input", "name": "File input", "version": "1.1.0", "tag": "j3w1-file-input", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/file-input.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/file-input", "register": "@j3w1/ui/register/file-input", "styles": "@j3w1/ui/styles/file-input.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "files", "type": "File[]", "description": "Current native files; files are never uploaded by the component.", "controller": true, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "clear", "signature": "(): void", "description": "Clear the current native file selection." } ], "events": [ { "name": "j3w1-change", "detail": "{ value: string; name: string }", "description": "Native file selection changed; read files from the component." } ] }, "variants": [ { "id": "default", "name": "Button" }, { "id": "drop-zone", "name": "Drop zone" }, { "id": "with-list", "name": "With chosen files" } ], "states": [ "default", "hover", "focus-visible", "drop-target", "invalid", "disabled", "loading" ], "dependencies": [], "tokens": { "button.bg": "color.action.secondary.bg", "button.text": "color.action.secondary.text", "button.border": "color.action.secondary.border", "button.bg-hover": "color.action.secondary.hover-bg", "button.bg-pressed": "color.action.secondary.pressed-bg", "button.ring": "color.interaction.focus.ring", "button.border-invalid": "color.status.danger.border", "button.text-disabled": "color.text.disabled", "button.border-disabled": "color.border.disabled", "button.bg-disabled": "color.interaction.disabled.bg", "zone.border": "color.interaction.drop-target", "zone.bg-drop-target": "color.interaction.marquee", "zone.hint": "color.text.muted", "label.text": "color.text.bright", "status.text": "color.text.muted", "list.text": "color.text.default", "list.divider": "color.border.divider", "list.size": "color.text.subtle", "list.error": "color.status.danger.text", "remove.text": "color.action.tertiary.text", "remove.bg-hover": "color.action.tertiary.hover-bg", "progress.track": "color.interaction.pressed.bg", "progress.stripe": "color.action.primary.bg", "help.text": "color.text.muted", "message.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.subtle", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "motion.duration.fast", "radius.none", "space.16", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.450", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.subtle", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "motion.duration.fast", "radius.none", "space.16", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.subtle": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/file-input/", "files": { "runtime/register/file-input.js": "sha256-JVcVdlTDOCB4bLa+Gc4LHWSfojAaR3wRwOBxMeLa8z4=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/file-input.js": "sha256-5Ep0YJtiSdg5Tny6ufui2VY6QhjJ/D6XUPguKunksvA=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-ezg9wydBGR6KpQziZgvoKiTXURNTPkh+aD9h3vFuuW4=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-3MysNuXXyX6HzlWv0wFhnto4CU9Q/n0JHK2wx1ufwbE=", "index.html": "sha256-fBkoQQjmYl2pS2ZhIJZ6zX3QXl6l6HTDfKsrsy4jmb8=", "README.md": "sha256-qPBdXnxsK1mGZlKNKNRh67PTlVy+A2UiuGtbaqPbLu0=", "manifest.json": "sha256-q+HaYjNTBuRo5+X81iB+e8uAzLh0P0tirIa+mzcBmWw=" } } }, { "id": "repeater", "name": "Repeater", "version": "1.1.0", "tag": "j3w1-repeater", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/repeater.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/advanced.js", "imports": { "class": "@j3w1/ui/components/repeater", "register": "@j3w1/ui/register/repeater", "styles": "@j3w1/ui/styles/repeater.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "max", "description": "Maximum rows, default 10; positive integer up to 100." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "rowIds", "type": "string[]", "description": "Stable IDs in current source order.", "controller": true, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "add", "signature": "(): string | null", "description": "Append a row when below the configured limit." }, { "name": "remove", "signature": "(id: string): void", "description": "Remove a known row and recover focus." }, { "name": "move", "signature": "(id: string, direction: number): void", "description": "Move a row one position up or down." } ], "events": [ { "name": "j3w1-rows", "detail": "{ ids: string[] }", "description": "Row order or membership changed." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "empty", "focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-24": "space.24", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/repeater/", "files": { "runtime/register/repeater.js": "sha256-CL1MU0vVSqQyPhS6UQWzKLVZqxO0fbuljqqDRE9GvUA=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/repeater.js": "sha256-ocAwU+tXpv/4pkHkM1DgjYkjZ7q9QTBLgl90TMEdZuo=", "runtime/chunks/advanced-DCpe8Ndv.js": "sha256-nr1LFdLYsGeTM4vDyldvuJygRm0F04sYonxatySPu1g=", "runtime/chunks/markup-DeQ4bEMR.js": "sha256-Eyyx7MKBoqXK4i2HaVUQhKUM066L2wIggABt6jAdgas=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-IEhREL5vlXFRdDmE8HHaqwhAbMJ8feOqTJ5MMrQGztk=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-DSCQzrRbDwFOKtw5YmpR+3oYWMIBJFIPnJpes5bSMPY=", "index.html": "sha256-c0jxp+wZ+Fh6pdflIdXG673av6oOTGx7HobpD63O2Sk=", "README.md": "sha256-n6LbXfVE+54U3TJUCDgQHj3CqJZIMrrn0tv0hBzzKQ8=", "manifest.json": "sha256-YUbkI4hsje6gZ2sFNjFChpcB9xkzlbsfoQ5QKlXldJM=" } } }, { "id": "wizard", "name": "Wizard", "version": "1.1.0", "tag": "j3w1-wizard", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/wizard.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/forms.js", "imports": { "class": "@j3w1/ui/components/wizard", "register": "@j3w1/ui/register/wizard", "styles": "@j3w1/ui/styles/wizard.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "step", "type": "number", "description": "Current zero-based step.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "next", "signature": "(): boolean", "description": "Validate current native controls before advancing." }, { "name": "back", "signature": "(): void", "description": "Return without validation." } ], "events": [ { "name": "j3w1-step", "detail": "{ step: number }", "description": "The active step changed." }, { "name": "j3w1-complete", "detail": "Record", "description": "Final local validation succeeded; the host owns persistence." } ] }, "variants": [ { "id": "numbered", "name": "Numbered steps" }, { "id": "icons", "name": "Glyph markers" } ], "states": [ "default", "hover", "focus-visible", "current", "disabled", "invalid", "busy" ], "dependencies": [], "tokens": { "steps.divider": "color.border.divider", "step.text": "color.text.default", "step.bg-hover": "color.interaction.hover.bg", "step.ring": "color.interaction.focus.ring", "step.text-current": "color.text.bright", "step.indicator-current": "color.border.selected-indicator", "step.text-disabled": "color.text.disabled", "step.marker-complete": "color.status.success.text", "step.marker-invalid": "color.status.danger.text", "step.indicator-invalid": "color.status.danger.border", "panel.bg": "color.surface.default", "panel.border": "color.border.default", "title.text": "color.text.bright", "text.text": "color.text.default", "message.text": "color.status.danger.text", "next.bg": "color.action.primary.bg", "next.text": "color.action.primary.text", "next.bg-hover": "color.action.primary.hover-bg", "next.bg-pressed": "color.action.primary.pressed-bg", "next.border": "color.action.primary.border", "next.ring": "color.interaction.focus.ring-container", "back.text": "color.action.secondary.text", "back.border": "color.action.secondary.border", "back.bg-hover": "color.action.secondary.hover-bg", "busy.glyph": "color.action.primary.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "text-field" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.status.success.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.h3", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h3", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.lg", "motion.duration.fast", "radius.none", "space.12", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.selected-indicator", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.green.500", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.status.success.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "font.family.mono", "font.line-height.h3", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h3", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.lg", "motion.duration.fast", "radius.none", "space.12", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h3": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h3": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.lg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/wizard/", "files": { "runtime/register/wizard.js": "sha256-8JwKlLD2lG42fsQh0+nf+OZ0pvg6Vy7Uexn7bdkWEe0=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/wizard.js": "sha256-+Y/BpjV8uUToWQv8KZ4U9dwhLmeOTmACzmupDtg6jYw=", "runtime/chunks/forms-BT3z7lNC.js": "sha256-Txmae07dWLj1H/FL869U0Kv84TQxzpdFeOg0g8zGK6I=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-TIsUn3die+vDqK/B4+HqIiSctLsbfAW5EflsX5y1oJA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-T5EJ8DcqnD1rFEoCwvdUpmBCh0hH9dJSmq5oOkC+mi4=", "index.html": "sha256-x7w0JHEaRfh3sRM0TmJcKmqI73CDTfRHzbgURIS3m80=", "README.md": "sha256-E1fd5K+Rq2RVz8rvSyqy0MniCaAv/A9SldIMHtkSfDQ=", "manifest.json": "sha256-AzF1LF6u70Dgol+wRlGMyUvoHbnZUYeyXxGEBaPSYd4=" } } }, { "id": "form-builder", "name": "Form builder", "version": "1.1.0", "tag": "j3w1-form-builder", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/form-builder.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/form-builder.js", "imports": { "class": "@j3w1/ui/components/form-builder", "register": "@j3w1/ui/register/form-builder", "styles": "@j3w1/ui/styles/form-builder.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "definitionJson", "type": "string", "description": "Validated bounded definition JSON; entered preview values are excluded.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "exportDefinition", "signature": "(): string", "description": "Export the canonical bounded definition without entered preview values." }, { "name": "importDefinition", "signature": "(json: string): boolean", "description": "Validate and import a complete definition without partial mutation." } ], "events": [] }, "variants": [ { "id": "default", "name": "Reference definition" } ], "states": [ "default", "empty", "invalid", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "status.text": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "button", "text-field", "textarea", "select", "checkbox", "radio-group", "alert", "table", "admin-form", "field", "switch" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.strong", "color.code.caret", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.status.danger.tint", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.caption", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.md", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.strong", "color.code.caret", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.amber.500", "color.primitive.amber.tint", "color.primitive.blue.500", "color.primitive.blue.tint", "color.primitive.green.500", "color.primitive.green.tint", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.ink.60", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.status.danger.tint", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.caption", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.md", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "draft", "copy": { "directory": "copy/form-builder/", "files": { "runtime/register/form-builder.js": "sha256-eTkn4FADTtEWRIVtotMrXTAv/hOXa663fSdijAGdasE=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/chunks/form-builder-C3MH5ydW.js": "sha256-Cpp2/VCEGhv82gEXyuLfiE3EImTIhr8BIfs4M95e6gY=", "runtime/chunks/form-builder-DXMDUu4u.js": "sha256-zMtQZthQVt5Ei2MeVNuuln7hfV9nDVTOIWRkuzq2QWU=", "runtime/chunks/form-workflow-B5efvJ6o.js": "sha256-Ispl9MIgzlw6ziGJlKNfpm5sqFpCyyk7gMFjG8ZIwUk=", "runtime/chunks/markup-DeQ4bEMR.js": "sha256-Eyyx7MKBoqXK4i2HaVUQhKUM066L2wIggABt6jAdgas=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-dgVsrgYuHrvBt6OjTg069abl7yU4iwgXOXUw3n9cB7g=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-vq61pWv0xeMFu0tTsDtRWWpAr16AFefjpz5JTSyF440=", "index.html": "sha256-v74xLbiCzhGoMsKDM8vIO3nwDmWQJymihSOqXqvPlkk=", "README.md": "sha256-LGFTqucx9e9D06ntwqzPW4MEL0rlLwoBKZt/dumk8qc=", "manifest.json": "sha256-qmSUQp2oaMbF65q4LqOGAhvJ5oFkS2WEAoYwi4nRx+k=" } } }, { "id": "tabs", "name": "Tabs", "version": "1.1.0", "tag": "j3w1-tabs", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/tabs.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/tabs", "register": "@j3w1/ui/register/tabs", "styles": "@j3w1/ui/styles/tabs.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "activation", "description": "automatic (default) or manual activation when arrowing among tabs." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "selectedId", "type": "string", "description": "ID of the selected enabled tab.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "select", "signature": "(id: string, focus?: boolean): HTMLElement", "description": "Select an enabled tab by its exact ID." } ], "events": [ { "name": "j3w1-select", "detail": "{ id: string; panelId: string }", "description": "The user selected a tab." } ] }, "variants": [ { "id": "default", "name": "Default" }, { "id": "overflow", "name": "Overflow", "description": "Many tabs in a horizontally scrolling strip; the strip scrolls, the page never does." } ], "states": [ "default", "hover", "focus-visible", "selected", "selected+focus-visible", "selected+container-inactive", "disabled" ], "dependencies": [], "tokens": { "list.bg": "color.surface.default", "list.border": "color.border.divider", "tab.text": "color.text.default", "tab.text-selected": "color.text.bright", "tab.text-disabled": "color.text.disabled", "tab.bg-hover": "color.interaction.hover.bg", "tab.bg-pressed": "color.interaction.pressed.bg", "tab.indicator": "color.border.selected-indicator", "tab.indicator-inactive": "color.border.selected-indicator-inactive", "tab.ring": "color.interaction.focus.ring", "panel.bg": "color.surface.default", "panel.text": "color.text.default" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.border.selected-indicator", "color.border.selected-indicator-inactive", "color.interaction.drop-target", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "motion.duration.fast", "radius.none", "space.12", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.border.selected-indicator", "color.border.selected-indicator-inactive", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "motion.duration.fast", "radius.none", "space.12", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.selected-indicator-inactive": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/tabs/", "files": { "runtime/register/tabs.js": "sha256-ZNIa4RlyyzL89jDO8N637zceDABaxE+yPzulw77+N9c=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/tabs.js": "sha256-lXf9kbvRx2Ku+awcfOm4fyoe3IipMI+qZP3mSxPTFpo=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-zVXkxQteKGqZmvOgx444SE+3ubxZ6YdRaGci9hT3GeU=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-xe4UR+a4C9oNodr9UlW5OGE5DR5R9JErwW0UAalo8oE=", "index.html": "sha256-w1fTqm25U4WCS0w6RvFvuUPfonjfue1T0ZJN83ccPr0=", "README.md": "sha256-tIyXPcXyDzAjmS5Yw+hR5uGGbD+kLmOSr8Mp4MoxhQc=", "manifest.json": "sha256-fGypVbnrm8+CD6HkOJMurSMIK3RJT4Jg1kggjQM8hxQ=" } } }, { "id": "breadcrumbs", "name": "Breadcrumbs", "version": "1.1.0", "tag": "j3w1-breadcrumbs", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/breadcrumbs.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/breadcrumbs", "register": "@j3w1/ui/register/breadcrumbs", "styles": "@j3w1/ui/styles/breadcrumbs.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-toggle", "detail": "{ expanded: boolean }", "description": "A collapsed breadcrumb group changed visibility." } ] }, "variants": [ { "id": "default", "name": "Default" }, { "id": "truncated", "name": "Truncated", "description": "Middle levels collapsed behind an ellipsis button that discloses them." } ], "states": [ "default", "hover", "focus-visible", "current", "truncated" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "link.text": "color.text.link", "link.underline": "color.text.link-underline", "link.text-hover": "color.text.link-hover", "link.bg-hover": "color.interaction.hover.bg-strong", "link.ring": "color.interaction.focus.ring", "current.text": "color.text.bright", "separator.text": "color.text.muted", "ellipsis.text": "color.text.default", "ellipsis.bg-hover": "color.interaction.hover.bg" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.interaction.drop-target", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.link-underline", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "motion.duration.fast", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.350", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.link-underline", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "motion.duration.fast", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/breadcrumbs/", "files": { "runtime/register/breadcrumbs.js": "sha256-Q0duBAI2kOEbn33M/8S8M3ciNcrLKYFaLDl2PvMF4MY=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/breadcrumbs.js": "sha256-rR3H6r4VNO+aTkF3H3oG30PVPsF2xZcxGoe7Juh5oiU=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-pJjvksTD6NTZ2QRx/SBxS4j7xy1rVLprovo5OnTOafs=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-W9qk0XtcetNK1me7748lByEMSMUZyP6NT//vet/Kt0I=", "index.html": "sha256-OWJN8qhGZ4YIN1OKUp03drZk8CY4D66GaO0t6LtKvJs=", "README.md": "sha256-25XYuQTzf9to8X2U4RYdP0x+nagNrRZD20Qpd5G9hnk=", "manifest.json": "sha256-T1iVKLvGy4l1flegkurHBV4FUb6c3OGBMHg7P8kezfk=" } } }, { "id": "pagination", "name": "Pagination", "version": "1.1.0", "tag": "j3w1-pagination", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/pagination.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/tables.js", "imports": { "class": "@j3w1/ui/components/pagination", "register": "@j3w1/ui/register/pagination", "styles": "@j3w1/ui/styles/pagination.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "page", "type": "number", "description": "Current page when using local button-mode pagination.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-page", "detail": "{ page: number }", "description": "Local page choice changed; native href links continue to navigate." } ] }, "variants": [ { "id": "default", "name": "Default", "description": "Previous, numbered pages with a gap, next." }, { "id": "compact", "name": "Compact", "description": "Previous and next around a \"3 of 12\" status; for toolbars and narrow layouts." } ], "states": [ "default", "hover", "focus-visible", "current", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "link.text": "color.text.default", "link.bg-hover": "color.interaction.hover.bg", "link.bg-pressed": "color.interaction.pressed.bg", "link.ring": "color.interaction.focus.ring", "link.text-disabled": "color.text.disabled", "current.bg": "color.interaction.selection.bg", "current.text": "color.text.on-selection", "current.ring": "color.interaction.focus.ring-container", "gap.text": "color.text.muted", "status.text": "color.text.default", "status.emphasis": "color.text.bright" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.emphasis", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.on-selection", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "motion.duration.fast", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.on-selection", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "motion.duration.fast", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.on-selection": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/pagination/", "files": { "runtime/register/pagination.js": "sha256-pgp0U5vF4tER52b++qgmdpAuRSmpiybgRt6HfLmtBqU=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/pagination.js": "sha256-cA5HgOV8vwVW371hS5HNnm/JgJlI6imHajGXQZlZat4=", "runtime/chunks/tables-B25ydUHs.js": "sha256-XqRdyfrSS93rVybWHq6a0WhrmZgaboHi5n8ymgwRbM8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-J6AIVbVHNyS581oA3enNH84ZCf3yRHxSsjlqUa9Z6d0=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-jp4BjPewAxszUnraKXf7iG6Zty7ZB7J8SdFyHQg7hL4=", "index.html": "sha256-/fV58cVZi1JLHRPrv8jsrMD51D/264mvCsNHTj4WEYM=", "README.md": "sha256-Vsz9ZZkLiXEkz6al9QIXGM56BLJRMyxAHyiDQHcQVBA=", "manifest.json": "sha256-8//b4Gtp81pVfgBkhPxHE2+HtGBDHIyakzEWXKvXvX0=" } } }, { "id": "sidebar-nav", "name": "Sidebar navigation", "version": "1.1.0", "tag": "j3w1-sidebar-nav", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/sidebar-nav.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/sidebar-nav", "register": "@j3w1/ui/register/sidebar-nav", "styles": "@j3w1/ui/styles/sidebar-nav.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Native details expansion when this component contains details.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-toggle", "detail": "{ id: string; expanded: boolean }", "description": "A native disclosure or navigation group changed." } ] }, "variants": [ { "id": "default", "name": "Default", "description": "Flat links plus one closed group." }, { "id": "collapsed", "name": "Collapsed", "description": "Icons only; labels stay in the DOM for assistive technology and as tooltips." }, { "id": "nested", "name": "Nested", "description": "A group expanded with its children indented." } ], "states": [ "default", "hover", "focus-visible", "current", "selected", "selected+container-inactive", "expanded", "collapsed" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.divider", "link.text": "color.text.default", "link.bg-hover": "color.interaction.hover.bg", "link.bg-pressed": "color.interaction.pressed.bg", "link.ring": "color.interaction.focus.ring", "link.indicator": "color.border.selected-indicator", "link.indicator-inactive": "color.border.selected-indicator-inactive", "current.text": "color.text.bright", "selected.bg": "color.interaction.selection.bg", "selected.text": "color.interaction.selection.text", "selected.ring": "color.interaction.focus.ring-container", "selected.inactive-bg": "color.interaction.selection.inactive-bg", "selected.inactive-text": "color.interaction.selection.inactive-text", "icon.stroke": "color.icon.default", "group.chevron": "color.icon.decorative" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.border.selected-indicator", "color.icon.decorative", "color.icon.default", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "icon.size.sm", "icon.stroke", "motion.duration.base", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.border.selected-indicator", "color.icon.decorative", "color.icon.default", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "icon.size.sm", "icon.stroke", "motion.duration.base", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.base": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/sidebar-nav/", "files": { "runtime/register/sidebar-nav.js": "sha256-X/t0V38SB2UnmTa0KqYTvD4OKdvRFtsN75azWmcPa90=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/sidebar-nav.js": "sha256-mjEhO+v3WNRg3F9uZXrcbzchVM0rsIBNDCcsUHcPVmA=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-daIsd5K5mOs8Mmspd3m8ktJKgxTzPCRGoQY/6MQCDww=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-LBoiPSLgtVIozM1wEFWbV78DaFWbIW+6OgOjaCSim8g=", "index.html": "sha256-iigY56T4Y5udSqoBZloU6658GNUHY+ynrBQSOg/+UIc=", "README.md": "sha256-JB/RobkeqciSPyUdgTEWpi1KfD2ETet15Ixru6y6CWI=", "manifest.json": "sha256-oUPWjMnAeaTkqTy2pJlPDdTRjnnAdorp5KllYZwTDQ8=" } } }, { "id": "toolbar", "name": "Toolbar", "version": "1.1.0", "tag": "j3w1-toolbar", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/toolbar.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/toolbar", "register": "@j3w1/ui/register/toolbar", "styles": "@j3w1/ui/styles/toolbar.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string; pressed: boolean }", "description": "A toggle action changed." } ] }, "variants": [ { "id": "default", "name": "Default" }, { "id": "overflow", "name": "Overflow", "description": "The trailing controls collapse behind a \"More\" menu button when the row is narrower than its contents." } ], "states": [ "default", "hover", "focus-visible", "disabled", "toggled" ], "dependencies": [ "menu" ], "tokens": { "root.bg": "color.surface.chrome", "root.border": "color.border.divider", "button.text": "color.text.default", "button.bg-hover": "color.interaction.hover.bg", "button.bg-pressed": "color.interaction.pressed.bg", "button.ring": "color.interaction.focus.ring", "button.text-disabled": "color.text.disabled", "toggled.bg": "color.interaction.pressed.bg", "toggled.border": "color.border.active", "toggled.text": "color.text.bright", "separator.color": "color.border.default", "more.chevron": "color.icon.decorative" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "menu" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.icon.decorative", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.chrome", "color.surface.default", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.icon.decorative", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.14", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.chrome", "color.surface.default", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.chrome": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/toolbar/", "files": { "runtime/register/toolbar.js": "sha256-OSMJIpjPl64KP4YMacdMSLwBugQjcBJHhX/8qyJT0aM=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/toolbar.js": "sha256-kXXDGKBQGMHOBqtqU/PkNLiE6IqmSmpM+fIk5GtzqrY=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "runtime/register/menu.js": "sha256-YX+9ydadaIbkPIBFhLWX4Jv3V9vIl4UY1qolxLGfZUg=", "runtime/components/menu.js": "sha256-NQt5bffpOdUkznku47XYc7hJlxaBYhkOcCskb/aJpbY=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-uTfyFdWFrx91RdklrAzqAHNf5B2q1psaqjlF71eT+Xc=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-MRU95stqvOm7gd3wzi8XadrYOLU9MRKqdwFO/bmSaPY=", "index.html": "sha256-qzep40OKd67lZTxeQflCRA+sfx2A6/zxVgtV4re8LgY=", "README.md": "sha256-enb7hx3FLsLUvv6A10xYsLtaymGYS+GiwT1ye8Qfs28=", "manifest.json": "sha256-hTI8QweEVdGHvUDE5jI4ya61+ajnBPGsd68M9S1tl+0=" } } }, { "id": "menu", "name": "Menu", "version": "1.1.0", "tag": "j3w1-menu", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/menu.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/menu", "register": "@j3w1/ui/register/menu", "styles": "@j3w1/ui/styles/menu.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Menu visibility.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(): void", "description": "Open and focus the first menu item." }, { "name": "hide", "signature": "(focus?: boolean): void", "description": "Close all menus, optionally restoring the trigger." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string; checked: boolean }", "description": "An enabled action or check item was invoked." } ] }, "variants": [ { "id": "default", "name": "Default", "description": "Actions with shortcuts and a separator." }, { "id": "with-submenu", "name": "With submenu", "description": "An item that opens a nested menu; aria-haspopup and a chevron." }, { "id": "with-checks", "name": "With checks", "description": "menuitemcheckbox items that toggle settings and show the ✓ glyph." } ], "states": [ "default", "hover", "focus-visible", "open", "closed", "disabled", "checked", "selected" ], "dependencies": [], "tokens": { "button.text": "color.text.default", "button.bg": "color.surface.default", "button.border": "color.border.control", "button.bg-hover": "color.interaction.hover.bg", "button.bg-open": "color.interaction.pressed.bg", "button.border-open": "color.border.active", "button.ring": "color.interaction.focus.ring", "surface.bg": "color.surface.raised", "surface.border": "color.border.overlay", "item.text": "color.text.default", "item.bg-hover": "color.interaction.hover.bg-strong", "item.text-hover": "color.text.link-hover", "item.text-disabled": "color.text.disabled", "active.bg": "color.interaction.selection.bg", "active.text": "color.interaction.selection.text", "active.ring": "color.interaction.focus.ring-container", "check.glyph": "color.text.bright", "shortcut.text": "color.text.muted", "separator.color": "color.border.divider", "chevron.color": "color.icon.decorative" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.icon.decorative", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.icon.decorative", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/menu/", "files": { "runtime/register/menu.js": "sha256-YX+9ydadaIbkPIBFhLWX4Jv3V9vIl4UY1qolxLGfZUg=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/menu.js": "sha256-NQt5bffpOdUkznku47XYc7hJlxaBYhkOcCskb/aJpbY=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-SIubQgNKqhuy1abCUQB+rvpnPXZTQ9fiW5Yb6XWT5MQ=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-0SXVO1pxUxzA5mgZzG5YXw21f3G/n81DtP3vy14Nv5M=", "index.html": "sha256-nwGZ4fZm7plv8ayxNa3zbvZ6jTO5Efxv0EvQBeohNN8=", "README.md": "sha256-b/XMkDJUQ6NS6u6xUA0Du6FFf6zzs85xzWGJp+ljr+c=", "manifest.json": "sha256-Bd/vW0DZwk8+5h28z1og/kxmdMN03qtLRfLUXZH0P/A=" } } }, { "id": "command-palette", "name": "Command palette", "version": "1.1.0", "tag": "j3w1-command-palette", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/command-palette.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/advanced.js", "imports": { "class": "@j3w1/ui/components/command-palette", "register": "@j3w1/ui/register/command-palette", "styles": "@j3w1/ui/styles/command-palette.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "shortcut", "description": "Opt in to Ctrl+K / Cmd+K; absence leaves global shortcuts to the host." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Native modal state.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(): void", "description": "Open and focus the command prompt." }, { "name": "close", "signature": "(): void", "description": "Close and restore the opener." } ], "events": [ { "name": "j3w1-command", "detail": "{ action: string; href: string | null }", "description": "Invoke the chosen command; prevent default to handle a result link yourself." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "open", "closed", "focus-visible", "no-results" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-border-overlay": "color.border.overlay", "dependency.role-color-border-selected-indicator": "color.border.selected-indicator", "dependency.role-color-interaction-selection-bg": "color.interaction.selection.bg", "dependency.role-color-interaction-selection-text": "color.interaction.selection.text", "dependency.role-color-surface-backdrop": "color.surface.backdrop", "dependency.role-color-surface-overlay": "color.surface.overlay", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-16": "space.16", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.overlay", "color.border.selected-indicator", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.backdrop", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.muted", "color.text.placeholder", "color.text.prose", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.48", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.overlay", "color.border.selected-indicator", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.black-65", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.52", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.backdrop", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.muted", "color.text.placeholder", "color.text.prose", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.size.ui-sm", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.48", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.backdrop": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.overlay": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.prose": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.48": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/command-palette/", "files": { "runtime/register/command-palette.js": "sha256-lGGoaVMCbjDzpQkjNlUs9K1jnmKtBfQi/K3dG35cCd0=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/command-palette.js": "sha256-sg8jI3kHUvzfoolgsTa237vGkiuJ170iZQSGckJIc7k=", "runtime/chunks/advanced-DCpe8Ndv.js": "sha256-nr1LFdLYsGeTM4vDyldvuJygRm0F04sYonxatySPu1g=", "runtime/chunks/markup-DeQ4bEMR.js": "sha256-Eyyx7MKBoqXK4i2HaVUQhKUM066L2wIggABt6jAdgas=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-t7Nx5bVz8i3o11i46wST9tQPTbjvJ21yoVfgMSGeZNM=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-mNRkLE+yYA4PARM4rv5bXDj90Oq8yxQLPgoUW8bX6ns=", "index.html": "sha256-I5o97Y3ykrn6MCqMmtWvFGTxDBltracgMFnF25iNwZk=", "README.md": "sha256-vrrB+J+2aLCVpBhq5lh2PLwqvO26EJMWJD1p4RVme6Q=", "manifest.json": "sha256-atufHAnthtyiUMsyzTzspODpfLtRhSM7G3fdIYV8KYo=" } } }, { "id": "tree", "name": "Tree", "version": "1.1.0", "tag": "j3w1-tree", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/tree.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/advanced.js", "imports": { "class": "@j3w1/ui/components/tree", "register": "@j3w1/ui/register/tree", "styles": "@j3w1/ui/styles/tree.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "selectedId", "type": "string", "description": "Selected treeitem ID.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "expand", "signature": "(id: string, expanded?: boolean): void", "description": "Expand or collapse a parent by ID." } ], "events": [ { "name": "j3w1-select", "detail": "{ id: string }", "description": "The user selected a visible enabled item." }, { "name": "j3w1-toggle", "detail": "{ id: string; expanded: boolean }", "description": "A parent expanded or collapsed." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "selected", "expanded", "collapsed", "focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-border-selected-indicator": "color.border.selected-indicator", "dependency.role-color-interaction-selection-bg": "color.interaction.selection.bg", "dependency.role-color-interaction-selection-text": "color.interaction.selection.text", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-16": "space.16", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.selected-indicator", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.selected-indicator", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/tree/", "files": { "runtime/register/tree.js": "sha256-xY8jWYnbMM8UlE/rdQJsu3/URGPvdUC06U1QmKsmFZQ=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/tree.js": "sha256-nIgebFZB9iXz61jIYQB1YK6Aqu0FCVdThEQM+EoFDKI=", "runtime/chunks/advanced-DCpe8Ndv.js": "sha256-nr1LFdLYsGeTM4vDyldvuJygRm0F04sYonxatySPu1g=", "runtime/chunks/markup-DeQ4bEMR.js": "sha256-Eyyx7MKBoqXK4i2HaVUQhKUM066L2wIggABt6jAdgas=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-CMMLz+0autEo86UbTxzkyHVpMoNtyKskesgbIua+YiQ=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-F1zSdM5xw3/jlndjR4iQRRyZ7K9gfkgofh1Oin9xUAo=", "index.html": "sha256-+NV68HiyyQfXclh/Z5F0O/9UwWGzR6RouwMjxM/4DZI=", "README.md": "sha256-T8VHHZkQG5awxTL0bO8/iuPRZvpY7DsMmcF4qcrZqQQ=", "manifest.json": "sha256-6Sx5Tp6euCZasf+SQhPXiDqDQyxyOrOfHJVspbNXusU=" } } }, { "id": "disclosure", "name": "Disclosure", "version": "1.1.0", "tag": "j3w1-disclosure", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/disclosure.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/navigation.js", "imports": { "class": "@j3w1/ui/components/disclosure", "register": "@j3w1/ui/register/disclosure", "styles": "@j3w1/ui/styles/disclosure.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Native details expansion when this component contains details.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-toggle", "detail": "{ id: string; expanded: boolean }", "description": "A native disclosure or navigation group changed." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "expanded", "collapsed", "focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-border-active": "color.border.active", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/disclosure/", "files": { "runtime/register/disclosure.js": "sha256-QAWXKSki5SRPPTshefR54Zy2gycHjHlG61aTWPL1Q4g=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/disclosure.js": "sha256-JudCC51xvMI8dhmi+Lau0Lc9GHLoEYLGsx4XY2VzUrQ=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-vVNjPU0AXLKLnxgRPgOVmN3dS6S3pxA6xLFfJFK8ex4=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-ZbpW/j8ZGKofIgL/uVEO47xXhxXmS2mrK5w32n/BWZA=", "index.html": "sha256-IGRscuNxsfbVQd8cDkiBz1/QAEamMHSToesnIwq38AU=", "README.md": "sha256-UmZDZ+G8OQnQx5Y6uH6K77FB7TxxStO0ucsKEAZd2wM=", "manifest.json": "sha256-ZNdbV48MLwIhLEw7F/Owtp3MKz24kUPgJnTMlY52/HQ=" } } }, { "id": "skip-link", "name": "Skip link", "version": "1.1.0", "tag": "j3w1-skip-link", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/skip-link.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/skip-link", "register": "@j3w1/ui/register/skip-link", "styles": "@j3w1/ui/styles/skip-link.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.surface.raised", "root.text": "color.text.bright", "root.border": "color.border.overlay", "root.ring": "color.interaction.focus.ring" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.overlay", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.raised", "color.text.bright", "color.text.default", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.16", "space.32", "space.4", "space.48", "space.8", "z.popover", "z.skip-link" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.overlay", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.raised", "color.text.bright", "color.text.default", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.16", "space.32", "space.4", "space.48", "space.8", "z.popover", "z.skip-link" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.48": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.skip-link": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/skip-link/", "files": { "runtime/register/skip-link.js": "sha256-J3W8TBKgxKkjPInemg2o0yMPFluGS5Q/lPN9NQYBXAo=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/skip-link.js": "sha256-cqiQ8j52K9/HNtVlsM37jpOHL1QTA70l72iSGyQ8fdg=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-KCkIExZyQJQhySZCEQIOrm9lPtDzOq95R9+IED0MI8A=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-TllH5VfEO0Xn2+KsNK2k/W4RJWPv9CVLWE38btvoOpw=", "index.html": "sha256-/HDnZh+ZTER/j0o82CsKR1s11+5KNWqzGpG3Q+RrG1Q=", "README.md": "sha256-3ec9LfyMEE2EcZKUqCjMX/WXj8CdGjHWTH8lvYaPZpA=", "manifest.json": "sha256-aj9Dx2HFDza3lNAnrOihRe+zFcUx3ZFFD2vXYgUcB0k=" } } }, { "id": "card", "name": "Card", "version": "1.1.0", "tag": "j3w1-card", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/card.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/card", "register": "@j3w1/ui/register/card", "styles": "@j3w1/ui/styles/card.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default", "description": "A static article; no hover, no focus." }, { "id": "link-card", "name": "Link card", "description": "The whole card is one anchor; hover fill and the container ring." }, { "id": "selectable", "name": "Selectable", "description": "Options in a listbox with aria-selected; the selection fill when chosen." } ], "states": [ "default", "hover", "focus-visible", "selected", "selected+focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.default", "root.bg-hover": "color.interaction.hover.bg", "root.border-hover": "color.border.control", "root.ring": "color.interaction.focus.ring-container", "title.text": "color.text.bright", "body.text": "color.text.default", "meta.text": "color.text.muted", "selected.bg": "color.interaction.selection.bg", "selected.text": "color.interaction.selection.text", "selected.ring": "color.interaction.focus.ring-container" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.default", "color.interaction.drop-target", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-padding-x", "density.compact.gap", "focus.offset-container", "focus.ring-container", "font.family.mono", "font.line-height.h3", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h3", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "motion.duration.fast", "radius.none", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.default", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-padding-x", "density.compact.gap", "focus.offset-container", "focus.ring-container", "font.family.mono", "font.line-height.h3", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h3", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "motion.duration.fast", "radius.none", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h3": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h3": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/card/", "files": { "runtime/register/card.js": "sha256-zbAWuZuKNPZkVbl9pW5S2Mzg9/mlHJ7BeQEgQAUhrlA=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/card.js": "sha256-bLtphh5p7JG6vIRMSE/VFxnAN+xoPM1koyBi2se1FP0=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-pfXQBPkrp6iF0OlQiLQh9DMUwtsCinOaL1HLAjlChII=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Rc0IwITP8X0cKscYMBt4LgzFbntPHkCAdDQ4xLh2LXs=", "index.html": "sha256-IvoBispcGfdc1cclMkSpIk4mImhXxUS8/bDAr0dLmcU=", "README.md": "sha256-inP7V5LCQ8vS/sQ+YOOqVuAGVCoemY+HFylySVb1Yi0=", "manifest.json": "sha256-gccZIzMSEUDk/WY7HqBYcDGS3eY/DukmL9/K4UzUaaI=" } } }, { "id": "list", "name": "List", "version": "1.1.0", "tag": "j3w1-list", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/list.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/list", "register": "@j3w1/ui/register/list", "styles": "@j3w1/ui/styles/list.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "single", "name": "Single", "description": "One option selected at a time." }, { "id": "multi", "name": "Multi", "description": "aria-multiselectable; several options selected, each with the check glyph." }, { "id": "with-meta", "name": "With metadata", "description": "A trailing metadata column in text.muted that switches to the on-fill text when selected." } ], "states": [ "default", "hover", "focus-visible", "selected", "selected+focus-visible", "selected+container-inactive", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.control", "row.text": "color.text.default", "row.bg-hover": "color.interaction.hover.bg", "row.divider": "color.border.divider", "row.ring": "color.interaction.focus.ring", "row.text-disabled": "color.text.disabled", "selected.bg": "color.interaction.selection.bg", "selected.text": "color.interaction.selection.text", "selected.ring": "color.interaction.focus.ring-container", "selected.inactive-bg": "color.interaction.selection.inactive-bg", "selected.inactive-text": "color.interaction.selection.inactive-text", "check.glyph": "color.interaction.selection.text", "meta.text": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "motion.duration.fast", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "motion.duration.fast", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/list/", "files": { "runtime/register/list.js": "sha256-wbjYHGmbf46FoJiajI+Z127P5eUpLr9c6BSonN2FqnQ=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/list.js": "sha256-fefceTG3ApEywY7qbWKViznmjpE6t/tjCid9N5RyyQE=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-MSEasr2r2kyu8iJSxcX+m4nWTD2FHPKwBU7K8T/9844=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-tiKX+fFUPCsBJEryliaQ7y9RhU4zlh8aEqMJ0aSO8Lk=", "index.html": "sha256-sY1ilmVvk6pArKOSGuz/1p4PN883f3mu5PXF1sOLwX4=", "README.md": "sha256-cKWAYf0ErRCTUKf93mUP13ODWsuLtU4+TqzJGMEfotk=", "manifest.json": "sha256-44DVgHtFyT5pnF9aa59IdCx7E1J+vTR50Vxg15iprIE=" } } }, { "id": "description-list", "name": "Description list", "version": "1.1.0", "tag": "j3w1-description-list", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/description-list.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/description-list", "register": "@j3w1/ui/register/description-list", "styles": "@j3w1/ui/styles/description-list.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "stacked" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-border-divider": "color.border.divider", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-4": "space.4", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/description-list/", "files": { "runtime/register/description-list.js": "sha256-yhsiXjAR6wy2d0ePQtFlXsvPwWsBDWwuJiOZu/UqR1g=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/description-list.js": "sha256-y9jpnuOWccurpp5BHo/yS5/oANf8LSwnC3H8CQJ2WeM=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-MvWyrX2+45DLgWL1ZxTdk0IFVjl5WyfGYZdOYpIeoak=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-h2HPGz9Kz0LvMiuTC767wAQvYHOVVmffDECwh46tG0c=", "index.html": "sha256-mGxvifjxa5eFOtCBUQR3P/9IKtYsKd4nsTfWb9+u9w0=", "README.md": "sha256-nGr+WdxUEoG507EsbyAXCHlF2ry+9W9gr/6Bn0JbtAk=", "manifest.json": "sha256-VJRLAbCZOeezYKm9WKqVwdhtImhK1KIu8s3Nu8v91A0=" } } }, { "id": "badge", "name": "Badge", "version": "1.1.0", "tag": "j3w1-badge", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/badge.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/badge", "register": "@j3w1/ui/register/badge", "styles": "@j3w1/ui/styles/badge.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "status", "name": "Status", "description": "The five statuses danger, warning, success, info and neutral, each filled and carrying its glyph." }, { "id": "count", "name": "Count", "description": "A number on the primary action fill with a visually hidden unit." }, { "id": "outline", "name": "Outline", "description": "No fill; the status text colour and a 1px status border." } ], "states": [ "default", "empty" ], "dependencies": [], "tokens": { "danger.bg": "color.status.danger.fill", "danger.text": "color.status.danger.on-fill", "danger.border": "color.status.danger.border", "danger.outline-text": "color.status.danger.text", "warning.bg": "color.status.warning.fill", "warning.text": "color.status.warning.on-fill", "warning.border": "color.status.warning.border", "warning.outline-text": "color.status.warning.text", "success.bg": "color.status.success.fill", "success.text": "color.status.success.on-fill", "success.border": "color.status.success.border", "success.outline-text": "color.status.success.text", "info.bg": "color.status.info.fill", "info.text": "color.status.info.on-fill", "info.border": "color.status.info.border", "info.outline-text": "color.status.info.text", "neutral.bg": "color.status.neutral.fill", "neutral.text": "color.status.neutral.on-fill", "neutral.border": "color.status.neutral.border", "neutral.outline-text": "color.status.neutral.text", "count.bg": "color.action.primary.bg", "count.text": "color.action.primary.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.text", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.fill", "color.status.danger.on-fill", "color.status.danger.text", "color.status.info.border", "color.status.info.fill", "color.status.info.on-fill", "color.status.info.text", "color.status.neutral.border", "color.status.neutral.fill", "color.status.neutral.on-fill", "color.status.neutral.text", "color.status.success.border", "color.status.success.fill", "color.status.success.on-fill", "color.status.success.text", "color.status.warning.border", "color.status.warning.fill", "color.status.warning.on-fill", "color.status.warning.text", "color.surface.canvas", "color.text.bright", "color.text.default", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.size.caption", "font.size.ui-md", "font.weight.bold", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.text", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.amber.500", "color.primitive.blue.500", "color.primitive.green.500", "color.primitive.ink.0", "color.primitive.ink.20", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.fill", "color.status.danger.on-fill", "color.status.danger.text", "color.status.info.border", "color.status.info.fill", "color.status.info.on-fill", "color.status.info.text", "color.status.neutral.border", "color.status.neutral.fill", "color.status.neutral.on-fill", "color.status.neutral.text", "color.status.success.border", "color.status.success.fill", "color.status.success.on-fill", "color.status.success.text", "color.status.warning.border", "color.status.warning.fill", "color.status.warning.on-fill", "color.status.warning.text", "color.surface.canvas", "color.text.bright", "color.text.default", "font.family.mono", "font.line-height.caption", "font.line-height.ui-md", "font.size.caption", "font.size.ui-md", "font.weight.bold", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.on-fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.on-fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.on-fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.on-fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.on-fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/badge/", "files": { "runtime/register/badge.js": "sha256-v2MgL8efVFZ4zJl9rvTmIYZxswZz69oeyrHTaYTAojs=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/badge.js": "sha256-+HoTjLAf0oBaGICKlXT3r4HNjs/LGZhfauZVStnXCm8=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-K2TPkFZfKUt35HniL/ub9icdMukZ7wCx0S5+D1FOv8Y=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-rXaOLdDbEK5SMtYsw5TegOMtcnLijmgtU07RVrvJx8o=", "index.html": "sha256-adxgp7aQqS8TWwQ8h7ZunxvDdJpxjaS8oGagTh0d+s0=", "README.md": "sha256-1envbLQ28FahcjF1v/QTDE9dCQUsk0jPD2stXScDxOI=", "manifest.json": "sha256-GgiuTZd8w1hCfjHdwVB0Ncy3CpYeSrf9loS1rSoxL38=" } } }, { "id": "chip", "name": "Chip", "version": "1.1.0", "tag": "j3w1-chip", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/chip.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/chip", "register": "@j3w1/ui/register/chip", "styles": "@j3w1/ui/styles/chip.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "dismiss", "signature": "(id?: string): void", "description": "Dismiss a message; focused actions move to the next available control." } ], "events": [ { "name": "j3w1-dismiss", "detail": "{ id: string }", "description": "Cancelable message dismissal." }, { "name": "j3w1-retry", "detail": "Record", "description": "Request recovery; the host owns the result." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit message action." } ] }, "variants": [ { "id": "filter", "name": "Filter", "description": "A toggle button with aria-pressed; selected chips filter the view." }, { "id": "removable", "name": "Removable", "description": "A value with a labelled × button that removes it." }, { "id": "static", "name": "Static", "description": "A read-only tag; no hover, no focus." } ], "states": [ "default", "hover", "focus-visible", "selected", "selected+focus-visible", "disabled" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.control", "root.text": "color.text.default", "root.bg-hover": "color.interaction.hover.bg", "root.bg-pressed": "color.interaction.pressed.bg", "root.ring": "color.interaction.focus.ring", "root.text-disabled": "color.text.disabled", "root.border-disabled": "color.border.disabled", "root.bg-disabled": "color.interaction.disabled.bg", "selected.bg": "color.interaction.selection.bg", "selected.text": "color.interaction.selection.text", "selected.ring": "color.interaction.focus.ring-container", "remove.text": "color.text.muted", "remove.text-hover": "color.text.bright", "remove.bg-hover": "color.interaction.hover.bg-strong" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/chip/", "files": { "runtime/register/chip.js": "sha256-nhg2cNNdf2EtWAVdLGFMWDTHx5f02Oe0Zf06cTV+sY8=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/chip.js": "sha256-znyb4WiuN8W/fPnOVX8NXKO7NlHmj7+mJr1uscLyTRE=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-nKS3XC8eLjQCMMZHRRKSiHiaNGZgYD6CXzVULJoDU3g=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-yjXdYrZ4DqpcZ/ZDGxD0cgfYY/xqj0qeSkX1dJmVhfY=", "index.html": "sha256-w6jTubEaofdbvKO8llTmtTpw3a/ixglUtu1tDybz2iY=", "README.md": "sha256-SHqrKqBRZjvWTzo5+zoGe64YWcoYMhS2S2ZQPrlWnAY=", "manifest.json": "sha256-GbRdEoBGP9z7TGx2nfedBQ3p1WKanpdUWc0aP82Tt/s=" } } }, { "id": "avatar", "name": "Avatar", "version": "1.1.0", "tag": "j3w1-avatar", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/avatar.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/avatar", "register": "@j3w1/ui/register/avatar", "styles": "@j3w1/ui/styles/avatar.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." }, { "name": "src", "description": "Optional caller-owned image URL." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "src", "type": "string", "description": "Image URL; empty restores initials.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "loading", "error" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-font-weight-bold": "font.weight.bold", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-32": "space.32" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.default", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "radius.none", "space.12", "space.2", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.text.default", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "radius.none", "space.12", "space.2", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/avatar/", "files": { "runtime/register/avatar.js": "sha256-5DYNLWi7ycaPY4mr7DXYNOCVEbo97Pnr3INC7MFexbM=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/avatar.js": "sha256-Zs/V/9tOhOWUTCyUK5OV0HvHvGmy1UFuh5OQbZBzJG0=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-XYCR7yVoWMnpJrQG4A+pL3xESyHR6OKMuwJfZGgDpKA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-R1Q+6UFu76jOlVP9cadBrMxVS3+Yb2JgIDkcnKxWvtk=", "index.html": "sha256-6wIoUvdBP1c8DCQbO8yN3AbgSvI4jPyNvKs6IYYA/7o=", "README.md": "sha256-RkWpkW4Pq+JKyqolbeB53p1WdofFqlctYk3s6i2Eokw=", "manifest.json": "sha256-0QSPb+d9y3MTjKRM/f/x5F/Hq2Tj0os3Aqm18ppAvic=" } } }, { "id": "table", "name": "Table", "version": "1.1.0", "tag": "j3w1-table", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/table.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/tables.js", "imports": { "class": "@j3w1/ui/components/table", "register": "@j3w1/ui/register/table", "styles": "@j3w1/ui/styles/table.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "sort", "signature": "(column: number, direction?: 'ascending' | 'descending'): void", "description": "Sort existing native rows by a column." }, { "name": "filter", "signature": "(query: string): void", "description": "Filter existing rows by literal text." } ], "events": [ { "name": "j3w1-sort", "detail": "{ column: number; direction: string }", "description": "The user requested sorting." }, { "name": "j3w1-selection", "detail": "{ ids: string[] }", "description": "Selected row identities changed." } ] }, "variants": [ { "id": "default", "name": "Default", "description": "A 1px border.strong header rule on the panel surface." }, { "id": "sticky-header", "name": "Sticky header", "description": "The header stays at the top of the scroll container with a 2px border.strong rule." }, { "id": "numeric", "name": "Numeric", "description": "Right-aligned tabular numbers in numeric columns." }, { "id": "with-caption", "name": "With caption", "description": "A visible caption above the table that names it." } ], "states": [ "default", "hover", "selected", "selected+focus-visible", "selected+container-inactive", "sorted", "empty", "loading" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "header.text": "color.text.bright", "header.bg": "color.surface.default", "header.rule": "color.border.strong", "header.bg-sticky": "color.surface.raised", "sort.glyph": "color.text.bright", "sort.ring": "color.interaction.focus.ring", "row.text": "color.text.default", "row.divider": "color.border.divider", "row.bg-hover": "color.interaction.hover.bg", "selected.bg": "color.interaction.selection.bg", "selected.text": "color.interaction.selection.text", "selected.ring": "color.interaction.focus.ring-container", "selected.inactive-bg": "color.interaction.selection.inactive-bg", "selected.inactive-text": "color.interaction.selection.inactive-text", "caption.text": "color.text.muted", "empty.text": "color.text.muted", "loading.glyph": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.border.strong", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.border.strong", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/table/", "files": { "runtime/register/table.js": "sha256-MdQKdnzPN7NGGdLpVWq6qbgJvHQFdZaIpYLaOLJxRfo=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/table.js": "sha256-ZTU+9vXRHNEG1/Z1uzVY75GvMHC3iBu0itrofO3u1HA=", "runtime/chunks/tables-B25ydUHs.js": "sha256-XqRdyfrSS93rVybWHq6a0WhrmZgaboHi5n8ymgwRbM8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-ZLczhksx4+OpxZGChcR6o/jBIHldhOt8XpRDJPyDfeU=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-eTlfzsTldT7TjA25qNYpX+MAAskuYiA9Y+zZW9/B+MU=", "index.html": "sha256-wHPL38nEdZyiESe+MlLb9ZgRLg+MfbRXMzN538tD0pE=", "README.md": "sha256-/7KUk3hnLFiVpxOL+IJIiyeOHdnVeP46GB4/wCKNQk8=", "manifest.json": "sha256-P16v9RSe4puOWGHEDdLNmu22jS7G/NHzb7CPjukif+o=" } } }, { "id": "data-table", "name": "Data table", "version": "1.1.0", "tag": "j3w1-data-table", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/data-table.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/tables.js", "imports": { "class": "@j3w1/ui/components/data-table", "register": "@j3w1/ui/register/data-table", "styles": "@j3w1/ui/styles/data-table.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "selectedIds", "type": "string[]", "description": "Stable selected row IDs.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "sort", "signature": "(column: number, direction?: 'ascending' | 'descending'): void", "description": "Sort existing native rows by a column." }, { "name": "filter", "signature": "(query: string): void", "description": "Filter existing rows by literal text." } ], "events": [ { "name": "j3w1-sort", "detail": "{ column: number; direction: string }", "description": "The user requested sorting." }, { "name": "j3w1-selection", "detail": "{ ids: string[] }", "description": "Selected row identities changed." } ] }, "variants": [ { "id": "default", "name": "Default", "description": "Sortable headers and focusable rows." }, { "id": "selectable", "name": "Selectable", "description": "A leading checkbox column; the header select-all shown in the mixed state." }, { "id": "resizable", "name": "Resizable", "description": "A static resize handle at the end of every header cell." } ], "states": [ "default", "hover", "focus-visible", "selected", "selected+focus-visible", "sorted", "mixed", "empty", "loading" ], "dependencies": [ "menu" ], "tokens": { "root.bg": "color.surface.default", "header.text": "color.text.bright", "header.rule": "color.border.strong", "sort.glyph": "color.text.bright", "row.text": "color.text.default", "row.divider": "color.border.divider", "row.bg-hover": "color.interaction.hover.bg", "row.ring": "color.interaction.focus.ring", "selected.bg": "color.interaction.selection.bg", "selected.text": "color.interaction.selection.text", "selected.ring": "color.interaction.focus.ring-container", "checkbox.bg": "color.surface.input", "checkbox.border": "color.border.control", "checkbox.checked-bg": "color.action.primary.bg", "checkbox.glyph": "color.action.primary.text", "resize.handle": "color.border.default", "resize.handle-hover": "color.border.active", "empty.text": "color.text.muted", "loading.glyph": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "menu" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.strong", "color.icon.decorative", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.strong", "color.icon.decorative", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/data-table/", "files": { "runtime/register/data-table.js": "sha256-BtE8hPANffhtRYhX+PBKWwtZUJMtlvG/m3ctxaSCwTU=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/register/menu.js": "sha256-YX+9ydadaIbkPIBFhLWX4Jv3V9vIl4UY1qolxLGfZUg=", "runtime/components/menu.js": "sha256-NQt5bffpOdUkznku47XYc7hJlxaBYhkOcCskb/aJpbY=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "runtime/components/data-table.js": "sha256-PxMhBpEL1N+PhNyDTCFqYAYy5YBOeIgOVzUkyYDMdx0=", "runtime/chunks/tables-B25ydUHs.js": "sha256-XqRdyfrSS93rVybWHq6a0WhrmZgaboHi5n8ymgwRbM8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-aygLfHiZmFXenQHQrHnjVcw8W0tp2SLdB7d/laGcKgA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-FieIuPCt66UIxpdAH0wuPBOrPEVXUqjJfyWMyCdO9nI=", "index.html": "sha256-wxdZWAwB7Q/aPOpcvws/xlqJAMNO1twAxfHnSVMuNlo=", "README.md": "sha256-n/H2aQZIDIRjIX6zV+NkZrCj10yokJ29h1QuKMBfIPE=", "manifest.json": "sha256-SVrIEeyrXFyIyxAQkhBjmkWVkYt0Y7NHvulu2rCHYXI=" } } }, { "id": "timeline", "name": "Timeline", "version": "1.1.0", "tag": "j3w1-timeline", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/timeline.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/timeline", "register": "@j3w1/ui/register/timeline", "styles": "@j3w1/ui/styles/timeline.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "current" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-border-active": "color.border.active", "dependency.role-color-border-divider": "color.border.divider", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-4": "space.4" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/timeline/", "files": { "runtime/register/timeline.js": "sha256-DmcJVvF9PvFZM0ka0qgQH9L6lE7TCHhDf56kHMV+SA4=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/timeline.js": "sha256-HsFSGP8vcCudCcxoR4C3x32RLseS9AzDntg0B0Vze8Q=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-VnvBxMC1c6IWen0gQ3RLi0m3FOelH4E8j4xG+B5Zoas=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-pj/LmsP7e5l3NZI2ZWOLcerU4j0Vn1w2EloUpExz0nw=", "index.html": "sha256-Ob/LUhVAfw+2yZ5HV+/MpGcf5gBqNfOvKXpabGlMOEs=", "README.md": "sha256-VOPWR6Pg/kOdbF64oLk6Bqcr1RfoJDoJWeKBUiOI5LQ=", "manifest.json": "sha256-Pt7vqon6oszWimR/eOwU7cuz5KJsse6u7JGW/kZTzGI=" } } }, { "id": "chart", "name": "Chart", "version": "1.1.0", "tag": "j3w1-chart", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/chart.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/chart", "register": "@j3w1/ui/register/chart", "styles": "@j3w1/ui/styles/chart.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "data", "type": "Array<{ label: string; value: number }>", "description": "Finite non-negative one-series data; at most 200 rows.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "empty", "loading" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-chart-axis": "color.chart.axis", "dependency.role-color-chart-grid": "color.chart.grid", "dependency.role-color-chart-label": "color.chart.label", "series.primary": "color.chart.series-2", "header.text": "color.text.bright", "row.text": "color.text.default", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.chart.axis", "color.chart.grid", "color.chart.label", "color.chart.series-2", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.chart.axis", "color.chart.grid", "color.chart.label", "color.chart.series-2", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.chart.axis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.grid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.label": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.series-2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/chart/", "files": { "runtime/register/chart.js": "sha256-5iBwKSjcyRylARXTeL2emhbuI2FCMQ757IBdPqFnU0U=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/chart.js": "sha256-GRtY+OdW2g4EXHkzxVQ6CpCWxgieBnh9QtfYhimsOr0=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-/W9/IEOepx6zAHtGcRJs1x0lwfMFkVEiYDCV4y4byXw=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Wk7EuPuisom2ohEBkZvcgafrpN7xXzlCUaNrWq7BZEA=", "index.html": "sha256-HuXni+L2aI7ES/QsPUPIODbff80dbY+jNFEIzyVxLFg=", "README.md": "sha256-kOBl9vRqb90pgO9gGRg7H9FWX4udvK2NehrOK07fBnE=", "manifest.json": "sha256-Jv1O0n0XP7KdGWI6RuzLYvGQAzZshUPdkO1ODJD+us0=" } } }, { "id": "kbd", "name": "Keyboard key", "version": "1.1.0", "tag": "j3w1-kbd", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/kbd.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/kbd", "register": "@j3w1/ui/register/kbd", "styles": "@j3w1/ui/styles/kbd.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-4": "space.4" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.default", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.text.default", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/kbd/", "files": { "runtime/register/kbd.js": "sha256-bIqjf3wmYiE5WXjgu0PbMLOsZ/LIWT+En7xpv6yWDNQ=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/kbd.js": "sha256-djauaA0SWCUvrcBCgf3HV5YawhrdsaXZcnGZM14TGmA=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-sKesLjkvspbpsD6walvgEF0NFv1fsIWXNbBy+hhtAUE=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-tpH9QDJi6WP1xXEjkGhicB0miKDe2fe69wAALVp2X5A=", "index.html": "sha256-n95EF5vEOXJJV0vVrIVOke9WC7Ja83CiFAFm4jiOY3w=", "README.md": "sha256-+oFdUwIZ0B1EfnwenKDFtc+38ZSB6zKQODnhQN9qYHg=", "manifest.json": "sha256-lDbDkm1jG7nRolnC3DXpRaxTT6a8G+vDRwylBAhMjYk=" } } }, { "id": "alert", "name": "Alert", "version": "1.1.0", "tag": "j3w1-alert", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/alert.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/alert", "register": "@j3w1/ui/register/alert", "styles": "@j3w1/ui/styles/alert.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "dismiss", "signature": "(id?: string): void", "description": "Dismiss a message; focused actions move to the next available control." } ], "events": [ { "name": "j3w1-dismiss", "detail": "{ id: string }", "description": "Cancelable message dismissal." }, { "name": "j3w1-retry", "detail": "Record", "description": "Request recovery; the host owns the result." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit message action." } ] }, "variants": [ { "id": "danger", "name": "Danger" }, { "id": "warning", "name": "Warning" }, { "id": "success", "name": "Success" }, { "id": "info", "name": "Info" }, { "id": "neutral", "name": "Neutral" }, { "id": "dismissible", "name": "Dismissible" } ], "states": [ "default", "hover", "focus-visible" ], "dependencies": [], "tokens": { "danger.bg": "color.status.danger.tint", "danger.border": "color.status.danger.border", "danger.text": "color.status.danger.text", "warning.bg": "color.status.warning.tint", "warning.border": "color.status.warning.border", "warning.text": "color.status.warning.text", "success.bg": "color.status.success.tint", "success.border": "color.status.success.border", "success.text": "color.status.success.text", "info.bg": "color.status.info.tint", "info.border": "color.status.info.border", "info.text": "color.status.info.text", "neutral.bg": "color.status.neutral.tint", "neutral.border": "color.status.neutral.border", "neutral.text": "color.status.neutral.text", "body.text": "color.text.default", "close.text": "color.action.tertiary.text", "close.bg-hover": "color.action.tertiary.hover-bg", "close.ring": "color.interaction.focus.ring" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.status.danger.tint", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.text.default", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "icon.size.md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.amber.500", "color.primitive.amber.tint", "color.primitive.blue.500", "color.primitive.blue.tint", "color.primitive.green.500", "color.primitive.green.tint", "color.primitive.ink.0", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.status.danger.border", "color.status.danger.text", "color.status.danger.tint", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.text.default", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "icon.size.md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/alert/", "files": { "runtime/register/alert.js": "sha256-da/DH6uAJcK9QeCEbqBELiYsVrWkN9elrGzFJKH78ZI=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/alert.js": "sha256-UNfV0kuEmpHLrLOd3LkaWiVd08DHtRq5VNAct19uHwo=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-cEV4WAKxLNKgYY5pU9nDVSG4toj5mM7vGZwyE+6Ui8o=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-QUAq9dxIFB1jlxB27CrSrEZKRLa4rC6qRLbWmR2t/ug=", "index.html": "sha256-F+j2IXSP/bqqvJ5iiyqLOkHvIuLBvN0FsF+7CX+ZhVs=", "README.md": "sha256-Fu9VZQnaRnnEe8qJQYUSBYbnTBW6o/sJylMkufnLOqk=", "manifest.json": "sha256-TXDlN/5ofKA61svC+ndkxQnDEwWPSrmnfS3SBlE8sL0=" } } }, { "id": "toast", "name": "Toast", "version": "1.1.0", "tag": "j3w1-toast", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/toast.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/toast", "register": "@j3w1/ui/register/toast", "styles": "@j3w1/ui/styles/toast.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "dismiss", "signature": "(id?: string): void", "description": "Dismiss a message; focused actions move to the next available control." } ], "events": [ { "name": "j3w1-dismiss", "detail": "{ id: string }", "description": "Cancelable message dismissal." }, { "name": "j3w1-retry", "detail": "Record", "description": "Request recovery; the host owns the result." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit message action." } ] }, "variants": [ { "id": "default", "name": "Plain" }, { "id": "status", "name": "Five statuses stacked" }, { "id": "with-action", "name": "With action" } ], "states": [ "default", "hover", "focus-visible", "stacked", "reduced-motion" ], "dependencies": [], "tokens": { "root.bg": "color.surface.canvas", "root.border": "color.border.overlay", "root.text": "color.text.default", "glyph.text": "color.status.info.text", "warning.bg": "color.status.warning.tint", "warning.border": "color.status.warning.border", "warning.text": "color.status.warning.text", "success.bg": "color.status.success.tint", "success.border": "color.status.success.border", "success.text": "color.status.success.text", "info.bg": "color.status.info.tint", "info.border": "color.status.info.border", "info.text": "color.status.info.text", "neutral.bg": "color.status.neutral.tint", "neutral.border": "color.status.neutral.border", "neutral.text": "color.status.neutral.text", "danger.bg": "color.status.danger.fill", "danger.text": "color.status.danger.on-fill", "danger.button-bg-hover": "color.action.destructive.pressed-bg", "action.text": "color.text.link", "action.bg-hover": "color.interaction.hover.bg-strong", "action.text-hover": "color.text.link-hover", "close.text": "color.action.tertiary.text", "close.bg-hover": "color.action.tertiary.hover-bg", "close.ring": "color.interaction.focus.ring", "count.text": "color.text.muted", "stack.z": "z.toast" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.pressed-bg", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.overlay", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.fill", "color.status.danger.on-fill", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.link-underline", "color.text.muted", "focus.offset", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "motion.duration.slow", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover", "z.toast" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.pressed-bg", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.overlay", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.amber.500", "color.primitive.amber.tint", "color.primitive.blue.500", "color.primitive.blue.tint", "color.primitive.green.500", "color.primitive.green.tint", "color.primitive.ink.0", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.350", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.status.danger.border", "color.status.danger.fill", "color.status.danger.on-fill", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.link-underline", "color.text.muted", "focus.offset", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "motion.duration.slow", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover", "z.toast" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.on-fill": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.slow": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.toast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/toast/", "files": { "runtime/register/toast.js": "sha256-IdIE1uz4eUV1mu94jhavw3kQx9Omawr6aMO+ij/EIRU=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/toast.js": "sha256-+n/1MOrKygbjLSnWJFbiw6rQUue5HAdD9vSpAmjdBV8=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-dMp7q8HbznH2LxwbeRaoK7WL/2M2GeVwkitql3aJ3GE=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-2DXrOBOlEPzc9p3N5SEbw98qHHSMYTxlOnR6gT91kkU=", "index.html": "sha256-UfXmgxl10YQJyIiSccW0Sy7gHSjlICq9a865B0vR+7Q=", "README.md": "sha256-F2/DitrJm7vSGeG3AGqGeBKLC09BUeat+WvnrTCSd8Q=", "manifest.json": "sha256-akOatQugYaD8goAtJoaoQ3uZl1GtgkMzGWIRldv6Pig=" } } }, { "id": "progress", "name": "Progress", "version": "1.1.0", "tag": "j3w1-progress", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/progress.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/progress", "register": "@j3w1/ui/register/progress", "styles": "@j3w1/ui/styles/progress.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "determinate", "name": "Determinate" }, { "id": "indeterminate", "name": "Indeterminate" }, { "id": "with-label", "name": "With detail line" } ], "states": [ "default", "busy", "error", "reduced-motion" ], "dependencies": [], "tokens": { "track.bg": "color.interaction.pressed.bg", "track.border": "color.border.control", "value.bg": "color.action.primary.bg", "value.bg-error": "color.status.danger.fill", "stripe.a": "color.action.primary.bg", "stripe.b": "color.interaction.pressed.bg", "label.text": "color.text.bright", "value.text": "color.text.default", "detail.text": "color.text.muted", "error.text": "color.status.danger.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.emphasis", "color.action.primary.bg", "color.interaction.drop-target", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.text", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.emphasis", "color.action.primary.bg", "color.interaction.drop-target", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.text", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.muted", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "radius.none", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/progress/", "files": { "runtime/register/progress.js": "sha256-wcMNQVWBoGiWoasImip5urxM4QZkIIiDqdTbDHFb09c=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/progress.js": "sha256-aGu11KiG4h3TkOgdtVcbCODalXtNY5IPWnrWYbZ3XDA=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-qVh6/s9QPg2t6WrczrtP5i8fP1blV8a6S9OZUF5oJdY=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Bm2XYmsDcMrSYl/yKw1emmfA++ea/EjE5wzSjdg0eyw=", "index.html": "sha256-PMCQa/n0AlL1bSbPiT96VPfHTQgJmUowUoHElZGYf5k=", "README.md": "sha256-OFUPniQRr03Y0R3KYD0Qs0jNNJeeLOVvGYYGNKPAPL4=", "manifest.json": "sha256-LrIBVITpCpwJ3zwWFdd/1TaS3S3dXNC8dWJJckQzw6M=" } } }, { "id": "loading-indicator", "name": "Loading indicator", "version": "1.1.0", "tag": "j3w1-loading-indicator", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/loading-indicator.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/loading-indicator", "register": "@j3w1/ui/register/loading-indicator", "styles": "@j3w1/ui/styles/loading-indicator.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "inline", "name": "Inline" }, { "id": "block", "name": "Block" } ], "states": [ "default", "reduced-motion" ], "dependencies": [], "tokens": { "glyph.text": "color.text.muted", "label.text": "color.text.default", "block.bg": "color.surface.default", "block.border": "color.border.divider" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.muted", "density.comfortable.row-height", "density.compact.row-height", "font.family.mono", "font.line-height.h1", "font.line-height.ui-md", "font.size.h1", "font.size.ui-md", "font.weight.bold", "radius.none", "space.1", "space.16", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.divider", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.600", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.text.default", "color.text.muted", "density.comfortable.row-height", "density.compact.row-height", "font.family.mono", "font.line-height.h1", "font.line-height.ui-md", "font.size.h1", "font.size.ui-md", "font.weight.bold", "radius.none", "space.1", "space.16", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/loading-indicator/", "files": { "runtime/register/loading-indicator.js": "sha256-4wKk+e/O8cCnxAR2RouY4I5/K1UuOcPjh3ehR7I9oqo=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/loading-indicator.js": "sha256-43qt9UyLFtkGEUG4XGI6PDsGrBDnUCYPY8z6sDHo/kQ=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-eNbtRNqnJDdDaKs9tYapfgCNRwMffdQ7e2TqjrYuL6w=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-yiCrGr/OXo7SakIH4qRV3wDHbj09EqyJ2F7eTQHbnbc=", "index.html": "sha256-MGxeLPPCJTIT6qFSP0xS4GBpdzFTGjBojEELvbNO6VY=", "README.md": "sha256-m1DEfIQ5Hcfrrr0QAKvw7hr9UZDBtQHElY1PMC66bys=", "manifest.json": "sha256-3tf92MO381gD18FdewwUI4Hi8187JWDZrqQ00GgvYkc=" } } }, { "id": "skeleton", "name": "Skeleton", "version": "1.1.0", "tag": "j3w1-skeleton", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/skeleton.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/native.js", "imports": { "class": "@j3w1/ui/components/skeleton", "register": "@j3w1/ui/register/skeleton", "styles": "@j3w1/ui/styles/skeleton.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "loading", "reduced-motion" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-border-divider": "color.border.divider", "dependency.role-color-surface-raised": "color.surface.raised", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-16": "space.16", "dependency.role-space-2": "space.2" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.raised", "color.text.default", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.surface.raised", "color.text.default", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/skeleton/", "files": { "runtime/register/skeleton.js": "sha256-LZWZWuDy/lr/JDq+2VL59KCkU2EurStRQaUsuNF4US4=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/skeleton.js": "sha256-+qfcJoNXq2jMQ9rQcaRj0u4P2KEpi4Vrcw7JFXqdxzI=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-JI92x7GOktbjpIm0AQnODJ4rVTJnEQA4DLP34bflM4k=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-/g7jxryHfbaG3yxoxK8NfCh2k5U92wPPELD/107+2Ps=", "index.html": "sha256-wOHcfVLjvDJzcjrxHt2FdIU6zvsgQKyM+mk68FWiW1g=", "README.md": "sha256-HKR2PKw2WtP3pTtbgXbgufNT+x1VNU0eYIdNdcv83BI=", "manifest.json": "sha256-VIkvAuY3rY4UTkvuUhnqAsJmn2Z0o4EZncOfnnD+77Q=" } } }, { "id": "tooltip", "name": "Tooltip", "version": "1.1.0", "tag": "j3w1-tooltip", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/tooltip.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/tooltip", "register": "@j3w1/ui/register/tooltip", "styles": "@j3w1/ui/styles/tooltip.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Current tooltip visibility.", "controller": true, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(): void", "description": "Show the description unless dismissed in this hover/focus session." }, { "name": "hide", "signature": "(): void", "description": "Hide and cancel pending timers." } ], "events": [] }, "variants": [ { "id": "default", "name": "Description" }, { "id": "with-shortcut", "name": "With shortcut" } ], "states": [ "default", "hover", "focus-visible", "open", "closed" ], "dependencies": [], "tokens": { "popup.bg": "color.surface.raised", "popup.border": "color.border.overlay", "popup.text": "color.text.default", "shortcut.text": "color.text.bright", "shortcut.border": "color.border.control", "trigger.text": "color.action.tertiary.text", "trigger.bg-hover": "color.action.tertiary.hover-bg", "trigger.ring": "color.interaction.focus.ring", "popup.z": "z.popover" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.control", "color.border.overlay", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.raised", "color.text.bright", "color.text.default", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.control", "color.border.overlay", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.raised", "color.text.bright", "color.text.default", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "motion.duration.fast", "radius.none", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/tooltip/", "files": { "runtime/register/tooltip.js": "sha256-HkIZuQ8Gs11kQ0MzBEIBWrfaPopBPdUh+ODRas1HzLk=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/tooltip.js": "sha256-0Wy8ROBSdaMepMxc4KnouzCwdEKHki+k3Ryl5QVWrvY=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Skdu3czE82hMaq0VZwtG6ERV4Hud75l3iMhOfMR7K7U=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-+kSohyFbJg7z8/YUnlkzY1UQAu9ZLX7qE1eFLvk/1hI=", "index.html": "sha256-E+iyir+kE7FZW4yp4r+zjaBJSIcRsJGbvmwPckUJga0=", "README.md": "sha256-txRW9Uv+DDlJJl3fEnERD2Y4j2qbv2th1fezKxy8PVA=", "manifest.json": "sha256-P1sASxCxrGr+c1uxAZOziPaN25B1M57iCSjwwjy9FGM=" } } }, { "id": "popover", "name": "Popover", "version": "1.1.0", "tag": "j3w1-popover", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/popover.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/popover", "register": "@j3w1/ui/register/popover", "styles": "@j3w1/ui/styles/popover.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Non-modal panel visibility.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(): void", "description": "Show next to the trigger." }, { "name": "hide", "signature": "(focus?: boolean): void", "description": "Hide, optionally restoring trigger focus." } ], "events": [ { "name": "j3w1-toggle", "detail": "{ expanded: boolean }", "description": "The panel changed visibility." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "open", "closed", "focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-border-overlay": "color.border.overlay", "dependency.role-color-surface-overlay": "color.surface.overlay", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-16": "space.16", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.overlay", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.overlay", "color.text.default", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.overlay", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.52", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.700", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.overlay", "color.text.default", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.overlay": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/popover/", "files": { "runtime/register/popover.js": "sha256-eWKTLAUIMPauNqccfCSWaTkpN6Eyrj+GtlvM7FRaKHc=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/popover.js": "sha256-OdyQ7XaoIqfzxE4iBY0knb//4yMXGQLrgbw5h4TeaNw=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-53zGKZZyZMB+sdGIbnQk30oFXcLvjoplsW7FfQ9W0u0=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-tBbkSUEedfklBWmTm/lh13o3rlYHe/9AGgvmXp+p/Lo=", "index.html": "sha256-qj6qyYYBmNfnfn4cPT10GeMQN/ToGtN/ZB6H3yjUV/g=", "README.md": "sha256-j+hDL+uk4aiF61oCuxVmX0HtPy8kPS1ovmzOObw4SwI=", "manifest.json": "sha256-mrjjf+N/BOkRPCVOE2+eqfFcP7Sab6Z4pwOy0/uL7cM=" } } }, { "id": "dialog", "name": "Dialog", "version": "1.1.0", "tag": "j3w1-dialog", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/dialog.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/dialog", "register": "@j3w1/ui/register/dialog", "styles": "@j3w1/ui/styles/dialog.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Native modal state.", "controller": true, "readonly": false }, { "name": "returnValue", "type": "string", "description": "Native dialog result.", "controller": true, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(): void", "description": "Open using native showModal and remember the opener." }, { "name": "close", "signature": "(value?: string): void", "description": "Close with a result value." } ], "events": [ { "name": "j3w1-open", "detail": "Record", "description": "The modal opened." }, { "name": "j3w1-close", "detail": "{ returnValue: string }", "description": "The modal closed and restored available opener focus." }, { "name": "j3w1-cancel", "detail": "Record", "description": "Native cancel request; prevent default to keep the modal open." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit dialog action; prevent default to keep it open." } ] }, "variants": [ { "id": "default", "name": "Confirm" }, { "id": "alert-dialog", "name": "Alert dialog" }, { "id": "form", "name": "Form" } ], "states": [ "default", "open", "closed", "focus-trapped", "hover", "focus-visible", "reduced-motion" ], "dependencies": [], "tokens": { "backdrop.bg": "color.surface.backdrop", "root.bg": "color.surface.overlay", "root.border": "color.border.overlay", "root.ring": "color.interaction.focus.ring-container", "root.z": "z.dialog", "title.text": "color.text.bright", "text.text": "color.text.default", "close.text": "color.action.tertiary.text", "close.bg-hover": "color.action.tertiary.hover-bg", "close.ring": "color.interaction.focus.ring", "button.text": "color.action.secondary.text", "button.border": "color.action.secondary.border", "button.bg-hover": "color.action.secondary.hover-bg", "primary.bg": "color.action.primary.bg", "primary.text": "color.action.primary.text", "primary.bg-hover": "color.action.primary.hover-bg", "destructive.bg": "color.action.destructive.filled-bg", "destructive.text": "color.action.destructive.filled-text", "destructive.bg-hover": "color.action.destructive.hover-bg", "field.bg": "color.surface.input", "field.border": "color.border.control", "field.label": "color.text.bright", "note.text": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "button" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.overlay", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.backdrop", "color.surface.canvas", "color.surface.input", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "motion.duration.fast", "motion.duration.slow", "radius.none", "space.12", "space.16", "space.24", "space.32", "space.4", "space.8", "z.dialog", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.disabled", "color.border.overlay", "color.code.caret", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.black-65", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.backdrop", "color.surface.canvas", "color.surface.input", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "motion.duration.fast", "motion.duration.slow", "radius.none", "space.12", "space.16", "space.24", "space.32", "space.4", "space.8", "z.dialog", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.backdrop": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.overlay": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.slow": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.dialog": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/dialog/", "files": { "runtime/register/dialog.js": "sha256-Y6MRVCgkK5UEzcEdMHQSCUf6gMnxsPOJuhfEFWmJXOw=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/dialog.js": "sha256-pXE4wgCqQIbutPBwzfznYNlmA9vBHPqCO0LKu/NjXUQ=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-d4bh9HaP4YOtfgWmP42qVqw3nqSJ3DF629AWjqoZTn4=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-wFFtRxUFWBTzxYOcblp+JjddYxJQF3QKoOb0/hIuSL0=", "index.html": "sha256-cDDMTM4Wj+7faOBKrvRWjGkb2tcMvyJcbhuH6ForsLs=", "README.md": "sha256-A+/RMJrzI4YnZuhZz1JDvtSppJ0R5O2zevjLwEsjC+I=", "manifest.json": "sha256-Q1qBL/7AhdT8WT7nnhDXdltyf2Hdc7dxh608eDhmZxY=" } } }, { "id": "drawer", "name": "Drawer", "version": "1.1.0", "tag": "j3w1-drawer", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/drawer.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/drawer", "register": "@j3w1/ui/register/drawer", "styles": "@j3w1/ui/styles/drawer.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "open", "type": "boolean", "description": "Native modal state.", "controller": true, "readonly": false }, { "name": "returnValue", "type": "string", "description": "Native dialog result.", "controller": true, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "show", "signature": "(): void", "description": "Open using native showModal and remember the opener." }, { "name": "close", "signature": "(value?: string): void", "description": "Close with a result value." } ], "events": [ { "name": "j3w1-open", "detail": "Record", "description": "The modal opened." }, { "name": "j3w1-close", "detail": "{ returnValue: string }", "description": "The modal closed and restored available opener focus." }, { "name": "j3w1-cancel", "detail": "Record", "description": "Native cancel request; prevent default to keep the modal open." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit dialog action; prevent default to keep it open." } ] }, "variants": [ { "id": "start", "name": "Start edge" }, { "id": "end", "name": "End edge" } ], "states": [ "default", "open", "closed", "focus-trapped", "reduced-motion" ], "dependencies": [], "tokens": { "backdrop.bg": "color.surface.backdrop", "root.bg": "color.surface.overlay", "root.border": "color.border.overlay", "root.ring": "color.interaction.focus.ring-container", "root.z": "z.drawer", "title.text": "color.text.bright", "text.text": "color.text.default", "body.divider": "color.border.divider", "item.text": "color.text.default", "item.bg-hover": "color.interaction.hover.bg-strong", "item.text-hover": "color.text.link-hover", "close.text": "color.action.tertiary.text", "close.bg-hover": "color.action.tertiary.hover-bg", "close.ring": "color.interaction.focus.ring", "note.text": "color.text.muted" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "button" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.backdrop", "color.surface.canvas", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "motion.duration.fast", "motion.duration.slow", "radius.none", "space.12", "space.32", "space.4", "space.48", "space.8", "z.drawer", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.black-65", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.ink.60", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.backdrop", "color.surface.canvas", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "motion.duration.fast", "motion.duration.slow", "radius.none", "space.12", "space.32", "space.4", "space.48", "space.8", "z.drawer", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.backdrop": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.overlay": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.slow": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.48": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.drawer": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/drawer/", "files": { "runtime/register/drawer.js": "sha256-6AFbTqS+kQAd15TJ9NzKLIyNKPdVVmxyZMeHJXtNEhU=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/drawer.js": "sha256-HBGU0zp1j5WORvSfTPeeNmOxfHcc1UKFZ48NUIduzgg=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-39DmGp3B3f8+C/QGAv6xbiVXT7QviSaVCnHk8XpC158=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-RNAiKQJPioHCtfhMtqcsFaQFfwhKvdH+iIfLXOWo6QQ=", "index.html": "sha256-CbS/ignNl9YlA8MUwmXMnGVVRk6rR78IN2YGSe3T/OI=", "README.md": "sha256-UCPe6217ZgQVMTn6g7IigdEn3QvH0ccgPIBRzAQXvBA=", "manifest.json": "sha256-VxGg89U8DFjMGQrWhDgDPSAFHHDHvjNysuhy4cwqqXg=" } } }, { "id": "empty-state", "name": "Empty state", "version": "1.1.0", "tag": "j3w1-empty-state", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/empty-state.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/empty-state", "register": "@j3w1/ui/register/empty-state", "styles": "@j3w1/ui/styles/empty-state.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "dismiss", "signature": "(id?: string): void", "description": "Dismiss a message; focused actions move to the next available control." } ], "events": [ { "name": "j3w1-dismiss", "detail": "{ id: string }", "description": "Cancelable message dismissal." }, { "name": "j3w1-retry", "detail": "Record", "description": "Request recovery; the host owns the result." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit message action." } ] }, "variants": [ { "id": "with-action", "name": "With action" }, { "id": "without-action", "name": "Without action" } ], "states": [ "default" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.divider", "glyph.text": "color.icon.decorative", "heading.text": "color.text.bright", "text.text": "color.text.muted", "action.text": "color.action.secondary.text", "action.border": "color.action.secondary.border", "action.bg-hover": "color.action.secondary.hover-bg", "action.ring": "color.interaction.focus.ring" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.border.active", "color.border.divider", "color.icon.decorative", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.h1", "font.line-height.h2", "font.line-height.ui-md", "font.size.h1", "font.size.h2", "font.size.ui-md", "font.weight.bold", "layout.measure", "motion.duration.fast", "radius.none", "space.16", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.border.active", "color.border.divider", "color.icon.decorative", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.350", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.h1", "font.line-height.h2", "font.line-height.ui-md", "font.size.h1", "font.size.h2", "font.size.ui-md", "font.weight.bold", "layout.measure", "motion.duration.fast", "radius.none", "space.16", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "layout.measure": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/empty-state/", "files": { "runtime/register/empty-state.js": "sha256-U7bwZQNspzXEKbkM+QwrFwH9wCsXZ+UNK2RYEFi+FjI=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/empty-state.js": "sha256-CwfZdPqXAYGvCi31Bwx/RNz44fg6K476kEuze3iAmmk=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Mdd72ooxolJDcPYScpT7yUM7Uj1SV5nk9LuG9vP0EeA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-j6rKuP4LmxmaKm47ZcfAqQ0LKMqN7l90HZwvUydHutQ=", "index.html": "sha256-rcFm3dTOVu+pB+gds4jp/elaQrgi/1rGF8xpNTCacL4=", "README.md": "sha256-tmB2pd1SLMm/z/x/9y/l3rYv6c+z8ET0R6E1/TS3yNk=", "manifest.json": "sha256-8s62FTMoP25nYbqL6ecLQy7ECi462X9RLKv4ISmXCCA=" } } }, { "id": "error-state", "name": "Error state", "version": "1.1.0", "tag": "j3w1-error-state", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/error-state.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/overlays.js", "imports": { "class": "@j3w1/ui/components/error-state", "register": "@j3w1/ui/register/error-state", "styles": "@j3w1/ui/styles/error-state.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "dismiss", "signature": "(id?: string): void", "description": "Dismiss a message; focused actions move to the next available control." } ], "events": [ { "name": "j3w1-dismiss", "detail": "{ id: string }", "description": "Cancelable message dismissal." }, { "name": "j3w1-retry", "detail": "Record", "description": "Request recovery; the host owns the result." }, { "name": "j3w1-action", "detail": "{ action: string }", "description": "An explicit message action." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "error", "loading", "disabled", "focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-border-disabled": "color.border.disabled", "dependency.role-color-interaction-disabled-bg": "color.interaction.disabled.bg", "dependency.role-color-status-danger-border": "color.status.danger.border", "dependency.role-color-status-danger-text": "color.status.danger.text", "dependency.role-color-text-disabled": "color.text.disabled", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.disabled", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.700", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.text.default", "color.text.disabled", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/error-state/", "files": { "runtime/register/error-state.js": "sha256-LIyigSg3KPB01jhmW1+pAsrMoPyf6KtZcmrTenvFCx8=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/error-state.js": "sha256-TKR5CFkl4pVz4EC8z30LtIIbk+6GNMEbsIAmnF2B+MQ=", "runtime/chunks/overlays-C6nlCHqg.js": "sha256-JtKjtFU2sbObAEtYaA9S+YE40WKP5hX073Xv4lpA67o=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-CdLPhgSZDY0ucB4/nfZpfphuYXcfoqslUTPyuhz2tDw=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-ORjrriOpBHk2VlqSsyeUSEs1medDwB5oaTT4RxrXLFs=", "index.html": "sha256-ypHtxbip0wQwfxcnTK23eRJ0nU1YTWrbBIr8zvdVgzA=", "README.md": "sha256-74cIkyCCUWVCbB8fMva1FcwH+zMybvaOhbX0wQ9dUcU=", "manifest.json": "sha256-UemlV9V5EFPPAPRZMKg22b3eqm8OM4OM6kTvJlNwuzA=" } } }, { "id": "code-editor", "name": "Code editor", "version": "1.1.0", "tag": "j3w1-code-editor", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/code-editor.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/code-editor", "register": "@j3w1/ui/register/code-editor", "styles": "@j3w1/ui/styles/code-editor.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "setText", "signature": "(text: string): void", "description": "Replace the bounded read-only text view; no code or shell execution occurs." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string }", "description": "Request a developer-view action; editing and execution belong to the host." } ] }, "variants": [ { "id": "default", "name": "JavaScript", "description": "Every syntax role in one twelve-line sample." }, { "id": "markup", "name": "Markup", "description": "Tags, attributes, an entity escape and a heading." }, { "id": "folded", "name": "Folded region", "description": "A collapsed block with its fold marker and skipped line numbers." } ], "states": [ "default", "focus-visible", "selected", "selected+container-inactive", "current", "read-only" ], "dependencies": [], "tokens": { "root.bg": "color.code.bg", "root.border": "color.border.control", "root.ring": "color.interaction.focus.ring-container", "gutter.bg": "color.code.gutter-bg", "gutter.rule": "color.code.gutter-rule", "gutter.bg-read-only": "color.surface.sunken", "line-number.text": "color.code.line-number", "line-number.text-active": "color.code.line-number-active", "line.bg-current": "color.code.current-line", "caret.bg": "color.code.caret", "selection.bg": "color.code.selection-bg", "selection.bg-inactive": "color.interaction.selection.inactive-bg", "selection.text-inactive": "color.interaction.selection.inactive-text", "bracket.outline": "color.code.bracket-match", "indent.guide": "color.code.indent-guide", "whitespace.text": "color.code.whitespace", "fold.text": "color.text.muted", "fold.border": "color.border.control", "syntax.keyword": "color.code.syntax.keyword", "syntax.string": "color.code.syntax.string", "syntax.comment": "color.code.syntax.comment", "syntax.number": "color.code.syntax.number", "syntax.constant": "color.code.syntax.constant", "syntax.function": "color.code.syntax.function", "syntax.variable": "color.code.syntax.variable", "syntax.type": "color.code.syntax.type", "syntax.operator": "color.code.syntax.operator", "syntax.punctuation": "color.code.syntax.punctuation", "syntax.property": "color.code.syntax.property", "syntax.heading": "color.code.syntax.heading", "syntax.tag": "color.code.syntax.tag", "syntax.attribute": "color.code.syntax.attribute", "syntax.escape": "color.code.syntax.escape", "syntax.invalid": "color.code.syntax.invalid", "syntax.deprecated": "color.code.syntax.deprecated" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.code.bg", "color.code.caret", "color.code.current-line", "color.code.gutter-bg", "color.code.gutter-rule", "color.code.indent-guide", "color.code.line-number", "color.code.line-number-active", "color.code.syntax.attribute", "color.code.syntax.comment", "color.code.syntax.constant", "color.code.syntax.deprecated", "color.code.syntax.escape", "color.code.syntax.function", "color.code.syntax.heading", "color.code.syntax.invalid", "color.code.syntax.keyword", "color.code.syntax.number", "color.code.syntax.operator", "color.code.syntax.property", "color.code.syntax.punctuation", "color.code.syntax.string", "color.code.syntax.tag", "color.code.syntax.type", "color.code.syntax.variable", "color.code.whitespace", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.text.default", "color.text.muted", "focus.offset-container", "focus.ring-container", "font.family.mono", "font.line-height.code", "font.line-height.ui-md", "font.size.code", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.code.bg", "color.code.caret", "color.code.current-line", "color.code.gutter-bg", "color.code.gutter-rule", "color.code.indent-guide", "color.code.line-number", "color.code.line-number-active", "color.code.syntax.attribute", "color.code.syntax.comment", "color.code.syntax.constant", "color.code.syntax.deprecated", "color.code.syntax.escape", "color.code.syntax.function", "color.code.syntax.heading", "color.code.syntax.invalid", "color.code.syntax.keyword", "color.code.syntax.number", "color.code.syntax.operator", "color.code.syntax.property", "color.code.syntax.punctuation", "color.code.syntax.string", "color.code.syntax.tag", "color.code.syntax.type", "color.code.syntax.variable", "color.code.whitespace", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.20", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.450", "color.primitive.rose.550", "color.primitive.rose.600", "color.primitive.rose.650", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.text.default", "color.text.muted", "focus.offset-container", "focus.ring-container", "font.family.mono", "font.line-height.code", "font.line-height.ui-md", "font.size.code", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.code.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.current-line": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.gutter-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.gutter-rule": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.indent-guide": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.line-number": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.line-number-active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.attribute": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.comment": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.constant": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.deprecated": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.escape": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.function": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.heading": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.keyword": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.number": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.operator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.property": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.punctuation": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.string": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.tag": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.type": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.variable": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.whitespace": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/code-editor/", "files": { "runtime/register/code-editor.js": "sha256-agRsxgm8tBPEgLi7nGnYfqB/KOMRnbad/Eph3+YfYnE=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/code-editor.js": "sha256-4sQaTsSgH0E0y63HF4Wpw7bJTzgjL85VlrtHTXwuoFk=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-X9h2Mxr0yLKLoKffZDsC55HBiRmSX+SuRQkjkcxerOo=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-aD+1gDxKB5fijO+A+hjuTqChvHPDv5zp5tK9UPZhwLc=", "index.html": "sha256-Dn2d67XC/1eO3QNVfsBf4pv4f2WuhBmmk1fFbSiGnWY=", "README.md": "sha256-R/3lr5ulCU2PTj46GDzvvCl7uwfcOL7ZS65384th1i0=", "manifest.json": "sha256-T0MvUODQj8g6H4ImsSi4IIglxI9tDH6D2LYMdypVW44=" } } }, { "id": "editor-search", "name": "Editor search", "version": "1.1.0", "tag": "j3w1-editor-search", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/editor-search.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/editor-search", "register": "@j3w1/ui/register/editor-search", "styles": "@j3w1/ui/styles/editor-search.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "source", "type": "string", "description": "Read-only literal source text.", "controller": true, "readonly": false }, { "name": "query", "type": "string", "description": "Literal case-insensitive query.", "controller": true, "readonly": false }, { "name": "matchCount", "type": "number", "description": "Current number of matches.", "controller": true, "readonly": true } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "next", "signature": "(direction?: number): void", "description": "Move among existing matches without moving input focus." } ], "events": [] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "filled", "no-results", "focus-visible" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-code-search-current-bg": "color.code.search-current-bg", "dependency.role-color-code-search-current-text": "color.code.search-current-text", "dependency.role-color-code-search-match-bg": "color.code.search-match-bg", "dependency.role-color-interaction-focus-ring-container": "color.interaction.focus.ring-container", "dependency.role-color-surface-code": "color.surface.code", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.code.search-current-bg", "color.code.search-current-text", "color.code.search-match-bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.code", "color.surface.default", "color.surface.input", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.code.search-current-bg", "color.code.search-current-text", "color.code.search-match-bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.20", "color.primitive.ink.28", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.code", "color.surface.default", "color.surface.input", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.code.search-current-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.search-current-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.search-match-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/editor-search/", "files": { "runtime/register/editor-search.js": "sha256-tMpvZf9OrWiyhDzn0EWZnEz8kSJ2SP8tALzQVYqwCws=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/editor-search.js": "sha256-pTuQ4TaHvGP5qh0XC8C7XJgoCqla5BerH51RCgLTrsY=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-M0SrYSnjmhmwR0wfAiNg1VU3bXhEQkYknaGRLw0fWMM=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-d4aAYzdcDHNmdiry3w1Y3xEHMEA6MELYHpoj25fZY7M=", "index.html": "sha256-nzYqIKBlE7peT4onxSzqAj0mwZHNcvHOF2jIuZV5iKo=", "README.md": "sha256-7jaX3lAOuPJQJhYMooVM1Q4+sTyBs4eb75ujSFm4VE8=", "manifest.json": "sha256-YK1L8LTZRSApRTcKBHnicNRt+uLw6IAfuQguWvWdSaE=" } } }, { "id": "diagnostics", "name": "Diagnostics", "version": "1.1.0", "tag": "j3w1-diagnostics", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/diagnostics.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/diagnostics", "register": "@j3w1/ui/register/diagnostics", "styles": "@j3w1/ui/styles/diagnostics.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "setText", "signature": "(text: string): void", "description": "Replace the bounded read-only text view; no code or shell execution occurs." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string }", "description": "Request a developer-view action; editing and execution belong to the host." } ] }, "variants": [ { "id": "inline", "name": "Inline markers", "description": "Error, warning, info, hint, unused and deprecated ranges in a code sample with the overview stripe." }, { "id": "panel", "name": "Problems panel", "description": "The listbox of problems with glyphs, counts, locations and rule codes." } ], "states": [ "default", "hover", "focus-visible", "selected", "selected+focus-visible", "error", "empty" ], "dependencies": [], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.control", "code.bg": "color.code.bg", "code.text": "color.text.default", "code.line-number": "color.code.line-number", "code.gutter-rule": "color.code.gutter-rule", "code.selection-bg": "color.code.selection-bg", "error.underline": "color.diagnostic.error.underline", "error.text": "color.diagnostic.error.text", "error.stripe": "color.diagnostic.error.stripe", "error.line-bg": "color.diagnostic.error.bg", "warning.underline": "color.diagnostic.warning.underline", "warning.text": "color.diagnostic.warning.text", "warning.stripe": "color.diagnostic.warning.stripe", "info.underline": "color.diagnostic.info.underline", "info.text": "color.diagnostic.info.text", "hint.underline": "color.diagnostic.hint.underline", "hint.text": "color.text.subtle", "unused.text": "color.diagnostic.unused.text", "deprecated.text": "color.code.syntax.deprecated", "row.text": "color.text.default", "row.location": "color.text.muted", "row.divider": "color.border.divider", "row.bg-hover": "color.interaction.hover.bg", "row.ring": "color.interaction.focus.ring", "row.bg-selected": "color.interaction.selection.bg", "row.text-selected": "color.interaction.selection.text", "row.ring-selected": "color.interaction.focus.ring-container", "header.text": "color.text.bright", "status.text": "color.status.danger.text", "empty.text": "color.text.muted", "empty.glyph": "color.status.success.text" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.code.bg", "color.code.gutter-rule", "color.code.line-number", "color.code.syntax.deprecated", "color.diagnostic.error.bg", "color.diagnostic.error.stripe", "color.diagnostic.error.text", "color.diagnostic.error.underline", "color.diagnostic.hint.underline", "color.diagnostic.info.text", "color.diagnostic.info.underline", "color.diagnostic.unused.text", "color.diagnostic.warning.stripe", "color.diagnostic.warning.text", "color.diagnostic.warning.underline", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.text", "color.status.success.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "color.text.subtle", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.code", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.code", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.code.bg", "color.code.gutter-rule", "color.code.line-number", "color.code.syntax.deprecated", "color.diagnostic.error.bg", "color.diagnostic.error.stripe", "color.diagnostic.error.text", "color.diagnostic.error.underline", "color.diagnostic.hint.underline", "color.diagnostic.info.text", "color.diagnostic.info.underline", "color.diagnostic.unused.text", "color.diagnostic.warning.stripe", "color.diagnostic.warning.text", "color.diagnostic.warning.underline", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.amber.500", "color.primitive.blue.500", "color.primitive.green.500", "color.primitive.ink.0", "color.primitive.ink.20", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.450", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.text", "color.status.success.text", "color.surface.canvas", "color.surface.default", "color.text.bright", "color.text.default", "color.text.muted", "color.text.subtle", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-padding-x", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.code", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.code", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.gutter-rule": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.line-number": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.deprecated": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.error.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.error.stripe": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.error.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.error.underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.hint.underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.info.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.info.underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.unused.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.warning.stripe": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.warning.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diagnostic.warning.underline": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.subtle": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/diagnostics/", "files": { "runtime/register/diagnostics.js": "sha256-lSYtaMuTbe7wtLvNB4chvQ8SOVu0ILi3pFknhy/X/0E=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/diagnostics.js": "sha256-G6GnMpwouNu7etM0+mzAs5qDP3wIAxnJ65mIsZgJ1o4=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-1uXLsplg978riCNhv/v5p+RvR0hW6fVdRnKgNUo+IYs=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-oPPp/R+dnwC1tnH/Td+Hlrs3CRODUkA4Bvq/HK/fAUU=", "index.html": "sha256-Tq03gSM/g1JYQlO5vswlLUOSXHf9l2bEjBuZbLQpK1E=", "README.md": "sha256-imGMxGeEAGXWqIcjUKHV/XK6wynoCiRSjPOu5rTrBYY=", "manifest.json": "sha256-+MHFLd8RFh2Cys6GuieDnvvhQFUZxSpPDK1ey/z8dXA=" } } }, { "id": "diff-view", "name": "Diff view", "version": "1.1.0", "tag": "j3w1-diff-view", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/diff-view.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/diff-view", "register": "@j3w1/ui/register/diff-view", "styles": "@j3w1/ui/styles/diff-view.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "setText", "signature": "(text: string): void", "description": "Replace the bounded read-only text view; no code or shell execution occurs." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string }", "description": "Request a developer-view action; editing and execution belong to the host." } ] }, "variants": [ { "id": "unified", "name": "Unified", "description": "One column of lines with old and new numbers and the + − ~ gutter." }, { "id": "split", "name": "Split", "description": "Old and new side by side, each with its own numbers and marker." }, { "id": "word-level", "name": "Word-level", "description": "Removed and added rows with the changed words underlined." }, { "id": "conflict", "name": "Merge conflict", "description": "Ours, theirs and the three marker lines inside a double border." } ], "states": [ "default", "hover", "selected", "focus-visible", "expanded", "collapsed" ], "dependencies": [], "tokens": { "root.bg": "color.code.bg", "root.border": "color.border.control", "root.text": "color.text.default", "line-number.text": "color.text.muted", "line-number.rule": "color.code.gutter-rule", "row.divider": "color.border.divider", "added.bg": "color.diff.added.bg", "added.gutter": "color.diff.added.gutter", "added.emphasis": "color.diff.added.emphasis", "removed.bg": "color.diff.removed.bg", "removed.gutter": "color.diff.removed.gutter", "removed.emphasis": "color.diff.removed.emphasis", "modified.bg": "color.diff.modified.bg", "modified.gutter": "color.diff.modified.gutter", "hunk.bg": "color.diff.header-bg", "hunk.text": "color.text.muted", "hunk.context": "color.text.default", "conflict.border": "color.diff.conflict-border", "conflict.marker": "color.text.bright", "fold.text": "color.text.link", "fold.bg-hover": "color.interaction.hover.bg-strong", "row.bg-hover": "color.interaction.hover.bg", "row.ring": "color.interaction.focus.ring", "row.bg-selected": "color.interaction.selection.bg", "row.text-selected": "color.interaction.selection.text", "row.ring-selected": "color.interaction.focus.ring-container" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.code.bg", "color.code.gutter-rule", "color.diff.added.bg", "color.diff.added.emphasis", "color.diff.added.gutter", "color.diff.conflict-border", "color.diff.header-bg", "color.diff.modified.bg", "color.diff.modified.gutter", "color.diff.removed.bg", "color.diff.removed.emphasis", "color.diff.removed.gutter", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.code", "font.line-height.ui-md", "font.size.code", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.base", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.code.bg", "color.code.gutter-rule", "color.diff.added.bg", "color.diff.added.emphasis", "color.diff.added.gutter", "color.diff.conflict-border", "color.diff.header-bg", "color.diff.modified.bg", "color.diff.modified.gutter", "color.diff.removed.bg", "color.diff.removed.emphasis", "color.diff.removed.gutter", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.amber.500", "color.primitive.amber.tint", "color.primitive.green.500", "color.primitive.green.tint", "color.primitive.ink.0", "color.primitive.ink.20", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.350", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.text.bright", "color.text.default", "color.text.link", "color.text.link-hover", "color.text.muted", "density.comfortable.control-height", "density.compact.control-height", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.code", "font.line-height.ui-md", "font.size.code", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.base", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.gutter-rule": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.added.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.added.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.added.gutter": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.conflict-border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.header-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.modified.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.modified.gutter": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.removed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.removed.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.diff.removed.gutter": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.base": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/diff-view/", "files": { "runtime/register/diff-view.js": "sha256-dfbslff/fV33ePOMN/mGU9l+7RqomLajKxKQdpmW+qQ=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/diff-view.js": "sha256-1noDMyYAWffN6WnL+HcJcaq7CDNz6hBYg/X8hzh75Tg=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-mibFUolrx0OWHlYNpEFTvfkMI0c6h4CUv7SWJ4eQVns=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-t7cx4Y+4qhIPiwFbRPz+6U12N/CFATPTfG7/iZf85zs=", "index.html": "sha256-EYPYe3QVJkVBz7byssoY6NHiAMZc9tW/oSLut2DPrX4=", "README.md": "sha256-JUNwpm+hXaOayi8Pews59tbPKv80dRN9ZCSgfiRkLfc=", "manifest.json": "sha256-D5Is5+6Se3bm8hC7q+DfK2xKXirh35oLIVZb0Gzwoes=" } } }, { "id": "terminal", "name": "Terminal", "version": "1.1.0", "tag": "j3w1-terminal", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/terminal.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/display.js", "imports": { "class": "@j3w1/ui/components/terminal", "register": "@j3w1/ui/register/terminal", "styles": "@j3w1/ui/styles/terminal.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "setText", "signature": "(text: string): void", "description": "Replace the bounded read-only text view; no code or shell execution occurs." } ], "events": [ { "name": "j3w1-action", "detail": "{ action: string }", "description": "Request a developer-view action; editing and execution belong to the host." } ] }, "variants": [ { "id": "default", "name": "Transcript", "description": "An agnoster-style prompt, an ls listing coloured by the slots that pass the text floor, an ESC[31m-style error line and the cursor." }, { "id": "ansi-grid", "name": "ANSI grid", "description": "One row per slot, labelled with its number; slots that pass 4.5:1 show sample text, slots that fail show colour blocks and a ✕, and every background is a block." }, { "id": "attributes", "name": "Attributes", "description": "Bold, dim, italic, underline, inverse and strikethrough." } ], "states": [ "default", "focus-visible", "selected", "busy", "current" ], "dependencies": [], "tokens": { "root.bg": "color.terminal.bg", "root.text": "color.terminal.fg", "root.border": "color.border.control", "root.ring": "color.interaction.focus.ring-container", "cursor.bg": "color.terminal.cursor", "cursor.text": "color.terminal.bg", "selection.bg": "color.terminal.selection-bg", "selection.text": "color.terminal.selection-text", "current.bg": "color.code.current-line", "prompt.bg": "color.terminal.ansi.4", "prompt.text": "color.terminal.selection-text", "prompt.branch-bg": "color.terminal.ansi.3", "prompt.branch-text": "color.terminal.bg", "dim.text": "color.text.muted", "inverse.bg": "color.terminal.fg", "inverse.text": "color.terminal.bg", "label.text": "color.text.muted", "fail.glyph": "color.terminal.fg", "slot.ansi-0": "color.terminal.ansi.0", "slot.ansi-1": "color.terminal.ansi.1", "slot.ansi-2": "color.terminal.ansi.2", "slot.ansi-3": "color.terminal.ansi.3", "slot.ansi-4": "color.terminal.ansi.4", "slot.ansi-5": "color.terminal.ansi.5", "slot.ansi-6": "color.terminal.ansi.6", "slot.ansi-7": "color.terminal.ansi.7", "slot.ansi-8": "color.terminal.ansi.8", "slot.ansi-9": "color.terminal.ansi.9", "slot.ansi-10": "color.terminal.ansi.10", "slot.ansi-11": "color.terminal.ansi.11", "slot.ansi-12": "color.terminal.ansi.12", "slot.ansi-13": "color.terminal.ansi.13", "slot.ansi-14": "color.terminal.ansi.14", "slot.ansi-15": "color.terminal.ansi.15" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.code.current-line", "color.interaction.drop-target", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.terminal.ansi.0", "color.terminal.ansi.1", "color.terminal.ansi.10", "color.terminal.ansi.11", "color.terminal.ansi.12", "color.terminal.ansi.13", "color.terminal.ansi.14", "color.terminal.ansi.15", "color.terminal.ansi.2", "color.terminal.ansi.3", "color.terminal.ansi.4", "color.terminal.ansi.5", "color.terminal.ansi.6", "color.terminal.ansi.7", "color.terminal.ansi.8", "color.terminal.ansi.9", "color.terminal.bg", "color.terminal.cursor", "color.terminal.fg", "color.terminal.selection-bg", "color.terminal.selection-text", "color.text.default", "color.text.muted", "focus.offset-container", "focus.ring-container", "font.family.mono", "font.letter-spacing.terminal", "font.line-height.terminal", "font.line-height.ui-md", "font.size.terminal", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.code.current-line", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ansi.0", "color.primitive.ansi.1", "color.primitive.ansi.10", "color.primitive.ansi.11", "color.primitive.ansi.12", "color.primitive.ansi.13", "color.primitive.ansi.14", "color.primitive.ansi.15", "color.primitive.ansi.2", "color.primitive.ansi.3", "color.primitive.ansi.4", "color.primitive.ansi.5", "color.primitive.ansi.6", "color.primitive.ansi.7", "color.primitive.ansi.8", "color.primitive.ansi.9", "color.primitive.ink.0", "color.primitive.ink.20", "color.primitive.ink.40", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.250", "color.primitive.red.300", "color.primitive.red.350", "color.primitive.red.450", "color.primitive.red.500", "color.primitive.red.650", "color.primitive.red.760", "color.primitive.red.770", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.320", "color.primitive.rose.350", "color.primitive.rose.550", "color.primitive.rose.600", "color.primitive.rose.650", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.terminal.ansi.0", "color.terminal.ansi.1", "color.terminal.ansi.10", "color.terminal.ansi.11", "color.terminal.ansi.12", "color.terminal.ansi.13", "color.terminal.ansi.14", "color.terminal.ansi.15", "color.terminal.ansi.2", "color.terminal.ansi.3", "color.terminal.ansi.4", "color.terminal.ansi.5", "color.terminal.ansi.6", "color.terminal.ansi.7", "color.terminal.ansi.8", "color.terminal.ansi.9", "color.terminal.bg", "color.terminal.cursor", "color.terminal.fg", "color.terminal.selection-bg", "color.terminal.selection-text", "color.text.default", "color.text.muted", "focus.offset-container", "focus.ring-container", "font.family.mono", "font.letter-spacing.terminal", "font.line-height.terminal", "font.line-height.ui-md", "font.size.terminal", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "radius.none", "space.2", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.code.current-line": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.0": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.10": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.11": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.13": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.14": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.15": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.3": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.5": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.6": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.7": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.9": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.cursor": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.fg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.selection-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.selection-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.letter-spacing.terminal": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.terminal": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.terminal": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/terminal/", "files": { "runtime/register/terminal.js": "sha256-HI+Ed6H0sblV3/oR4o14WYg9OG1oLmgIOC/HbV2sFos=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/terminal.js": "sha256-bjVvwzxtYj7g5EJp9ReR/Z5TekHqaxHPKwIJkTvO59A=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-MIhYtQDMss2ri6iV237ysdPcm2B6qLEf0RUxUM8ie+E=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-WyXNyoxiAXNq3bLZRmrc1qS2XzgHghN+5tO+9HpocVA=", "index.html": "sha256-7nIjP5H9Tnolb/DAw1vtVGkOfqf2/oL9ZxMvSounzKk=", "README.md": "sha256-e14l6aac6dIrLJsYLbNuHLTZnhlRMMyVf5lCINszlGI=", "manifest.json": "sha256-x2/AUhzCNJZjixv0p/Yrl79sHQm9KUIWh/JaYF5tUS0=" } } }, { "id": "settings-panel", "name": "Settings panel", "version": "1.1.0", "tag": "j3w1-settings-panel", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/settings-panel.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/forms.js", "imports": { "class": "@j3w1/ui/components/settings-panel", "register": "@j3w1/ui/register/settings-panel", "styles": "@j3w1/ui/styles/settings-panel.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-submit", "detail": "{ values: Array<[string, FormDataEntryValue]> }", "description": "Validated local native form values; the host owns saving." } ] }, "variants": [ { "id": "default", "name": "Two columns" }, { "id": "narrow", "name": "Narrow (360px)", "description": "The same markup with the root fixed at 360px; the container query collapses the sidebar into a tab strip above the form." } ], "states": [ "default", "focus-visible", "invalid", "busy" ], "dependencies": [ "switch" ], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.default", "nav.bg": "color.surface.default", "nav.border": "color.border.divider", "nav.text": "color.text.default", "nav.current-text": "color.text.bright", "nav.current-indicator": "color.border.selected-indicator", "nav.bg-hover": "color.interaction.hover.bg", "title.text": "color.text.bright", "lead.text": "color.text.muted", "group.border": "color.border.divider", "group.legend": "color.text.bright", "control.bg": "color.surface.input", "control.border": "color.border.control", "control.text": "color.text.default", "control.ring": "color.interaction.focus.ring", "control.checked-bg": "color.action.primary.bg", "control.checked-glyph": "color.action.primary.text", "invalid.border": "color.status.danger.border", "invalid.message": "color.status.danger.text", "footer.border": "color.border.divider", "apply.bg": "color.action.primary.bg", "apply.text": "color.action.primary.text", "apply.busy-glyph": "color.action.primary.text", "reset.text": "color.action.secondary.text", "reset.border": "color.action.secondary.border" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "button", "field", "text-field", "checkbox", "radio-group", "select", "switch", "sidebar-nav", "fieldset" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.icon.decorative", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.caption", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "icon.size.sm", "icon.stroke", "motion.duration.base", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.code.caret", "color.icon.decorative", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.caption", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "icon.size.md", "icon.size.sm", "icon.stroke", "motion.duration.base", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.base": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/settings-panel/", "files": { "runtime/register/settings-panel.js": "sha256-tecYNnB3mOO1ir+NYaorlqzgeTXRhGpkaMeZZ5TKo7k=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/register/switch.js": "sha256-WA0Avt/JJmz7DqxDx8v5Rnw3WCZFaVGJjPdibTQKkSc=", "runtime/components/switch.js": "sha256-cCuKGapWKnDAWTo2000oxSJipWNymeidhKTxvi6+nYM=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "runtime/components/settings-panel.js": "sha256-eHBPCotJeFVkjSg5MwrKHFqlOO9/5o/IlhR0XImC7mU=", "runtime/chunks/forms-BT3z7lNC.js": "sha256-Txmae07dWLj1H/FL869U0Kv84TQxzpdFeOg0g8zGK6I=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-bKV+vxJoQcQ+/WSkUADY0AkxpU9pAMAviGj+BrOQK1w=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-Z1ZqDdIXySN8gWG0bvhT8iMaa+GaOyHy/vumYpCsYt8=", "index.html": "sha256-jGGdyR2U7IytSpOvqtrVJUJKtnNfW/khN9J+vCUatNM=", "README.md": "sha256-g4lIDJnrwkG0NUQg2uSmNO/FLOFVYKG2Mn7N72WM6TQ=", "manifest.json": "sha256-4YQpEFZjgssSV0wkzRxAvt/zcuHiYFRgeQBIcwuGGeg=" } } }, { "id": "admin-form", "name": "Admin form", "version": "1.1.0", "tag": "j3w1-admin-form", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/admin-form.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/forms.js", "imports": { "class": "@j3w1/ui/components/admin-form", "register": "@j3w1/ui/register/admin-form", "styles": "@j3w1/ui/styles/admin-form.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-submit", "detail": "{ values: Array<[string, FormDataEntryValue]> }", "description": "Validated local native form values; the host owns saving." } ] }, "variants": [ { "id": "default", "name": "Identity step" }, { "id": "review", "name": "Review step", "description": "The third step; the field grid is replaced by a table of the entered values with a tertiary Edit button per row, and the primary action saves the record." } ], "states": [ "default", "invalid", "busy", "disabled" ], "dependencies": [ "text-field", "textarea", "select" ], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.default", "crumbs.link": "color.text.link", "crumbs.current": "color.text.bright", "title.text": "color.text.bright", "step.text": "color.text.default", "step.current-text": "color.text.bright", "step.current-indicator": "color.border.selected-indicator", "step.complete": "color.status.success.text", "step.invalid": "color.status.danger.text", "notice.tint": "color.status.info.tint", "notice.border": "color.status.info.border", "notice.text": "color.status.info.text", "summary.tint": "color.status.danger.tint", "summary.border": "color.status.danger.border", "summary.text": "color.status.danger.text", "field.bg": "color.surface.input", "field.border": "color.border.control", "field.text": "color.text.default", "field.label": "color.text.bright", "field.help": "color.text.muted", "field.affix": "color.text.muted", "invalid.border": "color.status.danger.border", "invalid.message": "color.status.danger.text", "disabled.bg": "color.interaction.disabled.bg", "disabled.text": "color.text.disabled", "disabled.border": "color.border.disabled", "review.key": "color.text.muted", "review.header-rule": "color.border.strong", "review.row-rule": "color.border.divider", "footer.border": "color.border.divider", "continue.bg": "color.action.primary.bg", "continue.text": "color.action.primary.text", "continue.busy-glyph": "color.action.primary.text", "back.text": "color.action.secondary.text", "back.border": "color.action.secondary.border", "draft.text": "color.action.tertiary.text", "draft.bg-hover": "color.action.tertiary.hover-bg" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "button", "field", "text-field", "checkbox", "radio-group", "select", "switch", "textarea", "fieldset", "table" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.strong", "color.code.caret", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.status.danger.tint", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.caption", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.md", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.destructive.pressed-bg", "color.action.destructive.text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.pressed-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.pressed-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.strong", "color.code.caret", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.transparent", "color.primitive.amber.500", "color.primitive.amber.tint", "color.primitive.blue.500", "color.primitive.blue.tint", "color.primitive.green.500", "color.primitive.green.tint", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.ink.60", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.550", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.status.danger.tint", "color.status.info.border", "color.status.info.text", "color.status.info.tint", "color.status.neutral.border", "color.status.neutral.text", "color.status.neutral.tint", "color.status.success.border", "color.status.success.text", "color.status.success.tint", "color.status.warning.border", "color.status.warning.text", "color.status.warning.tint", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.caption", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.caption", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.md", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.pressed-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.info.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.neutral.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.success.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.warning.tint": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.caption": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/admin-form/", "files": { "runtime/register/admin-form.js": "sha256-wbxQ6jG47yRORiZBcV1vZy21o7vLJ0wZWSBjlQ08r5o=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/register/text-field.js": "sha256-DD+ctMlKClOK6B/glshiJwIjKilewzY171GvKtVGf1A=", "runtime/components/text-field.js": "sha256-SJI/C0zrJ5gJAl26b1OnhG8TtQocvcKkV/kLatNfsL0=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "runtime/register/textarea.js": "sha256-H+BMjmdgnMxVEA9KvLSSKoOlHTAH91Qy7+pjUiTlgEE=", "runtime/components/textarea.js": "sha256-ywtNaC/cWZHI/8LUsTUWtYgkOAyCwUCpy3M8mGYu510=", "runtime/register/select.js": "sha256-zXXuJRnrp9EVnk1A8VpgUzF/JPShcAImY9zRc6nQasQ=", "runtime/components/select.js": "sha256-fycQ5QRbp/uX6ITu+R0NWa5QxG9D/Re+bRcwduvz1I0=", "runtime/components/admin-form.js": "sha256-KevgoGfwa1ySnf2hfTho7E+5XZrSWxae+kUAldlUmZc=", "runtime/chunks/forms-BT3z7lNC.js": "sha256-Txmae07dWLj1H/FL869U0Kv84TQxzpdFeOg0g8zGK6I=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-Of5oLJY6n5Yfqu44/xCAuuJEYRoCg4Kr+YZbVggbwZE=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-TRLraonRxggrZcfXS9jlN+nTIOpRHiXbMKQNm8NbR2A=", "index.html": "sha256-HsmeIqneb7G9ZHVJEuzAqXdP7AYU8OlzG8Rs70uYyBQ=", "README.md": "sha256-b4vdcJi5GqLPmseeXMNoG+T4q5KiHPI8p544USKpuao=", "manifest.json": "sha256-STvWm4XZsBY13zJP/yO/iX6FeP94jdwFHeJTOwn78a8=" } } }, { "id": "filterable-table", "name": "Filterable table", "version": "1.1.0", "tag": "j3w1-filterable-table", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/filterable-table.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/tables.js", "imports": { "class": "@j3w1/ui/components/filterable-table", "register": "@j3w1/ui/register/filterable-table", "styles": "@j3w1/ui/styles/filterable-table.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false }, { "name": "selectedIds", "type": "string[]", "description": "Stable selected row IDs.", "controller": true, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." }, { "name": "sort", "signature": "(column: number, direction?: 'ascending' | 'descending'): void", "description": "Sort existing native rows by a column." }, { "name": "filter", "signature": "(query: string): void", "description": "Filter existing rows by literal text." } ], "events": [ { "name": "j3w1-sort", "detail": "{ column: number; direction: string }", "description": "The user requested sorting." }, { "name": "j3w1-selection", "detail": "{ ids: string[] }", "description": "Selected row identities changed." } ] }, "variants": [ { "id": "default", "name": "Eight of 43" }, { "id": "empty", "name": "Nothing matches", "description": "A search term no component matches; the table body is its empty row, an empty-state block offers Clear filters, and the count reads zero." }, { "id": "loading", "name": "Loading", "description": "The table carries aria-busy; its body is the ⋯ row and the search field shows the loading glyph." } ], "states": [ "default", "hover", "focus-visible", "selected", "no-results" ], "dependencies": [ "search-field" ], "tokens": { "root.bg": "color.surface.default", "root.border": "color.border.default", "toolbar.bg": "color.surface.chrome", "toolbar.border": "color.border.divider", "toolbar.separator": "color.border.default", "search.bg": "color.surface.input", "search.border": "color.border.control", "search.text": "color.text.default", "search.placeholder": "color.text.placeholder", "search.icon": "color.icon.default", "filter.text": "color.text.default", "filter.border": "color.border.control", "new.bg": "color.action.primary.bg", "new.text": "color.action.primary.text", "chip.bg": "color.surface.default", "chip.border": "color.border.control", "chip.text": "color.text.default", "chip.remove": "color.text.muted", "header.text": "color.text.bright", "header.rule": "color.border.strong", "row.text": "color.text.default", "row.rule": "color.border.divider", "row.bg-hover": "color.interaction.hover.bg", "row.ring": "color.interaction.focus.ring", "row.selected-bg": "color.interaction.selection.bg", "row.selected-text": "color.interaction.selection.text", "row.ring-on-selection": "color.interaction.focus.ring-container", "check.bg": "color.surface.input", "check.border": "color.border.control", "check.checked-bg": "color.action.primary.bg", "check.glyph": "color.action.primary.text", "badge.tested-fill": "color.status.success.fill", "badge.tested-text": "color.status.success.on-fill", "badge.demonstrated-fill": "color.status.info.fill", "badge.demonstrated-text": "color.status.info.on-fill", "empty.text": "color.text.muted", "empty.heading": "color.text.bright", "empty.glyph": "color.icon.decorative", "count.text": "color.text.muted", "pagination.text": "color.text.default", "pagination.current": "color.text.bright", "pagination.disabled": "color.text.disabled" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "data-table", "menu", "select", "table", "search-field" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.strong", "color.code.caret", "color.icon.decorative", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.md", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.default", "color.border.disabled", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.strong", "color.code.caret", "color.icon.decorative", "color.icon.default", "color.interaction.disabled.bg", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.hover.bg-strong", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.status.danger.border", "color.status.danger.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.accent", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.link-hover", "color.text.muted", "color.text.placeholder", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.comfortable.icon", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "density.compact.icon", "density.compact.row-height", "focus.offset", "focus.offset-container", "focus.offset-invalid", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "icon.size.md", "icon.size.sm", "icon.stroke", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.24", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.disabled.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg-strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.status.danger.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.accent": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.link-hover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.placeholder": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.icon": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.size.sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "icon.stroke": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/filterable-table/", "files": { "runtime/register/filterable-table.js": "sha256-4o9WlQbHlOnAg8mdJws9+tapo3wueOwNMacJhswL7Hg=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/register/search-field.js": "sha256-Z6IeX4+LKGVQJUcQGuyUnCBL6ggQSoevMhrj75zYisw=", "runtime/components/search-field.js": "sha256-Rp53QT6z1Xj1OyzA2UoL3VtM9ZqLAXCW9wNUB3W5Rt0=", "runtime/chunks/native-CAzZmDKR.js": "sha256-er7tiDPWmSEvPEp+BvRPWpdqnw28ypHQStJng7Dbah4=", "runtime/components/filterable-table.js": "sha256-JfbQJNHHBssa29GYyYf+oOY+0xYW/LTcNMTuMC3RQ8w=", "runtime/chunks/tables-B25ydUHs.js": "sha256-XqRdyfrSS93rVybWHq6a0WhrmZgaboHi5n8ymgwRbM8=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-ZpN1xEJy4fV/PBDvH91mkuN2CZqhCUo5wpeCs27jREo=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-3PbF9wWtnKy3q07M9x690D730biEbSwu20wHAcvPPEE=", "index.html": "sha256-61p1J3mpIgWTPXP4+wTHI0p/MffdvGq+yeT7j0urEZA=", "README.md": "sha256-6b7XL2/4/SvpWfGISnk/qwr02MygxhLo8zBcNtdQ+Xc=", "manifest.json": "sha256-Aqf8MfcuxR05GMxEBi2A5c1OJ1Tn8BTwm7Kpuxiqmxg=" } } }, { "id": "i3-window-frame", "name": "i3 window frame", "version": "1.1.0", "tag": "j3w1-i3-window-frame", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/i3-window-frame.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/compositions.js", "imports": { "class": "@j3w1/ui/components/i3-window-frame", "register": "@j3w1/ui/register/i3-window-frame", "styles": "@j3w1/ui/styles/i3-window-frame.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-window-action", "detail": "{ action: string }", "description": "Request a host window action; the browser component does not control OS windows." } ] }, "variants": [ { "id": "default", "name": "Tiled", "description": "Two windows side by side; the terminal is focused." }, { "id": "tabbed", "name": "Tabbed", "description": "One container whose title row is a tab list; the terminal tab is visible and the editor panel is hidden." }, { "id": "floating", "name": "Floating", "description": "The terminal fills the workspace; the editor floats above it with the theme's only shadow and is focused." } ], "states": [ "default", "focus-visible", "selected", "container-inactive", "error" ], "dependencies": [], "tokens": { "root.bg": "color.surface.desktop", "root.border": "color.border.default", "bar.bg": "color.surface.chrome", "bar.text": "color.text.default", "bar.rule": "color.border.divider", "workspace.text": "color.text.default", "workspace.selected-bg": "color.interaction.selection.bg", "workspace.selected-text": "color.interaction.selection.text", "workspace.bg-hover": "color.interaction.hover.bg", "workspace.ring": "color.interaction.focus.ring", "workspace.ring-on-selection": "color.interaction.focus.ring-container", "workspace.urgent-bg": "color.status.danger.fill", "workspace.urgent-text": "color.status.danger.on-fill", "status.separator": "color.text.muted", "status.glyph": "color.icon.decorative", "clock.text": "color.text.bright", "area.bg": "color.surface.desktop", "window.bg": "color.surface.canvas", "window.border": "color.border.default", "window.border-focused": "color.border.active", "window.ring": "color.interaction.focus.ring-container", "title.bg": "color.surface.chrome", "title.text": "color.text.muted", "title.bg-focused": "color.surface.chrome-alt", "title.text-focused": "color.text.bright", "tab.indicator": "color.border.selected-indicator", "tab.indicator-inactive": "color.border.selected-indicator-inactive", "floating.border": "color.border.overlay", "floating.shadow": "shadow.floating", "terminal.bg": "color.terminal.bg", "terminal.text": "color.terminal.fg", "editor.bg": "color.code.bg" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "terminal", "code-editor", "tabs" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.default", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.selected-indicator-inactive", "color.code.bg", "color.code.caret", "color.code.current-line", "color.code.gutter-bg", "color.code.gutter-rule", "color.code.indent-guide", "color.code.line-number", "color.code.line-number-active", "color.code.syntax.attribute", "color.code.syntax.comment", "color.code.syntax.constant", "color.code.syntax.deprecated", "color.code.syntax.escape", "color.code.syntax.function", "color.code.syntax.heading", "color.code.syntax.invalid", "color.code.syntax.keyword", "color.code.syntax.number", "color.code.syntax.operator", "color.code.syntax.property", "color.code.syntax.punctuation", "color.code.syntax.string", "color.code.syntax.tag", "color.code.syntax.type", "color.code.syntax.variable", "color.code.whitespace", "color.icon.decorative", "color.interaction.drop-target", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.chrome", "color.surface.chrome-alt", "color.surface.default", "color.surface.desktop", "color.terminal.ansi.0", "color.terminal.ansi.1", "color.terminal.ansi.10", "color.terminal.ansi.11", "color.terminal.ansi.12", "color.terminal.ansi.13", "color.terminal.ansi.14", "color.terminal.ansi.15", "color.terminal.ansi.2", "color.terminal.ansi.3", "color.terminal.ansi.4", "color.terminal.ansi.5", "color.terminal.ansi.6", "color.terminal.ansi.7", "color.terminal.ansi.8", "color.terminal.ansi.9", "color.terminal.bg", "color.terminal.cursor", "color.terminal.fg", "color.terminal.selection-bg", "color.terminal.selection-text", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.letter-spacing.terminal", "font.line-height.code", "font.line-height.terminal", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.code", "font.size.terminal", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "shadow.floating", "space.12", "space.2", "space.24", "space.32", "space.4", "space.48", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.active", "color.border.control", "color.border.default", "color.border.divider", "color.border.overlay", "color.border.selected-indicator", "color.border.selected-indicator-inactive", "color.code.bg", "color.code.caret", "color.code.current-line", "color.code.gutter-bg", "color.code.gutter-rule", "color.code.indent-guide", "color.code.line-number", "color.code.line-number-active", "color.code.syntax.attribute", "color.code.syntax.comment", "color.code.syntax.constant", "color.code.syntax.deprecated", "color.code.syntax.escape", "color.code.syntax.function", "color.code.syntax.heading", "color.code.syntax.invalid", "color.code.syntax.keyword", "color.code.syntax.number", "color.code.syntax.operator", "color.code.syntax.property", "color.code.syntax.punctuation", "color.code.syntax.string", "color.code.syntax.tag", "color.code.syntax.type", "color.code.syntax.variable", "color.code.whitespace", "color.icon.decorative", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.pressed.bg", "color.interaction.selection.bg", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.black-55", "color.primitive.ansi.0", "color.primitive.ansi.1", "color.primitive.ansi.10", "color.primitive.ansi.11", "color.primitive.ansi.12", "color.primitive.ansi.13", "color.primitive.ansi.14", "color.primitive.ansi.15", "color.primitive.ansi.2", "color.primitive.ansi.3", "color.primitive.ansi.4", "color.primitive.ansi.5", "color.primitive.ansi.6", "color.primitive.ansi.7", "color.primitive.ansi.8", "color.primitive.ansi.9", "color.primitive.ink.0", "color.primitive.ink.14", "color.primitive.ink.20", "color.primitive.ink.28", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.200", "color.primitive.red.250", "color.primitive.red.300", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.450", "color.primitive.red.50", "color.primitive.red.500", "color.primitive.red.650", "color.primitive.red.760", "color.primitive.red.770", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.300", "color.primitive.rose.320", "color.primitive.rose.350", "color.primitive.rose.450", "color.primitive.rose.550", "color.primitive.rose.600", "color.primitive.rose.650", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.chrome", "color.surface.chrome-alt", "color.surface.default", "color.surface.desktop", "color.terminal.ansi.0", "color.terminal.ansi.1", "color.terminal.ansi.10", "color.terminal.ansi.11", "color.terminal.ansi.12", "color.terminal.ansi.13", "color.terminal.ansi.14", "color.terminal.ansi.15", "color.terminal.ansi.2", "color.terminal.ansi.3", "color.terminal.ansi.4", "color.terminal.ansi.5", "color.terminal.ansi.6", "color.terminal.ansi.7", "color.terminal.ansi.8", "color.terminal.ansi.9", "color.terminal.bg", "color.terminal.cursor", "color.terminal.fg", "color.terminal.selection-bg", "color.terminal.selection-text", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.gap", "density.compact.control-height", "density.compact.control-padding-x", "density.compact.gap", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.letter-spacing.terminal", "font.line-height.code", "font.line-height.terminal", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.code", "font.size.terminal", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "shadow.floating", "space.0", "space.12", "space.2", "space.24", "space.32", "space.4", "space.48", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.selected-indicator-inactive": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.current-line": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.gutter-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.gutter-rule": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.indent-guide": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.line-number": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.line-number-active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.attribute": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.comment": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.constant": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.deprecated": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.escape": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.function": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.heading": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.invalid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.keyword": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.number": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.operator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.property": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.punctuation": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.string": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.tag": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.type": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.syntax.variable": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.code.whitespace": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.icon.decorative": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.pressed.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.chrome": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.chrome-alt": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.desktop": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.0": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.1": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.10": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.11": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.13": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.14": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.15": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.3": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.5": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.6": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.7": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.ansi.9": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.cursor": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.fg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.selection-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.terminal.selection-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.gap": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.letter-spacing.terminal": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.terminal": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.code": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.terminal": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "shadow.floating": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.48": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/i3-window-frame/", "files": { "runtime/register/i3-window-frame.js": "sha256-T8BESQEwjGZsf7/+P5mPJcokXWquh+9IX+aeYr2odNE=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/components/i3-window-frame.js": "sha256-osIj81QbwVjAJUnIScTmhYrGjRiMfbE6cAh04HZFqBU=", "runtime/chunks/compositions-d6BkKTYf.js": "sha256-El5csGAVMeeZWmJ1ztdXW3O3t2AQPrf3YrEOMkGX17c=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-QljmW58WdoKF6+YBgt70LlUJmwvwqRDo5o6oSTF0nTA=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-nNyvwUVLU3Rdy3x0UcZN+IkCA1+Ot5CVwjUB54GDnq8=", "index.html": "sha256-5VNshBKwk0GCY7ID/iL5fiZjb6VRrIZhEdVK/HjtiK0=", "README.md": "sha256-pC1NePn9Lgx8NCqNRh/IO13zfGW6tRFm0up5UzrKTZY=", "manifest.json": "sha256-s0lKFuthDqQrdveHWFv9JS9IJ9x7P9Swx7RenWJ4/mo=" } } }, { "id": "file-browser", "name": "File browser", "version": "1.1.0", "tag": "j3w1-file-browser", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/file-browser.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/compositions.js", "imports": { "class": "@j3w1/ui/components/file-browser", "register": "@j3w1/ui/register/file-browser", "styles": "@j3w1/ui/styles/file-browser.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-open-file", "detail": "{ id: string }", "description": "Request opening an existing file identity." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "selected", "empty", "no-results", "focus-visible" ], "dependencies": [ "tree" ], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-border-width-emphasis": "border.width.emphasis", "dependency.role-color-border-divider": "color.border.divider", "dependency.role-color-border-selected-indicator": "color.border.selected-indicator", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-16": "space.16", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "table", "tree" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.border.selected-indicator", "color.border.strong", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.border.selected-indicator", "color.border.strong", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.rose.300", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.disabled", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "space.12", "space.16", "space.2", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.selected-indicator": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.disabled": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/file-browser/", "files": { "runtime/register/file-browser.js": "sha256-3aIWKczcdziEiQIR4gWOFhsKDAxyRTBDe0i3ynmVXis=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/register/tree.js": "sha256-xY8jWYnbMM8UlE/rdQJsu3/URGPvdUC06U1QmKsmFZQ=", "runtime/components/tree.js": "sha256-nIgebFZB9iXz61jIYQB1YK6Aqu0FCVdThEQM+EoFDKI=", "runtime/chunks/advanced-DCpe8Ndv.js": "sha256-nr1LFdLYsGeTM4vDyldvuJygRm0F04sYonxatySPu1g=", "runtime/chunks/markup-DeQ4bEMR.js": "sha256-Eyyx7MKBoqXK4i2HaVUQhKUM066L2wIggABt6jAdgas=", "runtime/components/file-browser.js": "sha256-eRIFa+bFIhff+YygASr25H+hdRq3ych+XzeIPibGPdg=", "runtime/chunks/compositions-d6BkKTYf.js": "sha256-El5csGAVMeeZWmJ1ztdXW3O3t2AQPrf3YrEOMkGX17c=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-jXsUncF3ZqNTAY54eALB2XHlOFiiumSXp+AnM14Tz1Q=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-TbSmPr7cV31g3WqgPi6LboOGQdmgxz/89Tf/3ld2pfU=", "index.html": "sha256-68VZEF9M4ZFNgI9IZ7yrpktM4/9dA+GR/D6aTo6ocn0=", "README.md": "sha256-CByPQfsZGrimNqNxOaWzvUFKBJN6mbzvI+sTqd6qWDk=", "manifest.json": "sha256-EEtJTrldiVDYRuf11XWEQko2GxdyFaVx/ScVWrxRUTw=" } } }, { "id": "compact-dashboard", "name": "Compact dashboard", "version": "1.1.0", "tag": "j3w1-compact-dashboard", "contract": "https://github.com/j3w1/theme/blob/v1.1.0/spec/components/compact-dashboard.md", "source": "https://github.com/j3w1/theme/blob/v1.1.0/packages/ui/src/behaviors/compositions.js", "imports": { "class": "@j3w1/ui/components/compact-dashboard", "register": "@j3w1/ui/register/compact-dashboard", "styles": "@j3w1/ui/styles/compact-dashboard.css", "tokens": "@j3w1/ui/tokens.css" }, "dom": "light", "domReason": "Light DOM retains static content, native semantics, label relationships and host composition without duplicating controls.", "api": { "attributes": [ { "name": "disabled", "description": "Disable the native controls owned by this instance." }, { "name": "loading", "description": "Mark the primary control busy and prevent duplicate activation." } ], "properties": [ { "name": "disabled", "type": "boolean", "description": "Delegates disabled state to native children.", "controller": false, "readonly": false }, { "name": "name", "type": "string", "description": "Native control name; application form keys remain explicit.", "controller": false, "readonly": false } ], "methods": [ { "name": "refresh", "signature": "(): void", "description": "Reconnect behavior after replacing native child structure." }, { "name": "focus", "signature": "(options?: FocusOptions): void", "description": "Focus the first usable native control." } ], "events": [ { "name": "j3w1-open-record", "detail": "{ id: string }", "description": "Request an existing record." } ] }, "variants": [ { "id": "default", "name": "Default" } ], "states": [ "default", "loading", "empty", "focus-visible" ], "dependencies": [ "chart" ], "tokens": { "root.bg": "color.surface.default", "root.text": "color.text.default", "root.border": "color.border.control", "heading.text": "color.text.bright", "secondary.text": "color.text.muted", "control.bg": "color.surface.input", "control.focus": "color.interaction.focus.ring", "dependency.role-border-width-default": "border.width.default", "dependency.role-color-border-divider": "color.border.divider", "dependency.role-color-surface-chrome": "color.surface.chrome", "dependency.role-density-comfortable-control-height": "density.comfortable.control-height", "dependency.role-density-compact-control-height": "density.compact.control-height", "dependency.role-font-size-h2": "font.size.h2", "dependency.role-radius-none": "radius.none", "dependency.role-space-12": "space.12", "dependency.role-space-2": "space.2", "dependency.role-space-8": "space.8" }, "status": { "implemented": true, "packaged": true, "verification": "See separate revision-aware execution evidence" }, "styleDependencies": [ "table", "chart" ], "tokenDependencies": { "roles": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.border.strong", "color.chart.axis", "color.chart.grid", "color.chart.label", "color.chart.series-2", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.canvas", "color.surface.chrome", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.h2", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "paths": [ "border.width.default", "border.width.emphasis", "color.border.control", "color.border.divider", "color.border.strong", "color.chart.axis", "color.chart.grid", "color.chart.label", "color.chart.series-2", "color.interaction.drop-target", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.hover.bg", "color.interaction.selection.bg", "color.interaction.selection.inactive-bg", "color.interaction.selection.inactive-text", "color.interaction.selection.text", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.ink.0", "color.primitive.ink.14", "color.primitive.ink.28", "color.primitive.ink.30", "color.primitive.ink.40", "color.primitive.ink.60", "color.primitive.paper.90", "color.primitive.red.100", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.50", "color.primitive.red.800", "color.primitive.red.850", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.canvas", "color.surface.chrome", "color.surface.default", "color.surface.input", "color.surface.raised", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.comfortable.row-height", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.ring", "font.family.mono", "font.line-height.ui-md", "font.size.h2", "font.size.ui-md", "font.weight.bold", "font.weight.regular", "motion.duration.fast", "radius.none", "space.12", "space.2", "space.32", "space.4", "space.8", "z.popover", "z.raised" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "border.width.emphasis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.divider": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.border.strong": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.axis": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.grid": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.label": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.chart.series-2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.drop-target": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.hover.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.inactive-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.chrome": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.row-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.regular": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.fast": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.32": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.popover": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.raised": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } } }, "maturity": "stable", "copy": { "directory": "copy/compact-dashboard/", "files": { "runtime/register/compact-dashboard.js": "sha256-+hjjezkupB41oBwwJyLeQY5FNxI9eXWs5VsP2irSgxY=", "runtime/chunks/element-C1XeXVYC.js": "sha256-VZkTciWeek3bcBd4h0ngRVGe1X7zMK01xhx5IsNOOQ0=", "runtime/chunks/choice-Db_w_BOQ.js": "sha256-Zj9PtQyyZKSATrJYBr7lXlddGGJMBDc5FSnZUWPNAiU=", "runtime/register/chart.js": "sha256-5iBwKSjcyRylARXTeL2emhbuI2FCMQ757IBdPqFnU0U=", "runtime/components/chart.js": "sha256-GRtY+OdW2g4EXHkzxVQ6CpCWxgieBnh9QtfYhimsOr0=", "runtime/chunks/display-dj9YaBfn.js": "sha256-0Y8LcHvfDz2LLz+EWdO8Jr6pfwnXPw03N8x1UcM2pN8=", "runtime/components/compact-dashboard.js": "sha256-zoi+eTrgvPMjV5ogIVcmm8XCOOzADEWwvdXcPPq6g6c=", "runtime/chunks/compositions-d6BkKTYf.js": "sha256-El5csGAVMeeZWmJ1ztdXW3O3t2AQPrf3YrEOMkGX17c=", "runtime/chunks/navigation-Dt8ap-9J.js": "sha256-7QSC/eQSDSRRy3YqMltwjb6cwbEA0V652cfo+Ng2VqA=", "tokens.css": "sha256-e3SlEktgElKxBirr7PuEBjsxsZPpTmR0uEjaOtCy7pw=", "component.css": "sha256-CK9kd2wDntxSLF6J4F4+3SFybCPdr/tSqL7xJpw3hFs=", "LICENSE.md": "sha256-qIhhY3s7J0Mo6RsjJ0tLGwDZv4hHq8knuhm+YGjpzh0=", "element.html": "sha256-I++zY2714BqcfCh02WgcXCFwujrwXLK4TwP9wII+QE4=", "index.html": "sha256-3/JWb8Uk24wjHBuQjWRaXDvwfUi9Mp9wjh4uYtdNxQ4=", "README.md": "sha256-bP0ZMqHLH8OADSCDOhS+LJOMoRwWF7jD62iCMZ3Hsio=", "manifest.json": "sha256-z5XXQIT8UW0Dy56w5YEONtl0rb7zat7tzKEHVUY97Nk=" } } } ] }