@solid-design-system/components 2.2.0 → 2.3.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -200,12 +200,6 @@
                   "type": "('top' | 'middle' | 'bottom')[]"
                 }
               },
-              {
-                "name": "componentBreakpoint",
-                "value": {
-                  "type": "Breakpoints"
-                }
-              },
               {
                 "name": "resizeObserver",
                 "value": {
@@ -283,12 +277,6 @@
                 "name": "hasSlotController",
                 "value": {}
               },
-              {
-                "name": "invalid",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "value": {
@@ -774,18 +762,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "activeSlide",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "pausedAutoplay",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "autoplayController",
                 "value": {}
@@ -1175,13 +1151,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "showInvalidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object",
@@ -1963,12 +1932,6 @@
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
             "properties": [
-              {
-                "name": "svg",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "name",
                 "description": "The name of the icon to draw. Available names depend on the icon library being used.",
@@ -2235,25 +2198,6 @@
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showValidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "type",
                 "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
@@ -3360,24 +3304,6 @@
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "current",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "selected",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "hasHover",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "size",
                 "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-select`.",
@@ -3954,25 +3880,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "hasButtonGroup",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "label",
                 "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
@@ -4185,13 +4092,6 @@
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
             "properties": [
-              {
-                "name": "checked",
-                "description": "A Boolean attribute which, if present, indicates that this radio button is the default check one in the group.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "hasFocus",
                 "value": {
@@ -4351,50 +4251,6 @@
                   "type": "SdPopup"
                 }
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "hasHover",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "displayLabel",
-                "description": "When `multiple` is `true` and `useTags` is `false`, the displayLabel sets the text shown in the display input. We use the localized string \"Options Selected (#)\" by default.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "currentOption",
-                "value": {
-                  "type": "SdOption"
-                }
-              },
-              {
-                "name": "selectedOptions",
-                "value": {
-                  "type": "SdOption[]"
-                }
-              },
-              {
-                "name": "showValidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "defaultValue",
                 "description": "The default value of the form control. Primarily used for resetting the form control.",
@@ -4442,11 +4298,6 @@
                   "type": "'top' | 'bottom'"
                 }
               },
-              {
-                "name": "currentPlacement",
-                "description": "The actual current placement of the select's menu sourced from `sd-popup`.",
-                "value": {}
-              },
               {
                 "name": "clearable",
                 "description": "Adds a clear button when the select is not empty.",
@@ -4912,13 +4763,6 @@
                   "type": "FormControlController"
                 }
               },
-              {
-                "name": "showInvalidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "description": "The title of the switch adds a tooltip with title text.",
@@ -5295,12 +5139,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "_orientation",
-                "value": {
-                  "type": "'vertical' | 'horizontal'"
-                }
-              },
               {
                 "name": "hasSlotController",
                 "value": {}
@@ -5357,25 +5195,6 @@
                 "name": "hasSlotController",
                 "value": {}
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showValidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "description": "An empty title prevents browser validation tooltips from appearing on hover",
@@ -6109,7 +5928,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-accordion-group",
+          "name": "sd-2-3-1-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -6139,7 +5958,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-accordion",
+          "name": "sd-2-3-1-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6222,7 +6041,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-badge",
+          "name": "sd-2-3-1-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6276,7 +6095,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-brandshape",
+          "name": "sd-2-3-1-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6295,12 +6114,6 @@
                   "type": "('top' | 'middle' | 'bottom')[]"
                 }
               },
-              {
-                "name": "componentBreakpoint",
-                "value": {
-                  "type": "Breakpoints"
-                }
-              },
               {
                 "name": "resizeObserver",
                 "value": {
@@ -6365,7 +6178,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-button",
+          "name": "sd-2-3-1-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -6378,12 +6191,6 @@
                 "name": "hasSlotController",
                 "value": {}
               },
-              {
-                "name": "invalid",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "value": {
@@ -6727,7 +6534,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-carousel-item",
+          "name": "sd-2-3-1-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -6742,7 +6549,7 @@
           "attributes": []
         },
         {
-          "name": "sd-2-2-0-carousel",
+          "name": "sd-2-3-1-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -6789,18 +6596,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "activeSlide",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "pausedAutoplay",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "autoplayController",
                 "value": {}
@@ -6946,7 +6741,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-checkbox-group",
+          "name": "sd-2-3-1-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -7024,7 +6819,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-checkbox",
+          "name": "sd-2-3-1-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7104,13 +6899,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "showInvalidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object",
@@ -7265,7 +7053,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-dialog",
+          "name": "sd-2-3-1-dialog",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
           "js": {
@@ -7388,7 +7176,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-divider",
+          "name": "sd-2-3-1-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -7428,7 +7216,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-drawer",
+          "name": "sd-2-3-1-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -7581,7 +7369,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-dropdown",
+          "name": "sd-2-3-1-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -7835,7 +7623,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-header",
+          "name": "sd-2-3-1-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -7887,17 +7675,11 @@
           ]
         },
         {
-          "name": "sd-2-2-0-icon",
+          "name": "sd-2-3-1-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
             "properties": [
-              {
-                "name": "svg",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "name",
                 "description": "The name of the icon to draw. Available names depend on the icon library being used.",
@@ -7996,7 +7778,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-include",
+          "name": "sd-2-3-1-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -8067,7 +7849,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-input",
+          "name": "sd-2-3-1-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -8086,25 +7868,6 @@
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showValidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "type",
                 "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
@@ -8674,7 +8437,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-link",
+          "name": "sd-2-3-1-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -8801,7 +8564,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-navigation-item",
+          "name": "sd-2-3-1-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -9026,7 +8789,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-notification",
+          "name": "sd-2-3-1-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -9192,7 +8955,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-option",
+          "name": "sd-2-3-1-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9211,24 +8974,6 @@
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "current",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "selected",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "hasHover",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "size",
                 "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-select`.",
@@ -9321,7 +9066,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-popup",
+          "name": "sd-2-3-1-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -9673,7 +9418,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-radio-button",
+          "name": "sd-2-3-1-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -9772,7 +9517,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-radio-group",
+          "name": "sd-2-3-1-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -9805,25 +9550,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "hasButtonGroup",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "label",
                 "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
@@ -10031,18 +9757,11 @@
           ]
         },
         {
-          "name": "sd-2-2-0-radio",
+          "name": "sd-2-3-1-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
             "properties": [
-              {
-                "name": "checked",
-                "description": "A Boolean attribute which, if present, indicates that this radio button is the default check one in the group.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "hasFocus",
                 "value": {
@@ -10153,7 +9872,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-select",
+          "name": "sd-2-3-1-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -10202,50 +9921,6 @@
                   "type": "SdPopup"
                 }
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "hasHover",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "displayLabel",
-                "description": "When `multiple` is `true` and `useTags` is `false`, the displayLabel sets the text shown in the display input. We use the localized string \"Options Selected (#)\" by default.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "currentOption",
-                "value": {
-                  "type": "SdOption"
-                }
-              },
-              {
-                "name": "selectedOptions",
-                "value": {
-                  "type": "SdOption[]"
-                }
-              },
-              {
-                "name": "showValidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "defaultValue",
                 "description": "The default value of the form control. Primarily used for resetting the form control.",
@@ -10293,11 +9968,6 @@
                   "type": "'top' | 'bottom'"
                 }
               },
-              {
-                "name": "currentPlacement",
-                "description": "The actual current placement of the select's menu sourced from `sd-popup`.",
-                "value": {}
-              },
               {
                 "name": "clearable",
                 "description": "Adds a clear button when the select is not empty.",
@@ -10722,7 +10392,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-spinner",
+          "name": "sd-2-3-1-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -10752,7 +10422,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-switch",
+          "name": "sd-2-3-1-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -10763,13 +10433,6 @@
                   "type": "FormControlController"
                 }
               },
-              {
-                "name": "showInvalidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "description": "The title of the switch adds a tooltip with title text.",
@@ -10967,7 +10630,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-tag",
+          "name": "sd-2-3-1-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -11121,7 +10784,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-teaser",
+          "name": "sd-2-3-1-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -11146,12 +10809,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "_orientation",
-                "value": {
-                  "type": "'vertical' | 'horizontal'"
-                }
-              },
               {
                 "name": "hasSlotController",
                 "value": {}
@@ -11193,7 +10850,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-textarea",
+          "name": "sd-2-3-1-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -11208,25 +10865,6 @@
                 "name": "hasSlotController",
                 "value": {}
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showValidStyle",
-                "description": "Indicates whether or not the user input is valid after the user has interacted with the component. These states are activated when the attribute \"data-user-valid\" or \"data-user-invalid\" are set on the component via the form controller. They are different than the native input validity state which is always either `true` or `false`.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "showInvalidStyle",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "description": "An empty title prevents browser validation tooltips from appearing on hover",
@@ -11666,7 +11304,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-tooltip",
+          "name": "sd-2-3-1-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -11859,7 +11497,7 @@
           ]
         },
         {
-          "name": "sd-2-2-0-video",
+          "name": "sd-2-3-1-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {