@solid-design-system/components 6.0.0-next.13 → 6.0.0-next.15

package/dist/custom-elements.json

@@ -9763,6 +9763,10 @@
               "description": "The help text's wrapper.",
               "name": "form-control-help-text"
             },
+            {
+              "description": "The floating label text's wrapper.",
+              "name": "form-control-floating-label"
+            },
             {
               "description": "The component's base wrapper.",
               "name": "base"
@@ -10090,6 +10094,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "floatingLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "attribute": "floating-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "pattern",
@@ -10616,6 +10631,15 @@
               "description": "Makes the input a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "floating-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "fieldName": "floatingLabel"
+            },
             {
               "name": "pattern",
               "type": {
@@ -17549,6 +17573,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",
@@ -22215,7 +22416,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.0.0-next.13",
+    "version": "6.0.0-next.15",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 .sd-scroll-lock {

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';

package/dist/solid-components.js

@@ -1,198 +1,201 @@
+import {
+  setupAutocomplete
+} from "./chunks/chunk.U2BN2DBY.js";
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdTextarea
+} from "./chunks/chunk.BPGVWGLN.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.SYXN6E4T.js";
+} from "./chunks/chunk.J45NCA37.js";
 import {
   SdTooltip
-} from "./chunks/chunk.EMU4ZNFB.js";
+} from "./chunks/chunk.ESGIRCK5.js";
 import {
   SdVideo
-} from "./chunks/chunk.DXTBP2P6.js";
+} from "./chunks/chunk.ZZXI4CL2.js";
 import {
-  setupAutocomplete
-} from "./chunks/chunk.WN5EV4N3.js";
+  SdStepGroup
+} from "./chunks/chunk.BAMGSVKY.js";
 import {
   SdSwitch
-} from "./chunks/chunk.BPFUHSE6.js";
+} from "./chunks/chunk.ZMWI5CNZ.js";
 import {
   SdTab
-} from "./chunks/chunk.QYZE4ARE.js";
+} from "./chunks/chunk.2MEI4QVQ.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.ECSSDS7T.js";
+} from "./chunks/chunk.MEGYBUWF.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.SWXSBRRQ.js";
+} from "./chunks/chunk.5QWPMU4N.js";
 import {
   SdTeaser
-} from "./chunks/chunk.6E6VJJCZ.js";
+} from "./chunks/chunk.FOT3TENQ.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.HEU4LDJX.js";
-import {
-  SdTextarea
-} from "./chunks/chunk.DZS26LXZ.js";
+} from "./chunks/chunk.D4HQZ6S2.js";
 import {
   SdRange
-} from "./chunks/chunk.LGBFWOCJ.js";
+} from "./chunks/chunk.KGCSNER3.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.OC76JBYD.js";
+} from "./chunks/chunk.E66NVJMW.js";
 import {
   SdScrollable
-} from "./chunks/chunk.QQX5RCHL.js";
+} from "./chunks/chunk.CQS4J6JA.js";
 import {
   SdSelect
-} from "./chunks/chunk.SGCOHQSI.js";
+} from "./chunks/chunk.Q3VMYLNB.js";
+import {
+  SdSkeleton
+} from "./chunks/chunk.J3IAHW3W.js";
 import {
   SdSpinner
-} from "./chunks/chunk.MASJX3XP.js";
+} from "./chunks/chunk.NJZJL4CE.js";
 import {
   SdStep
-} from "./chunks/chunk.264U7CMA.js";
-import {
-  SdStepGroup
-} from "./chunks/chunk.CSQ6UNT7.js";
+} from "./chunks/chunk.ODHB3BDR.js";
 import {
   SdNotification
-} from "./chunks/chunk.XTHUPXCS.js";
+} from "./chunks/chunk.UGHPELXE.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.3FNTXOOI.js";
+} from "./chunks/chunk.B2W6OSHP.js";
 import {
   SdOption
-} from "./chunks/chunk.SF447PE7.js";
+} from "./chunks/chunk.UIQY2XNX.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.IXLKTULT.js";
+} from "./chunks/chunk.BCMYZZXB.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.A7UPZVBX.js";
+} from "./chunks/chunk.XJ534BEB.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.7PCENRTO.js";
+} from "./chunks/chunk.QO5XTCCI.js";
 import {
   SdRadio
-} from "./chunks/chunk.Q57H4HOI.js";
+} from "./chunks/chunk.RKXNBQEM.js";
 import {
   SdInput
-} from "./chunks/chunk.ZHEFFMES.js";
+} from "./chunks/chunk.ZDANKHUB.js";
 import {
   SdLink
-} from "./chunks/chunk.YHJOW7S3.js";
+} from "./chunks/chunk.TO2IYKEG.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.6AAIPQYI.js";
+} from "./chunks/chunk.G2DXPAAC.js";
 import {
   SdMenu
-} from "./chunks/chunk.HYD6CWKB.js";
+} from "./chunks/chunk.PX4QPF33.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.CCVS6SCT.js";
+} from "./chunks/chunk.ISI7OM7J.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.CSMEO2UQ.js";
+} from "./chunks/chunk.HNOGXPZ4.js";
 import {
   SdInclude
-} from "./chunks/chunk.YSE5ZECP.js";
+} from "./chunks/chunk.ZKPYFGAB.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.WTA5BTJL.js";
+} from "./chunks/chunk.GFAGYOHP.js";
 import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.HHTYBBNM.js";
+} from "./chunks/chunk.3UHAKB7V.js";
 import {
   SdDivider
-} from "./chunks/chunk.QH2KLXTB.js";
+} from "./chunks/chunk.6MIWPZ4F.js";
 import {
   SdDropdown
-} from "./chunks/chunk.723WXRZK.js";
+} from "./chunks/chunk.BS6SRKE5.js";
 import {
   SdExpandable
-} from "./chunks/chunk.XTNHNEFI.js";
+} from "./chunks/chunk.RIQOSJ57.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.CREFZXWR.js";
+} from "./chunks/chunk.Y66SRIWS.js";
 import {
   SdHeader
-} from "./chunks/chunk.YIIMAPVO.js";
+} from "./chunks/chunk.G3Y44TCK.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.U2RRRJY3.js";
+} from "./chunks/chunk.34JYXSX4.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.KR3X7M5B.js";
+} from "./chunks/chunk.5OAHSYHP.js";
 import {
   SdCombobox
-} from "./chunks/chunk.IUD4JFEG.js";
+} from "./chunks/chunk.B6EDHKSG.js";
 import {
   SdTag
-} from "./chunks/chunk.EERHCK7O.js";
+} from "./chunks/chunk.J7YGVFJG.js";
 import {
   SdPopup
-} from "./chunks/chunk.342A5SCB.js";
+} from "./chunks/chunk.AZOJCOU5.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.KS4PRECL.js";
+} from "./chunks/chunk.SPIQ4AOE.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.GDO3P6PZ.js";
+} from "./chunks/chunk.4OSLD2DR.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.VLIPMAVX.js";
+} from "./chunks/chunk.PA6GPOLQ.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.36MFTGER.js";
-import "./chunks/chunk.ISASQGOE.js";
+} from "./chunks/chunk.DG364HYS.js";
+import "./chunks/chunk.AT6C4LIJ.js";
 import {
   SdCarousel
-} from "./chunks/chunk.LOVLLOYE.js";
+} from "./chunks/chunk.AARSESWB.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.GP6R4ZF6.js";
+} from "./chunks/chunk.Z7K2VOWN.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.SZ7IRQY4.js";
+} from "./chunks/chunk.Y67IPESQ.js";
 import {
   SdAccordion
-} from "./chunks/chunk.Z32LVC6A.js";
+} from "./chunks/chunk.KQ3PWMZX.js";
 import {
   SdAnimation
-} from "./chunks/chunk.VBJNVPBU.js";
+} from "./chunks/chunk.5LXOEJTB.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.WLZ64OXQ.js";
+} from "./chunks/chunk.L6PWWNMI.js";
 import {
   SdDrawer
-} from "./chunks/chunk.52VGL2RV.js";
+} from "./chunks/chunk.JLI2RQGA.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.HSMUS45Y.js";
+} from "./chunks/chunk.IPGDILFE.js";
 import {
   SdLoader
-} from "./chunks/chunk.OILA72IM.js";
+} from "./chunks/chunk.5RB5WONZ.js";
 import "./chunks/chunk.XCQC3F3H.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.2NCOG3MU.js";
+} from "./chunks/chunk.7HZ4PM73.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -208,7 +211,7 @@ import {
 import "./chunks/chunk.ID6DABAJ.js";
 import "./chunks/chunk.3S7EW72P.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.LJIVAP6V.js";
+import "./chunks/chunk.WFW6OFNN.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -257,6 +260,7 @@ export {
   SdRangeTick,
   SdScrollable,
   SdSelect,
+  SdSkeleton,
   SdSpinner,
   SdStep,
   SdStepGroup,

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
-} from "../chunks/chunk.WN5EV4N3.js";
-import "../chunks/chunk.342A5SCB.js";
-import "../chunks/chunk.LJIVAP6V.js";
+} from "../chunks/chunk.U2BN2DBY.js";
+import "../chunks/chunk.AZOJCOU5.js";
+import "../chunks/chunk.WFW6OFNN.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1383,7 +1383,7 @@
     },
     {
       "name": "sd-input",
-      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-clear** - Emitted when the clear button is activated.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-search** - Emitted when the search button is activated.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\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- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the input.\n- **right** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Properties:**\n - **--sd-form-control--invalid-color-background** - The background color for form controls in invalid state. _(default: undefined)_\n- **--sd-form-control-color-text** - The text color for form controls. _(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 input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **input** - The internal `<input>` control.\n- **left** - The container that wraps the left.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **right** - The container that wraps the right.\n- **invalid-icon** - The invalid icon.\n- **valid-icon** - The valid icon.\n- **invalid-message** - The invalid message.",
+      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-clear** - Emitted when the clear button is activated.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-search** - Emitted when the search button is activated.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\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- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the input.\n- **right** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Properties:**\n - **--sd-form-control--invalid-color-background** - The background color for form controls in invalid state. _(default: undefined)_\n- **--sd-form-control-color-text** - The text color for form controls. _(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 input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **form-control-floating-label** - The floating label text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **input** - The internal `<input>` control.\n- **left** - The container that wraps the left.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **right** - The container that wraps the right.\n- **invalid-icon** - The invalid icon.\n- **valid-icon** - The valid icon.\n- **invalid-message** - The invalid message.",
       "attributes": [
         {
           "name": "type",
@@ -1517,6 +1517,11 @@
           "description": "Makes the input a required field.",
           "values": []
         },
+        {
+          "name": "floating-label",
+          "description": "Enables the floating label behavior for the input.",
+          "values": []
+        },
         {
           "name": "pattern",
           "description": "A regular expression pattern to validate input against.",
@@ -2677,6 +2682,33 @@
         }
       ]
     },
+    {
+      "name": "sd-skeleton",
+      "description": "Skeleton loaders are used as placeholder previews of content before data gets loaded.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The skeleton's content. When provided, adapts to the content's dimensions. When empty, displays according to the variant property.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The shape variant when used without slotted content.",
+          "values": [{ "name": "rectangular" }, { "name": "circular" }]
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-skeleton--docs"
+        }
+      ]
+    },
     {
       "name": "sd-spinner",
       "description": "Spinners are used to show the progress of an indeterminate operation.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.",