@cds/core
Version:
Clarity Design System - common components, themes, and utilties
1,677 lines (1,676 loc) • 1.72 MB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "accordion/accordion-content.element.js",
"declarations": [
{
"kind": "class",
"description": "Web component accordion content to be used inside an accordion\n\n```typescript\nimport '@cds/core/accordion/register.js';\n```\n\n```html\n<cds-accordion>\n <cds-accordion-panel expanded>\n <cds-accordion-header>Item 1</cds-accordion-header>\n <cds-accordion-content>Content 1</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel>\n <cds-accordion-header>Item 2</cds-accordion-header>\n <cds-accordion-content>Content 2</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel disabled>\n <cds-accordion-header>Item 3</cds-accordion-header>\n <cds-accordion-content>Content 3</cds-accordion-content>\n </cds-accordion-panel>\n</cds-accordion>\n```",
"name": "CdsAccordionContent",
"cssProperties": [
{
"name": "--color"
},
{
"name": "--font-size"
},
{
"name": "--font-weight"
},
{
"name": "--background"
}
],
"members": [],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-accordion-content",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsAccordionContent",
"declaration": {
"name": "CdsAccordionContent",
"module": "accordion/accordion-content.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "accordion/accordion-header.element.js",
"declarations": [
{
"kind": "class",
"description": "Web component accordion to be used inside an accordion\n\n```typescript\nimport '@cds/core/accordion/register.js';\n```\n\n```html\n<cds-accordion>\n <cds-accordion-panel expanded>\n <cds-accordion-header>Item 1</cds-accordion-header>\n <cds-accordion-content>Content 1</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel>\n <cds-accordion-header>Item 2</cds-accordion-header>\n <cds-accordion-content>Content 2</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel disabled>\n <cds-accordion-header>Item 3</cds-accordion-header>\n <cds-accordion-content>Content 3</cds-accordion-content>\n </cds-accordion-panel>\n</cds-accordion>\n```",
"name": "CdsAccordionHeader",
"cssProperties": [
{
"name": "--color"
},
{
"name": "--font-size"
},
{
"name": "--font-weight"
},
{
"name": "--background"
},
{
"name": "--padding"
},
{
"name": "--icon-visibility"
},
{
"name": "--icon-margin"
},
{
"name": "--box-shadow"
}
],
"members": [
{
"kind": "field",
"name": "expanded",
"type": {
"text": "boolean"
},
"default": "false",
"privacy": "private"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-accordion-header",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsAccordionHeader",
"declaration": {
"name": "CdsAccordionHeader",
"module": "accordion/accordion-header.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "accordion/accordion-panel.element.js",
"declarations": [
{
"kind": "class",
"description": "Web component accordion panel to be used inside an accordion\n\n```typescript\nimport '@cds/core/accordion/register.js';\n```\n\n```html\n<cds-accordion>\n <cds-accordion-panel expanded>\n <cds-accordion-header>Item 1</cds-accordion-header>\n <cds-accordion-content>Content 1</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel>\n <cds-accordion-header>Item 2</cds-accordion-header>\n <cds-accordion-content>Content 2</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel disabled>\n <cds-accordion-header>Item 3</cds-accordion-header>\n <cds-accordion-content>Content 3</cds-accordion-content>\n </cds-accordion-panel>\n</cds-accordion>\n```",
"name": "CdsAccordionPanel",
"cssProperties": [
{
"name": "--animation-duration"
},
{
"name": "--animation-easing"
}
],
"slots": [
{},
{
"name": "cds-accordion-header"
},
{
"name": "cds-accordion-content"
}
],
"members": [
{
"kind": "field",
"name": "cdsMotion",
"type": {
"text": "string"
},
"default": "'on'",
"attribute": "cdsMotion"
},
{
"kind": "field",
"name": "cdsMotionChange",
"type": {
"text": "EventEmitter<string>"
}
},
{
"kind": "field",
"name": "disabled",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "disabled"
},
{
"kind": "field",
"name": "expanded",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "expanded"
},
{
"kind": "field",
"name": "header",
"type": {
"text": "CdsAccordionHeader"
},
"privacy": "private"
},
{
"kind": "field",
"name": "content",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"kind": "field",
"name": "expandedChange",
"type": {
"text": "EventEmitter<boolean>"
}
},
{
"kind": "method",
"name": "toggle",
"privacy": "private"
}
],
"events": [
{
"description": "notify when the user has clicked the panel header",
"name": "expandedChange"
}
],
"attributes": [
{
"name": "cdsMotion",
"type": {
"text": "string"
},
"default": "'on'",
"fieldName": "cdsMotion"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"default": "false",
"fieldName": "disabled"
},
{
"name": "expanded",
"type": {
"text": "boolean"
},
"default": "false",
"fieldName": "expanded"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-accordion-panel",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsAccordionPanel",
"declaration": {
"name": "CdsAccordionPanel",
"module": "accordion/accordion-panel.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "accordion/accordion.element.js",
"declarations": [
{
"kind": "class",
"description": "Web component accordion\n\n```typescript\nimport '@cds/core/accordion/register.js';\n```\n\n```html\n<cds-accordion>\n <cds-accordion-panel expanded>\n <cds-accordion-header>Item 1</cds-accordion-header>\n <cds-accordion-content>Content 1</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel>\n <cds-accordion-header>Item 2</cds-accordion-header>\n <cds-accordion-content>Content 2</cds-accordion-content>\n </cds-accordion-panel>\n <cds-accordion-panel disabled>\n <cds-accordion-header>Item 3</cds-accordion-header>\n <cds-accordion-content>Content 3</cds-accordion-content>\n </cds-accordion-panel>\n</cds-accordion>\n```",
"name": "CdsAccordion",
"cssProperties": [
{
"name": "--border-color"
},
{
"name": "--border-width"
},
{
"name": "--border-radius"
}
],
"slots": [
{
"description": "Content slot for inside the accordion",
"name": ""
}
],
"members": [],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-accordion",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsAccordion",
"declaration": {
"name": "CdsAccordion",
"module": "accordion/accordion.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "accordion/index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./accordion.element.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./accordion-panel.element.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./accordion-content.element.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./accordion-header.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "accordion/register.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "alert/alert-actions.element.js",
"declarations": [
{
"kind": "class",
"description": "Web component alert actions to be used inside default and banner alerts.\n\n```typescript\nimport '@cds/core/alert/register.js';\n```\n\n```html\n<cds-alert>\n Lorem ipsum dolor sit amet\n <cds-alert-actions>\n <cds-button>Fix</cds-button>\n </cds-alert-actions>\n</cds-alert>\n```",
"name": "CdsAlertActions",
"cssProperties": [
{
"name": "--action-text-color"
},
{
"name": "--action-hover-text-color"
},
{
"name": "--action-font-size"
}
],
"slots": [
{}
],
"members": [
{
"kind": "field",
"name": "type",
"type": {
"text": "default | banner | light"
},
"default": "'light'",
"privacy": "private"
},
{
"kind": "field",
"name": "buttons",
"type": {
"text": "NodeListOf<CdsButton>"
},
"privacy": "private"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-alert-actions",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsAlertActions",
"declaration": {
"name": "CdsAlertActions",
"module": "alert/alert-actions.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "alert/alert-group.element.js",
"declarations": [
{
"kind": "class",
"description": "Alert groups are containers for a set of alerts. Alert groups can hold one or many alerts\ninside of them with the expectation that all alerts will be of the same type. The exception\nto this rule is the `loading` alert type, which will be displayed regardless of the type\nof alert group containing it.\n\n```typescript\nimport '@cds/core/alert/register.js';\n```\n\n```html\n <cds-alert-group type=\"danger\">\n <cds-alert closable=\"true\">\n Single alert\n <cds-alert-actions>\n buttons, links\n </cds-alert-actions>\n </cds-alert>\n <cds-alert type=\"loading\">\n Single Alert\n </cds-alert>\n <cds-alert closable=\"true\">\n Another alert\n <cds-alert-actions>\n buttons, links\n </cds-alert-actions>\n </cds-alert>\n </cds-alert-group>\n```",
"name": "CdsAlertGroup",
"cssProperties": [
{
"name": "--color"
},
{
"name": "--icon-color"
},
{
"name": "--icon-size"
},
{
"name": "--font-size"
},
{
"name": "--font-weight"
},
{
"name": "--letter-spacing"
},
{
"name": "--padding"
},
{
"name": "--background"
},
{
"name": "--border-color"
},
{
"name": "--border-width"
},
{
"name": "--border-radius"
}
],
"slots": [
{
"description": "Content slot for the alerts",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "size",
"type": {
"text": "default | sm"
},
"default": "'default'",
"description": "Sets the overall height and width of the alerts inside the alert group",
"attribute": "size"
},
{
"kind": "field",
"name": "type",
"type": {
"text": "default | banner | light"
},
"default": "'default'",
"description": "Passed down into the alerts inside the alert-group",
"attribute": "type"
},
{
"kind": "field",
"name": "status",
"type": {
"text": "neutral | info | success | warning | danger | alt | loading"
},
"default": "'neutral'",
"description": "Sets the status of the alerts inside the alert group",
"attribute": "status"
},
{
"kind": "field",
"name": "alerts",
"type": {
"text": "NodeListOf<CdsAlert>"
},
"privacy": "private"
},
{
"kind": "field",
"name": "pager",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"kind": "field",
"name": "alertSlot",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"kind": "method",
"name": "setupAlertsUpdate",
"privacy": "private"
},
{
"kind": "method",
"name": "syncAlerts",
"privacy": "private",
"parameters": [
{
"name": "propsToSync",
"type": {
"text": "{ status: boolean; type: boolean; size: boolean }"
}
}
]
}
],
"attributes": [
{
"name": "size",
"type": {
"text": "default | sm"
},
"default": "'default'",
"description": "Sets the overall height and width of the alerts inside the alert group",
"fieldName": "size"
},
{
"name": "type",
"type": {
"text": "default | banner | light"
},
"default": "'default'",
"description": "Passed down into the alerts inside the alert-group",
"fieldName": "type"
},
{
"name": "status",
"type": {
"text": "neutral | info | success | warning | danger | alt | loading"
},
"default": "'neutral'",
"description": "Sets the status of the alerts inside the alert group",
"fieldName": "status"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-alert-group",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsAlertGroup",
"declaration": {
"name": "CdsAlertGroup",
"module": "alert/alert-group.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "alert/alert.element.js",
"declarations": [
{
"kind": "function",
"name": "getIconStatusTuple",
"return": {
"type": {
"text": "[string, string]"
}
},
"parameters": [
{
"name": "status",
"type": {
"text": "string"
}
}
]
},
{
"kind": "function",
"name": "iconShapeIsAlertStatusType",
"return": {
"type": {
"text": "boolean"
}
},
"parameters": [
{
"name": "shape",
"type": {
"text": "string"
}
}
]
},
{
"kind": "function",
"name": "getIconStatusLabel",
"return": {
"type": {
"text": "string"
}
},
"parameters": [
{
"name": "status",
"type": {
"text": "string"
}
}
]
},
{
"kind": "function",
"name": "getIconStatusShape",
"return": {
"type": {
"text": "string"
}
},
"parameters": [
{
"name": "status",
"type": {
"text": "string"
}
}
]
},
{
"kind": "function",
"name": "getAlertContentLayout",
"parameters": [
{
"name": "containerType",
"type": {
"text": "'wrapper' | 'content' | 'actions'"
}
},
{
"name": "alertGroupType",
"type": {
"text": "AlertGroupTypes"
}
},
{
"name": "alertGroupHasPager",
"type": {
"text": "boolean"
}
}
]
},
{
"kind": "class",
"description": "Alerts are banners that communicate a message with a severity attached to it.\nThey grab the user’s attention to provide critical information needed in context.\n\nAlerts outside of a cds-alert-group or cds-app-alert-group component will be\ndisplayed as a \"lightweight alert\". Lightweight alerts, by default, provide no\nclose button component and they inherit no status (a.k.a. success, danger, etc.).\n\nAlerts inside a cds-alert-group component inherit their status from the containing\nalert group.\n\nAlerts inside a cds-app-alert-group component inherit their status as a default from\nthe containing app-alert group, although it can be overridden on individual alerts.\n\n```typescript\nimport '@cds/core/alert/register.js';\n```\n\n```html\n <cds-alert>\n Single Alert\n <cds-alert-actions>\n buttons, links\n </cds-alert-actions>\n </cds-alert>\n```",
"name": "CdsAlert",
"cssProperties": [
{
"name": "--color"
},
{
"name": "--background"
},
{
"name": "--border-radius"
},
{
"name": "--border-color"
},
{
"name": "--icon-color"
},
{
"name": "--close-icon-color"
},
{
"name": "--close-icon-color-hover"
}
],
"slots": [
{
"description": "Content slot for inside the alert",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "size",
"type": {
"text": "default | sm"
},
"default": "'default'",
"description": "Sets the overall height and width of the alert and icon based on value",
"attribute": "size"
},
{
"kind": "field",
"name": "type",
"type": {
"text": "AlertGroupTypes"
},
"default": "'light'",
"description": "Sets up the buttons, layouts, close-button and other properties based on the alert group container\nInternal Use Only",
"privacy": "private"
},
{
"kind": "field",
"name": "idForAriaDescriber",
"type": {
"text": "string"
},
"privacy": "private"
},
{
"kind": "field",
"name": "closable",
"type": {
"text": "boolean"
},
"default": "false",
"description": "If false, the alert will not render the close button.\n\nLightweight alerts do not display close buttons",
"attribute": "closable"
},
{
"kind": "field",
"name": "status",
"type": {
"text": "neutral | info | success | warning | danger | alt | loading"
},
"default": "'neutral'",
"description": "Sets the color of the alert from a predefined list of statuses",
"attribute": "status"
},
{
"kind": "field",
"name": "i18n"
},
{
"kind": "field",
"name": "alertActions",
"type": {
"text": "CdsAlertActions"
},
"privacy": "private"
},
{
"kind": "field",
"name": "alertIcons",
"type": {
"text": "NodeListOf<CdsIcon>"
},
"privacy": "protected"
},
{
"kind": "field",
"name": "closeButton",
"type": {
"text": "HTMLElement"
},
"privacy": "protected"
},
{
"kind": "field",
"name": "closableController",
"type": {
"text": "ClosableController<this>"
},
"privacy": "protected"
},
{
"kind": "field",
"name": "parentGroupHasPager",
"type": {
"text": "boolean"
},
"privacy": "private",
"readonly": true
}
],
"events": [
{
"description": "notify when the user has clicked the dismiss button",
"name": "closeChange"
}
],
"attributes": [
{
"name": "size",
"type": {
"text": "default | sm"
},
"default": "'default'",
"description": "Sets the overall height and width of the alert and icon based on value",
"fieldName": "size"
},
{
"name": "closable",
"type": {
"text": "boolean"
},
"default": "false",
"description": "If false, the alert will not render the close button.\n\nLightweight alerts do not display close buttons",
"fieldName": "closable"
},
{
"name": "status",
"type": {
"text": "neutral | info | success | warning | danger | alt | loading"
},
"default": "'neutral'",
"description": "Sets the color of the alert from a predefined list of statuses",
"fieldName": "status"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-alert",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "getIconStatusTuple",
"declaration": {
"name": "getIconStatusTuple",
"module": "alert/alert.element.js"
}
},
{
"kind": "js",
"name": "iconShapeIsAlertStatusType",
"declaration": {
"name": "iconShapeIsAlertStatusType",
"module": "alert/alert.element.js"
}
},
{
"kind": "js",
"name": "getIconStatusLabel",
"declaration": {
"name": "getIconStatusLabel",
"module": "alert/alert.element.js"
}
},
{
"kind": "js",
"name": "getIconStatusShape",
"declaration": {
"name": "getIconStatusShape",
"module": "alert/alert.element.js"
}
},
{
"kind": "js",
"name": "getAlertContentLayout",
"declaration": {
"name": "getAlertContentLayout",
"module": "alert/alert.element.js"
}
},
{
"kind": "js",
"name": "CdsAlert",
"declaration": {
"name": "CdsAlert",
"module": "alert/alert.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "alert/alert.interfaces.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "alert/index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./alert-actions.element.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./alert.element.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./alert-group.element.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./alert.interfaces.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "alert/register.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "badge/badge.element.js",
"declarations": [
{
"kind": "class",
"description": "Badges provide a method to highlight a count of an element either next to it\nor inside the element itself.\n\n```typescript\nimport '@cds/core/badge/register.js';\n```\n\n```html\n<cds-badge status=\"info\">2<span cds-layout=\"display:screen-reader-only\"> items. Item text for screen-readers should be added to badges in elements that will only be read in a screen-reader.</span></cds-badge>\n```",
"name": "CdsBadge",
"cssProperties": [
{
"name": "--background"
},
{
"name": "--border-color"
},
{
"name": "--border-radius"
},
{
"name": "--border-width"
},
{
"name": "--color"
},
{
"name": "--font-size"
},
{
"name": "--font-weight"
},
{
"name": "--padding"
},
{
"name": "--size"
}
],
"slots": [
{
"description": "Content slot for inside the badge",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "color",
"type": {
"text": "'default' | 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue' | null"
},
"default": "null",
"description": "Sets the color of the badge",
"attribute": "color"
},
{
"kind": "field",
"name": "status",
"type": {
"text": "'neutral' | 'info' | 'success' | 'warning' | 'danger'"
},
"default": "'neutral'",
"description": "Sets the color of the badge",
"attribute": "status"
}
],
"attributes": [
{
"name": "color",
"type": {
"text": "'default' | 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue' | null"
},
"default": "null",
"description": "Sets the color of the badge",
"fieldName": "color"
},
{
"name": "status",
"type": {
"text": "'neutral' | 'info' | 'success' | 'warning' | 'danger'"
},
"default": "'neutral'",
"description": "Sets the color of the badge",
"fieldName": "status"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-badge",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsBadge",
"declaration": {
"name": "CdsBadge",
"module": "badge/badge.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "badge/index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./badge.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "badge/register.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "breadcrumb/breadcrumb.element.js",
"declarations": [
{
"kind": "class",
"description": "```typescript\nimport '@cds/core/breadcrumb/register.js';\n```\n\n```html\n<cds-breadcrumb aria-label=\"breadcrumb\">\n <a href=\"/home\" cds-text=\"link\">Home</a>\n <a href=\"/parent\" cds-text=\"link\">Parent page</a>\n <span aria-current=\"page\">Current page</span>\n</cds-breadcrumb>\n```",
"name": "CdsBreadcrumb",
"cssProperties": [
{
"name": "--font-size"
},
{
"name": "--font-weight"
},
{
"name": "--letter-spacing"
},
{
"name": "--color"
}
],
"members": [
{
"kind": "field",
"name": "navItems",
"type": {
"text": "Element[]"
},
"privacy": "private",
"default": "[]"
},
{
"kind": "field",
"name": "customSeparator",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"kind": "field",
"name": "separator",
"privacy": "private",
"readonly": true
},
{
"kind": "method",
"name": "assignSlots",
"privacy": "private"
},
{
"kind": "field",
"name": "slotNames",
"type": {
"text": "string[]"
},
"privacy": "private",
"readonly": true
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "cds-breadcrumb",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsBreadcrumb",
"declaration": {
"name": "CdsBreadcrumb",
"module": "breadcrumb/breadcrumb.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "breadcrumb/index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./breadcrumb.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "breadcrumb/register.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "button-action/button-action.element.js",
"declarations": [
{
"kind": "class",
"description": "Action Button\n\n```typescript\nimport '@cds/core/button-action/register.js';\n```\n\n```html\n<cds-button-action></cds-button-action>\n```",
"name": "CdsButtonAction",
"cssProperties": [
{
"name": "--icon-width"
},
{
"name": "--icon-height"
},
{
"name": "--width"
},
{
"name": "--height"
},
{
"name": "--cursor"
},
{
"name": "--color"
},
{
"name": "--font-size"
},
{
"name": "--background"
},
{
"name": "--padding"
},
{
"name": "--outline"
},
{
"name": "--outline-offset"
}
],
"slots": [
{
"description": "For projecting text content or cds-icon",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "shape",
"type": {
"text": "string"
},
"attribute": "shape"
},
{
"kind": "field",
"name": "action",
"type": {
"text": "string"
},
"attribute": "action",
"reflects": true
},
{
"kind": "field",
"name": "iconSize",
"type": {
"text": "string"
},
"attribute": "iconSize"
},
{
"kind": "field",
"name": "i18n"
},
{
"kind": "field",
"name": "cdsButtonAction",
"type": {
"text": "boolean"
},
"privacy": "protected",
"default": "true"
},
{
"kind": "field",
"name": "pressed",
"type": {
"text": "boolean"
},
"attribute": "pressed",
"description": "boolean",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "expanded",
"type": {
"text": "boolean"
},
"attribute": "expanded",
"description": "boolean",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "readonly",
"type": {
"text": "boolean"
},
"attribute": "readonly",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "type",
"type": {
"text": "'button' | 'submit'"
},
"attribute": "type",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "name",
"type": {
"text": "string"
},
"attribute": "name",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "value",
"type": {
"text": "string"
},
"attribute": "value",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "disabled",
"type": {
"text": "boolean"
},
"attribute": "disabled",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "popup",
"type": {
"text": "string"
},
"attribute": "popup",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "_disabled",
"type": {
"text": "boolean"
},
"privacy": "private",
"default": "false",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
}
],
"attributes": [
{
"name": "shape",
"type": {
"text": "string"
},
"fieldName": "shape"
},
{
"name": "action",
"type": {
"text": "string"
},
"fieldName": "action"
},
{
"name": "iconSize",
"type": {
"text": "string"
},
"fieldName": "iconSize"
},
{
"name": "pressed",
"type": {
"text": "boolean"
},
"fieldName": "pressed",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "expanded",
"type": {
"text": "boolean"
},
"fieldName": "expanded",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "readonly",
"type": {
"text": "boolean"
},
"fieldName": "readonly",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "type",
"type": {
"text": "'button' | 'submit'"
},
"fieldName": "type",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "name",
"type": {
"text": "string"
},
"fieldName": "name",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "value",
"type": {
"text": "string"
},
"fieldName": "value",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"fieldName": "disabled",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"name": "popup",
"type": {
"text": "string"
},
"fieldName": "popup",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
}
],
"superclass": {
"name": "CdsBaseButton",
"package": "@cds/core/internal"
},
"tagName": "cds-button-action",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CdsButtonAction",
"declaration": {
"name": "CdsButtonAction",
"module": "button-action/button-action.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "button-action/index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./button-action.element.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "button-action/register.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "button-expand/button-expand.element.js",
"declarations": [
{
"kind": "class",
"description": "Action Expand Button\n\n```typescript\nimport '@cds/core/button-expand/register.js';\n```\n\n```html\n<cds-button-expand expanded></cds-button-expand>\n```",
"name": "CdsButtonExpand",
"slots": [
{
"description": "For projecting custom cds-icon",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "action",
"type": {
"text": "string"
},
"attribute": "action",
"reflects": true,
"default": "'vertical'",
"inheritedFrom": {
"name": "CdsButtonAction",
"module": "button-action/button-action.element.js"
}
},
{
"kind": "field",
"name": "iconDirection",
"privacy": "private",
"readonly": true
},
{
"kind": "field",
"name": "iconShape",
"privacy": "private",
"readonly": true
},
{
"kind": "field",
"name": "expanded",
"type": {
"text": "boolean"
},
"attribute": "expanded",
"description": "boolean",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
},
"default": "false"
},
{
"kind": "field",
"name": "shape",
"type": {
"text": "string"
},
"attribute": "shape",
"inheritedFrom": {
"name": "CdsButtonAction",
"module": "button-action/button-action.element.js"
}
},
{
"kind": "field",
"name": "iconSize",
"type": {
"text": "string"
},
"attribute": "iconSize",
"inheritedFrom": {
"name": "CdsButtonAction",
"module": "button-action/button-action.element.js"
}
},
{
"kind": "field",
"name": "i18n",
"inheritedFrom": {
"name": "CdsButtonAction",
"module": "button-action/button-action.element.js"
}
},
{
"kind": "field",
"name": "cdsButtonAction",
"type": {
"text": "boolean"
},
"privacy": "protected",
"default": "true",
"inheritedFrom": {
"name": "CdsButtonAction",
"module": "button-action/button-action.element.js"
}
},
{
"kind": "field",
"name": "pressed",
"type": {
"text": "boolean"
},
"attribute": "pressed",
"description": "boolean",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "readonly",
"type": {
"text": "boolean"
},
"attribute": "readonly",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "type",
"type": {
"text": "'button' | 'submit'"
},
"attribute": "type",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "name",
"type": {
"text": "string"
},
"attribute": "name",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"
}
},
{
"kind": "field",
"name": "value",
"type": {
"text": "string"
},
"attribute": "value",
"inheritedFrom": {
"name": "CdsBaseButton",
"module": "internal/base/button.base.js"