@db-ux/wc-core-components 2.0.9 → 2.1.0

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

@@ -679,14 +679,7 @@
             { "name": "64" }
           ]
         },
-        {
-          "name": "variant",
-          "values": [
-            { "name": "default" },
-            { "name": "inverted" },
-            { "name": "filled" }
-          ]
-        },
+        { "name": "variant", "values": [] },
         {
           "name": "text",
           "description": "Alternative for default slot/children.",
@@ -1352,11 +1345,7 @@
             { "name": "webauthn" }
           ]
         },
-        {
-          "name": "multiple",
-          "description": "Enable multiple select -> use DBCustomSelect/db-custom-select for a better look",
-          "values": []
-        },
+        { "name": "multiple", "description": "", "values": [] },
         {
           "name": "aria-described-by",
           "description": "Overwrites auto handling for aria-describedby.",
@@ -1539,6 +1528,58 @@
       ],
       "references": []
     },
+    {
+      "name": "db-tooltip",
+      "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": "variant",
+          "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+          "values": [{ "name": "description" }, { "name": "label" }]
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "emphasis",
+          "description": "The emphasis attribute divides in between a weak or strong importance.",
+          "values": [{ "name": "weak" }, { "name": "strong" }]
+        },
+        {
+          "name": "animation",
+          "description": "Disable animation",
+          "values": []
+        },
+        {
+          "name": "delay",
+          "description": "Add a delay before showing the tooltip",
+          "values": [{ "name": "none" }, { "name": "slow" }, { "name": "fast" }]
+        },
+        {
+          "name": "width",
+          "description": "Use fixed with for default max-width",
+          "values": [{ "name": "auto" }, { "name": "fixed" }]
+        },
+        {
+          "name": "show-arrow",
+          "description": "Show/Hides arrow",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+          "values": [{ "name": "undefined" }, { "name": "undefined" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "db-tag",
       "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.",
@@ -2068,49 +2109,6 @@
       ],
       "references": []
     },
-    {
-      "name": "db-tooltip",
-      "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": "emphasis",
-          "description": "The emphasis attribute divides in between a weak or strong importance.",
-          "values": [{ "name": "weak" }, { "name": "strong" }]
-        },
-        {
-          "name": "animation",
-          "description": "Disable animation",
-          "values": []
-        },
-        {
-          "name": "delay",
-          "description": "Add a delay before showing the tooltip",
-          "values": [{ "name": "none" }, { "name": "slow" }, { "name": "fast" }]
-        },
-        {
-          "name": "width",
-          "description": "Use fixed with for default max-width",
-          "values": [{ "name": "auto" }, { "name": "fixed" }]
-        },
-        { "name": "show-arrow", "values": [] },
-        {
-          "name": "placement",
-          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-          "values": [{ "name": "undefined" }, { "name": "undefined" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-tab-list",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
@@ -2404,7 +2402,7 @@
     },
     {
       "name": "db-custom-select",
-      "description": "\n---\n\n\n### **Events:**\n - **amountChange**\n- **dropdownToggle**\n- **optionSelected**\n\n### **Slots:**\n - **children** - default slot",
+      "description": "\n---\n\n\n### **Events:**\n - **amountChange**\n- **dropdownToggle**\n- **optionSelected**\n- **search**\n\n### **Slots:**\n - **children** - default slot",
       "attributes": [
         {
           "name": "id",
@@ -2470,6 +2468,21 @@
           "description": "You should pass in the options as an array.",
           "values": [{ "name": "CustomSelectOptionType[]" }]
         },
+        {
+          "name": "search-value",
+          "description": "Optional: Prefill the value of the search input",
+          "values": []
+        },
+        {
+          "name": "selected-labels",
+          "description": "Optional: If you want to show a custom label for the selected values.\nYou need to define the empty state as well based on selected options.",
+          "values": []
+        },
+        {
+          "name": "transform-selected-labels",
+          "description": "Optional: If you want to show a custom label based on the selected options.",
+          "values": [{ "name": "functiontype" }]
+        },
         {
           "name": "selected-type",
           "description": "Change the selected type for values shown in multi select",
@@ -2504,6 +2517,11 @@
           "description": "Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users",
           "values": [{ "name": "string[]" }]
         },
+        {
+          "name": "search-filter",
+          "description": "Optional: Change the filter function for the search input",
+          "values": [{ "name": "functiontype" }]
+        },
         {
           "name": "classname",
           "description": "React specific for adding className to the component.",

package/dist/web-types.json

@@ -1324,10 +1324,7 @@
                 "type": "\"16\" | \"20\" | \"24\" | \"32\" | \"48\" | \"64\""
               }
             },
-            {
-              "name": "variant",
-              "value": { "type": "\"default\" | \"inverted\" | \"filled\"" }
-            },
+            { "name": "variant", "value": { "type": "string" } },
             {
               "name": "text",
               "description": "Alternative for default slot/children.",
@@ -1357,10 +1354,7 @@
                 "name": "weight",
                 "type": "\"16\" | \"20\" | \"24\" | \"32\" | \"48\" | \"64\""
               },
-              {
-                "name": "variant",
-                "type": "\"default\" | \"inverted\" | \"filled\""
-              },
+              { "name": "variant", "type": "string" },
               {
                 "name": "text",
                 "description": "Alternative for default slot/children.",
@@ -2400,7 +2394,7 @@
             },
             {
               "name": "multiple",
-              "description": "Enable multiple select -> use DBCustomSelect/db-custom-select for a better look",
+              "description": "",
               "value": { "type": "boolean" }
             },
             {
@@ -2539,11 +2533,7 @@
                 "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
                 "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
               },
-              {
-                "name": "multiple",
-                "description": "Enable multiple select -> use DBCustomSelect/db-custom-select for a better look",
-                "type": "boolean"
-              },
+              { "name": "multiple", "description": "", "type": "boolean" },
               {
                 "name": "ariaDescribedBy",
                 "description": "Overwrites auto handling for aria-describedby.",
@@ -2954,6 +2944,112 @@
             ]
           }
         },
+        {
+          "name": "db-tooltip",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/properties",
+          "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.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "variant",
+              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+              "value": { "type": "\"description\" | \"label\"" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "emphasis",
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
+            },
+            {
+              "name": "animation",
+              "description": "Disable animation",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "delay",
+              "description": "Add a delay before showing the tooltip",
+              "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
+            },
+            {
+              "name": "width",
+              "description": "Use fixed with for default max-width",
+              "value": { "type": "\"auto\" | \"fixed\"" }
+            },
+            {
+              "name": "show-arrow",
+              "description": "Show/Hides arrow",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "placement",
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "value": { "type": "\"undefined\" | \"undefined\"" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "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.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+                "type": "\"description\" | \"label\""
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "emphasis",
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
+              },
+              {
+                "name": "animation",
+                "description": "Disable animation",
+                "type": "boolean | string"
+              },
+              {
+                "name": "delay",
+                "description": "Add a delay before showing the tooltip",
+                "type": "\"none\" | \"slow\" | \"fast\""
+              },
+              {
+                "name": "width",
+                "description": "Use fixed with for default max-width",
+                "type": "\"auto\" | \"fixed\""
+              },
+              {
+                "name": "showArrow",
+                "description": "Show/Hides arrow",
+                "type": "boolean | string"
+              },
+              {
+                "name": "placement",
+                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"undefined\" | \"undefined\""
+              },
+              { "name": "_id" },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "db-tag",
           "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.",
@@ -3982,94 +4078,6 @@
             "events": []
           }
         },
-        {
-          "name": "db-tooltip",
-          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/properties",
-          "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.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "classname",
-              "description": "React specific for adding className to the component.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "emphasis",
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
-              "value": { "type": "\"weak\" | \"strong\"" }
-            },
-            {
-              "name": "animation",
-              "description": "Disable animation",
-              "value": { "type": "boolean | string" }
-            },
-            {
-              "name": "delay",
-              "description": "Add a delay before showing the tooltip",
-              "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
-            },
-            {
-              "name": "width",
-              "description": "Use fixed with for default max-width",
-              "value": { "type": "\"auto\" | \"fixed\"" }
-            },
-            { "name": "show-arrow", "value": { "type": "boolean | string" } },
-            {
-              "name": "placement",
-              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-              "value": { "type": "\"undefined\" | \"undefined\"" }
-            }
-          ],
-          "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "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.",
-                "type": "string"
-              },
-              {
-                "name": "className",
-                "description": "React specific for adding className to the component.",
-                "type": "string"
-              },
-              {
-                "name": "emphasis",
-                "description": "The emphasis attribute divides in between a weak or strong importance.",
-                "type": "\"weak\" | \"strong\""
-              },
-              {
-                "name": "animation",
-                "description": "Disable animation",
-                "type": "boolean | string"
-              },
-              {
-                "name": "delay",
-                "description": "Add a delay before showing the tooltip",
-                "type": "\"none\" | \"slow\" | \"fast\""
-              },
-              {
-                "name": "width",
-                "description": "Use fixed with for default max-width",
-                "type": "\"auto\" | \"fixed\""
-              },
-              { "name": "showArrow", "type": "boolean | string" },
-              {
-                "name": "placement",
-                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "type": "\"undefined\" | \"undefined\""
-              },
-              { "name": "_id" },
-              { "name": "initialized", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "db-tab-list",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
@@ -4645,7 +4653,7 @@
         },
         {
           "name": "db-custom-select",
-          "description": "\n---\n\n\n### **Events:**\n - **amountChange**\n- **dropdownToggle**\n- **optionSelected**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **amountChange**\n- **dropdownToggle**\n- **optionSelected**\n- **search**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select/properties",
           "attributes": [
             {
@@ -4708,6 +4716,21 @@
               "description": "You should pass in the options as an array.",
               "value": { "type": "CustomSelectOptionType[]" }
             },
+            {
+              "name": "search-value",
+              "description": "Optional: Prefill the value of the search input",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "selected-labels",
+              "description": "Optional: If you want to show a custom label for the selected values.\nYou need to define the empty state as well based on selected options.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "transform-selected-labels",
+              "description": "Optional: If you want to show a custom label based on the selected options.",
+              "value": { "type": "functiontype" }
+            },
             {
               "name": "selected-type",
               "description": "Change the selected type for values shown in multi select",
@@ -4738,6 +4761,11 @@
               "description": "Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users",
               "value": { "type": "string[]" }
             },
+            {
+              "name": "search-filter",
+              "description": "Optional: Change the filter function for the search input",
+              "value": { "type": "functiontype" }
+            },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -4874,6 +4902,10 @@
             {
               "name": "optionSelected",
               "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void"
+            },
+            {
+              "name": "search",
+              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onSearch\"]>[number]\n  > | void"
             }
           ],
           "js": {
@@ -4938,6 +4970,21 @@
                 "description": "You should pass in the options as an array.",
                 "type": "CustomSelectOptionType[]"
               },
+              {
+                "name": "searchValue",
+                "description": "Optional: Prefill the value of the search input",
+                "type": "string"
+              },
+              {
+                "name": "selectedLabels",
+                "description": "Optional: If you want to show a custom label for the selected values.\nYou need to define the empty state as well based on selected options.",
+                "type": "string"
+              },
+              {
+                "name": "transformSelectedLabels",
+                "description": "Optional: If you want to show a custom label based on the selected options.",
+                "type": "functiontype"
+              },
               {
                 "name": "selectedType",
                 "description": "Change the selected type for values shown in multi select",
@@ -4968,6 +5015,11 @@
                 "description": "Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users",
                 "type": "string[]"
               },
+              {
+                "name": "searchFilter",
+                "description": "Optional: Change the filter function for the search input",
+                "type": "functiontype"
+              },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -5112,6 +5164,7 @@
               { "name": "_hasNoOptions", "type": "boolean" },
               { "name": "_documentClickListenerCallbackId" },
               { "name": "_internalChangeTimestamp", "type": "number" },
+              { "name": "_searchValue" },
               { "name": "selectAllChecked", "type": "boolean" },
               { "name": "selectAllIndeterminate", "type": "boolean" },
               { "name": "satisfyReact" }
@@ -5128,6 +5181,10 @@
               {
                 "name": "optionSelected",
                 "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void"
+              },
+              {
+                "name": "search",
+                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onSearch\"]>[number]\n  > | void"
               }
             ]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "2.0.9",
+  "version": "2.1.0",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
   },
   "web-types": "./dist/web-types.json",
   "dependencies": {
-    "@db-ux/core-components": "2.0.9",
-    "@db-ux/core-foundations": "2.0.9"
+    "@db-ux/core-components": "2.1.0",
+    "@db-ux/core-foundations": "2.1.0"
   }
 }