@solid-design-system/components 4.0.0-next.1 → 4.0.0-next.11

package/dist/components/teaser-media/teaser-media.js

@@ -1,8 +1,8 @@
 import {
   SdTeaserMedia
-} from "../../chunks/chunk.7OHSCBBX.js";
+} from "../../chunks/chunk.NVHRZE37.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.YZQTF7B4.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTeaserMedia as default

package/dist/components/textarea/textarea.js

@@ -1,11 +1,11 @@
 import {
   SdTextarea
-} from "../../chunks/chunk.VHGHICFG.js";
+} from "../../chunks/chunk.3ZXUWSEL.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.YZQTF7B4.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTextarea as default

package/dist/components/tooltip/tooltip.js

@@ -1,7 +1,7 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.XVFJS7VS.js";
-import "../../chunks/chunk.V7TQ6VJU.js";
+} from "../../chunks/chunk.W4THOWU4.js";
+import "../../chunks/chunk.XRAWUIHI.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.YZQTF7B4.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTooltip as default

package/dist/components/video/video.d.ts

@@ -2,7 +2,6 @@ import SolidElement from '../../internal/solid-element';
 export default class SdVideo extends SolidElement {
     hostEl: HTMLElement;
     playing: boolean;
-    overlay: boolean;
     isBelowBreakpoint: boolean;
     private resizeObserver;
     private readonly hasSlotController;

package/dist/components/video/video.js

@@ -1,8 +1,8 @@
 import {
   SdVideo
-} from "../../chunks/chunk.SPBPHTSS.js";
+} from "../../chunks/chunk.37664KT7.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.YZQTF7B4.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdVideo as default

package/dist/custom-elements.json

@@ -65,6 +65,13 @@
               "privacy": "public",
               "default": "new LocalizeController(this)"
             },
+            {
+              "kind": "field",
+              "name": "accordionObserver",
+              "type": {
+                "text": "MutationObserver"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -1409,9 +1416,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'default' | 'success' | 'error'"
+                "text": "'blue' | 'green' | 'red'"
               },
-              "default": "'default'",
+              "default": "'blue'",
               "description": "The badge's variant.",
               "attribute": "variant",
               "reflects": true
@@ -1491,9 +1498,9 @@
             {
               "name": "variant",
               "type": {
-                "text": "'default' | 'success' | 'error'"
+                "text": "'blue' | 'green' | 'red'"
               },
-              "default": "'default'",
+              "default": "'blue'",
               "description": "The badge's variant.",
               "fieldName": "variant"
             },
@@ -3923,9 +3930,19 @@
             {
               "kind": "field",
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "maxOptionsTagLabel",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "attribute": "max-options-tag-label"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -4294,9 +4311,18 @@
             },
             {
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "max-options-tag-label",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "fieldName": "maxOptionsTagLabel"
+            },
             {
               "name": "disabled",
               "type": {
@@ -6343,6 +6369,14 @@
               "attribute": "back-variant",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "activeSide",
+              "type": {
+                "text": "'front' | 'back'"
+              },
+              "default": "'front'"
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -10689,6 +10723,17 @@
                 "module": "components/accordion/accordion.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "accordionObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "components/accordion/accordion.js"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -12130,6 +12175,12 @@
           "kind": "class",
           "description": "",
           "name": "SdSelect",
+          "cssProperties": [
+            {
+              "description": "Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\"",
+              "name": "--tag-max-width"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -12299,9 +12350,19 @@
             {
               "kind": "field",
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the select is empty.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "maxOptionsTagLabel",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "attribute": "max-options-tag-label"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -12634,9 +12695,18 @@
             },
             {
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the select is empty.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "max-options-tag-label",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "fieldName": "maxOptionsTagLabel"
+            },
             {
               "name": "disabled",
               "type": {
@@ -16442,10 +16512,6 @@
             {
               "description": "The `<div>` element wrapper around the play-button that defines the circular background.",
               "name": "play-button-bg"
-            },
-            {
-              "description": "The `<div>` element styled as an absolutely positioned transparent overlay.",
-              "name": "overlay"
             }
           ],
           "slots": [
@@ -16470,21 +16536,10 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Set to `true` to hide the play icon and the overlay.",
+              "description": "Set to `true` to hide the play icon.",
               "attribute": "playing",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "overlay",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
-              "attribute": "overlay",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "isBelowBreakpoint",
@@ -16559,18 +16614,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Set to `true` to hide the play icon and the overlay.",
+              "description": "Set to `true` to hide the play icon.",
               "fieldName": "playing"
             },
-            {
-              "name": "overlay",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
-              "fieldName": "overlay"
-            },
             {
               "name": "isBelowBreakpoint",
               "type": {
@@ -16642,7 +16688,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.0.0-next.1",
+    "version": "4.0.0-next.11",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,154 +4,154 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.76ZNNLGN.js";
+} from "./chunks/chunk.MX7GY5XQ.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.7OHSCBBX.js";
+} from "./chunks/chunk.NVHRZE37.js";
 import {
   SdTextarea
-} from "./chunks/chunk.VHGHICFG.js";
+} from "./chunks/chunk.3ZXUWSEL.js";
 import {
   SdTooltip
-} from "./chunks/chunk.XVFJS7VS.js";
+} from "./chunks/chunk.W4THOWU4.js";
 import {
   SdVideo
-} from "./chunks/chunk.SPBPHTSS.js";
+} from "./chunks/chunk.37664KT7.js";
 import {
   SdSelect
-} from "./chunks/chunk.I3PY3VYP.js";
+} from "./chunks/chunk.ZRYBN4IO.js";
 import {
   SdStep
-} from "./chunks/chunk.3LGDUVS4.js";
+} from "./chunks/chunk.LS4AX4SN.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.PIR4YJUS.js";
+} from "./chunks/chunk.RMYHGT7L.js";
 import {
   SdSwitch
-} from "./chunks/chunk.2IBVAXOX.js";
+} from "./chunks/chunk.LHLEDGCK.js";
 import {
   SdTab
-} from "./chunks/chunk.7BEDTYS7.js";
+} from "./chunks/chunk.LHOEG5AE.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.56SNEGI4.js";
+} from "./chunks/chunk.RD6YNTHQ.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.6CUAQSFA.js";
+} from "./chunks/chunk.7RBU4QLX.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.4WYIZLVF.js";
+} from "./chunks/chunk.IV33PV6V.js";
 import {
   SdOption
-} from "./chunks/chunk.SSH6ATRK.js";
+} from "./chunks/chunk.4OXUMYNO.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.6JI7NL3E.js";
+} from "./chunks/chunk.ARGAIVTZ.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.MTSAWJLV.js";
+} from "./chunks/chunk.CLK342K3.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.BVC5FY4L.js";
+} from "./chunks/chunk.72J5QL5P.js";
 import {
   SdRadio
-} from "./chunks/chunk.J7MMF6WJ.js";
+} from "./chunks/chunk.IWGFPJAK.js";
 import {
   SdScrollable
-} from "./chunks/chunk.DQPVSTUQ.js";
+} from "./chunks/chunk.RMWDQZ5A.js";
 import {
   SdInclude
-} from "./chunks/chunk.PDRECIYA.js";
+} from "./chunks/chunk.SSO3SWRT.js";
 import {
   SdInput
-} from "./chunks/chunk.QP3SM2LZ.js";
+} from "./chunks/chunk.DRB2G3P6.js";
 import {
   SdLink
-} from "./chunks/chunk.U5NFPAOX.js";
+} from "./chunks/chunk.MH53Q556.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.R4BETATX.js";
+} from "./chunks/chunk.ZDQYPV5E.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.BXB5WF23.js";
+} from "./chunks/chunk.JLAN3PNI.js";
 import {
   SdNotification
-} from "./chunks/chunk.ZGPGFEVP.js";
+} from "./chunks/chunk.BV77EY65.js";
 import {
   SdDropdown
-} from "./chunks/chunk.PGZ5AWZ2.js";
+} from "./chunks/chunk.XOBSRYP5.js";
 import {
   SdExpandable
-} from "./chunks/chunk.J2XBUIBC.js";
+} from "./chunks/chunk.27SQRFDZ.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.WWS3CQ2Z.js";
+} from "./chunks/chunk.6674RGIJ.js";
 import {
   SdHeader
-} from "./chunks/chunk.Z2UY62T2.js";
+} from "./chunks/chunk.T7T2LPLI.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.HPR3PWAE.js";
+} from "./chunks/chunk.QGX7W3RC.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.65BWRJEA.js";
+} from "./chunks/chunk.WFDQNLQL.js";
 import {
   SdCombobox
-} from "./chunks/chunk.EFEBQQHC.js";
+} from "./chunks/chunk.TCQ2FKF6.js";
 import {
   SdTag
-} from "./chunks/chunk.NM6QP6RJ.js";
+} from "./chunks/chunk.O37UUDLF.js";
 import {
   SdPopup
-} from "./chunks/chunk.V7TQ6VJU.js";
+} from "./chunks/chunk.XRAWUIHI.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdDialog
-} from "./chunks/chunk.727ERQ4F.js";
+} from "./chunks/chunk.BD26OX54.js";
 import {
   SdDivider
-} from "./chunks/chunk.JIKTGTDS.js";
+} from "./chunks/chunk.6TF5WSJN.js";
 import {
   SdDrawer
-} from "./chunks/chunk.U6RY25TF.js";
+} from "./chunks/chunk.7Y2R5BEJ.js";
 import "./chunks/chunk.VBQLCQSN.js";
 import "./chunks/chunk.XHCTCU2Q.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdBadge
-} from "./chunks/chunk.RZRTIYXA.js";
+} from "./chunks/chunk.JQLMRRV4.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.H655M7FD.js";
+} from "./chunks/chunk.S2SWZRSZ.js";
 import {
   SdButton
-} from "./chunks/chunk.4QKRGAOL.js";
+} from "./chunks/chunk.V7NZEUUG.js";
 import {
   SdSpinner
-} from "./chunks/chunk.D6JZ4IKM.js";
+} from "./chunks/chunk.WTFEKMUV.js";
 import "./chunks/chunk.KVKRZJS7.js";
-import "./chunks/chunk.ZWJI7SLE.js";
+import "./chunks/chunk.B46YO2DU.js";
 import {
   SdCarousel
-} from "./chunks/chunk.QCICV36Z.js";
+} from "./chunks/chunk.7DX4PB23.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import "./chunks/chunk.2LMWBUBT.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.RNSJAVQE.js";
+} from "./chunks/chunk.QS7JZELX.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.IN3GJ5QL.js";
+} from "./chunks/chunk.5XUZOO7Z.js";
 import {
   SdAccordion
-} from "./chunks/chunk.DAM3ICHP.js";
+} from "./chunks/chunk.TE6Y3FYE.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunks/chunk.3IT4HBTI.js";
+} from "./chunks/chunk.ZGRX6PY5.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
 import {
@@ -164,19 +164,19 @@ import "./chunks/chunk.EY4JPJJQ.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdAnimation
-} from "./chunks/chunk.UC5E3AEF.js";
+} from "./chunks/chunk.WB5MD7EZ.js";
 import "./chunks/chunk.X2OQMWGY.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.QAZYUCBK.js";
+} from "./chunks/chunk.X4EIUBHA.js";
 import "./chunks/chunk.YEZS5ZR2.js";
 import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
 import "./chunks/chunk.MNYQWRJE.js";
 import "./chunks/chunk.2S2CNWKY.js";
-import "./chunks/chunk.UDZYWRPT.js";
+import "./chunks/chunk.YZQTF7B4.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.V7TQ6VJU.js";
-import "../chunks/chunk.UDZYWRPT.js";
+import "../chunks/chunk.XRAWUIHI.js";
+import "../chunks/chunk.YZQTF7B4.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   setupAutocomplete

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

@@ -197,11 +197,7 @@
         {
           "name": "variant",
           "description": "The badge's variant.",
-          "values": [
-            { "name": "default" },
-            { "name": "success" },
-            { "name": "error" }
-          ]
+          "values": [{ "name": "blue" }, { "name": "green" }, { "name": "red" }]
         },
         {
           "name": "inverted",
@@ -626,6 +622,11 @@
           "description": "Placeholder text to show as a hint when the combobox is empty.",
           "values": []
         },
+        {
+          "name": "max-options-tag-label",
+          "description": "Label text shown on tag if max-options-visible is reached.",
+          "values": []
+        },
         {
           "name": "disabled",
           "description": "Disables the combobox control.",
@@ -2070,7 +2071,7 @@
     },
     {
       "name": "sd-select",
-      "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the select's menu opens.\n- **sd-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the select's menu closes.\n- **sd-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the combobox, clear icon, and expand button.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__removable-indicator** - The tag's remove button.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
+      "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the select's menu opens.\n- **sd-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the select's menu closes.\n- **sd-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Properties:**\n - **--tag-max-width** - Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\" _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the combobox, clear icon, and expand button.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__removable-indicator** - The tag's remove button.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
       "attributes": [
         {
           "name": "open",
@@ -2097,6 +2098,11 @@
           "description": "Placeholder text to show as a hint when the select is empty.",
           "values": []
         },
+        {
+          "name": "max-options-tag-label",
+          "description": "Label text shown on tag if max-options-visible is reached.",
+          "values": []
+        },
         {
           "name": "disabled",
           "description": "Disables the select control.",
@@ -2845,16 +2851,11 @@
     },
     {
       "name": "sd-video",
-      "description": "Used to wrap external video elements (e. g. from Moving Image or bare <video>-Tags) and provide some basic styling for Union Investment.\n---\n\n\n### **Events:**\n - **sd-play** - Event emitted when clicking the `play-icon`. Listen for this event and use it to play the wrapped video.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The default slot used to pass a video player element.\n- **play-icon** - The video's play icon.\n- **poster** - Specifies an image to be shown before initial play of the wrapped video. Acts like the `poster` attribute on the native video tag.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **play-button** - The `<button>` element wrapper around the play-icon slot (full screen to field all click events).\n- **play-button-bg** - The `<div>` element wrapper around the play-button that defines the circular background.\n- **overlay** - The `<div>` element styled as an absolutely positioned transparent overlay.",
+      "description": "Used to wrap external video elements (e. g. from Moving Image or bare <video>-Tags) and provide some basic styling for Union Investment.\n---\n\n\n### **Events:**\n - **sd-play** - Event emitted when clicking the `play-icon`. Listen for this event and use it to play the wrapped video.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The default slot used to pass a video player element.\n- **play-icon** - The video's play icon.\n- **poster** - Specifies an image to be shown before initial play of the wrapped video. Acts like the `poster` attribute on the native video tag.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **play-button** - The `<button>` element wrapper around the play-icon slot (full screen to field all click events).\n- **play-button-bg** - The `<div>` element wrapper around the play-button that defines the circular background.",
       "attributes": [
         {
           "name": "playing",
-          "description": "Set to `true` to hide the play icon and the overlay.",
-          "values": []
-        },
-        {
-          "name": "overlay",
-          "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
+          "description": "Set to `true` to hide the play icon.",
           "values": []
         },
         {