@solid-design-system/components 4.0.0-next.0 → 4.0.0-next.10

package/cdn/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.0",
+    "version": "4.0.0-next.10",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"