@cds/core 5.5.8 → 5.6.3

package/custom-elements.legacy.json

@@ -255,19 +255,17 @@
       "properties": [
         {
           "name": "size",
+          "description": "Sets the overall height and width of the alerts inside the alert group",
           "type": "default | sm"
         },
         {
           "name": "type",
+          "description": "Passed down into the alerts inside the alert-group",
           "type": "default | banner | light"
         },
-        {
-          "name": "role",
-          "description": "Autosets the alert groups aria role to 'region'",
-          "type": "string"
-        },
         {
           "name": "status",
+          "description": "Sets the status of the alerts inside the alert group",
           "type": "neutral | info | success | warning | danger | alt | loading"
         }
       ],
@@ -320,6 +318,7 @@
       "properties": [
         {
           "name": "size",
+          "description": "Sets the overall height and width of the alert and icon based on value",
           "type": "default | sm"
         },
         {
@@ -329,6 +328,7 @@
         },
         {
           "name": "status",
+          "description": "Sets the color of the alert from a predefined list of statuses",
           "type": "neutral | info | success | warning | danger | alt | loading"
         },
         {
@@ -379,6 +379,7 @@
       "properties": [
         {
           "name": "size",
+          "description": "Sets the overall height and width of the alert and icon based on value",
           "type": "default | sm"
         },
         {
@@ -388,6 +389,7 @@
         },
         {
           "name": "status",
+          "description": "Sets the color of the alert from a predefined list of statuses",
           "type": "neutral | info | success | warning | danger | alt | loading"
         },
         {
@@ -459,19 +461,17 @@
       "properties": [
         {
           "name": "size",
+          "description": "Sets the overall height and width of the alerts inside the alert group",
           "type": "default | sm"
         },
         {
           "name": "type",
+          "description": "Passed down into the alerts inside the alert-group",
           "type": "default | banner | light"
         },
-        {
-          "name": "role",
-          "description": "Autosets the alert groups aria role to 'region'",
-          "type": "string"
-        },
         {
           "name": "status",
+          "description": "Sets the status of the alerts inside the alert group",
           "type": "neutral | info | success | warning | danger | alt | loading"
         }
       ],
@@ -529,7 +529,8 @@
         },
         {
           "name": "status",
-          "type": "neutral | info | success | warning | danger"
+          "description": "Sets the color of the badge",
+          "type": "'neutral' | 'info' | 'success' | 'warning' | 'danger'"
         }
       ],
       "slots": [
@@ -580,7 +581,8 @@
         },
         {
           "name": "status",
-          "type": "neutral | info | success | warning | danger"
+          "description": "Sets the color of the badge",
+          "type": "'neutral' | 'info' | 'success' | 'warning' | 'danger'"
         }
       ],
       "slots": [
@@ -684,6 +686,7 @@
         },
         {
           "name": "loadingState",
+          "description": "Changes the button content based on the value passed.",
           "type": "default | loading | success | error"
         },
         {
@@ -777,6 +780,7 @@
         },
         {
           "name": "loadingState",
+          "description": "Changes the button content based on the value passed.",
           "type": "default | loading | success | error"
         },
         {
@@ -893,6 +897,7 @@
         },
         {
           "name": "loadingState",
+          "description": "Changes the button content based on the value passed.",
           "type": "default | loading | success | error"
         },
         {
@@ -986,6 +991,7 @@
         },
         {
           "name": "loadingState",
+          "description": "Changes the button content based on the value passed.",
           "type": "default | loading | success | error"
         },
         {
@@ -1080,10 +1086,6 @@
       "path": "./card/card.element.d.ts",
       "description": "Web component card.\n\n```typescript\nimport '@cds/core/card/register.js';\n```\n\n```html\n<cds-card aria-labelledby=\"{label your card}\">\n  <div cds-layout=\"vertical gap:md\">\n    <h2 id=\"{label your card}\" cds-text=\"section\" cds-layout=\"p-y:sm\">\n      <!-- Card title -->\n    </h2>\n\n    <cds-divider cds-card-remove-margin></cds-divider>\n\n    <div cds-text=\"body light\" cds-layout=\"p-y:md\">\n      <!-- Card content -->\n    </div>\n\n    <cds-divider cds-card-remove-margin></cds-divider>\n\n    <div cds-layout=\"horizontal gap:sm p-y:sm align:vertical-center\">\n      <cds-button action=\"flat-inline\">View</cds-button>\n    </div>\n  </div>\n</cds-card>\n```",
       "properties": [
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "globalStyles",
           "type": "CSSResultGroup"
@@ -1139,10 +1141,6 @@
       "path": "./card/register.d.ts",
       "description": "Web component card.\n\n```typescript\nimport '@cds/core/card/register.js';\n```\n\n```html\n<cds-card aria-labelledby=\"{label your card}\">\n  <div cds-layout=\"vertical gap:md\">\n    <h2 id=\"{label your card}\" cds-text=\"section\" cds-layout=\"p-y:sm\">\n      <!-- Card title -->\n    </h2>\n\n    <cds-divider cds-card-remove-margin></cds-divider>\n\n    <div cds-text=\"body light\" cds-layout=\"p-y:md\">\n      <!-- Card content -->\n    </div>\n\n    <cds-divider cds-card-remove-margin></cds-divider>\n\n    <div cds-layout=\"horizontal gap:sm p-y:sm align:vertical-center\">\n      <cds-button action=\"flat-inline\">View</cds-button>\n    </div>\n  </div>\n</cds-card>\n```",
       "properties": [
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "globalStyles",
           "type": "CSSResultGroup"
@@ -1484,6 +1482,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Set the status of control group validation",
           "type": "neutral | error | success"
         },
         {
@@ -1502,6 +1501,7 @@
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1512,10 +1512,6 @@
         {
           "name": "styles",
           "type": "CSSResultGroup[]"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
@@ -1537,10 +1533,12 @@
         },
         {
           "name": "status",
+          "description": "Set the status of form control validation",
           "type": "neutral | error | success"
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1555,14 +1553,11 @@
         },
         {
           "name": "layout",
+          "description": "Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.",
           "type": "vertical | horizontal | compact"
         },
         {
           "name": "layoutChange"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
@@ -1610,6 +1605,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Set the status of form control message validation",
           "type": "neutral | error | success"
         },
         {
@@ -1649,10 +1645,12 @@
       "properties": [
         {
           "name": "status",
+          "description": "Set the status of form control validation",
           "type": "neutral | error | success"
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1667,14 +1665,11 @@
         },
         {
           "name": "layout",
+          "description": "Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.",
           "type": "vertical | horizontal | compact"
         },
         {
           "name": "layoutChange"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
@@ -1696,10 +1691,12 @@
       "properties": [
         {
           "name": "layout",
+          "description": "Set to adjust the default control layout for all controls within form group.\nWhen `responsive` is true this will be the largest size to scale to.",
           "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1732,10 +1729,12 @@
       "properties": [
         {
           "name": "status",
+          "description": "Set the status of form control validation",
           "type": "neutral | error | success"
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1750,14 +1749,11 @@
         },
         {
           "name": "layout",
+          "description": "Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.",
           "type": "vertical | horizontal | compact"
         },
         {
           "name": "layoutChange"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
@@ -1805,6 +1801,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Set the status of control group validation",
           "type": "neutral | error | success"
         },
         {
@@ -1823,6 +1820,7 @@
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1833,10 +1831,6 @@
         {
           "name": "styles",
           "type": "CSSResultGroup[]"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
@@ -1858,10 +1852,12 @@
         },
         {
           "name": "status",
+          "description": "Set the status of form control validation",
           "type": "neutral | error | success"
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -1876,14 +1872,11 @@
         },
         {
           "name": "layout",
+          "description": "Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.",
           "type": "vertical | horizontal | compact"
         },
         {
           "name": "layoutChange"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
@@ -1931,6 +1924,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Set the status of form control message validation",
           "type": "neutral | error | success"
         },
         {
@@ -1970,10 +1964,12 @@
       "properties": [
         {
           "name": "layout",
+          "description": "Set to adjust the default control layout for all controls within form group.\nWhen `responsive` is true this will be the largest size to scale to.",
           "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
         },
         {
           "name": "controlWidth",
+          "description": "Adjust the control from the default full width or the browser default width",
           "type": "stretch | shrink"
         },
         {
@@ -2011,14 +2007,17 @@
         },
         {
           "name": "size",
+          "description": "Apply numerical width-height or a t-shirt-sized CSS classname",
           "type": "string | xs | sm | md | lg | xl | xxl"
         },
         {
           "name": "direction",
+          "description": "Takes a directional value that rotates the icon 90° with the\ntop of the icon pointing in the specified direction.",
           "type": "up | down | left | right"
         },
         {
           "name": "flip",
+          "description": "Takes an orientation value that reverses the orientation of the icon vertically or horizontally'",
           "type": "horizontal | vertical"
         },
         {
@@ -2028,6 +2027,7 @@
         },
         {
           "name": "status",
+          "description": "Changes color of icon fills and outlines",
           "type": "info | success | warning | danger"
         },
         {
@@ -2037,6 +2037,7 @@
         },
         {
           "name": "badge",
+          "description": "Sets the color of the icon decoration that appears in the top-right corner\nof the glyph. The icon decoration is derived from the following predefined types.\n\nThe color of the badge can change according to the following\nlist of statuses:\n'info'  -> blue dot\n'success' -> green dot\n'warning' -> yellow dot\n'danger' -> red dot\n'inherit' -> dot inherits color of full icon glyph\n'warning-triangle' -> yellow triangle\n'inherit-triangle' -> triangle inherits color of full icon glyph\nunrecognized value, empty string, or true -> red dot\n\nBy default, the badge displays a 'danger' dot (a red-colored dot).\n\nSetting the badge to 'false' or removing the attribute will remove the default icon badge.",
           "type": "info | success | warning | danger | inherit | warning  -triangle | inherit-triangle"
         }
       ],
@@ -2061,14 +2062,17 @@
         },
         {
           "name": "size",
+          "description": "Apply numerical width-height or a t-shirt-sized CSS classname",
           "type": "string | xs | sm | md | lg | xl | xxl"
         },
         {
           "name": "direction",
+          "description": "Takes a directional value that rotates the icon 90° with the\ntop of the icon pointing in the specified direction.",
           "type": "up | down | left | right"
         },
         {
           "name": "flip",
+          "description": "Takes an orientation value that reverses the orientation of the icon vertically or horizontally'",
           "type": "horizontal | vertical"
         },
         {
@@ -2078,6 +2082,7 @@
         },
         {
           "name": "status",
+          "description": "Changes color of icon fills and outlines",
           "type": "info | success | warning | danger"
         },
         {
@@ -2087,6 +2092,7 @@
         },
         {
           "name": "badge",
+          "description": "Sets the color of the icon decoration that appears in the top-right corner\nof the glyph. The icon decoration is derived from the following predefined types.\n\nThe color of the badge can change according to the following\nlist of statuses:\n'info'  -> blue dot\n'success' -> green dot\n'warning' -> yellow dot\n'danger' -> red dot\n'inherit' -> dot inherits color of full icon glyph\n'warning-triangle' -> yellow triangle\n'inherit-triangle' -> triangle inherits color of full icon glyph\nunrecognized value, empty string, or true -> red dot\n\nBy default, the badge displays a 'danger' dot (a red-colored dot).\n\nSetting the badge to 'false' or removing the attribute will remove the default icon badge.",
           "type": "info | success | warning | danger | inherit | warning  -triangle | inherit-triangle"
         }
       ],
@@ -2290,14 +2296,6 @@
         },
         {
           "name": "cdsMotionChange"
-        },
-        {
-          "name": "ariaModal",
-          "type": "string"
-        },
-        {
-          "name": "role",
-          "type": "string"
         }
       ],
       "events": [
@@ -2339,14 +2337,6 @@
         },
         {
           "name": "cdsMotionChange"
-        },
-        {
-          "name": "ariaModal",
-          "type": "string"
-        },
-        {
-          "name": "role",
-          "type": "string"
         }
       ],
       "events": [
@@ -2758,10 +2748,6 @@
           "name": "disabled",
           "type": "boolean"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "expanded",
           "type": "boolean"
@@ -2823,10 +2809,6 @@
           "name": "isGroupStart",
           "type": "boolean"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "navigationGroupId",
           "type": "string"
@@ -2835,9 +2817,6 @@
           "name": "itemText",
           "type": "NodeListOf<HTMLSpanElement>"
         },
-        {
-          "name": "toggleIconDirection"
-        },
         {
           "name": "hasFocus",
           "type": "boolean"
@@ -2880,17 +2859,9 @@
           "name": "cdsMotion",
           "type": "string"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "cdsMotionChange"
         },
-        {
-          "name": "ariaActiveDescendant",
-          "description": "Set and update the aria-active descended value onto the navigation."
-        },
         {
           "name": "expanded",
           "description": "Vertical navigation elements can be either wide or narrow. Expanded indicates it should be wide.\nWhen navigation is wide cds-navigation-start button elements and cds-navigation-item a elements display\ntext. When it is narrow they do not (consumer should provide an icon that stays visible).",
@@ -2899,10 +2870,6 @@
         {
           "name": "i18n",
           "type": "{ [key: string]: string | undefined; }"
-        },
-        {
-          "name": "currentActiveItem",
-          "type": "CdsNavigationItem | CdsNavigationStart | undefined"
         }
       ],
       "events": [
@@ -2965,17 +2932,9 @@
           "name": "cdsMotion",
           "type": "string"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "cdsMotionChange"
         },
-        {
-          "name": "ariaActiveDescendant",
-          "description": "Set and update the aria-active descended value onto the navigation."
-        },
         {
           "name": "expanded",
           "description": "Vertical navigation elements can be either wide or narrow. Expanded indicates it should be wide.\nWhen navigation is wide cds-navigation-start button elements and cds-navigation-item a elements display\ntext. When it is narrow they do not (consumer should provide an icon that stays visible).",
@@ -2984,10 +2943,6 @@
         {
           "name": "i18n",
           "type": "{ [key: string]: string | undefined; }"
-        },
-        {
-          "name": "currentActiveItem",
-          "type": "CdsNavigationItem | CdsNavigationStart | undefined"
         }
       ],
       "events": [
@@ -3106,10 +3061,6 @@
           "name": "isGroupStart",
           "type": "boolean"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "navigationGroupId",
           "type": "string"
@@ -3118,9 +3069,6 @@
           "name": "itemText",
           "type": "NodeListOf<HTMLSpanElement>"
         },
-        {
-          "name": "toggleIconDirection"
-        },
         {
           "name": "hasFocus",
           "type": "boolean"
@@ -3167,10 +3115,6 @@
           "name": "disabled",
           "type": "boolean"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "expanded",
           "type": "boolean"
@@ -3462,6 +3406,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Sets the color of the badge",
           "type": "neutral | info | success | warning | danger"
         },
         {
@@ -3481,7 +3426,17 @@
         },
         {
           "name": "size",
+          "description": "Apply numerical width-height or a t-shirt-sized CSS classname",
           "type": "string | sm | md | lg | xl | xxl"
+        },
+        {
+          "name": "ariaLabel",
+          "description": "The aria-label attribute is added here as a convenience. It is not set\nto a default value.\n\nIf this attribute/property remains unset, it will default to an i18n string.\nThis means that the aria-label can be customized using the aria-label\nattribute or by overriding the i18n value for the progress circle.",
+          "type": "string"
+        },
+        {
+          "name": "i18n",
+          "type": "{ loading: string; looping: string; }"
         }
       ],
       "cssProperties": [
@@ -3506,6 +3461,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Sets the color of the badge",
           "type": "neutral | info | success | warning | danger"
         },
         {
@@ -3525,7 +3481,17 @@
         },
         {
           "name": "size",
+          "description": "Apply numerical width-height or a t-shirt-sized CSS classname",
           "type": "string | sm | md | lg | xl | xxl"
+        },
+        {
+          "name": "ariaLabel",
+          "description": "The aria-label attribute is added here as a convenience. It is not set\nto a default value.\n\nIf this attribute/property remains unset, it will default to an i18n string.\nThis means that the aria-label can be customized using the aria-label\nattribute or by overriding the i18n value for the progress circle.",
+          "type": "string"
+        },
+        {
+          "name": "i18n",
+          "type": "{ loading: string; looping: string; }"
         }
       ],
       "cssProperties": [
@@ -3861,6 +3827,130 @@
         }
       ]
     },
+    {
+      "name": "cds-checkbox",
+      "path": "./selection-panels/checkbox/checkbox-panel.element.d.ts",
+      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-checkbox>\n   <label>\n     <div cds-layout=\"vertical align:center\">\n       <span cds-text=\"section\">VM One</span>\n       <cds-icon shape=\"vm\" badge=\"info\"></cds-icon>\n       <p>Machines for orchestration and automation.</p>\n     </div>\n   </label>\n   <input type=\"checkbox\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-checkbox>\n```",
+      "properties": [
+        {
+          "name": "size",
+          "type": "SelectionPanelSizes"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "For projecting checkbox and it's complex label"
+        }
+      ],
+      "cssProperties": [
+        {
+          "name": "--width"
+        },
+        {
+          "name": "--height"
+        },
+        {
+          "name": "--border"
+        },
+        {
+          "name": "--box-shadow"
+        }
+      ]
+    },
+    {
+      "name": "cds-checkbox-panel",
+      "path": "./selection-panels/checkbox/register.d.ts",
+      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-checkbox>\n   <label>\n     <div cds-layout=\"vertical align:center\">\n       <span cds-text=\"section\">VM One</span>\n       <cds-icon shape=\"vm\" badge=\"info\"></cds-icon>\n       <p>Machines for orchestration and automation.</p>\n     </div>\n   </label>\n   <input type=\"checkbox\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-checkbox>\n```",
+      "properties": [
+        {
+          "name": "size",
+          "type": "SelectionPanelSizes"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "For projecting checkbox and it's complex label"
+        }
+      ],
+      "cssProperties": [
+        {
+          "name": "--width"
+        },
+        {
+          "name": "--height"
+        },
+        {
+          "name": "--border"
+        },
+        {
+          "name": "--box-shadow"
+        }
+      ]
+    },
+    {
+      "name": "cds-radio",
+      "path": "./selection-panels/radio/radio-panel.element.d.ts",
+      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-radio>\n   <label>\n     <div cds-layout=\"vertical align:center\">\n       <span cds-text=\"section\">VM One</span>\n       <cds-icon shape=\"vm\" badge=\"info\"></cds-icon>\n       <p>Machines for orchestration and automation.</p>\n     </div>\n   </label>\n   <input type=\"radio\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-radio>\n```",
+      "properties": [
+        {
+          "name": "size",
+          "type": "SelectionPanelSizes"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "For projecting checkbox and it's complex label"
+        }
+      ],
+      "cssProperties": [
+        {
+          "name": "--width"
+        },
+        {
+          "name": "--height"
+        },
+        {
+          "name": "--border"
+        },
+        {
+          "name": "--box-shadow"
+        }
+      ]
+    },
+    {
+      "name": "cds-radio-panel",
+      "path": "./selection-panels/radio/register.d.ts",
+      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-radio>\n   <label>\n     <div cds-layout=\"vertical align:center\">\n       <span cds-text=\"section\">VM One</span>\n       <cds-icon shape=\"vm\" badge=\"info\"></cds-icon>\n       <p>Machines for orchestration and automation.</p>\n     </div>\n   </label>\n   <input type=\"radio\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-radio>\n```",
+      "properties": [
+        {
+          "name": "size",
+          "type": "SelectionPanelSizes"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "For projecting checkbox and it's complex label"
+        }
+      ],
+      "cssProperties": [
+        {
+          "name": "--width"
+        },
+        {
+          "name": "--height"
+        },
+        {
+          "name": "--border"
+        },
+        {
+          "name": "--box-shadow"
+        }
+      ]
+    },
     {
       "name": "cds-tag",
       "path": "./tag/register.d.ts",
@@ -3868,6 +3958,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Sets the color of the tag (and badge if present) from the following predefined list of statuses:",
           "type": "neutral | info | success | warning | danger"
         },
         {
@@ -3921,6 +4012,7 @@
       "properties": [
         {
           "name": "status",
+          "description": "Sets the color of the tag (and badge if present) from the following predefined list of statuses:",
           "type": "neutral | info | success | warning | danger"
         },
         {
@@ -4280,20 +4372,9 @@
       "path": "./tree-view/register.d.ts",
       "description": "Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.\n\n```typescript\nimport '@cds/core/tree-view/register.js';\n```\n\n```html\n  <cds-tree>\n    <cds-tree-item>1</cds-tree-item>\n    <cds-tree-item>2</cds-tree-item>\n    <cds-tree-item>3</cds-tree-item>\n  </cds-tree>\n```",
       "properties": [
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "multiSelect",
           "type": "boolean"
-        },
-        {
-          "name": "ariaActiveDescendant",
-          "type": "string"
-        },
-        {
-          "name": "ariaMultiSelectable"
         }
       ],
       "slots": [
@@ -4312,10 +4393,6 @@
           "name": "i18n",
           "type": "{ loading: string; }"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "cdsMotion",
           "type": "string"
@@ -4323,15 +4400,6 @@
         {
           "name": "cdsMotionChange"
         },
-        {
-          "name": "ariaDisabled"
-        },
-        {
-          "name": "ariaExpanded"
-        },
-        {
-          "name": "ariaSelected"
-        },
         {
           "name": "multiSelect",
           "type": "boolean"
@@ -4413,10 +4481,6 @@
           "name": "i18n",
           "type": "{ loading: string; }"
         },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "cdsMotion",
           "type": "string"
@@ -4424,15 +4488,6 @@
         {
           "name": "cdsMotionChange"
         },
-        {
-          "name": "ariaDisabled"
-        },
-        {
-          "name": "ariaExpanded"
-        },
-        {
-          "name": "ariaSelected"
-        },
         {
           "name": "multiSelect",
           "type": "boolean"
@@ -4510,20 +4565,9 @@
       "path": "./tree-view/tree.element.d.ts",
       "description": "Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.\n\n```typescript\nimport '@cds/core/tree-view/register.js';\n```\n\n```html\n  <cds-tree>\n    <cds-tree-item>1</cds-tree-item>\n    <cds-tree-item>2</cds-tree-item>\n    <cds-tree-item>3</cds-tree-item>\n  </cds-tree>\n```",
       "properties": [
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "multiSelect",
           "type": "boolean"
-        },
-        {
-          "name": "ariaActiveDescendant",
-          "type": "string"
-        },
-        {
-          "name": "ariaMultiSelectable"
         }
       ],
       "slots": [