@db-ux/wc-core-components 1.1.1 → 2.0.0-0-custom-select-16b8cce

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

@@ -37,7 +37,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -154,7 +154,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -279,7 +279,7 @@
         { "name": "hide-logo", "description": "", "values": [] },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -358,7 +358,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -662,7 +662,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -786,12 +786,12 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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": "icon-after",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -927,6 +927,11 @@
           "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
           "values": [{ "name": "string[]" }, { "name": "ValueLabelType[]" }]
         },
+        {
+          "name": "aria-described-by",
+          "description": "Overwrites auto handling for aria-describedby.",
+          "values": []
+        },
         {
           "name": "message-icon",
           "description": "Set/overwrite icon for helper message for form components",
@@ -1063,6 +1068,11 @@
           "name": "classname",
           "description": "React specific for adding className to the component.",
           "values": []
+        },
+        {
+          "name": "main-class",
+          "description": "Adds `class` to `<main>` element",
+          "values": []
         }
       ],
       "references": []
@@ -1243,7 +1253,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -1330,6 +1340,11 @@
             { "name": "webauthn" }
           ]
         },
+        {
+          "name": "multiple",
+          "description": "Enable multiple select -> use DBCustomSelect/db-custom-select for a better look",
+          "values": []
+        },
         {
           "name": "options",
           "description": "If you don't/can't use children/slots you can pass in the options as an array.",
@@ -1426,12 +1441,12 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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": "icon-after",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -1464,12 +1479,12 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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": "icon-after",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -1507,7 +1522,7 @@
     },
     {
       "name": "db-tag",
-      "description": "\n---\n\n\n### **Events:**\n - **onRemove**\n\n### **Slots:**\n - **children** - default slot\n- **content** - Default slot which is used to pass in additional content.",
+      "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.",
       "attributes": [
         { "name": "disabled", "description": "", "values": [] },
         {
@@ -1544,7 +1559,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -1814,7 +1829,7 @@
         },
         {
           "name": "icon",
-          "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+          "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" }]
         },
         {
@@ -1852,7 +1867,7 @@
     },
     {
       "name": "db-accordion-item",
-      "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **headline** - TODO: Add description for slotHeadline",
+      "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **headline** - Title of the accordion-item as slot",
       "attributes": [
         {
           "name": "id",
@@ -1861,7 +1876,8 @@
         },
         {
           "name": "default-open",
-          "values": [{ "name": "DBAccordionItemProps[\"defaultOpen\"]" }]
+          "description": "Initial state for the accordion item",
+          "values": []
         },
         {
           "name": "classname",
@@ -1870,11 +1886,13 @@
         },
         {
           "name": "disabled",
-          "values": [{ "name": "DBAccordionItemProps[\"disabled\"]" }]
+          "description": "The disabled attribute can be set to keep a user from clicking on the element.",
+          "values": []
         },
         {
           "name": "headline-plain",
-          "values": [{ "name": "DBAccordionItemProps[\"headlinePlain\"]" }]
+          "description": "Title of the accordion-item as plain text",
+          "values": []
         },
         {
           "name": "text",
@@ -2000,20 +2018,7 @@
         {
           "name": "placement",
           "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-          "values": [
-            { "name": "left" },
-            { "name": "right" },
-            { "name": "top" },
-            { "name": "bottom" },
-            { "name": "left-start" },
-            { "name": "left-end" },
-            { "name": "right-start" },
-            { "name": "right-end" },
-            { "name": "top-start" },
-            { "name": "top-end" },
-            { "name": "bottom-start" },
-            { "name": "bottom-end" }
-          ]
+          "values": [{ "name": "undefined" }, { "name": "undefined" }]
         }
       ],
       "references": []
@@ -2056,20 +2061,7 @@
         {
           "name": "placement",
           "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-          "values": [
-            { "name": "left" },
-            { "name": "right" },
-            { "name": "top" },
-            { "name": "bottom" },
-            { "name": "left-start" },
-            { "name": "left-end" },
-            { "name": "right-start" },
-            { "name": "right-end" },
-            { "name": "top-start" },
-            { "name": "top-end" },
-            { "name": "bottom-start" },
-            { "name": "bottom-end" }
-          ]
+          "values": [{ "name": "undefined" }, { "name": "undefined" }]
         }
       ],
       "references": []
@@ -2247,6 +2239,369 @@
         }
       ],
       "references": []
+    },
+    {
+      "name": "db-custom-select-list",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "attributes": [
+        { "name": "multiple", "values": [] },
+        { "name": "label", "values": [] },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-custom-select-list-item",
+      "description": "\n---\n\n\n### **Events:**\n - **onChange**\n\n### **Slots:**\n - **children** - default slot",
+      "attributes": [
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "is-group-title",
+          "description": "If the item is a group title (only text)",
+          "values": []
+        },
+        {
+          "name": "show-divider",
+          "description": "Show a divider on the bottom of the list item for visual grouping (don't use it on every item)",
+          "values": []
+        },
+        { "name": "change", "values": [{ "name": "functiontype" }] },
+        {
+          "name": "type",
+          "description": "Change the behavior of the item single(radio) or multiple(checkbox)",
+          "values": [{ "name": "checkbox" }, { "name": "radio" }]
+        },
+        {
+          "name": "checked",
+          "description": "Define the radio or checkbox elements checked state",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "group-title",
+          "description": "Set the title of a group of items - disables radio/checkbox behavior",
+          "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": "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": "name",
+          "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value property is to receive results from the native form element.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label attribute specifies the caption of the form element.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-custom-select-dropdown",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "attributes": [
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nFull: Based on the size of the form-field\nAuto: Based on the size of the largest list item",
+          "values": [
+            { "name": "fixed" },
+            { "name": "auto" },
+            { "name": "full" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-custom-select",
+      "description": "\n---\n\n\n### **Events:**\n - **onSelect**\n- **onAmountChange**\n- **onDropdownToggle**\n\n### **Slots:**\n - **children** - default slot",
+      "attributes": [
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+          "values": []
+        },
+        {
+          "name": "message",
+          "description": "Optional helper message for form components",
+          "values": []
+        },
+        {
+          "name": "show-message",
+          "description": "Enables or disables the visibility of the message.",
+          "values": []
+        },
+        {
+          "name": "show-no-results",
+          "description": "Dropdown - enable no options infotext",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Enables CustomSelect",
+          "values": []
+        },
+        {
+          "name": "show-select-all",
+          "description": "Forces select all checkbox (only for multiple).",
+          "values": []
+        },
+        {
+          "name": "show-search",
+          "description": "Forces search in header.",
+          "values": []
+        },
+        {
+          "name": "values",
+          "description": "Initial value for multi select",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "validation",
+          "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+          "values": [
+            { "name": "invalid" },
+            { "name": "valid" },
+            { "name": "no-validation" }
+          ]
+        },
+        {
+          "name": "invalid-message",
+          "description": "Helper message for invalid form components",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+          "values": []
+        },
+        {
+          "name": "valid-message",
+          "description": "Helper message for valid form components",
+          "values": []
+        },
+        {
+          "name": "options",
+          "description": "You should pass in the options as an array.",
+          "values": [{ "name": "CustomSelectOptionType[]" }]
+        },
+        {
+          "name": "selected-type",
+          "description": "Change the selected type for values shown in multi select",
+          "values": [
+            { "name": "amount" },
+            { "name": "text" },
+            { "name": "tag" }
+          ]
+        },
+        {
+          "name": "amount-text",
+          "description": "Optional: if select-type=\"amount\" change the shown text",
+          "values": []
+        },
+        {
+          "name": "select-all-label",
+          "description": "Select all checkbox label",
+          "values": []
+        },
+        {
+          "name": "de-select-all-label",
+          "description": "Deselect all checkbox label",
+          "values": []
+        },
+        {
+          "name": "remove-tags-texts",
+          "description": "Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "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": "variant",
+          "description": "Change the variant of the label to float or hidden",
+          "values": [{ "name": "above" }, { "name": "floating" }]
+        },
+        {
+          "name": "placement",
+          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+          "values": [
+            { "name": "top" },
+            { "name": "bottom" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" }
+          ]
+        },
+        {
+          "name": "show-label",
+          "description": "Enables/disables the visibility of the label",
+          "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": "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": "label",
+          "description": "The label attribute specifies the caption of the form element.",
+          "values": []
+        },
+        {
+          "name": "form",
+          "description": "Associates the control with a form element",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Programmatically open the dropdown. May differ if you don't use onDropdownToggle.",
+          "values": []
+        },
+        {
+          "name": "dropdown-width",
+          "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nAuto: Based on the size of the form-field",
+          "values": [
+            { "name": "fixed" },
+            { "name": "auto" },
+            { "name": "full" },
+            { "name": "string" }
+          ]
+        },
+        { "name": "search-label", "description": "Search label", "values": [] },
+        {
+          "name": "search-placeholder",
+          "description": "Search placeholder",
+          "values": []
+        },
+        {
+          "name": "show-loading",
+          "description": "Dropdown - enable loading infotext and spinner",
+          "values": []
+        },
+        {
+          "name": "no-results-text",
+          "description": "Dropdown - hint if there are no options",
+          "values": []
+        },
+        {
+          "name": "loading-text",
+          "description": "Dropdown - hint if data has to be loaded",
+          "values": []
+        },
+        {
+          "name": "mobile-close-button-text",
+          "description": "Change the button text for mobile close",
+          "values": []
+        },
+        {
+          "name": "show-clear-selection",
+          "description": "Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.",
+          "values": []
+        },
+        {
+          "name": "clear-selection-label",
+          "description": "Label for the clear selection button",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "Text that appears in the form control when it has no value set",
+          "values": []
+        },
+        {
+          "name": "message-icon",
+          "description": "Set/overwrite icon for helper message for form components",
+          "values": [{ "name": "IconTypes" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-custom-select-form-field",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "attributes": [
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
     }
   ]
 }