@solid-design-system/components 4.6.8 → 4.6.9

package/dist/custom-elements.json

@@ -1167,7 +1167,9 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-icon"
+            "sd-icon",
+            "sd-button",
+            "sd-drawer"
           ],
           "tagName": "sd-audio",
           "customElement": true
@@ -1580,198 +1582,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/brandshape/brandshape.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdBrandshape",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "Middle content wrapper.",
-              "name": "content"
-            },
-            {
-              "description": "Top shape.",
-              "name": "shape-top"
-            },
-            {
-              "description": "Middle shape.",
-              "name": "shape-middle"
-            },
-            {
-              "description": "Bottom shape.",
-              "name": "shape-bottom"
-            },
-            {
-              "description": "Container for border and image variant.",
-              "name": "stylized-container"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The content inside the brandshape.",
-              "name": ""
-            },
-            {
-              "description": "The image slot for the 'image' variant.",
-              "name": "image"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'neutral-100'\n    | 'primary'\n    | 'white'\n    | 'border-primary'\n    | 'border-white'\n    | 'image'"
-              },
-              "default": "'primary'",
-              "description": "The brandshape's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shapes",
-              "type": {
-                "text": "('top' | 'middle' | 'bottom')[]"
-              },
-              "default": "['top', 'middle', 'bottom']",
-              "description": "Defines which shapes of the brandshape should be displayed.",
-              "attribute": "shapes"
-            },
-            {
-              "kind": "field",
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "attribute": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "attribute": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'neutral-100'\n    | 'primary'\n    | 'white'\n    | 'border-primary'\n    | 'border-white'\n    | 'image'"
-              },
-              "default": "'primary'",
-              "description": "The brandshape's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "shapes",
-              "type": {
-                "text": "('top' | 'middle' | 'bottom')[]"
-              },
-              "default": "['top', 'middle', 'bottom']",
-              "description": "Defines which shapes of the brandshape should be displayed.",
-              "fieldName": "shapes"
-            },
-            {
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "fieldName": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            },
-            {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "fieldName": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SolidElement",
-            "module": "/src/internal/solid-element"
-          },
-          "summary": "The Brandshape highlights a piece of content.",
-          "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
-          "status": "stable",
-          "since": "1.4",
-          "tagName": "sd-brandshape",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdBrandshape",
-            "module": "components/brandshape/brandshape.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-brandshape",
-          "declaration": {
-            "name": "SdBrandshape",
-            "module": "components/brandshape/brandshape.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/button/button.js",
@@ -3913,15 +3723,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sd-icon': SdIcon, 'sd-popup': SdPopup, 'sd-tag': SdTag }"
-            },
             {
               "kind": "field",
               "name": "popup",
@@ -4640,7 +4441,8 @@
           "since": "3.23.0",
           "dependencies": [
             "sd-icon",
-            "sd-popup"
+            "sd-popup",
+            "sd-tag"
           ],
           "tagName": "sd-combobox",
           "customElement": true
@@ -6005,6 +5807,14 @@
               "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
               "fieldName": "stayOpenOnSelect"
             },
+            {
+              "name": "containingElement",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "description": "The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\ncomponents that use a dropdown internally.",
+              "fieldName": "containingElement"
+            },
             {
               "name": "distance",
               "type": {
@@ -9508,7 +9318,8 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-divider"
+            "sd-divider",
+            "sd-icon"
           ],
           "tagName": "sd-navigation-item",
           "customElement": true
@@ -9821,7 +9632,8 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-button"
+            "sd-button",
+            "sd-icon"
           ],
           "animations": [
             {
@@ -11177,7 +10989,8 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-icon"
+            "sd-icon",
+            "sd-accordion"
           ],
           "tagName": "sd-quickfact",
           "customElement": true,
@@ -12486,6 +12299,9 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "status": "stable",
           "since": "1.0",
+          "dependencies": [
+            "sd-icon"
+          ],
           "tagName": "sd-scrollable",
           "customElement": true
         }
@@ -12608,15 +12424,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sd-icon': SdIcon, 'sd-popup': SdPopup, 'sd-tag': SdTag }"
-            },
             {
               "kind": "field",
               "name": "localize",
@@ -14866,6 +14673,9 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "status": "stable",
           "since": "2.6.0",
+          "dependencies": [
+            "sd-tab"
+          ],
           "tagName": "sd-tab-group",
           "customElement": true
         }
@@ -15376,6 +15186,9 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tag",
           "status": "stable",
           "since": "1.10",
+          "dependencies": [
+            "sd-icon"
+          ],
           "tagName": "sd-tag",
           "customElement": true
         }
@@ -15630,6 +15443,198 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/brandshape/brandshape.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdBrandshape",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "Middle content wrapper.",
+              "name": "content"
+            },
+            {
+              "description": "Top shape.",
+              "name": "shape-top"
+            },
+            {
+              "description": "Middle shape.",
+              "name": "shape-middle"
+            },
+            {
+              "description": "Bottom shape.",
+              "name": "shape-bottom"
+            },
+            {
+              "description": "Container for border and image variant.",
+              "name": "stylized-container"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The content inside the brandshape.",
+              "name": ""
+            },
+            {
+              "description": "The image slot for the 'image' variant.",
+              "name": "image"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'neutral-100'\n    | 'primary'\n    | 'white'\n    | 'border-primary'\n    | 'border-white'\n    | 'image'"
+              },
+              "default": "'primary'",
+              "description": "The brandshape's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shapes",
+              "type": {
+                "text": "('top' | 'middle' | 'bottom')[]"
+              },
+              "default": "['top', 'middle', 'bottom']",
+              "description": "Defines which shapes of the brandshape should be displayed.",
+              "attribute": "shapes"
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "attribute": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "attribute": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'neutral-100'\n    | 'primary'\n    | 'white'\n    | 'border-primary'\n    | 'border-white'\n    | 'image'"
+              },
+              "default": "'primary'",
+              "description": "The brandshape's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "shapes",
+              "type": {
+                "text": "('top' | 'middle' | 'bottom')[]"
+              },
+              "default": "['top', 'middle', 'bottom']",
+              "description": "Defines which shapes of the brandshape should be displayed.",
+              "fieldName": "shapes"
+            },
+            {
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element"
+          },
+          "summary": "The Brandshape highlights a piece of content.",
+          "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
+          "status": "stable",
+          "since": "1.4",
+          "tagName": "sd-brandshape",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdBrandshape",
+            "module": "components/brandshape/brandshape.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-brandshape",
+          "declaration": {
+            "name": "SdBrandshape",
+            "module": "components/brandshape/brandshape.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/teaser-media/teaser-media.js",
@@ -16577,6 +16582,9 @@
           "summary": "Textareas collect data from the user and allow multiple lines of text.",
           "status": "stable",
           "since": "1.31.0",
+          "dependencies": [
+            "sd-icon"
+          ],
           "tagName": "sd-textarea",
           "customElement": true
         }
@@ -16922,7 +16930,8 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-popup"
+            "sd-popup",
+            "sd-icon"
           ],
           "animations": [
             {
@@ -17159,7 +17168,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.6.8",
+    "version": "4.6.9",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/internal/deep-active-element.d.ts

@@ -0,0 +1 @@
+export declare function getDeepActiveElement(element?: Element | null): HTMLElement | null;

package/dist/internal/deep-active-element.js

@@ -0,0 +1,9 @@
+export function getDeepActiveElement(element = document.activeElement) {
+    if (element?.shadowRoot) {
+        const shadowActiveElement = element.shadowRoot.activeElement;
+        if (shadowActiveElement) {
+            return getDeepActiveElement(shadowActiveElement);
+        }
+    }
+    return element;
+}