@solid-design-system/components 1.8.0 → 1.10.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -648,6 +648,159 @@
             }
           ]
         },
+        {
+          "name": "sd-drawer",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "modal",
+                "value": {}
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "label",
+                "description": "You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "placement",
+                "description": "The direction from which the drawer will open.",
+                "value": {
+                  "type": "'end' | 'start'"
+                }
+              },
+              {
+                "name": "contained",
+                "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "noHeader",
+                "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "requestClose",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "handleNoModalChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the drawer.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the drawer",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the drawer opens."
+              },
+              {
+                "name": "sd-after-show",
+                "description": "Emitted after the drawer opens and all animations are complete."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the drawer closes."
+              },
+              {
+                "name": "sd-after-hide",
+                "description": "Emitted after the drawer closes and all animations are complete."
+              },
+              {
+                "name": "sd-initial-focus",
+                "description": "Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
+              },
+              {
+                "name": "sd-request-close",
+                "description": "Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "The direction from which the drawer will open.",
+              "value": {
+                "type": "'end' | 'start'"
+              }
+            },
+            {
+              "name": "contained",
+              "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "no-header",
+              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-dropdown",
           "description": "",
@@ -1651,6 +1804,152 @@
             }
           ]
         },
+        {
+          "name": "sd-tag",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The tag's size.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Displays the tag in a selected state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "removable",
+                "description": "Displays the tag with a removability indicator.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Displays the tag in a disabled state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is present.",
+                "value": {
+                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                }
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+                "value": {
+                  "type": "string | undefined"
+                }
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "isLink",
+                "value": {}
+              },
+              {
+                "name": "click",
+                "description": "Simulates a click on the tag.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the tag.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the tag.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-blur",
+                "description": "Emitted when the tag loses focus."
+              },
+              {
+                "name": "sd-focus",
+                "description": "Emitted when the tag gains focus."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The tag's size.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Displays the tag in a selected state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "removable",
+              "description": "Displays the tag with a removability indicator.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Displays the tag in a disabled state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "value": {
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              }
+            },
+            {
+              "name": "download",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "value": {
+                "type": "string | undefined"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-teaser",
           "description": "",
@@ -1724,7 +2023,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-accordion-group",
+          "name": "sd-1-10-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -1754,7 +2053,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-accordion",
+          "name": "sd-1-10-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -1837,7 +2136,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-badge",
+          "name": "sd-1-10-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -1891,7 +2190,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-brandshape",
+          "name": "sd-1-10-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -1980,7 +2279,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-button",
+          "name": "sd-1-10-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -2319,7 +2618,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-divider",
+          "name": "sd-1-10-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -2359,7 +2658,160 @@
           ]
         },
         {
-          "name": "sd-1-8-0-dropdown",
+          "name": "sd-1-10-0-drawer",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "modal",
+                "value": {}
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "label",
+                "description": "You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "placement",
+                "description": "The direction from which the drawer will open.",
+                "value": {
+                  "type": "'end' | 'start'"
+                }
+              },
+              {
+                "name": "contained",
+                "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "noHeader",
+                "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "requestClose",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "handleNoModalChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the drawer.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the drawer",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the drawer opens."
+              },
+              {
+                "name": "sd-after-show",
+                "description": "Emitted after the drawer opens and all animations are complete."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the drawer closes."
+              },
+              {
+                "name": "sd-after-hide",
+                "description": "Emitted after the drawer closes and all animations are complete."
+              },
+              {
+                "name": "sd-initial-focus",
+                "description": "Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
+              },
+              {
+                "name": "sd-request-close",
+                "description": "Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "The direction from which the drawer will open.",
+              "value": {
+                "type": "'end' | 'start'"
+              }
+            },
+            {
+              "name": "contained",
+              "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "no-header",
+              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-1-10-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -2613,7 +3065,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-icon",
+          "name": "sd-1-10-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -2722,7 +3174,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-include",
+          "name": "sd-1-10-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -2793,7 +3245,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-link",
+          "name": "sd-1-10-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -2920,7 +3372,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-popup",
+          "name": "sd-1-10-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -3254,7 +3706,7 @@
           ]
         },
         {
-          "name": "sd-1-8-0-spinner",
+          "name": "sd-1-10-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -3284,7 +3736,153 @@
           ]
         },
         {
-          "name": "sd-1-8-0-teaser",
+          "name": "sd-1-10-0-tag",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The tag's size.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Displays the tag in a selected state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "removable",
+                "description": "Displays the tag with a removability indicator.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Displays the tag in a disabled state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is present.",
+                "value": {
+                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                }
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+                "value": {
+                  "type": "string | undefined"
+                }
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "isLink",
+                "value": {}
+              },
+              {
+                "name": "click",
+                "description": "Simulates a click on the tag.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the tag.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the tag.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-blur",
+                "description": "Emitted when the tag loses focus."
+              },
+              {
+                "name": "sd-focus",
+                "description": "Emitted when the tag gains focus."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The tag's size.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Displays the tag in a selected state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "removable",
+              "description": "Displays the tag with a removability indicator.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Displays the tag in a disabled state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "value": {
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              }
+            },
+            {
+              "name": "download",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "value": {
+                "type": "string | undefined"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-1-10-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {