@solid-design-system/components 2.5.0 → 2.7.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -4959,6 +4959,275 @@
             }
           ]
         },
+        {
+          "name": "sd-tab-group",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-group",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "activeTab",
+                "value": {
+                  "type": "SdTab | undefined"
+                }
+              },
+              {
+                "name": "mutationObserver",
+                "value": {
+                  "type": "MutationObserver"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "tabs",
+                "value": {
+                  "type": "SdTab[]"
+                }
+              },
+              {
+                "name": "panels",
+                "value": {
+                  "type": "SdTabPanel[]"
+                }
+              },
+              {
+                "name": "activation",
+                "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
+                "value": {
+                  "type": "'auto' | 'manual'"
+                }
+              },
+              {
+                "name": "getAllTabs",
+                "value": {}
+              },
+              {
+                "name": "getAllPanels",
+                "value": {}
+              },
+              {
+                "name": "getActiveTab",
+                "value": {}
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleScrollToStart",
+                "value": {}
+              },
+              {
+                "name": "handleScrollToEnd",
+                "value": {}
+              },
+              {
+                "name": "setActiveTab",
+                "description": "Sets the active tab and panel.",
+                "value": {}
+              },
+              {
+                "name": "setAriaLabels",
+                "value": {}
+              },
+              {
+                "name": "syncTabsAndPanels",
+                "value": {}
+              },
+              {
+                "name": "updateScrollControls",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the specified tab panel.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-tab-show",
+                "description": "Emitted when a tab is shown."
+              },
+              {
+                "name": "sd-tab-hide",
+                "description": "Emitted when a tab is hidden."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "activation",
+              "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
+              "value": {
+                "type": "'auto' | 'manual'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-tab-panel",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-panel",
+          "js": {
+            "properties": [
+              {
+                "name": "attrId",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "componentId",
+                "value": {}
+              },
+              {
+                "name": "name",
+                "description": "The tab panel's name.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "active",
+                "description": "When true, the tab panel will be shown.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleActiveChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The tab panel's name.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "active",
+              "description": "When true, the tab panel will be shown.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-tab",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tab",
+          "js": {
+            "properties": [
+              {
+                "name": "attrId",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "componentId",
+                "value": {}
+              },
+              {
+                "name": "panel",
+                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "variant",
+                "description": "When set to container, a border appears around the current tab and tab-panel.",
+                "value": {
+                  "type": "'default' | 'container'"
+                }
+              },
+              {
+                "name": "active",
+                "description": "Draws the tab in an active state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the tab and prevents selection.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleActiveChange",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus to the tab.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the tab.",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "panel",
+              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "When set to container, a border appears around the current tab and tab-panel.",
+              "value": {
+                "type": "'default' | 'container'"
+              }
+            },
+            {
+              "name": "active",
+              "description": "Draws the tab in an active state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the tab and prevents selection.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-tag",
           "description": "",
@@ -5956,7 +6225,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-accordion-group",
+          "name": "sd-2-7-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -5986,7 +6255,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-accordion",
+          "name": "sd-2-7-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6069,7 +6338,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-badge",
+          "name": "sd-2-7-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6123,7 +6392,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-brandshape",
+          "name": "sd-2-7-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6206,7 +6475,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-button",
+          "name": "sd-2-7-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -6562,7 +6831,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-carousel-item",
+          "name": "sd-2-7-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -6577,7 +6846,7 @@
           "attributes": []
         },
         {
-          "name": "sd-2-5-0-carousel",
+          "name": "sd-2-7-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -6769,7 +7038,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-checkbox-group",
+          "name": "sd-2-7-0-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -6847,7 +7116,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-checkbox",
+          "name": "sd-2-7-0-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7081,7 +7350,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-dialog",
+          "name": "sd-2-7-0-dialog",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
           "js": {
@@ -7204,7 +7473,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-divider",
+          "name": "sd-2-7-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -7244,7 +7513,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-drawer",
+          "name": "sd-2-7-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -7397,7 +7666,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-dropdown",
+          "name": "sd-2-7-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -7651,7 +7920,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-header",
+          "name": "sd-2-7-0-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -7703,7 +7972,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-icon",
+          "name": "sd-2-7-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -7806,7 +8075,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-include",
+          "name": "sd-2-7-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -7877,7 +8146,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-input",
+          "name": "sd-2-7-0-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -8465,7 +8734,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-link",
+          "name": "sd-2-7-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -8592,7 +8861,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-navigation-item",
+          "name": "sd-2-7-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -8817,7 +9086,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-notification",
+          "name": "sd-2-7-0-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -8983,7 +9252,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-option",
+          "name": "sd-2-7-0-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9094,7 +9363,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-popup",
+          "name": "sd-2-7-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -9446,7 +9715,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-radio-button",
+          "name": "sd-2-7-0-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -9545,7 +9814,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-radio-group",
+          "name": "sd-2-7-0-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -9785,7 +10054,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-radio",
+          "name": "sd-2-7-0-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -9900,7 +10169,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-select",
+          "name": "sd-2-7-0-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -10420,7 +10689,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-spinner",
+          "name": "sd-2-7-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -10450,7 +10719,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-switch",
+          "name": "sd-2-7-0-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -10658,7 +10927,276 @@
           ]
         },
         {
-          "name": "sd-2-5-0-tag",
+          "name": "sd-2-7-0-tab-group",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-group",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "activeTab",
+                "value": {
+                  "type": "SdTab | undefined"
+                }
+              },
+              {
+                "name": "mutationObserver",
+                "value": {
+                  "type": "MutationObserver"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "tabs",
+                "value": {
+                  "type": "SdTab[]"
+                }
+              },
+              {
+                "name": "panels",
+                "value": {
+                  "type": "SdTabPanel[]"
+                }
+              },
+              {
+                "name": "activation",
+                "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
+                "value": {
+                  "type": "'auto' | 'manual'"
+                }
+              },
+              {
+                "name": "getAllTabs",
+                "value": {}
+              },
+              {
+                "name": "getAllPanels",
+                "value": {}
+              },
+              {
+                "name": "getActiveTab",
+                "value": {}
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleScrollToStart",
+                "value": {}
+              },
+              {
+                "name": "handleScrollToEnd",
+                "value": {}
+              },
+              {
+                "name": "setActiveTab",
+                "description": "Sets the active tab and panel.",
+                "value": {}
+              },
+              {
+                "name": "setAriaLabels",
+                "value": {}
+              },
+              {
+                "name": "syncTabsAndPanels",
+                "value": {}
+              },
+              {
+                "name": "updateScrollControls",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the specified tab panel.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-tab-show",
+                "description": "Emitted when a tab is shown."
+              },
+              {
+                "name": "sd-tab-hide",
+                "description": "Emitted when a tab is hidden."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "activation",
+              "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
+              "value": {
+                "type": "'auto' | 'manual'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-2-7-0-tab-panel",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-panel",
+          "js": {
+            "properties": [
+              {
+                "name": "attrId",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "componentId",
+                "value": {}
+              },
+              {
+                "name": "name",
+                "description": "The tab panel's name.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "active",
+                "description": "When true, the tab panel will be shown.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleActiveChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The tab panel's name.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "active",
+              "description": "When true, the tab panel will be shown.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-2-7-0-tab",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tab",
+          "js": {
+            "properties": [
+              {
+                "name": "attrId",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "componentId",
+                "value": {}
+              },
+              {
+                "name": "panel",
+                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "variant",
+                "description": "When set to container, a border appears around the current tab and tab-panel.",
+                "value": {
+                  "type": "'default' | 'container'"
+                }
+              },
+              {
+                "name": "active",
+                "description": "Draws the tab in an active state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the tab and prevents selection.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleActiveChange",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus to the tab.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the tab.",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "panel",
+              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "When set to container, a border appears around the current tab and tab-panel.",
+              "value": {
+                "type": "'default' | 'container'"
+              }
+            },
+            {
+              "name": "active",
+              "description": "Draws the tab in an active state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the tab and prevents selection.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-2-7-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -10812,7 +11350,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-teaser-media",
+          "name": "sd-2-7-0-teaser-media",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser-media",
           "js": {
@@ -10840,7 +11378,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-teaser",
+          "name": "sd-2-7-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -10906,7 +11444,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-textarea",
+          "name": "sd-2-7-0-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -11360,7 +11898,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-tooltip",
+          "name": "sd-2-7-0-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -11553,7 +12091,7 @@
           ]
         },
         {
-          "name": "sd-2-5-0-video",
+          "name": "sd-2-7-0-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {