{ "timestamp": "2026-08-25T15:32:37", "compiler": { "name": "@stencil/core", "version": "4.43.5", "typescriptVersion": "5.8.3" }, "components": [ { "filePath": "src/wc/components/AgentActivity/AgentActivity.tsx", "encapsulation": "scoped", "tag": "ds-agent-activity", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Activity'" } ], "default": "'Activity'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "items", "type": "AgentActivityItem[]", "complexType": { "original": "AgentActivityItem[]", "resolved": "AgentActivityItem[]", "references": { "AgentActivityItem": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentActivityItem", "referenceLocation": "AgentActivityItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "AgentActivityItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "open", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-response" ], "dependencies": [ "ds-icon", "ds-text", "ds-loader" ], "dependencyGraph": { "ds-agent-activity": [ "ds-icon", "ds-text", "ds-loader" ], "ds-agent-response": [ "ds-agent-activity" ] } }, { "filePath": "src/wc/components/AgentQuestionnaire/AgentQuestionnaire.tsx", "encapsulation": "scoped", "tag": "ds-agent-questionnaire", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "allowCancel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "allow-cancel", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "answers", "type": "AgentQuestionAnswer[]", "complexType": { "original": "AgentQuestionAnswer[]", "resolved": "AgentQuestionAnswer[]", "references": { "AgentQuestionAnswer": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentQuestionAnswer", "referenceLocation": "AgentQuestionAnswer" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "AgentQuestionAnswer[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "errorMessage", "type": "string | undefined", "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "error-message", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "labels", "type": "AgentQuestionnaireLabels | undefined", "complexType": { "original": "Partial", "resolved": "AgentQuestionnaireLabels | undefined", "references": { "Partial": { "location": "global", "id": "global::Partial" }, "AgentQuestionnaireLabels": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentQuestionnaireLabels", "referenceLocation": "AgentQuestionnaireLabels" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "AgentQuestionnaireLabels" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "questions", "type": "AgentQuestion[]", "complexType": { "original": "AgentQuestion[]", "resolved": "AgentQuestion[]", "references": { "AgentQuestion": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentQuestion", "referenceLocation": "AgentQuestion" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "AgentQuestion[]" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "requestId", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "request-id", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "status", "type": "\"answered\" | \"error\" | \"preparing\" | \"ready\" | \"submitting\"", "complexType": { "original": "AgentQuestionnaireStatus", "resolved": "\"answered\" | \"error\" | \"preparing\" | \"ready\" | \"submitting\"", "references": { "AgentQuestionnaireStatus": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentQuestionnaireStatus", "referenceLocation": "AgentQuestionnaireStatus" } } }, "mutable": false, "attr": "status", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'ready'" } ], "default": "'ready'", "values": [ { "value": "answered", "type": "string" }, { "value": "error", "type": "string" }, { "value": "preparing", "type": "string" }, { "value": "ready", "type": "string" }, { "value": "submitting", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setFocus", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setFocus() => Promise", "parameters": [], "docs": "", "docsTags": [] } ], "events": [ { "event": "dsAnswer", "detail": "AgentQuestionnaireAnswerEventDetail", "bubbles": true, "complexType": { "original": "AgentQuestionnaireAnswerEventDetail", "resolved": "AgentQuestionnaireAnswerEventDetail", "references": { "AgentQuestionnaireAnswerEventDetail": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentQuestionnaireAnswerEventDetail", "referenceLocation": "AgentQuestionnaireAnswerEventDetail" } } }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] }, { "event": "dsCancel", "detail": "AgentQuestionnaireCancelEventDetail", "bubbles": true, "complexType": { "original": "AgentQuestionnaireCancelEventDetail", "resolved": "AgentQuestionnaireCancelEventDetail", "references": { "AgentQuestionnaireCancelEventDetail": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentQuestionnaireCancelEventDetail", "referenceLocation": "AgentQuestionnaireCancelEventDetail" } } }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-response" ], "dependencies": [ "ds-radio", "ds-checkbox", "ds-text", "ds-icon", "ds-loader", "ds-tooltip", "ds-button-unfilled", "ds-button-filled" ], "dependencyGraph": { "ds-agent-questionnaire": [ "ds-radio", "ds-checkbox", "ds-text", "ds-icon", "ds-loader", "ds-tooltip", "ds-button-unfilled", "ds-button-filled" ], "ds-radio": [ "ds-text" ], "ds-checkbox": [ "ds-text" ], "ds-tooltip": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-button-filled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-agent-response": [ "ds-agent-questionnaire" ] } }, { "filePath": "src/wc/components/AgentResponse/AgentResponse.tsx", "encapsulation": "scoped", "tag": "ds-agent-response", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "author", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "author", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "messageId", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "message-id", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "metadataVisibility", "type": "\"always\" | \"hover\"", "complexType": { "original": "MessageMetadataVisibility", "resolved": "\"always\" | \"hover\"", "references": { "MessageMetadataVisibility": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::MessageMetadataVisibility", "referenceLocation": "MessageMetadataVisibility" } } }, "mutable": false, "attr": "metadata-visibility", "reflectToAttr": false, "docs": "Controls whether the complete message metadata footer is persistent or revealed through hover/focus.", "docsTags": [ { "name": "default", "text": "'always'" } ], "default": "'always'", "values": [ { "value": "always", "type": "string" }, { "value": "hover", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "parts", "type": "AgentResponsePart[]", "complexType": { "original": "AgentResponsePart[]", "resolved": "AgentResponsePart[]", "references": { "AgentResponsePart": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentResponsePart", "referenceLocation": "AgentResponsePart" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "AgentResponsePart[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "renderMode", "type": "\"composed\" | \"parts\"", "complexType": { "original": "AgentResponseRenderMode", "resolved": "\"composed\" | \"parts\"", "references": { "AgentResponseRenderMode": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentResponseRenderMode", "referenceLocation": "AgentResponseRenderMode" } } }, "mutable": false, "attr": "render-mode", "reflectToAttr": false, "docs": "Renders serializable ordered parts or lets the default slot own the complete ordered body.", "docsTags": [ { "name": "default", "text": "'parts'" } ], "default": "'parts'", "values": [ { "value": "composed", "type": "string" }, { "value": "parts", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showAuthor", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-author", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "streaming", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "streaming", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "timestamp", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "timestamp", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-markdown", "ds-agent-activity", "ds-agent-tool-call", "ds-attachment-list", "ds-agent-source-list", "ds-agent-questionnaire", "ds-message" ], "dependencyGraph": { "ds-agent-response": [ "ds-markdown", "ds-agent-activity", "ds-agent-tool-call", "ds-attachment-list", "ds-agent-source-list", "ds-agent-questionnaire", "ds-message" ], "ds-markdown": [ "ds-code-block" ], "ds-code-block": [ "ds-text", "ds-tooltip", "ds-button-unfilled" ], "ds-tooltip": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-agent-activity": [ "ds-icon", "ds-text", "ds-loader" ], "ds-agent-tool-call": [ "ds-loader", "ds-icon", "ds-text" ], "ds-attachment-list": [ "ds-icon", "ds-text" ], "ds-agent-source-list": [ "ds-icon", "ds-text" ], "ds-agent-questionnaire": [ "ds-radio", "ds-checkbox", "ds-text", "ds-icon", "ds-loader", "ds-tooltip", "ds-button-unfilled", "ds-button-filled" ], "ds-radio": [ "ds-text" ], "ds-checkbox": [ "ds-text" ], "ds-button-filled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-message": [ "ds-text" ] } }, { "filePath": "src/wc/components/AgentSourceList/AgentSourceList.tsx", "encapsulation": "scoped", "tag": "ds-agent-source-list", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Sources'" } ], "default": "'Sources'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "items", "type": "AgentSource[]", "complexType": { "original": "AgentSource[]", "resolved": "AgentSource[]", "references": { "AgentSource": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentSource", "referenceLocation": "AgentSource" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "AgentSource[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "open", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsOpenChange", "detail": "{ open: boolean; }", "bubbles": true, "complexType": { "original": "{ open: boolean }", "resolved": "{ open: boolean; }", "references": {} }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-response" ], "dependencies": [ "ds-icon", "ds-text" ], "dependencyGraph": { "ds-agent-source-list": [ "ds-icon", "ds-text" ], "ds-agent-response": [ "ds-agent-source-list" ] } }, { "filePath": "src/wc/components/AgentToolCall/AgentToolCall.tsx", "encapsulation": "scoped", "tag": "ds-agent-tool-call", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "error", "type": "string | undefined", "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "input", "type": "unknown", "complexType": { "original": "unknown", "resolved": "unknown", "references": {} }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "unknown" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "open", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "output", "type": "unknown", "complexType": { "original": "unknown", "resolved": "unknown", "references": {} }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "unknown" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "state", "type": "\"canceled\" | \"denied\" | \"error\" | \"preparing\" | \"queued\" | \"running\" | \"success\" | \"waiting-for-user\"", "complexType": { "original": "AgentToolState", "resolved": "\"canceled\" | \"denied\" | \"error\" | \"preparing\" | \"queued\" | \"running\" | \"success\" | \"waiting-for-user\"", "references": { "AgentToolState": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::AgentToolState", "referenceLocation": "AgentToolState" } } }, "mutable": false, "attr": "state", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'queued'" } ], "default": "'queued'", "values": [ { "value": "canceled", "type": "string" }, { "value": "denied", "type": "string" }, { "value": "error", "type": "string" }, { "value": "preparing", "type": "string" }, { "value": "queued", "type": "string" }, { "value": "running", "type": "string" }, { "value": "success", "type": "string" }, { "value": "waiting-for-user", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "statusLabel", "type": "string | undefined", "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "status-label", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsOpenChange", "detail": "{ open: boolean; }", "bubbles": true, "complexType": { "original": "{ open: boolean }", "resolved": "{ open: boolean; }", "references": {} }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-response" ], "dependencies": [ "ds-loader", "ds-icon", "ds-text" ], "dependencyGraph": { "ds-agent-tool-call": [ "ds-loader", "ds-icon", "ds-text" ], "ds-agent-response": [ "ds-agent-tool-call" ] } }, { "filePath": "src/wc/components/AttachmentList/AttachmentList.tsx", "encapsulation": "scoped", "tag": "ds-attachment-list", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "items", "type": "ConversationAttachment[]", "complexType": { "original": "ConversationAttachment[]", "resolved": "ConversationAttachment[]", "references": { "ConversationAttachment": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::ConversationAttachment", "referenceLocation": "ConversationAttachment" } } }, "mutable": false, "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "ConversationAttachment[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Attachments'" } ], "default": "'Attachments'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-response" ], "dependencies": [ "ds-icon", "ds-text" ], "dependencyGraph": { "ds-attachment-list": [ "ds-icon", "ds-text" ], "ds-agent-response": [ "ds-attachment-list" ] } }, { "filePath": "src/wc/components/Avatar/Avatar.tsx", "encapsulation": "scoped", "tag": "ds-avatar", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Canonical IcoMo icon name displayed inside the avatar.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "iconColor", "type": "\"ai\" | \"bold-ai\" | \"bold-brand\" | \"bold-caution\" | \"bold-negative\" | \"bold-neutral\" | \"bold-positive\" | \"bold-warning\" | \"brand\" | \"caution\" | \"faint-ai\" | \"faint-brand\" | \"faint-caution\" | \"faint-negative\" | \"faint-neutral\" | \"faint-positive\" | \"faint-warning\" | \"guide\" | \"inherit\" | \"medium-ai\" | \"medium-brand\" | \"medium-caution\" | \"medium-negative\" | \"medium-neutral\" | \"medium-positive\" | \"medium-warning\" | \"negative\" | \"neutral\" | \"on-bold\" | \"on-strong\" | \"positive\" | \"primary\" | \"quaternary\" | \"secondary\" | \"strong-ai\" | \"strong-brand\" | \"strong-caution\" | \"strong-negative\" | \"strong-neutral\" | \"strong-positive\" | \"strong-warning\" | \"tertiary\" | \"warning\" | `var(--${string})`", "complexType": { "original": "IconColor", "resolved": "\"ai\" | \"bold-ai\" | \"bold-brand\" | \"bold-caution\" | \"bold-negative\" | \"bold-neutral\" | \"bold-positive\" | \"bold-warning\" | \"brand\" | \"caution\" | \"faint-ai\" | \"faint-brand\" | \"faint-caution\" | \"faint-negative\" | \"faint-neutral\" | \"faint-positive\" | \"faint-warning\" | \"guide\" | \"inherit\" | \"medium-ai\" | \"medium-brand\" | \"medium-caution\" | \"medium-negative\" | \"medium-neutral\" | \"medium-positive\" | \"medium-warning\" | \"negative\" | \"neutral\" | \"on-bold\" | \"on-strong\" | \"positive\" | \"primary\" | \"quaternary\" | \"secondary\" | \"strong-ai\" | \"strong-brand\" | \"strong-caution\" | \"strong-negative\" | \"strong-neutral\" | \"strong-positive\" | \"strong-warning\" | \"tertiary\" | \"warning\" | `var(--${string})`", "references": { "IconColor": { "location": "import", "path": "../Icon/Icon", "id": "src/wc/components/Icon/Icon.tsx::IconColor", "referenceLocation": "IconColor" } } }, "mutable": false, "attr": "icon-color", "reflectToAttr": false, "docs": "Semantic icon hierarchy. Use primary for stronger emphasis; secondary is the default.", "docsTags": [ { "name": "default", "text": "'secondary'" } ], "default": "'secondary'", "values": [ { "value": "ai", "type": "string" }, { "value": "bold-ai", "type": "string" }, { "value": "bold-brand", "type": "string" }, { "value": "bold-caution", "type": "string" }, { "value": "bold-negative", "type": "string" }, { "value": "bold-neutral", "type": "string" }, { "value": "bold-positive", "type": "string" }, { "value": "bold-warning", "type": "string" }, { "value": "brand", "type": "string" }, { "value": "caution", "type": "string" }, { "value": "faint-ai", "type": "string" }, { "value": "faint-brand", "type": "string" }, { "value": "faint-caution", "type": "string" }, { "value": "faint-negative", "type": "string" }, { "value": "faint-neutral", "type": "string" }, { "value": "faint-positive", "type": "string" }, { "value": "faint-warning", "type": "string" }, { "value": "guide", "type": "string" }, { "value": "inherit", "type": "string" }, { "value": "medium-ai", "type": "string" }, { "value": "medium-brand", "type": "string" }, { "value": "medium-caution", "type": "string" }, { "value": "medium-negative", "type": "string" }, { "value": "medium-neutral", "type": "string" }, { "value": "medium-positive", "type": "string" }, { "value": "medium-warning", "type": "string" }, { "value": "negative", "type": "string" }, { "value": "neutral", "type": "string" }, { "value": "on-bold", "type": "string" }, { "value": "on-strong", "type": "string" }, { "value": "positive", "type": "string" }, { "value": "primary", "type": "string" }, { "value": "quaternary", "type": "string" }, { "value": "secondary", "type": "string" }, { "value": "strong-ai", "type": "string" }, { "value": "strong-brand", "type": "string" }, { "value": "strong-caution", "type": "string" }, { "value": "strong-negative", "type": "string" }, { "value": "strong-neutral", "type": "string" }, { "value": "strong-positive", "type": "string" }, { "value": "strong-warning", "type": "string" }, { "value": "tertiary", "type": "string" }, { "value": "warning", "type": "string" }, { "type": "`var(--${string})`" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Optional accessible label. Omit when the surrounding content already conveys the meaning.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"md\" | \"sm\" | \"xs\"", "complexType": { "original": "AvatarSize", "resolved": "\"md\" | \"sm\" | \"xs\"", "references": { "AvatarSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Avatar/Avatar.tsx", "id": "src/wc/components/Avatar/Avatar.tsx::AvatarSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Circle and icon density. Maps to 32/20, 24/16, or 16/12 px.", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-icon" ], "dependencyGraph": { "ds-avatar": [ "ds-icon" ] } }, { "filePath": "src/wc/components/Badge/Badge.tsx", "encapsulation": "scoped", "tag": "ds-badge", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "background", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "background", "reflectToAttr": false, "docs": "Direct ring background override for component-local surfaces.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "count", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "count", "reflectToAttr": false, "docs": "Count shown for counter badges. Count 0 hides the badge.", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "gradientBackground", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "gradient-background", "reflectToAttr": true, "docs": "Ring samples the shell gradient stack (base fill + wash) instead of a flat\n`box-shadow`. Auto-enabled under an ShellApp with an active gradient preset;\nset `gradient-background` to opt in/out explicitly.\n\nThe attribute must NOT start with `on` — Stencil's setAccessor routes any\nunknown `on*` member down the event-listener path during attribute\nreflection, calling addEventListener with a non-listener and throwing.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hasRing", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-ring", "reflectToAttr": false, "docs": "Show the separation ring when the badge overlaps an icon or other content.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Contextual supplemental text. Omit when the owner hides the badge from assistive technology.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "max", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max", "reflectToAttr": false, "docs": "Highest count shown before compacting to \"{max}+\".", "docsTags": [ { "name": "default", "text": "9" } ], "default": "9", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "surface", "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"primary\" | \"secondary\" | \"strong\" | \"translucent\"", "complexType": { "original": "BadgeSurface", "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"primary\" | \"secondary\" | \"strong\" | \"translucent\"", "references": { "BadgeSurface": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Badge/Badge.tsx", "id": "src/wc/components/Badge/Badge.tsx::BadgeSurface" } } }, "mutable": false, "attr": "surface", "reflectToAttr": false, "docs": "Immediate backing surface matched by the ring around either variant.", "docsTags": [ { "name": "default", "text": "'primary'" } ], "default": "'primary'", "values": [ { "value": "always-dark", "type": "string" }, { "value": "bold", "type": "string" }, { "value": "faint", "type": "string" }, { "value": "inverted", "type": "string" }, { "value": "media", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "navigation", "type": "string" }, { "value": "primary", "type": "string" }, { "value": "secondary", "type": "string" }, { "value": "strong", "type": "string" }, { "value": "translucent", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"counter\" | \"dot\"", "complexType": { "original": "BadgeVariant", "resolved": "\"counter\" | \"dot\"", "references": { "BadgeVariant": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Badge/Badge.tsx", "id": "src/wc/components/Badge/Badge.tsx::BadgeVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Render as a compact counter or notification dot.", "docsTags": [ { "name": "default", "text": "'counter'" } ], "default": "'counter'", "values": [ { "value": "counter", "type": "string" }, { "value": "dot", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-bar-nav", "ds-button-filled", "ds-button-unfilled", "ds-conversation-list-item", "ds-menu", "ds-mobile-bar-nav", "ds-mobile-sheet-nav", "ds-panel-nav", "ds-select", "ds-tab-group" ], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-badge": [ "ds-text" ], "ds-bar-nav": [ "ds-badge" ], "ds-button-filled": [ "ds-badge" ], "ds-button-unfilled": [ "ds-badge" ], "ds-conversation-list-item": [ "ds-badge" ], "ds-menu": [ "ds-badge" ], "ds-mobile-bar-nav": [ "ds-badge" ], "ds-mobile-sheet-nav": [ "ds-badge" ], "ds-panel-nav": [ "ds-badge" ], "ds-select": [ "ds-badge" ], "ds-tab-group": [ "ds-badge" ] } }, { "filePath": "src/wc/components/Banner/Banner.tsx", "encapsulation": "scoped", "tag": "ds-banner", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "announcement", "type": "\"assertive\" | \"none\" | \"polite\"", "complexType": { "original": "BannerAnnouncement", "resolved": "\"assertive\" | \"none\" | \"polite\"", "references": { "BannerAnnouncement": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx", "id": "src/wc/components/Banner/Banner.tsx::BannerAnnouncement" } } }, "mutable": false, "attr": "announcement", "reflectToAttr": false, "docs": "Live-region urgency, independent of visual intent.", "docsTags": [ { "name": "default", "text": "'none'" } ], "default": "'none'", "values": [ { "value": "assertive", "type": "string" }, { "value": "none", "type": "string" }, { "value": "polite", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "contrast", "type": "\"bold\" | \"faint\" | \"medium\" | \"strong\"", "complexType": { "original": "BannerContrast", "resolved": "\"bold\" | \"faint\" | \"medium\" | \"strong\"", "references": { "BannerContrast": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx", "id": "src/wc/components/Banner/Banner.tsx::BannerContrast" } } }, "mutable": false, "attr": "contrast", "reflectToAttr": true, "docs": "Surface fill weight.", "docsTags": [ { "name": "default", "text": "'faint'" } ], "default": "'faint'", "values": [ { "value": "bold", "type": "string" }, { "value": "faint", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "strong", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "description", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "Required explanatory copy.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "dismissLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "dismiss-label", "reflectToAttr": false, "docs": "Localized accessible label for the close control.", "docsTags": [ { "name": "default", "text": "'Dismiss banner'" } ], "default": "'Dismiss banner'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "Optional visual heading rendered before the description.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "intent", "type": "\"brand\" | \"caution\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"", "complexType": { "original": "BannerIntent", "resolved": "\"brand\" | \"caution\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"", "references": { "BannerIntent": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx", "id": "src/wc/components/Banner/Banner.tsx::BannerIntent" } } }, "mutable": false, "attr": "intent", "reflectToAttr": true, "docs": "Semantic color family.", "docsTags": [ { "name": "default", "text": "'neutral'" } ], "default": "'neutral'", "values": [ { "value": "brand", "type": "string" }, { "value": "caution", "type": "string" }, { "value": "negative", "type": "string" }, { "value": "neutral", "type": "string" }, { "value": "positive", "type": "string" }, { "value": "warning", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "open", "reflectToAttr": true, "docs": "Controlled visibility. Keep the element mounted until dsAfterClose when unmounting.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "orientation", "type": "\"horizontal\" | \"vertical\"", "complexType": { "original": "BannerOrientation", "resolved": "\"horizontal\" | \"vertical\"", "references": { "BannerOrientation": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx", "id": "src/wc/components/Banner/Banner.tsx::BannerOrientation" } } }, "mutable": false, "attr": "orientation", "reflectToAttr": true, "docs": "Copy and action-lane arrangement, selected by the application.", "docsTags": [ { "name": "default", "text": "'horizontal'" } ], "default": "'horizontal'", "values": [ { "value": "horizontal", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsAfterClose", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted once after controlled exit motion and layout collapse complete.", "docsTags": [] }, { "event": "dsClose", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "Emitted when the close control requests dismissal. The application controls open.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text", "ds-tooltip", "ds-button-unfilled" ], "dependencyGraph": { "ds-banner": [ "ds-text", "ds-tooltip", "ds-button-unfilled" ], "ds-tooltip": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ] } }, { "filePath": "src/wc/components/BarAction/BarAction.tsx", "encapsulation": "scoped", "tag": "ds-bar-action", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "clearLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "clear-label", "reflectToAttr": false, "docs": "Visible Clear control label.", "docsTags": [ { "name": "default", "text": "'Clear'" } ], "default": "'Clear'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "count", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "count", "reflectToAttr": false, "docs": "Number of selected items. The bar is hidden while this is below one.", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Accessible name for the selected-set action group.", "docsTags": [ { "name": "default", "text": "'Selected item actions'" } ], "default": "'Selected item actions'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "selectedLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "selected-label", "reflectToAttr": false, "docs": "Localized noun shown after the count.", "docsTags": [ { "name": "default", "text": "'selected'" } ], "default": "'selected'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsClear", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "Emitted when Clear is activated. The application owns the selected identities.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-bar-action": [ "ds-text" ] } }, { "filePath": "src/wc/components/BarNav/BarNav.tsx", "encapsulation": "scoped", "tag": "ds-bar-nav", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "basePath", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "base-path", "reflectToAttr": false, "docs": "Section base path (e.g. `/dashboard/safety`). Used with `currentUrl` to derive `value`.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "currentUrl", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "current-url", "reflectToAttr": false, "docs": "Current route URL. When set with `basePath`, the active tab is derived automatically.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "Fallback heading shown when no tabs are provided.\nWhen tabs are present the heading is hidden.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "moreTabsLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "more-tabs-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'More tabs'" } ], "default": "'More tabs'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "navStyle", "type": "\"dashboard\" | \"settings\"", "complexType": { "original": "NavChromeStyle", "resolved": "\"dashboard\" | \"settings\"", "references": { "NavChromeStyle": { "location": "import", "path": "../../shell/nav-chrome", "id": "src/wc/shell/nav-chrome.ts::NavChromeStyle", "referenceLocation": "NavChromeStyle" } } }, "mutable": false, "attr": "nav-style", "reflectToAttr": true, "docs": "Style slot: `dashboard` or `settings`. Colors match for now.", "docsTags": [ { "name": "default", "text": "'dashboard'" } ], "default": "'dashboard'", "values": [ { "value": "dashboard", "type": "string" }, { "value": "settings", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "tabs", "type": "TabItem[]", "complexType": { "original": "BarNavTab[]", "resolved": "TabItem[]", "references": { "BarNavTab": { "location": "import", "path": "./bar-nav-types", "id": "src/wc/components/BarNav/bar-nav-types.ts::BarNavTab", "referenceLocation": "BarNavTab" } } }, "mutable": false, "reflectToAttr": false, "docs": "Tab items for the left section.\nSet via JS property: `el.tabs = [...]`. Replace the array reference to update.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "TabItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "ID of the currently active tab. Overridden when `currentUrl` + `basePath` are set.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsTabChange", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the active tab changes. Detail = tab id.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-shell-app" ], "dependencies": [ "ds-text", "ds-badge", "ds-button-unfilled", "ds-menu" ], "dependencyGraph": { "ds-bar-nav": [ "ds-text", "ds-badge", "ds-button-unfilled", "ds-menu" ], "ds-badge": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-menu": [ "ds-text", "ds-swatch-picker", "ds-icon", "ds-tag", "ds-badge", "ds-switch" ], "ds-tag": [ "ds-icon", "ds-text" ], "ds-shell-app": [ "ds-bar-nav" ] } }, { "filePath": "src/wc/components/BarTitle/BarTitle.tsx", "encapsulation": "scoped", "tag": "ds-bar-title", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "actions", "type": "BarTitleActionItem[]", "complexType": { "original": "BarTitleActionItem[]", "resolved": "BarTitleActionItem[]", "references": { "BarTitleActionItem": { "location": "import", "path": "./bar-title-types", "id": "src/wc/components/BarTitle/bar-title-types.ts::BarTitleActionItem", "referenceLocation": "BarTitleActionItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "Secondary page actions shown in the overflow menu. Dividers create groups.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "BarTitleActionItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "actionsAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "actions-aria-label", "reflectToAttr": false, "docs": "Accessible name for the page-actions menu.", "docsTags": [ { "name": "default", "text": "'More page actions'" } ], "default": "'More page actions'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "backAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "back-aria-label", "reflectToAttr": false, "docs": "Accessible name for the leading Back action.", "docsTags": [ { "name": "default", "text": "'Back'" } ], "default": "'Back'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "backLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "back-label", "reflectToAttr": false, "docs": "Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.", "docsTags": [ { "name": "default", "text": "'Back'" } ], "default": "'Back'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "breadcrumbAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "breadcrumb-aria-label", "reflectToAttr": false, "docs": "Accessible name for the expanded breadcrumb navigation landmark.", "docsTags": [ { "name": "default", "text": "'Breadcrumb'" } ], "default": "'Breadcrumb'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "breadcrumbs", "type": "BreadcrumbItem[]", "complexType": { "original": "BreadcrumbItem[]", "resolved": "BreadcrumbItem[]", "references": { "BreadcrumbItem": { "location": "import", "path": "../Breadcrumb/breadcrumb-types", "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem", "referenceLocation": "BreadcrumbItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "Optional expanded ancestor path. Compact variants continue to use the Back action.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "BreadcrumbItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "description", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "Optional supporting copy shown in the expanded presentation.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "The page's single visible h1.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "primaryAction", "type": "BarTitlePrimaryAction | null", "complexType": { "original": "BarTitlePrimaryAction | null", "resolved": "BarTitlePrimaryAction | null", "references": { "BarTitlePrimaryAction": { "location": "import", "path": "./bar-title-types", "id": "src/wc/components/BarTitle/bar-title-types.ts::BarTitlePrimaryAction", "referenceLocation": "BarTitlePrimaryAction" } } }, "mutable": false, "reflectToAttr": false, "docs": "The one highest-emphasis page action.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "BarTitlePrimaryAction" }, { "type": "null" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "sections", "type": "BarTitleSectionItem[]", "complexType": { "original": "BarTitleSectionItem[]", "resolved": "BarTitleSectionItem[]", "references": { "BarTitleSectionItem": { "location": "import", "path": "./bar-title-types", "id": "src/wc/components/BarTitle/bar-title-types.ts::BarTitleSectionItem", "referenceLocation": "BarTitleSectionItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "Optional page sections exposed through the active-section menu.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "BarTitleSectionItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "sectionsAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "sections-aria-label", "reflectToAttr": false, "docs": "Accessible name for the page-section menu.", "docsTags": [ { "name": "default", "text": "'Change page section'" } ], "default": "'Change page section'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showBack", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-back", "reflectToAttr": false, "docs": "Show the leading page-level Back action.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showCompactDivider", "type": "boolean | undefined", "complexType": { "original": "boolean", "resolved": "boolean | undefined", "references": {} }, "mutable": false, "attr": "show-compact-divider", "reflectToAttr": false, "docs": "Override divider visibility for compact and constrained variants.", "docsTags": [], "values": [ { "type": "boolean" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "showDivider", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-divider", "reflectToAttr": false, "docs": "Draw the page-title divider beneath the header.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Id of the active page section.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"compact\" | \"constrained\" | \"expanded\"", "complexType": { "original": "BarTitleVariant", "resolved": "\"compact\" | \"constrained\" | \"expanded\"", "references": { "BarTitleVariant": { "location": "import", "path": "./bar-title-types", "id": "src/wc/components/BarTitle/bar-title-types.ts::BarTitleVariant", "referenceLocation": "BarTitleVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Explicit visual/capacity variant. ShellPage owns automatic selection.", "docsTags": [ { "name": "default", "text": "'expanded'" } ], "default": "'expanded'", "values": [ { "value": "compact", "type": "string" }, { "value": "constrained", "type": "string" }, { "value": "expanded", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsAction", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted with the activated primary or overflow action id.", "docsTags": [] }, { "event": "dsBack", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "Emitted when the leading Back action is activated.", "docsTags": [] }, { "event": "dsBreadcrumbSelect", "detail": "BreadcrumbSelectDetail", "bubbles": true, "complexType": { "original": "BreadcrumbSelectDetail", "resolved": "BreadcrumbSelectDetail", "references": { "BreadcrumbSelectDetail": { "location": "import", "path": "../Breadcrumb/breadcrumb-types", "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail", "referenceLocation": "BreadcrumbSelectDetail" } } }, "cancelable": true, "composed": true, "docs": "Emitted when an authored expanded breadcrumb item is activated.", "docsTags": [] }, { "event": "dsSectionChange", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted with the newly selected page-section id.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-shell-app" ], "dependencies": [ "ds-text", "ds-icon", "ds-button-filled", "ds-tooltip", "ds-button-unfilled", "ds-breadcrumb", "ds-menu" ], "dependencyGraph": { "ds-bar-title": [ "ds-text", "ds-icon", "ds-button-filled", "ds-tooltip", "ds-button-unfilled", "ds-breadcrumb", "ds-menu" ], "ds-button-filled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-tooltip": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-breadcrumb": [ "ds-text" ], "ds-menu": [ "ds-text", "ds-swatch-picker", "ds-icon", "ds-tag", "ds-badge", "ds-switch" ], "ds-tag": [ "ds-icon", "ds-text" ], "ds-shell-app": [ "ds-bar-title" ] } }, { "filePath": "src/wc/components/BarWorkflow/BarWorkflow.tsx", "encapsulation": "scoped", "tag": "ds-bar-workflow", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "exitAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "exit-aria-label", "reflectToAttr": false, "docs": "Workflow-specific accessible name for Exit.", "docsTags": [ { "name": "default", "text": "'Exit workflow'" } ], "default": "'Exit workflow'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "exitLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "exit-label", "reflectToAttr": false, "docs": "Concise tooltip label for the Exit control.", "docsTags": [ { "name": "default", "text": "'Exit'" } ], "default": "'Exit'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "The workflow's single visible h1.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "isNextInactive", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-next-inactive", "reflectToAttr": false, "docs": "Prevent advancing while the current step is incomplete or invalid.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "nextLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "next-label", "reflectToAttr": false, "docs": "Tooltip and accessible name for the next-step control.", "docsTags": [ { "name": "default", "text": "'Next step'" } ], "default": "'Next step'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "previousLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "previous-label", "reflectToAttr": false, "docs": "Tooltip and accessible name for the previous-step control.", "docsTags": [ { "name": "default", "text": "'Previous step'" } ], "default": "'Previous step'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "responsiveMode", "type": "\"desktop\" | \"mobile\" | \"tablet\"", "complexType": { "original": "ShellResponsiveMode", "resolved": "\"desktop\" | \"mobile\" | \"tablet\"", "references": { "ShellResponsiveMode": { "location": "import", "path": "../../shell/shell-responsive", "id": "src/wc/shell/shell-responsive.ts::ShellResponsiveMode", "referenceLocation": "ShellResponsiveMode" } } }, "mutable": false, "attr": "responsive-mode", "reflectToAttr": true, "docs": "Explicit shell breakpoint presentation. Mobile keeps the same controlled workflow state.", "docsTags": [ { "name": "default", "text": "'desktop'" } ], "default": "'desktop'", "values": [ { "value": "desktop", "type": "string" }, { "value": "mobile", "type": "string" }, { "value": "tablet", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "steps", "type": "BarWorkflowStep[]", "complexType": { "original": "BarWorkflowStep[]", "resolved": "BarWorkflowStep[]", "references": { "BarWorkflowStep": { "location": "import", "path": "./bar-workflow-types", "id": "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowStep", "referenceLocation": "BarWorkflowStep" } } }, "mutable": false, "reflectToAttr": false, "docs": "Ordered workflow steps. Step state is controlled by the application.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "BarWorkflowStep[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "submitAction", "type": "BarWorkflowSubmitAction", "complexType": { "original": "BarWorkflowSubmitAction", "resolved": "BarWorkflowSubmitAction", "references": { "BarWorkflowSubmitAction": { "location": "import", "path": "./bar-workflow-types", "id": "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowSubmitAction", "referenceLocation": "BarWorkflowSubmitAction" } } }, "mutable": false, "reflectToAttr": false, "docs": "The final-step Save or Submit action.", "docsTags": [ { "name": "default", "text": "{\n label: 'Save',\n type: 'submit',\n }" } ], "default": "{\n label: 'Save',\n type: 'submit',\n }", "values": [ { "type": "BarWorkflowSubmitAction" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Id of the current workflow step. Falls back to the first step.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsExit", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "Emitted when Exit is activated.", "docsTags": [] }, { "event": "dsStepChange", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted with the target previous or next step id. The component never mutates value.", "docsTags": [] }, { "event": "dsSubmit", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "Emitted when the final Save or Submit control is activated.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-tooltip", "ds-button-filled", "ds-mobile-header", "ds-button-unfilled", "ds-text" ], "dependencyGraph": { "ds-bar-workflow": [ "ds-tooltip", "ds-button-filled", "ds-mobile-header", "ds-button-unfilled", "ds-text" ], "ds-tooltip": [ "ds-text" ], "ds-button-filled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-mobile-header": [ "ds-tab-group", "ds-mobile-section-switcher", "ds-text" ], "ds-tab-group": [ "ds-icon", "ds-text", "ds-badge" ], "ds-mobile-section-switcher": [ "ds-text", "ds-menu" ], "ds-menu": [ "ds-text", "ds-swatch-picker", "ds-icon", "ds-tag", "ds-badge", "ds-switch" ], "ds-tag": [ "ds-icon", "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ] } }, { "filePath": "src/wc/components/Breadcrumb/Breadcrumb.tsx", "encapsulation": "scoped", "tag": "ds-breadcrumb", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label", "reflectToAttr": false, "docs": "Accessible name for the breadcrumb navigation landmark.", "docsTags": [ { "name": "default", "text": "'Breadcrumb'" } ], "default": "'Breadcrumb'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "items", "type": "BreadcrumbItem[]", "complexType": { "original": "BreadcrumbItem[]", "resolved": "BreadcrumbItem[]", "references": { "BreadcrumbItem": { "location": "import", "path": "./breadcrumb-types", "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem", "referenceLocation": "BreadcrumbItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "Ordered path from the broadest ancestor to the nearest page.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "BreadcrumbItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsSelect", "detail": "BreadcrumbSelectDetail", "bubbles": true, "complexType": { "original": "BreadcrumbSelectDetail", "resolved": "BreadcrumbSelectDetail", "references": { "BreadcrumbSelectDetail": { "location": "import", "path": "./breadcrumb-types", "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail", "referenceLocation": "BreadcrumbSelectDetail" } } }, "cancelable": true, "composed": true, "docs": "Emitted when an interactive breadcrumb item is activated. Prevent to cancel native navigation.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-bar-title" ], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-breadcrumb": [ "ds-text" ], "ds-bar-title": [ "ds-breadcrumb" ] } }, { "filePath": "src/wc/components/ButtonFilled/ButtonFilled.tsx", "encapsulation": "scoped", "tag": "ds-button-filled", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabel", "type": "null | string", "complexType": { "original": "string | null", "resolved": "null | string", "references": {} }, "mutable": false, "attr": "aria-label", "reflectToAttr": false, "docs": "Accessible name override. Required for icon-only buttons.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "null" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "background", "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined", "complexType": { "original": "ButtonFilledBackground | undefined", "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined", "references": { "ButtonFilledBackground": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledBackground" } } }, "mutable": false, "attr": "background", "reflectToAttr": false, "docs": "Actual parent surface context for the optional inset border color only.\nOmit on primary and secondary surfaces.", "docsTags": [], "values": [ { "value": "always-dark", "type": "string" }, { "value": "bold", "type": "string" }, { "value": "faint", "type": "string" }, { "value": "inverted", "type": "string" }, { "value": "media", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "strong", "type": "string" }, { "value": "translucent", "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "contrast", "type": "\"bold\" | \"faint\" | \"medium\" | \"strong\"", "complexType": { "original": "ButtonFilledContrast", "resolved": "\"bold\" | \"faint\" | \"medium\" | \"strong\"", "references": { "ButtonFilledContrast": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledContrast" } } }, "mutable": false, "attr": "contrast", "reflectToAttr": false, "docs": "Background fill weight. Foreground uses the paired contrast token:\nbold → faint, strong → medium, medium → strong, faint → bold.", "docsTags": [ { "name": "default", "text": "'bold'" } ], "default": "'bold'", "values": [ { "value": "bold", "type": "string" }, { "value": "faint", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "strong", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "controls", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "controls", "reflectToAttr": false, "docs": "ID of the popup this button controls.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "expanded", "type": "boolean | undefined", "complexType": { "original": "boolean | undefined", "resolved": "boolean | undefined", "references": {} }, "mutable": false, "attr": "expanded", "reflectToAttr": false, "docs": "Controlled open state of the popup this button triggers. Holds the pressed\nwash for the popup's rendered lifecycle. ButtonFilled has no selected state,\nso an open popup never promotes to an active treatment.", "docsTags": [], "values": [ { "type": "boolean" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hasBorder", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-border", "reflectToAttr": false, "docs": "Show a 1px secondary inset border.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hasMenu", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-menu", "reflectToAttr": false, "docs": "This action *has* a menu: implies `aria-haspopup=\"menu\"` and adds the trailing\nchevron that carries the affordance.\n\nOnly `label` and `icon-label` are supported. A filled button is never the\noverflow / more-options control — that role belongs to ButtonUnfilled with an\n`Ellipses` glyph, which conveys the menu without a chevron.\n\nUse `haspopup` directly for non-menu popups.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "haspopup", "type": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined", "complexType": { "original": "ButtonFilledPopup | undefined", "resolved": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined", "references": { "ButtonFilledPopup": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledPopup" } } }, "mutable": false, "attr": "haspopup", "reflectToAttr": false, "docs": "Popup type exposed to assistive technology.", "docsTags": [], "values": [ { "value": "dialog", "type": "string" }, { "value": "grid", "type": "string" }, { "value": "listbox", "type": "string" }, { "value": "menu", "type": "string" }, { "value": "tree", "type": "string" }, { "value": "true", "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon name passed to for `icon` / `icon-label` variants.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "insetDepth", "type": "\"double\" | \"single\"", "complexType": { "original": "ControlInsetDepth", "resolved": "\"double\" | \"single\"", "references": { "ControlInsetDepth": { "location": "import", "path": "../../utils/control-text", "id": "src/wc/utils/control-text.ts::ControlInsetDepth", "referenceLocation": "ControlInsetDepth" } } }, "mutable": false, "attr": "inset-depth", "reflectToAttr": false, "docs": "Single removes 4px overall; double removes 8px overall (xs stays single).", "docsTags": [ { "name": "default", "text": "'single'" } ], "default": "'single'", "values": [ { "value": "double", "type": "string" }, { "value": "single", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "intent", "type": "\"ai\" | \"brand\" | \"caution\" | \"guide\" | \"negative\" | \"neutral\" | \"positive\" | \"walkthrough\" | \"warning\"", "complexType": { "original": "ButtonFilledIntent", "resolved": "\"ai\" | \"brand\" | \"caution\" | \"guide\" | \"negative\" | \"neutral\" | \"positive\" | \"walkthrough\" | \"warning\"", "references": { "ButtonFilledIntent": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledIntent" } } }, "mutable": false, "attr": "intent", "reflectToAttr": false, "docs": "Semantic colour intent.", "docsTags": [ { "name": "default", "text": "'brand'" } ], "default": "'brand'", "values": [ { "value": "ai", "type": "string" }, { "value": "brand", "type": "string" }, { "value": "caution", "type": "string" }, { "value": "guide", "type": "string" }, { "value": "negative", "type": "string" }, { "value": "neutral", "type": "string" }, { "value": "positive", "type": "string" }, { "value": "walkthrough", "type": "string" }, { "value": "warning", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isInactive", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-inactive", "reflectToAttr": false, "docs": "Disables interaction.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isInset", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-inset", "reflectToAttr": false, "docs": "Use reduced outer geometry when nested inside a control of the same size.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isLoading", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-loading", "reflectToAttr": false, "docs": "Shows an inline loader and prevents interaction without applying inactive opacity.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Visible text for `label` / `icon-label` variants.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "pressScale", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "press-scale", "reflectToAttr": false, "docs": "Scale down during a physical pointer press.\nDisable when an owning composite requires fixed child or background geometry.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rounded", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "rounded", "reflectToAttr": false, "docs": "Use the half-radius treatment instead of the default control radius.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "complexType": { "original": "ButtonFilledSize", "resolved": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "references": { "ButtonFilledSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Control density (height, padding, icon, type).", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", "complexType": { "original": "'button' | 'submit' | 'reset'", "resolved": "\"button\" | \"reset\" | \"submit\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Native button type.", "docsTags": [ { "name": "default", "text": "'button'" } ], "default": "'button'", "values": [ { "value": "button", "type": "string" }, { "value": "reset", "type": "string" }, { "value": "submit", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"icon\" | \"icon-label\" | \"label\"", "complexType": { "original": "ButtonFilledVariant", "resolved": "\"icon\" | \"icon-label\" | \"label\"", "references": { "ButtonFilledVariant": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Content layout. Default is label-only; pass `icon` for icon-only chrome\n(nav / tool rails) or `icon-label` for leading icon + text.", "docsTags": [ { "name": "default", "text": "'label'" } ], "default": "'label'", "values": [ { "value": "icon", "type": "string" }, { "value": "icon-label", "type": "string" }, { "value": "label", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "width", "type": "\"fill\" | \"hug\"", "complexType": { "original": "ButtonFilledWidth", "resolved": "\"fill\" | \"hug\"", "references": { "ButtonFilledWidth": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx", "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledWidth" } } }, "mutable": false, "attr": "width", "reflectToAttr": false, "docs": "Width fit — hug content (default) or fill the parent.", "docsTags": [ { "name": "default", "text": "'hug'" } ], "default": "'hug'", "values": [ { "value": "fill", "type": "string" }, { "value": "hug", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setFocus", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setFocus() => Promise", "parameters": [], "docs": "", "docsTags": [] } ], "events": [ { "event": "dsClick", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-questionnaire", "ds-bar-title", "ds-bar-workflow", "ds-card-setting", "ds-message-composer", "ds-table-saved-views" ], "dependencies": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "dependencyGraph": { "ds-button-filled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-agent-questionnaire": [ "ds-button-filled" ], "ds-bar-title": [ "ds-button-filled" ], "ds-bar-workflow": [ "ds-button-filled" ], "ds-card-setting": [ "ds-button-filled" ], "ds-message-composer": [ "ds-button-filled" ], "ds-table-saved-views": [ "ds-button-filled" ] } }, { "filePath": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx", "encapsulation": "scoped", "tag": "ds-button-unfilled", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "activeFill", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "active-fill", "reflectToAttr": false, "docs": "When active, render the selected interaction fill.\nDefault `true` for general UI. Shell chrome (nav / tool rails) should pass\n`false` so selection is foreground-only (primary color, no fill).", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabel", "type": "null | string", "complexType": { "original": "string | null", "resolved": "null | string", "references": {} }, "mutable": false, "attr": "aria-label", "reflectToAttr": false, "docs": "Accessible name override. Required for icon-only buttons.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "null" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "background", "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined", "complexType": { "original": "ButtonUnfilledBackground | undefined", "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined", "references": { "ButtonUnfilledBackground": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx", "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledBackground" } } }, "mutable": false, "attr": "background", "reflectToAttr": false, "docs": "Actual parent surface context. Omit on primary and secondary surfaces.", "docsTags": [], "values": [ { "value": "always-dark", "type": "string" }, { "value": "bold", "type": "string" }, { "value": "faint", "type": "string" }, { "value": "inverted", "type": "string" }, { "value": "media", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "strong", "type": "string" }, { "value": "translucent", "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "collapseLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "collapse-label", "reflectToAttr": true, "docs": "Collapse the visible label and chevron to an icon-only control when the\nowning `ds-table` caption is narrower than 900px. The trigger omits those\nparts rather than clipping them.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "controls", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "controls", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "dot", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "dot", "reflectToAttr": false, "docs": "Show a notification dot at the top-right of the icon zone (icon variant only).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "expanded", "type": "boolean | undefined", "complexType": { "original": "boolean | undefined", "resolved": "boolean | undefined", "references": {} }, "mutable": false, "attr": "expanded", "reflectToAttr": false, "docs": "Controlled disclosure or popup state forwarded to `aria-expanded`.\nPopup triggers hold only the pressed wash while open; their resting\nforeground is unchanged. Ordinary disclosures remain visually neutral.", "docsTags": [], "values": [ { "type": "boolean" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "focusTabIndex", "type": "number | undefined", "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "mutable": false, "attr": "tab-index", "reflectToAttr": false, "docs": "Native `tabindex` for roving keyboard groups in shell chrome.\nOmit for the default button tab stop (`0`).", "docsTags": [], "values": [ { "type": "number" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "hasBorder", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-border", "reflectToAttr": false, "docs": "Show a 1px secondary inset border. Default on; shell chrome can pass `false`.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hasMenu", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-menu", "reflectToAttr": false, "docs": "Mark the button as a Menu trigger. Implies `aria-haspopup=\"menu\"` and covers\nboth menu-button shapes:\n\n- `label` / `icon-label` — the action *has* a menu; a trailing chevron carries\n the affordance.\n- `icon` — the button *is* a menu. No chevron is added, so the glyph must\n convey the menu on its own. Use `Ellipses` for generic more-options;\n use a specific icon when the menu has a named purpose, such as\n `Table` for Customize table.\n\nUse `haspopup` directly for non-menu popups.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "haspopup", "type": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined", "complexType": { "original": "ButtonUnfilledPopup | undefined", "resolved": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined", "references": { "ButtonUnfilledPopup": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx", "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledPopup" } } }, "mutable": false, "attr": "haspopup", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "value": "dialog", "type": "string" }, { "value": "grid", "type": "string" }, { "value": "listbox", "type": "string" }, { "value": "menu", "type": "string" }, { "value": "tree", "type": "string" }, { "value": "true", "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon name passed to for `icon` / `icon-label` variants.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "insetDepth", "type": "\"double\" | \"single\"", "complexType": { "original": "ControlInsetDepth", "resolved": "\"double\" | \"single\"", "references": { "ControlInsetDepth": { "location": "import", "path": "../../utils/control-text", "id": "src/wc/utils/control-text.ts::ControlInsetDepth", "referenceLocation": "ControlInsetDepth" } } }, "mutable": false, "attr": "inset-depth", "reflectToAttr": false, "docs": "Single removes 4px overall; double removes 8px overall (xs stays single).", "docsTags": [ { "name": "default", "text": "'single'" } ], "default": "'single'", "values": [ { "value": "double", "type": "string" }, { "value": "single", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isActive", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-active", "reflectToAttr": false, "docs": "Owner-controlled visual emphasis inside a composite. This does not add\ntoggle semantics and does not emit dsChange.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isInactive", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-inactive", "reflectToAttr": false, "docs": "Disables interaction.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isInset", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-inset", "reflectToAttr": false, "docs": "Use reduced outer geometry when nested inside a control of the same size.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isLoading", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-loading", "reflectToAttr": false, "docs": "Shows an inline loader and prevents interaction without applying inactive opacity.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Visible text for `label` / `icon-label` variants.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "pressScale", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "press-scale", "reflectToAttr": false, "docs": "Scale down during a physical pointer press.\nDisable when an owning composite requires fixed child or background geometry.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "pressed", "type": "boolean | undefined", "complexType": { "original": "boolean | undefined", "resolved": "boolean | undefined", "references": {} }, "mutable": false, "attr": "pressed", "reflectToAttr": false, "docs": "Controlled state for a genuine toggle button. Adds aria-pressed, promotes\nactive styling, and makes activation emit dsChange with the requested state.", "docsTags": [], "values": [ { "type": "boolean" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rounded", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "rounded", "reflectToAttr": false, "docs": "Use the half-radius treatment instead of the default control radius.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "complexType": { "original": "ButtonUnfilledSize", "resolved": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "references": { "ButtonUnfilledSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx", "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Control density (height, padding, icon, type).", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", "complexType": { "original": "'button' | 'submit' | 'reset'", "resolved": "\"button\" | \"reset\" | \"submit\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Native button type.", "docsTags": [ { "name": "default", "text": "'button'" } ], "default": "'button'", "values": [ { "value": "button", "type": "string" }, { "value": "reset", "type": "string" }, { "value": "submit", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"icon\" | \"icon-label\" | \"label\"", "complexType": { "original": "ButtonUnfilledVariant", "resolved": "\"icon\" | \"icon-label\" | \"label\"", "references": { "ButtonUnfilledVariant": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx", "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Content layout. Default is label-only; pass `icon` for icon-only chrome\n(nav / tool rails) or `icon-label` for leading icon + text.", "docsTags": [ { "name": "default", "text": "'label'" } ], "default": "'label'", "values": [ { "value": "icon", "type": "string" }, { "value": "icon-label", "type": "string" }, { "value": "label", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "width", "type": "\"fill\" | \"hug\"", "complexType": { "original": "ButtonUnfilledWidth", "resolved": "\"fill\" | \"hug\"", "references": { "ButtonUnfilledWidth": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx", "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledWidth" } } }, "mutable": false, "attr": "width", "reflectToAttr": false, "docs": "Width fit — hug content (default) or fill the parent.", "docsTags": [ { "name": "default", "text": "'hug'" } ], "default": "'hug'", "values": [ { "value": "fill", "type": "string" }, { "value": "hug", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setFocus", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setFocus() => Promise", "parameters": [], "docs": "", "docsTags": [] } ], "events": [ { "event": "dsChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] }, { "event": "dsClick", "detail": "MouseEvent", "bubbles": true, "complexType": { "original": "MouseEvent", "resolved": "MouseEvent", "references": { "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-questionnaire", "ds-banner", "ds-bar-nav", "ds-bar-title", "ds-bar-workflow", "ds-card-chart", "ds-card-setting", "ds-code-block", "ds-filter-menu", "ds-input", "ds-message-actions", "ds-message-composer", "ds-message-scroller", "ds-mobile-sheet-nav", "ds-modal", "ds-pagination", "ds-panel-nav", "ds-panel-tool-header", "ds-panel-tool-search", "ds-panel-tools", "ds-select", "ds-shell-app", "ds-shell-tools", "ds-table", "ds-table-saved-views", "ds-table-sort", "ds-toast" ], "dependencies": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "dependencyGraph": { "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-agent-questionnaire": [ "ds-button-unfilled" ], "ds-banner": [ "ds-button-unfilled" ], "ds-bar-nav": [ "ds-button-unfilled" ], "ds-bar-title": [ "ds-button-unfilled" ], "ds-bar-workflow": [ "ds-button-unfilled" ], "ds-card-chart": [ "ds-button-unfilled" ], "ds-card-setting": [ "ds-button-unfilled" ], "ds-code-block": [ "ds-button-unfilled" ], "ds-filter-menu": [ "ds-button-unfilled" ], "ds-input": [ "ds-button-unfilled" ], "ds-message-actions": [ "ds-button-unfilled" ], "ds-message-composer": [ "ds-button-unfilled" ], "ds-message-scroller": [ "ds-button-unfilled" ], "ds-mobile-sheet-nav": [ "ds-button-unfilled" ], "ds-modal": [ "ds-button-unfilled" ], "ds-pagination": [ "ds-button-unfilled" ], "ds-panel-nav": [ "ds-button-unfilled" ], "ds-panel-tool-header": [ "ds-button-unfilled" ], "ds-panel-tool-search": [ "ds-button-unfilled" ], "ds-panel-tools": [ "ds-button-unfilled" ], "ds-select": [ "ds-button-unfilled" ], "ds-shell-app": [ "ds-button-unfilled" ], "ds-shell-tools": [ "ds-button-unfilled" ], "ds-table": [ "ds-button-unfilled" ], "ds-table-saved-views": [ "ds-button-unfilled" ], "ds-table-sort": [ "ds-button-unfilled" ], "ds-toast": [ "ds-button-unfilled" ] } }, { "filePath": "src/wc/components/CardChart/CardChart.tsx", "encapsulation": "scoped", "tag": "ds-card-chart", "docs": "Standard chart card chrome and composition. The variant owns\nonly the chart/legend relationship; applications continue to own data.", "docsTags": [], "usage": {}, "props": [ { "name": "cardWidth", "type": "\"lg\" | \"md\" | \"sm\"", "complexType": { "original": "CardChartWidth", "resolved": "\"lg\" | \"md\" | \"sm\"", "references": { "CardChartWidth": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/CardChart/CardChart.tsx", "id": "src/wc/components/CardChart/CardChart.tsx::CardChartWidth" } } }, "mutable": false, "attr": "card-width", "reflectToAttr": false, "docs": "Width token with the matching chart-card min-height.", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Filter'" } ], "default": "'Filter'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "Chart heading shown in the card header.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "showFilter", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-filter", "reflectToAttr": false, "docs": "Renders the standard filter action before custom actions.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"chart\" | \"custom\"", "complexType": { "original": "CardChartVariant", "resolved": "\"chart\" | \"custom\"", "references": { "CardChartVariant": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/CardChart/CardChart.tsx", "id": "src/wc/components/CardChart/CardChart.tsx::CardChartVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Chart composition behavior.", "docsTags": [ { "name": "default", "text": "'custom'" } ], "default": "'custom'", "values": [ { "value": "chart", "type": "string" }, { "value": "custom", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsFilterClick", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emits when the standard header filter control is activated.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text", "ds-button-unfilled" ], "dependencyGraph": { "ds-card-chart": [ "ds-text", "ds-button-unfilled" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ] } }, { "filePath": "src/wc/components/CardOverview/CardOverview.tsx", "encapsulation": "scoped", "tag": "ds-card-overview", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "comparisonLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "comparison-label", "reflectToAttr": false, "docs": "Copy between the current period and comparison control, usually `vs.`.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isLoading", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-loading", "reflectToAttr": false, "docs": "Replace the score and metrics with skeletons while data resolves.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "layout", "type": "\"auto\" | \"stacked\"", "complexType": { "original": "CardOverviewLayout", "resolved": "\"auto\" | \"stacked\"", "references": { "CardOverviewLayout": { "location": "import", "path": "./card-overview-types", "id": "src/wc/components/CardOverview/card-overview-types.ts::CardOverviewLayout", "referenceLocation": "CardOverviewLayout" } } }, "mutable": false, "attr": "layout", "reflectToAttr": false, "docs": "Intrinsic responsive layout, or a page-owned single-column stack.", "docsTags": [ { "name": "default", "text": "'auto'" } ], "default": "'auto'", "values": [ { "value": "auto", "type": "string" }, { "value": "stacked", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "metricMinWidth", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "metric-min-width", "reflectToAttr": false, "docs": "Width a metric cell may shrink to before the grid drops a column. The grid\nuses this threshold while choosing an evenly distributed column count.", "docsTags": [ { "name": "default", "text": "'200px'" } ], "default": "'200px'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "metrics", "type": "OverviewMetric[]", "complexType": { "original": "OverviewMetric[]", "resolved": "OverviewMetric[]", "references": { "OverviewMetric": { "location": "import", "path": "./card-overview-types", "id": "src/wc/components/CardOverview/card-overview-types.ts::OverviewMetric", "referenceLocation": "OverviewMetric" } } }, "mutable": false, "reflectToAttr": false, "docs": "Measures rendered in the responsive grid. Only the first seven are shown.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "OverviewMetric[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "overviewLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "overview-label", "reflectToAttr": false, "docs": "Accessible name for the region.", "docsTags": [ { "name": "default", "text": "'Overview'" } ], "default": "'Overview'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "periodLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "period-label", "reflectToAttr": false, "docs": "Fixed current date or range. Replaced by content in the `period` slot.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "score", "type": "OverviewScore | undefined", "complexType": { "original": "OverviewScore | undefined", "resolved": "OverviewScore | undefined", "references": { "OverviewScore": { "location": "import", "path": "./card-overview-types", "id": "src/wc/components/CardOverview/card-overview-types.ts::OverviewScore", "referenceLocation": "OverviewScore" } } }, "mutable": false, "reflectToAttr": false, "docs": "Optional nonselectable safety score rendered as the first grid cell.", "docsTags": [], "values": [ { "type": "OverviewScore" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "scoreErrorMessage", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "score-error-message", "reflectToAttr": false, "docs": "Message shown in place of the score when its figure cannot be resolved.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "scrollCollapseProgress", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "scroll-collapse-progress", "reflectToAttr": false, "docs": "Page-controlled visual collapse from the full card (`0`) toward its 48px\ncompact handoff height (`1`). The component preserves its expanded flow\nheight, keeps the period bar stationary, and moves/clips the grid beneath\nit. The page still owns sticky positioning and the final compact handoff.", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"compact\" | \"default\"", "complexType": { "original": "CardOverviewVariant", "resolved": "\"compact\" | \"default\"", "references": { "CardOverviewVariant": { "location": "import", "path": "./card-overview-types", "id": "src/wc/components/CardOverview/card-overview-types.ts::CardOverviewVariant", "referenceLocation": "CardOverviewVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Full summary card, or the condensed 48px summary bar.", "docsTags": [ { "name": "default", "text": "'default'" } ], "default": "'default'", "values": [ { "value": "compact", "type": "string" }, { "value": "default", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsMetricSelect", "detail": "OverviewMetric", "bubbles": true, "complexType": { "original": "OverviewMetric", "resolved": "OverviewMetric", "references": { "OverviewMetric": { "location": "import", "path": "./card-overview-types", "id": "src/wc/components/CardOverview/card-overview-types.ts::OverviewMetric", "referenceLocation": "OverviewMetric" } } }, "cancelable": true, "composed": true, "docs": "Emitted when a metric that is not inactive is activated.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [ { "name": "metric", "docs": "" }, { "name": "metrics", "docs": "" }, { "name": "score", "docs": "" } ], "states": [], "dependents": [], "dependencies": [ "ds-skeleton", "ds-text", "ds-tooltip" ], "dependencyGraph": { "ds-card-overview": [ "ds-skeleton", "ds-text", "ds-tooltip" ], "ds-tooltip": [ "ds-text" ] } }, { "filePath": "src/wc/components/CardSetting/CardSetting.tsx", "encapsulation": "scoped", "tag": "ds-card-setting", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "cancelLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "cancel-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Cancel'" } ], "default": "'Cancel'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "cardWidth", "type": "\"lg\" | \"md\" | \"sm\"", "complexType": { "original": "CardSettingWidth", "resolved": "\"lg\" | \"md\" | \"sm\"", "references": { "CardSettingWidth": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/CardSetting/CardSetting.tsx", "id": "src/wc/components/CardSetting/CardSetting.tsx::CardSettingWidth" } } }, "mutable": false, "attr": "card-width", "reflectToAttr": false, "docs": "Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the\nmatching `--dimension-card-height-*` so the body fills available space\neven when the slot is empty.", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "editLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "edit-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Edit'" } ], "default": "'Edit'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "editing", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "editing", "reflectToAttr": false, "docs": "Controlled edit state — parent owns single-edit orchestration.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "Section heading shown in the card header.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "saveLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "save-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Save'" } ], "default": "'Save'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsAction", "detail": "CardSettingActionDetail", "bubbles": true, "complexType": { "original": "CardSettingActionDetail", "resolved": "CardSettingActionDetail", "references": { "CardSettingActionDetail": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/CardSetting/CardSetting.tsx", "id": "src/wc/components/CardSetting/CardSetting.tsx::CardSettingActionDetail" } } }, "cancelable": true, "composed": true, "docs": "Emits a controlled edit, save, or cancel request.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text", "ds-button-unfilled", "ds-button-filled" ], "dependencyGraph": { "ds-card-setting": [ "ds-text", "ds-button-unfilled", "ds-button-filled" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-button-filled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ] } }, { "filePath": "src/wc/components/Chart/Chart.tsx", "encapsulation": "scoped", "tag": "ds-chart", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "aspectRatio", "type": "number | undefined", "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "mutable": false, "attr": "aspect-ratio", "reflectToAttr": false, "docs": "Derives height from the current width when height is not supplied.", "docsTags": [], "values": [ { "type": "number" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "definition", "type": "ChartDefinition", "complexType": { "original": "ChartDefinition", "resolved": "ChartDefinition", "references": { "ChartDefinition": { "location": "import", "path": "../../utils/chart-grammar", "id": "src/wc/utils/chart-grammar.ts::ChartDefinition", "referenceLocation": "ChartDefinition" } } }, "mutable": false, "reflectToAttr": false, "docs": "Typed chart definition. Set as a JavaScript property, not an HTML attribute.", "docsTags": [], "values": [ { "type": "ChartDefinition" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "description", "type": "string | undefined", "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "Optional longer accessible description.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "height", "type": "number | undefined", "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "mutable": false, "attr": "height", "reflectToAttr": false, "docs": "Product-owned surface height. Wins over aspectRatio.", "docsTags": [], "values": [ { "type": "number" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Required accessible name for the visualization.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "locale", "type": "string | undefined", "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "locale", "reflectToAttr": false, "docs": "Locale used by axes and default tooltip formatters.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "width", "type": "number | undefined", "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "mutable": false, "attr": "width", "reflectToAttr": false, "docs": "Fixed surface width. Otherwise the chart observes its container.", "docsTags": [], "values": [ { "type": "number" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsChartFocusChange", "detail": "ChartFocusChangeDetail", "bubbles": true, "complexType": { "original": "ChartFocusChangeDetail", "resolved": "ChartFocusChangeDetail", "references": { "ChartFocusChangeDetail": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Chart/Chart.tsx", "id": "src/wc/components/Chart/Chart.tsx::ChartFocusChangeDetail" } } }, "cancelable": true, "composed": true, "docs": "Fires whenever pointer or keyboard focus resolves to semantic chart points.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-tooltip-chart" ], "dependencyGraph": { "ds-chart": [ "ds-tooltip-chart" ], "ds-tooltip-chart": [ "ds-text" ] } }, { "filePath": "src/wc/components/ChartLegend/ChartLegend.tsx", "encapsulation": "scoped", "tag": "ds-chart-legend", "docs": "Base legend for `ds-chart-*` components. Webapp's Overview widgets each style\nlegends differently (list w/ values, compact chips, bare swatches, external\nstat callouts) — this covers the common \"swatch + label + optional value\" case.\nConsumers who need a different treatment skip this component entirely and\nrender their own markup against the same `ChartLegendItem[]` data.", "docsTags": [], "usage": {}, "props": [ { "name": "activeLabel", "type": "null | string", "complexType": { "original": "string | null", "resolved": "null | string", "references": {} }, "mutable": false, "attr": "active-label", "reflectToAttr": false, "docs": "Externally controlled highlight, matched by `label` — e.g. drive this from a sibling\nchart's `dsSliceHover` event to keep chart and legend hover in sync. Only dims the other\nrows' opacity (like a chart dimming its other slices) — it never shows the hover-fill,\nsince that's reserved for a real pointer/keyboard interaction on this row.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "null" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "direction", "type": "\"horizontal\" | \"vertical\"", "complexType": { "original": "ChartLegendDirection", "resolved": "\"horizontal\" | \"vertical\"", "references": { "ChartLegendDirection": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ChartLegend/ChartLegend.tsx", "id": "src/wc/components/ChartLegend/ChartLegend.tsx::ChartLegendDirection" } } }, "mutable": false, "attr": "direction", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'vertical'" } ], "default": "'vertical'", "values": [ { "value": "horizontal", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "highlightOnHover", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "highlight-on-hover", "reflectToAttr": false, "docs": "Let local pointer/focus movement highlight one item and emit `dsItemHover`.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "items", "type": "ChartLegendItem[]", "complexType": { "original": "ChartLegendItem[]", "resolved": "ChartLegendItem[]", "references": { "ChartLegendItem": { "location": "import", "path": "../../utils/chart-types", "id": "src/wc/utils/chart-types.ts::ChartLegendItem", "referenceLocation": "ChartLegendItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "Legend entries. Set as a JS property (not an HTML attribute).", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "ChartLegendItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "locale", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "locale", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "percentageDecimals", "type": "1 | 2", "complexType": { "original": "ChartLegendPercentageDecimals", "resolved": "1 | 2", "references": { "ChartLegendPercentageDecimals": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ChartLegend/ChartLegend.tsx", "id": "src/wc/components/ChartLegend/ChartLegend.tsx::ChartLegendPercentageDecimals" } } }, "mutable": false, "attr": "percentage-decimals", "reflectToAttr": false, "docs": "Fixed number of decimal places shown for percentages.", "docsTags": [ { "name": "default", "text": "1" } ], "default": "1", "values": [ { "value": "1", "type": "number" }, { "value": "2", "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showPercentage", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-percentage", "reflectToAttr": false, "docs": "Show each item's share of the total (of items with a `value`) alongside its count.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsItemClick", "detail": "{ item: ChartLegendItem; originalEvent: MouseEvent; }", "bubbles": true, "complexType": { "original": "{ item: ChartLegendItem; originalEvent: MouseEvent }", "resolved": "{ item: ChartLegendItem; originalEvent: MouseEvent; }", "references": { "ChartLegendItem": { "location": "import", "path": "../../utils/chart-types", "id": "src/wc/utils/chart-types.ts::ChartLegendItem", "referenceLocation": "ChartLegendItem" }, "MouseEvent": { "location": "global", "id": "global::MouseEvent" } } }, "cancelable": true, "composed": true, "docs": "Fires when a deep-linkable row (`item.href` set) is activated.", "docsTags": [] }, { "event": "dsItemHover", "detail": "ChartLegendItem | null", "bubbles": true, "complexType": { "original": "ChartLegendItem | null", "resolved": "ChartLegendItem | null", "references": { "ChartLegendItem": { "location": "import", "path": "../../utils/chart-types", "id": "src/wc/utils/chart-types.ts::ChartLegendItem", "referenceLocation": "ChartLegendItem" } } }, "cancelable": true, "composed": true, "docs": "Fires on row hover/focus with the item, or `null` on leave/blur.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-chart-legend": [ "ds-text" ] } }, { "filePath": "src/wc/components/Checkbox/Checkbox.tsx", "encapsulation": "scoped", "tag": "ds-checkbox", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "checked", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "checked", "reflectToAttr": false, "docs": "Current checked state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "description", "type": "string | undefined", "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "Optional supporting description associated with the checkbox.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": true, "docs": "Native disabled state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "indeterminate", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "indeterminate", "reflectToAttr": false, "docs": "Mixed visual state. Activation clears it before toggling checked.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isInactive", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-inactive", "reflectToAttr": false, "docs": "Design-system inactive state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Visible label and accessible name. Omitted only in presentation mode.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "name", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": true, "docs": "Native form field name.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "presentation", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "presentation", "reflectToAttr": false, "docs": "Visual-only indicator for a composite control that owns selection semantics.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": true, "docs": "Require the checkbox to be checked for form validity.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "requiredMessage", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "required-message", "reflectToAttr": false, "docs": "Validation message used when a required checkbox is unchecked.", "docsTags": [ { "name": "default", "text": "'This field is required.'" } ], "default": "'This field is required.'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "complexType": { "original": "CheckboxSize", "resolved": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "references": { "CheckboxSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Checkbox/Checkbox.tsx", "id": "src/wc/components/Checkbox/Checkbox.tsx::CheckboxSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Visual and placement density.", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Submitted value when checked.", "docsTags": [ { "name": "default", "text": "'on'" } ], "default": "'on'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted after user activation with the new checked state.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-questionnaire", "ds-filter-menu", "ds-select", "ds-table" ], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-checkbox": [ "ds-text" ], "ds-agent-questionnaire": [ "ds-checkbox" ], "ds-filter-menu": [ "ds-checkbox" ], "ds-select": [ "ds-checkbox" ], "ds-table": [ "ds-checkbox" ] } }, { "filePath": "src/wc/components/Chip/Chip.tsx", "encapsulation": "scoped", "tag": "ds-chip", "docs": "Removable chip — same density recipe as Tag, but colored by semantic `state`\n(not intent × contrast). Not a toggle/select control; the only intentional\naction is remove.", "docsTags": [], "usage": {}, "props": [ { "name": "isInactive", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-inactive", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false }, { "name": "maxWidth", "type": "number | string | undefined", "complexType": { "original": "string | number | undefined", "resolved": "number | string | undefined", "references": {} }, "mutable": false, "attr": "max-width", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "number" }, { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "removeLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "remove-label", "reflectToAttr": false, "docs": "Accessible remove action. Use `{label}` as the chip-label placeholder.", "docsTags": [ { "name": "default", "text": "'Remove {label}'" } ], "default": "'Remove {label}'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rounded", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "rounded", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"md\" | \"sm\" | \"xs\"", "complexType": { "original": "ChipSize", "resolved": "\"md\" | \"sm\" | \"xs\"", "references": { "ChipSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Chip/Chip.tsx", "id": "src/wc/components/Chip/Chip.tsx::ChipSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "state", "type": "\"active\" | \"caution\" | \"default\" | \"error\"", "complexType": { "original": "ChipState", "resolved": "\"active\" | \"caution\" | \"default\" | \"error\"", "references": { "ChipState": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Chip/Chip.tsx", "id": "src/wc/components/Chip/Chip.tsx::ChipState" } } }, "mutable": false, "attr": "state", "reflectToAttr": false, "docs": "Semantic color state.", "docsTags": [ { "name": "default", "text": "'default'" } ], "default": "'default'", "values": [ { "value": "active", "type": "string" }, { "value": "caution", "type": "string" }, { "value": "default", "type": "string" }, { "value": "error", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsRemove", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the remove button is clicked.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text", "ds-icon" ], "dependencyGraph": { "ds-chip": [ "ds-text", "ds-icon" ] } }, { "filePath": "src/wc/components/CodeBlock/CodeBlock.tsx", "encapsulation": "scoped", "tag": "ds-code-block", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "code", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "code", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filename", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filename", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "language", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "language", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-markdown" ], "dependencies": [ "ds-text", "ds-tooltip", "ds-button-unfilled" ], "dependencyGraph": { "ds-code-block": [ "ds-text", "ds-tooltip", "ds-button-unfilled" ], "ds-tooltip": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-markdown": [ "ds-code-block" ] } }, { "filePath": "src/wc/components/ConversationList/ConversationList.tsx", "encapsulation": "scoped", "tag": "ds-conversation-list", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "actionLayout", "type": "\"floating\" | \"footer\"", "complexType": { "original": "ConversationListActionLayout", "resolved": "\"floating\" | \"footer\"", "references": { "ConversationListActionLayout": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/ConversationList/ConversationList.tsx", "id": "src/wc/components/ConversationList/ConversationList.tsx::ConversationListActionLayout" } } }, "mutable": false, "attr": "action-layout", "reflectToAttr": false, "docs": "Corner icon action or full-width persistent footer action.", "docsTags": [ { "name": "default", "text": "'floating'" } ], "default": "'floating'", "values": [ { "value": "floating", "type": "string" }, { "value": "footer", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/wc/components/ConversationListItem/ConversationListItem.tsx", "encapsulation": "scoped", "tag": "ds-conversation-list-item", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "actionsOpen", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "actions-open", "reflectToAttr": true, "docs": "Keep the contextual-actions surface visible while its popup is open or closing.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "conversationId", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "conversation-id", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "conversationTitle", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "conversation-title", "reflectToAttr": false, "docs": "Visible conversation title. Named to avoid the native HTMLElement.title contract.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "preview", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "preview", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "selected", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "selected", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "state", "type": "\"busy\" | \"default\" | \"error\"", "complexType": { "original": "ConversationItemState", "resolved": "\"busy\" | \"default\" | \"error\"", "references": { "ConversationItemState": { "location": "import", "path": "../conversation-types", "id": "src/wc/components/conversation-types.ts::ConversationItemState", "referenceLocation": "ConversationItemState" } } }, "mutable": false, "attr": "state", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'default'" } ], "default": "'default'", "values": [ { "value": "busy", "type": "string" }, { "value": "default", "type": "string" }, { "value": "error", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "statusLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "status-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "unreadCount", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "unread-count", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "updatedAt", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "updated-at", "reflectToAttr": false, "docs": "ISO timestamp for semantic activity metadata.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsSelect", "detail": "{ id: string; }", "bubbles": true, "complexType": { "original": "{ id: string }", "resolved": "{ id: string; }", "references": {} }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text", "ds-badge", "ds-loader" ], "dependencyGraph": { "ds-conversation-list-item": [ "ds-text", "ds-badge", "ds-loader" ], "ds-badge": [ "ds-text" ] } }, { "filePath": "src/wc/components/ConversationListSection/ConversationListSection.tsx", "encapsulation": "scoped", "tag": "ds-conversation-list-section", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "heading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "Visible section heading.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "sectionId", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "section-id", "reflectToAttr": false, "docs": "Optional stable id used for the section heading.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-conversation-list-section": [ "ds-text" ] } }, { "filePath": "src/wc/components/Divider/Divider.tsx", "encapsulation": "scoped", "tag": "ds-divider", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "background", "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"strong\" | \"translucent\" | undefined", "complexType": { "original": "DividerBackground | undefined", "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"strong\" | \"translucent\" | undefined", "references": { "DividerBackground": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Divider/Divider.tsx", "id": "src/wc/components/Divider/Divider.tsx::DividerBackground" } } }, "mutable": false, "attr": "background", "reflectToAttr": false, "docs": "Actual parent surface context. Omit on primary and secondary surfaces.", "docsTags": [], "values": [ { "value": "always-dark", "type": "string" }, { "value": "bold", "type": "string" }, { "value": "faint", "type": "string" }, { "value": "inverted", "type": "string" }, { "value": "media", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "navigation", "type": "string" }, { "value": "strong", "type": "string" }, { "value": "translucent", "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "inset", "type": "\"none\" | \"space-000\" | \"space-012\" | \"space-025\" | \"space-050\" | \"space-075\" | \"space-100\" | \"space-125\" | \"space-150\" | \"space-175\" | \"space-200\" | \"space-250\" | \"space-300\" | \"space-400\" | \"space-600\" | \"space-800\" | string & {}", "complexType": { "original": "DividerInset", "resolved": "\"none\" | \"space-000\" | \"space-012\" | \"space-025\" | \"space-050\" | \"space-075\" | \"space-100\" | \"space-125\" | \"space-150\" | \"space-175\" | \"space-200\" | \"space-250\" | \"space-300\" | \"space-400\" | \"space-600\" | \"space-800\" | string & {}", "references": { "DividerInset": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Divider/Divider.tsx", "id": "src/wc/components/Divider/Divider.tsx::DividerInset" } } }, "mutable": false, "attr": "inset", "reflectToAttr": false, "docs": "Insets the divider from its start/end edges. Accepts spacing token names or any CSS length.", "docsTags": [ { "name": "default", "text": "'none'" } ], "default": "'none'", "values": [ { "value": "none", "type": "string" }, { "value": "space-000", "type": "string" }, { "value": "space-012", "type": "string" }, { "value": "space-025", "type": "string" }, { "value": "space-050", "type": "string" }, { "value": "space-075", "type": "string" }, { "value": "space-100", "type": "string" }, { "value": "space-125", "type": "string" }, { "value": "space-150", "type": "string" }, { "value": "space-175", "type": "string" }, { "value": "space-200", "type": "string" }, { "value": "space-250", "type": "string" }, { "value": "space-300", "type": "string" }, { "value": "space-400", "type": "string" }, { "value": "space-600", "type": "string" }, { "value": "space-800", "type": "string" }, { "type": "string & {}" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "length", "type": "\"auto\" | \"full\" | string & {}", "complexType": { "original": "DividerLength", "resolved": "\"auto\" | \"full\" | string & {}", "references": { "DividerLength": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Divider/Divider.tsx", "id": "src/wc/components/Divider/Divider.tsx::DividerLength" } } }, "mutable": false, "attr": "length", "reflectToAttr": false, "docs": "Visual line length. Defaults to filling the available axis. Accepts any CSS length.", "docsTags": [ { "name": "default", "text": "'auto'" } ], "default": "'auto'", "values": [ { "value": "auto", "type": "string" }, { "value": "full", "type": "string" }, { "type": "string & {}" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "orientation", "type": "\"horizontal\" | \"vertical\"", "complexType": { "original": "DividerOrientation", "resolved": "\"horizontal\" | \"vertical\"", "references": { "DividerOrientation": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Divider/Divider.tsx", "id": "src/wc/components/Divider/Divider.tsx::DividerOrientation" } } }, "mutable": false, "attr": "orientation", "reflectToAttr": false, "docs": "Direction of the divider line. Defaults to 'horizontal'.", "docsTags": [ { "name": "default", "text": "'horizontal'" } ], "default": "'horizontal'", "values": [ { "value": "horizontal", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "semantic", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "semantic", "reflectToAttr": false, "docs": "Expose the divider as a semantic separator. Visual-only dividers are hidden from assistive tech by default.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-pagination", "ds-panel-tool-search", "ds-table", "ds-table-toolbar" ], "dependencies": [], "dependencyGraph": { "ds-pagination": [ "ds-divider" ], "ds-panel-tool-search": [ "ds-divider" ], "ds-table": [ "ds-divider" ], "ds-table-toolbar": [ "ds-divider" ] } }, { "filePath": "src/wc/components/EmptyState/EmptyState.tsx", "encapsulation": "scoped", "tag": "ds-empty-state", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "body", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "body", "reflectToAttr": false, "docs": "Explanatory empty-state copy. Every supported variant includes body text.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "heading", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "heading", "reflectToAttr": false, "docs": "Optional visual title. Use with body; required when icon is provided.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Optional decorative prefix glyph for the complete icon + title + body variant.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-select", "ds-table" ], "dependencies": [ "ds-icon", "ds-text" ], "dependencyGraph": { "ds-empty-state": [ "ds-icon", "ds-text" ], "ds-select": [ "ds-empty-state" ], "ds-table": [ "ds-empty-state" ] } }, { "filePath": "src/wc/components/Field/Field.tsx", "encapsulation": "scoped", "tag": "ds-field", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "description", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "Optional guidance associated with the slotted control while no visible error is shown.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "Invalid visual and accessible state forwarded to supported ds controls.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "errorMessage", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "error-message", "reflectToAttr": false, "docs": "Visible error associated with the slotted control while error is true.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fieldId", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "field-id", "reflectToAttr": false, "docs": "Explicit ID for the slotted control; generated when omitted.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Persistent visible label for the single slotted control.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-table-saved-views" ], "dependencies": [ "ds-text" ], "dependencyGraph": { "ds-field": [ "ds-text" ], "ds-table-saved-views": [ "ds-field" ] } }, { "filePath": "src/wc/components/FilterMenu/FilterMenu.tsx", "encapsulation": "scoped", "tag": "ds-filter-menu", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "activeFill", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "active-fill", "reflectToAttr": false, "docs": "Show selected interaction fill when one or more criteria are active.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "activeFilterId", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "active-filter-id", "reflectToAttr": false, "docs": "Controlled category shown in the option pane.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "align", "type": "\"center\" | \"end\" | \"start\"", "complexType": { "original": "AnchoredAlign", "resolved": "\"center\" | \"end\" | \"start\"", "references": { "AnchoredAlign": { "location": "import", "path": "../../utils/anchored-position", "id": "src/wc/utils/anchored-position.ts::AnchoredAlign", "referenceLocation": "AnchoredAlign" } } }, "mutable": false, "attr": "align", "reflectToAttr": false, "docs": "Cross-axis alignment against the trigger.", "docsTags": [ { "name": "default", "text": "'end'" } ], "default": "'end'", "values": [ { "value": "center", "type": "string" }, { "value": "end", "type": "string" }, { "value": "start", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "alignOffset", "type": "number | string", "complexType": { "original": "number | string", "resolved": "number | string", "references": {} }, "mutable": false, "attr": "align-offset", "reflectToAttr": false, "docs": "Cross-axis offset — number in px or a TokoMo length.", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "anchor", "type": "HTMLElement | undefined", "complexType": { "original": "HTMLElement | undefined", "resolved": "HTMLElement | undefined", "references": { "HTMLElement": { "location": "global", "id": "global::HTMLElement" } } }, "mutable": false, "reflectToAttr": false, "docs": "External trigger element to position against.", "docsTags": [], "values": [ { "type": "HTMLElement" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "anchorId", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "anchor-id", "reflectToAttr": false, "docs": "ID of the external trigger element used for positioning and focus return.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabel", "type": "null | string", "complexType": { "original": "string | null", "resolved": "null | string", "references": {} }, "mutable": false, "attr": "aria-label", "reflectToAttr": false, "docs": "Direct accessible name for the internal select trigger.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "null" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "categoriesLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "categories-label", "reflectToAttr": false, "docs": "Accessible name for the category tab list.", "docsTags": [ { "name": "default", "text": "'Filter categories'" } ], "default": "'Filter categories'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "clearLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "clear-label", "reflectToAttr": false, "docs": "Footer action and date-clear accessible label.", "docsTags": [ { "name": "default", "text": "'Clear'" } ], "default": "'Clear'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "collapseLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "collapse-label", "reflectToAttr": true, "docs": "Opt into table-caption icon-only chrome below 900px. The trigger omits its\nvisible label and chevron; keep an accessible name via aria-label.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filters", "type": "FilterMenuFilter[]", "complexType": { "original": "FilterMenuFilter[]", "resolved": "FilterMenuFilter[]", "references": { "FilterMenuFilter": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx", "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuFilter" } } }, "mutable": false, "reflectToAttr": false, "docs": "Product-owned filter categories and option definitions.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "FilterMenuFilter[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hasBorder", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-border", "reflectToAttr": false, "docs": "Show the surface-aware inset border around the select trigger.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Optional select trigger prefix icon name.", "docsTags": [ { "name": "default", "text": "'Filters'" } ], "default": "'Filters'", "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "initialFocusVisible", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "initial-focus-visible", "reflectToAttr": false, "docs": "Show a visible focus ring on initial entry after keyboard activation.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "inputId", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "input-id", "reflectToAttr": false, "docs": "ID applied to the internal select trigger.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "menuLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "menu-label", "reflectToAttr": false, "docs": "Accessible name for the non-modal filter dialog.", "docsTags": [ { "name": "default", "text": "'Filters'" } ], "default": "'Filters'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "menuWidth", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "menu-width", "reflectToAttr": false, "docs": "Popup width. It remains clamped to the viewport by the component recipe.", "docsTags": [ { "name": "default", "text": "TOKEN_CSS_LENGTHS.menuWidthLg" } ], "default": "TOKEN_CSS_LENGTHS.menuWidthLg", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "open", "reflectToAttr": false, "docs": "Controlled popup visibility.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "side", "type": "\"bottom\" | \"left\" | \"right\" | \"top\"", "complexType": { "original": "AnchoredSide", "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"", "references": { "AnchoredSide": { "location": "import", "path": "../../utils/anchored-position", "id": "src/wc/utils/anchored-position.ts::AnchoredSide", "referenceLocation": "AnchoredSide" } } }, "mutable": false, "attr": "side", "reflectToAttr": false, "docs": "Preferred popup side; collision handling may flip it.", "docsTags": [ { "name": "default", "text": "'bottom'" } ], "default": "'bottom'", "values": [ { "value": "bottom", "type": "string" }, { "value": "left", "type": "string" }, { "value": "right", "type": "string" }, { "value": "top", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "sideOffset", "type": "number | string", "complexType": { "original": "number | string", "resolved": "number | string", "references": {} }, "mutable": false, "attr": "side-offset", "reflectToAttr": false, "docs": "Gap between trigger and popup — number in px or a TokoMo length.", "docsTags": [ { "name": "default", "text": "TOKEN_CSS_LENGTHS.space050" } ], "default": "TOKEN_CSS_LENGTHS.space050", "values": [ { "type": "number" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "complexType": { "original": "FilterMenuSize", "resolved": "\"lg\" | \"md\" | \"sm\" | \"xs\"", "references": { "FilterMenuSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx", "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Select trigger density.", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "triggerLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "trigger-label", "reflectToAttr": false, "docs": "Select trigger text. The selected count is appended automatically.", "docsTags": [ { "name": "default", "text": "'Filters'" } ], "default": "'Filters'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "values", "type": "{ [x: string]: FilterMenuValue | undefined; }", "complexType": { "original": "FilterMenuValues", "resolved": "{ [x: string]: FilterMenuValue | undefined; }", "references": { "FilterMenuValues": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx", "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuValues" } } }, "mutable": false, "reflectToAttr": false, "docs": "Controlled values keyed by filter id.", "docsTags": [ { "name": "default", "text": "{}" } ], "default": "{}", "values": [ { "type": "{ [x: string]: FilterMenuValue" }, { "type": "undefined; }" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "width", "type": "\"fill\" | \"hug\"", "complexType": { "original": "FilterMenuWidth", "resolved": "\"fill\" | \"hug\"", "references": { "FilterMenuWidth": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx", "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuWidth" } } }, "mutable": false, "attr": "width", "reflectToAttr": false, "docs": "Select trigger width fit.", "docsTags": [ { "name": "default", "text": "'hug'" } ], "default": "'hug'", "values": [ { "value": "fill", "type": "string" }, { "value": "hug", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "dsActiveFilterChange", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Requests a controlled active-category replacement.", "docsTags": [] }, { "event": "dsAfterClose", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted after exit motion and rendered popup removal complete.", "docsTags": [] }, { "event": "dsChange", "detail": "FilterMenuChangeDetail", "bubbles": true, "complexType": { "original": "FilterMenuChangeDetail", "resolved": "FilterMenuChangeDetail", "references": { "FilterMenuChangeDetail": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx", "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuChangeDetail" } } }, "cancelable": true, "composed": true, "docs": "Requests a controlled value replacement without closing the popup.", "docsTags": [] }, { "event": "dsClear", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Requests that the consumer clear every filter value.", "docsTags": [] }, { "event": "dsClose", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Requests that the controlled popup close.", "docsTags": [] }, { "event": "dsOpenChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted whenever internal select-trigger activation changes popup visibility.", "docsTags": [] } ], "listeners": [ { "event": "keydown", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-table-filter" ], "dependencies": [ "ds-checkbox", "ds-text", "ds-button-unfilled", "ds-icon", "ds-tag", "ds-tooltip" ], "dependencyGraph": { "ds-filter-menu": [ "ds-checkbox", "ds-text", "ds-button-unfilled", "ds-icon", "ds-tag", "ds-tooltip" ], "ds-checkbox": [ "ds-text" ], "ds-button-unfilled": [ "ds-loader", "ds-icon", "ds-badge", "ds-text" ], "ds-badge": [ "ds-text" ], "ds-tag": [ "ds-icon", "ds-text" ], "ds-tooltip": [ "ds-text" ], "ds-table-filter": [ "ds-filter-menu" ] } }, { "filePath": "src/wc/components/Icon/Icon.tsx", "encapsulation": "scoped", "tag": "ds-icon", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "color", "type": "\"ai\" | \"bold-ai\" | \"bold-brand\" | \"bold-caution\" | \"bold-negative\" | \"bold-neutral\" | \"bold-positive\" | \"bold-warning\" | \"brand\" | \"caution\" | \"faint-ai\" | \"faint-brand\" | \"faint-caution\" | \"faint-negative\" | \"faint-neutral\" | \"faint-positive\" | \"faint-warning\" | \"guide\" | \"inherit\" | \"medium-ai\" | \"medium-brand\" | \"medium-caution\" | \"medium-negative\" | \"medium-neutral\" | \"medium-positive\" | \"medium-warning\" | \"negative\" | \"neutral\" | \"on-bold\" | \"on-strong\" | \"positive\" | \"primary\" | \"quaternary\" | \"secondary\" | \"strong-ai\" | \"strong-brand\" | \"strong-caution\" | \"strong-negative\" | \"strong-neutral\" | \"strong-positive\" | \"strong-warning\" | \"tertiary\" | \"warning\" | `var(--${string})`", "complexType": { "original": "IconColor", "resolved": "\"ai\" | \"bold-ai\" | \"bold-brand\" | \"bold-caution\" | \"bold-negative\" | \"bold-neutral\" | \"bold-positive\" | \"bold-warning\" | \"brand\" | \"caution\" | \"faint-ai\" | \"faint-brand\" | \"faint-caution\" | \"faint-negative\" | \"faint-neutral\" | \"faint-positive\" | \"faint-warning\" | \"guide\" | \"inherit\" | \"medium-ai\" | \"medium-brand\" | \"medium-caution\" | \"medium-negative\" | \"medium-neutral\" | \"medium-positive\" | \"medium-warning\" | \"negative\" | \"neutral\" | \"on-bold\" | \"on-strong\" | \"positive\" | \"primary\" | \"quaternary\" | \"secondary\" | \"strong-ai\" | \"strong-brand\" | \"strong-caution\" | \"strong-negative\" | \"strong-neutral\" | \"strong-positive\" | \"strong-warning\" | \"tertiary\" | \"warning\" | `var(--${string})`", "references": { "IconColor": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Icon/Icon.tsx", "id": "src/wc/components/Icon/Icon.tsx::IconColor" } } }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Semantic foreground color token, or a raw CSS var reference. `tertiary`\nand the still-fainter `quaternary` are restricted to icons inside genuinely\ninactive/disabled UI or to purely decorative icons; informative icons must\nretain sufficient contrast.", "docsTags": [ { "name": "default", "text": "'inherit'" } ], "default": "'inherit'", "values": [ { "value": "ai", "type": "string" }, { "value": "bold-ai", "type": "string" }, { "value": "bold-brand", "type": "string" }, { "value": "bold-caution", "type": "string" }, { "value": "bold-negative", "type": "string" }, { "value": "bold-neutral", "type": "string" }, { "value": "bold-positive", "type": "string" }, { "value": "bold-warning", "type": "string" }, { "value": "brand", "type": "string" }, { "value": "caution", "type": "string" }, { "value": "faint-ai", "type": "string" }, { "value": "faint-brand", "type": "string" }, { "value": "faint-caution", "type": "string" }, { "value": "faint-negative", "type": "string" }, { "value": "faint-neutral", "type": "string" }, { "value": "faint-positive", "type": "string" }, { "value": "faint-warning", "type": "string" }, { "value": "guide", "type": "string" }, { "value": "inherit", "type": "string" }, { "value": "medium-ai", "type": "string" }, { "value": "medium-brand", "type": "string" }, { "value": "medium-caution", "type": "string" }, { "value": "medium-negative", "type": "string" }, { "value": "medium-neutral", "type": "string" }, { "value": "medium-positive", "type": "string" }, { "value": "medium-warning", "type": "string" }, { "value": "negative", "type": "string" }, { "value": "neutral", "type": "string" }, { "value": "on-bold", "type": "string" }, { "value": "on-strong", "type": "string" }, { "value": "positive", "type": "string" }, { "value": "primary", "type": "string" }, { "value": "quaternary", "type": "string" }, { "value": "secondary", "type": "string" }, { "value": "strong-ai", "type": "string" }, { "value": "strong-brand", "type": "string" }, { "value": "strong-caution", "type": "string" }, { "value": "strong-negative", "type": "string" }, { "value": "strong-neutral", "type": "string" }, { "value": "strong-positive", "type": "string" }, { "value": "strong-warning", "type": "string" }, { "value": "tertiary", "type": "string" }, { "value": "warning", "type": "string" }, { "type": "`var(--${string})`" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Accessible label. Sets `role=\"img\"` and `aria-label`. Omit for decorative icons.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "Exact canonical IcoMo export name, including the `Flag` prefix for flags.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"2xl\" | \"3xl\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"", "complexType": { "original": "IconSize", "resolved": "\"2xl\" | \"3xl\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"", "references": { "IconSize": { "location": "local", "path": "/home/runner/work/compomo/compomo/src/wc/components/Icon/Icon.tsx", "id": "src/wc/components/Icon/Icon.tsx::IconSize" } } }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.", "docsTags": [ { "name": "default", "text": "'md'" } ], "default": "'md'", "values": [ { "value": "2xl", "type": "string" }, { "value": "3xl", "type": "string" }, { "value": "lg", "type": "string" }, { "value": "md", "type": "string" }, { "value": "sm", "type": "string" }, { "value": "xl", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ds-agent-activity", "ds-agent-questionnaire", "ds-agent-source-list", "ds-agent-tool-call", "ds-attachment-list", "ds-avatar", "ds-bar-title", "ds-button-filled", "ds-button-unfilled", "ds-chip", "ds-empty-state", "ds-filter-menu", "ds-input", "ds-menu", "ds-message-composer", "ds-mobile-bar-nav", "ds-mobile-sheet-nav", "ds-panel-nav", "ds-panel-tool-search", "ds-select", "ds-tab-group", "ds-table", "ds-tag" ], "dependencies": [], "dependencyGraph": { "ds-agent-activity": [ "ds-icon" ], "ds-agent-questionnaire": [ "ds-icon" ], "ds-agent-source-list": [ "ds-icon" ], "ds-agent-tool-call": [ "ds-icon" ], "ds-attachment-list": [ "ds-icon" ], "ds-avatar": [ "ds-icon" ], "ds-bar-title": [ "ds-icon" ], "ds-button-filled": [ "ds-icon" ], "ds-button-unfilled": [ "ds-icon" ], "ds-chip": [ "ds-icon" ], "ds-empty-state": [ "ds-icon" ], "ds-filter-menu": [ "ds-icon" ], "ds-input": [ "ds-icon" ], "ds-menu": [ "ds-icon" ], "ds-message-composer": [ "ds-icon" ], "ds-mobile-bar-nav": [ "ds-icon" ], "ds-mobile-sheet-nav": [ "ds-icon" ], "ds-panel-nav": [ "ds-icon" ], "ds-panel-tool-search": [ "ds-icon" ], "ds-select": [ "ds-icon" ], "ds-tab-group": [ "ds-icon" ], "ds-table": [ "ds-icon" ], "ds-tag": [ "ds-icon" ] } }, { "filePath": "src/wc/components/Input/Input.tsx", "encapsulation": "scoped", "tag": "ds-input", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaDescribedby", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "aria-describedby", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabel", "type": "null | string", "complexType": { "original": "string | null", "resolved": "null | string", "references": {} }, "mutable": false, "attr": "aria-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "null" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelledby", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "aria-labelledby", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "autoComplete", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, "docs": "Native browser autofill hint.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "autoFocus", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "auto-focus", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "clearLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "clear-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "'Clear'" } ], "default": "'Clear'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": true, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "enterKeyHint", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "enterkeyhint", "reflectToAttr": false, "docs": "Preferred virtual-keyboard action label.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "errorMessage", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "error-message", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "form", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "form", "reflectToAttr": true, "docs": "", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hasBorder", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "has-border", "reflectToAttr": false, "docs": "Show the standard inset border, including focused and invalid strokes.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Optional leading icon name.", "docsTags": [], "values": [ { "type": "string" }, { "type": "undefined" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "inputId", "type": "string | undefined", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "mutable": false, "attr": "input-id", "reflectToAttr": false, "docs": "Associates the internal input with an external