@db-ux/wc-core-components 4.7.0-tabs-34782eb → 4.7.1

package/dist/vscode.html-custom-data.json

@@ -2509,7 +2509,7 @@
     },
     {
       "name": "db-tab-item",
-      "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         {
           "name": "active",
@@ -2517,69 +2517,68 @@
           "values": []
         },
         {
-          "name": "label",
-          "description": "The label of the tab-item, if you don't want to use children.",
+          "name": "name",
+          "description": "The name attribute gives the name of the element to group it.",
           "values": []
         },
         {
-          "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.",
-          "values": []
+          "name": "classname",
+          "values": [{ "name": "DBTabItemProps[\"className\"]" }]
         },
+        { "name": "id", "values": [{ "name": "DBTabItemProps[\"id\"]" }] },
         {
-          "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.",
-          "values": [{ "name": "IconTypes" }]
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTabItemProps[\"propOverrides\"]" }]
         },
         {
-          "name": "tab-index",
-          "description": "Set the tabIndex manually (internal use for roving tabindex).",
-          "values": []
+          "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.",
+          "values": [{ "name": "IconTypes" }]
         },
         {
-          "name": "disabled",
-          "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
-          "values": []
+          "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.",
+          "values": [{ "name": "IconTypes" }]
         },
         {
-          "name": "classname",
-          "values": [{ "name": "DBTabItemProps[\"className\"]" }]
+          "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.",
+          "values": [{ "name": "IconTypes" }]
         },
         {
-          "name": "no-text",
-          "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+          "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.",
           "values": []
         },
         {
-          "name": "aria-controls",
-          "description": "The id of the panel this tab controls (WAI-ARIA).",
+          "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.",
           "values": []
         },
-        { "name": "id", "values": [{ "name": "DBTabItemProps[\"id\"]" }] },
         {
-          "name": "value",
-          "description": "Semantic value of this tab item. When set, onIndexChange will emit this value\n(via the onValueChange event) instead of only the numeric index.\nUseful for form binding (e.g. Angular FormControl, React useState).",
+          "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.",
           "values": []
         },
         {
-          "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.",
+          "name": "no-text",
+          "description": "Define the text next to the icon specified via the icon Property to get hidden.",
           "values": []
         },
         {
-          "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.",
-          "values": [{ "name": "IconTypes" }]
+          "name": "disabled",
+          "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
+          "values": []
         },
         {
-          "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.",
+          "name": "checked",
+          "description": "To control the component",
           "values": []
         },
         {
-          "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.",
-          "values": [{ "name": "IconTypes" }]
+          "name": "label",
+          "description": "The label of the tab-item, if you don't want to use children.",
+          "values": []
         }
       ],
       "references": []
@@ -2590,23 +2589,12 @@
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTabListProps[\"id\"]" }] },
         {
-          "name": "classname",
-          "values": [{ "name": "DBTabListProps[\"className\"]" }]
-        },
-        {
-          "name": "orientation",
-          "description": "Change the orientation. Defaults to horizontal.",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
-        },
-        {
-          "name": "aria-labelledby",
-          "description": "Identifies the element (or elements) that labels the current element (WAI-ARIA).",
-          "values": []
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTabListProps[\"propOverrides\"]" }]
         },
         {
-          "name": "aria-label",
-          "description": "Defines a string value that labels the current element (WAI-ARIA).",
-          "values": []
+          "name": "classname",
+          "values": [{ "name": "DBTabListProps[\"className\"]" }]
         }
       ],
       "references": []
@@ -2624,21 +2612,6 @@
           "name": "prop-overrides",
           "values": [{ "name": "DBTabPanelProps[\"propOverrides\"]" }]
         },
-        {
-          "name": "hidden",
-          "description": "If the panel is hidden.",
-          "values": []
-        },
-        {
-          "name": "aria-label",
-          "description": "Accessible label for the panel, overrides ariaLabelledby for the accessible name.",
-          "values": []
-        },
-        {
-          "name": "aria-labelledby",
-          "description": "The id of the tab that labels this panel (WAI-ARIA).",
-          "values": []
-        },
         {
           "name": "content",
           "description": "The content if you don't want to use children.",
@@ -2649,18 +2622,8 @@
     },
     {
       "name": "db-tabs",
-      "description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **valueChange**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **tabSelect**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
-        {
-          "name": "initial-selected-index",
-          "description": "Default behavior is auto selecting the first tab, change selected tab by index",
-          "values": []
-        },
-        {
-          "name": "initial-selected-mode",
-          "description": "Default behavior is auto selecting the first tab, disable it with 'manually'",
-          "values": [{ "name": "auto" }, { "name": "manually" }]
-        },
         {
           "name": "name",
           "description": "The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.",
@@ -2671,12 +2634,6 @@
           "description": "Provide simple tabs with label + text as content",
           "values": [{ "name": "DBSimpleTabProps[]" }]
         },
-        {
-          "name": "active-index",
-          "description": "Controlled active tab index. When set, the component becomes controlled:\nthe consumer is responsible for updating this value in the onIndexChange handler.\nTakes precedence over initialSelectedIndex after mount.",
-          "values": []
-        },
-        { "name": "id", "values": [{ "name": "DBTabsProps[\"id\"]" }] },
         {
           "name": "arrow-scroll-distance",
           "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
@@ -2692,6 +2649,17 @@
           "description": "Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible",
           "values": [{ "name": "scrollbar" }, { "name": "arrows" }]
         },
+        {
+          "name": "initial-selected-mode",
+          "description": "Default behavior is auto selecting the first tab, disable it with 'manually'",
+          "values": [{ "name": "auto" }, { "name": "manually" }]
+        },
+        {
+          "name": "initial-selected-index",
+          "description": "Default behavior is auto selecting the first tab, change selected tab by index",
+          "values": []
+        },
+        { "name": "id", "values": [{ "name": "DBTabsProps[\"id\"]" }] },
         {
           "name": "prop-overrides",
           "values": [{ "name": "DBTabsProps[\"propOverrides\"]" }]
@@ -2701,28 +2669,14 @@
           "values": [{ "name": "DBTabsProps[\"className\"]" }]
         },
         {
-          "name": "tab-item-alignment",
-          "description": "Define the tab-item alignment in full width",
-          "values": [
-            { "name": "start" },
-            { "name": "center" },
-            { "name": "end" }
-          ]
+          "name": "alignment",
+          "description": "Define the content alignment in full width",
+          "values": [{ "name": "start" }, { "name": "center" }]
         },
         {
-          "name": "tab-item-width",
-          "description": "Width of the tab-items. Auto width based on tab-item size, full width based on parent elements width.",
+          "name": "width",
+          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
           "values": [{ "name": "full" }, { "name": "auto" }]
-        },
-        {
-          "name": "scroll-start-label",
-          "description": "Accessible label for the \"scroll towards start\" button (i18n). Only used with behavior=\"arrows\".",
-          "values": []
-        },
-        {
-          "name": "scroll-end-label",
-          "description": "Accessible label for the \"scroll towards end\" button (i18n). Only used with behavior=\"arrows\".",
-          "values": []
         }
       ],
       "references": []
@@ -4412,25 +4366,25 @@
       "references": []
     },
     {
-      "name": "tab-item-density",
+      "name": "tab-item-content-alignment-full-width",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "tab-item-show-icon-leading",
+      "name": "tab-item-density",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "tab-item-show-icon-trailing",
+      "name": "tab-item-show-icon-leading",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "tab-item-slot-with-badge",
+      "name": "tab-item-show-icon-trailing",
       "description": "\n---\n",
       "attributes": [],
       "references": []
@@ -4441,12 +4395,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "tab-item-alignment-full-width",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "tab-item-showcase",
       "description": "\n---\n",
@@ -4464,30 +4412,12 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "tabs-disabled",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "tabs-examples",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
-    {
-      "name": "tabs-icons",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "tabs-nested",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "tabs-orientation",
       "description": "\n---\n",
@@ -4501,25 +4431,7 @@
       "references": []
     },
     {
-      "name": "tabs-slot-with-badge",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "tab-item-width",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "tabs-truncation",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "tabs-url-sync",
+      "name": "tabs-width",
       "description": "\n---\n",
       "attributes": [],
       "references": []