@solid-design-system/components 4.1.3 → 4.2.0

package/dist/custom-elements.json

@@ -1854,6 +1854,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the button as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "loading",
@@ -2156,6 +2167,15 @@
               "description": "Disables the button.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the button as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "loading",
               "type": {
@@ -3215,6 +3235,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "checked",
@@ -3444,6 +3475,15 @@
               "description": "Disables the checkbox.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "checked",
               "type": {
@@ -3559,6 +3599,10 @@
             {
               "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component.",
               "name": "tooltip"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
@@ -3594,6 +3638,16 @@
               "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -3673,6 +3727,15 @@
               "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "fieldName": "label"
             },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
+            },
             {
               "name": "dir",
               "type": {
@@ -3958,6 +4021,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the combobox as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "clearable",
@@ -4340,6 +4414,15 @@
               "description": "Disables the combobox control.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the combobox as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "clearable",
               "type": {
@@ -7621,6 +7704,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the input as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "readonly",
@@ -8116,6 +8210,15 @@
               "description": "Disables the input.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the input as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "readonly",
               "type": {
@@ -8437,6 +8540,16 @@
               "description": "When not set, the link will render as disabled.",
               "attribute": "href"
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the link as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled"
+            },
             {
               "kind": "field",
               "name": "target",
@@ -8572,6 +8685,15 @@
               "description": "When not set, the link will render as disabled.",
               "fieldName": "href"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the link as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "target",
               "type": {
@@ -11070,6 +11192,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "A Boolean attribute which, if present, disables the radio.",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -11170,6 +11303,15 @@
               "description": "A Boolean attribute which, if present, disables the radio.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "A Boolean attribute which, if present, disables the radio.",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "value",
               "type": {
@@ -11306,6 +11448,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the radio-button as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -11414,6 +11567,15 @@
               "description": "Disables the radio button.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the radio-button as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "value",
               "type": {
@@ -11517,6 +11679,10 @@
               "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
               "name": "label"
             },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            },
             {
               "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-tooltip` component.",
               "name": "tooltip"
@@ -11575,6 +11741,16 @@
               "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
+            },
             {
               "kind": "field",
               "name": "boldLabel",
@@ -11773,6 +11949,15 @@
               "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "fieldName": "label"
             },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
+            },
             {
               "name": "boldLabel",
               "type": {
@@ -12430,6 +12615,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the select as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "helpText",
@@ -12776,6 +12972,15 @@
               "description": "Disables the select control.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the select as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "help-text",
               "type": {
@@ -15597,6 +15802,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the textarea as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "readonly",
@@ -16035,6 +16251,15 @@
               "description": "Disables the textarea.",
               "fieldName": "disabled"
             },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the textarea as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
             {
               "name": "readonly",
               "type": {
@@ -16748,7 +16973,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.1.3",
+    "version": "4.2.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,154 +4,154 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.4Q7KKH5Z.js";
+} from "./chunks/chunk.IHJUIKE5.js";
 import {
   SdTeaser
-} from "./chunks/chunk.ACST636J.js";
+} from "./chunks/chunk.5U42A4N2.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.674S2Z6M.js";
+} from "./chunks/chunk.TA2OGXIC.js";
 import {
   SdTextarea
-} from "./chunks/chunk.RSPK767T.js";
+} from "./chunks/chunk.AEYAUOW5.js";
 import {
   SdTooltip
-} from "./chunks/chunk.5PTDC66T.js";
+} from "./chunks/chunk.I6LLIF3A.js";
 import {
   SdVideo
-} from "./chunks/chunk.2FXKQI26.js";
+} from "./chunks/chunk.PHOL2FZ7.js";
 import {
   SdScrollable
-} from "./chunks/chunk.274HT4QS.js";
+} from "./chunks/chunk.QINFB4CI.js";
 import {
   SdSelect
-} from "./chunks/chunk.BTJACUD5.js";
+} from "./chunks/chunk.F2TZ6DNQ.js";
 import {
   SdStep
-} from "./chunks/chunk.DU3O42BH.js";
+} from "./chunks/chunk.MUTJR3Y5.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.QTFIZJGB.js";
+} from "./chunks/chunk.VYPTEJCW.js";
 import {
   SdSwitch
-} from "./chunks/chunk.XKJR2XUZ.js";
+} from "./chunks/chunk.LTMUP2IF.js";
 import {
   SdTab
-} from "./chunks/chunk.XL2PSGM5.js";
+} from "./chunks/chunk.XS43N4DL.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.AQZSZKBJ.js";
+} from "./chunks/chunk.MM7UZ56N.js";
 import {
   SdNotification
-} from "./chunks/chunk.YG3WOAEO.js";
+} from "./chunks/chunk.F27JSEQZ.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.PRXP5CUW.js";
+} from "./chunks/chunk.GXOBJN4Z.js";
 import {
   SdOption
-} from "./chunks/chunk.FTXUZOXH.js";
+} from "./chunks/chunk.LT6DJYQW.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.7E7C4YEQ.js";
+} from "./chunks/chunk.AQOV7CSX.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.OR7JTZLE.js";
+} from "./chunks/chunk.IHKHCZDI.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.D3I3AZEX.js";
+} from "./chunks/chunk.NXMLWQ4F.js";
 import {
   SdRadio
-} from "./chunks/chunk.A625ONY2.js";
+} from "./chunks/chunk.UEKILTQF.js";
 import {
   SdInclude
-} from "./chunks/chunk.JZB2D4IZ.js";
+} from "./chunks/chunk.OVXTOIRH.js";
 import {
   SdInput
-} from "./chunks/chunk.5FOKRIWL.js";
+} from "./chunks/chunk.NVGI6WK4.js";
 import {
   SdLink
-} from "./chunks/chunk.OBWOMZNU.js";
+} from "./chunks/chunk.V27Y42MG.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.I5ZJV32M.js";
+} from "./chunks/chunk.LM7G2MP2.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.F63YFNZS.js";
+} from "./chunks/chunk.DQPMDZDZ.js";
 import {
   SdDropdown
-} from "./chunks/chunk.DPY2TYIS.js";
+} from "./chunks/chunk.DKDBS6OJ.js";
 import {
   SdExpandable
-} from "./chunks/chunk.H5ARRBLT.js";
+} from "./chunks/chunk.65GBG62N.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.JIWTAZZS.js";
+} from "./chunks/chunk.UGILZRQF.js";
 import {
   SdHeader
-} from "./chunks/chunk.PT7MDSWH.js";
+} from "./chunks/chunk.X27M4U7I.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.A5S7GZJI.js";
+} from "./chunks/chunk.UWKWJ6WX.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.4SBQOWLU.js";
+} from "./chunks/chunk.6Q2FPQCD.js";
 import {
   SdCombobox
-} from "./chunks/chunk.XOL74PNU.js";
+} from "./chunks/chunk.OED6NJWG.js";
 import {
   SdTag
-} from "./chunks/chunk.KH4M6HPE.js";
+} from "./chunks/chunk.Q2OO67VT.js";
 import {
   SdPopup
-} from "./chunks/chunk.VTUCPGYW.js";
+} from "./chunks/chunk.PY2NXO6G.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdDialog
-} from "./chunks/chunk.CCQCEONR.js";
+} from "./chunks/chunk.632H2QDY.js";
 import {
   SdDivider
-} from "./chunks/chunk.AKF4KQEW.js";
+} from "./chunks/chunk.I44BFH6N.js";
 import {
   SdDrawer
-} from "./chunks/chunk.OZU372TI.js";
+} from "./chunks/chunk.VAA7NUXP.js";
 import "./chunks/chunk.VBQLCQSN.js";
 import "./chunks/chunk.XHCTCU2Q.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdBadge
-} from "./chunks/chunk.QUYKT56M.js";
+} from "./chunks/chunk.JCZYHLLG.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.OMBVLHXJ.js";
+} from "./chunks/chunk.NKQ5TMZU.js";
 import {
   SdButton
-} from "./chunks/chunk.SNCHAQYL.js";
+} from "./chunks/chunk.FG4KLSVA.js";
 import {
   SdSpinner
-} from "./chunks/chunk.AJ7V76EG.js";
+} from "./chunks/chunk.SUVILVZH.js";
 import "./chunks/chunk.KVKRZJS7.js";
-import "./chunks/chunk.H5BDO4H5.js";
+import "./chunks/chunk.WZK6B3UV.js";
 import {
   SdCarousel
-} from "./chunks/chunk.D26WCHLT.js";
+} from "./chunks/chunk.SL7UXNEP.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import "./chunks/chunk.2LMWBUBT.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.NUIZDE7R.js";
+} from "./chunks/chunk.THT3CJM5.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.EH2FHVPN.js";
+} from "./chunks/chunk.GEIIXN6O.js";
 import {
   SdAccordion
-} from "./chunks/chunk.FFKZQXJ2.js";
+} from "./chunks/chunk.MPC4NJ7T.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunks/chunk.UZKLVMCI.js";
+} from "./chunks/chunk.33QCSKQD.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -165,19 +165,19 @@ import "./chunks/chunk.EY4JPJJQ.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdAnimation
-} from "./chunks/chunk.LZA2QYUU.js";
+} from "./chunks/chunk.YHVAW367.js";
 import "./chunks/chunk.X2OQMWGY.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.TGJ2SBPH.js";
+} from "./chunks/chunk.TLTEUGRS.js";
 import "./chunks/chunk.YEZS5ZR2.js";
 import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
 import "./chunks/chunk.ZXR3YX6W.js";
 import "./chunks/chunk.EJ6ZLEEW.js";
-import "./chunks/chunk.HFHUY7YD.js";
+import "./chunks/chunk.M4CPDAKC.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.VTUCPGYW.js";
-import "../chunks/chunk.HFHUY7YD.js";
+import "../chunks/chunk.PY2NXO6G.js";
+import "../chunks/chunk.M4CPDAKC.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   setupAutocomplete