@solid-design-system/components 6.0.0-next.14 → 6.0.0-next.16

package/dist/custom-elements.json

@@ -2487,6 +2487,10 @@
               "description": "The text color for inverted buttons in disabled state.",
               "name": "--sd-button--inverted--disabled-color-text"
             },
+            {
+              "description": "The background color for inverted buttons in active state.",
+              "name": "--sd-button--inverted--active-color-background"
+            },
             {
               "description": "The text color for primary buttons in active state.",
               "name": "--sd-button--primary--active-color-text"
@@ -2579,6 +2583,10 @@
               "description": "The background color for inverted CTA buttons in active state.",
               "name": "--sd-button--cta--inverted--active-color-background"
             },
+            {
+              "description": "The small button border radius.",
+              "name": "--sd-button--size-sm-font-size"
+            },
             {
               "description": "The medium button text font size.",
               "name": "--sd-button--size-md-font-size"
@@ -2587,6 +2595,10 @@
               "description": "The large button text font size.",
               "name": "--sd-button--size-lg-font-size"
             },
+            {
+              "description": "The small button border radius.",
+              "name": "--sd-button--size-sm-border-radius"
+            },
             {
               "description": "The medium button border radius.",
               "name": "--sd-button--size-md-border-radius"
@@ -2595,6 +2607,10 @@
               "description": "The large button border radius.",
               "name": "--sd-button--size-lg-border-radius"
             },
+            {
+              "description": "The small button vertical padding value.",
+              "name": "--sd-button--size-sm-padding-block"
+            },
             {
               "description": "The medium button vertical padding value.",
               "name": "--sd-button--size-md-padding-block"
@@ -2602,6 +2618,10 @@
             {
               "description": "The large button vertical padding value.",
               "name": "--sd-button--size-lg-padding-block"
+            },
+            {
+              "description": "The text font weight for buttons.",
+              "name": "--sd-button-font-weight"
             }
           ],
           "cssParts": [
@@ -4162,6 +4182,10 @@
             {
               "description": "The border width of the checkbox.",
               "name": "--sd-checkbox-border-width"
+            },
+            {
+              "description": "The color border for form controls.",
+              "name": "--sd-form-control-color-border"
             }
           ],
           "cssParts": [
@@ -9744,6 +9768,18 @@
             {
               "description": "The text color for form controls.",
               "name": "--sd-form-control-color-text"
+            },
+            {
+              "description": "The floating label text color when active.",
+              "name": "--sd-form-control--filled__floating-label-color-text"
+            },
+            {
+              "description": "The color border for form controls.",
+              "name": "--sd-form-control-color-border"
+            },
+            {
+              "description": "The icon color for form controls.",
+              "name": "--sd-form-control-color-icon"
             }
           ],
           "cssParts": [
@@ -9763,6 +9799,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 +10130,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 +10667,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 +17609,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",
@@ -19668,7 +19905,15 @@
           "cssProperties": [
             {
               "description": "The default text color for tags in their default state.",
-              "name": "--sd-tag--default--default-color-text"
+              "name": "--sd-tag--default-color-text"
+            },
+            {
+              "description": "The default color background for tags in their default state.",
+              "name": "--sd-tag--default-color-background"
+            },
+            {
+              "description": "The default color border for tags in their default state.",
+              "name": "--sd-tag--default-color-border"
             },
             {
               "description": "The background color for tags in default state on hover.",
@@ -19702,9 +19947,25 @@
               "description": "The border width for selected tags.",
               "name": "--sd-tag--selected-border-width"
             },
+            {
+              "description": "The border color for disabled tags.",
+              "name": "--sd-tag--disabled-color-border"
+            },
             {
               "description": "The border radius for tags.",
               "name": "--sd-tag-border-radius"
+            },
+            {
+              "description": "The font size for large tags.",
+              "name": "--sd-tag--size-lg-font-size"
+            },
+            {
+              "description": "The font size for small tags.",
+              "name": "--sd-tag--size-sm-font-size"
+            },
+            {
+              "description": "The font weight for tags.",
+              "name": "--sd-tag-font-weight"
             }
           ],
           "cssParts": [
@@ -22215,7 +22476,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.0.0-next.14",
+    "version": "6.0.0-next.16",
     "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.YVW2RMHE.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.SYXN6E4T.js";
+} from "./chunks/chunk.YV6TLAQG.js";
 import {
   SdTooltip
-} from "./chunks/chunk.EMU4ZNFB.js";
+} from "./chunks/chunk.HC6LHKKU.js";
 import {
   SdVideo
-} from "./chunks/chunk.DXTBP2P6.js";
+} from "./chunks/chunk.G327Z3UW.js";
 import {
-  setupAutocomplete
-} from "./chunks/chunk.WN5EV4N3.js";
+  SdStepGroup
+} from "./chunks/chunk.3UREZKLQ.js";
 import {
   SdSwitch
-} from "./chunks/chunk.BPFUHSE6.js";
+} from "./chunks/chunk.J2JUTR3O.js";
 import {
   SdTab
-} from "./chunks/chunk.QYZE4ARE.js";
+} from "./chunks/chunk.RZYPRKWX.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.ECSSDS7T.js";
+} from "./chunks/chunk.XCCVIHHK.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.SWXSBRRQ.js";
+} from "./chunks/chunk.GLKP6FBY.js";
 import {
   SdTeaser
-} from "./chunks/chunk.6E6VJJCZ.js";
+} from "./chunks/chunk.N4OTT34O.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.HEU4LDJX.js";
-import {
-  SdTextarea
-} from "./chunks/chunk.DZS26LXZ.js";
+} from "./chunks/chunk.EGZ57KTV.js";
 import {
   SdRange
-} from "./chunks/chunk.LGBFWOCJ.js";
+} from "./chunks/chunk.HOQ7HWJ2.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.OC76JBYD.js";
+} from "./chunks/chunk.YNEDC56F.js";
 import {
   SdScrollable
-} from "./chunks/chunk.QQX5RCHL.js";
+} from "./chunks/chunk.IJLFM2YE.js";
 import {
   SdSelect
-} from "./chunks/chunk.SGCOHQSI.js";
+} from "./chunks/chunk.PXABEZTS.js";
+import {
+  SdSkeleton
+} from "./chunks/chunk.TANNWOC5.js";
 import {
   SdSpinner
-} from "./chunks/chunk.MASJX3XP.js";
+} from "./chunks/chunk.AUNSZRBQ.js";
 import {
   SdStep
-} from "./chunks/chunk.TQFVQIUF.js";
-import {
-  SdStepGroup
-} from "./chunks/chunk.CSQ6UNT7.js";
+} from "./chunks/chunk.XXOSIGGH.js";
 import {
   SdNotification
-} from "./chunks/chunk.XTHUPXCS.js";
+} from "./chunks/chunk.P3AEQTO4.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.3FNTXOOI.js";
+} from "./chunks/chunk.ULHJFA5A.js";
 import {
   SdOption
-} from "./chunks/chunk.SF447PE7.js";
+} from "./chunks/chunk.4LMIOELP.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.IXLKTULT.js";
+} from "./chunks/chunk.FJXMO4AJ.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.A7UPZVBX.js";
+} from "./chunks/chunk.XPXWMXEZ.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.7PCENRTO.js";
+} from "./chunks/chunk.QMAANEK5.js";
 import {
   SdRadio
-} from "./chunks/chunk.Q57H4HOI.js";
+} from "./chunks/chunk.GTG5NCJH.js";
 import {
   SdInput
-} from "./chunks/chunk.ZHEFFMES.js";
+} from "./chunks/chunk.6WGHSMA3.js";
 import {
   SdLink
-} from "./chunks/chunk.YHJOW7S3.js";
+} from "./chunks/chunk.5YR4L6ZG.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.6AAIPQYI.js";
+} from "./chunks/chunk.NLVFG55I.js";
 import {
   SdMenu
-} from "./chunks/chunk.HYD6CWKB.js";
+} from "./chunks/chunk.MGI5NELL.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.CCVS6SCT.js";
+} from "./chunks/chunk.76LE4BPL.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.CSMEO2UQ.js";
+} from "./chunks/chunk.76YV6AY5.js";
 import {
   SdInclude
-} from "./chunks/chunk.YSE5ZECP.js";
+} from "./chunks/chunk.GUAIWPL4.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.WTA5BTJL.js";
+} from "./chunks/chunk.BT4V2WPS.js";
 import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.HHTYBBNM.js";
+} from "./chunks/chunk.EPZFBHM5.js";
 import {
   SdDivider
-} from "./chunks/chunk.QH2KLXTB.js";
+} from "./chunks/chunk.FTQNZE7U.js";
 import {
   SdDropdown
-} from "./chunks/chunk.723WXRZK.js";
+} from "./chunks/chunk.UAKAZZQ5.js";
 import {
   SdExpandable
-} from "./chunks/chunk.XTNHNEFI.js";
+} from "./chunks/chunk.AUWFJ6KR.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.CREFZXWR.js";
+} from "./chunks/chunk.3DZRUVDI.js";
 import {
   SdHeader
-} from "./chunks/chunk.YIIMAPVO.js";
+} from "./chunks/chunk.RSHUGRW4.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.U2RRRJY3.js";
+} from "./chunks/chunk.UE4M2UDJ.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.KR3X7M5B.js";
+} from "./chunks/chunk.BWFAN5T4.js";
 import {
   SdCombobox
-} from "./chunks/chunk.IUD4JFEG.js";
+} from "./chunks/chunk.RYXJEAJP.js";
 import {
   SdTag
-} from "./chunks/chunk.EERHCK7O.js";
+} from "./chunks/chunk.J3LIXAL2.js";
 import {
   SdPopup
-} from "./chunks/chunk.342A5SCB.js";
+} from "./chunks/chunk.HHKPFIAB.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.LZEWZD6Z.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.GDO3P6PZ.js";
+} from "./chunks/chunk.QLNTXQ74.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.VLIPMAVX.js";
+} from "./chunks/chunk.2W5MM7HR.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.36MFTGER.js";
-import "./chunks/chunk.ISASQGOE.js";
+} from "./chunks/chunk.O3GL2NJZ.js";
+import "./chunks/chunk.HPCBK4U6.js";
 import {
   SdCarousel
-} from "./chunks/chunk.LOVLLOYE.js";
+} from "./chunks/chunk.G4LU2DPT.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.JE5DROBO.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.SZ7IRQY4.js";
+} from "./chunks/chunk.DUPO2RAV.js";
 import {
   SdAccordion
-} from "./chunks/chunk.Z32LVC6A.js";
+} from "./chunks/chunk.BVGYMFAR.js";
 import {
   SdAnimation
-} from "./chunks/chunk.VBJNVPBU.js";
+} from "./chunks/chunk.XMHLFXNP.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.WLZ64OXQ.js";
+} from "./chunks/chunk.K3WOPEVW.js";
 import {
   SdDrawer
-} from "./chunks/chunk.52VGL2RV.js";
+} from "./chunks/chunk.VHCJ4ERI.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.QBW7TVOK.js";
 import {
   SdLoader
-} from "./chunks/chunk.OILA72IM.js";
+} from "./chunks/chunk.RN3MHCKA.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.IP6WZTQB.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.AYA7WMLI.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.HHKPFIAB.js";
+import "../chunks/chunk.AYA7WMLI.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {