@cds/core 5.2.1 → 5.4.1

package/custom-elements.json

@@ -51,20 +51,19 @@
       "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```",
       "properties": [
         {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "cdsMotion",
+          "type": "string"
         },
         {
-          "name": "expanded",
-          "type": "boolean"
+          "name": "cdsMotionChange"
         },
         {
-          "name": "cdsMotion",
-          "type": "string"
+          "name": "disabled",
+          "type": "boolean"
         },
         {
-          "name": "cdsMotionChange",
-          "type": "EventEmitter<string>"
+          "name": "expanded",
+          "type": "boolean"
         }
       ],
       "events": [
@@ -75,7 +74,7 @@
       ],
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-accordion-header"
@@ -99,7 +98,7 @@
       "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```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the accordion"
         }
       ],
@@ -121,7 +120,7 @@
       "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```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the accordion"
         }
       ],
@@ -143,20 +142,19 @@
       "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```",
       "properties": [
         {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "cdsMotion",
+          "type": "string"
         },
         {
-          "name": "expanded",
-          "type": "boolean"
+          "name": "cdsMotionChange"
         },
         {
-          "name": "cdsMotion",
-          "type": "string"
+          "name": "disabled",
+          "type": "boolean"
         },
         {
-          "name": "cdsMotionChange",
-          "type": "EventEmitter<string>"
+          "name": "expanded",
+          "type": "boolean"
         }
       ],
       "events": [
@@ -167,7 +165,7 @@
       ],
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-accordion-header"
@@ -235,7 +233,7 @@
       "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```",
       "slots": [
         {
-          "name": "default"
+          "name": ""
         }
       ],
       "cssProperties": [
@@ -275,7 +273,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for the alerts"
         }
       ],
@@ -346,7 +344,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the alert"
         }
       ],
@@ -405,7 +403,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the alert"
         }
       ],
@@ -439,7 +437,7 @@
       "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```",
       "slots": [
         {
-          "name": "default"
+          "name": ""
         }
       ],
       "cssProperties": [
@@ -479,7 +477,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for the alerts"
         }
       ],
@@ -536,7 +534,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the badge"
         }
       ],
@@ -587,7 +585,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the badge"
         }
       ],
@@ -621,6 +619,44 @@
         }
       ]
     },
+    {
+      "name": "cds-breadcrumb",
+      "path": "./breadcrumb/breadcrumb.element.d.ts",
+      "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```",
+      "cssProperties": [
+        {
+          "name": "--font-size"
+        },
+        {
+          "name": "--font-weight"
+        },
+        {
+          "name": "--letter-spacing"
+        },
+        {
+          "name": "--color"
+        }
+      ]
+    },
+    {
+      "name": "cds-breadcrumb",
+      "path": "./breadcrumb/register.d.ts",
+      "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```",
+      "cssProperties": [
+        {
+          "name": "--font-size"
+        },
+        {
+          "name": "--font-weight"
+        },
+        {
+          "name": "--letter-spacing"
+        },
+        {
+          "name": "--color"
+        }
+      ]
+    },
     {
       "name": "cds-button",
       "path": "./button/button.element.d.ts",
@@ -655,29 +691,13 @@
           "type": "default | loading | success | error"
         },
         {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "styles",
+          "type": "CSSResultGroup[]"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the button"
         }
       ],
@@ -768,29 +788,13 @@
           "type": "default | loading | success | error"
         },
         {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "styles",
+          "type": "CSSResultGroup[]"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the button"
         }
       ],
@@ -846,31 +850,9 @@
       "name": "cds-inline-button",
       "path": "./button/inline-button.element.d.ts",
       "description": "Inline buttons are used inside and alongside textual content within Clarity components.\nThey give action buttons a less prominent, yet familiar, visual presence.\n\n```typescript\nimport '@cds/core/button/register.js';\n```\n\n```html\n<cds-inline-button>Button text goes here</cds-inline-button>\n```",
-      "properties": [
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the button"
         }
       ],
@@ -926,29 +908,13 @@
           "type": "default | loading | success | error"
         },
         {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "styles",
+          "type": "CSSResultGroup[]"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the button"
         }
       ],
@@ -1039,29 +1005,13 @@
           "type": "default | loading | success | error"
         },
         {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "styles",
+          "type": "CSSResultGroup[]"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the button"
         }
       ],
@@ -1117,31 +1067,9 @@
       "name": "cds-inline-button",
       "path": "./button/register.d.ts",
       "description": "Inline buttons are used inside and alongside textual content within Clarity components.\nThey give action buttons a less prominent, yet familiar, visual presence.\n\n```typescript\nimport '@cds/core/button/register.js';\n```\n\n```html\n<cds-inline-button>Button text goes here</cds-inline-button>\n```",
-      "properties": [
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the button"
         }
       ],
@@ -1164,155 +1092,141 @@
       ]
     },
     {
-      "name": "cds-checkbox-group",
-      "path": "./checkbox/checkbox-group.element.d.ts",
-      "description": "Checkbox Group\n\n```typescript\nimport '@cds/core/checkbox';\n```\n\n```html\n<cds-checkbox-group>\n   <label>Select an item</label>\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n</cds-checkbox-group>\n```",
+      "name": "cds-card",
+      "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": "status",
-          "type": "neutral | error | success"
+          "name": "role",
+          "type": "string"
         },
         {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
+          "name": "globalStyles",
+          "type": "CSSResultGroup"
+        }
+      ],
+      "slots": [
         {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
+          "name": "",
+          "description": "For projecting card content"
+        }
+      ],
+      "cssProperties": [
         {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
+          "name": "--width"
         },
         {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
+          "name": "--height"
         },
         {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
+          "name": "--color"
         },
         {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
+          "name": "--overflow"
+        },
         {
-          "name": "default",
-          "description": "For projecting checkbox controls"
-        }
-      ]
-    },
-    {
-      "name": "cds-checkbox",
-      "path": "./checkbox/checkbox.element.d.ts",
-      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-checkbox>\n   <label>checkbox</label>\n   <input type=\"checkbox\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-checkbox>\n```",
-      "properties": [
+          "name": "--overflow-x"
+        },
         {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
+          "name": "--overflow-y"
         },
         {
-          "name": "status",
-          "type": "neutral | error | success"
+          "name": "--background"
         },
         {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
+          "name": "--border"
         },
         {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
+          "name": "--border-radius"
         },
         {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
+          "name": "--padding"
         },
         {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
+          "name": "--box-shadow"
         },
         {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
+          "name": "--cds-card-remove-margin"
+        }
+      ]
+    },
+    {
+      "name": "cds-card",
+      "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": "layoutStable",
-          "type": "boolean"
+          "name": "globalStyles",
+          "type": "CSSResultGroup"
         }
       ],
       "slots": [
         {
-          "name": "default",
-          "description": "For projecting checkbox"
+          "name": "",
+          "description": "For projecting card content"
         }
       ],
       "cssProperties": [
+        {
+          "name": "--width"
+        },
+        {
+          "name": "--height"
+        },
         {
           "name": "--color"
         },
         {
-          "name": "--check-color"
+          "name": "--overflow"
         },
         {
-          "name": "--background"
+          "name": "--overflow-x"
         },
         {
-          "name": "--border-radius"
-        }
-      ]
-    },
-    {
-      "name": "cds-checkbox",
-      "path": "./checkbox/register.d.ts",
-      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-checkbox>\n   <label>checkbox</label>\n   <input type=\"checkbox\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-checkbox>\n```",
-      "properties": [
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
+          "name": "--overflow-y"
         },
         {
-          "name": "status",
-          "type": "neutral | error | success"
+          "name": "--background"
         },
         {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
+          "name": "--border"
         },
         {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
+          "name": "--border-radius"
         },
         {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
+          "name": "--padding"
         },
         {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
+          "name": "--box-shadow"
         },
         {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
+          "name": "--cds-card-remove-margin"
+        }
+      ]
+    },
+    {
+      "name": "cds-checkbox-group",
+      "path": "./checkbox/checkbox-group.element.d.ts",
+      "description": "Checkbox Group\n\n```typescript\nimport '@cds/core/checkbox';\n```\n\n```html\n<cds-checkbox-group>\n   <label>Select an item</label>\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n</cds-checkbox-group>\n```",
+      "slots": [
         {
-          "name": "layoutStable",
-          "type": "boolean"
+          "name": "",
+          "description": "For projecting checkbox controls"
         }
-      ],
+      ]
+    },
+    {
+      "name": "cds-checkbox",
+      "path": "./checkbox/checkbox.element.d.ts",
+      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-checkbox>\n   <label>checkbox</label>\n   <input type=\"checkbox\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-checkbox>\n```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting checkbox"
         }
       ],
@@ -1332,45 +1246,37 @@
       ]
     },
     {
-      "name": "cds-checkbox-group",
+      "name": "cds-checkbox",
       "path": "./checkbox/register.d.ts",
-      "description": "Checkbox Group\n\n```typescript\nimport '@cds/core/checkbox';\n```\n\n```html\n<cds-checkbox-group>\n   <label>Select an item</label>\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n</cds-checkbox-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
+      "description": "Checkbox\n\n```typescript\nimport '@cds/core/checkbox/register.js';\n```\n\n```html\n<cds-checkbox>\n   <label>checkbox</label>\n   <input type=\"checkbox\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-checkbox>\n```",
+      "slots": [
         {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
+          "name": "",
+          "description": "For projecting checkbox"
+        }
+      ],
+      "cssProperties": [
         {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
+          "name": "--color"
         },
         {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
+          "name": "--check-color"
         },
         {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
+          "name": "--background"
         },
         {
-          "name": "layoutStable",
-          "type": "boolean"
+          "name": "--border-radius"
         }
-      ],
+      ]
+    },
+    {
+      "name": "cds-checkbox-group",
+      "path": "./checkbox/register.d.ts",
+      "description": "Checkbox Group\n\n```typescript\nimport '@cds/core/checkbox';\n```\n\n```html\n<cds-checkbox-group>\n   <label>Select an item</label>\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n\n   <cds-checkbox>\n     <label>Test</label>\n     <input type=\"checkbox\" />\n   </cds-checkbox>\n</cds-checkbox-group>\n```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting checkbox controls"
         }
       ]
@@ -1379,41 +1285,9 @@
       "name": "cds-datalist",
       "path": "./datalist/datalist.element.d.ts",
       "description": "Datalist\n\n```typescript\nimport '@cds/core/datalist/register.js';\n```\n\n```html\n<cds-datalist>\n   <label>datalist</label>\n   <input type=\"text\" />\n   <datalist>\n     <option value=\"item 1\"></option>\n     <option value=\"item 2\"></option>\n     <option value=\"item 3\"></option>\n   </datalist>\n   <cds-control-message>message text</cds-control-message>\n</cds-datalist>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting input, datalist and label"
         }
       ],
@@ -1454,41 +1328,9 @@
       "name": "cds-datalist",
       "path": "./datalist/register.d.ts",
       "description": "Datalist\n\n```typescript\nimport '@cds/core/datalist/register.js';\n```\n\n```html\n<cds-datalist>\n   <label>datalist</label>\n   <input type=\"text\" />\n   <datalist>\n     <option value=\"item 1\"></option>\n     <option value=\"item 2\"></option>\n     <option value=\"item 3\"></option>\n   </datalist>\n   <cds-control-message>message text</cds-control-message>\n</cds-datalist>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting input, datalist and label"
         }
       ],
@@ -1529,41 +1371,9 @@
       "name": "cds-date",
       "path": "./date/date.element.d.ts",
       "description": "Date\n\n```typescript\nimport '@cds/core/date/register.js';\n```\n\n```html\n<cds-date>\n   <label>Date</label>\n   <input type=\"date\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-date>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting date input and label"
         }
       ]
@@ -1572,41 +1382,9 @@
       "name": "cds-date",
       "path": "./date/register.d.ts",
       "description": "Date\n\n```typescript\nimport '@cds/core/date/register.js';\n```\n\n```html\n<cds-date>\n   <label>Date</label>\n   <input type=\"date\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-date>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting date input and label"
         }
       ]
@@ -1618,7 +1396,7 @@
       "properties": [
         {
           "name": "orientation",
-          "type": "\"vertical\" | \"horizontal\""
+          "type": "\"horizontal\" | \"vertical\""
         }
       ],
       "cssProperties": [
@@ -1640,7 +1418,7 @@
       "properties": [
         {
           "name": "orientation",
-          "type": "\"vertical\" | \"horizontal\""
+          "type": "\"horizontal\" | \"vertical\""
         }
       ],
       "cssProperties": [
@@ -1663,41 +1441,11 @@
         {
           "name": "i18n",
           "type": "{ browse: string; files: string; removeFile: string; }"
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting file input and label"
         }
       ]
@@ -1710,83 +1458,37 @@
         {
           "name": "i18n",
           "type": "{ browse: string; files: string; removeFile: string; }"
-        },
+        }
+      ],
+      "slots": [
         {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
-        {
-          "name": "default",
-          "description": "For projecting file input and label"
-        }
-      ]
-    },
-    {
-      "name": "cds-control-action",
-      "path": "./forms/control-action/control-action.element.d.ts",
-      "description": "Control Action\n\n```typescript\nimport '@cds/core/forms/register.js';\n```\n\n```html\n<cds-control-action>\n\n</cds-control-action>\n```",
-      "properties": [
+          "name": "",
+          "description": "For projecting file input and label"
+        }
+      ]
+    },
+    {
+      "name": "cds-control-action",
+      "path": "./forms/control-action/control-action.element.d.ts",
+      "description": "Control Action\n\n```typescript\nimport '@cds/core/forms/register.js';\n```\n\n```html\n<cds-control-action>\n\n</cds-control-action>\n```",
+      "properties": [
         {
           "name": "action",
           "description": "Set the action type placement within the supporting input control",
           "type": "\"label\" | \"prefix\" | \"suffix\""
         },
-        {
-          "name": "ariaLabel",
-          "type": "string"
-        },
         {
           "name": "readonly",
           "type": "boolean"
         },
         {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
+          "name": "ariaLabel",
           "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting text content or cds-icon"
         }
       ]
@@ -1830,7 +1532,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting control group"
         }
       ]
@@ -1851,9 +1553,14 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting label text"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
       ]
     },
     {
@@ -1873,7 +1580,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting helper message text"
         }
       ],
@@ -1889,6 +1596,53 @@
         }
       ]
     },
+    {
+      "name": "cds-control",
+      "path": "./forms/control/control.element.d.ts",
+      "description": "Generic Control\n\n```typescript\nimport '@cds/core/forms/register.js';\n```\n\n```html\n<cds-control>\n   <label>control</label>\n   <input type=\"text\" />\n</cds-control>\n```",
+      "properties": [
+        {
+          "name": "status",
+          "type": "neutral | error | success"
+        },
+        {
+          "name": "controlWidth",
+          "type": "stretch | shrink"
+        },
+        {
+          "name": "validate",
+          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
+          "type": "boolean"
+        },
+        {
+          "name": "responsive",
+          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
+          "type": "boolean"
+        },
+        {
+          "name": "layout",
+          "type": "vertical | horizontal | compact"
+        },
+        {
+          "name": "layoutChange"
+        },
+        {
+          "name": "layoutStable",
+          "type": "boolean"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "For projecting input and label"
+        }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
+      ]
+    },
     {
       "name": "cds-form-group",
       "path": "./forms/form-group/form-group.element.d.ts",
@@ -1915,9 +1669,14 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting input controls"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
       ]
     },
     {
@@ -1948,8 +1707,7 @@
           "type": "vertical | horizontal | compact"
         },
         {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
+          "name": "layoutChange"
         },
         {
           "name": "layoutStable",
@@ -1958,9 +1716,14 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting input and label"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
       ]
     },
     {
@@ -1973,34 +1736,18 @@
           "description": "Set the action type placement within the supporting input control",
           "type": "\"label\" | \"prefix\" | \"suffix\""
         },
-        {
-          "name": "ariaLabel",
-          "type": "string"
-        },
         {
           "name": "readonly",
           "type": "boolean"
         },
         {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
+          "name": "ariaLabel",
           "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting text content or cds-icon"
         }
       ]
@@ -2044,7 +1791,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting control group"
         }
       ]
@@ -2082,8 +1829,7 @@
           "type": "vertical | horizontal | compact"
         },
         {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
+          "name": "layoutChange"
         },
         {
           "name": "layoutStable",
@@ -2092,9 +1838,14 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting inline input and label"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
       ]
     },
     {
@@ -2113,9 +1864,14 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting label text"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
       ]
     },
     {
@@ -2135,7 +1891,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting helper message text"
         }
       ],
@@ -2177,9 +1933,14 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting input controls"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--label-width"
+        }
       ]
     },
     {
@@ -2282,109 +2043,21 @@
         }
       ]
     },
-    {
-      "name": "cds-card",
-      "path": "./index.d.ts",
-      "properties": [
-        {
-          "name": ".."
-        },
-        {
-          "name": "cds-text",
-          "type": "string"
-        },
-        {
-          "name": "cds-layout",
-          "type": "string"
-        },
-        {
-          "name": "cds-list",
-          "type": "string"
-        }
-      ]
-    },
     {
       "name": "cds-demo",
-      "path": "./index.d.ts",
-      "properties": [
-        {
-          "name": ".."
-        },
-        {
-          "name": "cds-text",
-          "type": "string"
-        },
-        {
-          "name": "cds-layout",
-          "type": "string"
-        },
-        {
-          "name": "cds-list",
-          "type": "string"
-        }
-      ]
+      "path": "./index.d.ts"
     },
     {
       "name": "cds-placeholder",
-      "path": "./index.d.ts",
-      "properties": [
-        {
-          "name": ".."
-        },
-        {
-          "name": "cds-text",
-          "type": "string"
-        },
-        {
-          "name": "cds-layout",
-          "type": "string"
-        },
-        {
-          "name": "cds-list",
-          "type": "string"
-        }
-      ]
+      "path": "./index.d.ts"
     },
     {
       "name": "cds-input-group",
       "path": "./input/input-group.element.d.ts",
       "description": "Input Group\n\n```typescript\nimport '@cds/core/input/register.js';\n```\n\n```html\n<cds-input-group>\n   <label>Host URL</label>\n   <cds-select cds-layout=\"align:shrink\">\n     <label>URL Protocol</label>\n     <select>\n       <option>https://</option>\n       <option>http://</option>\n     </select>\n   </cds-select>\n   <cds-input>\n     <label>Host URL</label>\n     <input placeholder=\"example.com\" type=\"url\" />\n   </cds-input>\n   <cds-control-message>Host ID: 123456</cds-control-message>\n</cds-input-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting inputs"
         }
       ]
@@ -2393,41 +2066,9 @@
       "name": "cds-input",
       "path": "./input/input.element.d.ts",
       "description": "Input\n\n```typescript\nimport '@cds/core/input/register.js';\n```\n\n```html\n<cds-input>\n   <label>input</label>\n   <input type=\"text\" />\n</cds-input>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting input and label"
         }
       ],
@@ -2439,351 +2080,103 @@
           "name": "--background-size"
         },
         {
-          "name": "--border"
-        },
-        {
-          "name": "--border-color"
-        },
-        {
-          "name": "--border-bottom"
-        },
-        {
-          "name": "--outline"
-        },
-        {
-          "name": "--padding"
-        },
-        {
-          "name": "--font-size"
-        },
-        {
-          "name": "--color"
-        },
-        {
-          "name": "--line-height"
-        },
-        {
-          "name": "--transition"
-        }
-      ]
-    },
-    {
-      "name": "cds-input",
-      "path": "./input/register.d.ts",
-      "description": "Input\n\n```typescript\nimport '@cds/core/input/register.js';\n```\n\n```html\n<cds-input>\n   <label>input</label>\n   <input type=\"text\" />\n</cds-input>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
-        {
-          "name": "default",
-          "description": "For projecting input and label"
-        }
-      ],
-      "cssProperties": [
-        {
-          "name": "--background"
-        },
-        {
-          "name": "--background-size"
-        },
-        {
-          "name": "--border"
-        },
-        {
-          "name": "--border-color"
-        },
-        {
-          "name": "--border-bottom"
-        },
-        {
-          "name": "--outline"
-        },
-        {
-          "name": "--padding"
-        },
-        {
-          "name": "--font-size"
-        },
-        {
-          "name": "--color"
-        },
-        {
-          "name": "--line-height"
-        },
-        {
-          "name": "--transition"
-        }
-      ]
-    },
-    {
-      "name": "cds-input-group",
-      "path": "./input/register.d.ts",
-      "description": "Input Group\n\n```typescript\nimport '@cds/core/input/register.js';\n```\n\n```html\n<cds-input-group>\n   <label>Host URL</label>\n   <cds-select cds-layout=\"align:shrink\">\n     <label>URL Protocol</label>\n     <select>\n       <option>https://</option>\n       <option>http://</option>\n     </select>\n   </cds-select>\n   <cds-input>\n     <label>Host URL</label>\n     <input placeholder=\"example.com\" type=\"url\" />\n   </cds-input>\n   <cds-control-message>Host ID: 123456</cds-control-message>\n</cds-input-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
-        {
-          "name": "default",
-          "description": "For projecting inputs"
-        }
-      ]
-    },
-    {
-      "name": "cds-internal-close-button",
-      "path": "./internal-components/close-button/close-button.element.d.ts",
-      "description": "Standard close button for Clarity Components\n\n```typescript\nimport '@cds/core/internal-components/close-button/register.js';\n```\n\n```html\n<cds-internal-close-button></cds-internal-close-button>\n```",
-      "properties": [
-        {
-          "name": "iconSize",
-          "type": "string"
-        },
-        {
-          "name": "iconShape",
-          "type": "string"
-        },
-        {
-          "name": "ariaLabel",
-          "description": "The aria-label attribute is required for accessibility. The cds-icon-button\nwill warn if used without the aria-label being set.\n\nIdeally, the aria-label will be specific to the button's purpose. Avoid sharing\ngeneric labels across multiple icon buttons on a page.",
-          "type": "string"
-        },
-        {
-          "name": "action",
-          "description": "Define the type of action the button triggers\n\n- `solid`: buttons direct the user’s attention to the primary action the application is suggesting that the user take.\n- `outline`: buttons indicate secondary actions that compliments a primary action or reduces visual noise when there are many actions on the page.\n- `flat`: buttons are used as tertiary buttons. Can also be used inline because they are different from content in style and recognizable as buttons alongside content.",
-          "type": "\"solid\" | \"outline\" | \"flat\" | \"flat-inline\""
-        },
-        {
-          "name": "status",
-          "description": "Sets the color of the button to match the following string statuses",
-          "type": "\"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\" | \"inverse\""
-        },
-        {
-          "name": "size",
-          "description": "Sets the overall height and width of the button based on the following string values:",
-          "type": "\"sm\" | \"md\""
-        },
-        {
-          "name": "block",
-          "description": "Sets if the button should be full width with display block",
-          "type": "boolean"
-        },
-        {
-          "name": "privateHost",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "loadingState",
-          "type": "default | loading | success | error"
-        },
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
-        {
-          "name": "default",
-          "description": "Content slot for inside the button"
-        }
-      ],
-      "cssProperties": [
-        {
-          "name": "--background"
-        },
-        {
-          "name": "--color"
-        },
-        {
-          "name": "--opacity"
-        },
-        {
-          "name": "--padding"
-        },
-        {
-          "name": "--border-color"
-        },
-        {
-          "name": "--border-radius"
-        },
-        {
-          "name": "--border-width"
-        },
-        {
-          "name": "--box-shadow-color"
+          "name": "--border"
         },
         {
-          "name": "--font-size"
+          "name": "--border-color"
         },
         {
-          "name": "--height"
+          "name": "--border-bottom"
         },
         {
-          "name": "--font-family"
+          "name": "--outline"
         },
         {
-          "name": "--font-weight"
+          "name": "--padding"
         },
         {
-          "name": "--letter-spacing"
+          "name": "--font-size"
         },
         {
-          "name": "--min-width"
+          "name": "--color"
         },
         {
-          "name": "--text-decoration"
+          "name": "--line-height"
         },
         {
-          "name": "--text-transform"
+          "name": "--transition"
         }
       ]
     },
     {
-      "name": "cds-internal-close-button",
-      "path": "./internal-components/close-button/register.d.ts",
-      "description": "Standard close button for Clarity Components\n\n```typescript\nimport '@cds/core/internal-components/close-button/register.js';\n```\n\n```html\n<cds-internal-close-button></cds-internal-close-button>\n```",
-      "properties": [
+      "name": "cds-input",
+      "path": "./input/register.d.ts",
+      "description": "Input\n\n```typescript\nimport '@cds/core/input/register.js';\n```\n\n```html\n<cds-input>\n   <label>input</label>\n   <input type=\"text\" />\n</cds-input>\n```",
+      "slots": [
         {
-          "name": "iconSize",
-          "type": "string"
-        },
+          "name": "",
+          "description": "For projecting input and label"
+        }
+      ],
+      "cssProperties": [
         {
-          "name": "iconShape",
-          "type": "string"
+          "name": "--background"
         },
         {
-          "name": "ariaLabel",
-          "description": "The aria-label attribute is required for accessibility. The cds-icon-button\nwill warn if used without the aria-label being set.\n\nIdeally, the aria-label will be specific to the button's purpose. Avoid sharing\ngeneric labels across multiple icon buttons on a page.",
-          "type": "string"
+          "name": "--background-size"
         },
         {
-          "name": "action",
-          "description": "Define the type of action the button triggers\n\n- `solid`: buttons direct the user’s attention to the primary action the application is suggesting that the user take.\n- `outline`: buttons indicate secondary actions that compliments a primary action or reduces visual noise when there are many actions on the page.\n- `flat`: buttons are used as tertiary buttons. Can also be used inline because they are different from content in style and recognizable as buttons alongside content.",
-          "type": "\"solid\" | \"outline\" | \"flat\" | \"flat-inline\""
+          "name": "--border"
         },
         {
-          "name": "status",
-          "description": "Sets the color of the button to match the following string statuses",
-          "type": "\"primary\" | \"success\" | \"warning\" | \"danger\" | \"neutral\" | \"inverse\""
+          "name": "--border-color"
         },
         {
-          "name": "size",
-          "description": "Sets the overall height and width of the button based on the following string values:",
-          "type": "\"sm\" | \"md\""
+          "name": "--border-bottom"
         },
         {
-          "name": "block",
-          "description": "Sets if the button should be full width with display block",
-          "type": "boolean"
+          "name": "--outline"
         },
         {
-          "name": "privateHost",
-          "type": "HTMLElement"
+          "name": "--padding"
         },
         {
-          "name": "loadingState",
-          "type": "default | loading | success | error"
+          "name": "--font-size"
         },
         {
-          "name": "readonly",
-          "type": "boolean"
+          "name": "--color"
         },
         {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
+          "name": "--line-height"
         },
         {
-          "name": "name",
-          "type": "string"
-        },
+          "name": "--transition"
+        }
+      ]
+    },
+    {
+      "name": "cds-input-group",
+      "path": "./input/register.d.ts",
+      "description": "Input Group\n\n```typescript\nimport '@cds/core/input/register.js';\n```\n\n```html\n<cds-input-group>\n   <label>Host URL</label>\n   <cds-select cds-layout=\"align:shrink\">\n     <label>URL Protocol</label>\n     <select>\n       <option>https://</option>\n       <option>http://</option>\n     </select>\n   </cds-select>\n   <cds-input>\n     <label>Host URL</label>\n     <input placeholder=\"example.com\" type=\"url\" />\n   </cds-input>\n   <cds-control-message>Host ID: 123456</cds-control-message>\n</cds-input-group>\n```",
+      "slots": [
         {
-          "name": "value",
+          "name": "",
+          "description": "For projecting inputs"
+        }
+      ]
+    },
+    {
+      "name": "cds-internal-close-button",
+      "path": "./internal-components/close-button/close-button.element.d.ts",
+      "description": "Standard close button for Clarity Components\n\n```typescript\nimport '@cds/core/internal-components/close-button/register.js';\n```\n\n```html\n<cds-internal-close-button></cds-internal-close-button>\n```",
+      "properties": [
+        {
+          "name": "iconSize",
           "type": "string"
         },
         {
-          "name": "disabled",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
-        {
-          "name": "default",
-          "description": "Content slot for inside the button"
+          "name": "iconShape",
+          "type": "string"
         }
       ],
       "cssProperties": [
@@ -2798,42 +2191,35 @@
         },
         {
           "name": "--padding"
-        },
-        {
-          "name": "--border-color"
-        },
-        {
-          "name": "--border-radius"
-        },
-        {
-          "name": "--border-width"
-        },
-        {
-          "name": "--box-shadow-color"
-        },
-        {
-          "name": "--font-size"
-        },
-        {
-          "name": "--height"
-        },
+        }
+      ]
+    },
+    {
+      "name": "cds-internal-close-button",
+      "path": "./internal-components/close-button/register.d.ts",
+      "description": "Standard close button for Clarity Components\n\n```typescript\nimport '@cds/core/internal-components/close-button/register.js';\n```\n\n```html\n<cds-internal-close-button></cds-internal-close-button>\n```",
+      "properties": [
         {
-          "name": "--font-family"
+          "name": "iconSize",
+          "type": "string"
         },
         {
-          "name": "--font-weight"
-        },
+          "name": "iconShape",
+          "type": "string"
+        }
+      ],
+      "cssProperties": [
         {
-          "name": "--letter-spacing"
+          "name": "--background"
         },
         {
-          "name": "--min-width"
+          "name": "--color"
         },
         {
-          "name": "--text-decoration"
+          "name": "--opacity"
         },
         {
-          "name": "--text-transform"
+          "name": "--padding"
         }
       ]
     },
@@ -2842,41 +2228,19 @@
       "path": "./internal-components/overlay/overlay.element.d.ts",
       "description": "```typescript\nimport '@cds/core/internal-components/overlay/register.js';\n```\n\n```html\n<cds-internal-overlay>\n  <section cds-layout=\"vertical align:horizontal-stretch\">\n    <div cds-layout=\"vertical pad:md gap:md\">\n      <h2 cds-text=\"display\">A Title</h2>\n      <div>\n        <p cds-text=\"body\">\n          Content inside a generic overlay.\n        </p>\n      </div>\n    </div>\n  </section>\n</cds-internal-overlay>\n```",
       "properties": [
-        {
-          "name": "ariaModal",
-          "type": "string"
-        },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "cdsMotion",
           "type": "string"
         },
         {
-          "name": "cdsMotionChange",
-          "type": "EventEmitter<string>"
-        },
-        {
-          "name": "focusTrap",
-          "type": "FocusTrap"
-        },
-        {
-          "name": "topReboundElement",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "bottomReboundElement",
-          "type": "HTMLElement"
+          "name": "cdsMotionChange"
         },
         {
-          "name": "hidden",
-          "description": "Its recommended to remove or add a focus trap element from the DOM\nsome SSR systems can have technical constraints where the item can\nonly be removed via CSS/hidden.",
-          "type": "boolean"
+          "name": "ariaModal",
+          "type": "string"
         },
         {
-          "name": "focusTrapId",
+          "name": "role",
           "type": "string"
         }
       ],
@@ -2888,7 +2252,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for the content inside the overlay's panel"
         }
       ],
@@ -2913,41 +2277,19 @@
       "path": "./internal-components/overlay/register.d.ts",
       "description": "```typescript\nimport '@cds/core/internal-components/overlay/register.js';\n```\n\n```html\n<cds-internal-overlay>\n  <section cds-layout=\"vertical align:horizontal-stretch\">\n    <div cds-layout=\"vertical pad:md gap:md\">\n      <h2 cds-text=\"display\">A Title</h2>\n      <div>\n        <p cds-text=\"body\">\n          Content inside a generic overlay.\n        </p>\n      </div>\n    </div>\n  </section>\n</cds-internal-overlay>\n```",
       "properties": [
-        {
-          "name": "ariaModal",
-          "type": "string"
-        },
-        {
-          "name": "role",
-          "type": "string"
-        },
         {
           "name": "cdsMotion",
           "type": "string"
         },
         {
-          "name": "cdsMotionChange",
-          "type": "EventEmitter<string>"
-        },
-        {
-          "name": "focusTrap",
-          "type": "FocusTrap"
-        },
-        {
-          "name": "topReboundElement",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "bottomReboundElement",
-          "type": "HTMLElement"
+          "name": "cdsMotionChange"
         },
         {
-          "name": "hidden",
-          "description": "Its recommended to remove or add a focus trap element from the DOM\nsome SSR systems can have technical constraints where the item can\nonly be removed via CSS/hidden.",
-          "type": "boolean"
+          "name": "ariaModal",
+          "type": "string"
         },
         {
-          "name": "focusTrapId",
+          "name": "role",
           "type": "string"
         }
       ],
@@ -2959,7 +2301,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for the content inside the overlay's panel"
         }
       ],
@@ -2985,7 +2327,7 @@
       "description": "```typescript\nimport '@cds/core/internal-components/panel/register.js';\n```\n\n```html\n<cds-internal-panel>\n  // content\n</cds-internal-panel>\n```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for the content inside the panel"
         }
       ],
@@ -3031,7 +2373,7 @@
       "description": "```typescript\nimport '@cds/core/internal-components/panel/register.js';\n```\n\n```html\n<cds-internal-panel>\n  // content\n</cds-internal-panel>\n```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for the content inside the panel"
         }
       ],
@@ -3109,43 +2451,6 @@
           "name": "size",
           "description": "Sets the overall height and width of the modal and icon based on value",
           "type": "\"default\" | \"sm\" | \"lg\" | \"xl\""
-        },
-        {
-          "name": "ariaModal",
-          "type": "string"
-        },
-        {
-          "name": "role",
-          "type": "string"
-        },
-        {
-          "name": "cdsMotion",
-          "type": "string"
-        },
-        {
-          "name": "cdsMotionChange",
-          "type": "EventEmitter<string>"
-        },
-        {
-          "name": "focusTrap",
-          "type": "FocusTrap"
-        },
-        {
-          "name": "topReboundElement",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "bottomReboundElement",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "hidden",
-          "description": "Its recommended to remove or add a focus trap element from the DOM\nsome SSR systems can have technical constraints where the item can\nonly be removed via CSS/hidden.",
-          "type": "boolean"
-        },
-        {
-          "name": "focusTrapId",
-          "type": "string"
         }
       ],
       "events": [
@@ -3156,7 +2461,7 @@
       ],
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-modal-content"
@@ -3196,11 +2501,16 @@
           "name": "--width"
         },
         {
-          "name": "--animation-duration"
+          "name": "--content-overflow",
+          "description": "set as { x, y }. take care when customizing because overflow settings can have unintended side effects."
         },
         {
-          "name": "--animation-easing",
-          "description": "KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed."
+          "name": "--max-height",
+          "description": "sets hard limit on height of modal"
+        },
+        {
+          "name": "--tablet-max-height",
+          "description": "sets hard limit on height of modal when on a tablet in landscape mode"
         }
       ]
     },
@@ -3223,62 +2533,25 @@
       "name": "cds-modal-header",
       "path": "./modal/register.d.ts",
       "description": "Web component modal header to be used inside modal.\n\n```typescript\nimport '@cds/core/modal/register.js';\n```\n\n```html\n<cds-modal>\n   <cds-modal-header>\n      <h3 cds-text=\"title\">My Modal</h3>\n   </cds-modal-header>\n   <cds-modal-content>\n     <p>Lorem Ipsum</p>\n   </cds-modal-content>\n   <cds-modal-actions>\n       <cds-button>Ok</cds-button>\n   </cds-modal-actions>\n</cds-modal>\n```"
-    },
-    {
-      "name": "cds-modal",
-      "path": "./modal/register.d.ts",
-      "description": "Web component modal.\n\n```typescript\nimport '@cds/core/modal/register.js';\n```\n\n```html\n<cds-modal>\n   <cds-modal-header>\n      <h3 cds-text=\"title\">My Modal</h3>\n   </cds-modal-header>\n   <cds-modal-content>\n     <p>Lorem Ipsum</p>\n   </cds-modal-content>\n   <cds-modal-actions>\n       <cds-button>Ok</cds-button>\n   </cds-modal-actions>\n</cds-modal>\n```",
-      "properties": [
-        {
-          "name": "i18n",
-          "type": "{ closeButtonAriaLabel: string; contentStart: string; contentBox: string; contentEnd: string; }"
-        },
-        {
-          "name": "closable",
-          "description": "If false, the modal will not render the close button.",
-          "type": "boolean"
-        },
-        {
-          "name": "size",
-          "description": "Sets the overall height and width of the modal and icon based on value",
-          "type": "\"default\" | \"sm\" | \"lg\" | \"xl\""
-        },
-        {
-          "name": "ariaModal",
-          "type": "string"
-        },
-        {
-          "name": "role",
-          "type": "string"
-        },
-        {
-          "name": "cdsMotion",
-          "type": "string"
-        },
-        {
-          "name": "cdsMotionChange",
-          "type": "EventEmitter<string>"
-        },
-        {
-          "name": "focusTrap",
-          "type": "FocusTrap"
-        },
-        {
-          "name": "topReboundElement",
-          "type": "HTMLElement"
-        },
+    },
+    {
+      "name": "cds-modal",
+      "path": "./modal/register.d.ts",
+      "description": "Web component modal.\n\n```typescript\nimport '@cds/core/modal/register.js';\n```\n\n```html\n<cds-modal>\n   <cds-modal-header>\n      <h3 cds-text=\"title\">My Modal</h3>\n   </cds-modal-header>\n   <cds-modal-content>\n     <p>Lorem Ipsum</p>\n   </cds-modal-content>\n   <cds-modal-actions>\n       <cds-button>Ok</cds-button>\n   </cds-modal-actions>\n</cds-modal>\n```",
+      "properties": [
         {
-          "name": "bottomReboundElement",
-          "type": "HTMLElement"
+          "name": "i18n",
+          "type": "{ closeButtonAriaLabel: string; contentStart: string; contentBox: string; contentEnd: string; }"
         },
         {
-          "name": "hidden",
-          "description": "Its recommended to remove or add a focus trap element from the DOM\nsome SSR systems can have technical constraints where the item can\nonly be removed via CSS/hidden.",
+          "name": "closable",
+          "description": "If false, the modal will not render the close button.",
           "type": "boolean"
         },
         {
-          "name": "focusTrapId",
-          "type": "string"
+          "name": "size",
+          "description": "Sets the overall height and width of the modal and icon based on value",
+          "type": "\"default\" | \"sm\" | \"lg\" | \"xl\""
         }
       ],
       "events": [
@@ -3289,7 +2562,7 @@
       ],
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-modal-content"
@@ -3329,11 +2602,16 @@
           "name": "--width"
         },
         {
-          "name": "--animation-duration"
+          "name": "--content-overflow",
+          "description": "set as { x, y }. take care when customizing because overflow settings can have unintended side effects."
         },
         {
-          "name": "--animation-easing",
-          "description": "KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed."
+          "name": "--max-height",
+          "description": "sets hard limit on height of modal"
+        },
+        {
+          "name": "--tablet-max-height",
+          "description": "sets hard limit on height of modal when on a tablet in landscape mode"
         }
       ]
     },
@@ -3344,36 +2622,17 @@
       "properties": [
         {
           "name": "action",
-          "type": "first | prev | next | last"
+          "description": "Sets the action from a predefined list of actions",
+          "type": "\"first\" | \"prev\" | \"next\" | \"last\""
         },
         {
           "name": "cdsIcon",
           "type": "HTMLElement"
-        },
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-icon"
@@ -3412,7 +2671,7 @@
       "description": "Web component pagination.\n\n```typescript\nimport '@cds/core/pagination/register.js';\n```\n\n```html\n<cds-pagination>\n   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n   <span aria-label=\"current page\">1 / 3</span>\n   <cds-pagination-button action=\"next\"></cds-pagination-button>\n   <cds-pagination-button action=\"last\"></cds-pagination-button>\n</cds-pagination>\n```",
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-pagination-button"
@@ -3433,7 +2692,7 @@
       "description": "Web component pagination.\n\n```typescript\nimport '@cds/core/pagination/register.js';\n```\n\n```html\n<cds-pagination>\n   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n   <span aria-label=\"current page\">1 / 3</span>\n   <cds-pagination-button action=\"next\"></cds-pagination-button>\n   <cds-pagination-button action=\"last\"></cds-pagination-button>\n</cds-pagination>\n```",
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-pagination-button"
@@ -3455,36 +2714,17 @@
       "properties": [
         {
           "name": "action",
-          "type": "first | prev | next | last"
+          "description": "Sets the action from a predefined list of actions",
+          "type": "\"first\" | \"prev\" | \"next\" | \"last\""
         },
         {
           "name": "cdsIcon",
           "type": "HTMLElement"
-        },
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default"
+          "name": ""
         },
         {
           "name": "cds-icon"
@@ -3525,41 +2765,11 @@
         {
           "name": "i18n",
           "type": "{ showButtonAriaLabel: string; hideButtonAriaLabel: string; }"
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting password input and label"
         }
       ],
@@ -3604,41 +2814,11 @@
         {
           "name": "i18n",
           "type": "{ showButtonAriaLabel: string; hideButtonAriaLabel: string; }"
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting password input and label"
         }
       ],
@@ -3767,42 +2947,9 @@
       "name": "cds-radio-group",
       "path": "./radio/radio-group.element.d.ts",
       "description": "Radio Group\n\n```typescript\nimport '@cds/core/radio/register.js';\n```\n\n```html\n<cds-radio-group>\n   <label>radio group</label>\n   <cds-radio>\n     <label>item 1</label>\n     <input type=\"radio\" />\n   </cds-radio>\n\n   <cds-radio>\n     <label>item 2</label>\n     <input type=\"radio\" />\n   </cds-radio>\n</cds-radio-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting cds-radio controls"
         }
       ]
@@ -3811,152 +2958,45 @@
       "name": "cds-radio",
       "path": "./radio/radio.element.d.ts",
       "description": "Radio\n\n```typescript\nimport '@cds/core/radio/register.js';\n```\n\n```html\n<cds-radio>\n   <label>Test</label>\n   <input type=\"radio\" />\n</cds-radio>\n```",
-      "properties": [
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
-      "slots": [
-        {
-          "name": "default",
-          "description": "For projecting radio input"
-        }
-      ],
-      "cssProperties": [
-        {
-          "name": "--width"
-        },
-        {
-          "name": "--height"
-        },
-        {
-          "name": "--border"
-        },
-        {
-          "name": "--fill-box-shadow"
-        }
-      ]
-    },
-    {
-      "name": "cds-radio-group",
-      "path": "./radio/register.d.ts",
-      "description": "Radio Group\n\n```typescript\nimport '@cds/core/radio/register.js';\n```\n\n```html\n<cds-radio-group>\n   <label>radio group</label>\n   <cds-radio>\n     <label>item 1</label>\n     <input type=\"radio\" />\n   </cds-radio>\n\n   <cds-radio>\n     <label>item 2</label>\n     <input type=\"radio\" />\n   </cds-radio>\n</cds-radio-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
-          "description": "For projecting cds-radio controls"
-        }
-      ]
-    },
-    {
-      "name": "cds-radio",
-      "path": "./radio/register.d.ts",
-      "description": "Radio\n\n```typescript\nimport '@cds/core/radio/register.js';\n```\n\n```html\n<cds-radio>\n   <label>Test</label>\n   <input type=\"radio\" />\n</cds-radio>\n```",
-      "properties": [
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
+          "name": "",
+          "description": "For projecting radio input"
+        }
+      ],
+      "cssProperties": [
         {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
+          "name": "--width"
         },
         {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
+          "name": "--height"
         },
         {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
+          "name": "--border"
         },
         {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
+          "name": "--fill-box-shadow"
+        }
+      ]
+    },
+    {
+      "name": "cds-radio-group",
+      "path": "./radio/register.d.ts",
+      "description": "Radio Group\n\n```typescript\nimport '@cds/core/radio/register.js';\n```\n\n```html\n<cds-radio-group>\n   <label>radio group</label>\n   <cds-radio>\n     <label>item 1</label>\n     <input type=\"radio\" />\n   </cds-radio>\n\n   <cds-radio>\n     <label>item 2</label>\n     <input type=\"radio\" />\n   </cds-radio>\n</cds-radio-group>\n```",
+      "slots": [
         {
-          "name": "layoutStable",
-          "type": "boolean"
+          "name": "",
+          "description": "For projecting cds-radio controls"
         }
-      ],
+      ]
+    },
+    {
+      "name": "cds-radio",
+      "path": "./radio/register.d.ts",
+      "description": "Radio\n\n```typescript\nimport '@cds/core/radio/register.js';\n```\n\n```html\n<cds-radio>\n   <label>Test</label>\n   <input type=\"radio\" />\n</cds-radio>\n```",
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting radio input"
         }
       ],
@@ -3979,41 +3019,9 @@
       "name": "cds-range",
       "path": "./range/range.element.d.ts",
       "description": "Range\n\n```typescript\nimport '@cds/core/range/register.js';\n```\n\n```html\n<cds-range>\n   <label>range</label>\n   <input type=\"range\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-range>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting range input"
         }
       ],
@@ -4048,41 +3056,9 @@
       "name": "cds-range",
       "path": "./range/register.d.ts",
       "description": "Range\n\n```typescript\nimport '@cds/core/range/register.js';\n```\n\n```html\n<cds-range>\n   <label>range</label>\n   <input type=\"range\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-range>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting range input"
         }
       ],
@@ -4117,41 +3093,9 @@
       "name": "cds-search",
       "path": "./search/register.d.ts",
       "description": "Search\n\n```typescript\nimport '@cds/core/search/register.js';\n```\n\n```html\n<cds-search>\n   <label>Search</label>\n   <input type=\"search\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-search>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting search input and label"
         }
       ],
@@ -4192,41 +3136,9 @@
       "name": "cds-search",
       "path": "./search/search.element.d.ts",
       "description": "Search\n\n```typescript\nimport '@cds/core/search/register.js';\n```\n\n```html\n<cds-search>\n   <label>Search</label>\n   <input type=\"search\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-search>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting search input and label"
         }
       ],
@@ -4267,41 +3179,9 @@
       "name": "cds-select",
       "path": "./select/register.d.ts",
       "description": "Select\n\n```typescript\nimport '@cds/core/select';\n```\n\n```html\n<cds-select>\n   <label>Test</label>\n   <select>\n    <option>Option One</option>\n    <option>Option Two</option>\n    <option>Option Three</option>\n   </select>\n</cds-select>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting select and label"
         }
       ],
@@ -4342,41 +3222,9 @@
       "name": "cds-select",
       "path": "./select/select.element.d.ts",
       "description": "Select\n\n```typescript\nimport '@cds/core/select';\n```\n\n```html\n<cds-select>\n   <label>Test</label>\n   <select>\n    <option>Option One</option>\n    <option>Option Two</option>\n    <option>Option Three</option>\n   </select>\n</cds-select>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting select and label"
         }
       ],
@@ -4431,31 +3279,11 @@
           "name": "closable",
           "description": "If present, shows a close icon to one side of the tag.\nNote that applications must wire up the action to remove the tag on click and also\nthat you cannot have a clickable AND closable tag. The closable attribute-property\nshows the close icon. What happens when the tag is clicked is for application developers\nto decide.\nIf closable is present, the tag will be considered \"clickable\".",
           "type": "boolean"
-        },
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the tag"
         }
       ],
@@ -4498,37 +3326,17 @@
         {
           "name": "color",
           "description": "Sets the color of the tag (and badge if present) from a predefined list of choices",
-          "type": "\"gray\" | \"purple\" | \"blue\" | \"orange\" | \"light-blue\""
-        },
-        {
-          "name": "closable",
-          "description": "If present, shows a close icon to one side of the tag.\nNote that applications must wire up the action to remove the tag on click and also\nthat you cannot have a clickable AND closable tag. The closable attribute-property\nshows the close icon. What happens when the tag is clicked is for application developers\nto decide.\nIf closable is present, the tag will be considered \"clickable\".",
-          "type": "boolean"
-        },
-        {
-          "name": "readonly",
-          "type": "boolean"
-        },
-        {
-          "name": "type",
-          "type": "\"button\" | \"submit\""
-        },
-        {
-          "name": "name",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "type": "string"
+          "type": "\"gray\" | \"purple\" | \"blue\" | \"orange\" | \"light-blue\""
         },
         {
-          "name": "disabled",
+          "name": "closable",
+          "description": "If present, shows a close icon to one side of the tag.\nNote that applications must wire up the action to remove the tag on click and also\nthat you cannot have a clickable AND closable tag. The closable attribute-property\nshows the close icon. What happens when the tag is clicked is for application developers\nto decide.\nIf closable is present, the tag will be considered \"clickable\".",
           "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for inside the tag"
         }
       ],
@@ -4583,7 +3391,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Content slot for dropdown content"
         }
       ],
@@ -4603,41 +3411,9 @@
       "name": "cds-textarea",
       "path": "./textarea/register.d.ts",
       "description": "Form\n\n```typescript\nimport '@cds/core/textarea/register.js';\n```\n\n```html\n<cds-textarea>\n   <label>textarea</label>\n   <textarea></textarea>\n   <cds-control-message>message text</cds-control-message>\n</cds-textarea>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting cds-inputs"
         }
       ],
@@ -4666,41 +3442,9 @@
       "name": "cds-textarea",
       "path": "./textarea/textarea.element.d.ts",
       "description": "Form\n\n```typescript\nimport '@cds/core/textarea/register.js';\n```\n\n```html\n<cds-textarea>\n   <label>textarea</label>\n   <textarea></textarea>\n   <cds-control-message>message text</cds-control-message>\n</cds-textarea>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting cds-inputs"
         }
       ],
@@ -4729,41 +3473,9 @@
       "name": "cds-time",
       "path": "./time/register.d.ts",
       "description": "Time Input\n\n```typescript\nimport '@cds/core/time/register.js';\n```\n\n```html\n<cds-time>\n   <label>time</label>\n   <input type=\"time\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-time>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting time input and label"
         }
       ],
@@ -4804,41 +3516,9 @@
       "name": "cds-time",
       "path": "./time/time.element.d.ts",
       "description": "Time Input\n\n```typescript\nimport '@cds/core/time/register.js';\n```\n\n```html\n<cds-time>\n   <label>time</label>\n   <input type=\"time\" />\n   <cds-control-message>message text</cds-control-message>\n</cds-time>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting time input and label"
         }
       ],
@@ -4879,42 +3559,9 @@
       "name": "cds-toggle-group",
       "path": "./toggle/register.d.ts",
       "description": "Toggle Group\n\n```typescript\nimport '@cds/core/toggle/register.js';\n```\n\n```html\n<cds-toggle-group>\n   <label>Select an item</label>\n   <cds-toggle>\n     <label>toggle</label>\n     <input type=\"checkbox\" />\n   </cds-toggle>\n\n   <cds-toggle>\n     <label>toggle</label>\n     <input type=\"checkbox\" />\n   </cds-toggle>\n</cds-toggle-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting toggle controls"
         }
       ]
@@ -4927,46 +3574,11 @@
         {
           "name": "cdsMotion",
           "type": "string"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting checkbox"
         }
       ],
@@ -5007,42 +3619,9 @@
       "name": "cds-toggle-group",
       "path": "./toggle/toggle-group.element.d.ts",
       "description": "Toggle Group\n\n```typescript\nimport '@cds/core/toggle/register.js';\n```\n\n```html\n<cds-toggle-group>\n   <label>Select an item</label>\n   <cds-toggle>\n     <label>toggle</label>\n     <input type=\"checkbox\" />\n   </cds-toggle>\n\n   <cds-toggle>\n     <label>toggle</label>\n     <input type=\"checkbox\" />\n   </cds-toggle>\n</cds-toggle-group>\n```",
-      "properties": [
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "layout",
-          "type": "horizontal | horizontal  -inline | vertical | vertical-inline | compact"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "disabled",
-          "description": "Disable all controls within a control group or omit and disable controls individually",
-          "type": "boolean"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
-        }
-      ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting toggle controls"
         }
       ]
@@ -5055,46 +3634,11 @@
         {
           "name": "cdsMotion",
           "type": "string"
-        },
-        {
-          "name": "controlAlign",
-          "description": "Align the labels of controls within group left or right",
-          "type": "\"left\" | \"right\""
-        },
-        {
-          "name": "status",
-          "type": "neutral | error | success"
-        },
-        {
-          "name": "controlWidth",
-          "type": "stretch | shrink"
-        },
-        {
-          "name": "validate",
-          "description": "Set the validate attribute to sync with HTML5 native validation\nhttps://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation",
-          "type": "boolean"
-        },
-        {
-          "name": "responsive",
-          "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
-          "type": "boolean"
-        },
-        {
-          "name": "layout",
-          "type": "vertical | horizontal | compact"
-        },
-        {
-          "name": "layoutChange",
-          "type": "EventEmitter<ControlLayout>"
-        },
-        {
-          "name": "layoutStable",
-          "type": "boolean"
         }
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "For projecting checkbox"
         }
       ],
@@ -5132,4 +3676,4 @@
       ]
     }
   ]
-}
+}