@solid-design-system/components 5.16.2 → 5.17.1

package/dist/components/scrollable/scrollable.js

@@ -1,7 +1,7 @@
 import {
   SdScrollable
-} from "../../chunks/chunk.5USUIHQC.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+} from "../../chunks/chunk.AWVURKQ3.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/select/select.js

@@ -1,15 +1,15 @@
 import {
   SdSelect
-} from "../../chunks/chunk.LLUTMJ6Y.js";
-import "../../chunks/chunk.VZBVZB3D.js";
-import "../../chunks/chunk.2CAP3Q56.js";
+} from "../../chunks/chunk.HTEXYS4A.js";
+import "../../chunks/chunk.W6RMEFFR.js";
+import "../../chunks/chunk.2EN4CJ2E.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -20,7 +20,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,11 @@
+import SolidElement from '../../internal/solid-element';
+export default class SdSkeleton extends SolidElement {
+    variant: 'rectangular' | 'circular';
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sd-skeleton': SdSkeleton;
+    }
+}

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,9 @@
+import {
+  SdSkeleton
+} from "../../chunks/chunk.QP27BG3Y.js";
+import "../../chunks/chunk.RZLBIMEH.js";
+import "../../chunks/chunk.HQWAKJBV.js";
+import "../../chunks/chunk.S3NI7NKU.js";
+export {
+  SdSkeleton as default
+};

package/dist/components/spinner/spinner.js

@@ -1,10 +1,10 @@
 import {
   SdSpinner
-} from "../../chunks/chunk.EOLLVTEE.js";
+} from "../../chunks/chunk.J2MPIUT5.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/step/step.js

@@ -1,8 +1,8 @@
 import {
   SdStep
-} from "../../chunks/chunk.BWFYNOYR.js";
+} from "../../chunks/chunk.VDSIXERI.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -10,7 +10,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/step-group/step-group.js

@@ -1,8 +1,8 @@
 import {
   SdStepGroup
-} from "../../chunks/chunk.TED3AFLN.js";
+} from "../../chunks/chunk.22DM7THN.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/switch/switch.js

@@ -1,11 +1,11 @@
 import {
   SdSwitch
-} from "../../chunks/chunk.7JUNYBWC.js";
+} from "../../chunks/chunk.246LUIGB.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tab/tab.js

@@ -1,12 +1,12 @@
 import {
   SdTab
-} from "../../chunks/chunk.XF7G3LFU.js";
+} from "../../chunks/chunk.A5GKQZGQ.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tab-group/tab-group.js

@@ -1,9 +1,9 @@
 import {
   SdTabGroup
-} from "../../chunks/chunk.QFW772DW.js";
+} from "../../chunks/chunk.YBAAPYHP.js";
 import "../../chunks/chunk.NOWCQZBS.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tab-panel/tab-panel.js

@@ -1,8 +1,8 @@
 import {
   SdTabPanel
-} from "../../chunks/chunk.WV4BVBH5.js";
+} from "../../chunks/chunk.WUB4VSXU.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tag/tag.js

@@ -1,7 +1,7 @@
 import {
   SdTag
-} from "../../chunks/chunk.VZBVZB3D.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+} from "../../chunks/chunk.W6RMEFFR.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/teaser/teaser.js

@@ -1,8 +1,8 @@
 import {
   SdTeaser
-} from "../../chunks/chunk.V257WRGF.js";
+} from "../../chunks/chunk.JUZY76ML.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,8 +1,8 @@
 import {
   SdTeaserMedia
-} from "../../chunks/chunk.U3IJ4WDG.js";
+} from "../../chunks/chunk.NYOWE72U.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/textarea/textarea.js

@@ -1,10 +1,10 @@
 import {
   SdTextarea
-} from "../../chunks/chunk.UFU7P2YD.js";
+} from "../../chunks/chunk.5L52M55A.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tooltip/tooltip.js

@@ -1,11 +1,11 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.TWLOCD6V.js";
-import "../../chunks/chunk.2CAP3Q56.js";
+} from "../../chunks/chunk.KHS7FSFX.js";
+import "../../chunks/chunk.2EN4CJ2E.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -1,8 +1,8 @@
 import {
   SdVideo
-} from "../../chunks/chunk.YN47LYT7.js";
+} from "../../chunks/chunk.KMU4KABG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.QVBR2RUV.js";
+import "../../chunks/chunk.PKG3F2KC.js";
 import "../../chunks/chunk.UVOGBJGP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.QSQRQKYT.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PJJCHCFO.js";
+import "../../chunks/chunk.RZLBIMEH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -17047,6 +17047,183 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/skeleton/skeleton.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdSkeleton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The skeleton's content. When provided, adapts to the content's dimensions. When empty, displays according to the variant property.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'rectangular' | 'circular'"
+              },
+              "default": "'rectangular'",
+              "description": "The shape variant when used without slotted content.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'rectangular' | 'circular'"
+              },
+              "default": "'rectangular'",
+              "description": "The shape variant when used without slotted content.",
+              "fieldName": "variant"
+            },
+            {
+              "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": "Skeleton loaders are used as placeholder previews of content before data gets loaded.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/skeleton",
+          "status": "stable",
+          "since": "5.17.0",
+          "tagName": "sd-skeleton",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-skeleton",
+          "declaration": {
+            "name": "SdSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/spinner/spinner.js",
@@ -21403,7 +21580,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "5.16.2",
+    "version": "5.17.1",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.d.ts

@@ -41,6 +41,7 @@ export { default as SdRange } from './components/range/range.js';
 export { default as SdRangeTick } from './components/range-tick/range-tick.js';
 export { default as SdScrollable } from './components/scrollable/scrollable.js';
 export { default as SdSelect } from './components/select/select.js';
+export { default as SdSkeleton } from './components/skeleton/skeleton.js';
 export { default as SdSpinner } from './components/spinner/spinner.js';
 export { default as SdStep } from './components/step/step.js';
 export { default as SdStepGroup } from './components/step-group/step-group.js';