@solid-design-system/components 4.1.3 → 4.2.0

package/cdn/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"