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

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

@@ -2509,7 +2509,7 @@
     },
     {
       "name": "db-tab-item",
-      "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         {
           "name": "active",
@@ -2517,23 +2517,14 @@
           "values": []
         },
         {
-          "name": "name",
-          "description": "The name attribute gives the name of the element to group it.",
+          "name": "label",
+          "description": "The label of the tab-item, if you don't want to use children.",
           "values": []
         },
         {
-          "name": "classname",
-          "values": [{ "name": "DBTabItemProps[\"className\"]" }]
-        },
-        { "name": "id", "values": [{ "name": "DBTabItemProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBTabItemProps[\"propOverrides\"]" }]
-        },
-        {
-          "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": "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": "icon",
@@ -2541,24 +2532,18 @@
           "values": [{ "name": "IconTypes" }]
         },
         {
-          "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": "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": "tab-index",
+          "description": "Set the tabIndex manually (internal use for roving tabindex).",
           "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.",
+          "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.",
-          "values": []
+          "name": "classname",
+          "values": [{ "name": "DBTabItemProps[\"className\"]" }]
         },
         {
           "name": "no-text",
@@ -2566,19 +2551,35 @@
           "values": []
         },
         {
-          "name": "disabled",
-          "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
+          "name": "aria-controls",
+          "description": "The id of the panel this tab controls (WAI-ARIA).",
           "values": []
         },
+        { "name": "id", "values": [{ "name": "DBTabItemProps[\"id\"]" }] },
         {
-          "name": "checked",
-          "description": "To control the component",
+          "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).",
           "values": []
         },
         {
-          "name": "label",
-          "description": "The label of the tab-item, if you don't want to use children.",
+          "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": "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": "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": "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" }]
         }
       ],
       "references": []
@@ -2588,13 +2589,24 @@
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTabListProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBTabListProps[\"propOverrides\"]" }]
-        },
         {
           "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": "aria-label",
+          "description": "Defines a string value that labels the current element (WAI-ARIA).",
+          "values": []
         }
       ],
       "references": []
@@ -2612,6 +2624,21 @@
           "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.",
@@ -2622,8 +2649,18 @@
     },
     {
       "name": "db-tabs",
-      "description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **tabSelect**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **valueChange**\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.",
@@ -2634,6 +2671,12 @@
           "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\"",
@@ -2649,17 +2692,6 @@
           "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\"]" }]
@@ -2669,14 +2701,28 @@
           "values": [{ "name": "DBTabsProps[\"className\"]" }]
         },
         {
-          "name": "alignment",
-          "description": "Define the content alignment in full width",
-          "values": [{ "name": "start" }, { "name": "center" }]
+          "name": "tab-item-alignment",
+          "description": "Define the tab-item alignment in full width",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
         },
         {
-          "name": "width",
-          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+          "name": "tab-item-width",
+          "description": "Width of the tab-items. Auto width based on tab-item 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": []
@@ -4146,6 +4192,12 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "select-examples-show-empty-option",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "select-option-groups",
       "description": "\n---\n",
@@ -4360,25 +4412,25 @@
       "references": []
     },
     {
-      "name": "tab-item-content-alignment-full-width",
+      "name": "tab-item-density",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "tab-item-density",
+      "name": "tab-item-show-icon-leading",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "tab-item-show-icon-leading",
+      "name": "tab-item-show-icon-trailing",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "tab-item-show-icon-trailing",
+      "name": "tab-item-slot-with-badge",
       "description": "\n---\n",
       "attributes": [],
       "references": []
@@ -4389,6 +4441,12 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "tab-item-alignment-full-width",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "tab-item-showcase",
       "description": "\n---\n",
@@ -4406,12 +4464,30 @@
       "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",
@@ -4425,7 +4501,25 @@
       "references": []
     },
     {
-      "name": "tabs-width",
+      "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",
       "description": "\n---\n",
       "attributes": [],
       "references": []