@ds-mo/ui 15.2.0 → 15.4.0

package/dist/lint/index.js

@@ -51141,7 +51141,7 @@ var jsx_rules_default = {
 };
 
 // lint-contracts:contracts
-var contracts_default = { "ds-agent-activity": { "tag": "ds-agent-activity", "reactName": "DsAgentActivity", "props": { "heading": { "values": [] }, "items": { "values": [] }, "open": { "values": [] } }, "styling": { "rationale": "Disclosure composition owns its rows; the host remains an application layout box.", "protected": [], "customProperties": [] } }, "ds-agent-questionnaire": { "tag": "ds-agent-questionnaire", "reactName": "DsAgentQuestionnaire", "props": { "allowCancel": { "values": [] }, "answers": { "values": [] }, "errorMessage": { "values": [] }, "labels": { "values": [] }, "questions": { "values": [] }, "requestId": { "values": [] }, "status": { "values": ["answered", "error", "preparing", "ready", "submitting"] } }, "styling": { "rationale": "Question and action components own their recipes; the questionnaire host remains a responsive layout box.", "protected": [], "customProperties": [] } }, "ds-agent-response": { "tag": "ds-agent-response", "reactName": "DsAgentResponse", "props": { "author": { "values": [] }, "messageId": { "values": [] }, "metadataVisibility": { "values": ["always", "hover"] }, "parts": { "values": [] }, "renderMode": { "values": ["composed", "parts"] }, "showAuthor": { "values": [] }, "streaming": { "values": [] }, "timestamp": { "values": [] } }, "styling": { "rationale": "Structured response parts own their recipes; the host permits application layout and the public prose measure.", "protected": [], "customProperties": [{ "name": "--ds-prose-text-max-inline-size", "source": "src/wc/styles/prose.css", "reason": "Application-owned readable prose measure." }] } }, "ds-agent-source-list": { "tag": "ds-agent-source-list", "reactName": "DsAgentSourceList", "props": { "heading": { "values": [] }, "items": { "values": [] }, "open": { "values": [] } }, "styling": { "rationale": "Source rows own their recipes; the disclosure host remains an application layout box.", "protected": [], "customProperties": [] } }, "ds-agent-tool-call": { "tag": "ds-agent-tool-call", "reactName": "DsAgentToolCall", "props": { "error": { "values": [] }, "input": { "values": [] }, "label": { "values": [] }, "name": { "values": [] }, "open": { "values": [] }, "output": { "values": [] }, "state": { "values": ["canceled", "denied", "error", "preparing", "queued", "running", "success", "waiting-for-user"] }, "statusLabel": { "values": [] } }, "styling": { "rationale": "Slotted tool summaries and results retain application-owned styling and layout.", "protected": [], "customProperties": [] } }, "ds-attachment-list": { "tag": "ds-attachment-list", "reactName": "DsAttachmentList", "props": { "items": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "Attachment items own their recipes; the list host permits application layout.", "protected": [], "customProperties": [] } }, "ds-avatar": { "tag": "ds-avatar", "reactName": "DsAvatar", "props": { "icon": { "values": [] }, "iconColor": { "values": ["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"] }, "label": { "values": [] }, "size": { "values": ["md", "sm", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["width", "height", "min-width", "min-height", "max-width", "max-height"], "reason": "The primitive owns its size recipe; select size and position it through the parent layout.", "props": ["size"] }], "customProperties": [] } }, "ds-badge": { "tag": "ds-badge", "reactName": "DsBadge", "props": { "background": { "values": [] }, "count": { "values": [] }, "gradientBackground": { "values": [] }, "hasRing": { "values": [] }, "label": { "values": [] }, "max": { "values": [] }, "surface": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "navigation", "primary", "secondary", "strong", "translucent"] }, "variant": { "values": ["counter", "dot"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "surface", "variant", "hasRing"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-banner": { "tag": "ds-banner", "reactName": "DsBanner", "props": { "announcement": { "values": ["assertive", "none", "polite"] }, "contrast": { "values": ["bold", "faint", "medium", "strong"] }, "description": { "values": [] }, "dismissLabel": { "values": [] }, "heading": { "values": [] }, "intent": { "values": ["brand", "caution", "negative", "neutral", "positive", "warning"] }, "open": { "values": [] }, "orientation": { "values": ["horizontal", "vertical"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["intent", "contrast"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-action": { "tag": "ds-bar-action", "reactName": "DsBarAction", "props": { "clearLabel": { "values": [] }, "count": { "values": [] }, "label": { "values": [] }, "selectedLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-nav": { "tag": "ds-bar-nav", "reactName": "DsBarNav", "props": { "basePath": { "values": [] }, "currentUrl": { "values": [] }, "heading": { "values": [] }, "moreTabsLabel": { "values": [] }, "navStyle": { "values": ["dashboard", "settings"] }, "tabs": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The host participates in shell-owned layout; internal tabs and chrome own their recipes.", "protected": [], "customProperties": [] } }, "ds-bar-page-title": { "tag": "ds-bar-page-title", "reactName": "DsBarPageTitle", "props": { "actionItems": { "values": [] }, "actions": { "values": [] }, "actionsAriaLabel": { "values": [] }, "backAriaLabel": { "values": [] }, "heading": { "values": [] }, "primaryAction": { "values": [] }, "sections": { "values": [] }, "sectionsAriaLabel": { "values": [] }, "showBack": { "values": [] }, "showCompactDivider": { "values": [] }, "showDivider": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-title": { "tag": "ds-bar-title", "reactName": "DsBarTitle", "props": { "actionItems": { "values": [] }, "actions": { "values": [] }, "actionsAriaLabel": { "values": [] }, "backAriaLabel": { "values": [] }, "backLabel": { "values": [] }, "breadcrumbAriaLabel": { "values": [] }, "breadcrumbs": { "values": [] }, "description": { "values": [] }, "heading": { "values": [] }, "placement": { "values": ["page", "shell-bar"] }, "primaryAction": { "values": [] }, "sections": { "values": [] }, "sectionsAriaLabel": { "values": [] }, "showBack": { "values": [] }, "showCompactDivider": { "values": [] }, "showDivider": { "values": [] }, "value": { "values": [] }, "variant": { "values": ["compact", "constrained", "expanded"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-workflow": { "tag": "ds-bar-workflow", "reactName": "DsBarWorkflow", "props": { "exitAriaLabel": { "values": [] }, "exitLabel": { "values": [] }, "heading": { "values": [] }, "isNextInactive": { "values": [] }, "nextLabel": { "values": [] }, "previousLabel": { "values": [] }, "responsiveMode": { "values": ["desktop", "mobile", "tablet"] }, "steps": { "values": [] }, "submitAction": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-breadcrumb": { "tag": "ds-breadcrumb", "reactName": "DsBreadcrumb", "props": { "ariaLabel": { "values": [] }, "items": { "values": [] } }, "styling": { "rationale": "The breadcrumb owns internal truncation; the application supplies the host width and placement.", "protected": [], "customProperties": [] } }, "ds-button-filled": { "tag": "ds-button-filled", "reactName": "DsButtonFilled", "props": { "ariaLabel": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "contrast": { "values": ["bold", "faint", "medium", "strong"] }, "controls": { "values": [] }, "expanded": { "values": [] }, "hasBorder": { "values": [] }, "hasMenu": { "values": [] }, "haspopup": { "values": ["dialog", "grid", "listbox", "menu", "tree", "true"] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "intent": { "values": ["ai", "brand", "caution", "guide", "negative", "neutral", "positive", "walkthrough", "warning"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "label": { "values": [] }, "labelEmphasis": { "values": [] }, "menuAriaLabel": { "values": [] }, "pressScale": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "split": { "values": [] }, "surfaceOpen": { "values": [] }, "type": { "values": ["button", "reset", "submit"] }, "variant": { "values": ["icon", "icon-label", "label"] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth", "labelEmphasis"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["width", "min-width", "max-width"], "reason": "The button owns hug/fill sizing and its minimum square geometry; use width and constrain the surrounding layout.", "props": ["width", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["intent", "contrast", "background", "variant", "hasBorder", "size"] }], "customProperties": [] } }, "ds-button-inverted": { "tag": "ds-button-inverted", "reactName": "DsButtonInverted", "props": { "ariaLabel": { "values": [] }, "controls": { "values": [] }, "expanded": { "values": [] }, "hasMenu": { "values": [] }, "haspopup": { "values": ["dialog", "grid", "listbox", "menu", "tree", "true"] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "label": { "values": [] }, "labelEmphasis": { "values": [] }, "menuAriaLabel": { "values": [] }, "pressScale": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "split": { "values": [] }, "surfaceOpen": { "values": [] }, "type": { "values": ["button", "reset", "submit"] }, "variant": { "values": ["icon", "icon-label", "label"] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth", "labelEmphasis"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["width", "min-width", "max-width"], "reason": "The button owns hug/fill sizing and its minimum square geometry; use width and constrain the surrounding layout.", "props": ["width", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant", "size"] }], "customProperties": [] } }, "ds-button-unfilled": { "tag": "ds-button-unfilled", "reactName": "DsButtonUnfilled", "props": { "activeFill": { "values": [] }, "ariaLabel": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "collapseLabel": { "values": [] }, "controls": { "values": [] }, "dot": { "values": [] }, "expanded": { "values": [] }, "focusTabIndex": { "values": [] }, "hasBorder": { "values": [] }, "hasMenu": { "values": [] }, "haspopup": { "values": ["dialog", "grid", "listbox", "menu", "tree", "true"] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "isActive": { "values": [] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "label": { "values": [] }, "labelEmphasis": { "values": [] }, "menuAriaLabel": { "values": [] }, "pressScale": { "values": [] }, "pressed": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "split": { "values": [] }, "surfaceOpen": { "values": [] }, "type": { "values": ["button", "reset", "submit"] }, "variant": { "values": ["icon", "icon-label", "label"] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth", "labelEmphasis"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["width", "min-width", "max-width"], "reason": "The button owns hug/fill sizing and its minimum square geometry; use width and constrain the surrounding layout.", "props": ["width", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "variant", "hasBorder", "size"] }], "customProperties": [] } }, "ds-calendar": { "tag": "ds-calendar", "reactName": "DsCalendar", "props": { "autoFocus": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "selectionMode": { "values": ["range", "single"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-card-action-center": { "tag": "ds-card-action-center", "reactName": "DsCardActionCenter", "props": { "emptyMessage": { "values": [] }, "sections": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-card-chart": { "tag": "ds-card-chart", "reactName": "DsCardChart", "props": { "cardWidth": { "values": ["lg", "md", "sm"] }, "filterLabel": { "values": [] }, "heading": { "values": [] }, "showFilter": { "values": [] }, "variant": { "values": ["chart", "custom"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }, { "properties": ["width", "min-height"], "reason": "Card width selects the component geometry; use cardWidth and let the parent constrain available space.", "props": ["cardWidth"] }], "customProperties": [] } }, "ds-card-navigation": { "tag": "ds-card-navigation", "reactName": "DsCardNavigation", "props": { "cardWidth": { "values": ["lg", "md", "sm"] }, "description": { "values": [] }, "heading": { "values": [] }, "href": { "values": [] }, "variant": { "values": ["content", "navigation-only"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }, { "properties": ["width", "min-height"], "reason": "Card width selects the component geometry; use cardWidth and let the parent constrain available space.", "props": ["cardWidth"] }], "customProperties": [] } }, "ds-card-overview": { "tag": "ds-card-overview", "reactName": "DsCardOverview", "props": { "comparisonLabel": { "values": [] }, "isLoading": { "values": [] }, "layout": { "values": ["auto", "stacked"] }, "metricMinWidth": { "values": [] }, "metrics": { "values": [] }, "overviewLabel": { "values": [] }, "periodLabel": { "values": [] }, "score": { "values": [] }, "scoreErrorMessage": { "values": [] }, "scrollCollapseProgress": { "values": [] }, "variant": { "values": ["compact", "default"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-card-setting": { "tag": "ds-card-setting", "reactName": "DsCardSetting", "props": { "cancelLabel": { "values": [] }, "cardWidth": { "values": ["lg", "md", "sm"] }, "editLabel": { "values": [] }, "editing": { "values": [] }, "heading": { "values": [] }, "saveLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }, { "properties": ["width", "min-height"], "reason": "Card width selects the component geometry; use cardWidth and let the parent constrain available space.", "props": ["cardWidth"] }], "customProperties": [] } }, "ds-card-settings-scope": { "tag": "ds-card-settings-scope", "reactName": "DsCardSettingsScope", "props": { "areaControls": { "values": [] }, "areaExpanded": { "values": [] }, "areaLabel": { "values": [] }, "forLabel": { "values": [] }, "managingLabel": { "values": [] }, "profileControls": { "values": [] }, "profileExpanded": { "values": [] }, "profileLabel": { "values": [] }, "profilePopup": { "values": ["dialog", "menu"] }, "scopeLabel": { "values": [] }, "settingsLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-chart": { "tag": "ds-chart", "reactName": "DsChart", "props": { "aspectRatio": { "values": [] }, "definition": { "values": [] }, "description": { "values": [] }, "height": { "values": [] }, "label": { "values": [] }, "locale": { "values": [] }, "width": { "values": [] } }, "styling": { "rationale": "The renderer observes the host; application-supplied dimensions and chart definition remain authoritative.", "protected": [], "customProperties": [] } }, "ds-chart-legend": { "tag": "ds-chart-legend", "reactName": "DsChartLegend", "props": { "activeLabel": { "values": [] }, "direction": { "values": ["horizontal", "vertical"] }, "highlightOnHover": { "values": [] }, "items": { "values": [] }, "locale": { "values": [] }, "percentageDecimals": { "values": ["1", "2"] }, "showPercentage": { "values": [] } }, "styling": { "rationale": "Legend content owns internal rows; application layout may constrain and position its host.", "protected": [], "customProperties": [] } }, "ds-checkbox": { "tag": "ds-checkbox", "reactName": "DsCheckbox", "props": { "checked": { "values": [] }, "description": { "values": [] }, "disabled": { "values": [] }, "indeterminate": { "values": [] }, "isInactive": { "values": [] }, "label": { "values": [] }, "name": { "values": [] }, "presentation": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size", "presentation"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size", "presentation"] }], "customProperties": [] } }, "ds-chip": { "tag": "ds-chip", "reactName": "DsChip", "props": { "insetDepth": { "values": ["double", "single"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "label": { "values": [] }, "maxWidth": { "values": [] }, "removeLabel": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "state": { "values": ["active", "caution", "default", "error"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }], "customProperties": [] } }, "ds-code-block": { "tag": "ds-code-block", "reactName": "DsCodeBlock", "props": { "code": { "values": [] }, "filename": { "values": [] }, "language": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [{ "name": "--ds-code-font-variant-ligatures", "source": "src/wc/components/CodeBlock/CodeBlock.css", "reason": "Application-owned code ligature preference." }] } }, "ds-conversation-list": { "tag": "ds-conversation-list", "reactName": "DsConversationList", "props": {}, "styling": { "rationale": "The application supplies the bounded list region; internal scroll and action geometry are implementation-owned.", "protected": [], "customProperties": [] } }, "ds-conversation-list-item": { "tag": "ds-conversation-list-item", "reactName": "DsConversationListItem", "props": { "actionsOpen": { "values": [] }, "conversationId": { "values": [] }, "conversationTitle": { "values": [] }, "preview": { "values": [] }, "selected": { "values": [] }, "state": { "values": ["busy", "default", "error"] }, "statusLabel": { "values": [] }, "unreadCount": { "values": [] }, "updatedAt": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-conversation-list-section": { "tag": "ds-conversation-list-section", "reactName": "DsConversationListSection", "props": { "heading": { "values": [] }, "sectionId": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-data-customize": { "tag": "ds-data-customize", "reactName": "DsDataCustomize", "props": { "ariaLabel": { "values": [] }, "catalogHeader": { "values": [] }, "fieldOrder": { "values": [] }, "fields": { "values": [] }, "hasBorder": { "values": [] }, "hiddenFieldIds": { "values": [] }, "label": { "values": [] }, "minVisible": { "values": [] }, "options": { "values": [] }, "optionsHeader": { "values": [] }, "reorderable": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-filter": { "tag": "ds-data-filter", "reactName": "DsDataFilter", "props": { "activeFilterId": { "values": [] }, "ariaLabel": { "values": [] }, "categoriesLabel": { "values": [] }, "clearLabel": { "values": [] }, "filters": { "values": [] }, "hasBorder": { "values": [] }, "label": { "values": [] }, "matchModes": { "values": [] }, "menuLabel": { "values": [] }, "noResultsText": { "values": [] }, "open": { "values": [] }, "searchPlaceholder": { "values": [] }, "values": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-group": { "tag": "ds-data-group", "reactName": "DsDataGroup", "props": { "ariaLabel": { "values": [] }, "clearLabel": { "values": [] }, "embedded": { "values": [] }, "emptyMessage": { "values": [] }, "grouping": { "values": [] }, "hasBorder": { "values": [] }, "open": { "values": [] }, "options": { "values": [] }, "vertical": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-preferences": { "tag": "ds-data-preferences", "reactName": "DsDataPreferences", "props": { "activeFilterId": { "values": [] }, "activeTab": { "values": ["customize", "filters", "group", "sort"] }, "catalogHeader": { "values": [] }, "catalogReorderable": { "values": [] }, "customizeLabel": { "values": [] }, "customizeOptions": { "values": [] }, "customizeSections": { "values": [] }, "embedded": { "values": [] }, "fieldOrder": { "values": [] }, "fields": { "values": [] }, "filters": { "values": [] }, "grouping": { "values": [] }, "groupingOptions": { "values": [] }, "hasBorder": { "values": [] }, "hiddenFieldIds": { "values": [] }, "label": { "values": [] }, "matchModes": { "values": [] }, "sort": { "values": [] }, "sortColumns": { "values": [] }, "values": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-saved-views": { "tag": "ds-data-saved-views", "reactName": "DsDataSavedViews", "props": { "compact": { "values": [] }, "createLabel": { "values": [] }, "defaultViewId": { "values": [] }, "defaultViewLabel": { "values": [] }, "dirty": { "values": [] }, "hasBorder": { "values": [] }, "label": { "values": [] }, "triggerLabel": { "values": [] }, "value": { "values": [] }, "views": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-search": { "tag": "ds-data-search", "reactName": "DsDataSearch", "props": { "ariaLabel": { "values": [] }, "clearLabel": { "values": [] }, "fieldMenuLabel": { "values": [] }, "fields": { "values": [] }, "hasBorder": { "values": [] }, "isInactive": { "values": [] }, "placeholder": { "values": [] }, "selectedFieldIds": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-sort": { "tag": "ds-data-sort", "reactName": "DsDataSort", "props": { "ariaLabel": { "values": [] }, "fields": { "values": [] }, "hasBorder": { "values": [] }, "sort": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-toolbar": { "tag": "ds-data-toolbar", "reactName": "DsDataToolbar", "props": { "borderless": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-divider": { "tag": "ds-divider", "reactName": "DsDivider", "props": { "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "navigation", "strong", "translucent"] }, "inset": { "values": ["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"] }, "length": { "values": ["auto", "full"] }, "orientation": { "values": ["horizontal", "vertical"] }, "semantic": { "values": [] } }, "styling": { "rationale": "Orientation and length are public props; the host supports application layout around the internal divider.", "protected": [], "customProperties": [] } }, "ds-empty-state": { "tag": "ds-empty-state", "reactName": "DsEmptyState", "props": { "body": { "values": [] }, "heading": { "values": [] }, "icon": { "values": [] } }, "styling": { "rationale": "The application explicitly owns available width, height and surrounding padding.", "protected": [], "customProperties": [] } }, "ds-field": { "tag": "ds-field", "reactName": "DsField", "props": { "description": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "fieldId": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-filter-menu": { "tag": "ds-filter-menu", "reactName": "DsFilterMenu", "props": { "activeFill": { "values": [] }, "activeFilterId": { "values": [] }, "align": { "values": ["center", "end", "start"] }, "alignOffset": { "values": [] }, "anchor": { "values": [] }, "anchorId": { "values": [] }, "applyRequired": { "values": [] }, "ariaLabel": { "values": [] }, "boundary": { "values": [] }, "categoriesLabel": { "values": [] }, "clearLabel": { "values": [] }, "collapseLabel": { "values": [] }, "embedded": { "values": [] }, "filters": { "values": [] }, "footerLayout": { "values": ["categories-clear", "summary"] }, "hasBorder": { "values": [] }, "icon": { "values": [] }, "initialFocusVisible": { "values": [] }, "inputId": { "values": [] }, "matchModes": { "values": [] }, "menuLabel": { "values": [] }, "menuWidth": { "values": [] }, "neutralTrigger": { "values": [] }, "noResultsText": { "values": [] }, "open": { "values": [] }, "searchPlaceholder": { "values": [] }, "showIndicator": { "values": [] }, "showSelectedCount": { "values": [] }, "side": { "values": ["bottom", "left", "right", "top"] }, "sideOffset": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "triggerLabel": { "values": [] }, "values": { "values": [] }, "vertical": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-icon": { "tag": "ds-icon", "reactName": "DsIcon", "props": { "color": { "values": ["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"] }, "label": { "values": [] }, "name": { "values": [] }, "size": { "values": ["2xl", "3xl", "lg", "md", "sm", "xl", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["width", "height", "min-width", "min-height", "max-width", "max-height"], "reason": "The primitive owns its size recipe; select size and position it through the parent layout.", "props": ["size"] }], "customProperties": [] } }, "ds-input": { "tag": "ds-input", "reactName": "DsInput", "props": { "ariaActiveDescendant": { "values": [] }, "ariaControls": { "values": [] }, "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoComplete": { "values": [] }, "autoFocus": { "values": [] }, "clearLabel": { "values": [] }, "disabled": { "values": [] }, "enterKeyHint": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "hidePasswordLabel": { "values": [] }, "icon": { "values": [] }, "inputId": { "values": [] }, "inputMode": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "name": { "values": [] }, "placeholder": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "showPasswordLabel": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "step": { "values": [] }, "textAlign": { "values": ["end", "start"] }, "type": { "values": ["email", "number", "password", "search", "tel", "text", "url"] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-input-date": { "tag": "ds-input-date", "reactName": "DsInputDate", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoFocus": { "values": [] }, "disabled": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "name": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-input-time": { "tag": "ds-input-time", "reactName": "DsInputTime", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoFocus": { "values": [] }, "disabled": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "name": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "step": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-loader": { "tag": "ds-loader", "reactName": "DsLoader", "props": { "color": { "values": ["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"] }, "label": { "values": [] }, "size": { "values": ["2xl", "3xl", "lg", "md", "sm", "xl", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["width", "height", "min-width", "min-height", "max-width", "max-height"], "reason": "The primitive owns its size recipe; select size and position it through the parent layout.", "props": ["size"] }], "customProperties": [] } }, "ds-map-cluster-marker": { "tag": "ds-map-cluster-marker", "reactName": "DsMapClusterMarker", "props": { "caption": { "values": [] }, "count": { "values": [] }, "dimmed": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "The component owns stable map anchoring geometry and semantic cluster recipes; the map engine owns host placement and stacking.", "protected": [{ "properties": ["height", "min-width", "padding", "border-radius", "background", "color", "opacity"], "reason": "Cluster geometry, count legibility, interaction treatment, and de-emphasis are one accessible visual recipe.", "props": ["count", "dimmed"] }], "customProperties": [] } }, "ds-map-entity-marker": { "tag": "ds-map-entity-marker", "reactName": "DsMapEntityMarker", "props": { "caption": { "values": [] }, "dimmed": { "values": [] }, "heading": { "values": [] }, "icon": { "values": [] }, "label": { "values": [] }, "stale": { "values": [] }, "state": { "values": ["idling", "immobilized", "in-motion", "stale", "stationary"] } }, "styling": { "rationale": "The component owns stable map anchoring geometry and semantic marker recipes; the map engine owns host placement and stacking.", "protected": [{ "properties": ["width", "height", "min-width", "padding", "border", "border-radius", "background", "color", "opacity"], "reason": "Marker geometry, operating-state colors, stale distinction, and de-emphasis are one accessible visual recipe.", "props": ["state", "stale", "dimmed"] }], "customProperties": [] } }, "ds-markdown": { "tag": "ds-markdown", "reactName": "DsMarkdown", "props": { "content": { "values": [] }, "streaming": { "values": [] } }, "styling": { "rationale": "The public prose stylesheet intentionally owns typography and exposes consumer customization.", "protected": [], "customProperties": [{ "name": "--ds-prose-text-max-inline-size", "source": "src/wc/styles/prose.css", "reason": "Application-owned readable prose measure." }, { "name": "--ds-code-font-variant-ligatures", "source": "src/wc/styles/prose.css", "reason": "Application-owned code ligature preference." }] } }, "ds-menu": { "tag": "ds-menu", "reactName": "DsMenu", "props": { "align": { "values": ["center", "end", "start"] }, "alignOffset": { "values": [] }, "anchor": { "values": [] }, "anchorAlignment": { "values": ["choice-cell", "popup-frame"] }, "anchorId": { "values": [] }, "boundary": { "values": [] }, "embedded": { "values": [] }, "emptyMessage": { "values": [] }, "initialFocusVisible": { "values": [] }, "items": { "values": [] }, "menuLabel": { "values": [] }, "menuWidth": { "values": [] }, "minWidth": { "values": [] }, "open": { "values": [] }, "sections": { "values": [] }, "selectionMode": { "values": ["none", "single"] }, "side": { "values": ["bottom", "left", "right", "top"] }, "sideOffset": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-message": { "tag": "ds-message", "reactName": "DsMessage", "props": { "author": { "values": [] }, "deliveryState": { "values": ["delivered", "failed", "read", "sending", "sent"] }, "direction": { "values": ["incoming", "outgoing", "system"] }, "groupPosition": { "values": ["first", "last", "middle", "single"] }, "messageId": { "values": [] }, "metadataVisibility": { "values": ["always", "hover"] }, "scrollAnchor": { "values": [] }, "showAuthor": { "values": [] }, "streaming": { "values": [] }, "timestamp": { "values": [] } }, "styling": { "rationale": "The row composes content whose presentation is owned by its children and the transcript layout.", "protected": [], "customProperties": [] } }, "ds-message-actions": { "tag": "ds-message-actions", "reactName": "DsMessageActions", "props": { "copyText": { "values": [] }, "feedback": { "values": ["negative", "positive"] }, "feedbackEnabled": { "values": [] } }, "styling": { "rationale": "The application may position the action group; child buttons own their appearance.", "protected": [], "customProperties": [] } }, "ds-message-bubble": { "tag": "ds-message-bubble", "reactName": "DsMessageBubble", "props": { "variant": { "values": ["received", "user"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-message-composer": { "tag": "ds-message-composer", "reactName": "DsMessageComposer", "props": { "errorMessage": { "values": [] }, "isInactive": { "values": [] }, "label": { "values": [] }, "placeholder": { "values": [] }, "status": { "values": ["error", "ready", "streaming", "submitted"] }, "submitIntent": { "values": ["ai", "brand", "caution", "guide", "negative", "neutral", "positive", "walkthrough", "warning"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-message-scroller": { "tag": "ds-message-scroller", "reactName": "DsMessageScroller", "props": { "autoFollow": { "values": [] }, "busy": { "values": [] }, "defaultPosition": { "values": ["end", "last-anchor", "start"] }, "messagesLabel": { "values": [] } }, "styling": { "rationale": "The application owns host dimensions and may customize the transcript measure through its public hook.", "protected": [], "customProperties": [{ "name": "--ds-message-scroller-content-max-width", "source": "src/wc/components/MessageScroller/MessageScroller.css", "reason": "Readable transcript measure inside a full-width scrollport." }] } }, "ds-mobile-bar-nav": { "tag": "ds-mobile-bar-nav", "reactName": "DsMobileBarNav", "props": { "activeDestination": { "values": ["activity", "agents", "area", "help", "inbox", "messages", "search"] }, "activityDot": { "values": [] }, "activityLabel": { "values": [] }, "activityMode": { "values": ["direct", "inbox"] }, "agentsDot": { "values": [] }, "agentsLabel": { "values": [] }, "currentArea": { "values": [] }, "helpLabel": { "values": [] }, "inboxDot": { "values": [] }, "inboxLabel": { "values": [] }, "menuLabel": { "values": [] }, "messagesDot": { "values": [] }, "messagesLabel": { "values": [] }, "primaryDestination": { "values": ["area", "help"] }, "searchDot": { "values": [] }, "searchLabel": { "values": [] }, "sheetNavExpanded": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-mobile-header": { "tag": "ds-mobile-header", "reactName": "DsMobileHeader", "props": { "heading": { "values": [] }, "headingLevel": { "values": ["h1", "h2"] }, "sections": { "values": [] }, "sectionsAriaLabel": { "values": [] }, "sectionsPresentation": { "values": ["segmented", "switcher"] }, "sectionsSize": { "values": ["lg", "md", "sm"] }, "subsections": { "values": [] }, "subsectionsAriaLabel": { "values": [] }, "subsectionsPlacement": { "values": ["below", "combined", "inline"] }, "subvalue": { "values": [] }, "tone": { "values": ["brand", "default"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["tone"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-mobile-section-switcher": { "tag": "ds-mobile-section-switcher", "reactName": "DsMobileSectionSwitcher", "props": { "navigationLabel": { "values": [] }, "pageLabel": { "values": [] }, "presentation": { "values": ["menu", "sheet"] }, "sections": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-mobile-sheet-nav": { "tag": "ds-mobile-sheet-nav", "reactName": "DsMobileSheetNav", "props": { "accountLabel": { "values": [] }, "browseContext": { "values": ["dashboard", "settings"] }, "currentUrl": { "values": [] }, "dashboardGroups": { "values": [] }, "dashboardLabel": { "values": [] }, "helpLabel": { "values": [] }, "navigationLabel": { "values": [] }, "open": { "values": [] }, "presentation": { "values": ["flat", "nested"] }, "routeSelectionActive": { "values": [] }, "settingsGroups": { "values": [] }, "settingsLabel": { "values": [] }, "showAccount": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-modal": { "tag": "ds-modal", "reactName": "DsModal", "props": { "ariaDescribedby": { "values": [] }, "closeAriaLabel": { "values": [] }, "description": { "values": [] }, "heading": { "values": [] }, "modalWidth": { "values": [] }, "open": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-pagination": { "tag": "ds-pagination", "reactName": "DsPagination", "props": { "fitPageSize": { "values": [] }, "fitPageSizeLabel": { "values": [] }, "fitPageSizeTriggerLabel": { "values": [] }, "fitToPage": { "values": [] }, "fitToPageInactive": { "values": [] }, "itemLabel": { "values": [] }, "label": { "values": [] }, "loading": { "values": [] }, "pageIndex": { "values": [] }, "pageSize": { "values": [] }, "pageSizeAriaLabel": { "values": [] }, "pageSizeLabel": { "values": [] }, "pageSizeMode": { "values": ["fit", "fixed"] }, "pageSizeOptions": { "values": [] }, "showFirstLastButtons": { "values": [] }, "totalItems": { "values": [] } }, "styling": { "rationale": "The host is a layout composition of controls; individual controls own their recipes.", "protected": [], "customProperties": [] } }, "ds-panel-nav": { "tag": "ds-panel-nav", "reactName": "DsPanelNav", "props": { "accountLabel": { "values": [] }, "accountMenuExpanded": { "values": [] }, "accountMenuSurfaceOpen": { "values": [] }, "activeChildId": { "values": [] }, "activeId": { "values": [] }, "breakpoint": { "values": [] }, "collapseNavigationLabel": { "values": [] }, "collapsed": { "values": [] }, "currentUrl": { "values": [] }, "dashboardLabel": { "values": [] }, "dashboardNavigationLabel": { "values": [] }, "disableViewTransition": { "values": [] }, "expandNavigationLabel": { "values": [] }, "groups": { "values": [] }, "navStyle": { "values": ["dashboard", "settings"] }, "navigationItemsLabel": { "values": [] }, "presentation": { "values": ["flat", "nested"] }, "routerMode": { "values": ["anchor", "event"] }, "settingsLabel": { "values": [] }, "settingsNavigationLabel": { "values": [] }, "storageKey": { "values": [] }, "userInitial": { "values": [] }, "userName": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation", "navStyle"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-sub-nav": { "tag": "ds-panel-sub-nav", "reactName": "DsPanelSubNav", "props": { "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "items": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-tool-header": { "tag": "ds-panel-tool-header", "reactName": "DsPanelToolHeader", "props": { "actions": { "values": [] }, "backAriaLabel": { "values": [] }, "backIcon": { "values": [] }, "heading": { "values": [] }, "menuAriaLabel": { "values": [] }, "menuControls": { "values": [] }, "menuExpanded": { "values": [] }, "menuSurfaceOpen": { "values": [] }, "menuTriggerId": { "values": [] }, "showBack": { "values": [] }, "showMenu": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-tool-search": { "tag": "ds-panel-tool-search", "reactName": "DsPanelToolSearch", "props": { "ariaLabel": { "values": [] }, "controls": { "values": [] }, "filterActive": { "values": [] }, "filterAriaLabel": { "values": [] }, "filterControls": { "values": [] }, "filterExpanded": { "values": [] }, "filterSurfaceOpen": { "values": [] }, "filterTriggerId": { "values": [] }, "isInactive": { "values": [] }, "placeholder": { "values": [] }, "showFilter": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-tools": { "tag": "ds-panel-tools", "reactName": "DsPanelTools", "props": { "accessories": { "values": [] }, "activeTool": { "values": [] }, "fullscreenHeaderMode": { "values": ["shared", "split"] }, "headers": { "values": [] }, "items": { "values": [] }, "open": { "values": [] }, "presentation": { "values": ["drawer", "fullscreen"] }, "storageKey": { "values": [] }, "toolShortcutsLabel": { "values": [] }, "toolsLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-paper-texture": { "tag": "ds-paper-texture", "reactName": "DsPaperTexture", "props": { "config": { "values": [] } }, "styling": { "rationale": "The decorative shader intentionally accepts custom parameters and observes application-owned host dimensions.", "protected": [], "customProperties": [] } }, "ds-radio": { "tag": "ds-radio", "reactName": "DsRadio", "props": { "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "direction": { "values": ["horizontal", "vertical"] }, "disabled": { "values": [] }, "form": { "values": [] }, "isInactive": { "values": [] }, "name": { "values": [] }, "options": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }], "customProperties": [] } }, "ds-score": { "tag": "ds-score", "reactName": "DsScore", "props": { "isLoading": { "values": [] }, "label": { "values": [] }, "level": { "values": ["excellent", "fair", "good"] }, "size": { "values": ["lg", "md", "sm"] }, "value": { "values": [] }, "variant": { "values": ["default", "dense"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "padding", "border-radius"], "reason": "The selected presentation owns its metric canvas; use the supported size or variant props and keep placement in the parent.", "props": ["size", "variant"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant", "size"] }], "customProperties": [] } }, "ds-scroll-overlay": { "tag": "ds-scroll-overlay", "reactName": "DsScrollOverlay", "props": { "scrollLabel": { "values": [] } }, "styling": { "rationale": "The application explicitly owns responsive sizing and overlay insets.", "protected": [], "customProperties": [] } }, "ds-select": { "tag": "ds-select", "reactName": "DsSelect", "props": { "activeFill": { "values": [] }, "allowClear": { "values": [] }, "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "boundary": { "values": [] }, "clearLabel": { "values": [] }, "collapseLabel": { "values": [] }, "disabled": { "values": [] }, "dot": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "footerActionLabel": { "values": [] }, "hasBorder": { "values": [] }, "icon": { "values": [] }, "iconOnly": { "values": [] }, "indicator": { "values": ["down", "none", "up-down"] }, "inputId": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "loadingLabel": { "values": [] }, "multiple": { "values": [] }, "name": { "values": [] }, "neutralTrigger": { "values": [] }, "noResultsText": { "values": [] }, "open": { "values": [] }, "options": { "values": [] }, "placeholder": { "values": [] }, "popupAlign": { "values": ["end", "start"] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "rounded": { "values": [] }, "searchPlaceholder": { "values": [] }, "searchable": { "values": [] }, "sections": { "values": [] }, "selectedLabel": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "triggerLabel": { "values": [] }, "triggerLabelPlaceholder": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "hasBorder", "size"] }], "customProperties": [] } }, "ds-shell-app": { "tag": "ds-shell-app", "reactName": "DsShellApp", "props": { "composition": { "values": ["managed", "slotted"] }, "gradientPreset": { "values": ["cool", "fresh", "neutral", "none", "warm"] }, "mobileDestination": { "values": ["activity", "agents", "area", "help", "inbox", "messages", "search"] }, "mobileSheetNavOpen": { "values": [] }, "navStyle": { "values": ["dashboard", "settings"] }, "navigation": { "values": [] }, "pageChrome": { "values": [] }, "paperTexture": { "values": [] }, "sectionNavigation": { "values": ["bar", "panel"] }, "shortcutsEnabled": { "values": [] }, "tools": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["navStyle", "gradientPreset"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-shell-page": { "tag": "ds-shell-page", "reactName": "DsShellPage", "props": { "compactContentInsetBlockStartSize": { "values": [] }, "contentInset": { "values": ["default", "none"] }, "contentInsetBlockStart": { "values": ["default", "none"] }, "contentInsetBlockStartSize": { "values": [] }, "contentSurface": { "values": ["primary", "secondary"] }, "desktopHeaderPlacement": { "values": ["page", "shell-bar"] }, "headerCapacity": { "values": ["compact", "constrained", "roomy"] }, "headerPresentation": { "values": ["auto", "compact", "constrained", "expanded"] }, "responsiveMode": { "values": ["desktop", "mobile", "tablet"] }, "scrollCompaction": { "values": [] } }, "styling": { "rationale": "Content insets and surfaces are public props; the host remains part of the application-owned bounded layout.", "protected": [], "customProperties": [] } }, "ds-shell-tools": { "tag": "ds-shell-tools", "reactName": "DsShellTools", "props": { "accessories": { "values": [] }, "activeTool": { "values": [] }, "fullscreenHeaderMode": { "values": ["shared", "split"] }, "headers": { "values": [] }, "inboxLabel": { "values": [] }, "inboxNavigationLabel": { "values": [] }, "items": { "values": [] }, "open": { "values": [] }, "presentation": { "values": ["drawer", "fullscreen"] }, "responsiveMode": { "values": ["desktop", "mobile", "tablet"] }, "storageKey": { "values": [] }, "toolShortcutsLabel": { "values": [] }, "toolsLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-skeleton": { "tag": "ds-skeleton", "reactName": "DsSkeleton", "props": { "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "navigation", "strong", "translucent"] }, "controlSize": { "values": ["lg", "md", "sm", "xs"] }, "iconSize": { "values": ["2xl", "3xl", "lg", "md", "sm", "xl", "xs"] }, "rounded": { "values": [] }, "shimmer": { "values": [] }, "textVariant": { "values": ["text-body-large", "text-body-medium", "text-body-small", "text-caption", "text-display-medium", "text-display-small", "text-title-large", "text-title-medium", "text-title-small"] }, "variant": { "values": ["control", "icon", "text"] }, "width": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "padding", "border-radius"], "reason": "The selected presentation owns its metric canvas; use the supported size or variant props and keep placement in the parent.", "props": ["variant", "textVariant", "iconSize", "controlSize", "rounded"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "variant"] }], "customProperties": [] } }, "ds-slider": { "tag": "ds-slider", "reactName": "DsSlider", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "disabled": { "values": [] }, "endLabel": { "values": [] }, "form": { "values": [] }, "formatOptions": { "values": [] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "label": { "values": [] }, "locale": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "minStepsBetweenValues": { "values": [] }, "name": { "values": [] }, "orientation": { "values": ["horizontal", "vertical"] }, "rangeSeparator": { "values": [] }, "readOnly": { "values": [] }, "showValue": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "startLabel": { "values": [] }, "step": { "values": [] }, "thumbAlignment": { "values": ["center", "edge"] }, "value": { "values": [] }, "valuePrefix": { "values": [] }, "valueSuffix": { "values": [] }, "valueText": { "values": [] }, "valueTexts": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size", "orientation"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }], "customProperties": [{ "name": "--ds-slider-vertical-length", "source": "src/wc/components/Slider/Slider.css", "reason": "Application-owned length of a vertical slider." }] } }, "ds-swatch-picker": { "tag": "ds-swatch-picker", "reactName": "DsSwatchPicker", "props": { "groupLabel": { "values": [] }, "options": { "values": [] }, "sections": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-switch": { "tag": "ds-switch", "reactName": "DsSwitch", "props": { "checked": { "values": [] }, "disabled": { "values": [] }, "form": { "values": [] }, "isInactive": { "values": [] }, "name": { "values": [] }, "presentation": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "uncheckedValue": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size", "presentation"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size", "presentation"] }], "customProperties": [] } }, "ds-tab-group": { "tag": "ds-tab-group", "reactName": "DsTabGroup", "props": { "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "hasContainer": { "values": [] }, "presentation": { "values": ["segmented", "tabs"] }, "size": { "values": ["lg", "md", "sm"] }, "tabs": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "size", "presentation"] }], "customProperties": [] } }, "ds-table": { "tag": "ds-table", "reactName": "DsTable", "props": { "caption": { "values": [] }, "captionControlsBorderless": { "values": [] }, "captionVisibility": { "values": ["hidden", "visible"] }, "chromeLoading": { "values": [] }, "collapsedGroupIds": { "values": [] }, "columnCustomizer": { "values": [] }, "columns": { "values": [] }, "customizeOptions": { "values": [] }, "dataMode": { "values": ["infinite", "pagination", "virtual"] }, "dataModeMenuLabel": { "values": [] }, "dataModeSwitcher": { "values": [] }, "dataModeSwitcherLabel": { "values": [] }, "displayedCount": { "values": [] }, "emptyBody": { "values": [] }, "emptyCellLabel": { "values": [] }, "emptyHeading": { "values": [] }, "endOfResultsLabel": { "values": [] }, "error": { "values": [] }, "errorBody": { "values": [] }, "errorHeading": { "values": [] }, "fieldOrder": { "values": [] }, "fitViewport": { "values": [] }, "groupEndOfResultsLabel": { "values": [] }, "groupLoadMoreAriaLabel": { "values": [] }, "groupLoadMoreLabel": { "values": [] }, "groupLoadingMoreLabel": { "values": [] }, "groupRetryLabel": { "values": [] }, "groupRowsLoadedLabel": { "values": [] }, "grouping": { "values": [] }, "groups": { "values": [] }, "hasMore": { "values": [] }, "height": { "values": [] }, "hiddenFieldIds": { "values": [] }, "hideColumnCustomizerTrigger": { "values": [] }, "highlightFieldIds": { "values": [] }, "highlightTerms": { "values": [] }, "infiniteModeLabel": { "values": [] }, "loadIdentity": { "values": [] }, "loadMoreError": { "values": [] }, "loadMoreLabel": { "values": [] }, "loadMoreMode": { "values": ["auto", "manual"] }, "loadMoreThreshold": { "values": [] }, "loading": { "values": [] }, "loadingMore": { "values": [] }, "loadingMoreLabel": { "values": [] }, "maxHeight": { "values": [] }, "pagination": { "values": [] }, "paginationModeLabel": { "values": [] }, "resultSummaryLabel": { "values": [] }, "resultTotalSummaryLabel": { "values": [] }, "retryLabel": { "values": [] }, "rows": { "values": [] }, "rowsLoadedLabel": { "values": [] }, "scrollLabel": { "values": [] }, "selectedRowIds": { "values": [] }, "selectionMode": { "values": ["multiple", "none"] }, "skeletonRows": { "values": [] }, "sort": { "values": [] }, "stickyHeader": { "values": [] }, "surfaceOpenRowId": { "values": [] }, "totalCount": { "values": [] }, "viewportInsetBlockEnd": { "values": [] }, "viewportInsetBlockStart": { "values": [] }, "virtualModeLabel": { "values": [] } }, "styling": { "rationale": "The public table stylesheet intentionally supports product-specific styling through documented custom properties and stable element classes.", "protected": [], "customProperties": [{ "name": "--ds-table-border", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-border-strong", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-cell-padding-block", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-cell-padding-inline", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-collapse-all-block-offset", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-column-border", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-header-min-block-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-header-surface", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-inline-scroll-max-offset", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-max-block-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-radius", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-hover", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-min-block-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-pressed", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-selected", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-sticky-border", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-sticky-header-offset", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-surface", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-visible-inline-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }] } }, "ds-tag": { "tag": "ds-tag", "reactName": "DsTag", "props": { "ariaControls": { "values": [] }, "contrast": { "values": ["bold", "faint", "medium", "strong"] }, "expanded": { "values": [] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "intent": { "values": ["ai", "brand", "caution", "negative", "neutral", "positive", "warning"] }, "interactive": { "values": [] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "label": { "values": [] }, "maxWidth": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "surfaceOpen": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["intent", "contrast", "size"] }], "customProperties": [] } }, "ds-text": { "tag": "ds-text", "reactName": "DsText", "props": { "align": { "values": ["center", "left", "right"] }, "as": { "values": ["div", "h1", "h2", "h3", "h4", "h5", "h6", "label", "p", "span"] }, "color": { "values": ["ai", "brand", "caution", "inherit", "negative", "on-bold", "on-strong", "positive", "primary", "quaternary", "secondary", "tertiary", "warning"] }, "decoration": { "values": ["dotted-underline", "none", "underline"] }, "emphasis": { "values": [] }, "fontFeature": { "values": ["normal", "tabular-nums"] }, "for": { "values": [] }, "italic": { "values": [] }, "lineTruncation": { "values": ["1", "2", "3", "4", "5", "none", "1", "2", "3", "4", "5"] }, "shimmer": { "values": [] }, "textId": { "values": [] }, "variant": { "values": ["text-body-large", "text-body-medium", "text-body-small", "text-caption", "text-display-medium", "text-display-small", "text-title-large", "text-title-medium", "text-title-small"] }, "wrap": { "values": ["balance", "nowrap", "pretty", "wrap"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing"], "reason": "Typography metrics form one atomic variant; choose variant and emphasis. Layout and inherited foreground remain consumer-owned.", "props": ["variant", "emphasis"] }], "customProperties": [] } }, "ds-textarea": { "tag": "ds-textarea", "reactName": "DsTextarea", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoComplete": { "values": [] }, "autoFocus": { "values": [] }, "disabled": { "values": [] }, "enterKeyHint": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "inputId": { "values": [] }, "inputMode": { "values": [] }, "isInactive": { "values": [] }, "name": { "values": [] }, "placeholder": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "resize": { "values": ["none", "vertical"] }, "rows": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "spellCheck": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "Size selects the text and inset recipe; rows and resize retain their documented height ownership.", "props": ["size", "rows", "resize"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-time-picker": { "tag": "ds-time-picker", "reactName": "DsTimePicker", "props": { "autoFocus": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "step": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-toast": { "tag": "ds-toast", "reactName": "DsToast", "props": { "avoidMobileShellBar": { "values": [] }, "closeLabel": { "values": [] }, "label": { "values": [] }, "limit": { "values": [] }, "manager": { "values": [] }, "swipeDirections": { "values": [] }, "timeout": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-tooltip": { "tag": "ds-tooltip", "reactName": "DsTooltip", "props": { "align": { "values": ["center", "end", "start"] }, "alignOffset": { "values": [] }, "boundary": { "values": ["viewport"] }, "delay": { "values": [] }, "describedBy": { "values": [] }, "label": { "values": [] }, "shortcutKey": { "values": [] }, "shortcutKeyPosition": { "values": ["end", "start"] }, "side": { "values": ["bottom", "left", "right", "top"] }, "sideOffset": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "wrapLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-tooltip-chart": { "tag": "ds-tooltip-chart", "reactName": "DsTooltipChart", "props": { "delay": { "values": [] }, "heading": { "values": [] }, "items": { "values": [] }, "label": { "values": [] }, "value": { "values": [] }, "x": { "values": [] }, "y": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-typing-indicator": { "tag": "ds-typing-indicator", "reactName": "DsTypingIndicator", "props": { "label": { "values": [] } }, "styling": { "rationale": "The indicator composes loader and text recipes inside an application-positioned host.", "protected": [], "customProperties": [] } } };
+var contracts_default = { "ds-agent-activity": { "tag": "ds-agent-activity", "reactName": "DsAgentActivity", "props": { "heading": { "values": [] }, "items": { "values": [] }, "open": { "values": [] } }, "styling": { "rationale": "Disclosure composition owns its rows; the host remains an application layout box.", "protected": [], "customProperties": [] } }, "ds-agent-questionnaire": { "tag": "ds-agent-questionnaire", "reactName": "DsAgentQuestionnaire", "props": { "allowCancel": { "values": [] }, "answers": { "values": [] }, "errorMessage": { "values": [] }, "labels": { "values": [] }, "questions": { "values": [] }, "requestId": { "values": [] }, "status": { "values": ["answered", "error", "preparing", "ready", "submitting"] } }, "styling": { "rationale": "Question and action components own their recipes; the questionnaire host remains a responsive layout box.", "protected": [], "customProperties": [] } }, "ds-agent-response": { "tag": "ds-agent-response", "reactName": "DsAgentResponse", "props": { "author": { "values": [] }, "messageId": { "values": [] }, "metadataVisibility": { "values": ["always", "hover"] }, "parts": { "values": [] }, "renderMode": { "values": ["composed", "parts"] }, "showAuthor": { "values": [] }, "streaming": { "values": [] }, "timestamp": { "values": [] } }, "styling": { "rationale": "Structured response parts own their recipes; the host permits application layout and the public prose measure.", "protected": [], "customProperties": [{ "name": "--ds-prose-text-max-inline-size", "source": "src/wc/styles/prose.css", "reason": "Application-owned readable prose measure." }] } }, "ds-agent-source-list": { "tag": "ds-agent-source-list", "reactName": "DsAgentSourceList", "props": { "heading": { "values": [] }, "items": { "values": [] }, "open": { "values": [] } }, "styling": { "rationale": "Source rows own their recipes; the disclosure host remains an application layout box.", "protected": [], "customProperties": [] } }, "ds-agent-tool-call": { "tag": "ds-agent-tool-call", "reactName": "DsAgentToolCall", "props": { "error": { "values": [] }, "input": { "values": [] }, "label": { "values": [] }, "name": { "values": [] }, "open": { "values": [] }, "output": { "values": [] }, "state": { "values": ["canceled", "denied", "error", "preparing", "queued", "running", "success", "waiting-for-user"] }, "statusLabel": { "values": [] } }, "styling": { "rationale": "Slotted tool summaries and results retain application-owned styling and layout.", "protected": [], "customProperties": [] } }, "ds-attachment-list": { "tag": "ds-attachment-list", "reactName": "DsAttachmentList", "props": { "items": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "Attachment items own their recipes; the list host permits application layout.", "protected": [], "customProperties": [] } }, "ds-avatar": { "tag": "ds-avatar", "reactName": "DsAvatar", "props": { "icon": { "values": [] }, "iconColor": { "values": ["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"] }, "label": { "values": [] }, "size": { "values": ["md", "sm", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["width", "height", "min-width", "min-height", "max-width", "max-height"], "reason": "The primitive owns its size recipe; select size and position it through the parent layout.", "props": ["size"] }], "customProperties": [] } }, "ds-badge": { "tag": "ds-badge", "reactName": "DsBadge", "props": { "background": { "values": [] }, "count": { "values": [] }, "gradientBackground": { "values": [] }, "hasRing": { "values": [] }, "label": { "values": [] }, "max": { "values": [] }, "surface": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "navigation", "primary", "secondary", "strong", "translucent"] }, "variant": { "values": ["counter", "dot"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "surface", "variant", "hasRing"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-banner": { "tag": "ds-banner", "reactName": "DsBanner", "props": { "announcement": { "values": ["assertive", "none", "polite"] }, "contrast": { "values": ["bold", "faint", "medium", "strong"] }, "description": { "values": [] }, "dismissLabel": { "values": [] }, "heading": { "values": [] }, "intent": { "values": ["brand", "caution", "negative", "neutral", "positive", "warning"] }, "open": { "values": [] }, "orientation": { "values": ["horizontal", "vertical"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["intent", "contrast"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-action": { "tag": "ds-bar-action", "reactName": "DsBarAction", "props": { "clearLabel": { "values": [] }, "count": { "values": [] }, "label": { "values": [] }, "selectedLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-nav": { "tag": "ds-bar-nav", "reactName": "DsBarNav", "props": { "basePath": { "values": [] }, "currentUrl": { "values": [] }, "heading": { "values": [] }, "moreTabsLabel": { "values": [] }, "navStyle": { "values": ["dashboard", "settings"] }, "tabs": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The host participates in ShellApp-owned layout; ShellApp owns the shared Chrome base and wash while BarNav owns Chrome foreground, border, and interaction recipes.", "protected": [], "customProperties": [] } }, "ds-bar-page-title": { "tag": "ds-bar-page-title", "reactName": "DsBarPageTitle", "props": { "actionItems": { "values": [] }, "actions": { "values": [] }, "actionsAriaLabel": { "values": [] }, "backAriaLabel": { "values": [] }, "heading": { "values": [] }, "primaryAction": { "values": [] }, "sections": { "values": [] }, "sectionsAriaLabel": { "values": [] }, "showBack": { "values": [] }, "showCompactDivider": { "values": [] }, "showDivider": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-title": { "tag": "ds-bar-title", "reactName": "DsBarTitle", "props": { "actionItems": { "values": [] }, "actions": { "values": [] }, "actionsAriaLabel": { "values": [] }, "backAriaLabel": { "values": [] }, "backLabel": { "values": [] }, "breadcrumbAriaLabel": { "values": [] }, "breadcrumbs": { "values": [] }, "description": { "values": [] }, "heading": { "values": [] }, "placement": { "values": ["page", "shell-bar"] }, "primaryAction": { "values": [] }, "sections": { "values": [] }, "sectionsAriaLabel": { "values": [] }, "showBack": { "values": [] }, "showCompactDivider": { "values": [] }, "showDivider": { "values": [] }, "value": { "values": [] }, "variant": { "values": ["compact", "constrained", "expanded"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-bar-workflow": { "tag": "ds-bar-workflow", "reactName": "DsBarWorkflow", "props": { "exitAriaLabel": { "values": [] }, "exitLabel": { "values": [] }, "heading": { "values": [] }, "isNextInactive": { "values": [] }, "nextLabel": { "values": [] }, "previousLabel": { "values": [] }, "responsiveMode": { "values": ["desktop", "mobile", "tablet"] }, "steps": { "values": [] }, "submitAction": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-breadcrumb": { "tag": "ds-breadcrumb", "reactName": "DsBreadcrumb", "props": { "ariaLabel": { "values": [] }, "items": { "values": [] } }, "styling": { "rationale": "The breadcrumb owns internal truncation; the application supplies the host width and placement.", "protected": [], "customProperties": [] } }, "ds-button-filled": { "tag": "ds-button-filled", "reactName": "DsButtonFilled", "props": { "ariaLabel": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "contrast": { "values": ["bold", "faint", "medium", "strong"] }, "controls": { "values": [] }, "expanded": { "values": [] }, "hasBorder": { "values": [] }, "hasMenu": { "values": [] }, "haspopup": { "values": ["dialog", "grid", "listbox", "menu", "tree", "true"] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "intent": { "values": ["ai", "brand", "caution", "guide", "negative", "neutral", "positive", "walkthrough", "warning"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "label": { "values": [] }, "labelEmphasis": { "values": [] }, "menuAriaLabel": { "values": [] }, "pressScale": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "split": { "values": [] }, "surfaceOpen": { "values": [] }, "type": { "values": ["button", "reset", "submit"] }, "variant": { "values": ["icon", "icon-label", "label"] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth", "labelEmphasis"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["width", "min-width", "max-width"], "reason": "The button owns hug/fill sizing and its minimum square geometry; use width and constrain the surrounding layout.", "props": ["width", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["intent", "contrast", "background", "variant", "hasBorder", "size"] }], "customProperties": [] } }, "ds-button-inverted": { "tag": "ds-button-inverted", "reactName": "DsButtonInverted", "props": { "ariaLabel": { "values": [] }, "controls": { "values": [] }, "expanded": { "values": [] }, "hasMenu": { "values": [] }, "haspopup": { "values": ["dialog", "grid", "listbox", "menu", "tree", "true"] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "label": { "values": [] }, "labelEmphasis": { "values": [] }, "menuAriaLabel": { "values": [] }, "pressScale": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "split": { "values": [] }, "surfaceOpen": { "values": [] }, "type": { "values": ["button", "reset", "submit"] }, "variant": { "values": ["icon", "icon-label", "label"] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth", "labelEmphasis"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["width", "min-width", "max-width"], "reason": "The button owns hug/fill sizing and its minimum square geometry; use width and constrain the surrounding layout.", "props": ["width", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant", "size"] }], "customProperties": [] } }, "ds-button-unfilled": { "tag": "ds-button-unfilled", "reactName": "DsButtonUnfilled", "props": { "activeFill": { "values": [] }, "ariaLabel": { "values": [] }, "background": { "values": ["always-dark", "bold", "chrome", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "collapseLabel": { "values": [] }, "controls": { "values": [] }, "dot": { "values": [] }, "expanded": { "values": [] }, "focusTabIndex": { "values": [] }, "hasBorder": { "values": [] }, "hasMenu": { "values": [] }, "haspopup": { "values": ["dialog", "grid", "listbox", "menu", "tree", "true"] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "isActive": { "values": [] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "label": { "values": [] }, "labelEmphasis": { "values": [] }, "menuAriaLabel": { "values": [] }, "pressScale": { "values": [] }, "pressed": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "split": { "values": [] }, "surfaceOpen": { "values": [] }, "type": { "values": ["button", "reset", "submit"] }, "variant": { "values": ["icon", "icon-label", "label"] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth", "labelEmphasis"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["width", "min-width", "max-width"], "reason": "The button owns hug/fill sizing and its minimum square geometry; use width and constrain the surrounding layout.", "props": ["width", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "variant", "hasBorder", "size"] }], "customProperties": [] } }, "ds-calendar": { "tag": "ds-calendar", "reactName": "DsCalendar", "props": { "autoFocus": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "selectionMode": { "values": ["range", "single"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-card-action-center": { "tag": "ds-card-action-center", "reactName": "DsCardActionCenter", "props": { "emptyMessage": { "values": [] }, "sections": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-card-chart": { "tag": "ds-card-chart", "reactName": "DsCardChart", "props": { "cardWidth": { "values": ["lg", "md", "sm"] }, "filterLabel": { "values": [] }, "heading": { "values": [] }, "showFilter": { "values": [] }, "variant": { "values": ["chart", "custom"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }, { "properties": ["width", "min-height"], "reason": "Card width selects the component geometry; use cardWidth and let the parent constrain available space.", "props": ["cardWidth"] }], "customProperties": [] } }, "ds-card-navigation": { "tag": "ds-card-navigation", "reactName": "DsCardNavigation", "props": { "cardWidth": { "values": ["lg", "md", "sm"] }, "description": { "values": [] }, "heading": { "values": [] }, "href": { "values": [] }, "variant": { "values": ["content", "navigation-only"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }, { "properties": ["width", "min-height"], "reason": "Card width selects the component geometry; use cardWidth and let the parent constrain available space.", "props": ["cardWidth"] }], "customProperties": [] } }, "ds-card-overview": { "tag": "ds-card-overview", "reactName": "DsCardOverview", "props": { "comparisonLabel": { "values": [] }, "isLoading": { "values": [] }, "layout": { "values": ["auto", "stacked"] }, "metricMinWidth": { "values": [] }, "metrics": { "values": [] }, "overviewLabel": { "values": [] }, "periodLabel": { "values": [] }, "score": { "values": [] }, "scoreErrorMessage": { "values": [] }, "scrollCollapseProgress": { "values": [] }, "variant": { "values": ["compact", "default"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-card-setting": { "tag": "ds-card-setting", "reactName": "DsCardSetting", "props": { "cancelLabel": { "values": [] }, "cardWidth": { "values": ["lg", "md", "sm"] }, "editLabel": { "values": [] }, "editing": { "values": [] }, "heading": { "values": [] }, "saveLabel": { "values": [] }, "variant": { "values": ["editable", "immediate"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }, { "properties": ["padding"], "reason": "Content-area padding-block belongs on the body. The banner slot sits above that padding and does not receive it.", "props": [] }, { "properties": ["width", "min-height"], "reason": "Card width selects the component geometry. Empty editable cards keep the matching minimum height; cards with body content and immediate cards fit that content. Let the parent constrain available space.", "props": ["cardWidth", "variant"] }], "customProperties": [] } }, "ds-card-settings-scope": { "tag": "ds-card-settings-scope", "reactName": "DsCardSettingsScope", "props": { "areaControls": { "values": [] }, "areaExpanded": { "values": [] }, "areaLabel": { "values": [] }, "forLabel": { "values": [] }, "managingLabel": { "values": [] }, "profileControls": { "values": [] }, "profileExpanded": { "values": [] }, "profileLabel": { "values": [] }, "profilePopup": { "values": ["dialog", "menu"] }, "scopeLabel": { "values": [] }, "settingsLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-chart": { "tag": "ds-chart", "reactName": "DsChart", "props": { "aspectRatio": { "values": [] }, "definition": { "values": [] }, "description": { "values": [] }, "height": { "values": [] }, "label": { "values": [] }, "locale": { "values": [] }, "width": { "values": [] } }, "styling": { "rationale": "The renderer observes the host; application-supplied dimensions and chart definition remain authoritative.", "protected": [], "customProperties": [] } }, "ds-chart-legend": { "tag": "ds-chart-legend", "reactName": "DsChartLegend", "props": { "activeLabel": { "values": [] }, "direction": { "values": ["horizontal", "vertical"] }, "highlightOnHover": { "values": [] }, "items": { "values": [] }, "locale": { "values": [] }, "percentageDecimals": { "values": ["1", "2"] }, "showPercentage": { "values": [] } }, "styling": { "rationale": "Legend content owns internal rows; application layout may constrain and position its host.", "protected": [], "customProperties": [] } }, "ds-checkbox": { "tag": "ds-checkbox", "reactName": "DsCheckbox", "props": { "checked": { "values": [] }, "description": { "values": [] }, "disabled": { "values": [] }, "hasInteractionFill": { "values": [] }, "indeterminate": { "values": [] }, "isInactive": { "values": [] }, "label": { "values": [] }, "name": { "values": [] }, "presentation": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size", "presentation"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size", "presentation", "hasInteractionFill"] }], "customProperties": [] } }, "ds-checkbox-group": { "tag": "ds-checkbox-group", "reactName": "DsCheckboxGroup", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "label": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] } }, "styling": { "rationale": "The group owns only its label and option-list rhythm; each Checkbox owns its own selection anatomy.", "protected": [{ "properties": ["gap", "padding", "font", "font-size", "font-weight", "line-height"], "reason": "Use size to keep the heading and slotted controls on the shared density recipe.", "props": ["size"] }], "customProperties": [] } }, "ds-chip": { "tag": "ds-chip", "reactName": "DsChip", "props": { "insetDepth": { "values": ["double", "single"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "label": { "values": [] }, "maxWidth": { "values": [] }, "removeLabel": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "state": { "values": ["active", "caution", "default", "error"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }], "customProperties": [] } }, "ds-code-block": { "tag": "ds-code-block", "reactName": "DsCodeBlock", "props": { "code": { "values": [] }, "filename": { "values": [] }, "language": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [{ "name": "--ds-code-font-variant-ligatures", "source": "src/wc/components/CodeBlock/CodeBlock.css", "reason": "Application-owned code ligature preference." }] } }, "ds-conversation-list": { "tag": "ds-conversation-list", "reactName": "DsConversationList", "props": {}, "styling": { "rationale": "The application supplies the bounded list region; internal scroll and action geometry are implementation-owned.", "protected": [], "customProperties": [] } }, "ds-conversation-list-item": { "tag": "ds-conversation-list-item", "reactName": "DsConversationListItem", "props": { "actionsOpen": { "values": [] }, "conversationId": { "values": [] }, "conversationTitle": { "values": [] }, "preview": { "values": [] }, "selected": { "values": [] }, "state": { "values": ["busy", "default", "error"] }, "statusLabel": { "values": [] }, "unreadCount": { "values": [] }, "updatedAt": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-conversation-list-section": { "tag": "ds-conversation-list-section", "reactName": "DsConversationListSection", "props": { "heading": { "values": [] }, "sectionId": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-data-customize": { "tag": "ds-data-customize", "reactName": "DsDataCustomize", "props": { "ariaLabel": { "values": [] }, "catalogHeader": { "values": [] }, "fieldOrder": { "values": [] }, "fields": { "values": [] }, "hasBorder": { "values": [] }, "hiddenFieldIds": { "values": [] }, "label": { "values": [] }, "minVisible": { "values": [] }, "options": { "values": [] }, "optionsHeader": { "values": [] }, "reorderable": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-filter": { "tag": "ds-data-filter", "reactName": "DsDataFilter", "props": { "activeFilterId": { "values": [] }, "ariaLabel": { "values": [] }, "categoriesLabel": { "values": [] }, "clearLabel": { "values": [] }, "filters": { "values": [] }, "hasBorder": { "values": [] }, "label": { "values": [] }, "matchModes": { "values": [] }, "menuLabel": { "values": [] }, "noResultsText": { "values": [] }, "open": { "values": [] }, "searchPlaceholder": { "values": [] }, "values": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-group": { "tag": "ds-data-group", "reactName": "DsDataGroup", "props": { "ariaLabel": { "values": [] }, "clearLabel": { "values": [] }, "embedded": { "values": [] }, "emptyMessage": { "values": [] }, "grouping": { "values": [] }, "hasBorder": { "values": [] }, "open": { "values": [] }, "options": { "values": [] }, "vertical": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-preferences": { "tag": "ds-data-preferences", "reactName": "DsDataPreferences", "props": { "activeFilterId": { "values": [] }, "activeTab": { "values": ["customize", "filters", "group", "sort"] }, "catalogHeader": { "values": [] }, "catalogReorderable": { "values": [] }, "customizeLabel": { "values": [] }, "customizeOptions": { "values": [] }, "customizeSections": { "values": [] }, "embedded": { "values": [] }, "fieldOrder": { "values": [] }, "fields": { "values": [] }, "filters": { "values": [] }, "grouping": { "values": [] }, "groupingOptions": { "values": [] }, "hasBorder": { "values": [] }, "hiddenFieldIds": { "values": [] }, "label": { "values": [] }, "matchModes": { "values": [] }, "sort": { "values": [] }, "sortColumns": { "values": [] }, "values": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-saved-views": { "tag": "ds-data-saved-views", "reactName": "DsDataSavedViews", "props": { "compact": { "values": [] }, "createLabel": { "values": [] }, "defaultViewId": { "values": [] }, "defaultViewLabel": { "values": [] }, "dirty": { "values": [] }, "hasBorder": { "values": [] }, "label": { "values": [] }, "triggerLabel": { "values": [] }, "value": { "values": [] }, "views": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-search": { "tag": "ds-data-search", "reactName": "DsDataSearch", "props": { "ariaLabel": { "values": [] }, "clearLabel": { "values": [] }, "fieldMenuLabel": { "values": [] }, "fields": { "values": [] }, "hasBorder": { "values": [] }, "isInactive": { "values": [] }, "placeholder": { "values": [] }, "selectedFieldIds": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-sort": { "tag": "ds-data-sort", "reactName": "DsDataSort", "props": { "ariaLabel": { "values": [] }, "fields": { "values": [] }, "hasBorder": { "values": [] }, "sort": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-data-toolbar": { "tag": "ds-data-toolbar", "reactName": "DsDataToolbar", "props": { "borderless": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-divider": { "tag": "ds-divider", "reactName": "DsDivider", "props": { "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "navigation", "strong", "translucent"] }, "inset": { "values": ["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"] }, "length": { "values": ["auto", "full"] }, "orientation": { "values": ["horizontal", "vertical"] }, "semantic": { "values": [] } }, "styling": { "rationale": "Orientation and length are public props; the host supports application layout around the internal divider.", "protected": [], "customProperties": [] } }, "ds-empty-state": { "tag": "ds-empty-state", "reactName": "DsEmptyState", "props": { "body": { "values": [] }, "heading": { "values": [] }, "icon": { "values": [] } }, "styling": { "rationale": "The application explicitly owns available width, height and surrounding padding.", "protected": [], "customProperties": [] } }, "ds-field": { "tag": "ds-field", "reactName": "DsField", "props": { "description": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "fieldId": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-filter-menu": { "tag": "ds-filter-menu", "reactName": "DsFilterMenu", "props": { "activeFill": { "values": [] }, "activeFilterId": { "values": [] }, "align": { "values": ["center", "end", "start"] }, "alignOffset": { "values": [] }, "anchor": { "values": [] }, "anchorId": { "values": [] }, "applyRequired": { "values": [] }, "ariaLabel": { "values": [] }, "boundary": { "values": [] }, "categoriesLabel": { "values": [] }, "clearLabel": { "values": [] }, "collapseLabel": { "values": [] }, "embedded": { "values": [] }, "filters": { "values": [] }, "footerLayout": { "values": ["categories-clear", "summary"] }, "hasBorder": { "values": [] }, "icon": { "values": [] }, "initialFocusVisible": { "values": [] }, "inputId": { "values": [] }, "matchModes": { "values": [] }, "menuLabel": { "values": [] }, "menuWidth": { "values": [] }, "neutralTrigger": { "values": [] }, "noResultsText": { "values": [] }, "open": { "values": [] }, "searchPlaceholder": { "values": [] }, "showIndicator": { "values": [] }, "showSelectedCount": { "values": [] }, "side": { "values": ["bottom", "left", "right", "top"] }, "sideOffset": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "triggerLabel": { "values": [] }, "values": { "values": [] }, "vertical": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-icon": { "tag": "ds-icon", "reactName": "DsIcon", "props": { "color": { "values": ["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"] }, "label": { "values": [] }, "name": { "values": [] }, "size": { "values": ["2xl", "3xl", "lg", "md", "sm", "xl", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["width", "height", "min-width", "min-height", "max-width", "max-height"], "reason": "The primitive owns its size recipe; select size and position it through the parent layout.", "props": ["size"] }], "customProperties": [] } }, "ds-inline-banner-settings": { "tag": "ds-inline-banner-settings", "reactName": "DsInlineBannerSettings", "props": { "description": { "values": [] } }, "styling": { "rationale": "The component owns only the compact settings informational row recipe; its card owns the surrounding surface and layout.", "protected": [{ "properties": ["border-bottom", "color", "padding"], "reason": "The component owns the readable informational row treatment and keeps its spacing consistent across settings cards.", "props": [] }], "customProperties": [] } }, "ds-input": { "tag": "ds-input", "reactName": "DsInput", "props": { "ariaActiveDescendant": { "values": [] }, "ariaControls": { "values": [] }, "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoComplete": { "values": [] }, "autoFocus": { "values": [] }, "clearLabel": { "values": [] }, "decrementLabel": { "values": [] }, "disabled": { "values": [] }, "enterKeyHint": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "hidePasswordLabel": { "values": [] }, "icon": { "values": [] }, "incrementLabel": { "values": [] }, "inputId": { "values": [] }, "inputMode": { "values": [] }, "isInactive": { "values": [] }, "lengthBehavior": { "values": ["error", "restrict"] }, "max": { "values": [] }, "maxLength": { "values": [] }, "min": { "values": [] }, "minLength": { "values": [] }, "name": { "values": [] }, "pattern": { "values": [] }, "patternMessage": { "values": [] }, "placeholder": { "values": [] }, "readOnly": { "values": [] }, "removeTokenLabel": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "showCharacterCount": { "values": [] }, "showPasswordLabel": { "values": [] }, "showStepper": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "step": { "values": [] }, "suggestions": { "values": [] }, "textAlign": { "values": ["end", "start"] }, "tokenized": { "values": [] }, "tokens": { "values": [] }, "type": { "values": ["email", "number", "password", "search", "tel", "text", "url"] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-input-date": { "tag": "ds-input-date", "reactName": "DsInputDate", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoFocus": { "values": [] }, "disabled": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "name": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-input-time": { "tag": "ds-input-time", "reactName": "DsInputTime", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoFocus": { "values": [] }, "disabled": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "hourFormat": { "values": ["12", "24"] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "name": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "step": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-loader": { "tag": "ds-loader", "reactName": "DsLoader", "props": { "color": { "values": ["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"] }, "label": { "values": [] }, "size": { "values": ["2xl", "3xl", "lg", "md", "sm", "xl", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["width", "height", "min-width", "min-height", "max-width", "max-height"], "reason": "The primitive owns its size recipe; select size and position it through the parent layout.", "props": ["size"] }], "customProperties": [] } }, "ds-map-cluster-marker": { "tag": "ds-map-cluster-marker", "reactName": "DsMapClusterMarker", "props": { "caption": { "values": [] }, "count": { "values": [] }, "dimmed": { "values": [] }, "label": { "values": [] } }, "styling": { "rationale": "The component owns stable map anchoring geometry and semantic cluster recipes; the map engine owns host placement and stacking.", "protected": [{ "properties": ["height", "min-width", "padding", "border-radius", "background", "color", "opacity"], "reason": "Cluster geometry, count legibility, interaction treatment, and de-emphasis are one accessible visual recipe.", "props": ["count", "dimmed"] }], "customProperties": [] } }, "ds-map-entity-marker": { "tag": "ds-map-entity-marker", "reactName": "DsMapEntityMarker", "props": { "bearing": { "values": [] }, "caption": { "values": [] }, "dashed": { "values": [] }, "dimmed": { "values": [] }, "icon": { "values": [] }, "label": { "values": [] }, "state": { "values": ["idling", "immobilized", "moving", "stationary", "unknown"] } }, "styling": { "rationale": "The component owns stable map anchoring geometry and semantic marker recipes; the map engine owns host placement and stacking.", "protected": [{ "properties": ["width", "height", "min-width", "padding", "border", "border-radius", "background", "color", "opacity"], "reason": "Marker geometry, operating-state colors, outline distinction, and de-emphasis are one accessible visual recipe.", "props": ["state", "dashed", "dimmed"] }], "customProperties": [] } }, "ds-markdown": { "tag": "ds-markdown", "reactName": "DsMarkdown", "props": { "content": { "values": [] }, "streaming": { "values": [] } }, "styling": { "rationale": "The public prose stylesheet intentionally owns typography and exposes consumer customization.", "protected": [], "customProperties": [{ "name": "--ds-prose-text-max-inline-size", "source": "src/wc/styles/prose.css", "reason": "Application-owned readable prose measure." }, { "name": "--ds-code-font-variant-ligatures", "source": "src/wc/styles/prose.css", "reason": "Application-owned code ligature preference." }] } }, "ds-menu": { "tag": "ds-menu", "reactName": "DsMenu", "props": { "align": { "values": ["center", "end", "start"] }, "alignOffset": { "values": [] }, "anchor": { "values": [] }, "anchorAlignment": { "values": ["choice-cell", "popup-frame"] }, "anchorId": { "values": [] }, "boundary": { "values": [] }, "embedded": { "values": [] }, "emptyMessage": { "values": [] }, "initialFocusVisible": { "values": [] }, "items": { "values": [] }, "menuLabel": { "values": [] }, "menuWidth": { "values": [] }, "minWidth": { "values": [] }, "open": { "values": [] }, "sections": { "values": [] }, "selectionMode": { "values": ["none", "single"] }, "side": { "values": ["bottom", "left", "right", "top"] }, "sideOffset": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-message": { "tag": "ds-message", "reactName": "DsMessage", "props": { "author": { "values": [] }, "deliveryState": { "values": ["delivered", "failed", "read", "sending", "sent"] }, "direction": { "values": ["incoming", "outgoing", "system"] }, "groupPosition": { "values": ["first", "last", "middle", "single"] }, "messageId": { "values": [] }, "metadataVisibility": { "values": ["always", "hover"] }, "scrollAnchor": { "values": [] }, "showAuthor": { "values": [] }, "streaming": { "values": [] }, "timestamp": { "values": [] } }, "styling": { "rationale": "The row composes content whose presentation is owned by its children and the transcript layout.", "protected": [], "customProperties": [] } }, "ds-message-actions": { "tag": "ds-message-actions", "reactName": "DsMessageActions", "props": { "copyText": { "values": [] }, "feedback": { "values": ["negative", "positive"] }, "feedbackEnabled": { "values": [] } }, "styling": { "rationale": "The application may position the action group; child buttons own their appearance.", "protected": [], "customProperties": [] } }, "ds-message-bubble": { "tag": "ds-message-bubble", "reactName": "DsMessageBubble", "props": { "variant": { "values": ["received", "user"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-message-composer": { "tag": "ds-message-composer", "reactName": "DsMessageComposer", "props": { "errorMessage": { "values": [] }, "isInactive": { "values": [] }, "label": { "values": [] }, "placeholder": { "values": [] }, "status": { "values": ["error", "ready", "streaming", "submitted"] }, "submitIntent": { "values": ["ai", "brand", "caution", "guide", "negative", "neutral", "positive", "walkthrough", "warning"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-message-scroller": { "tag": "ds-message-scroller", "reactName": "DsMessageScroller", "props": { "autoFollow": { "values": [] }, "busy": { "values": [] }, "defaultPosition": { "values": ["end", "last-anchor", "start"] }, "messagesLabel": { "values": [] } }, "styling": { "rationale": "The application owns host dimensions and may customize the transcript measure through its public hook.", "protected": [], "customProperties": [{ "name": "--ds-message-scroller-content-max-width", "source": "src/wc/components/MessageScroller/MessageScroller.css", "reason": "Readable transcript measure inside a full-width scrollport." }] } }, "ds-mobile-bar-nav": { "tag": "ds-mobile-bar-nav", "reactName": "DsMobileBarNav", "props": { "activeDestination": { "values": ["activity", "agents", "area", "help", "inbox", "messages", "search"] }, "activityDot": { "values": [] }, "activityLabel": { "values": [] }, "activityMode": { "values": ["direct", "inbox"] }, "agentsDot": { "values": [] }, "agentsLabel": { "values": [] }, "currentArea": { "values": [] }, "helpLabel": { "values": [] }, "inboxDot": { "values": [] }, "inboxLabel": { "values": [] }, "menuLabel": { "values": [] }, "messagesDot": { "values": [] }, "messagesLabel": { "values": [] }, "primaryDestination": { "values": ["area", "help"] }, "searchDot": { "values": [] }, "searchLabel": { "values": [] }, "sheetNavExpanded": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-mobile-header": { "tag": "ds-mobile-header", "reactName": "DsMobileHeader", "props": { "heading": { "values": [] }, "headingLevel": { "values": ["h1", "h2"] }, "sections": { "values": [] }, "sectionsAriaLabel": { "values": [] }, "sectionsPresentation": { "values": ["segmented", "switcher"] }, "sectionsSize": { "values": ["lg", "md", "sm"] }, "subsections": { "values": [] }, "subsectionsAriaLabel": { "values": [] }, "subsectionsPlacement": { "values": ["below", "combined", "inline"] }, "subvalue": { "values": [] }, "tone": { "values": ["brand", "default"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["tone"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-mobile-section-switcher": { "tag": "ds-mobile-section-switcher", "reactName": "DsMobileSectionSwitcher", "props": { "navigationLabel": { "values": [] }, "pageLabel": { "values": [] }, "presentation": { "values": ["menu", "sheet"] }, "sections": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-mobile-sheet-nav": { "tag": "ds-mobile-sheet-nav", "reactName": "DsMobileSheetNav", "props": { "accountLabel": { "values": [] }, "browseContext": { "values": ["dashboard", "settings"] }, "currentUrl": { "values": [] }, "dashboardGroups": { "values": [] }, "dashboardLabel": { "values": [] }, "helpLabel": { "values": [] }, "navigationLabel": { "values": [] }, "open": { "values": [] }, "presentation": { "values": ["flat", "nested"] }, "routeSelectionActive": { "values": [] }, "settingsGroups": { "values": [] }, "settingsLabel": { "values": [] }, "showAccount": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-modal": { "tag": "ds-modal", "reactName": "DsModal", "props": { "ariaDescribedby": { "values": [] }, "closeAriaLabel": { "values": [] }, "description": { "values": [] }, "heading": { "values": [] }, "modalWidth": { "values": [] }, "open": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-pagination": { "tag": "ds-pagination", "reactName": "DsPagination", "props": { "fitPageSize": { "values": [] }, "fitPageSizeLabel": { "values": [] }, "fitPageSizeTriggerLabel": { "values": [] }, "fitToPage": { "values": [] }, "fitToPageInactive": { "values": [] }, "itemLabel": { "values": [] }, "label": { "values": [] }, "loading": { "values": [] }, "pageIndex": { "values": [] }, "pageSize": { "values": [] }, "pageSizeAriaLabel": { "values": [] }, "pageSizeLabel": { "values": [] }, "pageSizeMode": { "values": ["fit", "fixed"] }, "pageSizeOptions": { "values": [] }, "showFirstLastButtons": { "values": [] }, "totalItems": { "values": [] } }, "styling": { "rationale": "The host is a layout composition of controls; individual controls own their recipes.", "protected": [], "customProperties": [] } }, "ds-panel-nav": { "tag": "ds-panel-nav", "reactName": "DsPanelNav", "props": { "accountLabel": { "values": [] }, "accountMenuExpanded": { "values": [] }, "accountMenuSurfaceOpen": { "values": [] }, "activeChildId": { "values": [] }, "activeId": { "values": [] }, "breakpoint": { "values": [] }, "collapseNavigationLabel": { "values": [] }, "collapsed": { "values": [] }, "currentUrl": { "values": [] }, "dashboardLabel": { "values": [] }, "dashboardNavigationLabel": { "values": [] }, "disableViewTransition": { "values": [] }, "expandNavigationLabel": { "values": [] }, "groups": { "values": [] }, "navStyle": { "values": ["dashboard", "settings"] }, "navigationItemsLabel": { "values": [] }, "presentation": { "values": ["flat", "nested"] }, "routerMode": { "values": ["anchor", "event"] }, "settingsLabel": { "values": [] }, "settingsNavigationLabel": { "values": [] }, "storageKey": { "values": [] }, "userInitial": { "values": [] }, "userName": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation", "navStyle"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-sub-nav": { "tag": "ds-panel-sub-nav", "reactName": "DsPanelSubNav", "props": { "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "items": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-tool-header": { "tag": "ds-panel-tool-header", "reactName": "DsPanelToolHeader", "props": { "actions": { "values": [] }, "backAriaLabel": { "values": [] }, "backIcon": { "values": [] }, "heading": { "values": [] }, "menuAriaLabel": { "values": [] }, "menuControls": { "values": [] }, "menuExpanded": { "values": [] }, "menuSurfaceOpen": { "values": [] }, "menuTriggerId": { "values": [] }, "showBack": { "values": [] }, "showMenu": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-tool-search": { "tag": "ds-panel-tool-search", "reactName": "DsPanelToolSearch", "props": { "ariaLabel": { "values": [] }, "controls": { "values": [] }, "filterActive": { "values": [] }, "filterAriaLabel": { "values": [] }, "filterControls": { "values": [] }, "filterExpanded": { "values": [] }, "filterSurfaceOpen": { "values": [] }, "filterTriggerId": { "values": [] }, "isInactive": { "values": [] }, "placeholder": { "values": [] }, "showFilter": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-panel-tools": { "tag": "ds-panel-tools", "reactName": "DsPanelTools", "props": { "accessories": { "values": [] }, "activeTool": { "values": [] }, "fullscreenHeaderMode": { "values": ["shared", "split"] }, "headers": { "values": [] }, "items": { "values": [] }, "open": { "values": [] }, "presentation": { "values": ["drawer", "fullscreen"] }, "storageKey": { "values": [] }, "toolShortcutsLabel": { "values": [] }, "toolsLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-paper-texture": { "tag": "ds-paper-texture", "reactName": "DsPaperTexture", "props": { "config": { "values": [] } }, "styling": { "rationale": "The decorative shader intentionally accepts custom parameters and observes application-owned host dimensions.", "protected": [], "customProperties": [] } }, "ds-radio": { "tag": "ds-radio", "reactName": "DsRadio", "props": { "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "direction": { "values": ["horizontal", "vertical"] }, "disabled": { "values": [] }, "form": { "values": [] }, "groupLabel": { "values": [] }, "hasInteractionFill": { "values": [] }, "isInactive": { "values": [] }, "name": { "values": [] }, "options": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size", "hasInteractionFill"] }], "customProperties": [] } }, "ds-radio-tile": { "tag": "ds-radio-tile", "reactName": "DsRadioTile", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "direction": { "values": ["horizontal", "vertical"] }, "disabled": { "values": [] }, "error": { "values": [] }, "form": { "values": [] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "name": { "values": [] }, "options": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "Tile anatomy and radio treatment belong to the component; the owner controls group width.", "protected": [{ "properties": ["padding", "gap", "border-radius", "background", "border", "box-shadow", "color"], "reason": "Use the supported group direction and state instead of replacing tile internals.", "props": ["direction"] }], "customProperties": [] } }, "ds-score": { "tag": "ds-score", "reactName": "DsScore", "props": { "isLoading": { "values": [] }, "label": { "values": [] }, "level": { "values": ["excellent", "fair", "good"] }, "size": { "values": ["lg", "md", "sm"] }, "value": { "values": [] }, "variant": { "values": ["default", "dense"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "padding", "border-radius"], "reason": "The selected presentation owns its metric canvas; use the supported size or variant props and keep placement in the parent.", "props": ["size", "variant"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["variant", "size"] }], "customProperties": [] } }, "ds-scroll-overlay": { "tag": "ds-scroll-overlay", "reactName": "DsScrollOverlay", "props": { "scrollLabel": { "values": [] } }, "styling": { "rationale": "The application explicitly owns responsive sizing and overlay insets.", "protected": [], "customProperties": [] } }, "ds-select": { "tag": "ds-select", "reactName": "DsSelect", "props": { "activeFill": { "values": [] }, "allowClear": { "values": [] }, "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "boundary": { "values": [] }, "clearLabel": { "values": [] }, "collapseLabel": { "values": [] }, "disabled": { "values": [] }, "dot": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "footerActionLabel": { "values": [] }, "hasBorder": { "values": [] }, "icon": { "values": [] }, "iconOnly": { "values": [] }, "indicator": { "values": ["down", "none", "up-down"] }, "inputId": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "isLoading": { "values": [] }, "loadingLabel": { "values": [] }, "multiple": { "values": [] }, "name": { "values": [] }, "neutralTrigger": { "values": [] }, "noResultsText": { "values": [] }, "open": { "values": [] }, "options": { "values": [] }, "placeholder": { "values": [] }, "popupAlign": { "values": ["end", "start"] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "rounded": { "values": [] }, "searchPlaceholder": { "values": [] }, "searchable": { "values": [] }, "sections": { "values": [] }, "selectedLabel": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "triggerLabel": { "values": [] }, "triggerLabelPlaceholder": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "hasBorder", "size"] }], "customProperties": [] } }, "ds-setting-row-checkbox": { "tag": "ds-setting-row-checkbox", "reactName": "DsSettingRowCheckbox", "props": { "description": { "values": [] }, "label": { "values": [] }, "presentation": { "values": ["edit", "view"] }, "valueLabel": { "values": [] } }, "styling": { "rationale": "The row uses the shared settings-row inline inset so view and edit copy share the same 16px origin, and zeros host padding-block because the heading, choice, and checkbox options already own vertical spacing. The heading is row-owned CSS, not CheckboxGroup's form label or control section-heading recipe. Checkbox owns option geometry.", "protected": [{ "properties": ["padding"], "reason": "Keep space-200 inline inset in view and edit, with no extra host padding-block.", "props": [] }], "customProperties": [] } }, "ds-setting-row-radio": { "tag": "ds-setting-row-radio", "reactName": "DsSettingRowRadio", "props": { "description": { "values": [] }, "label": { "values": [] }, "presentation": { "values": ["edit", "view"] }, "valueLabel": { "values": [] } }, "styling": { "rationale": "The row uses the shared settings-row inline inset so view and edit copy share the same 16px origin, and zeros host padding-block because the heading, choice, and radio options already own vertical spacing. The heading is row-owned CSS, not Radio's form group-label or control section-heading recipe. Radio owns option geometry.", "protected": [{ "properties": ["padding"], "reason": "Keep space-200 inline inset in view and edit, with no extra host padding-block.", "props": [] }], "customProperties": [] } }, "ds-setting-row-toggle": { "tag": "ds-setting-row-toggle", "reactName": "DsSettingRowToggle", "props": { "checked": { "values": [] }, "description": { "values": [] }, "disabled": { "values": [] }, "label": { "values": [] }, "variant": { "values": ["emphasis", "non-emphasis"] } }, "styling": { "rationale": "The row uses the shared settings-row inset; copy/control columns and the parent section surface stay component-owned.", "protected": [{ "properties": ["padding", "gap"], "reason": "Preserve the shared settings-row inset (space-100 block, space-200 inline) and copy-to-control gap.", "props": [] }], "customProperties": [] } }, "ds-shell-app": { "tag": "ds-shell-app", "reactName": "DsShellApp", "props": { "composition": { "values": ["managed", "slotted"] }, "gradientPreset": { "values": ["cool", "fresh", "neutral", "none", "warm"] }, "mobileDestination": { "values": ["activity", "agents", "area", "help", "inbox", "messages", "search"] }, "mobileSheetNavOpen": { "values": [] }, "navStyle": { "values": ["dashboard", "settings"] }, "navigation": { "values": [] }, "pageChrome": { "values": [] }, "paperTexture": { "values": [] }, "sectionNavigation": { "values": ["bar", "panel"] }, "shortcutsEnabled": { "values": [] }, "tools": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["navStyle", "gradientPreset"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-shell-page": { "tag": "ds-shell-page", "reactName": "DsShellPage", "props": { "compactContentInsetBlockStartSize": { "values": [] }, "contentInset": { "values": ["default", "none"] }, "contentInsetBlockStart": { "values": ["default", "none"] }, "contentInsetBlockStartSize": { "values": [] }, "contentSurface": { "values": ["primary", "secondary"] }, "desktopHeaderPlacement": { "values": ["page", "shell-bar"] }, "headerCapacity": { "values": ["compact", "constrained", "roomy"] }, "headerPresentation": { "values": ["auto", "compact", "constrained", "expanded"] }, "responsiveMode": { "values": ["desktop", "mobile", "tablet"] }, "scrollCompaction": { "values": [] } }, "styling": { "rationale": "Content insets and surfaces are public props; the host remains part of the application-owned bounded layout.", "protected": [], "customProperties": [] } }, "ds-shell-tools": { "tag": "ds-shell-tools", "reactName": "DsShellTools", "props": { "accessories": { "values": [] }, "activeTool": { "values": [] }, "fullscreenHeaderMode": { "values": ["shared", "split"] }, "headers": { "values": [] }, "inboxLabel": { "values": [] }, "inboxNavigationLabel": { "values": [] }, "items": { "values": [] }, "open": { "values": [] }, "presentation": { "values": ["drawer", "fullscreen"] }, "responsiveMode": { "values": ["desktop", "mobile", "tablet"] }, "storageKey": { "values": [] }, "toolShortcutsLabel": { "values": [] }, "toolsLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["presentation"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-skeleton": { "tag": "ds-skeleton", "reactName": "DsSkeleton", "props": { "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "navigation", "strong", "translucent"] }, "controlSize": { "values": ["lg", "md", "sm", "xs"] }, "iconSize": { "values": ["2xl", "3xl", "lg", "md", "sm", "xl", "xs"] }, "rounded": { "values": [] }, "shimmer": { "values": [] }, "textVariant": { "values": ["text-body-large", "text-body-medium", "text-body-small", "text-caption", "text-display-medium", "text-display-small", "text-title-large", "text-title-medium", "text-title-small"] }, "variant": { "values": ["control", "icon", "text"] }, "width": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "padding", "border-radius"], "reason": "The selected presentation owns its metric canvas; use the supported size or variant props and keep placement in the parent.", "props": ["variant", "textVariant", "iconSize", "controlSize", "rounded"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "variant"] }], "customProperties": [] } }, "ds-slider": { "tag": "ds-slider", "reactName": "DsSlider", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "disabled": { "values": [] }, "endLabel": { "values": [] }, "form": { "values": [] }, "formatOptions": { "values": [] }, "inputId": { "values": [] }, "isInactive": { "values": [] }, "label": { "values": [] }, "locale": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "minStepsBetweenValues": { "values": [] }, "name": { "values": [] }, "orientation": { "values": ["horizontal", "vertical"] }, "rangeSeparator": { "values": [] }, "readOnly": { "values": [] }, "showValue": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "startLabel": { "values": [] }, "step": { "values": ["any"] }, "thumbAlignment": { "values": ["center", "edge"] }, "ticks": { "values": [] }, "value": { "values": [] }, "valuePrefix": { "values": [] }, "valueSuffix": { "values": [] }, "valueText": { "values": [] }, "valueTexts": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size", "orientation"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }], "customProperties": [{ "name": "--ds-slider-vertical-length", "source": "src/wc/components/Slider/Slider.css", "reason": "Application-owned length of a vertical slider." }] } }, "ds-swatch-picker": { "tag": "ds-swatch-picker", "reactName": "DsSwatchPicker", "props": { "groupLabel": { "values": [] }, "options": { "values": [] }, "sections": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-switch": { "tag": "ds-switch", "reactName": "DsSwitch", "props": { "checked": { "values": [] }, "disabled": { "values": [] }, "form": { "values": [] }, "isInactive": { "values": [] }, "name": { "values": [] }, "presentation": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "uncheckedValue": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.", "props": ["size", "presentation"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size", "presentation"] }], "customProperties": [] } }, "ds-tab-group": { "tag": "ds-tab-group", "reactName": "DsTabGroup", "props": { "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "background": { "values": ["always-dark", "bold", "faint", "inverted", "media", "medium", "strong", "translucent"] }, "hasContainer": { "values": [] }, "presentation": { "values": ["segmented", "tabs"] }, "size": { "values": ["lg", "md", "sm"] }, "tabs": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["background", "size", "presentation"] }], "customProperties": [] } }, "ds-table": { "tag": "ds-table", "reactName": "DsTable", "props": { "caption": { "values": [] }, "captionControlsBorderless": { "values": [] }, "captionVisibility": { "values": ["hidden", "visible"] }, "chromeLoading": { "values": [] }, "collapsedGroupIds": { "values": [] }, "columnCustomizer": { "values": [] }, "columns": { "values": [] }, "customizeOptions": { "values": [] }, "dataMode": { "values": ["infinite", "pagination", "virtual"] }, "dataModeMenuLabel": { "values": [] }, "dataModeSwitcher": { "values": [] }, "dataModeSwitcherLabel": { "values": [] }, "displayedCount": { "values": [] }, "emptyBody": { "values": [] }, "emptyCellLabel": { "values": [] }, "emptyHeading": { "values": [] }, "endOfResultsLabel": { "values": [] }, "error": { "values": [] }, "errorBody": { "values": [] }, "errorHeading": { "values": [] }, "fieldOrder": { "values": [] }, "fitViewport": { "values": [] }, "groupEndOfResultsLabel": { "values": [] }, "groupLoadMoreAriaLabel": { "values": [] }, "groupLoadMoreLabel": { "values": [] }, "groupLoadingMoreLabel": { "values": [] }, "groupRetryLabel": { "values": [] }, "groupRowsLoadedLabel": { "values": [] }, "grouping": { "values": [] }, "groups": { "values": [] }, "hasMore": { "values": [] }, "height": { "values": [] }, "hiddenFieldIds": { "values": [] }, "hideColumnCustomizerTrigger": { "values": [] }, "highlightFieldIds": { "values": [] }, "highlightTerms": { "values": [] }, "infiniteModeLabel": { "values": [] }, "loadIdentity": { "values": [] }, "loadMoreError": { "values": [] }, "loadMoreLabel": { "values": [] }, "loadMoreMode": { "values": ["auto", "manual"] }, "loadMoreThreshold": { "values": [] }, "loading": { "values": [] }, "loadingMore": { "values": [] }, "loadingMoreLabel": { "values": [] }, "maxHeight": { "values": [] }, "pagination": { "values": [] }, "paginationModeLabel": { "values": [] }, "resultSummaryLabel": { "values": [] }, "resultTotalSummaryLabel": { "values": [] }, "retryLabel": { "values": [] }, "rows": { "values": [] }, "rowsLoadedLabel": { "values": [] }, "scrollLabel": { "values": [] }, "selectedRowIds": { "values": [] }, "selectionMode": { "values": ["multiple", "none"] }, "skeletonRows": { "values": [] }, "sort": { "values": [] }, "stickyHeader": { "values": [] }, "surfaceOpenRowId": { "values": [] }, "totalCount": { "values": [] }, "viewportInsetBlockEnd": { "values": [] }, "viewportInsetBlockStart": { "values": [] }, "virtualModeLabel": { "values": [] } }, "styling": { "rationale": "The public table stylesheet intentionally supports product-specific styling through documented custom properties and stable element classes.", "protected": [], "customProperties": [{ "name": "--ds-table-border", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-border-strong", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-cell-padding-block", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-cell-padding-inline", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-collapse-all-block-offset", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-column-border", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-header-min-block-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-header-surface", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-inline-scroll-max-offset", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-max-block-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-radius", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-hover", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-min-block-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-pressed", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-row-selected", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-sticky-border", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-sticky-header-offset", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-surface", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }, { "name": "--ds-table-visible-inline-size", "source": "src/wc/styles/table.css", "reason": "Public table recipe customization; preserve semantic table and scroll behavior." }] } }, "ds-tag": { "tag": "ds-tag", "reactName": "DsTag", "props": { "ariaControls": { "values": [] }, "contrast": { "values": ["bold", "faint", "medium", "strong"] }, "expanded": { "values": [] }, "icon": { "values": [] }, "insetDepth": { "values": ["double", "single"] }, "intent": { "values": ["ai", "brand", "caution", "negative", "neutral", "positive", "warning"] }, "interactive": { "values": [] }, "isInactive": { "values": [] }, "isInset": { "values": [] }, "label": { "values": [] }, "maxWidth": { "values": [] }, "rounded": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "surfaceOpen": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "height", "min-height", "max-height", "padding", "gap"], "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.", "props": ["size", "isInset", "insetDepth"] }, { "properties": ["border-radius"], "reason": "The component owns its corner treatment; select the supported radius treatment.", "props": ["rounded", "size"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["intent", "contrast", "size"] }], "customProperties": [] } }, "ds-text": { "tag": "ds-text", "reactName": "DsText", "props": { "align": { "values": ["center", "left", "right"] }, "as": { "values": ["div", "h1", "h2", "h3", "h4", "h5", "h6", "label", "p", "span"] }, "color": { "values": ["ai", "brand", "caution", "inherit", "negative", "on-bold", "on-strong", "positive", "primary", "quaternary", "secondary", "tertiary", "warning"] }, "decoration": { "values": ["dotted-underline", "none", "underline"] }, "emphasis": { "values": [] }, "fontFeature": { "values": ["normal", "tabular-nums"] }, "for": { "values": [] }, "italic": { "values": [] }, "lineTruncation": { "values": ["1", "2", "3", "4", "5", "none", "1", "2", "3", "4", "5"] }, "shimmer": { "values": [] }, "textId": { "values": [] }, "variant": { "values": ["text-body-large", "text-body-medium", "text-body-small", "text-caption", "text-display-medium", "text-display-small", "text-title-large", "text-title-medium", "text-title-small"] }, "wrap": { "values": ["balance", "nowrap", "pretty", "wrap"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing"], "reason": "Typography metrics form one atomic variant; choose variant and emphasis. Layout and inherited foreground remain consumer-owned.", "props": ["variant", "emphasis"] }], "customProperties": [] } }, "ds-textarea": { "tag": "ds-textarea", "reactName": "DsTextarea", "props": { "ariaDescribedby": { "values": [] }, "ariaLabel": { "values": [] }, "ariaLabelledby": { "values": [] }, "autoComplete": { "values": [] }, "autoFocus": { "values": [] }, "disabled": { "values": [] }, "enterKeyHint": { "values": [] }, "error": { "values": [] }, "errorMessage": { "values": [] }, "form": { "values": [] }, "hasBorder": { "values": [] }, "hasInteractionFill": { "values": [] }, "inputId": { "values": [] }, "inputMode": { "values": [] }, "isInactive": { "values": [] }, "lengthBehavior": { "values": ["error", "restrict"] }, "maxLength": { "values": [] }, "minLength": { "values": [] }, "name": { "values": [] }, "placeholder": { "values": [] }, "readOnly": { "values": [] }, "required": { "values": [] }, "requiredMessage": { "values": [] }, "resize": { "values": ["none", "vertical"] }, "rows": { "values": [] }, "showCharacterCount": { "values": [] }, "size": { "values": ["lg", "md", "sm", "xs"] }, "spellCheck": { "values": [] }, "value": { "values": [] }, "width": { "values": ["fill", "hug"] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["font", "font-size", "font-weight", "font-family", "line-height", "letter-spacing", "padding", "border-radius"], "reason": "Size selects the text and inset recipe; rows and resize retain their documented height ownership.", "props": ["size", "rows", "resize"] }, { "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["hasBorder", "size"] }], "customProperties": [] } }, "ds-time-picker": { "tag": "ds-time-picker", "reactName": "DsTimePicker", "props": { "autoFocus": { "values": [] }, "hourFormat": { "values": ["12", "24"] }, "isInactive": { "values": [] }, "max": { "values": [] }, "min": { "values": [] }, "step": { "values": [] }, "value": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["gap"], "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.", "props": [] }], "customProperties": [] } }, "ds-toast": { "tag": "ds-toast", "reactName": "DsToast", "props": { "avoidMobileShellBar": { "values": [] }, "closeLabel": { "values": [] }, "label": { "values": [] }, "limit": { "values": [] }, "manager": { "values": [] }, "swipeDirections": { "values": [] }, "timeout": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-tooltip": { "tag": "ds-tooltip", "reactName": "DsTooltip", "props": { "align": { "values": ["center", "end", "start"] }, "alignOffset": { "values": [] }, "boundary": { "values": ["viewport"] }, "delay": { "values": [] }, "describedBy": { "values": [] }, "label": { "values": [] }, "shortcutKey": { "values": [] }, "shortcutKeyPosition": { "values": ["end", "start"] }, "side": { "values": ["bottom", "left", "right", "top"] }, "sideOffset": { "values": [] }, "size": { "values": ["md", "sm", "xs"] }, "wrapLabel": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": ["size"] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-tooltip-chart": { "tag": "ds-tooltip-chart", "reactName": "DsTooltipChart", "props": { "delay": { "values": [] }, "heading": { "values": [] }, "items": { "values": [] }, "label": { "values": [] }, "value": { "values": [] }, "x": { "values": [] }, "y": { "values": [] } }, "styling": { "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.", "protected": [{ "properties": ["background", "border", "box-shadow", "color"], "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.", "props": [] }, { "properties": ["border-radius"], "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.", "props": [] }], "customProperties": [] } }, "ds-typing-indicator": { "tag": "ds-typing-indicator", "reactName": "DsTypingIndicator", "props": { "label": { "values": [] } }, "styling": { "rationale": "The indicator composes loader and text recipes inside an application-positioned host.", "protected": [], "customProperties": [] } } };
 
 // lint/contracts-policy.js
 var import_postcss_selector_parser7 = __toESM(require_dist(), 1);