@db-ux/wc-core-components 2.4.3 → 3.0.0

package/dist/web-types.json

@@ -366,9 +366,14 @@
         },
         {
           "name": "db-button",
-          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/button/properties",
           "attributes": [
+            {
+              "name": "type",
+              "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
+              "value": { "type": "\"button\" | \"reset\" | \"submit\"" }
+            },
             {
               "name": "id",
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
@@ -379,41 +384,46 @@
               "description": "React specific for adding className to the component.",
               "value": { "type": "string" }
             },
-            {
-              "name": "type",
-              "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
-              "value": { "type": "\"button\" | \"reset\" | \"submit\"" }
-            },
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
               "value": { "type": "boolean | string" }
             },
             {
-              "name": "label",
-              "description": "The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button",
-              "value": { "type": "string" }
+              "name": "icon-leading",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
             },
             {
               "name": "icon",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
+            {
+              "name": "show-icon-leading",
+              "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
               "value": { "type": "boolean | string" }
             },
+            {
+              "name": "icon-trailing",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon-trailing",
+              "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "size",
               "description": "The size attribute changes the font-size and other related sizes of the component.",
               "value": { "type": "\"small\" | \"medium\"" }
             },
-            {
-              "name": "state",
-              "description": "Show loading progress inside button.",
-              "value": { "type": "\"loading\"" }
-            },
             {
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
@@ -446,21 +456,6 @@
               "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
               "value": { "type": "string" }
             },
-            {
-              "name": "describedbyid",
-              "description": "",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "ariaexpanded",
-              "description": "If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "ariapressed",
-              "description": "Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).",
-              "value": { "type": "boolean" }
-            },
             {
               "name": "text",
               "description": "Alternative for default slot/children.",
@@ -468,9 +463,19 @@
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [],
+          "events": [
+            {
+              "name": "click",
+              "type": "EventEmitter<\n    Parameters<Required<DBButtonProps>[\"onClick\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
+              {
+                "name": "type",
+                "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
+                "type": "\"button\" | \"reset\" | \"submit\""
+              },
               {
                 "name": "id",
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
@@ -481,41 +486,46 @@
                 "description": "React specific for adding className to the component.",
                 "type": "string"
               },
-              {
-                "name": "type",
-                "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
-                "type": "\"button\" | \"reset\" | \"submit\""
-              },
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
                 "type": "boolean | string"
               },
               {
-                "name": "label",
-                "description": "The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button",
-                "type": "string"
+                "name": "iconLeading",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
               },
               {
                 "name": "icon",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
+              {
+                "name": "showIconLeading",
+                "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean | string"
+              },
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
                 "type": "boolean | string"
               },
+              {
+                "name": "iconTrailing",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIconTrailing",
+                "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean | string"
+              },
               {
                 "name": "size",
                 "description": "The size attribute changes the font-size and other related sizes of the component.",
                 "type": "\"small\" | \"medium\""
               },
-              {
-                "name": "state",
-                "description": "Show loading progress inside button.",
-                "type": "\"loading\""
-              },
               {
                 "name": "width",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
@@ -546,24 +556,18 @@
                 "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
                 "type": "string"
               },
-              { "name": "describedbyid", "description": "", "type": "string" },
-              {
-                "name": "ariaexpanded",
-                "description": "If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).",
-                "type": "boolean"
-              },
-              {
-                "name": "ariapressed",
-                "description": "Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).",
-                "type": "boolean"
-              },
               {
                 "name": "text",
                 "description": "Alternative for default slot/children.",
                 "type": "string"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "click",
+                "type": "EventEmitter<\n    Parameters<Required<DBButtonProps>[\"onClick\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -1287,18 +1291,28 @@
               "description": "Enables/disables the visibility of the label",
               "value": { "type": "boolean | string" }
             },
+            {
+              "name": "show-icon-leading",
+              "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
               "value": { "type": "boolean | string" }
             },
+            {
+              "name": "icon-leading",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
             {
               "name": "icon",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
-              "name": "icon-after",
+              "name": "icon-trailing",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
@@ -1307,6 +1321,11 @@
               "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
               "value": { "type": "boolean | string" }
             },
+            {
+              "name": "show-icon-trailing",
+              "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "label",
               "description": "The label attribute specifies the caption of the form element.",
@@ -1329,6 +1348,11 @@
                 "type": "\"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"month\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\" | string"
               }
             },
+            {
+              "name": "multiple",
+              "description": "Allow selecting multiple files. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/file#multiple",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "placeholder",
               "description": "Text that appears in the form control when it has no value set",
@@ -1508,18 +1532,28 @@
                 "description": "Enables/disables the visibility of the label",
                 "type": "boolean | string"
               },
+              {
+                "name": "showIconLeading",
+                "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean | string"
+              },
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
                 "type": "boolean | string"
               },
+              {
+                "name": "iconLeading",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
               {
                 "name": "icon",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
-                "name": "iconAfter",
+                "name": "iconTrailing",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
@@ -1528,6 +1562,11 @@
                 "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
                 "type": "boolean | string"
               },
+              {
+                "name": "showIconTrailing",
+                "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean | string"
+              },
               {
                 "name": "label",
                 "description": "The label attribute specifies the caption of the form element.",
@@ -1548,6 +1587,11 @@
                 "description": "Type of form control",
                 "type": "\"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"month\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\" | string"
               },
+              {
+                "name": "multiple",
+                "description": "Allow selecting multiple files. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/file#multiple",
+                "type": "boolean | string"
+              },
               {
                 "name": "placeholder",
                 "description": "Text that appears in the form control when it has no value set",
@@ -1766,11 +1810,6 @@
           "description": "\n---\n\n\n### **Events:**\n - **remove**\n\n### **Slots:**\n - **children** - default slot\n- **content** - Default slot which is used to pass in additional content.",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tag/properties",
           "attributes": [
-            {
-              "name": "disabled",
-              "description": "",
-              "value": { "type": "boolean | string" }
-            },
             {
               "name": "remove-button",
               "description": "The removeButton attribute shows the cancel button.",
@@ -1849,11 +1888,6 @@
           ],
           "js": {
             "properties": [
-              {
-                "name": "disabled",
-                "description": "",
-                "type": "boolean | string"
-              },
               {
                 "name": "removeButton",
                 "description": "The removeButton attribute shows the cancel button.",
@@ -1913,8 +1947,7 @@
                 "name": "behavior",
                 "description": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
                 "type": "\"static\" | \"removable\" | string"
-              },
-              { "name": "initialized", "type": "boolean" }
+              }
             ],
             "events": [
               {
@@ -2957,23 +2990,6 @@
               "description": "Disables the link.",
               "value": { "type": "boolean | string" }
             },
-            {
-              "name": "selected",
-              "description": "Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).",
-              "value": { "type": "boolean | string" }
-            },
-            {
-              "name": "label",
-              "description": "Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "current",
-              "description": "Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).",
-              "value": {
-                "type": "boolean | \"time\" | \"true\" | \"false\" | \"date\" | \"page\" | \"step\" | \"location\""
-              }
-            },
             {
               "name": "size",
               "description": "Change the size of the link",
@@ -2987,13 +3003,18 @@
             {
               "name": "variant",
               "description": "Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.",
-              "value": { "type": "\"adaptive\" | \"brand\"" }
+              "value": { "type": "\"adaptive\" | \"brand\" | \"inline\"" }
             },
             {
               "name": "content",
               "description": "Adds a different arrow after the link to indicate external or internal link",
               "value": { "type": "\"external\" | \"internal\"" }
             },
+            {
+              "name": "wrap",
+              "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "text",
               "description": "Alternative for default slot/children.",
@@ -3044,21 +3065,6 @@
                 "description": "Disables the link.",
                 "type": "boolean | string"
               },
-              {
-                "name": "selected",
-                "description": "Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).",
-                "type": "boolean | string"
-              },
-              {
-                "name": "label",
-                "description": "Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).",
-                "type": "string"
-              },
-              {
-                "name": "current",
-                "description": "Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).",
-                "type": "boolean | \"time\" | \"true\" | \"false\" | \"date\" | \"page\" | \"step\" | \"location\""
-              },
               {
                 "name": "size",
                 "description": "Change the size of the link",
@@ -3072,13 +3078,18 @@
               {
                 "name": "variant",
                 "description": "Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.",
-                "type": "\"adaptive\" | \"brand\""
+                "type": "\"adaptive\" | \"brand\" | \"inline\""
               },
               {
                 "name": "content",
                 "description": "Adds a different arrow after the link to indicate external or internal link",
                 "type": "\"external\" | \"internal\""
               },
+              {
+                "name": "wrap",
+                "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
+                "type": "boolean | string"
+              },
               {
                 "name": "text",
                 "description": "Alternative for default slot/children.",
@@ -3098,11 +3109,6 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
-            {
-              "name": "labelled-by",
-              "description": "Pass `aria-labelledby` to inner element",
-              "value": { "type": "string" }
-            },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -3118,11 +3124,6 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
-              {
-                "name": "labelledBy",
-                "description": "Pass `aria-labelledby` to inner element",
-                "type": "string"
-              },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -3737,16 +3738,6 @@
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
               "value": { "type": "boolean | string" }
             },
-            {
-              "name": "describedbyid",
-              "description": "",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "aria-described-by",
-              "description": "Overwrites auto handling for aria-describedby.",
-              "value": { "type": "string" }
-            },
             {
               "name": "value",
               "description": "The value property is to receive results from the native form element.",
@@ -3825,12 +3816,6 @@
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
                 "type": "boolean | string"
               },
-              { "name": "describedbyid", "description": "", "type": "string" },
-              {
-                "name": "ariaDescribedBy",
-                "description": "Overwrites auto handling for aria-describedby.",
-                "type": "string"
-              },
               {
                 "name": "value",
                 "description": "The value property is to receive results from the native form element.",
@@ -4383,16 +4368,6 @@
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
               "value": { "type": "boolean | string" }
             },
-            {
-              "name": "describedbyid",
-              "description": "",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "aria-described-by",
-              "description": "Overwrites auto handling for aria-describedby.",
-              "value": { "type": "string" }
-            },
             {
               "name": "validation",
               "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
@@ -4408,13 +4383,18 @@
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
               "value": { "type": "boolean | string" }
             },
+            {
+              "name": "icon-leading",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
             {
               "name": "icon",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
-              "name": "icon-after",
+              "name": "icon-trailing",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
@@ -4491,12 +4471,6 @@
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
                 "type": "boolean | string"
               },
-              { "name": "describedbyid", "description": "", "type": "string" },
-              {
-                "name": "ariaDescribedBy",
-                "description": "Overwrites auto handling for aria-describedby.",
-                "type": "string"
-              },
               {
                 "name": "validation",
                 "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
@@ -4512,13 +4486,18 @@
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
                 "type": "boolean | string"
               },
+              {
+                "name": "iconLeading",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
               {
                 "name": "icon",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
-                "name": "iconAfter",
+                "name": "iconTrailing",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
@@ -4570,21 +4549,36 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
+            {
+              "name": "icon-leading",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
             {
               "name": "icon",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
-              "name": "icon-after",
+              "name": "icon-trailing",
               "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
+            {
+              "name": "show-icon-leading",
+              "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
               "value": { "type": "boolean | string" }
             },
+            {
+              "name": "show-icon-trailing",
+              "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "no-text",
               "description": "Define the text next to the icon specified via the icon Property to get hidden.",
@@ -4595,11 +4589,6 @@
               "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
               "value": { "type": "boolean | string" }
             },
-            {
-              "name": "controls",
-              "description": "Pass `aria-controls` to inner element",
-              "value": { "type": "string" }
-            },
             {
               "name": "checked",
               "description": "To control the component",
@@ -4640,21 +4629,36 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
+              {
+                "name": "iconLeading",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
               {
                 "name": "icon",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
-                "name": "iconAfter",
+                "name": "iconTrailing",
                 "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
+              {
+                "name": "showIconLeading",
+                "description": "Enables or disables the visibility of the leading icon.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean | string"
+              },
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
                 "type": "boolean | string"
               },
+              {
+                "name": "showIconTrailing",
+                "description": "Enables or disables the visibility of the trailing icon.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean | string"
+              },
               {
                 "name": "noText",
                 "description": "Define the text next to the icon specified via the icon Property to get hidden.",
@@ -4665,11 +4669,6 @@
                 "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
                 "type": "boolean | string"
               },
-              {
-                "name": "controls",
-                "description": "Pass `aria-controls` to inner element",
-                "type": "string"
-              },
               {
                 "name": "checked",
                 "description": "To control the component",
@@ -4742,11 +4741,6 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
-            {
-              "name": "labelled-by",
-              "description": "Pass `aria-labelledby` to inner element",
-              "value": { "type": "string" }
-            },
             {
               "name": "content",
               "description": "The content if you don't want to use children.",
@@ -4767,11 +4761,6 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
-              {
-                "name": "labelledBy",
-                "description": "Pass `aria-labelledby` to inner element",
-                "type": "string"
-              },
               {
                 "name": "content",
                 "description": "The content if you don't want to use children.",